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

💻 | Working

Browse Source
This commit is contained in:
Arthur Danjou
2021-04-09 11:55:38 +02:00
parent 1b63219086
commit 93f716a223
16 changed files with 34 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/EnvList.vue
View File

@@ -1,5 +1,5 @@
<template>
<ul class="list-disc ml-10 text-gray-600 dark:text-dark-100 text-xl">
<ul class="list-disc ml-10 text-gray-700 dark:text-gray-400 text-xl">
<slot/>
</ul>
</template>

2
src/components/EnvListItem.vue
View File

@@ -1,7 +1,7 @@
<template>
<li>
{{ $t(title) }}:
<a class="duration-300 text-orange-400 font-medium border-b-2 border-opacity-0 hover:border-opacity-100 border-orange-400 border-solid" v-if="link" :href="link" target="_blank">{{ content }}</a>
<a class="duration-300 text-teal-400 font-medium border-b-2 border-opacity-0 hover:border-opacity-100 border-teal-400 border-solid" v-if="link" :href="link" target="_blank">{{ content }}</a>
<span v-else>{{ content }}</span>
</li>
</template>

12
src/components/Experience.vue
View File

@@ -1,16 +1,16 @@
<template>
<div class="flex flex-row mb-5">
<div class="self-center flex h-4 w-4 mr-4 relative">
<span v-if="end === 'Today'" class="animate-ping relative inline h-4 w-4 rounded-full bg-orange-400 opacity-75"></span>
<span v-else class="inline relative h-4 w-4 rounded-full bg-gray-400 opacity-75"></span>
<span v-if="end === 'Today'" class="inline absolute rounded-full h-4 w-4 bg-orange-500"></span>
<span v-else class="inline absolute rounded-full h-4 w-4 bg-gray-500"></span>
<div class="self-center flex h-3 w-3 mr-3 relative">
<span v-if="end === 'Today'" class="animate-ping relative inline h-3 w-3 rounded-full bg-teal-400 opacity-75"></span>
<span v-else class="inline relative h-3 w-3 rounded-full bg-gray-400 opacity-75"></span>
<span v-if="end === 'Today'" class="inline absolute rounded-full h-3 w-3 bg-teal-500"></span>
<span v-else class="inline absolute rounded-full h-3 w-3 bg-gray-500"></span>
</div>
<div class="leading-7">
<p v-if="isSameDate()" class="text-base dark:text-dark-100 text-gray-800 leading-6">{{ getBeginDate }} <span class="px-3">|</span> {{location}}</p>
<p v-else class="text-base dark:text-dark-100 text-gray-800 leading-6">{{ getBeginDate }} - {{ getEndDate }} <span class="px-3">|</span> {{location}}</p>
<h1 class="text-2xl font-bold">{{ $t(title) }}</h1>
<h2 class="text-xl">{{ company }}</h2>
<h2 class="text-xl text-gray-700 dark:text-gray-400">{{ company }}</h2>
</div>
</div>
</template>

12
src/components/Formation.vue
View File

@@ -1,15 +1,15 @@
<template>
<div class="flex flex-row mb-5">
<div class="self-center flex h-4 w-4 mr-4 relative">
<span v-if="end === 'Today'" class="animate-ping relative inline h-4 w-4 rounded-full bg-orange-400 opacity-75"></span>
<span v-else class="inline relative h-4 w-4 rounded-full bg-gray-400 opacity-75"></span>
<span v-if="end === 'Today'" class="inline absolute rounded-full h-4 w-4 bg-orange-500"></span>
<span v-else class="inline absolute rounded-full h-4 w-4 bg-gray-500"></span>
<div class="self-center flex h-3 w-3 mr-3 relative">
<span v-if="end === 'Today'" class="animate-ping relative inline h-3 w-3 rounded-full bg-teal-400 opacity-75"></span>
<span v-else class="inline relative h-3 w-3 rounded-full bg-gray-400 opacity-75"></span>
<span v-if="end === 'Today'" class="inline absolute rounded-full h-3 w-3 bg-teal-500"></span>
<span v-else class="inline absolute rounded-full h-3 w-3 bg-gray-500"></span>
</div>
<div class="leading-7">
<p class="text-base dark:text-dark-100 text-gray-800 leading-6">{{ getBeginDate }} - {{ getEndDate }} <span class="px-3">|</span> {{location}}</p>
<h1 class="text-2xl font-bold">{{ $t(title) }}</h1>
<h2 class="text-xl">{{ $t(description) }}</h2>
<h2 class="text-xl text-gray-700 dark:text-gray-400">{{ $t(description) }}</h2>
</div>
</div>
</template>

