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

Initial commit 🚀

Browse Source
This commit is contained in:
Arthur Danjou
2020-05-07 22:04:46 +02:00
commit c630b95b1c
36 changed files with 16196 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

83
components/header/header.js Normal file
View File

@@ -0,0 +1,83 @@
import React, {useState} from 'react';
import Link from "next/link";
import "./header.scss";
import ActiveLink from "./activelink/activelink";
const Header = () => {
const [isOpened, setOpened] = useState(false);
const [isActive, setActive] = useState(false);
return (
<header id="header">
<div className={isActive ? "active logo" : "logo"} >
LOGO
</div>
<div className={isOpened ? "opened cross" : "cross"} onClick={() => setOpened(!isOpened)}/>
<div className={isOpened ? "opened menu" : "menu"} >
<div className="menu-top">
<div className="pages-link">
<div className="title">
Mes Pages
</div>
<ul>
<li>
<ActiveLink href="/" activeClassName="active">
<a>Accueil</a>
</ActiveLink>
</li>
<li>
<ActiveLink href="/blog" activeClassName="active">
<a>Mon blog</a>
</ActiveLink>
</li>
<li>
<ActiveLink href="/about" activeClassName="active">
<a>A propos</a>
</ActiveLink>
</li>
<li>
<ActiveLink href="/env" activeClassName="active">
<a>Mon environnement</a>
</ActiveLink>
</li>
</ul>
</div>
<div className="contact-link">
<div className="title">
Les autres
</div>
<ul>
<li>
<Link href="/resume">
<a>Résumé</a>
</Link>
</li>
<li>
<Link href="/cli">
<a>Console</a>
</Link>
</li>
</ul>
</div>
</div>
<div className="menu-bottom">
<ul>
<li>
<a href="mailto:arthurdanjou@outlook.fr" target='_blank'>Mail</a>
</li>
<li>
<a href="https://github.com/ArthurDanjou" target="_blank">Github</a>
</li>
<li>
<a href="https://twitter.com/ArthurDanj" target="_blank">Twitter</a>
</li>
</ul>
</div>
</div>
</header>
)
};
export default Header;