arthur/website-old
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/website-old.git synced 2026-01-14 12:14:42 +01:00
Code Issues 31 Packages Projects Releases Wiki Activity

Translate all the project

Browse Source
This commit is contained in:
Arthur Danjou
2021-04-17 01:12:59 +02:00
parent 23b1828185
commit 5b65ba0866
24 changed files with 202 additions and 340 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/AboutHome.vue
View File

@@ -1,18 +1,18 @@
<template>
<section v-if="info && info.age" class="w-full flex items-center justify-center my-12">
<div class="flex flex-col md:flex-row justify-between items-center">
<div class="mb-12 md:mb-0 md:w-1/2 flex justify-center">
<img src="@/assets/images/memojies/Hey.png" alt="It's me !" class="w-1/2">
<div class="mb-12 md:mb-0 w-full md:w-1/2 flex justify-center">
<img src="@/assets/images/memojies/Hey.png" alt="It's me !" class="lg:w-1/2">
</div>
<div class="md:w-1/2 text-justify">
<h2 class="text-4xl font-bold text-center md:text-justify">
Who am I ?
{{ $t('home.about.title') }}
</h2>
<p class="text-xl my-6 text-gray-700 dark:text-gray-400">
{{ $t('home.banner.description', {age: info.age}) }}
{{ $t('home.about.description', {age: info.age}) }}
</p>
<div class="flex justify-center md:justify-start">
<Button content="Decouvrir mon profil" link="about"/>
<Button content="home.about.about" link="about"/>
</div>
</div>
</div>
@@ -37,7 +37,3 @@ export default {
}
}
</script>
<style scoped lang="scss">
</style>

4
src/components/Ad.vue
View File

@@ -37,7 +37,3 @@ export default {
}
}
</script>
<style scoped lang="scss">
</style>

12
src/components/AdHome.vue
View File

@@ -8,10 +8,10 @@
</div>
<div>
<h1 class="font-bold text-black text-4xl">
Comment je travaille ?
{{ $t('home.ad.uses.title') }}
</h1>
<h3 class="px-4 text-xl text-gray-700">
Venez decouvrir mon environnement de developpement
{{ $t('home.ad.uses.description') }}
</h3>
</div>
</Ad>
@@ -23,10 +23,10 @@
</div>
<div>
<h1 class="font-bold text-black text-4xl">
Vous avez un projet ?
{{ $t('home.ad.contact.title') }}
</h1>
<h3 class="px-4 text-lg text-gray-700">
Contactez moi en detaillant votre projet pour debuter notre collaboration.
{{ $t('home.ad.contact.description') }}
</h3>
</div>
</Ad>
@@ -40,7 +40,3 @@ export default {
name: "AdPreview"
}
</script>
<style scoped lang="scss">
</style>

13
src/components/Banner.vue
View File

@@ -2,16 +2,17 @@
<section class="my-16 md:my-32 w-full flex items-center justify-center">
<div class="text-center flex flex-col items-center">
<h1 class="text-6xl font-bold text-gray-700 dark:text-gray-400">
Hello, I am <span class="text-black dark:text-white">Arthur Danjou</span> 👋,
{{ $t('home.banner.hello') }} <span class="text-black dark:text-white">Arthur Danjou</span> 👋,
</h1>
<h2 class="my-6 text-4xl text-black dark:text-white">
a <strong>Web</strong> and <strong>Software Developer</strong>. <br />
I am also a <strong>Student</strong>.
<strong>{{ $t('home.banner.role') }}</strong>. <br />
{{ $t('home.banner.student.main') }} <strong>{{ $t('home.banner.student.strong') }}</strong>.
</h2>
<p class="mt-4 text-lg text-gray-800 mb-10 dark:text-gray-300">You can follow me on <span class="link">Twitter</span>,
<p class="mt-4 text-lg text-gray-800 mb-10 dark:text-gray-300">{{ $t('home.banner.contact.follow') }} <span class="link">Twitter</span>,
<span class="link">Twitch</span>
and <span class="link">Github</span>.
Here is my <nuxt-link to="contact" class="link">Contact</nuxt-link> page.
{{ $t('home.banner.contact.and') }} <span class="link">Github</span>
{{ $t('home.banner.contact.spacer') }}
<nuxt-link to="contact" class="link">{{ $t('home.banner.contact.contact') }}</nuxt-link> {{ $t('home.banner.contact.me') }}
</p>
</div>
</section>

2
src/components/Button.vue
View File

@@ -1,7 +1,7 @@
<template>
<nuxt-link :to="link" class="duration-150 transform hover:scale-105">
<div class="text-lg cursor-pointer px-8 py-4 rounded-xl border-2 border-indigo-600 hover:(bg-indigo-600 text-white) dark:hover:text-black text-indigo-600 duration-300">
{{ content }}
{{ $t(content) }}
</div>
</nuxt-link>
</template>

