Browse Source

more responsiveness

thezero 4 years ago
parent
commit
7dba3c03da

+ 1 - 1
_config.yml

@@ -1,6 +1,6 @@
 # Site settings
 title: "Tropea"
-baseurl: ""
+baseurl: "/tropea_test-15122019"
 url: "https://tropea.org"
 domain: "tropea.org"
 twitter: "tropeaitalia"

+ 30 - 14
_layouts/default.html

@@ -11,31 +11,47 @@
     <meta property="og:url" content="{{ site.url }}" />
     <meta property="og:site_name" content="{{ site.domain }}" />
 
-    <link rel="stylesheet" href="/css/style.css">
+    <link rel="stylesheet" href="{{ site.baseurl }}/css/style.css">
     <meta name="viewport" content="width=device-width">
   </head>
   <body>
     <div class="wrapper">
       <aside>
         <header>
-          <h1><a href="/"><img class="logo" src="/imgs/logo.svg"/></a></h1>
-          <p><a href="/associazione">L'Associazione</a></p>
-          <p><a href="/partecipa">Partecipa! / Dona</a></p>
-          <p><a href="/fleet">Servers</a></p>
-          <p><a href="/tor-exit-notice">"Questo e' un Exit Node"</a></p>
-          <p><a href="/archivio">Comunicati</a></p>
-          <p><a href="/wiki">Wiki</a></p>
-          <p>&nbsp;</p>
-          <p class="view"><a href="{{ site.mastodon }}">Mastodon</a> - <a href="https://twitter.com/{{ site.twitter }}">Twitter</a></p>
+          <h1 class="logo"><a href="{{ site.baseurl }}/"><img class="logo" src="{{ site.baseurl }}/imgs/logo.svg"/></a></h1>
+          <div class="site-nav">
+            <a href="#" class="menu-icon">
+              <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+                 viewBox="0 0 18 15" enable-background="new 0 0 18 15" xml:space="preserve">
+                <path fill="#505050" d="M18,1.484c0,0.82-0.665,1.484-1.484,1.484H1.484C0.665,2.969,0,2.304,0,1.484l0,0C0,0.665,0.665,0,1.484,0
+                  h15.031C17.335,0,18,0.665,18,1.484L18,1.484z"/>
+                <path fill="#505050" d="M18,7.516C18,8.335,17.335,9,16.516,9H1.484C0.665,9,0,8.335,0,7.516l0,0c0-0.82,0.665-1.484,1.484-1.484
+                  h15.031C17.335,6.031,18,6.696,18,7.516L18,7.516z"/>
+                <path fill="#505050" d="M18,13.516C18,14.335,17.335,15,16.516,15H1.484C0.665,15,0,14.335,0,13.516l0,0
+                  c0-0.82,0.665-1.484,1.484-1.484h15.031C17.335,12.031,18,12.696,18,13.516L18,13.516z"/>
+              </svg>
+            </a>
+            <div class="trigger">
+              <p class="page-link"><a href="{{ site.baseurl }}/associazione">L'Associazione</a></p>
+              <p class="page-link"><a href="{{ site.baseurl }}/partecipa">Partecipa! / Dona</a></p>
+              <p class="page-link"><a href="{{ site.baseurl }}/fleet">Servers</a></p>
+              <p class="page-link"><a href="{{ site.baseurl }}/tor-exit-notice">"Questo e' un Exit Node"</a></p>
+              <p class="page-link"><a href="{{ site.baseurl }}/archivio">Comunicati</a></p>
+              <p class="page-link"><a href="{{ site.baseurl }}/wiki">Wiki</a></p>
+            </div>
+          </div>
         </header>
-        <footer>        
-          <p><small>{{ site.time | date: "%Y" }} Tropea Italia<br/><br/>
-            <em>Tropea Italia</em> non e' affiliata con il progetto <i>Tor</i>.<br/><i>Tor</i> e il logo <i>Onion</i> sono marchi registrati di <i>The Tor Project, Inc</i>.</small></p>
-        </footer>
       </aside>
       <section>
         {{ content }}
       </section>
+      <aside class="bottom">
+        <footer>
+          <p class="view"><a href="{{ site.mastodon }}">Mastodon</a> - <a href="https://twitter.com/{{ site.twitter }}">Twitter</a></p>
+          <p><small>{{ site.time | date: "%Y" }} Tropea Italia<br/><br/>
+            <em>Tropea Italia</em> non e' affiliata con il progetto <i>Tor</i>.<br/><i>Tor</i> e il logo <i>Onion</i> sono marchi registrati di <i>The Tor Project, Inc</i>.</small></p>
+        </footer>
+      </aside>
     </div>
   </body>
 </html>

+ 31 - 15
_site/archivio/index.html

@@ -11,27 +11,36 @@
     <meta property="og:url" content="https://tropea.org" />
     <meta property="og:site_name" content="tropea.org" />
 
-    <link rel="stylesheet" href="/css/style.css">
+    <link rel="stylesheet" href="/tropea_test-15122019/css/style.css">
     <meta name="viewport" content="width=device-width">
   </head>
   <body>
     <div class="wrapper">
       <aside>
         <header>
-          <h1><a href="/"><img class="logo" src="/imgs/logo.svg"/></a></h1>
-          <p><a href="/associazione">L'Associazione</a></p>
-          <p><a href="/partecipa">Partecipa! / Dona</a></p>
-          <p><a href="/fleet">Servers</a></p>
-          <p><a href="/tor-exit-notice">"Questo e' un Exit Node"</a></p>
-          <p><a href="/archivio">Comunicati</a></p>
-          <p><a href="/wiki">Wiki</a></p>
-          <p>&nbsp;</p>
-          <p class="view"><a href="https://mastodon.cisti.org/@tropea">Mastodon</a> - <a href="https://twitter.com/tropeaitalia">Twitter</a></p>
+          <h1 class="logo"><a href="/tropea_test-15122019/"><img class="logo" src="/tropea_test-15122019/imgs/logo.svg"/></a></h1>
+          <div class="site-nav">
+            <a href="#" class="menu-icon">
+              <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+                 viewBox="0 0 18 15" enable-background="new 0 0 18 15" xml:space="preserve">
+                <path fill="#505050" d="M18,1.484c0,0.82-0.665,1.484-1.484,1.484H1.484C0.665,2.969,0,2.304,0,1.484l0,0C0,0.665,0.665,0,1.484,0
+                  h15.031C17.335,0,18,0.665,18,1.484L18,1.484z"/>
+                <path fill="#505050" d="M18,7.516C18,8.335,17.335,9,16.516,9H1.484C0.665,9,0,8.335,0,7.516l0,0c0-0.82,0.665-1.484,1.484-1.484
+                  h15.031C17.335,6.031,18,6.696,18,7.516L18,7.516z"/>
+                <path fill="#505050" d="M18,13.516C18,14.335,17.335,15,16.516,15H1.484C0.665,15,0,14.335,0,13.516l0,0
+                  c0-0.82,0.665-1.484,1.484-1.484h15.031C17.335,12.031,18,12.696,18,13.516L18,13.516z"/>
+              </svg>
+            </a>
+            <div class="trigger">
+              <p class="page-link"><a href="/tropea_test-15122019/associazione">L'Associazione</a></p>
+              <p class="page-link"><a href="/tropea_test-15122019/partecipa">Partecipa! / Dona</a></p>
+              <p class="page-link"><a href="/tropea_test-15122019/fleet">Servers</a></p>
+              <p class="page-link"><a href="/tropea_test-15122019/tor-exit-notice">"Questo e' un Exit Node"</a></p>
+              <p class="page-link"><a href="/tropea_test-15122019/archivio">Comunicati</a></p>
+              <p class="page-link"><a href="/tropea_test-15122019/wiki">Wiki</a></p>
+            </div>
+          </div>
         </header>
