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

Initial commit 🚀

Browse Source
This commit is contained in:
Arthur Danjou
2020-10-25 19:18:48 +01:00
parent 96092b2b42
commit 9933439ee8
60 changed files with 13639 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

73
src/components/Footer.vue Normal file
View File

@@ -0,0 +1,73 @@
<template>
<footer class="footer w-full border-t border-gray-200 border-solid">
<div class="footer-top flex flex-col items-center justify-center">
<div>
<ul class="flex text-lg flex-row">
<nuxt-link to="/">
<li class="hover:bg-red-400 py-1 px-3 mx-4 cursor-pointer duration-500">
Accueil
</li>
</nuxt-link>
<nuxt-link to="/about">
<li class="hover:bg-orange-400 py-1 px-3 mx-4 cursor-pointer duration-500">
A Propos
</li>
</nuxt-link>
<nuxt-link to="/blog">
<li class="hover:bg-green-400 py-1 px-3 mx-4 cursor-pointer duration-500">
Blog
</li>
</nuxt-link>
<nuxt-link to="/work">
<li class="hover:bg-blue-400 py-1 px-3 mx-4 cursor-pointer duration-500">
Travail
</li>
</nuxt-link>
<nuxt-link to="/contact">
<li class="hover:bg-purple-400 py-1 px-3 mx-4 cursor-pointer duration-500">
Contact
</li>
</nuxt-link>
</ul>
</div>
<div class="flex flex-col justify-center my-4">
<div class="text-center">
<p class="text-lg">
Contactez moi par mail : <span class="text-red-400 hover:text-red-700 duration-300 cursor-pointer">contact@arthurdanjou.fr</span>
</p>
<div class="text-gray-600 text-xs text-right">
(Clique c'est gratuit ❤)
</div>
</div>
<p class="text-mg text-center">
Retrouvez moi sur : <span>Twitter</span>, <span>Github</span> et <span>Twitch</span>
</p>
</div>
</div>
<div class="flex flex-col items-center border-t border-solid border-gray-400 py-4 bg-gray-200">
<p>
Développé et conçu avec ❤ en utilisant <span>NuxtJs</span> & <span>AdonisJs</span> par <span>Arthur DANJOU</span>
</p>
<p>© Copyright {{date}} - Tous droits réservés</p>
</div>
</footer>
</template>
<script>
export default {
name: "Footer",
data () {
return {
date: new Date().getFullYear()
}
}
}
</script>
<style scoped lang="scss">
.footer {
.footer-top {
padding: 1rem 15%;
}
}
</style>

13
src/components/GoToTop.vue Normal file
View File

@@ -0,0 +1,13 @@
<template>
</template>
<script>
export default {
name: "GoToTop"
}
</script>
<style scoped>
</style>

54
src/components/Header.vue Normal file
View File

@@ -0,0 +1,54 @@
<template>
<header class="header border-b border-gray-200 border-solid tracking-wider">
<div class="header-container flex justify-between items-center h-full">
<div class="left text-2xl font-bold cursor-pointer hover:underline duration-500">
Arthur Danjou
</div>
<div class="right">
<ul class="flex text-xl">
<nuxt-link to="/">
<li class="hover:bg-red-400 py-1 px-3 mx-2 cursor-pointer duration-500">
Accueil
</li>
</nuxt-link>
<nuxt-link to="/about">
<li class="hover:bg-orange-400 py-1 px-3 mx-2 cursor-pointer duration-500">
A Propos
</li>
</nuxt-link>
<nuxt-link to="/blog">
<li class="hover:bg-green-400 py-1 px-3 mx-2 cursor-pointer duration-500">
Blog
</li>
</nuxt-link>
<nuxt-link to="/work">
<li class="hover:bg-blue-400 py-1 px-3 mx-2 cursor-pointer duration-500">
Travail
</li>
</nuxt-link>
<nuxt-link to="/contact">
<li class="hover:bg-purple-400 py-1 px-3 mx-2 cursor-pointer duration-500">
Contact
</li>
</nuxt-link>
</ul>
</div>
</div>
</header>
</template>
<script>
export default {
name: "Header"
}
</script>
<style scoped lang="scss">
.header {
height: 80px;
.header-container {
padding: 0 15%;
}
}
</style>

17
src/components/LangSwitcher.vue Normal file
View File

@@ -0,0 +1,17 @@
<template>
<div class="lang-switcher fixed">
</div>
</template>
<script>
export default {
name: "LangSwitcher"
}
</script>
<style scoped lang="scss">
.lang-switcher {
}
</style>