logo

blog

Unnamed repository; edit this file 'description' to name the repository.
commit 35a7f09551d3ca8c0379b35aa15c76ace169fe75
parent 8c5ec6f757a8c1c8d81d60f432718d768d78a1de
Author: Haelwenn (lanodan) Monnier <contact@hacktivis.me>
Date:   Tue, 22 Mar 2016 12:26:54 +0000

Changed colors to solarized dark and make better menus

Diffstat:
css/index.css | 28++++++++++++++--------------
templates/en/nav.shtml | 10++++++----
templates/fr/nav.shtml | 9+++++----
3 files changed, 25 insertions(+), 22 deletions(-)

diff --git a/css/index.css b/css/index.css @@ -6,13 +6,18 @@ #art, header { text-align: center; } .warn { background-color: rgba(255, 60, 0, 0.2); - border-bottom: 0.125em solid #FF3C00; + border-bottom: 0.125em solid #dc322f; } html, body { + background-color: #002b36; + color: #839496; margin: 0; padding: 0; font-family: sans; } +a { + color: #268bd2; +} h1, h2, h3, h4, h5, h6 { font-family: serif; } pre { white-space: pre-wrap; } article, #content, main { @@ -20,8 +25,7 @@ article, #content, main { padding: 0.5rem; } article { - border-radius: 0.5rem; - box-shadow: 0 0 0.5rem 0; + border: 2pt solid #657b83; } code { display: inline-table; @@ -43,9 +47,9 @@ blockquote { padding-left: 0.5em; } nav, footer { - background-color: #B80000; - background-image: linear-gradient(0deg, #900, #D00); - color: #222222; + background-color: #073642; +// background-image: linear-gradient(0deg, #db3038, #dc3025); + color: #586e75; } /* navbar */ nav { @@ -57,11 +61,12 @@ nav * { margin: 0; padding: 0; } -nav a { +nav a, nav .menu span { color: inherit; display: block; padding: 0.5em; } +nav .menu span::after { content: "↯"; } nav ul { display: inline-block; list-style: none; @@ -71,17 +76,12 @@ nav ul li { transition: 0.5s; } nav li:hover { - background-color: #AB0000; - background-image: linear-gradient(0deg, #800000, #C40000); -} -nav li:hover:active { - background-color: #910000; - background-image: linear-gradient(0deg, #660000, #AB0000); + background-color: #dc322f; + background-image: linear-gradient(0deg, #db3038, #dc3025); } nav ul li:hover > ul {display: block;} nav ul ul { background: #900; - box-shadow: 0.25em 0.25em 0.75em 0; display: none; position: absolute; } diff --git a/templates/en/nav.shtml b/templates/en/nav.shtml @@ -1,17 +1,19 @@ <nav> <ul class="menus"> <li><a href="/home">Home</a></li> - <li><a href="/about">About</a><ul> + <li class="menu"><span>Myself</span><ul> + <li><a href="/about">About</a></li> <li><a href="librism">Désintox’ / FOSS activism</a></li> <li><a href="animelist">Anime List</a></li> </ul></li> - <li>Articles<ul> + <li class="menu"><span>Articles</span><ul> <li><a href="/articles/Mozilla%20is%20Broken">Mozilla is Broken</a></li> <li><a href="/articles/systemd-eated-su">Lennart Poettering merged “su” command replacement into systemd: Test Drive on Fedora Rawhide</a></li> </ul></li> </li> - <li>Pages<ul> + <li class="menu"><span>Pages</span><ul> <li><a href="/abgilpqt+">ABGILPQT+</a></li> + <li><a href="/coding style">coding style</a></li> </ul></li> </ul><ul class="right"> <!--#if expr="${transPageUrl}" --> <li><a href="<!--#echo var="transPageUrl" -->">Français</a></li><!--#endif --> @@ -20,5 +22,5 @@ </ul> </nav> <header> - <img src="/images/support_lqdn_728_en.gif" title="Support La Quadrature Du Net" alt="Support La Quadrature Du Net"/> + <a href="//laquadrature.net/en"><img src="/images/support_lqdn_728_en.gif" title="Support La Quadrature Du Net" alt="Support La Quadrature Du Net"/></a> </header> diff --git a/templates/fr/nav.shtml b/templates/fr/nav.shtml @@ -1,18 +1,19 @@ <nav> <ul class="menus"> <li><a href="/accueil">Accueil</a></li> - <li><a href="/%C3%A0%20propos">À propos</a><ul> + <li class="menu"><span>Perso’</span><ul> + <li><a href="/%C3%A0%20propos">À propos</a> <li><a href="librisme">Désintox’ / Engagement libriste</a></li> <li><a href="animelist">Anime List(en)</a></li> </ul></li> - <li>Articles<ul> + <li class="menu"><span>Articles</span><ul> <li><a href="/articles/R%C3%A9action%20%C3%A0%20la%20%C2%AB%C2%A0Politique%20d%E2%80%99utilisation%20des%20donn%C3%A9es%C2%A0%C2%BB%20de%20change.org">Réaction à la « Politique d’utilisation des données » de change.org</a></li> <li><a href="/articles/%C2%AB%C2%A0Democrate%28ch%7Cd%29%C2%A0%C2%BB">« Democrate(ch|d) »</a></li> <li><a href="/articles/R%C3%A9ponse%20%C3%A0%20%C2%AB%C2%A0Mise%20en%20place%20d%E2%80%99un%20firewall%20sous%20debian%C2%A0%C2%BB">Réponse à « Mise en place d’un firewall sous debian »</a></li> <li><a href="/articles/Pourquoi%20je%20n&#39;utiliserais%20pas%20ghostery">Pourquoi je n'utiliserais pas ghostery</a></li> <li><a href="/articles/Légifrance%20ne%20respecte%20pas%20ses%20propres%20Délibérations">Légifrance ne respecte pas ses propres Délibérations</a></li> </ul></li> - <li>Pages diverses<ul> + <li class="menu"><span>Pages diverses</span><ul> <li><a href="/bitoduc">Bitudoc (termes info’ en français)</a></li> <li><a href="/antisèche-nginx">Antisèche nginx</a></li> </ul></li> @@ -24,5 +25,5 @@ </ul> </nav> <header> - <img src="/images/support_lqdn_728_fr.gif" alt="Soutenons La Quadrature Du Net" title="Soutenons La Quadrature Du Net"/> + <a href="//laquadrature.net/fr"><img src="/images/support_lqdn_728_fr.gif" alt="Soutenons La Quadrature Du Net" title="Soutenons La Quadrature Du Net"/></a> </header>