12
src/components/ContactForm.vue
View File

@@ -1,7 +1,7 @@
<template>
<section class="w-full flex items-center justify-center flex-col">
<h2 class="text-center mb-10 font-bold text-gray-700 text-2xl md:text-3xl my-4 dark:text-gray-400">
Fill in the form or <br class="lg:hidden"/><a class="email text-black dark:text-white" href="mailto:me@arthurdanjou.fr" target="_blank">Send an email</a> 📬
{{ $t('contact.form.title.main') }} <br class="lg:hidden"/><a class="email text-black dark:text-white" href="mailto:me@arthurdanjou.fr" target="_blank">{{ $t('contact.form.title.email') }}</a> 📬
</h2>
<form class="w-full lg:w-1/2">
<div class="w-full lg:flex lg:space-x-4 justify-center mb-8 lg:mb-12">
@@ -13,7 +13,7 @@
placeholder=" "
class="form-input-half w-full"
/>
<label for="name" class="form-label"> What is your name ?</label>
<label for="name" class="form-label">{{ $t('contact.form.name') }}</label>
</div>
<div class="form-div lg:w-1/2">
<input
@@ -23,7 +23,7 @@
placeholder=" "
class="form-input-half w-full"
/>
<label for="email" class="form-label">What is your email ?</label>
<label for="email" class="form-label">{{ $t('contact.form.email') }}</label>
</div>
</div>
<div class="form-div w-full mb-8 lg:mb-12">
@@ -34,7 +34,7 @@
placeholder=" "
class="form-input w-full"
/>
<label for="subject" class="form-label">Why are you contacting me?</label>
<label for="subject" class="form-label">{{ $t('contact.form.subject') }}</label>
</div>
<div class="form-div w-full">
<textarea
@@ -45,12 +45,12 @@
minlength="30"
rows="4"
/>
<label for="content" class="form-label">Tell me about your project</label>
<label for="content" class="form-label">{{ $t('contact.form.content') }}</label>
</div>
</form>
<div class="my-12">
<div class="font-bold px-6 py-3 border-2 rounded-full border-indigo-600 text-indigo-600 hover:(bg-indigo-600 text-white) hover:dark:text-black duration-300 cursor-pointer">
Envoyer
{{ $t('contact.form.submit') }}
</div>
</div>
</section>

2
src/components/PageTitle.vue
View File

@@ -1,6 +1,6 @@
<template>
<h1
class="mt-16 md:mt-32 font-bold text-3xl md:text-5xl mr-2 inline mb-4 border-b-3 border-solid border-indigo-600"
class="mt-16 md:mt-32 font-bold text-2xl md:text-5xl mr-2 inline mb-4 border-b-3 border-solid border-indigo-600"
>
{{ this.$t(title) }}
<slot />

6
src/components/PostsHome.vue
View File

@@ -3,10 +3,10 @@
<div class="flex flex-col items-center text-center">
<div class="flex flex-col items-center">
<h2 class="font-bold text-3xl">
Derniers articles
{{ $t('blog.latest') }}
</h2>
<p class="text-gray-700 dark:text-gray-400 text-xl md:w-2/3 mt-4">
Je redige des articles concernant ma vie, le developpement et mes passions.
{{ $t('blog.description') }}
</p>
</div>
<div class="my-8 lg:flex w-full lg:space-x-6">
@@ -23,7 +23,7 @@
</div>
</div>
<div class="flex">
<Button content="Voir plus d'articles" link="blog"/>
<Button content="blog.see_more" link="blog"/>
</div>
</div>
</section>

6
src/components/Project.vue
View File

@@ -26,9 +26,9 @@ import {computed} from "@nuxtjs/composition-api";
interface ProjectProp {
title: string,
cover: string,
slug: string,
tags: Array<String>,
description: string,
url: string,
}
export default {
@@ -42,10 +42,6 @@ export default {
type: String,
default: "artapi.png"
},
slug: {
type: String,
default: "slug"
},
description: {
type: String,
default: "Description"

9
src/components/ProjectsHome.vue
View File

@@ -3,10 +3,10 @@
<div class="flex flex-col items-center text-center">
<div class="flex flex-col items-center">
<h2 class="font-bold text-3xl">
Derniers projets
{{ $t('projects.latest') }}
</h2>
<p class="text-gray-700 dark:text-gray-400 text-xl lg:w-2/3 mt-4">
Quelques projets que j'ai realise dans ma vie de developpeur.
{{ $t('projects.description') }}
</p>
</div>
<div class="my-8 lg:flex w-full lg:space-x-8">
@@ -15,14 +15,13 @@
:title="project.title"
:cover="project.cover"
:description="project.description"
:slug="project.slug"
:tags="project.tags"
:company="project.company"
:url="project.url"
/>
</div>
</div>
<div class="flex">
<Button content="Voir plus de projets" link="projects"/>
<Button content="projects.see_more" link="projects"/>
</div>
</div>
</section>

3
src/components/Skill.vue
View File

@@ -72,6 +72,3 @@ export default {
}
}
</script>
<style scoped lang="scss">
</style>

4
src/components/SkillsAbout.vue
View File

@@ -37,7 +37,3 @@ export default {
}
}
</script>
<style scoped>
</style>

