mirror of
https://github.com/ArthurDanjou/website-old.git
synced 2026-01-22 07:50:36 +01:00
Initial commit 🚀
This commit is contained in:
5
src/assets/css/tailwind.css
Normal file
5
src/assets/css/tailwind.css
Normal file
@@ -0,0 +1,5 @@
|
||||
@import url('https://fonts.googleapis.com/css2?family=Raleway&display=swap');
|
||||
|
||||
@tailwind base;
|
||||
@tailwind components;
|
||||
@tailwind utilities;
|
||||
1
src/assets/img/404.svg
Normal file
1
src/assets/img/404.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 7.6 KiB |
BIN
src/assets/img/computer.png
Normal file
BIN
src/assets/img/computer.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 186 KiB |
1
src/assets/img/icons/arrow-down.svg
Normal file
1
src/assets/img/icons/arrow-down.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black" width="18px" height="18px"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M11 5v11.17l-4.88-4.88c-.39-.39-1.03-.39-1.42 0-.39.39-.39 1.02 0 1.41l6.59 6.59c.39.39 1.02.39 1.41 0l6.59-6.59c.39-.39.39-1.02 0-1.41-.39-.39-1.02-.39-1.41 0L13 16.17V5c0-.55-.45-1-1-1s-1 .45-1 1z"/></svg>
|
||||
|
After Width: | Height: | Size: 355 B |
15
src/assets/img/icons/case.svg
Normal file
15
src/assets/img/icons/case.svg
Normal file
@@ -0,0 +1,15 @@
|
||||
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 337.76 337.76" style="enable-background:new 0 0 337.76 337.76;" xml:space="preserve">
|
||||
<g>
|
||||
<path d="M320.88,67.76H223.6c0,0,0-0.56,0-0.88V35.92c0-9.323-7.557-16.88-16.88-16.88h-75.76c-9.323,0-16.88,7.557-16.88,16.88
|
||||
v31.04c0,0,0,0.56,0,0.88h-97.2C7.557,67.84,0,75.397,0,84.72v217.12c0,9.323,7.557,16.88,16.88,16.88h304
|
||||
c9.323,0,16.88-7.557,16.88-16.88V84.64C337.76,75.317,330.203,67.76,320.88,67.76z M130.08,66.8l0.16-31.04
|
||||
c0-0.486,0.394-0.88,0.88-0.88h75.92c0.486,0,0.88,0.394,0.88,0.88V66.8c0,0.486-0.394,0.88-0.88,0.88h-76.08
|
||||
C130.474,67.68,130.08,67.286,130.08,66.8C130.08,66.8,130.08,66.8,130.08,66.8z M16.88,83.76h304
|
||||
c-7.52,14.24-46.64,81.6-119.44,97.76v-9.28c0.002-9.199-7.363-16.706-16.56-16.88h-32c-9.323,0-16.88,7.557-16.88,16.88v9.44
|
||||
c-72.72-16-112-83.6-119.44-97.76L16.88,83.76z M185.52,172.24v46.56c0,0.486-0.394,0.88-0.88,0.88h-31.76
|
||||
c-0.486,0-0.88-0.394-0.88-0.88v-46.56c0-0.486,0.394-0.88,0.88-0.88h32C185.271,171.47,185.535,171.834,185.52,172.24z
|
||||
M321.52,301.92c0,0.486-0.394,0.88-0.88,0.88H16.88c-0.486,0-0.88-0.394-0.88-0.88V113.68c19.68,28.56,58.88,72,120,84.32v20.72
|
||||
c0,9.323,7.557,16.88,16.88,16.88h32c9.323,0,16.88-7.557,16.88-16.88V198c61.12-12.16,100.32-56,120-84.32L321.52,301.92z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.4 KiB |
64
src/assets/img/icons/clipboard.svg
Normal file
64
src/assets/img/icons/clipboard.svg
Normal file
@@ -0,0 +1,64 @@
|
||||
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 438.891 438.891" style="enable-background:new 0 0 438.891 438.891;" xml:space="preserve">
|
||||
<g>
|
||||
<g>
|
||||
<path d="M347.968,57.503h-39.706V39.74c0-5.747-6.269-8.359-12.016-8.359h-30.824c-7.314-20.898-25.6-31.347-46.498-31.347
|
||||
c-20.668-0.777-39.467,11.896-46.498,31.347h-30.302c-5.747,0-11.494,2.612-11.494,8.359v17.763H90.923
|
||||
c-23.53,0.251-42.78,18.813-43.886,42.318v299.363c0,22.988,20.898,39.706,43.886,39.706h257.045
|
||||
c22.988,0,43.886-16.718,43.886-39.706V99.822C390.748,76.316,371.498,57.754,347.968,57.503z M151.527,52.279h28.735
|
||||
c5.016-0.612,9.045-4.428,9.927-9.404c3.094-13.474,14.915-23.146,28.735-23.51c13.692,0.415,25.335,10.117,28.212,23.51
|
||||
c0.937,5.148,5.232,9.013,10.449,9.404h29.78v41.796H151.527V52.279z M370.956,399.185c0,11.494-11.494,18.808-22.988,18.808
|
||||
H90.923c-11.494,0-22.988-7.314-22.988-18.808V99.822c1.066-11.964,10.978-21.201,22.988-21.42h39.706v26.645
|
||||
c0.552,5.854,5.622,10.233,11.494,9.927h154.122c5.98,0.327,11.209-3.992,12.016-9.927V78.401h39.706
|
||||
c12.009,0.22,21.922,9.456,22.988,21.42V399.185z"/>
|
||||
<path d="M179.217,233.569c-3.919-4.131-10.425-4.364-14.629-0.522l-33.437,31.869l-14.106-14.629
|
||||
c-3.919-4.131-10.425-4.363-14.629-0.522c-4.047,4.24-4.047,10.911,0,15.151l21.42,21.943c1.854,2.076,4.532,3.224,7.314,3.135
|
||||
c2.756-0.039,5.385-1.166,7.314-3.135l40.751-38.661c4.04-3.706,4.31-9.986,0.603-14.025
|
||||
C179.628,233.962,179.427,233.761,179.217,233.569z"/>
|
||||
<path d="M329.16,256.034H208.997c-5.771,0-10.449,4.678-10.449,10.449s4.678,10.449,10.449,10.449H329.16
|
||||
c5.771,0,10.449-4.678,10.449-10.449S334.931,256.034,329.16,256.034z"/>
|
||||
<path d="M179.217,149.977c-3.919-4.131-10.425-4.364-14.629-0.522l-33.437,31.869l-14.106-14.629
|
||||
c-3.919-4.131-10.425-4.364-14.629-0.522c-4.047,4.24-4.047,10.911,0,15.151l21.42,21.943c1.854,2.076,4.532,3.224,7.314,3.135
|
||||
c2.756-0.039,5.385-1.166,7.314-3.135l40.751-38.661c4.04-3.706,4.31-9.986,0.603-14.025
|
||||
C179.628,150.37,179.427,150.169,179.217,149.977z"/>
|
||||
<path d="M329.16,172.442H208.997c-5.771,0-10.449,4.678-10.449,10.449s4.678,10.449,10.449,10.449H329.16
|
||||
c5.771,0,10.449-4.678,10.449-10.449S334.931,172.442,329.16,172.442z"/>
|
||||
<path d="M179.217,317.16c-3.919-4.131-10.425-4.363-14.629-0.522l-33.437,31.869l-14.106-14.629
|
||||
c-3.919-4.131-10.425-4.363-14.629-0.522c-4.047,4.24-4.047,10.911,0,15.151l21.42,21.943c1.854,2.076,4.532,3.224,7.314,3.135
|
||||
c2.756-0.039,5.385-1.166,7.314-3.135l40.751-38.661c4.04-3.706,4.31-9.986,0.603-14.025
|
||||
C179.628,317.554,179.427,317.353,179.217,317.16z"/>
|
||||
<path d="M329.16,339.626H208.997c-5.771,0-10.449,4.678-10.449,10.449s4.678,10.449,10.449,10.449H329.16
|
||||
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>
|
||||
|
After Width: | Height: | Size: 2.9 KiB |
1
src/assets/img/icons/pin.svg
Normal file
1
src/assets/img/icons/pin.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg id="Capa_1" enable-background="new 0 0 512 512" height="512" viewBox="0 0 512 512" width="512" xmlns="http://www.w3.org/2000/svg"><g><path d="m330.274 0-10.607 10.607c-24.914 24.914-28.585 63.132-11.047 91.987l-107.305 72.504-1.856-1.856c-40.939-40.939-107.553-40.94-148.492 0l-10.607 10.606 133.289 133.289-173.649 173.65 21.213 21.213 173.649-173.65 133.29 133.29 10.607-10.607c40.94-40.94 40.939-107.553 0-148.492l-1.856-1.856 72.504-107.305c28.855 17.539 67.073 13.868 91.987-11.047l10.606-10.606zm-3.187 428.148-243.235-243.235c29.104-19.248 68.783-16.069 94.394 9.541l139.3 139.3c25.61 25.611 28.789 65.29 9.541 94.394zm-11.791-139.07-92.374-92.374 105.496-71.281 58.159 58.159zm101.245-117.958-75.66-75.66c-13.828-13.828-16.758-34.491-8.789-51.216l135.665 135.665c-16.725 7.969-37.388 5.039-51.216-8.789z"/></g></svg>
|
||||
|
After Width: | Height: | Size: 829 B |
1
src/assets/img/icons/profile.svg
Normal file
1
src/assets/img/icons/profile.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg viewBox="-42 0 512 512.001" xmlns="http://www.w3.org/2000/svg"><path d="m210.351562 246.632812c33.882813 0 63.21875-12.152343 87.195313-36.128906 23.96875-23.972656 36.125-53.304687 36.125-87.191406 0-33.875-12.152344-63.210938-36.128906-87.191406-23.976563-23.96875-53.3125-36.121094-87.191407-36.121094-33.886718 0-63.21875 12.152344-87.191406 36.125s-36.128906 53.308594-36.128906 87.1875c0 33.886719 12.15625 63.222656 36.128906 87.195312 23.980469 23.96875 53.316406 36.125 87.191406 36.125zm-65.972656-189.292968c18.394532-18.394532 39.972656-27.335938 65.972656-27.335938 25.996094 0 47.578126 8.941406 65.976563 27.335938 18.394531 18.398437 27.339844 39.980468 27.339844 65.972656 0 26-8.945313 47.578125-27.339844 65.976562-18.398437 18.398438-39.980469 27.339844-65.976563 27.339844-25.992187 0-47.570312-8.945312-65.972656-27.339844-18.398437-18.394531-27.34375-39.976562-27.34375-65.976562 0-25.992188 8.945313-47.574219 27.34375-65.972656zm0 0"/><path d="m426.128906 393.703125c-.691406-9.976563-2.089844-20.859375-4.148437-32.351563-2.078125-11.578124-4.753907-22.523437-7.957031-32.527343-3.3125-10.339844-7.808594-20.550781-13.375-30.335938-5.769532-10.15625-12.550782-19-20.160157-26.277343-7.957031-7.613282-17.699219-13.734376-28.964843-18.199219-11.226563-4.441407-23.667969-6.691407-36.976563-6.691407-5.226563 0-10.28125 2.144532-20.042969 8.5-6.007812 3.917969-13.035156 8.449219-20.878906 13.460938-6.707031 4.273438-15.792969 8.277344-27.015625 11.902344-10.949219 3.542968-22.066406 5.339844-33.042969 5.339844-10.96875 0-22.085937-1.796876-33.042968-5.339844-11.210938-3.621094-20.300782-7.625-26.996094-11.898438-7.769532-4.964844-14.800782-9.496094-20.898438-13.46875-9.753906-6.355468-14.808594-8.5-20.035156-8.5-13.3125 0-25.75 2.253906-36.972656 6.699219-11.257813 4.457031-21.003906 10.578125-28.96875 18.199219-7.609375 7.28125-14.390625 16.121094-20.15625 26.273437-5.558594 9.785157-10.058594 19.992188-13.371094 30.339844-3.199219 10.003906-5.875 20.945313-7.953125 32.523437-2.0625 11.476563-3.457031 22.363282-4.148437 32.363282-.679688 9.777344-1.023438 19.953125-1.023438 30.234375 0 26.726562 8.496094 48.363281 25.25 64.320312 16.546875 15.746094 38.4375 23.730469 65.066406 23.730469h246.53125c26.621094 0 48.511719-7.984375 65.0625-23.730469 16.757813-15.945312 25.253906-37.589843 25.253906-64.324219-.003906-10.316406-.351562-20.492187-1.035156-30.242187zm-44.90625 72.828125c-10.933594 10.40625-25.449218 15.464844-44.378906 15.464844h-246.527344c-18.933594 0-33.449218-5.058594-44.378906-15.460938-10.722656-10.207031-15.933594-24.140625-15.933594-42.585937 0-9.59375.316406-19.066407.949219-28.160157.617187-8.921874 1.878906-18.722656 3.75-29.136718 1.847656-10.285156 4.199219-19.9375 6.996094-28.675782 2.683593-8.378906 6.34375-16.675781 10.882812-24.667968 4.332031-7.617188 9.316407-14.152344 14.816407-19.417969 5.144531-4.925781 11.628906-8.957031 19.269531-11.980469 7.066406-2.796875 15.007812-4.328125 23.628906-4.558594 1.050781.558594 2.921875 1.625 5.953125 3.601563 6.167969 4.019531 13.277344 8.605469 21.136719 13.625 8.859375 5.648437 20.273437 10.75 33.910156 15.152344 13.941406 4.507812 28.160156 6.796875 42.273437 6.796875 14.113282 0 28.335938-2.289063 42.269532-6.792969 13.648437-4.410156 25.058594-9.507813 33.929687-15.164063 8.042969-5.140624 14.953125-9.59375 21.121094-13.617187 3.03125-1.972656 4.902344-3.042969 5.953125-3.601563 8.625.230469 16.566406 1.761719 23.636719 4.558594 7.636719 3.023438 14.121093 7.058594 19.265625 11.980469 5.5 5.261719 10.484375 11.796875 14.816406 19.421875 4.542969 7.988281 8.207031 16.289062 10.886719 24.660156 2.800781 8.75 5.15625 18.398438 7 28.675782 1.867187 10.433593 3.132812 20.238281 3.75 29.144531v.007812c.636719 9.058594.957031 18.527344.960937 28.148438-.003906 18.449219-5.214844 32.378906-15.9375 42.582031zm0 0"/></svg>
|
||||
|
After Width: | Height: | Size: 3.8 KiB |
1
src/assets/img/icons/quill.svg
Normal file
1
src/assets/img/icons/quill.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg height="512" viewBox="0 0 128 128" width="512" xmlns="http://www.w3.org/2000/svg"><g><path d="m121.937 4.826a1.756 1.756 0 0 0 -2.014.924c-.16.328-4.119 8.112-21.461 17.27a1.748 1.748 0 0 0 -.987 1.143 65.867 65.867 0 0 1 -4.388 11.782 24.213 24.213 0 0 1 -2.013-6.92 1.75 1.75 0 0 0 -2.418-1.361c-4.584 1.953-9.573 3.813-14.829 5.527a107.828 107.828 0 0 0 -20.069 8.747 1.748 1.748 0 0 0 -.785.953q-1.186 3.48-2.562 6.574.057-1.032.152-2.194a1.75 1.75 0 0 0 -2.741-1.583c-17.779 12.312-27.467 29.689-30.476 54.622a87.375 87.375 0 0 0 -11.928 15.695 4.87 4.87 0 0 0 1.482 6.513 4.725 4.725 0 0 0 2.554.753h80a1.75 1.75 0 0 0 0-3.5h-75.189a80.458 80.458 0 0 1 10.605-13.582c17.251-.846 57.253-4.33 72.974-18.544a43.377 43.377 0 0 0 3.251-3.273 1.75 1.75 0 0 0 -.942-2.882c-.375-.078-.746-.16-1.115-.243 1.244-.176 2.642-.343 4.183-.481a1.757 1.757 0 0 0 1.284-.75c12.779-18.544 16.457-32.95 18.737-73.4a1.75 1.75 0 0 0 -1.305-1.79zm-113.496 112.942c10.9-18.7 31.07-32.911 52.423-47.954 4.468-3.147 9.536-6.714 14.393-10.281a1.251 1.251 0 0 1 .743-.246 1.282 1.282 0 0 1 .2.016 1.228 1.228 0 0 1 .812.5 1.255 1.255 0 0 1 -.266 1.745c-4.879 3.573-9.96 7.152-14.446 10.31-21.163 14.91-41.153 28.993-51.774 47.293a1.24 1.24 0 0 1 -1.75.417 1.356 1.356 0 0 1 -.335-1.8zm93.642-40.411a62.972 62.972 0 0 0 -10.967 1.9 1.751 1.751 0 0 0 -.083 3.324c1.684.6 3.479 1.146 5.363 1.628-.3.287-.595.565-.9.837-14.012 12.669-50.513 16.385-66.938 17.429 10.112-9.683 22.709-18.56 35.762-27.755 4.5-3.167 9.59-6.756 14.491-10.351a4.764 4.764 0 0 0 1.029-6.621 4.744 4.744 0 0 0 -6.653-1.036c-4.834 3.546-9.884 7.1-14.339 10.242-13.584 9.57-26.694 18.808-37.368 29.137 3.255-20.02 11.408-34.614 25.368-45.36a49.382 49.382 0 0 0 .079 6.122 1.75 1.75 0 0 0 3.244.722 71.093 71.093 0 0 0 5.9-12.924 105.079 105.079 0 0 1 18.846-8.132c4.59-1.5 8.984-3.106 13.093-4.79 1.27 5.832 3.726 8.775 3.843 8.911a1.75 1.75 0 0 0 2.855-.271 65.8 65.8 0 0 0 5.941-14.547c9.846-5.266 15.556-10.162 18.753-13.61-2.24 34.822-5.968 48.463-17.319 65.145z"/><path d="m112.268 40.04a1.748 1.748 0 0 0 -2.034 1.412c-.477 2.653-1 5.073-1.586 7.4a1.751 1.751 0 0 0 1.267 2.126 1.73 1.73 0 0 0 .431.053 1.75 1.75 0 0 0 1.695-1.32c.609-2.4 1.146-4.9 1.639-7.637a1.751 1.751 0 0 0 -1.412-2.034z"/></g></svg>
|
||||
|
After Width: | Height: | Size: 2.2 KiB |
BIN
src/assets/img/me-full.png
Normal file
BIN
src/assets/img/me-full.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 241 KiB |
BIN
src/assets/img/me-home.jpg
Normal file
BIN
src/assets/img/me-home.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 142 KiB |
73
src/components/Footer.vue
Normal file
73
src/components/Footer.vue
Normal 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
13
src/components/GoToTop.vue
Normal file
@@ -0,0 +1,13 @@
|
||||
<template>
|
||||
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "GoToTop"
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
54
src/components/Header.vue
Normal file
54
src/components/Header.vue
Normal 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
17
src/components/LangSwitcher.vue
Normal 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>
|
||||
BIN
src/public/favicon.ico
Normal file
BIN
src/public/favicon.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
19
src/templates/layouts/default.vue
Normal file
19
src/templates/layouts/default.vue
Normal file
@@ -0,0 +1,19 @@
|
||||
<template>
|
||||
<div>
|
||||
<Header />
|
||||
<Nuxt/>
|
||||
<Footer />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import Header from "~/components/Header";
|
||||
import Footer from "~/components/Footer";
|
||||
export default {
|
||||
components: {Footer, Header}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
|
||||
</style>
|
||||
38
src/templates/layouts/error.vue
Normal file
38
src/templates/layouts/error.vue
Normal file
@@ -0,0 +1,38 @@
|
||||
<template>
|
||||
<main class="error">
|
||||
<div v-if="error.statusCode === 404">
|
||||
<div class="mt-16 flex flex-col items-center justify-center">
|
||||
<img src="@/assets/img/404.svg" alt="404 Icon" height="768" width="768" />
|
||||
<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" />
|
||||
</div>
|
||||
</nuxt-link>
|
||||
</div>
|
||||
</div>
|
||||
<div v-else>
|
||||
|
||||
</div>
|
||||
</main>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "error",
|
||||
props: ['error']
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.error {
|
||||
.home-btn:hover .arrow-img {
|
||||
transform: translate(3px, 0);
|
||||
}
|
||||
|
||||
.arrow-img {
|
||||
transform: translate(3px, -3px);
|
||||
transition: .4s;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
20
src/templates/pages/about.vue
Normal file
20
src/templates/pages/about.vue
Normal file
@@ -0,0 +1,20 @@
|
||||
<template>
|
||||
<main>
|
||||
<div class="flex flex-col items-center mt-32">
|
||||
<h1 class="font-bold text-3xl mr-2 inline">
|
||||
A Propos
|
||||
<img class="inline blog-img" src="@/assets/img/icons/profile.svg" height="40" width="40" alt="Blog Logo" />
|
||||
</h1>
|
||||
</div>
|
||||
</main>
|
||||
</template>
|
||||
|
||||
<script lang="ts">
|
||||
export default {
|
||||
name: "about"
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
|
||||
</style>
|
||||
119
src/templates/pages/index.vue
Normal file
119
src/templates/pages/index.vue
Normal file
@@ -0,0 +1,119 @@
|
||||
<template>
|
||||
<main class="index">
|
||||
<section class="banner w-full flex justify-between flex-row-reverse items-center mb-16">
|
||||
<div class="flex justify-center items-center w-1/2">
|
||||
<img src="@/assets/img/computer.png" alt="It's me !" class="me-img" />
|
||||
</div>
|
||||
<div class="title flex justify-center flex-col w-1/2 pr-3">
|
||||
<div class="mb-10">
|
||||
<h1 class="text-5xl text-left font-bold w-3/4">
|
||||
Bonjour, je suis
|
||||
<span class="text-red-700 font-black">Arthur Danjou</span> 👋
|
||||
</h1>
|
||||
<p class="text-3xl my-5 font-semibold">
|
||||
Développeur & étudiant
|
||||
</p>
|
||||
<p class="text-2xl text-justify mb-8 leading-7 text-gray-700">
|
||||
Je suis un jeune développeur autodidacte de 17 ans. J'habite à Paris 🇫🇷. J'adore créer des applications et des logiciels plus ou moins utiles.
|
||||
J'utilise des technologies modernes pour obtenir le meilleur résultat possible ✨
|
||||
</p>
|
||||
</div>
|
||||
<div class="flex flex-row justify-around items-center">
|
||||
<nuxt-link to="about">
|
||||
<p class="about-btn rounded-full bg-red-400 hover:bg-red-700 duration-300 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" />
|
||||
</p>
|
||||
</nuxt-link>
|
||||
<nuxt-link to="contact">
|
||||
<p class="rounded-full hover:bg-gray-400 duration-300 px-12 py-1 bg-gray-300 cursor-pointer">
|
||||
Me contacter
|
||||
</p>
|
||||
</nuxt-link>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<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" />
|
||||
</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 !
|
||||
</p>
|
||||
<div>
|
||||
TODO Insert blogs request
|
||||
</div>
|
||||
</section>
|
||||
<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" />
|
||||
</h1>
|
||||
<p class="mt-2 mb-8">
|
||||
Ayez une vision de mon travail, de mes projets personnels et professionnels ou de mes expérimentations !
|
||||
</p>
|
||||
<div>
|
||||
TODO Insert Works request
|
||||
</div>
|
||||
</section>
|
||||
<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" />
|
||||
</h1>
|
||||
<p class="mt-2 mb-8">
|
||||
Vous avez une idée révolutionnaire ?
|
||||
</p>
|
||||
<div>
|
||||
TODO Services
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
</template>
|
||||
|
||||
<script lang="ts">
|
||||
import Vue from 'vue'
|
||||
|
||||
export default Vue.extend({})
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.index {
|
||||
margin-top: 6rem;
|
||||
padding: 0 15%;
|
||||
|
||||
.title {
|
||||
line-height: 3rem;
|
||||
}
|
||||
|
||||
.me-img {
|
||||
height: 30rem;
|
||||
}
|
||||
|
||||
.about-btn:hover .arrow-img {
|
||||
transform: translate(3px, 0);
|
||||
}
|
||||
|
||||
.arrow-img {
|
||||
transform: translate(3px, -3px);
|
||||
transition: .4s;
|
||||
}
|
||||
|
||||
.blog-img {
|
||||
transform: translate(5px, -10px);
|
||||
}
|
||||
|
||||
.work-img {
|
||||
transform: translate(5px, -6px);
|
||||
}
|
||||
|
||||
.pin-img {
|
||||
transform: translate(5px, -8px);
|
||||
}
|
||||
|
||||
.services-img {
|
||||
transform: translate(5px, -7px);
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user