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

Import SVG icon & Add dark mode

Browse Source
This commit is contained in:
Arthur Danjou
2020-11-21 11:13:03 +01:00
parent 19db34f3dd
commit aba835f122
42 changed files with 211 additions and 9334 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
src/components/Footer.vue
View File

@@ -1,28 +1,30 @@
<template>
<footer class="footer w-full border-t border-gray-400 border-solid mb-20 md:mb-0">
<footer class="footer w-full border-t-2 border-solid border-black dark:border-white mb-20 md:mb-0">
<div>
<div class="flex flex-col items-center border-t border-solid border-gray-400 py-4 bg-gray-200 text-center ">
<div class="flex flex-col items-center py-4 text-center ">
<div class="mb-3">
<p class="inline">Retrouvez moi sur :
<br class="md:hidden"/>
<a class="font-semibold" href="https://twitch.com/ArthurDanjou" target="_blank">
<img class="inline img" src="@/assets/img/socials/twitch.svg" alt="Twitch logo" height="18" width="18" />
Twitch
<span class="link">Twitch</span>
</a>,
<a class="font-semibold" href="https://github.com/ArthurDanjou" target="_blank">
<img class="inline img" src="@/assets/img/socials/github.svg" alt="Github logo" height="20" width="20" />
Github
<span class="link">Github</span>
</a> &
<a class="font-semibold" href="https://twitter.com/ArthurDanj" target="_blank">
<img class="inline img" src="@/assets/img/socials/twitter.svg" alt="Twitter logo" height="20" width="20" />
Twitter
<span class="link">Twitter</span>
</a> et par
<a class="font-semibold" href="mailto:contact@arthurdanjou.fr" target="_blank">
<img class="inline img" src="@/assets/img/socials/twitter.svg" alt="Mail logo" height="20" width="20" />
Mail
<svg class="inline img" width="20" height="20" 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="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" />
</svg>
<span class="link">Mail</span>
</a>
</p>
<span class="inline text-gray-600 text-xs">
<span class="inline dark:text-dark-900 text-gray-600 text-xs">
(Clique c'est gratuit 🔗)
</span>
</div>
@@ -31,12 +33,12 @@
<a class="font-semibold" target="_blank" href="https://nuxtjs.org">
<img class="inline img" src="@/assets/img/socials/nuxtjs.svg" alt="NuxtJs logo" height="20" width="20" />
NuxtJs
<span class="link">NuxtJs</span>
</a>
&
<a class="font-semibold" target="_blank" href="https://preview.adonisjs.com/">
<img class="inline img" src="@/assets/img/socials/adonisjs.svg" alt="AdonisJs logo" height="20" width="20" />
AdonisJs
<span class="link">AdonisJs</span>
</a>
par <span>Arthur DANJOU</span>
</p>
@@ -62,5 +64,13 @@ export default {
.img {
transform: translateY(-3px);
}
.link {
transition-duration: .3s;
&:hover {
text-decoration: underline;
}
}
}
</style>