4
src/components/Tag.vue
View File

@@ -22,7 +22,3 @@ export default {
},
}
</script>
<style scoped lang="scss">
</style>

62
src/components/Work.vue
View File

@@ -1,62 +0,0 @@
<template>
<div class="mb-3 mr-3 p-1 md:p-2 h-64 w-64 border-gray-900 dark:border-dark-200 border-2 duration-300 rounded-3xl hover:bg-opacity-25 hover:scale-105 transform cursor-pointer"
:class="getColor">
<div class="w-full h-full flex flex-col justify-center items-center">
<div class="text-center">
<img alt="Project Img" class="rounded-md" width="150" :src="getCoverLink">
</div>
<div class="text-center">
<h1 class="md:text-2xl text-lg font-bold">{{ title }}</h1>
<a :href="url" :class="'text-' + color + '-500'">{{ formatLink }}</a>
</div>
</div>
</div>
</template>
<script lang="ts">
import {computed} from '@nuxtjs/composition-api'
interface WorkProps {
title: string,
url: string,
cover: string,
color: string
}
export default {
name: "Work",
props: {
title: {
type: String,
default: 'Title'
},
url: {
type: String,
default: 'https://arthurdanjou.fr'
},
cover: {
type: String,
default: 'default.png'
},
color: {
type: String,
default: 'white'
}
},
setup(props: WorkProps) {
const formatLink = computed(() => props.url.replace('https://', '').replace('http://', ''))
const getColor = computed(() => `hover:bg-${props.color}-600`)
const getCoverLink = computed(() => `@/assets/images/works/${props.cover}.png`)
return {
formatLink,
getColor,
getCoverLink
}
}
}
</script>
<style scoped>
</style>

54
src/components/WorkSkill.vue
View File

@@ -1,54 +0,0 @@
<template>
<div
class="m-2 p-1 md:p-2 h-48 w-48 border-gray-900 dark:border-dark-200 border-2 duration-300 rounded-3xl hover:bg-opacity-25"
:class="getColor"
>
<div class="w-full h-full flex flex-col justify-center items-center">
<div>
<img class="rounded-sm" alt="Skill Img" :src="getCoverLink">
</div>
<h1 class="md:text-xl text-lg font-bold text-center">{{ skill }}</h1>
</div>
</div>
</template>
<script lang="ts">
import {computed} from '@nuxtjs/composition-api'
interface WorkSkillProps {
skill: string,
color: string,
cover: string
}
export default {
name: "WorkSkill",
props: {
skill: {
type: String,
default: "Rien"
},
color: {
type: String,
default: "red-100"
},
cover: {
type: String,
default: "logo.jpg"
}
},
setup(props: WorkSkillProps) {
const getColor = computed(() => `hover:bg-${props.color}-600`)
const getCoverLink = computed(() => require(`@/assets/images/skills/${props.cover}.png`))
return {
getColor,
getCoverLink
}
}
}
</script>
<style scoped>
</style>

8
src/content/projects.json
View File

@@ -5,7 +5,7 @@
"description": "works.erisium",
"url": "https://erisium.com",
"cover": "erisium.png",
"color": "fuchsia"
"tags": ["tags.mc"]
},
{
"slug": "artsite",
@@ -13,7 +13,7 @@
"description": "works.artsite",
"url": "https://arthurdanjou.fr",
"cover": "artsite.png",
"color": "trueGray"
"tags": ["tags.web"]
},
{
"slug": "artapi",
@@ -21,7 +21,7 @@
"description": "works.artapi",
"url": "https://api.arthurdanjou.fr",
"cover": "artapi.png",
"color": "trueGray"
"tags": ["tags.api"]
},
{
"slug": "artclick",
@@ -29,6 +29,6 @@
"description": "works.artclick",
"url": "https://artdanj.to",
"cover": "artclick.png",
"color": "trueGray"
"tags": ["tags.software"]
}
]

3
src/layouts/default.vue
View File

@@ -10,6 +10,3 @@
export default {
}
</script>
<style scoped>
</style>

115
src/locales/en-EN.ts
View File