-        <footer>        
-          <p><small>2019 Tropea Italia<br/><br/>
-            <em>Tropea Italia</em> non e' affiliata con il progetto <i>Tor</i>.<br/><i>Tor</i> e il logo <i>Onion</i> sono marchi registrati di <i>The Tor Project, Inc</i>.</small></p>
-        </footer>
       </aside>
       <section>
         <div class="archive">
@@ -39,7 +48,7 @@
   <ul class="post-list">
     
       <li class="post-meta">
-        <a href="/blog/2019/07/welcome/">Parte Tropea Italia</a>
+        <a href="/tropea_test-15122019/blog/2019/07/welcome/">Parte Tropea Italia</a>
         <span class="post-date">Jul 6, 2019</span>
       </li>
     
@@ -47,6 +56,13 @@
 </div>
 
       </section>
+      <aside class="bottom">
+        <footer>
+          <p class="view"><a href="https://mastodon.cisti.org/@tropea">Mastodon</a> - <a href="https://twitter.com/tropeaitalia">Twitter</a></p>
+          <p><small>2019 Tropea Italia<br/><br/>
+            <em>Tropea Italia</em> non e' affiliata con il progetto <i>Tor</i>.<br/><i>Tor</i> e il logo <i>Onion</i> sono marchi registrati di <i>The Tor Project, Inc</i>.</small></p>
+        </footer>
+      </aside>
     </div>
   </body>
 </html>

+ 32 - 16
_site/associazione/index.html

@@ -11,27 +11,36 @@
     <meta property="og:url" content="https://tropea.org" />
     <meta property="og:site_name" content="tropea.org" />
 
-    <link rel="stylesheet" href="/css/style.css">
+    <link rel="stylesheet" href="/tropea_test-15122019/css/style.css">
     <meta name="viewport" content="width=device-width">
   </head>
   <body>
     <div class="wrapper">
       <aside>
         <header>
-          <h1><a href="/"><img class="logo" src="/imgs/logo.svg"/></a></h1>
-          <p><a href="/associazione">L'Associazione</a></p>
-          <p><a href="/partecipa">Partecipa! / Dona</a></p>
-          <p><a href="/fleet">Servers</a></p>
-          <p><a href="/tor-exit-notice">"Questo e' un Exit Node"</a></p>
-          <p><a href="/archivio">Comunicati</a></p>
-          <p><a href="/wiki">Wiki</a></p>
-          <p>&nbsp;</p>
-          <p class="view"><a href="https://mastodon.cisti.org/@tropea">Mastodon</a> - <a href="https://twitter.com/tropeaitalia">Twitter</a></p>
+          <h1 class="logo"><a href="/tropea_test-15122019/"><img class="logo" src="/tropea_test-15122019/imgs/logo.svg"/></a></h1>
+          <div class="site-nav">
+            <a href="#" class="menu-icon">
+              <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+                 viewBox="0 0 18 15" enable-background="new 0 0 18 15" xml:space="preserve">
+                <path fill="#505050" d="M18,1.484c0,0.82-0.665,1.484-1.484,1.484H1.484C0.665,2.969,0,2.304,0,1.484l0,0C0,0.665,0.665,0,1.484,0
+                  h15.031C17.335,0,18,0.665,18,1.484L18,1.484z"/>
+                <path fill="#505050" d="M18,7.516C18,8.335,17.335,9,16.516,9H1.484C0.665,9,0,8.335,0,7.516l0,0c0-0.82,0.665-1.484,1.484-1.484
+                  h15.031C17.335,6.031,18,6.696,18,7.516L18,7.516z"/>
+                <path fill="#505050" d="M18,13.516C18,14.335,17.335,15,16.516,15H1.484C0.665,15,0,14.335,0,13.516l0,0
+                  c0-0.82,0.665-1.484,1.484-1.484h15.031C17.335,12.031,18,12.696,18,13.516L18,13.516z"/>
+              </svg>
+            </a>
+            <div class="trigger">
+              <p class="page-link"><a href="/tropea_test-15122019/associazione">L'Associazione</a></p>
+              <p class="page-link"><a href="/tropea_test-15122019/partecipa">Partecipa! / Dona</a></p>
+              <p class="page-link"><a href="/tropea_test-15122019/fleet">Servers</a></p>
+              <p class="page-link"><a href="/tropea_test-15122019/tor-exit-notice">"Questo e' un Exit Node"</a></p>
+              <p class="page-link"><a href="/tropea_test-15122019/archivio">Comunicati</a></p>
+              <p class="page-link"><a href="/tropea_test-15122019/wiki">Wiki</a></p>
+            </div>
+          </div>
         </header>
-        <footer>        
-          <p><small>2019 Tropea Italia<br/><br/>
-            <em>Tropea Italia</em> non e' affiliata con il progetto <i>Tor</i>.<br/><i>Tor</i> e il logo <i>Onion</i> sono marchi registrati di <i>The Tor Project, Inc</i>.</small></p>
-        </footer>
       </aside>
       <section>
         <div class="archive">
@@ -39,12 +48,12 @@
   <ul class="post-list">
     
       <li class="post-meta">
-        <a href="/blog/2019/07/welcome/">Parte Tropea Italia</a>
+        <a href="/tropea_test-15122019/blog/2019/07/welcome/">Parte Tropea Italia</a>
         <span class="post-date">Jul 6, 2019</span>
       </li>
     
       <li class="post-meta">
-        <a href="/wiki/compilare_tor/">Compilare Tor manualmente</a>
+        <a href="/tropea_test-15122019/wiki/compilare_tor/">Compilare Tor manualmente</a>
         <span class="post-date">Jul 6, 2019</span>
       </li>
     
@@ -52,6 +61,13 @@
 </div>
 
       </section>
+      <aside class="bottom">
+        <footer>
+          <p class="view"><a href="https://mastodon.cisti.org/@tropea">Mastodon</a> - <a href="https://twitter.com/tropeaitalia">Twitter</a></p>
+          <p><small>2019 Tropea Italia<br/><br/>
+            <em>Tropea Italia</em> non e' affiliata con il progetto <i>Tor</i>.<br/><i>Tor</i> e il logo <i>Onion</i> sono marchi registrati di <i>The Tor Project, Inc</i>.</small></p>
+        </footer>
+      </aside>
     </div>
   </body>
 </html>

+ 30 - 14
_site/blog/2019/07/welcome/index.html

@@ -11,27 +11,36 @@
     <meta property="og:url" content="https://tropea.org" />
     <meta property="og:site_name" content="tropea.org" />
 
-    <link rel="stylesheet" href="/css/style.css">
+    <link rel="stylesheet" href="/tropea_test-15122019/css/style.css">
     <meta name="viewport" content="width=device-width">
   </head>
   <body>
     <div class="wrapper">
       <aside>
         <header>
