Responsive home & various fixes.

diff --git a/Services.mdwn b/Services.mdwn
index 9d59bd47634ba7b98169d8cccfd60bc84511c3f9..884102aa11cc180c6e866fff81c54ec7f329a4c9 100644 (file)
--- 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 a694deb84b84c06aeabe8c5a26d93dcfd0caa634..8f339bbb2d291652050987abc3f173aed09a7b3f 100644 (file)
--- 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 d9756aecd2deeaf909feb39d02a5aece68a2e80d..6f94cf128fddf473e3427464b43b8f3850ea2b3d 100644 (file)
--- 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 a65de0f7179e450cab535f942829d391ced4b552..df8babbc357e806ce62d8336e944256ea12b505c 100644 (file)
--- 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 {