diff --git a/COPYING b/COPYING old mode 100644 new mode 100755 diff --git a/agreugreu.css b/agreugreu.css old mode 100644 new mode 100755 index 2d43003..7d389bf --- a/agreugreu.css +++ b/agreugreu.css @@ -1,57 +1,154 @@ + +:root{ + --white: #f9f9f9; + --black: #36383F; + --gray: #85888C; +} /* variables*/ + +/* Reset */ +*{ + box-sizing: border-box; +} +a{ + text-decoration: none; +} + +nav ul{ + list-style: none; +} +/* Header */ +.header{ + background-color: var(--black); + box-shadow: 1px 1px 5px 0px var(--gray); + position: sticky; + width: 100%; +} +/* Logo */ +.logo{ + display: inline-block; + color: #8ae717; + font-size: 60px; + margin-left: 10px; + padding-bottom: 10px; +} + +/* Nav menu */ +.nav{ + width: 100%; + height: 100%; + background-color: var(black); + overflow: hidden; + font-family: verdaina; +} +.menu a{ + display: block; + padding: 15px; + margin-right: 30px; + text-align: center; + color: powderblue; +} +.menu a:hover{ + background-color: var(--gray); +} +.nav{ + max-height: 0; + transition: max-height .5s ease-out; +} + +/* Menu Icon */ +.hamb{ + cursor: pointer; + float: right; + padding: 40px 20px; +}/* Style label tag */ + +.hamb-line { + background: var(--white); + display: block; + height: 2px; + position: relative; + width: 24px; + +} /* Style span tag */ + +.hamb-line::before, .hamb-line::after{ + background: var(--white); + content: ''; + display: block; + height: 100%; + position: absolute; + transition: all .2s ease-out; + width: 100%; +} +.hamb-line::before{ + top: 5px; +} +.hamb-line::after{ + top: -5px; +} + +.side-menu { + display: none; +} /* Hide checkbox */ + +/* Toggle menu icon */ +.side-menu:checked ~ nav{ + max-height: 100%; + background-color: var(--black); +} +.side-menu:checked ~ .hamb .hamb-line { + background: transparent; +} +.side-menu:checked ~ .hamb .hamb-line::before { + transform: rotate(-45deg); + top:0; +} +.side-menu:checked ~ .hamb .hamb-line::after { + transform: rotate(45deg); + top:0; +} + +/* Responsiveness */ +@media (min-width: 1190px) { + .nav{ + max-height: none; + top: 0; + position: relative; + float: right; + width: fit-content; + background-color: transparent; + transition: 0.6s; + } + .menu li{ + float: left; + } + .menu a:hover{ + background-color: transparent; + color: var(--gray); + } + .hamb{ + display: none; + } +} + + + body { - margin-top: 50px; background-color: #1c1e20; color: #cdcdcd; font-family: arial; } -nav { - position: fixed; - top: 0; - left: 0; - width: 100%; - font-family: verdana; -} - -nav ul { - margin: 0; - padding: 0; - overflow: hidden; - list-style: none; - box-sizing: content-box; -} - -nav li { - float: left; - width: 20%; - box-sizing: border-box; - border: 5px solid #4D4D4D; - border-right: none; - background-color: #290e05; -} - -nav li a { - display: block; - text-decoration: none; - text-align: center; - font-weight: bold; - font-size: 15px; - color: powderblue; -} - -nav li a:hover { - background-color: coral; -} - -h1 { - color: #8ae717; -} - -h2, -h3 { +h2,h3 { + margin: 30px; color: #ffc38a; } +h2.terminal{ + +} + + .code { background-color: #4D4D4D } @@ -61,10 +158,9 @@ a.external { } footer { - padding: 3px; - border: skyblue; - border-style: solid double none; - text-align: center; + padding: 3px; + border: skyblue; + border-style: solid double none; + text-align: center; } - diff --git a/favicon.ico b/favicon.ico old mode 100644 new mode 100755 diff --git a/index.html b/index.html old mode 100644 new mode 100755 index 8ca2489..d5090a9 --- a/index.html +++ b/index.html @@ -27,191 +27,91 @@ - + - + - - -

Agreugreu

+

Terminal

+

Raccourcis clavier

+

Commandes utiles

@@ -260,7 +160,7 @@ - - Daikyri#9751 + - Thelucri#9751 =/\ /\= / \'._ (\_/) _.'/ \ @@ -280,277 +180,120 @@

Vim

Git

Fun commands

scripting

Autre