-          <h1><a href="/"><img class="logo" src="/imgs/logo.svg"/></a></h1>
-          <p><a href="/associazione">L'Associazione</a></p>
-          <p><a href="/partecipa">Partecipa! / Dona</a></p>
-          <p><a href="/fleet">Servers</a></p>
-          <p><a href="/tor-exit-notice">"Questo e' un Exit Node"</a></p>
-          <p><a href="/archivio">Comunicati</a></p>
-          <p><a href="/wiki">Wiki</a></p>
-          <p>&nbsp;</p>
-          <p class="view"><a href="https://mastodon.cisti.org/@tropea">Mastodon</a> - <a href="https://twitter.com/tropeaitalia">Twitter</a></p>
+          <h1 class="logo"><a href="/tropea_test-15122019/"><img class="logo" src="/tropea_test-15122019/imgs/logo.svg"/></a></h1>
+          <div class="site-nav">
+            <a href="#" class="menu-icon">
+              <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+                 viewBox="0 0 18 15" enable-background="new 0 0 18 15" xml:space="preserve">
+                <path fill="#505050" d="M18,1.484c0,0.82-0.665,1.484-1.484,1.484H1.484C0.665,2.969,0,2.304,0,1.484l0,0C0,0.665,0.665,0,1.484,0
+                  h15.031C17.335,0,18,0.665,18,1.484L18,1.484z"/>
+                <path fill="#505050" d="M18,7.516C18,8.335,17.335,9,16.516,9H1.484C0.665,9,0,8.335,0,7.516l0,0c0-0.82,0.665-1.484,1.484-1.484
+                  h15.031C17.335,6.031,18,6.696,18,7.516L18,7.516z"/>
+                <path fill="#505050" d="M18,13.516C18,14.335,17.335,15,16.516,15H1.484C0.665,15,0,14.335,0,13.516l0,0
+                  c0-0.82,0.665-1.484,1.484-1.484h15.031C17.335,12.031,18,12.696,18,13.516L18,13.516z"/>
+              </svg>
+            </a>
+            <div class="trigger">
+              <p class="page-link"><a href="/tropea_test-15122019/associazione">L'Associazione</a></p>
+              <p class="page-link"><a href="/tropea_test-15122019/partecipa">Partecipa! / Dona</a></p>
+              <p class="page-link"><a href="/tropea_test-15122019/fleet">Servers</a></p>
+              <p class="page-link"><a href="/tropea_test-15122019/tor-exit-notice">"Questo e' un Exit Node"</a></p>
+              <p class="page-link"><a href="/tropea_test-15122019/archivio">Comunicati</a></p>
+              <p class="page-link"><a href="/tropea_test-15122019/wiki">Wiki</a></p>
+            </div>
+          </div>
         </header>
-        <footer>        
-          <p><small>2019 Tropea Italia<br/><br/>
-            <em>Tropea Italia</em> non e' affiliata con il progetto <i>Tor</i>.<br/><i>Tor</i> e il logo <i>Onion</i> sono marchi registrati di <i>The Tor Project, Inc</i>.</small></p>
-        </footer>
       </aside>
       <section>
         <div class="post">
@@ -43,6 +52,13 @@
 
 </div>
       </section>
+      <aside class="bottom">
+        <footer>
+          <p class="view"><a href="https://mastodon.cisti.org/@tropea">Mastodon</a> - <a href="https://twitter.com/tropeaitalia">Twitter</a></p>
+          <p><small>2019 Tropea Italia<br/><br/>
+            <em>Tropea Italia</em> non e' affiliata con il progetto <i>Tor</i>.<br/><i>Tor</i> e il logo <i>Onion</i> sono marchi registrati di <i>The Tor Project, Inc</i>.</small></p>
+        </footer>
+      </aside>
     </div>
   </body>
 </html>

+ 105 - 2
_site/css/style.css

@@ -411,6 +411,10 @@ aside {
   -webkit-font-smoothing: subpixel-antialiased;
 }
 
