Compare commits

..

No commits in common. "25135304f9b1834b2a9647cbca6669de85dcb7a6" and "8eb97f1c3683f7b4fd14e9609a1a0f7697d2e729" have entirely different histories.

8 changed files with 29 additions and 46 deletions

View File

@ -13,9 +13,8 @@
<body>
<header>
<nav>
<div id="hamburger">
<div class="container" onclick="mobilemenu()"><div class="bar1"></div><div class="bar2"></div><div class="bar3"></div></div>
</div>
<a href="javascript:void(0);" onclick="mobilemenu()" class="mobile-menu-open">&#9776;&#xFE0E;</a>
<a href="javascript:void(0);" onclick="mobilemenu()" class="mobile-menu-close">&#x2573;&#xFE0E;</a>
<ul>
<li class="title"><a href="index.html">Ginou</a></li>
<li class="selected"><a href="biographie.html">Biographie</a></li>

View File

@ -20,9 +20,8 @@
<body>
<header>
<nav>
<div id="hamburger">
<div class="container" onclick="mobilemenu()"><div class="bar1"></div><div class="bar2"></div><div class="bar3"></div></div>
</div>
<a href="javascript:void(0);" onclick="mobilemenu()" class="mobile-menu-open">&#9776;&#xFE0E;</a>
<a href="javascript:void(0);" onclick="mobilemenu()" class="mobile-menu-close">&#x2573;&#xFE0E;</a>
<ul>
<li class="title"><a href="index.html">Ginou</a></li>
<li><a href="biographie.html">Biographie</a></li>

View File

@ -13,9 +13,8 @@
<body>
<header>
<nav>
<div id="hamburger">
<div class="container" onclick="mobilemenu()"><div class="bar1"></div><div class="bar2"></div><div class="bar3"></div></div>
</div>
<a href="javascript:void(0);" onclick="mobilemenu()" class="mobile-menu-open">&#9776;&#xFE0E;</a>
<a href="javascript:void(0);" onclick="mobilemenu()" class="mobile-menu-close">&#x2573;&#xFE0E;</a>
<ul>
<li class="title"><a href="index.html">Ginou</a></li>
<li><a href="biographie.html">Biographie</a></li>

View File

@ -18,9 +18,8 @@
<body>
<header>
<nav>
<div id="hamburger">
<div class="container" onclick="mobilemenu()"><div class="bar1"></div><div class="bar2"></div><div class="bar3"></div></div>
</div>
<a href="javascript:void(0);" onclick="mobilemenu()" class="mobile-menu-open">&#9776;&#xFE0E;</a>
<a href="javascript:void(0);" onclick="mobilemenu()" class="mobile-menu-close">&#x2573;&#xFE0E;</a>
<ul>
<li class="title"><a href="index.html">Ginou</a></li>
<li><a href="biographie.html">Biographie</a></li>

View File

@ -13,9 +13,8 @@
<body>
<header>
<nav>
<div id="hamburger">
<div class="container" onclick="mobilemenu()"><div class="bar1"></div><div class="bar2"></div><div class="bar3"></div></div>
</div>
<a href="javascript:void(0);" onclick="mobilemenu()" class="mobile-menu-open">&#9776;&#xFE0E;</a>
<a href="javascript:void(0);" onclick="mobilemenu()" class="mobile-menu-close">&#x2573;&#xFE0E;</a>
<ul>
<li class="title selected"><a href="index.html">Ginou</a></li>
<li><a href="biographie.html">Biographie</a></li>

View File

@ -15,9 +15,8 @@
<body>
<header>
<nav>
<div id="hamburger">
<div class="container" onclick="mobilemenu()"><div class="bar1"></div><div class="bar2"></div><div class="bar3"></div></div>
</div>
<a href="javascript:void(0);" onclick="mobilemenu()" class="mobile-menu-open">&#9776;&#xFE0E;</a>
<a href="javascript:void(0);" onclick="mobilemenu()" class="mobile-menu-close">&#x2573;&#xFE0E;</a>
<ul>
<li class="title"><a href="index.html">Ginou</a></li>
<li><a href="biographie.html">Biographie</a></li>

View File

@ -13,9 +13,8 @@
<body>
<header>
<nav>
<div id="hamburger">
<div class="container" onclick="mobilemenu()"><div class="bar1"></div><div class="bar2"></div><div class="bar3"></div></div>
</div>
<a href="javascript:void(0);" onclick="mobilemenu()" class="mobile-menu-open">&#9776;&#xFE0E;</a>
<a href="javascript:void(0);" onclick="mobilemenu()" class="mobile-menu-close">&#x2573;&#xFE0E;</a>
<ul>
<li class="title"><a href="index.html">Ginou</a></li>
<li><a href="biographie.html">Biographie</a></li>

View File

@ -82,39 +82,29 @@ header nav .mobile-menu-close {
margin-bottom: 0.5rem;
}
header nav #hamburger {
header nav .mobile-menu-open {
display:block;
position:absolute;
right:1rem;
font-size:1.5rem;
position:absolute;
}
header nav #hamburger .container {
display:inline-block;
cursor:pointer;
}
header nav #hamburger .bar1,
header nav #hamburger .bar2,
header nav #hamburger .bar3 {
width:30px;
height:3px;
background-color:#38686A;
margin:6px 0;
transition:0.4s;
header nav.active .mobile-menu-open {
display:none;
}
header nav.active #hamburger .bar1 {
transform:rotate(-45deg) translate(-4px, 6px);
header nav.active .mobile-menu-close {
display:block;
position:absolute;
right:1rem;
font-size:1.5rem;
cursor:pointer;
}
header nav.active #hamburger .bar2 {
opacity:0;
header nav.active .mobile-menu-close span {
}
header nav.active #hamburger .bar3 {
transform:rotate(45deg) translate(-6px, -9.5px);
}
header nav ul li {
display:none;