diff --git a/README.md b/README.md index d7a30f0..d2d6b3e 100644 --- a/README.md +++ b/README.md @@ -9,6 +9,12 @@ - Showcase a faire quand le site est en ligne - Service (Dev, conseil) +--- +#ShowCase +- Nom du client +- Ce que j'ai fait +- Illustration + ### Autres - Effet style avec l'hover - Day/Night \ No newline at end of file diff --git a/components/about/about.js b/components/about/about.js index 1f2e2bc..6eb350b 100644 --- a/components/about/about.js +++ b/components/about/about.js @@ -90,11 +90,14 @@ const About = () => { + {/*TODO change to new CV Mon CV + */} + Mon CV ) }; diff --git a/components/footer/footer.js b/components/footer/footer.js index f4b9abb..de233d1 100644 --- a/components/footer/footer.js +++ b/components/footer/footer.js @@ -14,10 +14,10 @@ const Footer = () => {

Retrouvez moi sur

- GitHub Icon + GitHub Icon - Twitter Icon + Twitter Icon
diff --git a/components/header/header.js b/components/header/header.js index 34cb090..a105c99 100644 --- a/components/header/header.js +++ b/components/header/header.js @@ -39,11 +39,25 @@ const Header = () => { Mon environnement + {/*
  • + + Mes services + +
    • +
  • + + Mon travail + +
  • Résumé
    • + TODO uncomment*/} +
  • + Résumé +
    • diff --git a/components/home/about.js b/components/home/about.js index e452833..37f630a 100644 --- a/components/home/about.js +++ b/components/home/about.js @@ -8,27 +8,32 @@ const AboutHome = () => { Qui suis-je ?
    -
    -

    C'est moi !

    -

    - Je m'appelle Arthur DANJOU. J'ai 17 ans, je suis né au Luxembourg et j'habite actuellement à Paris. -
    -
    - Depuis tout jeune, je suis passionné d'informatique. C'est en 2015 que j'ai commencé à développer.
    - C'est en pratiquant chaque jour que je me forme et que j'acquiers de nouvelles compétences au travers de mes différents projets personnels et professionnels. -
    -
    - Ayant la volonté d'apprendre, je cherche à découvrir pleins de technologies pour agrandir ma stack et mes connaissances. +

    +
    +

    C'est moi !

    +

    + Je m'appelle Arthur DANJOU. J'ai 17 ans, je suis né au Luxembourg et j'habite actuellement à Paris. +
    +
    + Depuis tout jeune, je suis passionné d'informatique. C'est en 2015 que j'ai commencé à développer.
    + C'est en pratiquant chaque jour que je me forme et que j'acquiers de nouvelles compétences au travers de mes différents projets personnels et professionnels. +
    +
    + Ayant la volonté d'apprendre, je cherche à découvrir pleins de technologies pour agrandir ma stack et mes connaissances. -

    -
    - -
    - - En savoir plus - +

    - + +
    + + En savoir plus + +
    + +
    +
    + Une photo de moi +
    ) diff --git a/pages/resume.js b/pages/resume.js index 302e7e2..b35ebe7 100644 --- a/pages/resume.js +++ b/pages/resume.js @@ -109,6 +109,8 @@ const Resume = () => {

    Développement et réalisation de projets Back-End et Front-End réalisés par l’équipe GamePlay – Maintien et mise à jour des projets en production. +

    + Technologies : Java, MariaDB, Git, TeamWorking

  • @@ -124,17 +126,41 @@ const Resume = () => {
    • -
    +

    Activités & Centres d'intérets

    diff --git a/pages/services.js b/pages/services.js new file mode 100644 index 0000000..9bedab0 --- /dev/null +++ b/pages/services.js @@ -0,0 +1,20 @@ +import React from "react"; +import "../public/style/style.scss"; +import Head from "next/head"; +import Header from "../components/header/header"; +import Footer from "../components/footer/footer"; + +const ServicesPage = () => { + return ( +
    + + Arthur Danjou | Mes services + +
    + Service +
    + ) +} + +export default ServicesPage; \ No newline at end of file diff --git a/pages/work.js b/pages/work.js new file mode 100644 index 0000000..0b316dc --- /dev/null +++ b/pages/work.js @@ -0,0 +1,27 @@ +import React from "react"; +import "../public/style/style.scss"; +import Head from "next/head"; +import Header from "../components/header/header"; +import Footer from "../components/footer/footer"; +import Template from "../components/template/template"; + +const WorkPage = () => { + return ( +
    + + Arthur Danjou | Mon Travail + +
    + +
    + ) +} + +export default WorkPage; \ No newline at end of file diff --git a/public/assets/loading.svg b/public/assets/loading.svg deleted file mode 100644 index b826f9f..0000000 --- a/public/assets/loading.svg +++ /dev/null @@ -1,46 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/public/assets/resume/compscience.png b/public/assets/resume/compscience.png new file mode 100644 index 0000000..3809c3e Binary files /dev/null and b/public/assets/resume/compscience.png differ diff --git a/public/assets/resume/cooking.png b/public/assets/resume/cooking.png new file mode 100644 index 0000000..4f45509 Binary files /dev/null and b/public/assets/resume/cooking.png differ diff --git a/public/assets/resume/dev.png b/public/assets/resume/dev.png new file mode 100644 index 0000000..87b4bde Binary files /dev/null and b/public/assets/resume/dev.png differ diff --git a/public/assets/resume/fitness.png b/public/assets/resume/fitness.png new file mode 100644 index 0000000..1a8c439 Binary files /dev/null and b/public/assets/resume/fitness.png differ diff --git a/public/assets/resume/motorbike.png b/public/assets/resume/motorbike.png new file mode 100644 index 0000000..6a60695 Binary files /dev/null and b/public/assets/resume/motorbike.png differ diff --git a/public/assets/resume/rugby.png b/public/assets/resume/rugby.png new file mode 100644 index 0000000..f9d944d Binary files /dev/null and b/public/assets/resume/rugby.png differ diff --git a/public/assets/resume/security.png b/public/assets/resume/security.png new file mode 100644 index 0000000..8c7edd0 Binary files /dev/null and b/public/assets/resume/security.png differ diff --git a/public/assets/resume/server.png b/public/assets/resume/server.png new file mode 100644 index 0000000..000b2b2 Binary files /dev/null and b/public/assets/resume/server.png differ diff --git a/public/assets/email.svg b/public/assets/social/email.svg similarity index 100% rename from public/assets/email.svg rename to public/assets/social/email.svg diff --git a/public/assets/github.svg b/public/assets/social/github.svg similarity index 100% rename from public/assets/github.svg rename to public/assets/social/github.svg diff --git a/public/assets/twitter.svg b/public/assets/social/twitter.svg similarity index 100% rename from public/assets/twitter.svg rename to public/assets/social/twitter.svg diff --git a/public/style/components/header.scss b/public/style/components/header.scss index 9993c05..a23a965 100644 --- a/public/style/components/header.scss +++ b/public/style/components/header.scss @@ -155,7 +155,7 @@ $hover-color: rgba(205, 205, 205, 0.3); .contact-links { margin-top: 50px; - transition: transform .5s; + transition: transform .8s; transform: translateY(80px); border-top: solid 1px $white; @@ -173,7 +173,7 @@ $hover-color: rgba(205, 205, 205, 0.3); &.opened { z-index: 99; - height: 375px; + height: 375px; //TODO change into 450px width: 350px; color: $white; background-color: $menu-background; diff --git a/public/style/components/pages/home/about.scss b/public/style/components/pages/home/about.scss index 217f142..78685bc 100644 --- a/public/style/components/pages/home/about.scss +++ b/public/style/components/pages/home/about.scss @@ -18,19 +18,40 @@ display: flex; justify-content: center; align-content: center; - flex-direction: column; text-align: center; + @media screen and (max-width: 700px) { + flex-direction: column-reverse; + } + + .about-left, .about-right { + width: 40%; + + @media screen and (max-width: 700px) { + width: 100%; + } + } + + .about-left { + display: flex; + flex-direction: column; + align-self: center; + justify-content: center; + } + + .about-right img { + animation: imgAnimation infinite 8s; + + @media screen and (max-width: 700px) { + animation: none; + margin-bottom: 10px; + } + } + .content { display: flex; flex-direction: column; justify-content: center; - align-self: center; - width: 60%; - - @media screen and (max-width: 700px) { - width: 95%; - } h1 { font-size: $web-h1; @@ -38,11 +59,11 @@ margin-bottom: 30px; @media screen and (max-width: 700px) { - margin-bottom: 30px; font-size: $mobile-h1; } } + p { color: $grey; font-size: $web-p; @@ -81,4 +102,16 @@ } } } +} + +@keyframes imgAnimation { + 0% { + transform: translateY(0px); + } + 50% { + transform: translateY(-20px); + } + 100% { + transform: translateY(0px); + } } \ No newline at end of file diff --git a/public/style/components/pages/resume.scss b/public/style/components/pages/resume.scss index fb60499..a9c64e4 100644 --- a/public/style/components/pages/resume.scss +++ b/public/style/components/pages/resume.scss @@ -1,5 +1,6 @@ $name: 5rem; $title: 1.6rem; +$subtitle: 1.3rem; $orange: #ffcda1; #resume { @@ -98,6 +99,36 @@ $orange: #ffcda1; color: $cyan-color; font-size: $title; } + + ul { + list-style: none; + + li { + padding: 20px 0; + h4 { + font-size: $subtitle; + } + + p { + + } + } + } + } + + .hobbies ul { + display: flex; + + li { + display: flex; + flex-direction: column; + padding: 15px; + + img { + height: 50px; + width: auto; + } + } } } }