Sort icons
Fix Footer
7
config/Tailwind.ts
Normal file
@@ -0,0 +1,7 @@
|
||||
export default {
|
||||
config: {
|
||||
plugins: [
|
||||
require('tailwindcss-dark-mode')
|
||||
]
|
||||
}
|
||||
}
|
||||
@@ -1,5 +1,6 @@
|
||||
import Axios from './Axios'
|
||||
import Head from './Head'
|
||||
import ColorMode from './ColorMode'
|
||||
import Tailwind from './Tailwind'
|
||||
|
||||
export { Axios, Head, ColorMode }
|
||||
export { Axios, Head, ColorMode, Tailwind }
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
import { Axios, Head, ColorMode } from './config'
|
||||
import { Axios, Head, ColorMode, Tailwind } from './config'
|
||||
|
||||
export default {
|
||||
head: Head,
|
||||
@@ -14,11 +14,15 @@ export default {
|
||||
plugins: [
|
||||
],
|
||||
|
||||
purgeCSS: {
|
||||
whitelist: ["dark-mode"]
|
||||
},
|
||||
|
||||
components: true,
|
||||
|
||||
buildModules: [
|
||||
'@nuxt/typescript-build',
|
||||
'@nuxtjs/tailwindcss',
|
||||
['@nuxtjs/tailwindcss', Tailwind],
|
||||
['@nuxtjs/color-mode', ColorMode],
|
||||
],
|
||||
|
||||
|
||||
@@ -1,3 +1,8 @@
|
||||
img {
|
||||
img, svg, path, g {
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
.dark-mode {
|
||||
@apply bg-gray-800;
|
||||
@apply text-white;
|
||||
}
|
||||
|
||||
|
Before Width: | Height: | Size: 2.3 KiB After Width: | Height: | Size: 2.3 KiB |
|
Before Width: | Height: | Size: 1.6 KiB After Width: | Height: | Size: 1.6 KiB |
|
Before Width: | Height: | Size: 3.3 KiB After Width: | Height: | Size: 3.3 KiB |
|
Before Width: | Height: | Size: 3.4 KiB After Width: | Height: | Size: 3.4 KiB |
|
Before Width: | Height: | Size: 1.4 KiB After Width: | Height: | Size: 1.4 KiB |
|
Before Width: | Height: | Size: 1.7 KiB After Width: | Height: | Size: 1.7 KiB |
|
Before Width: | Height: | Size: 1.7 KiB After Width: | Height: | Size: 1.7 KiB |
|
Before Width: | Height: | Size: 2.2 KiB After Width: | Height: | Size: 2.2 KiB |
|
Before Width: | Height: | Size: 2.6 KiB After Width: | Height: | Size: 2.6 KiB |
|
Before Width: | Height: | Size: 3.6 KiB After Width: | Height: | Size: 3.6 KiB |
|
Before Width: | Height: | Size: 2.9 KiB After Width: | Height: | Size: 2.9 KiB |
|
Before Width: | Height: | Size: 4.9 KiB After Width: | Height: | Size: 4.9 KiB |
|
Before Width: | Height: | Size: 1.4 KiB After Width: | Height: | Size: 1.4 KiB |
|
Before Width: | Height: | Size: 2.4 KiB After Width: | Height: | Size: 2.4 KiB |
|
Before Width: | Height: | Size: 1.2 KiB After Width: | Height: | Size: 1.2 KiB |
|
Before Width: | Height: | Size: 1.5 KiB After Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 670 KiB |
|
Before Width: | Height: | Size: 241 KiB |
|
Before Width: | Height: | Size: 1.4 KiB After Width: | Height: | Size: 1.4 KiB |
@@ -31,34 +31,4 @@
|
||||
c5.771,0,10.449-4.678,10.449-10.449S334.931,339.626,329.16,339.626z"/>
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 2.9 KiB After Width: | Height: | Size: 2.8 KiB |
|
Before Width: | Height: | Size: 1.8 KiB After Width: | Height: | Size: 1.8 KiB |
|
Before Width: | Height: | Size: 829 B After Width: | Height: | Size: 829 B |
|
Before Width: | Height: | Size: 3.8 KiB After Width: | Height: | Size: 3.8 KiB |
|
Before Width: | Height: | Size: 1.7 KiB After Width: | Height: | Size: 1.7 KiB |
1
src/assets/img/socials/adonisjs.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><title>AdonisJS icon</title><path d="M13.333 1.333l-.596 1.193-2.404 4.807L8 2.667l-8 16h4.667l-2 4H24zm0 2.982l8.51 17.018H4.823l1.334-2.666H16l-4.922-9.843Z"/></svg>
|
||||
|
After Width: | Height: | Size: 228 B |
12
src/assets/img/socials/github.svg
Normal file
@@ -0,0 +1,12 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.2" baseProfile="tiny" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
x="0px" y="0px" viewBox="0 0 2350 2314.8" xml:space="preserve">
|
||||
<path d="M1175,0C525.8,0,0,525.8,0,1175c0,552.2,378.9,1010.5,890.1,1139.7c-5.9-14.7-8.8-35.3-8.8-55.8v-199.8H734.4
|
||||
c-79.3,0-152.8-35.2-185.1-99.9c-38.2-70.5-44.1-179.2-141-246.8c-29.4-23.5-5.9-47,26.4-44.1c61.7,17.6,111.6,58.8,158.6,120.4
|
||||
c47,61.7,67.6,76.4,155.7,76.4c41.1,0,105.7-2.9,164.5-11.8c32.3-82.3,88.1-155.7,155.7-190.9c-393.6-47-581.6-240.9-581.6-505.3
|
||||
c0-114.6,49.9-223.3,132.2-317.3c-26.4-91.1-61.7-279.1,11.8-352.5c176.3,0,282,114.6,308.4,143.9c88.1-29.4,185.1-47,284.9-47
|
||||
c102.8,0,196.8,17.6,284.9,47c26.4-29.4,132.2-143.9,308.4-143.9c70.5,70.5,38.2,261.4,8.8,352.5c82.3,91.1,129.3,202.7,129.3,317.3
|
||||
c0,264.4-185.1,458.3-575.7,499.4c108.7,55.8,185.1,214.4,185.1,331.9V2256c0,8.8-2.9,17.6-2.9,26.4
|
||||
C2021,2123.8,2350,1689.1,2350,1175C2350,525.8,1824.2,0,1175,0L1175,0z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.1 KiB |
13
src/assets/img/socials/nuxtjs.svg
Normal file
@@ -0,0 +1,13 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="256px" height="191px" viewBox="0 0 256 191" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 59.1 (86144) - https://sketch.com -->
|
||||
<title>Group</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g transform="translate(0.000173, 0.000000)">
|
||||
<path d="M77.8911791,183.614864 C77.7012551,183.279 77.5321086,182.931804 77.384692,182.575232 C76.3622173,180.209762 76.0473968,177.598605 76.478347,175.057899 L15.9931374,175.057899 L105.88125,16.874014 L135.390782,68.7489446 L143.947746,53.6076496 L118.223538,8.29039232 C117.503793,6.98418906 113.158668,0 105.667993,0 C102.282527,0 97.4309144,1.46614656 93.485647,8.39702119 L2.42461749,168.500225 C1.65155838,169.8864 -2.10710822,177.163819 1.62490116,183.614864 C3.33096269,186.547156 6.9563432,190.039251 14.9535063,190.039251 L91.2197845,190.039251 C83.2759358,190.039251 79.5972406,186.600471 77.8911791,183.614864 Z" fill="#01C58E" />
|
||||
<path d="M253.242307,168.500225 L178.415518,36.6803211 C177.64246,35.2941462 173.323992,28.2832999 165.806658,28.2832999 C162.421193,28.2832999 157.56958,29.7227893 153.624314,36.6536639 L143.947746,53.6076496 L152.558025,68.7489446 L165.88663,45.157314 L239.913702,175.057899 L211.763688,175.057899 C212.123898,177.20534 211.921853,179.409465 211.17723,181.45563 C211.020409,181.907379 210.824167,182.344463 210.590771,182.761832 L210.350856,183.241662 C206.565533,189.692707 198.381769,190.039251 196.782337,190.039251 L240.820047,190.039251 C242.446137,190.039251 250.603243,189.692707 254.388568,183.241662 C256.067972,180.309369 257.267546,175.377785 253.242307,168.500225 Z" fill="#108775" />
|
||||
<path d="M210.350856,183.241662 L210.590771,182.761832 C210.824167,182.344463 211.020409,181.907379 211.17723,181.45563 C211.921853,179.409465 212.123898,177.20534 211.763688,175.057899 C211.348809,172.741872 210.517913,170.520128 209.311226,168.500225 L152.611339,68.7489446 L143.947746,53.6076496 L135.337467,68.7489446 L78.6642383,168.500225 C77.5638612,170.544123 76.8243845,172.762554 76.478347,175.057899 C76.0222311,177.590906 76.3092441,180.201797 77.3047209,182.575232 C77.4521368,182.931805 77.6212834,183.279 77.8112079,183.614864 C79.5172694,186.547156 83.1426494,190.039251 91.1398127,190.039251 L196.702365,190.039251 C198.381769,190.039251 206.565533,189.692707 210.350856,183.241662 L210.350856,183.241662 Z M143.947746,83.89024 L195.769362,175.057899 L92.1527868,175.057899 L143.947746,83.89024 Z" fill="#2F495E" />
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.6 KiB |
12
src/assets/img/socials/twitch.svg
Normal file
@@ -0,0 +1,12 @@
|
||||
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="-92.4 101 489.5 512" enable-background="new -92.4 101 489.5 512" xml:space="preserve">
|
||||
<g>
|
||||
<path fill="#65459B" d="M263.6,546.1H163.4L96.7,613H30v-66.9H-92.4v-356l33.3-89.1h456.2v311.6L263.6,546.1z M352.7,390.5V145.5
|
||||
H-14.6v322.7H85.6V535l66.7-66.7h122.4L352.7,390.5z"/>
|
||||
<g id="Solo_Glitch_136_">
|
||||
<g>
|
||||
<path fill="#65459B" d="M230.2,234.6v133.6h44.5V234.6H230.2z M107.8,368.1h44.5V234.6h-44.5V368.1z"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 573 B |
1
src/assets/img/socials/twitter.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg id="twitter" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 126.24 102.59"><defs><style>.cls-1{fill:#1da1f2;}</style></defs><title>twitter-original</title><path id="original" class="cls-1" d="M40.58,115.3c47.64,0,73.69-39.47,73.69-73.69,0-1.12,0-2.24-.07-3.35a52.7,52.7,0,0,0,12.92-13.41,51.7,51.7,0,0,1-14.87,4.08A26,26,0,0,0,123.63,14.6a51.9,51.9,0,0,1-16.45,6.29A25.92,25.92,0,0,0,63.05,44.51,73.53,73.53,0,0,1,9.67,17.45a25.92,25.92,0,0,0,8,34.58A25.71,25.71,0,0,1,6,48.78c0,.11,0,.22,0,.33A25.91,25.91,0,0,0,26.73,74.5a25.86,25.86,0,0,1-11.7.44,25.93,25.93,0,0,0,24.2,18A52,52,0,0,1,7.06,104a52.72,52.72,0,0,1-6.18-.36,73.32,73.32,0,0,0,39.7,11.63" transform="translate(-0.88 -12.7)"/></svg>
|
||||
|
After Width: | Height: | Size: 702 B |
|
Before Width: | Height: | Size: 355 B After Width: | Height: | Size: 355 B |
|
Before Width: | Height: | Size: 514 B After Width: | Height: | Size: 514 B |
|
Before Width: | Height: | Size: 1.0 KiB After Width: | Height: | Size: 1.0 KiB |
|
Before Width: | Height: | Size: 1.8 KiB After Width: | Height: | Size: 1.8 KiB |
@@ -4,16 +4,41 @@
|
||||
<div class="flex flex-col items-center border-t border-solid border-gray-400 py-4 bg-gray-200 text-center ">
|
||||
<div class="mb-3">
|
||||
<p class="inline">Retrouvez moi sur :
|
||||
<span><a href="https://twitch.com/ArthurDanjou" target="_blank">Twitch</a></span>,
|
||||
<span><a href="https://github.com/ArthurDanjou" target="_blank">Github</a></span> &
|
||||
<span><a href="https://twitter.com/ArthurDanj" target="_blank">Twitter</a></span> et par
|
||||
<span><a href="mailto:contact@arthurdanjou.fr" target="_blank">Mail</a></span></p>
|
||||
<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
|
||||
</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
|
||||
</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
|
||||
</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
|
||||
</a>
|
||||
</p>
|
||||
<span class="inline text-gray-600 text-xs">
|
||||
(Clique c'est gratuit 🔗)
|
||||
</span>
|
||||
</div>
|
||||
<p>
|
||||
Développé et conçu avec ❤ en utilisant <span>NuxtJs</span> & <span>AdonisJs</span> par <span>Arthur DANJOU</span>
|
||||
Développé et conçu avec ❤ en utilisant
|
||||
|
||||
<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
|
||||
</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
|
||||
</a>
|
||||
par <span>Arthur DANJOU</span>
|
||||
</p>
|
||||
<p>© Copyright {{date}} - Tous droits réservés</p>
|
||||
</div>
|
||||
@@ -34,8 +59,8 @@ export default {
|
||||
|
||||
<style scoped lang="scss">
|
||||
.footer {
|
||||
.footer-top {
|
||||
padding: 1rem 15%;
|
||||
.img {
|
||||
transform: translateY(-3px);
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -1,9 +1,11 @@
|
||||
<template>
|
||||
<header class="fixed top-0 left-0 bg-white header border-b border-gray-200 border-solid tracking-wider w-full h-16 lg:h-24">
|
||||
<header class="fixed top-0 left-0 bg-white dark:bg-black header border-b border-gray-200 border-solid tracking-wider w-full h-16 lg:h-24">
|
||||
<div class="header-container z-index-50 flex justify-between items-center h-full px-5 xl:px-64">
|
||||
<div class="left text-2xl font-bold cursor-pointer hover:underline duration-500 dark:text-white dark:bg-black">
|
||||
Arthur Danjou
|
||||
</div>
|
||||
<nuxt-link to="/">
|
||||
<div class="left text-2xl font-bold cursor-pointer hover:underline duration-500 dark:text-white dark:bg-black">
|
||||
Arthur Danjou
|
||||
</div>
|
||||
</nuxt-link>
|
||||
<nav class="right">
|
||||
<div class="flex flex-col md:flex-row items-center">
|
||||
<ul class="flex text-xl">
|
||||
@@ -12,10 +14,10 @@
|
||||
</li>
|
||||
<li class="mx-2 cursor-pointer flex items-center">
|
||||
<div @click="changeColorMode()" v-if="this.$colorMode.value === 'light'" class="">
|
||||
<img alt="Moon Logo" src="@/assets/img/icons/moon.svg" height="25" width="25"/>
|
||||
<img alt="Moon Logo" src="@/assets/img/utilities/moon.svg" height="25" width="25"/>
|
||||
</div>
|
||||
<div @click="changeColorMode()" v-else class="">
|
||||
<img src="@/assets/img/icons/sun.svg" alt="Sun Logo" height="25" width="25"/>
|
||||
<img src="@/assets/img/utilities/sun.svg" alt="Sun Logo" height="25" width="25"/>
|
||||
</div>
|
||||
</li>
|
||||
<nuxt-link class="red hidden md:inline-block" to="/">
|
||||
@@ -48,31 +50,31 @@
|
||||
<ul class="z-index-50 bg-white md:hidden fixed bottom-0 left-0 z-index-20 w-full flex items-center justify-around h-20 border-t border-gray-200 border-solid navbar-bottom-items">
|
||||
<nuxt-link class="red" to="/">
|
||||
<li class="font-bold flex flex-col items-center justify-center">
|
||||
<img class="inline-block" src="@/assets/img/icons/home.svg" alt="Home icon" height="15" width="15" />
|
||||
<img class="inline-block" src="@/assets/img/sections/home.svg" alt="Home icon" height="15" width="15" />
|
||||
Accueil
|
||||
</li>
|
||||
</nuxt-link>
|
||||
<nuxt-link to="/about" class="orange">
|
||||
<li class="font-bold flex flex-col items-center justify-center">
|
||||
<img class="inline-block" src="@/assets/img/icons/profile.svg" alt="About icon" height="15" width="15" />
|
||||
<img class="inline-block" src="@/assets/img/sections/profile.svg" alt="About icon" height="15" width="15" />
|
||||
Moi
|
||||
</li>
|
||||
</nuxt-link>
|
||||
<nuxt-link to="/blog" class="green">
|
||||
<li class="font-bold flex flex-col items-center justify-center">
|
||||
<img class="inline-block" src="@/assets/img/icons/quill.svg" alt="Blog icon" height="15" width="15" />
|
||||
<img class="inline-block" src="@/assets/img/sections/quill.svg" alt="Blog icon" height="15" width="15" />
|
||||
Blog
|
||||
</li>
|
||||
</nuxt-link>
|
||||
<nuxt-link to="/work" class="blue">
|
||||
<li class="font-bold flex flex-col items-center justify-center">
|
||||
<img class="inline-block" src="@/assets/img/icons/case.svg" alt="Work icon" height="15" width="15" />
|
||||
<img class="inline-block" src="@/assets/img/sections/case.svg" alt="Work icon" height="15" width="15" />
|
||||
Travail
|
||||
</li>
|
||||
</nuxt-link>
|
||||
<nuxt-link to="/contact" class="purple">
|
||||
<li class="font-bold flex flex-col items-center justify-center">
|
||||
<img class="inline-block" src="@/assets/img/icons/pin.svg" alt="Contact icon" height="15" width="15" />
|
||||
<img class="inline-block" src="@/assets/img/sections/pin.svg" alt="Contact icon" height="15" width="15" />
|
||||
Contact
|
||||
</li>
|
||||
</nuxt-link>
|
||||
|
||||
@@ -1,8 +1,8 @@
|
||||
<template>
|
||||
<article class="border border-solid border-gray-300 w-full lg:w-1/3 h-auto h-blog p-2 flex flex-col justify-between my-5 lg:my-0 lg:mx-5">
|
||||
<div>
|
||||
<p class="text-3xl font-bold text-justify leading-7">{{title}}</p>
|
||||
<p class="text-gray-900 text-lg italic text-justify">{{description}}</p>
|
||||
<p class="text-3xl font-bold text-justify leading-7 mb-3">{{title}}</p>
|
||||
<p class="text-gray-900 text-lg italic text-justify leading-5">{{description}}</p>
|
||||
</div>
|
||||
<div class="flex justify-between mt-8">
|
||||
<div>
|
||||
|
||||
@@ -1,8 +1,8 @@
|
||||
<template>
|
||||
<article class="border border-solid border-gray-300 w-full h-auto h-blog p-2 flex flex-col justify-between my-5">
|
||||
<div>
|
||||
<p class="text-3xl font-bold text-justify">{{title}}</p>
|
||||
<p class="text-gray-900 text-lg italic text-justify">{{description}}</p>
|
||||
<p class="text-3xl font-bold text-justify leading-7 mb-3">{{title}}</p>
|
||||
<p class="text-gray-900 text-lg italic text-justify leading-5">{{description}}</p>
|
||||
</div>
|
||||
<div class="flex justify-between mt-8">
|
||||
<div>
|
||||
|
||||
@@ -6,7 +6,7 @@
|
||||
<nuxt-link to="/" class="home-btn">
|
||||
<div class="py-3 px-6 mb-16 font-bold border-2 border-solid border-red-500 hover:bg-red-500 duration-300 rounded">
|
||||
Revenir à l'accueil
|
||||
<img class="inline arrow-img" src="@/assets/img/icons/arrow-down.svg" alt="Go Down" height="32" width="32" />
|
||||
<img class="inline arrow-img" src="@/assets/img/utilities/arrow-down.svg" alt="Go Down" height="32" width="32" />
|
||||
</div>
|
||||
</nuxt-link>
|
||||
</div>
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
<main class="about flex flex-col items-center mt-16 md:mt-32 px-5 xl:px-64">
|
||||
<h1 class="title font-bold text-4xl mr-2 inline mb-4">
|
||||
A Propos
|
||||
<img class="inline about-img" src="@/assets/img/icons/profile.svg" height="40" width="40" alt="Blog Logo" />
|
||||
<img class="inline about-img" src="@/assets/img/sections/profile.svg" height="40" width="40" alt="Blog Logo" />
|
||||
</h1>
|
||||
<div class="flex flex-col md:flex-row justify-around items-center py-8">
|
||||
<div>
|
||||
@@ -29,7 +29,7 @@
|
||||
<div class="w-full mb-10 mt-4">
|
||||
<h3 class="font-bold text-2xl md:text-4xl">
|
||||
Compétences Techniques
|
||||
<img class="inline skill-img" src="@/assets/img/icons/wrench.svg" alt="Skills logo" height="32" width="32"/>
|
||||
<img class="inline skill-img" src="@/assets/img/about/wrench.svg" alt="Skills logo" height="32" width="32"/>
|
||||
</h3>
|
||||
<div>
|
||||
<!-- TODO -->
|
||||
@@ -39,34 +39,34 @@
|
||||
<div class="w-full mb-10">
|
||||
<h3 class="font-bold text-2xl md:text-4xl">
|
||||
Intérêts
|
||||
<img class="inline interest-img" src="@/assets/img/icons/fire.svg" alt="Interests logo" height="32" width="32"/>
|
||||
<img class="inline interest-img" src="@/assets/img/about/fire.svg" alt="Interests logo" height="32" width="32"/>
|
||||
</h3>
|
||||
<div>
|
||||
<!-- TODO -->
|
||||
<ul class="text-xl">
|
||||
<li class="my-2">
|
||||
Technologies
|
||||
<img class="inline" src="@/assets/img/icons/cpu.svg" alt="Dev icon" height="25" width="25" />
|
||||
<img class="inline" src="@/assets/img/about/cpu.svg" alt="Dev icon" height="25" width="25" />
|
||||
</li>
|
||||
<li class="my-2">
|
||||
Développement
|
||||
<img class="inline" src="@/assets/img/icons/code.svg" alt="Dev icon" height="25" width="25" />
|
||||
<img class="inline" src="@/assets/img/about/code.svg" alt="Dev icon" height="25" width="25" />
|
||||
</li>
|
||||
<li class="my-2">
|
||||
DevOps
|
||||
<img class="inline" src="@/assets/img/icons/infinite.svg" alt="Dev icon" height="25" width="25" />
|
||||
<img class="inline" src="@/assets/img/about/infinite.svg" alt="Dev icon" height="25" width="25" />
|
||||
</li>
|
||||
<li class="my-2">
|
||||
Startups & Entreprises innovantes
|
||||
<img class="inline" src="@/assets/img/icons/rocket.svg" alt="Dev icon" height="25" width="25" />
|
||||
<img class="inline" src="@/assets/img/about/rocket.svg" alt="Dev icon" height="25" width="25" />
|
||||
</li>
|
||||
<li class="my-2">
|
||||
Voyage
|
||||
<img class="inline" src="@/assets/img/icons/airplane.svg" alt="Dev icon" height="25" width="25" />
|
||||
<img class="inline" src="@/assets/img/about/airplane.svg" alt="Dev icon" height="25" width="25" />
|
||||
</li>
|
||||
<li class="my-2">
|
||||
Moto
|
||||
<img class="inline" src="@/assets/img/icons/motorbike.svg" alt="Dev icon" height="25" width="25" />
|
||||
<img class="inline" src="@/assets/img/about/motorbike.svg" alt="Dev icon" height="25" width="25" />
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@@ -74,7 +74,7 @@
|
||||
<div class="w-full mb-10">
|
||||
<h3 class="font-bold text-2xl md:text-4xl">
|
||||
Langues
|
||||
<img class="inline interest-img" src="@/assets/img/icons/translation.svg" alt="Languages logo" height="32" width="32"/>
|
||||
<img class="inline interest-img" src="@/assets/img/about/translation.svg" alt="Languages logo" height="32" width="32"/>
|
||||
</h3>
|
||||
<div>
|
||||
<table class="text-base text-xl">
|
||||
@@ -92,7 +92,7 @@
|
||||
<div class="w-full mb-10">
|
||||
<h3 class="font-bold text-2xl md:text-4xl">
|
||||
Formation
|
||||
<img class="inline formation-img" src="@/assets/img/icons/formation.svg" alt="Formations logo" height="32" width="32"/>
|
||||
<img class="inline formation-img" src="@/assets/img/about/formation.svg" alt="Formations logo" height="32" width="32"/>
|
||||
</h3>
|
||||
<div>
|
||||
<!-- TODO -->
|
||||
@@ -102,7 +102,7 @@
|
||||
<div class="w-full mb-10">
|
||||
<h3 class="font-bold text-2xl md:text-4xl">
|
||||
Expériences
|
||||
<img class="inline experience-img" src="@/assets/img/icons/experience.svg" alt="Experience logo" height="32" width="32"/>
|
||||
<img class="inline experience-img" src="@/assets/img/about/experience.svg" alt="Experience logo" height="32" width="32"/>
|
||||
</h3>
|
||||
<div>
|
||||
<!-- TODO -->
|
||||
@@ -112,13 +112,13 @@
|
||||
<nuxt-link to="/cv">
|
||||
<div class="flex justify-center items-center font-bold py-4 px-6 bg-orange-300 hover:bg-orange-500 cursor-pointer duration-500 rounded-full">
|
||||
Télécharger mon CV
|
||||
<img class="inline experience-img" src="@/assets/img/icons/cv.svg" alt="Experience logo" height="32" width="32"/>
|
||||
<img class="inline experience-img" src="@/assets/img/about/cv.svg" alt="Experience logo" height="32" width="32"/>
|
||||
</div>
|
||||
</nuxt-link>
|
||||
<div class="my-10 border-t-2 border-black border-solid w-full" />
|
||||
<h1 class="mb-10 title font-bold text-4xl mr-2 inline mb-4">
|
||||
Environnement
|
||||
<img class="inline about-img" src="@/assets/img/icons/tree.svg" height="40" width="40" alt="Environment Logo" />
|
||||
<img class="inline about-img" src="@/assets/img/about/tree.svg" height="40" width="40" alt="Environment Logo" />
|
||||
</h1>
|
||||
<p class="text-lg leading-6 text-justify pb-8">
|
||||
Mon environnement de développement permet de gagner en productivité.
|
||||
@@ -128,7 +128,7 @@
|
||||
<div class="w-full mb-10">
|
||||
<h3 class="font-bold text-2xl md:text-4xl mb-2">
|
||||
Editeurs de texte
|
||||
<img class="inline experience-img" src="@/assets/img/icons/code.svg" alt="Editor logo" height="32" width="32"/>
|
||||
<img class="inline experience-img" src="@/assets/img/about/code.svg" alt="Editor logo" height="32" width="32"/>
|
||||
</h3>
|
||||
<ul class="list-disc ml-10 text-gray-800">
|
||||
<li>
|
||||
@@ -163,7 +163,7 @@
|
||||
<div class="w-full mb-10">
|
||||
<h3 class="font-bold text-2xl md:text-4xl mb-2">
|
||||
Apps & Logiciels
|
||||
<img class="inline experience-img" src="@/assets/img/icons/software.svg" alt="Software logo" height="32" width="32"/>
|
||||
<img class="inline experience-img" src="@/assets/img/about/software.svg" alt="Software logo" height="32" width="32"/>
|
||||
</h3>
|
||||
<ul class="list-disc ml-10 text-gray-800">
|
||||
<li>
|
||||
@@ -192,7 +192,7 @@
|
||||
<div class="w-full mb-10">
|
||||
<h3 class="font-bold text-2xl md:text-4xl mb-2">
|
||||
Hébergement
|
||||
<img class="inline-block experience-img" src="@/assets/img/icons/server.svg" alt="Server logo" height="32" width="32"/>
|
||||
<img class="inline-block experience-img" src="@/assets/img/about/server.svg" alt="Server logo" height="32" width="32"/>
|
||||
</h3>
|
||||
<ul class="list-disc ml-10 text-gray-800">
|
||||
<li>
|
||||
@@ -206,7 +206,7 @@
|
||||
<div class="w-full mb-10">
|
||||
<h3 class="font-bold text-2xl md:text-4xl mb-2">
|
||||
Setup bureautique
|
||||
<img class="inline experience-img" src="@/assets/img/icons/lamp.svg" alt="Desktop logo" height="32" width="32"/>
|
||||
<img class="inline experience-img" src="@/assets/img/about/lamp.svg" alt="Desktop logo" height="32" width="32"/>
|
||||
</h3>
|
||||
<ul class="list-disc ml-10 text-gray-800">
|
||||
<li>
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
<main class="blog flex flex-col items-center mt-16 md:mt-32 px-5 xl:px-64">
|
||||
<h1 class="title font-bold text-4xl mr-2 inline mb-4">
|
||||
Blog
|
||||
<img class="inline blog-img" src="@/assets/img/icons/quill.svg" height="40" width="40" alt="Blog Logo" />
|
||||
<img class="inline blog-img" src="@/assets/img/sections/quill.svg" height="40" width="40" alt="Blog Logo" />
|
||||
</h1>
|
||||
<div class="flex flex-col justify-around items-center py-8 w-full md:w-1/2">
|
||||
<!-- TODO Insert blog's posts -->
|
||||
@@ -10,8 +10,8 @@
|
||||
title="Il était une nouvelle fois la vie"
|
||||
reading_time="4"
|
||||
description="Un tout nouvel article à propos de je ne sais pas quoi. Un tout nouvel article à propos de je ne sais pas quoi. Un tout nouvel article à propos de je ne sais pas quoi."
|
||||
tags="Dev Tech"/>
|
||||
<Post />
|
||||
tags="Dev Tech Vie"/>
|
||||
<Post reading_time="12"/>
|
||||
<Post />
|
||||
</div>
|
||||
</main>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<main class="index mt-10 md:mt-32 dark:bg-gray-900 dark:text-white px-5 xl:px-64">
|
||||
<main class="index mt-10 md:mt-32 bg-gray-100 px-5 xl:px-64">
|
||||
<section class="banner w-full flex justify-between flex-col lg:flex-row-reverse items-center mb-16">
|
||||
<div class="hidden lg:block flex justify-center items-center lg:w-1/2">
|
||||
<img src="@/assets/img/computer.png" alt="It's me !" class="me-img" />
|
||||
@@ -22,7 +22,7 @@
|
||||
<nuxt-link class="mb-3 w-full text-center md:mb-0 md:w-auto" to="about">
|
||||
<p class="arrow-btn font-semibold rounded-full bg-red-400 hover:bg-red-700 duration-300 px-3 md:px-10 py-1 cursor-pointer">
|
||||
En savoir plus
|
||||
<img class="inline arrow-img" src="@/assets/img/icons/arrow-down.svg" alt="Go Down" height="32" width="32" />
|
||||
<img class="inline arrow-img" src="@/assets/img/utilities/arrow-down.svg" alt="Go Down" height="32" width="32" />
|
||||
</p>
|
||||
</nuxt-link>
|
||||
<nuxt-link class="mb-3 w-full text-center md:mb-0 md:w-auto" to="contact">
|
||||
@@ -36,7 +36,7 @@
|
||||
<section class="my-16 border-t border-solid border-black pt-16">
|
||||
<h1 class="font-bold text-3xl mr-2 inline">
|
||||
Mes Articles
|
||||
<img class="inline blog-img" src="@/assets/img/icons/quill.svg" height="40" width="40" alt="Blog Logo" />
|
||||
<img class="inline blog-img" src="@/assets/img/sections/quill.svg" height="40" width="40" alt="Blog Logo" />
|
||||
</h1>
|
||||
<p class="mt-2 mb-8">
|
||||
Parfois, je rédige des articles concernant le développement, ma vie, le design ou bien encore l'apprentissage !
|
||||
@@ -55,7 +55,7 @@
|
||||
<div class="text-center">
|
||||
<nuxt-link to="/blog" class="arrow-btn px-3 py-3 border-2 border-solid border-red-500 rounded-full font-semibold hover:bg-red-500 duration-300">
|
||||
Voir plus d'articles
|
||||
<img class="inline arrow-img" src="@/assets/img/icons/arrow-down.svg" alt="Go Down" height="32" width="32" />
|
||||
<img class="inline arrow-img" src="@/assets/img/utilities/arrow-down.svg" alt="Go Down" height="32" width="32" />
|
||||
</nuxt-link>
|
||||
</div>
|
||||
</div>
|
||||
@@ -63,7 +63,7 @@
|
||||
<section class="my-16 border-t border-solid border-black pt-16">
|
||||
<h1 class="font-bold text-3xl mr-2 inline">
|
||||
Mon Travail
|
||||
<img class="inline work-img" src="@/assets/img/icons/case.svg" width="32" height="32" alt="Work Logo" />
|
||||
<img class="inline work-img" src="@/assets/img/sections/case.svg" width="32" height="32" alt="Work Logo" />
|
||||
</h1>
|
||||
<p class="mt-2 mb-8">
|
||||
Ayez une vision de mon travail, de mes projets personnels et professionnels ou de mes expérimentations !
|
||||
@@ -76,7 +76,7 @@
|
||||
<section class="my-16 border-t border-solid border-black pt-16">
|
||||
<h1 class="font-bold text-3xl mr-2 inline">
|
||||
Mes Services
|
||||
<img class="inline services-img" src="@/assets/img/icons/clipboard.svg" height="32" width="32" alt="Services Logo" />
|
||||
<img class="inline services-img" src="@/assets/img/sections/clipboard.svg" height="32" width="32" alt="Services Logo" />
|
||||
</h1>
|
||||
<p class="mt-2 mb-8">
|
||||
Vous avez une idée révolutionnaire ?
|
||||
|
||||