arthur/arthurdanjou.fr
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/arthurdanjou.fr.git synced 2026-01-29 11:20:27 +01:00
Code Issues Packages Projects Releases Wiki Activity

Deploying with CD

Browse Source
This commit is contained in:
Arthur Danjou
2020-06-01 22:43:13 +02:00
parent c7b6e39498
commit 589a4d282b
23 changed files with 205 additions and 86 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
README.md
View File

@@ -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

3
components/about/about.js
View File

@@ -90,11 +90,14 @@ const About = () => {
</li>
</ul>
</div>
{/*TODO change to new CV
<Link href="/resume">
<a className="about-container button">
Mon CV
</a>
</Link>
*/}
<a className="about-container button" href="/assets/CV.pdf" target="_blank">Mon CV</a>
</div>
)
};

4
components/footer/footer.js
View File

@@ -14,10 +14,10 @@ const Footer = () => {
<h2>Retrouvez moi sur</h2>
<div className="social-list">
<a href="https://github.com/ArthurDanjou" target="_blank">
<img src="/assets/github.svg" height={50} alt="GitHub Icon" />
<img src="/assets/social/github.svg" height={50} alt="GitHub Icon" />
</a>
<a href="https://twitter.com/ArthurDanj" target="_blank">
<img src="/assets/twitter.svg" height={50} alt="Twitter Icon" />
<img src="/assets/social/twitter.svg" height={50} alt="Twitter Icon" />
</a>
</div>
</div>

14
components/header/header.js
View File

@@ -39,11 +39,25 @@ const Header = () => {
<a>Mon environnement</a>
</ActiveLink>
</li>
{/*<li>
<ActiveLink href="/services" activeClassName="active">
<a>Mes services</a>
</ActiveLink>
</li>
<li>
<ActiveLink href="/work" activeClassName="active">
<a>Mon travail</a>
</ActiveLink>
</li>
<li>
<ActiveLink href="/resume" activeClassName="active">
<a>Résumé</a>
</ActiveLink>
</li>
TODO uncomment*/}
<li>
<a className="about-container button" href="/assets/CV.pdf" target="_blank">Résumé</a>
</li>
</ul>
</div>
<div className="contact-links">

43
components/home/about.js
View File

@@ -8,27 +8,32 @@ const AboutHome = () => {
Qui suis-je ?
</div>
<div className="about-content">
<div className="content">
<h1>C'est moi !</h1>
<p>
Je m'appelle <span className="color">Arthur DANJOU</span>. J'ai 17 ans, je suis né au <span className="color">Luxembourg</span> et j'habite actuellement à <span className="color">Paris</span>.
<br/>
<br/>
Depuis tout jeune, je suis passionné d'<span className="color">informatique</span>. C'est en 2015 que j'ai commencé à <span className="color">développer</span>.<br/>
C'est en pratiquant chaque jour que je me forme et que j'acquiers de nouvelles <span className="color">compétences</span> au travers de mes différents projets <span className="color">personnels</span> et <span className="color">professionnels</span>.
<br />
<br />
Ayant la <span className="color">volonté</span> d'apprendre, je cherche à découvrir pleins de <span className="color">technologies</span> pour agrandir ma stack et mes <span className="color">connaissances</span>.
<div className="about-left">
<div className="content">
<h1>C'est moi !</h1>
<p>
Je m'appelle <span className="color">Arthur DANJOU</span>. J'ai 17 ans, je suis né au <span className="color">Luxembourg</span> et j'habite actuellement à <span className="color">Paris</span>.
<br/>
<br/>
Depuis tout jeune, je suis passionné d'<span className="color">informatique</span>. C'est en 2015 que j'ai commencé à <span className="color">développer</span>.<br/>
C'est en pratiquant chaque jour que je me forme et que j'acquiers de nouvelles <span className="color">compétences</span> au travers de mes différents projets <span className="color">personnels</span> et <span className="color">professionnels</span>.
<br />
<br />
Ayant la <span className="color">volonté</span> d'apprendre, je cherche à découvrir pleins de <span className="color">technologies</span> pour agrandir ma stack et mes <span className="color">connaissances</span>.
</p>
</div>
<Link href="/about">
<div className="page-button">
<a>
En savoir plus
</a>
</p>
</div>
</Link>
<Link href="/about">
<div className="page-button">
<a>
En savoir plus
</a>
</div>
</Link>
</div>
<div className="about-right">
<img src="/assets/photo.png" alt="Une photo de moi" height={400} />
</div>
</div>
</section>
)

44
pages/resume.js
View File

@@ -109,6 +109,8 @@ const Resume = () => {
<p>
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.
<br/><br/>
<strong>Technologies : </strong> Java, MariaDB, Git, TeamWorking
</p>
</li>
<li>
@@ -124,17 +126,41 @@ const Resume = () => {
</li>
</ul>
</div>
<div className="content-section">
<div className="content-section hobbies">
<h3>Activités & Centres d'intérets</h3>
<ul>
<li>Informatique</li>
<li>Développement🧑</li>
<li>Cuisine</li>
<li>Rugby</li>
<li>Musculation</li>
<li>Moto</li>
<li>Sécurité</li>
<li>Serveurs</li>
<li>
<img src="/assets/resume/compscience.png" alt="Informatique" height={50}/>
Informatique
</li>
<li>
<img src="/assets/resume/dev.png" alt="Developpement" height={50}/>
Développement
</li>
<li>
<img src="/assets/resume/cooking.png" alt="Cuisine" height={50}/>
Cuisine
</li>
<li>
<img src="/assets/resume/rugby.png" alt="Rugby" height={50}/>
Rugby
</li>
<li>
<img src="/assets/resume/fitness.png" alt="Musculation" height={50}/>
Musculation
</li>
<li>
<img src="/assets/resume/motorbike.png" alt="Moto" height={50}/>
Moto
</li>
<li>
<img src="/assets/resume/security.png" alt="Sécurité" height={50}/>
Sécurité
</li>
<li>
<img src="/assets/resume/server.png" alt="Serveurs" height={50}/>
Serveurs
</li>
</ul>
</div>
</div>

20
pages/services.js Normal file
View File

@@ -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 (
<div className="services">
<Head>
<title>Arthur Danjou | Mes services</title>
</Head>
<Header />
Service
<Footer />
</div>
)
}
export default ServicesPage;

27
pages/work.js Normal file
View File

@@ -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 (
<div className="showcase">
<Head>
<title>Arthur Danjou | Mon Travail</title>
</Head>
<Header />
<Template
question="Mes projets"
title="Mon Travail"
description="Ayez un aperçu de mon travail et de mes projets professionnels et personnels."
>
Showcase
</Template>
<Footer />
</div>
)
}
export default WorkPage;

46
public/assets/loading.svg
View File

@@ -1,46 +0,0 @@
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<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 458.186 458.186" style="enable-background:new 0 0 458.186 458.186;" xml:space="preserve">
<g>
<g>
<path d="M445.651,201.95c-1.485-9.308-10.235-15.649-19.543-14.164c-9.308,1.485-15.649,10.235-14.164,19.543
c0.016,0.102,0.033,0.203,0.051,0.304c17.38,102.311-51.47,199.339-153.781,216.719c-102.311,17.38-199.339-51.47-216.719-153.781
S92.966,71.232,195.276,53.852c62.919-10.688,126.962,11.29,170.059,58.361l-75.605,25.19
c-8.944,2.976-13.781,12.638-10.806,21.582c0.001,0.002,0.002,0.005,0.003,0.007c2.976,8.944,12.638,13.781,21.582,10.806
c0.003-0.001,0.005-0.002,0.007-0.002l102.4-34.133c6.972-2.322,11.675-8.847,11.674-16.196v-102.4
C414.59,7.641,406.949,0,397.523,0s-17.067,7.641-17.067,17.067v62.344C292.564-4.185,153.545-0.702,69.949,87.19
s-80.114,226.911,7.779,310.508s226.911,80.114,310.508-7.779C435.905,339.799,457.179,270.152,445.651,201.95z"/>
</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>
Side by Side

Before

Width:  |  Height:  |  Size: 1.3 KiB

BIN
public/assets/resume/compscience.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 19 KiB

BIN
public/assets/resume/cooking.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 42 KiB

BIN
public/assets/resume/dev.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 19 KiB

BIN
public/assets/resume/fitness.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 19 KiB

BIN
public/assets/resume/motorbike.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 32 KiB

BIN
public/assets/resume/rugby.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 43 KiB

BIN
public/assets/resume/security.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 18 KiB

BIN
public/assets/resume/server.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 21 KiB

0
public/assets/email.svg → public/assets/social/email.svg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 699 B

After

Width:  |  Height:  |  Size: 699 B

0
public/assets/github.svg → public/assets/social/github.svg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.9 KiB

After

Width:  |  Height:  |  Size: 2.9 KiB

0
public/assets/twitter.svg → public/assets/social/twitter.svg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.1 KiB

After

Width:  |  Height:  |  Size: 2.1 KiB

4
public/style/components/header.scss
View File

@@ -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;

49
public/style/components/pages/home/about.scss
View File

@@ -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);
}
}

31
public/style/components/pages/resume.scss
View File

@@ -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;
}
}
}
}
}