From: opi <opi@no-log.org>
Date: Mon, 15 Jun 2015 19:23:34 +0000 (+0200)
Subject: Responsive home & various fixes.
X-Git-Url: https://nos-oignons.net/gitweb/website.git/commitdiff_plain/3ab477456949864ea8005ee4d6963fa117ec17ae?ds=sidebyside

Responsive home & various fixes.
---

diff --git a/Services.mdwn b/Services.mdwn
index 9d59bd4..884102a 100644
--- a/Services.mdwn
+++ b/Services.mdwn
@@ -35,7 +35,7 @@ Relais
 
 Nos oignons fait actuellement fonctionner les relais Tor suivants :
 
-<table>
+<table class="tor-nodes">
   <thead>
     <tr>
       <th>Emplacement</th>
diff --git a/assets/home.css b/assets/home.css
index a694deb..8f339bb 100644
--- a/assets/home.css
+++ b/assets/home.css
@@ -1,43 +1,15 @@
-.pageheader {
-	position: absolute;
-	top: 0;
-	height: 0;
-	background: none;
-	box-shadow: none;
-}
-
-.pageheader .title {
-	display: none;
-}
 
-#pagebody {
-	padding: 0.1em 2em;
+#logo {
+	width: auto;
+	height: 200px;
+	background: url(home-logo.png) no-repeat -490px center;
 }
+.body-wrapper > header {background: none;}
 
-.sidebar {
-	border-top: none;
-	padding-top: 31px; /* need to add 1px normaly used by the sidebar */
-}
-
-#content {
-	margin-top: 188px; /* same as #logo-home:height */
-	padding-top: 0;
-}
+h1.title {display: none;}
 
-/* {{{ #logo-home */
-#logo-container {
-	position: absolute;
-	top: 0;
-	left: -11.44em; /* same as .sidebar: width */
-	width: 54em;
-}
-
-#logo-home {
-	background: url(home-logo.png) no-repeat 100% 0;
-	height: 188px;
-}
-
-#logo-home-subtext-fr, #logo-home-subtext-en {
+#logo-home-subtext-fr,
+#logo-home-subtext-en {
 	font-size: 160%;
 	line-height: 1em;
 	text-align: right;
@@ -48,7 +20,8 @@
 #logo-home-subtext-en {
 }
 
-#logo-home-subtext-fr a , #logo-home-subtext-en a {
+#logo-home-subtext-fr a ,
+#logo-home-subtext-en a {
 	display: block;
 	font-weight: bold;
 	text-decoration: none;
diff --git a/index.mdwn b/index.mdwn
index d9756ae..6f94cf1 100644
--- a/index.mdwn
+++ b/index.mdwn
@@ -1,5 +1,9 @@
 [[!meta title="Nos oignons : nœuds de sortie Tor financés par la communauté"]]
+[[!meta stylesheet="assets/home" rel="stylesheet"]]
 
+<div id="logo-container">
+  <div id="logo-home"></div>
+</div>
 <div id="logo-subtexts">
   <div id="logo-home-subtext-fr">Nœuds de sortie Tor financés par la communauté. [[En savoir plus…|À_propos]]</div>
   <div id="logo-home-subtext-en">Tor exit nodes funded by the community. [[Learn more…|À_propos.en]]</div>
diff --git a/local.css b/local.css
index a65de0f..df8babb 100644
--- a/local.css
+++ b/local.css
@@ -77,13 +77,14 @@ thead td {
 .body-wrapper {
 	max-width: 70em;
 	margin: 0 auto 0 auto;
-	box-shadow: 0 0 0.6em 0 #333366;
-       background: white;
+	box-shadow: 0 0 0.2em 0 #333366;
+  background: white;
 }
 @media screen and (min-width: 45em) {
   .menu,
   .main {
     display: table-cell;
+    vertical-align: top;
   }
   .menu {
     width: 20%;
@@ -258,8 +259,11 @@ main h1 {
 	color: #ffa430;
 	/*text-shadow: 2px 2px 1px #444;*/
 }
+main h1.title {margin-top: 0.5em;}
 
-main h2,
+main h2 {
+  color: #ffa430
+}
 main h3 {
   color: #57075F;
 }
@@ -363,6 +367,16 @@ main .footnotes {
   text-align: center;
 }
 
+#bandwidth {text-align: center;}
+#bandwidth svg {text-align: left;}
+
+/* Tor nodes table */
+.tor-nodes {}
+.tor-nodes th {
+  text-align: left;
+}
+
+
 /* Paypal donation forms */
 .paypal-donation {
 	display: inline-block;
@@ -631,11 +645,11 @@ main .footnotes {
 		display: inline;
 	}
 
-	main h1 {
-		color: #111;
-		text-shadow: none;
-		border-bottom: solid #ccc 1px;
-	}
+  main h1 {
+    color: #111;
+    text-shadow: none;
+    border-bottom: solid #ccc 1px;
+  }
 
 	main a:link:after,
 	main a:visited:after {