@@ -7,6 +7,14 @@ export default {
uses: 'Uses',
},
part: {
about: 'About',
blog: 'My blog',
work: 'My work',
contact: 'Contact me',
uses: 'My uses'
},
footer: {
find_me: 'Find me on :',
separator: 'et by',
@@ -23,51 +31,50 @@ export default {
error: 'Error'
},
part: {
about: 'About',
blog: 'My Blog',
work: 'My Work',
contact: 'Contact me',
about_description: 'Learn more about me, how I projects and who I am',
blog_description: 'I write articles about my life, development and my passions',
work_description: 'Discover my creations to get an idea of my skills',
contact_description: 'Find all my social networks to contact me'
},
home: {
banner: {
role: 'Developer & student',
hello: 'Hello, I am',
description: 'I am a {age} year old self-taught developer. I live in Paris 🇫🇷. I love creating more or less useful applications and software. I use modern technologies to get the best possible result ✨',
about: {
title: 'Who am I ?',
about: 'Discover my profile',
description: 'I am a {age} year old self-taught developer. I live in Paris 🇫🇷. I love to create more or less useful applications and software. I use modern technologies to get the best possible result ✨',
},
strategy: {
1: {
title: '#1. Brainstorming',
description: 'Test 1'
banner: {
role: 'Web and Software Developer',
hello: 'Hello, I am',
student: {
main: 'but also',
strong: 'student'
},
2: {
title: '#2. Design',
description: 'Test 2'
contact: {
follow: 'VOus can follow me on',
and: 'and',
spacer: 'or simply by',
contact: 'Contacting',
me: 'me.'
}
},
ad: {
uses: {
title: 'How do I work?',
description: 'Come discover my development environment.'
},
3: {
title: '#3. Development',
description: 'Test 3'
},
4: {
title: '#4. Delivery',
description: 'Test 4'
contact: {
title: 'You have a project?',
description: 'Contact me by detailing your project to start our collaboration.'
}
}
},
blog: {
latest: 'Latest articles',
read: {
back: 'Go back',
thanks: 'Thanks for reading to the end!',
time: 'Reading'
},
description: 'I write articles about my life, development and my passions.',
tweet: 'I love a new post from @ArthurDanj, check it out here:',
no_posts: 'Unfortunately there are no items available yet. Come back later 😉',
see_more: 'See more articles',
tags: {
search: 'Are you looking for a specific type of article? Test the search by tag 🏷',
back: 'Return to all articles',
@@ -108,9 +115,11 @@ export default {
native: 'Native',
fluent: 'Fluent'
},
cv: 'Download my CV',
environment: 'My Environment',
env: {
cv: 'Download my CV'
},
uses: {
title: {
description: 'My development environment makes it possible to gain in productivity. Indeed, I organize myself in this way to always optimize my time for reflection and development. Here is a list of all my software that I use on a daily basis and my setup.',
ide: 'Text editors',
apps: 'Apps & Softwares',
@@ -150,29 +159,30 @@ export default {
}
},
work: {
no_work: 'Unfortunately there are no projects available yet. Come back later 😉',
description: 'Here are the different projects I was able to participate in in my past!',
tech_used: 'Lists of skills used',
go_back: 'Go back'
projects: {
no_project: 'Unfortunately there are no projects available yet. Come back later 😉',
description: 'Here are the different projects in which I have been able to participate in my life as a developer!',
latest: 'Latest projects',
see_more: 'See more projects'
},
contact: {
newsletter: {
title: 'Software & Tech Newsletter 📬',
description: 'Subscribe to not miss my next offers, my next articles and my new projects.',
unfollow: 'No spam. Unsubscribe whenever you want'
},
form: {
name: 'Name',
mail: 'Mail address',
submit: 'Subscribe',
title: {
main: 'Fill in the form',
email: 'Send an email'
},
name: 'What is your name?',
email: 'What is your Email?',
subject: 'Why are you contacting me?',
content: 'Tell me about your project',
submit: 'Submit',
error: 'Error in the form!',
success: 'Registration confirmed for {email}!'
success: 'Form successfully sent!'
},
how_to: {
title: 'How to contact me? ✉',
description: 'Please don\'t hesitate to contact me if you have any questions, think we could projects together or if you just want to chat ✌️'
why: {
title: 'Why contact me ✉',
description: 'Please don\'t hesitate to contact me if you have any questions, think we could work together or if you just want to chat ✌️'
},
available: {
title: 'Am I available? 🚩',
@@ -185,7 +195,9 @@ export default {
date: {
today: 'Today'
},
copied: 'Copied',
month: {
'01': 'January',
'02': 'February',
@@ -200,6 +212,7 @@ export default {
11: 'November',
12: 'December',
},
hiring: {
status: {
not_available: 'not available',
@@ -212,7 +225,9 @@ export default {
dev: 'Dev',
tech: 'Tech',
software: 'Software',
web: 'Web'
web: 'Web',
api: 'API',
mc: 'MineCraft'
},
experiences: {

111
src/locales/fr-FR.ts
View File

@@ -7,6 +7,14 @@ export default {
uses: 'Usages'
},
part: {
about: 'A propos',
contact: 'Me contacter',
projects: 'Mes projets',
blog: 'Mon blog',
uses: 'Mes usages'
},
footer: {
find_me: 'Retrouvez moi sur :',
separator: 'et par',
@@ -23,57 +31,50 @@ export default {
error: 'Erreur'
},
part: {
about: 'A Propos',
blog: 'Mon Blog',
projects: 'Mes Projets',
contact: 'Me Contacter',
uses: 'Mes Usages',
about_description: 'Apprenez en plus à mon propos, comment je travaille et qui je suis',
blog_description: 'Je rédige des articles concernant ma vie, le développement et mes passions',
projects_description: 'Découvrez mes créations pour avoir une idée de mes compétences',
contact_description: 'Retrouvez tous mes réseaux sociaux pour me contacter'
},
home: {
banner: {
role: 'Développeur & étudiant',
hello: 'Bonjour, je suis',
about: {
title: 'Qui suis-je ?',
about: 'Decouvrir mon profil',
description: 'Je suis un jeune développeur autodidacte de {age} ans. J\'habite à Paris 🇫🇷. J\'adore créer des applications et des logiciels plus ou moins utiles. J\'utilise des technologies modernes pour obtenir le meilleur résultat possible ✨',
},
strategy: {
1: {
title: '#1. Brainstorming',
description: 'Test 1'
banner: {
role: 'Développeur Web et Logiciel',
hello: 'Bonjour, je suis',
student: {
main: 'Mais également',
strong: 'étudiant'
},
2: {
title: '#2. Conception',
description: 'Test 2'
contact: {
follow: 'Vous pouvez me suivre sur',
and: 'et',
spacer: 'ou tout simplement en me',
contact: 'Contactant',
me: '.'
}
},
ad: {
uses: {
title: 'Comment je travaille ?',
description: 'Venez decouvrir mon environnement de developpement.'
},
3: {
title: '#3. Developpement',
description: 'Test 3'
},
4: {
title: '#4. Livraison',
description: 'Test 4'
contact: {
title: 'Vous avez un projet ?',
description: 'Contactez moi en detaillant votre projet pour debuter notre collaboration.'
}
}
},
blog: {
latest: 'Derniers articles',
read: {
back: 'Retour en arrière',
thanks: 'Merci d\'avoir lu jusqu\'au bout !',
time: 'Lecture'
},
description: 'Je redige des articles concernant ma vie, le developpement et mes passions.',
tweet: 'J\'aime un nouvel article d\'@ArthurDanj, venez le découvrir ici :',
no_posts: 'Malheureusement il n\'y a pas encore d\'articles disponibles. Reviens plus tard 😉',
tags: {
search: 'Vous recherchez un type d\'article en particulier ? Tester la recherche par tag 🏷',
back: 'Revenir à tous les articles',
current: 'Liste des articles possédant le tag \'{tag}\' :'
},
see_more: 'Voir plus d\'articles',
pagination: {
prev: 'Précédent',
next: 'Suivant'
@@ -109,9 +110,11 @@ export default {
native: 'Natal',
fluent: 'Courant'
},
cv: 'Télécharger mon CV',
environment: 'Mon Environnement',
env: {
cv: 'Télécharger mon CV'
},
uses: {
title: {
description: 'Mon environnement de développement permet de gagner en productivité. En effet, je m\'organise de la sorte à toujours optimiser mon temps de réflexion et de développement. Voici donc une liste de tous mes logiciels que j\'utilise au quotidien et de mon setup.',
ide: 'Editeurs de texte',
apps: 'Apps & Logiciels',
@@ -153,25 +156,26 @@ export default {
projects: {
no_project: 'Malheureusement il n\'y a pas encore de projets disponibles. Reviens plus tard 😉',
description: 'Voici les différents projets auxquels j\'ai pu participer dans mon passé !',
tech_used: 'Listes des compétences utilisées',
go_back: 'Retour en arrière'
description: 'Voici les différents projets auxquels j\'ai pu participer dans ma vie de développeur !',
latest: 'Derniers projets',
see_more: 'Voir plus de projets'
},
contact: {
newsletter: {
title: 'Software & Tech Newsletter 📬',
description: 'Abonnez vous pour ne pas louper mes prochaines offres, mes prochains articles et mes nouveaux projets.',
unfollow: 'Pas de spam. Désabonnement quand vous voulez'
},
form: {
name: 'Prénom',
mail: 'Adresse Mail',
submit: 'S\'abonner',
title: {
main: 'Remplissez le formulaire ou',
email: 'Envoyer un email'
},
name: 'Quel est votre prénom ?',
email: 'Quelle est votre adresse mail ?',
subject: 'Pourquoi me contactez-vous ?',
content: 'Racontez moi votre projet',
submit: 'Envoyer',
error: 'Erreur dans le formulaire !',
success: 'Inscription confirmée pour {email} !'
success: 'Formulaire envoyé avec succès !'
},
how_to: {
why: {
title: 'Pourquoi me contacter ✉',
description: 'N\'hésitez pas à me contacter si vous avez des questions, pensez que nous pourrions travailler ensemble ou si vous souhaitez simplement vous discuter ✌️'
},
@@ -186,7 +190,9 @@ export default {
date: {
today: 'Aujourd\'hui'
},
copied: 'Copié',
month: {
'01': 'Janvier',
'02': 'Février',
@@ -201,6 +207,7 @@ export default {
11: 'Novembre',
12: 'Décembre',
},
hiring: {
status: {
not_available: 'non disponible',
@@ -213,7 +220,9 @@ export default {
dev: 'Dev',
tech: 'Tech',
software: 'Logiciel',
web: 'Web'
web: 'Web',
api: 'API',
mc: 'MineCraft'
},
experiences: {

5
src/pages/about.vue
View File

@@ -15,7 +15,7 @@
<ExperiencesAbout />
<a href="/resume.pdf" target="_blank" class="duration-150 transform hover:scale-105">
<div class="text-lg cursor-pointer px-8 py-4 rounded-xl border-2 border-indigo-600 hover:(bg-indigo-600 text-white) dark:hover:text-black text-indigo-600 duration-300">
Télécharger mon cv
{{ $t('about.cv') }}
</div>
</a>
</main>
@@ -37,6 +37,3 @@ export default {
}
}
</script>
<style scoped lang="scss">
</style>

6
src/pages/blog/index.vue
View File

@@ -9,7 +9,7 @@
</svg>
</PageTitle>
<p class="text-gray-700 dark:text-gray-400 text-xl mt-4">
Je redige des articles concernant ma vie, le developpement et mes passions.
{{ $t('blog.description') }}
</p>
<h1 v-if="posts.length === 0" class="text-xl font-bold text-center my-8 w-full">{{ $t('blog.no_posts') }}</h1>
<div class="w-full" v-else>
@@ -63,7 +63,3 @@ export default {
}
}
</script>
<style scoped lang="scss">
</style>

8
src/pages/contact.vue
View File

@@ -10,13 +10,13 @@
</PageTitle>
<section class="w-full lg:w-3/4 mb-10 mt-4 text-center">
<h1 class="font-bold text-gray-700 text-xl md:text-3xl my-4 dark:text-dark-100">
{{ $t('contact.how_to.title') }}
{{ $t('contact.why.title') }}
</h1>
<h3 class="text-md md:text-lg">
{{ $t('contact.how_to.description') }}
{{ $t('contact.why.description') }}
</h3>
</section>
<section class="w-full lg:w-3/4 mb-10 mt-4 text-center">
<section v-if="info && info.hiring.status && info.hiring.color" class="w-full lg:w-3/4 mb-10 mt-4 text-center">
<h1 class="font-bold text-gray-700 text-xl md:text-3xl my-4 dark:text-dark-100">
{{ $t('contact.available.title') }}
</h1>
@@ -25,7 +25,7 @@
</h3>
<div class="my-4 text-indigo-600">
{{ $t('contact.available.start') }}
<span v-if="info && info.hiring.status && info.hiring.color" class="py-1 px-2 font-bold rounded-full m-0.5" :class="getColor">{{ $t('hiring.status.' + info.hiring.status) }}</span>
<span class="py-1 px-2 font-bold rounded-full m-0.5" :class="getColor">{{ $t('hiring.status.' + info.hiring.status) }}</span>
{{ $t('contact.available.end') }}
</div>
</section>

5
src/pages/projects.vue
View File

@@ -17,9 +17,7 @@
:title="project.title"
:cover="project.cover"
:description="project.description"
:slug="project.slug"
:tags="project.tags"
:company="project.company"
:url="project.url"
/>
</div>
@@ -53,6 +51,3 @@ export default {
}
}
</script>
<style scoped lang="scss">
</style>

74
src/pages/uses.vue
View File

@@ -1,75 +1,75 @@
<template>
<main class="about flex flex-col items-center px-5 xl:px-64">
<main class="uses flex flex-col items-center px-5 xl:px-64">
<PageTitle
title="about.environment"
title="part.uses"
>
<svg class="inline icon" height="40" width="40" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 4a2 2 0 114 0v1a1 1 0 001 1h3a1 1 0 011 1v3a1 1 0 01-1 1h-1a2 2 0 100 4h1a1 1 0 011 1v3a1 1 0 01-1 1h-3a1 1 0 01-1-1v-1a2 2 0 10-4 0v1a1 1 0 01-1 1H7a1 1 0 01-1-1v-3a1 1 0 00-1-1H4a2 2 0 110-4h1a1 1 0 001-1V7a1 1 0 011-1h3a1 1 0 001-1V4z" />
</svg>
</PageTitle>
<p class="text-gray-700 dark:text-gray-400 text-xl my-8">{{ $t('about.env.description') }}</p>
<p class="text-gray-700 dark:text-gray-400 text-xl my-8">{{ $t('uses.title.description') }}</p>
<EnvGroup>
<EnvTitle title="about.env.ide">
<EnvTitle title="uses.title.ide">
<svg class="inline icon" height="32" width="32" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4" />
</svg>
</EnvTitle>
<EnvList>
<EnvListItem title="about.ide.java" content="Intellij Idea Ultimate" link="https://www.jetbrains.com/fr-fr/idea/"/>
<EnvListItem title="about.ide.web" content="WebStorm" link="https://www.jetbrains.com/fr-fr/webstorm/"/>
<EnvListItem title="about.ide.go" content="GoLand" link="https://www.jetbrains.com/fr-fr/go/"/>
<EnvListItem title="about.ide.db" content="DataGrip" link="https://www.jetbrains.com/fr-fr/datagrip/"/>
<EnvListItem title="about.ide.all" content="Jetbrains Toolbox" link="https://www.jetbrains.com/toolbox-app/"/>
<EnvListItem title="about.police" content="Jetbrains Mono" link="https://www.jetbrains.com/lp/mono/"/>
<EnvListItem title="about.console" content="Terminus" link="https://github.com/Eugeny/terminus"/>
<EnvListItem title="about.wsl_2" content="Ubuntu 20.04" link="https://www.microsoft.com/en-us/p/ubuntu-2004-lts/9n6svws3rx71?activetab=pivot:overviewtab"/>
<EnvListItem title="uses.ide.java" content="Intellij Idea Ultimate" link="https://www.jetbrains.com/fr-fr/idea/"/>
<EnvListItem title="uses.ide.web" content="WebStorm" link="https://www.jetbrains.com/fr-fr/webstorm/"/>
<EnvListItem title="uses.ide.go" content="GoLand" link="https://www.jetbrains.com/fr-fr/go/"/>
<EnvListItem title="uses.ide.db" content="DataGrip" link="https://www.jetbrains.com/fr-fr/datagrip/"/>
<EnvListItem title="uses.ide.all" content="Jetbrains Toolbox" link="https://www.jetbrains.com/toolbox-app/"/>
<EnvListItem title="uses.police" content="Jetbrains Mono" link="https://www.jetbrains.com/lp/mono/"/>
<EnvListItem title="uses.console" content="Terminus" link="https://github.com/Eugeny/terminus"/>
<EnvListItem title="uses.wsl_2" content="Ubuntu 20.04" link="https://www.microsoft.com/en-us/p/ubuntu-2004-lts/9n6svws3rx71?activetab=pivot:overviewtab"/>
</EnvList>
</EnvGroup>
<EnvGroup>
<EnvTitle title="about.env.apps">
<EnvTitle title="uses.title.apps">
<svg class="inline icon" height="32" width="32" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" />
</svg>
</EnvTitle>
<EnvList>
<EnvListItem title="about.email_client" content="Courrier by Microsoft" link="https://www.microsoft.com/fr-fr/p/courrier-et-calendrier/9wzdncrfhvqm?activetab=pivot:overviewtab"/>
<EnvListItem title="about.vpn_client" content="Pritunl" link="https://pritunl.com/"/>
<EnvListItem title="about.ftp_client" content="WinSCP" link="https://winscp.net/eng/download.php"/>
<EnvListItem title="about.web_client" content="Google Chrome" link="https://www.google.com/intl/fr_fr/chrome/"/>
<EnvListItem title="about.organisation_tool" content="Notion" link="https://www.notion.so/"/>
<EnvListItem title="about.organisation_tool" content="Trello" link="https://www.trello.com/"/>
<EnvListItem title="about.design_tool" content="Affinity Designer" link="https://affinity.serif.com/fr/designer/"/>
<EnvListItem title="about.communication_tool" content="Slack" link="https://slack.com/intl/fr-fr/"/>
<EnvListItem title="about.communication_tool" content="Discord" link="https://www.discord.com/"/>
<EnvListItem title="about.communication_tool" content="Mattermost" link="https://mattermost.com/"/>
<EnvListItem title="uses.email_client" content="Courrier by Microsoft" link="https://www.microsoft.com/fr-fr/p/courrier-et-calendrier/9wzdncrfhvqm?activetab=pivot:overviewtab"/>
<EnvListItem title="uses.vpn_client" content="Pritunl" link="https://pritunl.com/"/>
<EnvListItem title="uses.ftp_client" content="WinSCP" link="https://winscp.net/eng/download.php"/>
<EnvListItem title="uses.web_client" content="Google Chrome" link="https://www.google.com/intl/fr_fr/chrome/"/>
<EnvListItem title="uses.organisation_tool" content="Notion" link="https://www.notion.so/"/>
<EnvListItem title="uses.organisation_tool" content="Trello" link="https://www.trello.com/"/>
<EnvListItem title="uses.design_tool" content="Affinity Designer" link="https://affinity.serif.com/fr/designer/"/>
<EnvListItem title="uses.communication_tool" content="Slack" link="https://slack.com/intl/fr-fr/"/>
<EnvListItem title="uses.communication_tool" content="Discord" link="https://www.discord.com/"/>
<EnvListItem title="uses.communication_tool" content="Mattermost" link="https://mattermost.com/"/>
</EnvList>
</EnvGroup>
<EnvGroup>
<EnvTitle title="about.env.hosting">
<EnvTitle title="uses.title.hosting">
<svg class="inline icon" height="32" width="32" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 12h14M5 12a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v4a2 2 0 01-2 2M5 12a2 2 0 00-2 2v4a2 2 0 002 2h14a2 2 0 002-2v-4a2 2 0 00-2-2m-2-4h.01M17 16h.01" />
</svg>
</EnvTitle>
<EnvList>
<EnvListItem title="about.hosting.ndd" content="OVH" link="https://ovh.com/"/>
<EnvListItem title="about.hosting.cloud" content="Digital Ocean" link="https://www.digitalocean.com/"/>
<EnvListItem title="uses.hosting.ndd" content="OVH" link="https://ovh.com/"/>
<EnvListItem title="uses.hosting.cloud" content="Digital Ocean" link="https://www.digitalocean.com/"/>
</EnvList>
</EnvGroup>
<EnvGroup>
<EnvTitle title="about.env.setup">
<EnvTitle title="uses.title.setup">
<svg class="inline icon" height="25" width="25" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z" />
</svg>
</EnvTitle>
<EnvList>
<EnvListItem title="about.setup.desk" content="Ikea"/>
<EnvListItem title="about.setup.phone" content="Apple Iphone Xr" link="https://www.apple.com/fr/shop/buy-iphone/iphone-xr"/>
<EnvListItem title="about.setup.computer" content="Lenovo Y520 (i5, 8Go Ram, 1To HDD, 250Go SSD)"/>
<EnvListItem title="about.setup.screen" content="Iiyama ProLite E2283HS" link="https://iiyama.com/fr/fr/produits/prolite-e2283hs-b3/"/>
<EnvListItem title="about.setup.keyboard" content="Acer"/>
<EnvListItem title="about.setup.mouse" content="Roccat Kova" link="https://fr.roccat.org/Mice/Kova-AIMO"/>
<EnvListItem title="about.setup.headphone" content="Apple Airpods" link="https://www.apple.com/fr/airpods/"/>
<EnvListItem title="about.setup.microphone" content="Turtle Beach px22" link="https://www.amazon.fr/Turtle-Beach-PX22-casque-gaming/dp/B00BDS415I"/>
<EnvListItem title="uses.setup.desk" content="Ikea"/>
<EnvListItem title="uses.setup.phone" content="Apple Iphone Xr" link="https://www.apple.com/fr/shop/buy-iphone/iphone-xr"/>
<EnvListItem title="uses.setup.computer" content="Lenovo Y520 (i5, 8Go Ram, 1To HDD, 250Go SSD)"/>
<EnvListItem title="uses.setup.screen" content="Iiyama ProLite E2283HS" link="https://iiyama.com/fr/fr/produits/prolite-e2283hs-b3/"/>
<EnvListItem title="uses.setup.keyboard" content="Acer"/>
<EnvListItem title="uses.setup.mouse" content="Roccat Kova" link="https://fr.roccat.org/Mice/Kova-AIMO"/>
<EnvListItem title="uses.setup.headphone" content="Apple Airpods" link="https://www.apple.com/fr/airpods/"/>
<EnvListItem title="uses.setup.microphone" content="Turtle Beach px22" link="https://www.amazon.fr/Turtle-Beach-PX22-casque-gaming/dp/B00BDS415I"/>
</EnvList>
</EnvGroup>
</main>
@@ -85,7 +85,3 @@ export default {
}
}
</script>
<style scoped>
</style>