2
src/components/InterestsAbout.vue
View File

@@ -8,7 +8,7 @@
</svg>
</h3>
<div>
<ul class="text-xl">
<ul class="text-xl text-gray-700 dark:text-gray-400">
<li class="my-2">
{{ $t('about.title.technologies') }}
<svg class="inline icon" height="25" width="25" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">

2
src/components/LanguagesAbout.vue
View File

@@ -7,7 +7,7 @@
</svg>
</h3>
<div>
<table class="text-base text-xl">
<table class="text-base text-xl text-gray-700 dark:text-gray-400">
<tr>
<td class="font-bold py-2 pr-4">{{ $t('about.languages.fr')}} 🇫🇷</td>
<td class="py-2 px-4">{{ $t('about.languages.native') }}</td>

2
src/components/PageTitle.vue
View File

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

2
src/components/Post.vue
View File

@@ -66,7 +66,7 @@ export default {
reading_time: {
type: Number,
default: 0
},
}
},
setup(props: PostHomeProps) {
const getBackgroundCover = computed(() => require(`@/assets/images/posts/${props.cover}`))

8
src/components/PresentationAbout.vue
View File

@@ -1,10 +1,10 @@
<template>
<section class="flex flex-col md:flex-row justify-center items-center py-8">
<div class="md:mr-12">
<section class="flex flex-col 2xl:flex-row justify-center items-center py-8">
<div class="lg:mr-12">
<img class="logo-img rounded-full my-5 shadow-lg" src="@/assets/images/Logo.jpg" alt="It's me !" />
</div>
<div class="ml-2 text-lg leading-6 md:w-2/3 text-justify dark:text-gray-400 text-gray-700">
<p>{{ $t('about.banner.hello') }} <span class="text-orange-400 font-bold">Arthur DANJOU</span> 👋.</p> <br/>
<div class="ml-2 text-lg leading-6 xl:w-2/3 text-justify dark:text-gray-400 text-gray-700">
<p>{{ $t('about.banner.hello') }} <span class="text-teal-400 font-bold">Arthur DANJOU</span> 👋.</p> <br/>
<p>{{ $t('about.banner.1')}}</p> <br/>
<p>{{ $t('about.banner.2') }}</p> <br/>
<p>{{ $t('about.banner.3') }}</p>

2
src/components/Skill.vue
View File

@@ -4,7 +4,7 @@
<div>
<img class="rounded-sm" alt="Skill Img" :src="getCoverLink">
</div>
<h1 class="md:text-lg text-md font-bold text-center">{{ skill }}</h1>
<h1 class="md:text-lg text-md font-bold text-center text-gray-700 dark:text-gray-400">{{ skill }}</h1>
</div>
</div>
</template>

2
src/components/SkillsAbout.vue
View File

@@ -6,7 +6,7 @@
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4" />
</svg>
</h3>
<div class="flex flex-row w-full overflow-x-auto md:overflow-x-hidden md:flex-wrap space-x-4 md:space-x-0 md:justify-start">
<div class="flex flex-row w-full overflow-x-auto md:overflow-x-hidden lg:flex-wrap space-x-4 lg:space-x-0 lg:justify-center">
<div v-if="skills" v-for="skill in skills">
<Skill
:skill="skill.title"