commit: 21e1473dc96d52a1e258fa10f658717825c450a5
parent 1e88a084579bb62e4792a3cecb4a9cb60ca0d03c
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:
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'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>