+aside.bottom {
+  bottom: 0px;
+}
+
 header ul {
   list-style: none;
   height: 40px;
@@ -504,16 +508,21 @@ footer {
   padding: 20px 0;
 }
 
+.site-nav .menu-icon { display: none; }
+
 .post-list {
   list-style-type: none;
 }
 
+.post-list .post-meta, .posts .post-meta {
+  font-size: 18px;
+}
+
 .post-list .post-meta > a {
   font-weight: bold;
 }
 
 .post-title {
-  font-size: 17pt;
   font-weight: bold;
   margin-bottom: 0;
 }
@@ -542,6 +551,10 @@ footer {
   color: #555;
 }
 
+.description h1:first-child {
+  margin-bottom: 20px;
+}
+
 .relay-list {
   width: 75%;
   font-family: monospace;
@@ -551,13 +564,32 @@ footer {
   font-weight: bold;
 }
 
+
+@media print, screen and (max-width: 1200px) {
+  div.wrapper {
+    width: 840px;
+  }
+
+  section {
+    width: 560px;
+  }
+
+  header h1.logo {
+    margin: 0;
+  }
+  
+  header img.logo {
+    width: 80px;
+  }
+}
+
 @media print, screen and (max-width: 960px) {
   div.wrapper {
     width: auto;
     margin: 0;
   }
 
-  header,section,footer {
+  header,section,footer,aside {
     float: none;
     position: static;
     width: auto;
@@ -583,6 +615,64 @@ footer {
     right: 50px;
     top: 52px;
   }
+
+  header img.logo {
+    width: 50px;
+  }
+
+  .site-nav {
+    position: fixed;
+    z-index: 10;
+    top: 14px;
+    right: 60px;
+    background-color: white;
+    border-radius: 5px;
+    border: 1px solid #e8e8e8;
+  }
+
+  .site-nav .menu-icon {
+    display: block;
+    font-size: 24px;
+    color: #505050;
+    float: right;
+    width: 36px;
+    text-align: center;
+    line-height: 36px;
+  }
+
+  .site-nav .menu-icon svg { width: 18px; height: 16px; }
+
+  .site-nav .trigger {
+    clear: both;
+    margin-bottom: 5px;
+    display: none;
+  }
+
+  .site-nav:hover .trigger { display: block; }
+
+  .site-nav .page-link {
+    display: block;
+    text-align: right;
+    padding: 5px 10px;
+    margin: 0;
+    font-size: 16px;
+  }
+
+  .wrapper > section {
+    padding-top: 0px;
+  }
+
+  .relay-list {
+    width: auto;
+  }
+
+  .relay td {
+    display: block;
+  }
+
+  .relay td:last-child {
+    margin-bottom: 20px;
+  }
 }
 
 @media print, screen and (max-width: 720px) {
@@ -615,6 +705,19 @@ footer {
   header li,header ul li+li+li {
     width: 33%;
   }
+
+  header img.logo {
+    width: 40px;
+  }
+
+  .site-nav {
+    top: 25px;
+    right: 25px;
+  }
+
+  .relay td a {
+    overflow-wrap: anywhere;
+  }
 }
 
 @media print {

+ 32 - 16
_site/donazioni/index.html

@@ -11,27 +11,36 @@
     <meta property="og:url" content="https://tropea.org" />
     <meta property="og:site_name" content="tropea.org" />
 
-    <link rel="stylesheet" href="/css/style.css">
+    <link rel="stylesheet" href="/tropea_test-15122019/css/style.css">
     <meta name="viewport" content="width=device-width">
   </head>
   <body>
     <div class="wrapper">
       <aside>
         <header>
-          <h1><a href="/"><img class="logo" src="/imgs/logo.svg"/></a></h1>
-          <p><a href="/associazione">L'Associazione</a></p>
-          <p><a href="/partecipa">Partecipa! / Dona</a></p>
-          <p><a href="/fleet">Servers</a></p>
-          <p><a href="/tor-exit-notice">"Questo e' un Exit Node"</a></p>
-          <p><a href="/archivio">Comunicati</a></p>
-          <p><a href="/wiki">Wiki</a></p>
-          <p>&nbsp;</p>
-          <p class="view"><a href="https://mastodon.cisti.org/@tropea">Mastodon</a> - <a href="https://twitter.com/tropeaitalia">Twitter</a></p>
+          <h1 class="logo"><a href="/tropea_test-15122019/"><img class="logo" src="/tropea_test-15122019/imgs/logo.svg"/></a></h1>
+          <div class="site-nav">
+            <a href="#" class="menu-icon">
+              <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+                 viewBox="0 0 18 15" enable-background="new 0 0 18 15" xml:space="preserve">
+                <path fill="#505050" d="M18,1.484c0,0.82-0.665,1.484-1.484,1.484H1.484C0.665,2.969,0,2.304,0,1.484l0,0C0,0.665,0.665,0,1.484,0
+                  h15.031C17.335,0,18,0.665,18,1.484L18,1.484z"/>
+                <path fill="#505050" d="M18,7.516C18,8.335,17.335,9,16.516,9H1.484C0.665,9,0,8.335,0,7.516l0,0c0-0.82,0.665-1.484,1.484-1.484
+                  h15.031C17.335,6.031,18,6.696,18,7.516L18,7.516z"/>
+                <path fill="#505050" d="M18,13.516C18,14.335,17.335,15,16.516,15H1.484C0.665,15,0,14.335,0,13.516l0,0
+                  c0-0.82,0.665-1.484,1.484-1.484h15.031C17.335,12.031,18,12.696,18,13.516L18,13.516z"/>
+              </svg>
+            </a>
+            <div class="trigger">
+              <p class="page-link"><a href="/tropea_test-15122019/associazione">L'Associazione</a></p>
+              <p class="page-link"><a href="/tropea_test-15122019/partecipa">Partecipa! / Dona</a></p>
+              <p class="page-link"><a href="/tropea_test-15122019/fleet">Servers</a></p>
+              <p class="page-link"><a href="/tropea_test-15122019/tor-exit-notice">"Questo e' un Exit Node"</a></p>
+              <p class="page-link"><a href="/tropea_test-15122019/archivio">Comunicati</a></p>
+              <p class="page-link"><a href="/tropea_test-15122019/wiki">Wiki</a></p>
+            </div>
+          </div>
         </header>
-        <footer>        
-          <p><small>2019 Tropea Italia<br/><br/>
-            <em>Tropea Italia</em> non e' affiliata con il progetto <i>Tor</i>.<br/><i>Tor</i> e il logo <i>Onion</i> sono marchi registrati di <i>The Tor Project, Inc</i>.</small></p>
-        </footer>
       </aside>
       <section>
         <div class="archive">
@@ -39,12 +48,12 @@
   <ul class="post-list">
     
       <li class="post-meta">
-        <a href="/blog/2019/07/welcome/">Parte Tropea Italia</a>
+        <a href="/tropea_test-15122019/blog/2019/07/welcome/">Parte Tropea Italia</a>
         <span class="post-date">Jul 6, 2019</span>
       </li>
     
       <li class="post-meta">
-        <a href="/wiki/compilare_tor/">Compilare Tor manualmente</a>
+        <a href="/tropea_test-15122019/wiki/compilare_tor/">Compilare Tor manualmente</a>
         <span class="post-date">Jul 6, 2019</span>
       </li>
     
@@ -52,6 +61,13 @@
 </div>
 
       </section>
+      <aside class="bottom">
+        <footer>
+          <p class="view"><a href="https://mastodon.cisti.org/@tropea">Mastodon</a> - <a href="https://twitter.com/tropeaitalia">Twitter</a></p>
+          <p><small>2019 Tropea Italia<br/><br/>
+            <em>Tropea Italia</em> non e' affiliata con il progetto <i>Tor</i>.<br/><i>Tor</i> e il logo <i>Onion</i> sono marchi registrati di <i>The Tor Project, Inc</i>.</small></p>
+        </footer>
+      </aside>
     </div>
   </body>
 </html>

+ 30 - 14
_site/fleet/index.html

@@ -11,27 +11,36 @@
     <meta property="og:url" content="https://tropea.org" />
     <meta property="og:site_name" content="tropea.org" />
 
-    <link rel="stylesheet" href="/css/style.css">
+    <link rel="stylesheet" href="/tropea_test-15122019/css/style.css">
     <meta name="viewport" content="width=device-width">
   </head>
   <body>
     <div class="wrapper">
       <aside>
         <header>
-          <h1><a href="/"><img class="logo" src="/imgs/logo.svg"/></a></h1>
-          <p><a href="/associazione">L'Associazione</a></p>
-          <p><a href="/partecipa">Partecipa! / Dona</a></p>
-          <p><a href="/fleet">Servers</a></p>
-          <p><a href="/tor-exit-notice">"Questo e' un Exit Node"</a></p>
-          <p><a href="/archivio">Comunicati</a></p>
-          <p><a href="/wiki">Wiki</a></p>
-          <p>&nbsp;</p>
-          <p class="view"><a href="https://mastodon.cisti.org/@tropea">Mastodon</a> - <a href="https://twitter.com/tropeaitalia">Twitter</a></p>
+          <h1 class="logo"><a href="/tropea_test-15122019/"><img class="logo" src="/tropea_test-15122019/imgs/logo.svg"/></a></h1>
+          <div class="site-nav">
+            <a href="#" class="menu-icon">
+              <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+                 viewBox="0 0 18 15" enable-background="new 0 0 18 15" xml:space="preserve">
+                <path fill="#505050" d="M18,1.484c0,0.82-0.665,1.484-1.484,1.484H1.484C0.665,2.969,0,2.304,0,1.484l0,0C0,0.665,0.665,0,1.484,0
+                  h15.031C17.335,0,18,0.665,18,1.484L18,1.484z"/>
+                <path fill="#505050" d="M18,7.516C18,8.335,17.335,9,16.516,9H1.484C0.665,9,0,8.335,0,7.516l0,0c0-0.82,0.665-1.484,1.484-1.484
+                  h15.031C17.335,6.031,18,6.696,18,7.516L18,7.516z"/>
+                <path fill="#505050" d="M18,13.516C18,14.335,17.335,15,16.516,15H1.484C0.665,15,0,14.335,0,13.516l0,0
+                  c0-0.82,0.665-1.484,1.484-1.484h15.031C17.335,12.031,18,12.696,18,13.516L18,13.516z"/>
+              </svg>
+            </a>
+            <div class="trigger">
+              <p class="page-link"><a href="/tropea_test-15122019/associazione">L'Associazione</a></p>
+              <p class="page-link"><a href="/tropea_test-15122019/partecipa">Partecipa! / Dona</a></p>
+              <p class="page-link"><a href="/tropea_test-15122019/fleet">Servers</a></p>
+              <p class="page-link"><a href="/tropea_test-15122019/tor-exit-notice">"Questo e' un Exit Node"</a></p>
+              <p class="page-link"><a href="/tropea_test-15122019/archivio">Comunicati</a></p>
+              <p class="page-link"><a href="/tropea_test-15122019/wiki">Wiki</a></p>
+            </div>
+          </div>
         </header>
-        <footer>        
-          <p><small>2019 Tropea Italia<br/><br/>
-            <em>Tropea Italia</em> non e' affiliata con il progetto <i>Tor</i>.<br/><i>Tor</i> e il logo <i>Onion</i> sono marchi registrati di <i>The Tor Project, Inc</i>.</small></p>
-        </footer>
       </aside>
       <section>
         <div class="archive">
@@ -60,6 +69,13 @@
 </div>
 
       </section>
+      <aside class="bottom">
+        <footer>
+          <p class="view"><a href="https://mastodon.cisti.org/@tropea">Mastodon</a> - <a href="https://twitter.com/tropeaitalia">Twitter</a></p>
+          <p><small>2019 Tropea Italia<br/><br/>
+            <em>Tropea Italia</em> non e' affiliata con il progetto <i>Tor</i>.<br/><i>Tor</i> e il logo <i>Onion</i> sono marchi registrati di <i>The Tor Project, Inc</i>.</small></p>
+        </footer>
+      </aside>
     </div>
   </body>
 </html>

+ 30 - 14
_site/index.html

@@ -11,27 +11,36 @@
     <meta property="og:url" content="https://tropea.org" />
     <meta property="og:site_name" content="tropea.org" />
 
-    <link rel="stylesheet" href="/css/style.css">
+    <link rel="stylesheet" href="/tropea_test-15122019/css/style.css">
     <meta name="viewport" content="width=device-width">
   </head>
   <body>
     <div class="wrapper">
       <aside>
         <header>
-          <h1><a href="/"><img class="logo" src="/imgs/logo.svg"/></a></h1>
-          <p><a href="/associazione">L'Associazione</a></p>
-          <p><a href="/partecipa">Partecipa! / Dona</a></p>
-          <p><a href="/fleet">Servers</a></p>
-          <p><a href="/tor-exit-notice">"Questo e' un Exit Node"</a></p>
-          <p><a href="/archivio">Comunicati</a></p>
-          <p><a href="/wiki">Wiki</a></p>
-          <p>&nbsp;</p>
-          <p class="view"><a href="https://mastodon.cisti.org/@tropea">Mastodon</a> - <a href="https://twitter.com/tropeaitalia">Twitter</a></p>
+          <h1 class="logo"><a href="/tropea_test-15122019/"><img class="logo" src="/tropea_test-15122019/imgs/logo.svg"/></a></h1>
+          <div class="site-nav">
+            <a href="#" class="menu-icon">
+              <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+                 viewBox="0 0 18 15" enable-background="new 0 0 18 15" xml:space="preserve">
+                <path fill="#505050" d="M18,1.484c0,0.82-0.665,1.484-1.484,1.484H1.484C0.665,2.969,0,2.304,0,1.484l0,0C0,0.665,0.665,0,1.484,0
+                  h15.031C17.335,0,18,0.665,18,1.484L18,1.484z"/>
+                <path fill="#505050" d="M18,7.516C18,8.335,17.335,9,16.516,9H1.484C0.665,9,0,8.335,0,7.516l0,0c0-0.82,0.665-1.484,1.484-1.484
+                  h15.031C17.335,6.031,18,6.696,18,7.516L18,7.516z"/>
+                <path fill="#505050" d="M18,13.516C18,14.335,17.335,15,16.516,15H1.484C0.665,15,0,14.335,0,13.516l0,0
+                  c0-0.82,0.665-1.484,1.484-1.484h15.031C17.335,12.031,18,12.696,18,13.516L18,13.516z"/>
+              </svg>
+            </a>
+            <div class="trigger">
+              <p class="page-link"><a href="/tropea_test-15122019/associazione">L'Associazione</a></p>
+              <p class="page-link"><a href="/tropea_test-15122019/partecipa">Partecipa! / Dona</a></p>
+              <p class="page-link"><a href="/tropea_test-15122019/fleet">Servers</a></p>
+              <p class="page-link"><a href="/tropea_test-15122019/tor-exit-notice">"Questo e' un Exit Node"</a></p>
+              <p class="page-link"><a href="/tropea_test-15122019/archivio">Comunicati</a></p>
+              <p class="page-link"><a href="/tropea_test-15122019/wiki">Wiki</a></p>
+            </div>
+          </div>
         </header>
-        <footer>        
-          <p><small>2019 Tropea Italia<br/><br/>
-            <em>Tropea Italia</em> non e' affiliata con il progetto <i>Tor</i>.<br/><i>Tor</i> e il logo <i>Onion</i> sono marchi registrati di <i>The Tor Project, Inc</i>.</small></p>
-        </footer>
       </aside>
       <section>
         <div class="description">
@@ -81,6 +90,13 @@
 </div>
 
       </section>
+      <aside class="bottom">
+        <footer>
+          <p class="view"><a href="https://mastodon.cisti.org/@tropea">Mastodon</a> - <a href="https://twitter.com/tropeaitalia">Twitter</a></p>
+          <p><small>2019 Tropea Italia<br/><br/>
+            <em>Tropea Italia</em> non e' affiliata con il progetto <i>Tor</i>.<br/><i>Tor</i> e il logo <i>Onion</i> sono marchi registrati di <i>The Tor Project, Inc</i>.</small></p>
+        </footer>
+      </aside>
     </div>
   </body>
 </html>

+ 32 - 16
_site/partecipa/index.html

@@ -11,27 +11,36 @@
     <meta property="og:url" content="https://tropea.org" />
     <meta property="og:site_name" content="tropea.org" />
 
-    <link rel="stylesheet" href="/css/style.css">
+    <link rel="stylesheet" href="/tropea_test-15122019/css/style.css">
     <meta name="viewport" content="width=device-width">
   </head>
   <body>
     <div class="wrapper">
       <aside>
         <header>
-          <h1><a href="/"><img class="logo" src="/imgs/logo.svg"/></a></h1>
-          <p><a href="/associazione">L'Associazione</a></p>
-          <p><a href="/partecipa">Partecipa! / Dona</a></p>
-          <p><a href="/fleet">Servers</a></p>
-          <p><a href="/tor-exit-notice">"Questo e' un Exit Node"</a></p>
-          <p><a href="/archivio">Comunicati</a></p>
-          <p><a href="/wiki">Wiki</a></p>
-          <p>&nbsp;</p>
-          <p class="view"><a href="https://mastodon.cisti.org/@tropea">Mastodon</a> - <a href="https://twitter.com/tropeaitalia">Twitter</a></p>
+          <h1 class="logo"><a href="/tropea_test-15122019/"><img class="logo" src="/tropea_test-15122019/imgs/logo.svg"/></a></h1>
+          <div class="site-nav">
+            <a href="#" class="menu-icon">
+              <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+                 viewBox="0 0 18 15" enable-background="new 0 0 18 15" xml:space="preserve">
+                <path fill="#505050" d="M18,1.484c0,0.82-0.665,1.484-1.484,1.484H1.484C0.665,2.969,0,2.304,0,1.484l0,0C0,0.665,0.665,0,1.484,0
+                  h15.031C17.335,0,18,0.665,18,1.484L18,1.484z"/>
+                <path fill="#505050" d="M18,7.516C18,8.335,17.335,9,16.516,9H1.484C0.665,9,0,8.335,0,7.516l0,0c0-0.82,0.665-1.484,1.484-1.484
+                  h15.031C17.335,6.031,18,6.696,18,7.516L18,7.516z"/>
+                <path fill="#505050" d="M18,13.516C18,14.335,17.335,15,16.516,15H1.484C0.665,15,0,14.335,0,13.516l0,0
+                  c0-0.82,0.665-1.484,1.484-1.484h15.031C17.335,12.031,18,12.696,18,13.516L18,13.516z"/>
+              </svg>
+            </a>
+            <div class="trigger">
+              <p class="page-link"><a href="/tropea_test-15122019/associazione">L'Associazione</a></p>
+              <p class="page-link"><a href="/tropea_test-15122019/partecipa">Partecipa! / Dona</a></p>
+              <p class="page-link"><a href="/tropea_test-15122019/fleet">Servers</a></p>
+              <p class="page-link"><a href="/tropea_test-15122019/tor-exit-notice">"Questo e' un Exit Node"</a></p>
+              <p class="page-link"><a href="/tropea_test-15122019/archivio">Comunicati</a></p>
+              <p class="page-link"><a href="/tropea_test-15122019/wiki">Wiki</a></p>
+            </div>
+          </div>
         </header>
-        <footer>        
-          <p><small>2019 Tropea Italia<br/><br/>
-            <em>Tropea Italia</em> non e' affiliata con il progetto <i>Tor</i>.<br/><i>Tor</i> e il logo <i>Onion</i> sono marchi registrati di <i>The Tor Project, Inc</i>.</small></p>
-        </footer>
       </aside>
       <section>
         <div class="archive">
@@ -39,12 +48,12 @@
   <ul class="post-list">
     
       <li class="post-meta">
-        <a href="/blog/2019/07/welcome/">Parte Tropea Italia</a>
+        <a href="/tropea_test-15122019/blog/2019/07/welcome/">Parte Tropea Italia</a>
         <span class="post-date">Jul 6, 2019</span>
       </li>
     
       <li class="post-meta">
-        <a href="/wiki/compilare_tor/">Compilare Tor manualmente</a>
+        <a href="/tropea_test-15122019/wiki/compilare_tor/">Compilare Tor manualmente</a>
         <span class="post-date">Jul 6, 2019</span>
       </li>
     
@@ -52,6 +61,13 @@
 </div>
 
       </section>
+      <aside class="bottom">
+        <footer>
+          <p class="view"><a href="https://mastodon.cisti.org/@tropea">Mastodon</a> - <a href="https://twitter.com/tropeaitalia">Twitter</a></p>
+          <p><small>2019 Tropea Italia<br/><br/>
+            <em>Tropea Italia</em> non e' affiliata con il progetto <i>Tor</i>.<br/><i>Tor</i> e il logo <i>Onion</i> sono marchi registrati di <i>The Tor Project, Inc</i>.</small></p>
+        </footer>
+      </aside>
     </div>
   </body>
 </html>

+ 30 - 14
_site/tor-exit-notice-en/index.html

@@ -11,27 +11,36 @@
     <meta property="og:url" content="https://tropea.org" />
     <meta property="og:site_name" content="tropea.org" />
 
-    <link rel="stylesheet" href="/css/style.css">
+    <link rel="stylesheet" href="/tropea_test-15122019/css/style.css">
     <meta name="viewport" content="width=device-width">
   </head>
   <body>
     <div class="wrapper">
       <aside>
         <header>
-          <h1><a href="/"><img class="logo" src="/imgs/logo.svg"/></a></h1>
-          <p><a href="/associazione">L'Associazione</a></p>
-          <p><a href="/partecipa">Partecipa! / Dona</a></p>
-          <p><a href="/fleet">Servers</a></p>
-          <p><a href="/tor-exit-notice">"Questo e' un Exit Node"</a></p>
-          <p><a href="/archivio">Comunicati</a></p>
-          <p><a href="/wiki">Wiki</a></p>
-          <p>&nbsp;</p>
-          <p class="view"><a href="https://mastodon.cisti.org/@tropea">Mastodon</a> - <a href="https://twitter.com/tropeaitalia">Twitter</a></p>
+          <h1 class="logo"><a href="/tropea_test-15122019/"><img class="logo" src="/tropea_test-15122019/imgs/logo.svg"/></a></h1>
+          <div class="site-nav">
+            <a href="#" class="menu-icon">
+              <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+                 viewBox="0 0 18 15" enable-background="new 0 0 18 15" xml:space="preserve">
+                <path fill="#505050" d="M18,1.484c0,0.82-0.665,1.484-1.484,1.484H1.484C0.665,2.969,0,2.304,0,1.484l0,0C0,0.665,0.665,0,1.484,0
+                  h15.031C17.335,0,18,0.665,18,1.484L18,1.484z"/>
+                <path fill="#505050" d="M18,7.516C18,8.335,17.335,9,16.516,9H1.484C0.665,9,0,8.335,0,7.516l0,0c0-0.82,0.665-1.484,1.484-1.484
+                  h15.031C17.335,6.031,18,6.696,18,7.516L18,7.516z"/>
+                <path fill="#505050" d="M18,13.516C18,14.335,17.335,15,16.516,15H1.484C0.665,15,0,14.335,0,13.516l0,0
+                  c0-0.82,0.665-1.484,1.484-1.484h15.031C17.335,12.031,18,12.696,18,13.516L18,13.516z"/>
+              </svg>
+            </a>
+            <div class="trigger">
+              <p class="page-link"><a href="/tropea_test-15122019/associazione">L'Associazione</a></p>
+              <p class="page-link"><a href="/tropea_test-15122019/partecipa">Partecipa! / Dona</a></p>
+              <p class="page-link"><a href="/tropea_test-15122019/fleet">Servers</a></p>
+              <p class="page-link"><a href="/tropea_test-15122019/tor-exit-notice">"Questo e' un Exit Node"</a></p>
+              <p class="page-link"><a href="/tropea_test-15122019/archivio">Comunicati</a></p>
+              <p class="page-link"><a href="/tropea_test-15122019/wiki">Wiki</a></p>
+            </div>
+          </div>
         </header>
-        <footer>        
-          <p><small>2019 Tropea Italia<br/><br/>
-            <em>Tropea Italia</em> non e' affiliata con il progetto <i>Tor</i>.<br/><i>Tor</i> e il logo <i>Onion</i> sono marchi registrati di <i>The Tor Project, Inc</i>.</small></p>
-        </footer>
       </aside>
       <section>
         <div class="notice">
@@ -320,6 +329,13 @@ to your site indefinitely simply because of a few bad apples.</p>
 </div>
 
       </section>
+      <aside class="bottom">
+        <footer>
+          <p class="view"><a href="https://mastodon.cisti.org/@tropea">Mastodon</a> - <a href="https://twitter.com/tropeaitalia">Twitter</a></p>
+          <p><small>2019 Tropea Italia<br/><br/>
+            <em>Tropea Italia</em> non e' affiliata con il progetto <i>Tor</i>.<br/><i>Tor</i> e il logo <i>Onion</i> sono marchi registrati di <i>The Tor Project, Inc</i>.</small></p>
+        </footer>
+      </aside>
     </div>
   </body>
 </html>

+ 31 - 15
_site/tor-exit-notice/index.html

@@ -11,27 +11,36 @@
     <meta property="og:url" content="https://tropea.org" />
     <meta property="og:site_name" content="tropea.org" />
 
-    <link rel="stylesheet" href="/css/style.css">
+    <link rel="stylesheet" href="/tropea_test-15122019/css/style.css">
     <meta name="viewport" content="width=device-width">
   </head>
   <body>
     <div class="wrapper">
       <aside>
         <header>
-          <h1><a href="/"><img class="logo" src="/imgs/logo.svg"/></a></h1>
-          <p><a href="/associazione">L'Associazione</a></p>
-          <p><a href="/partecipa">Partecipa! / Dona</a></p>
-          <p><a href="/fleet">Servers</a></p>
-          <p><a href="/tor-exit-notice">"Questo e' un Exit Node"</a></p>
-          <p><a href="/archivio">Comunicati</a></p>
-          <p><a href="/wiki">Wiki</a></p>
-          <p>&nbsp;</p>
-          <p class="view"><a href="https://mastodon.cisti.org/@tropea">Mastodon</a> - <a href="https://twitter.com/tropeaitalia">Twitter</a></p>
+          <h1 class="logo"><a href="/tropea_test-15122019/"><img class="logo" src="/tropea_test-15122019/imgs/logo.svg"/></a></h1>
+          <div class="site-nav">
+            <a href="#" class="menu-icon">
+              <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+                 viewBox="0 0 18 15" enable-background="new 0 0 18 15" xml:space="preserve">
+                <path fill="#505050" d="M18,1.484c0,0.82-0.665,1.484-1.484,1.484H1.484C0.665,2.969,0,2.304,0,1.484l0,0C0,0.665,0.665,0,1.484,0
+                  h15.031C17.335,0,18,0.665,18,1.484L18,1.484z"/>
+                <path fill="#505050" d="M18,7.516C18,8.335,17.335,9,16.516,9H1.484C0.665,9,0,8.335,0,7.516l0,0c0-0.82,0.665-1.484,1.484-1.484
+                  h15.031C17.335,6.031,18,6.696,18,7.516L18,7.516z"/>
+                <path fill="#505050" d="M18,13.516C18,14.335,17.335,15,16.516,15H1.484C0.665,15,0,14.335,0,13.516l0,0
+                  c0-0.82,0.665-1.484,1.484-1.484h15.031C17.335,12.031,18,12.696,18,13.516L18,13.516z"/>
+              </svg>
+            </a>
+            <div class="trigger">
+              <p class="page-link"><a href="/tropea_test-15122019/associazione">L'Associazione</a></p>
+              <p class="page-link"><a href="/tropea_test-15122019/partecipa">Partecipa! / Dona</a></p>
+              <p class="page-link"><a href="/tropea_test-15122019/fleet">Servers</a></p>
+              <p class="page-link"><a href="/tropea_test-15122019/tor-exit-notice">"Questo e' un Exit Node"</a></p>
+              <p class="page-link"><a href="/tropea_test-15122019/archivio">Comunicati</a></p>
+              <p class="page-link"><a href="/tropea_test-15122019/wiki">Wiki</a></p>
+            </div>
+          </div>
         </header>
-        <footer>        
-          <p><small>2019 Tropea Italia<br/><br/>
-            <em>Tropea Italia</em> non e' affiliata con il progetto <i>Tor</i>.<br/><i>Tor</i> e il logo <i>Onion</i> sono marchi registrati di <i>The Tor Project, Inc</i>.</small></p>
-        </footer>
       </aside>
       <section>
         <div class="notice">
@@ -298,7 +307,7 @@ response</a> for more information on this matter.</p>
 
 <p>
 That being said, if you still have a complaint about the router,  you may
-email the <a href="mailto:FIXME_YOUR_EMAIL_ADDRESS">maintainer</a>. If
+email the <a href="mailto:exit@cryptoisnotacrime.org">maintainer</a>. If
 complaints are related to a particular service that is being abused, I will
 consider removing that service from my exit policy, which would prevent my
 router from allowing that traffic to exit through it. I can only do this on an
@@ -320,6 +329,13 @@ to your site indefinitely simply because of a few bad apples.</p>
 </div>
 
       </section>
+      <aside class="bottom">
+        <footer>
+          <p class="view"><a href="https://mastodon.cisti.org/@tropea">Mastodon</a> - <a href="https://twitter.com/tropeaitalia">Twitter</a></p>
+          <p><small>2019 Tropea Italia<br/><br/>
+            <em>Tropea Italia</em> non e' affiliata con il progetto <i>Tor</i>.<br/><i>Tor</i> e il logo <i>Onion</i> sono marchi registrati di <i>The Tor Project, Inc</i>.</small></p>
+        </footer>
+      </aside>
     </div>
   </body>
 </html>

+ 30 - 14
_site/wiki/compilare_tor/index.html

@@ -11,27 +11,36 @@
     <meta property="og:url" content="https://tropea.org" />
     <meta property="og:site_name" content="tropea.org" />
 
-    <link rel="stylesheet" href="/css/style.css">
+    <link rel="stylesheet" href="/tropea_test-15122019/css/style.css">
     <meta name="viewport" content="width=device-width">
   </head>
   <body>
     <div class="wrapper">
       <aside>
         <header>
-          <h1><a href="/"><img class="logo" src="/imgs/logo.svg"/></a></h1>
-          <p><a href="/associazione">L'Associazione</a></p>
-          <p><a href="/partecipa">Partecipa! / Dona</a></p>
-          <p><a href="/fleet">Servers</a></p>
-          <p><a href="/tor-exit-notice">"Questo e' un Exit Node"</a></p>
-          <p><a href="/archivio">Comunicati</a></p>
-          <p><a href="/wiki">Wiki</a></p>
-          <p>&nbsp;</p>
-          <p class="view"><a href="https://mastodon.cisti.org/@tropea">Mastodon</a> - <a href="https://twitter.com/tropeaitalia">Twitter</a></p>
+          <h1 class="logo"><a href="/tropea_test-15122019/"><img class="logo" src="/tropea_test-15122019/imgs/logo.svg"/></a></h1>
+          <div class="site-nav">
+            <a href="#" class="menu-icon">
+              <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+                 viewBox="0 0 18 15" enable-background="new 0 0 18 15" xml:space="preserve">
+                <path fill="#505050" d="M18,1.484c0,0.82-0.665,1.484-1.484,1.484H1.484C0.665,2.969,0,2.304,0,1.484l0,0C0,0.665,0.665,0,1.484,0
+                  h15.031C17.335,0,18,0.665,18,1.484L18,1.484z"/>
+                <path fill="#505050" d="M18,7.516C18,8.335,17.335,9,16.516,9H1.484C0.665,9,0,8.335,0,7.516l0,0c0-0.82,0.665-1.484,1.484-1.484
+                  h15.031C17.335,6.031,18,6.696,18,7.516L18,7.516z"/>
+                <path fill="#505050" d="M18,13.516C18,14.335,17.335,15,16.516,15H1.484C0.665,15,0,14.335,0,13.516l0,0
+                  c0-0.82,0.665-1.484,1.484-1.484h15.031C17.335,12.031,18,12.696,18,13.516L18,13.516z"/>
+              </svg>
+            </a>
+            <div class="trigger">
+              <p class="page-link"><a href="/tropea_test-15122019/associazione">L'Associazione</a></p>
+              <p class="page-link"><a href="/tropea_test-15122019/partecipa">Partecipa! / Dona</a></p>
+              <p class="page-link"><a href="/tropea_test-15122019/fleet">Servers</a></p>
+              <p class="page-link"><a href="/tropea_test-15122019/tor-exit-notice">"Questo e' un Exit Node"</a></p>
+              <p class="page-link"><a href="/tropea_test-15122019/archivio">Comunicati</a></p>
+              <p class="page-link"><a href="/tropea_test-15122019/wiki">Wiki</a></p>
+            </div>
+          </div>
         </header>
-        <footer>        
-          <p><small>2019 Tropea Italia<br/><br/>
-            <em>Tropea Italia</em> non e' affiliata con il progetto <i>Tor</i>.<br/><i>Tor</i> e il logo <i>Onion</i> sono marchi registrati di <i>The Tor Project, Inc</i>.</small></p>
-        </footer>
       </aside>
       <section>
         <div class="post">
@@ -48,6 +57,13 @@
 
 </div>
       </section>
+      <aside class="bottom">
+        <footer>
+          <p class="view"><a href="https://mastodon.cisti.org/@tropea">Mastodon</a> - <a href="https://twitter.com/tropeaitalia">Twitter</a></p>
+          <p><small>2019 Tropea Italia<br/><br/>
+            <em>Tropea Italia</em> non e' affiliata con il progetto <i>Tor</i>.<br/><i>Tor</i> e il logo <i>Onion</i> sono marchi registrati di <i>The Tor Project, Inc</i>.</small></p>
+        </footer>
+      </aside>
     </div>
   </body>
 </html>

+ 32 - 16
_site/wiki/index.html

@@ -11,38 +11,54 @@
     <meta property="og:url" content="https://tropea.org" />
     <meta property="og:site_name" content="tropea.org" />
 
-    <link rel="stylesheet" href="/css/style.css">
+    <link rel="stylesheet" href="/tropea_test-15122019/css/style.css">
     <meta name="viewport" content="width=device-width">
   </head>
   <body>
     <div class="wrapper">
       <aside>
         <header>
-          <h1><a href="/"><img class="logo" src="/imgs/logo.svg"/></a></h1>
-          <p><a href="/associazione">L'Associazione</a></p>
-          <p><a href="/partecipa">Partecipa! / Dona</a></p>
-          <p><a href="/fleet">Servers</a></p>
-          <p><a href="/tor-exit-notice">"Questo e' un Exit Node"</a></p>
-          <p><a href="/archivio">Comunicati</a></p>
-          <p><a href="/wiki">Wiki</a></p>
-          <p>&nbsp;</p>
-          <p class="view"><a href="https://mastodon.cisti.org/@tropea">Mastodon</a> - <a href="https://twitter.com/tropeaitalia">Twitter</a></p>
+          <h1 class="logo"><a href="/tropea_test-15122019/"><img class="logo" src="/tropea_test-15122019/imgs/logo.svg"/></a></h1>
+          <div class="site-nav">
+            <a href="#" class="menu-icon">
+              <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+                 viewBox="0 0 18 15" enable-background="new 0 0 18 15" xml:space="preserve">
+                <path fill="#505050" d="M18,1.484c0,0.82-0.665,1.484-1.484,1.484H1.484C0.665,2.969,0,2.304,0,1.484l0,0C0,0.665,0.665,0,1.484,0
+                  h15.031C17.335,0,18,0.665,18,1.484L18,1.484z"/>
+                <path fill="#505050" d="M18,7.516C18,8.335,17.335,9,16.516,9H1.484C0.665,9,0,8.335,0,7.516l0,0c0-0.82,0.665-1.484,1.484-1.484
+                  h15.031C17.335,6.031,18,6.696,18,7.516L18,7.516z"/>
+                <path fill="#505050" d="M18,13.516C18,14.335,17.335,15,16.516,15H1.484C0.665,15,0,14.335,0,13.516l0,0
+                  c0-0.82,0.665-1.484,1.484-1.484h15.031C17.335,12.031,18,12.696,18,13.516L18,13.516z"/>
+              </svg>
+            </a>
+            <div class="trigger">
+              <p class="page-link"><a href="/tropea_test-15122019/associazione">L'Associazione</a></p>
+              <p class="page-link"><a href="/tropea_test-15122019/partecipa">Partecipa! / Dona</a></p>
+              <p class="page-link"><a href="/tropea_test-15122019/fleet">Servers</a></p>
+              <p class="page-link"><a href="/tropea_test-15122019/tor-exit-notice">"Questo e' un Exit Node"</a></p>
+              <p class="page-link"><a href="/tropea_test-15122019/archivio">Comunicati</a></p>
+              <p class="page-link"><a href="/tropea_test-15122019/wiki">Wiki</a></p>
+            </div>
+          </div>
         </header>
-        <footer>        
-          <p><small>2019 Tropea Italia<br/><br/>
-            <em>Tropea Italia</em> non e' affiliata con il progetto <i>Tor</i>.<br/><i>Tor</i> e il logo <i>Onion</i> sono marchi registrati di <i>The Tor Project, Inc</i>.</small></p>
-        </footer>
       </aside>
       <section>
         <h1 class="category">Wiki</h1>
 <ul class="posts">
   
-    <li>
-      <a class="post-link" href="/wiki/compilare_tor/">Compilare Tor manualmente</a>
+    <li class="post-meta">
+      <a class="post-link" href="/tropea_test-15122019/wiki/compilare_tor/">Compilare Tor manualmente</a>
     </li>
   
 </ul>
       </section>
+      <aside class="bottom">
+        <footer>
+          <p class="view"><a href="https://mastodon.cisti.org/@tropea">Mastodon</a> - <a href="https://twitter.com/tropeaitalia">Twitter</a></p>
+          <p><small>2019 Tropea Italia<br/><br/>
+            <em>Tropea Italia</em> non e' affiliata con il progetto <i>Tor</i>.<br/><i>Tor</i> e il logo <i>Onion</i> sono marchi registrati di <i>The Tor Project, Inc</i>.</small></p>
+        </footer>
+      </aside>
     </div>
   </body>
 </html>

+ 105 - 2
css/style.css

@@ -411,6 +411,10 @@ aside {
   -webkit-font-smoothing: subpixel-antialiased;
 }
 
+aside.bottom {
+  bottom: 0px;
+}
+
 header ul {
   list-style: none;
   height: 40px;
@@ -504,16 +508,21 @@ footer {
   padding: 20px 0;
 }
 
+.site-nav .menu-icon { display: none; }
+
 .post-list {
   list-style-type: none;
 }
 
+.post-list .post-meta, .posts .post-meta {
+  font-size: 18px;
+}
+
 .post-list .post-meta > a {
   font-weight: bold;
 }
 
 .post-title {
-  font-size: 17pt;
   font-weight: bold;
   margin-bottom: 0;
 }
@@ -542,6 +551,10 @@ footer {
   color: #555;
 }
 
+.description h1:first-child {
+  margin-bottom: 20px;
+}
+
 .relay-list {
   width: 75%;
   font-family: monospace;
@@ -551,13 +564,32 @@ footer {
   font-weight: bold;
 }
 
+
+@media print, screen and (max-width: 1200px) {
+  div.wrapper {
+    width: 840px;
+  }
+
+  section {
+    width: 560px;
+  }
+
+  header h1.logo {
+    margin: 0;
+  }
+  
+  header img.logo {
+    width: 80px;
+  }
+}
+
 @media print, screen and (max-width: 960px) {
   div.wrapper {
     width: auto;
     margin: 0;
   }
 
-  header,section,footer {
+  header,section,footer,aside {
     float: none;
     position: static;
     width: auto;
@@ -583,6 +615,64 @@ footer {
     right: 50px;
     top: 52px;
   }
+
+  header img.logo {
+    width: 50px;
+  }
+
+  .site-nav {
+    position: fixed;
+    z-index: 10;
+    top: 14px;
+    right: 60px;
+    background-color: white;
+    border-radius: 5px;
+    border: 1px solid #e8e8e8;
+  }
+
+  .site-nav .menu-icon {
+    display: block;
+    font-size: 24px;
+    color: #505050;
+    float: right;
+    width: 36px;
+    text-align: center;
+    line-height: 36px;
+  }
+
+  .site-nav .menu-icon svg { width: 18px; height: 16px; }
+
+  .site-nav .trigger {
+    clear: both;
+    margin-bottom: 5px;
+    display: none;
+  }
+
+  .site-nav:hover .trigger { display: block; }
+
+  .site-nav .page-link {
+    display: block;
+    text-align: right;
+    padding: 5px 10px;
+    margin: 0;
+    font-size: 16px;
+  }
+
+  .wrapper > section {
+    padding-top: 0px;
+  }
+
+  .relay-list {
+    width: auto;
+  }
+
+  .relay td {
+    display: block;
+  }
+
+  .relay td:last-child {
+    margin-bottom: 20px;
+  }
 }
 
 @media print, screen and (max-width: 720px) {
@@ -615,6 +705,19 @@ footer {
   header li,header ul li+li+li {
     width: 33%;
   }
+
+  header img.logo {
+    width: 40px;
+  }
+
+  .site-nav {
+    top: 25px;
+    right: 25px;
+  }
+
+  .relay td a {
+    overflow-wrap: anywhere;
+  }
 }
 
 @media print {

+ 1 - 1
tor-exit-notice.html

@@ -268,7 +268,7 @@ response</a> for more information on this matter.</p>
 
 <p>
 That being said, if you still have a complaint about the router,  you may
-email the <a href="mailto:FIXME_YOUR_EMAIL_ADDRESS">maintainer</a>. If
+email the <a href="mailto:exit@cryptoisnotacrime.org">maintainer</a>. If
 complaints are related to a particular service that is being abused, I will
 consider removing that service from my exit policy, which would prevent my
 router from allowing that traffic to exit through it. I can only do this on an

+ 1 - 1
wiki.html

@@ -7,7 +7,7 @@ permalink: /wiki/
 <h1 class="category">{{ page.title }}</h1>
 <ul class="posts">
   {% for post in site.categories.wiki %}
-    <li>
+    <li class="post-meta">
       <a class="post-link" href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a>
     </li>
   {% endfor %}