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

Translate every texts 🌎

Browse Source
This commit is contained in:
Arthur Danjou
2020-12-04 19:29:35 +01:00
parent 2f79a045a9
commit 25f5969d69
14 changed files with 219 additions and 179 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
components/Formation.vue
View File

@@ -1,12 +1,12 @@
<template>
<div class="flex flex-row relative mb-5">
<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-full w-full rounded-full bg-orange-400 opacity-75"></span>
<span v-else class="inline relative h-full w-full rounded-full bg-gray-400 opacity-75"></span>
<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>
<div class="leading-7 relative">
<div class="leading-7">
<p class="text-base dark:text-dark-900 text-gray-800 leading-6">{{ formatDate(begin) }} - {{ formatDate(end) }} <span class="px-3">|</span> {{location}}</p>
<h1 class="text-2xl font-bold">{{ $t(title) }}</h1>
<h2 class="text-xl">{{ $t(description) }}</h2>
@@ -41,11 +41,8 @@ export default {
},
methods: {
formatDate(date) {
const monthNames = ["Jan", "Feb", "Mar", "Apr", "May", "Jun",
"Jul", "Aug", "Sept", "Oct", "Nov", "Dec"
];
const dateFormat = new Date(date)
return monthNames[dateFormat.getMonth()] + " " + dateFormat.getFullYear()
return this.$t('month_' + dateFormat.getMonth()) + " " + dateFormat.getFullYear()
}
}
}