Browse Source

more responsiveness

thezero 4 years ago
parent
commit
7dba3c03da

+ 1 - 1
_config.yml

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

+ 30 - 14
_layouts/default.html

@@ -11,31 +11,47 @@
     <meta property="og:url" content="{{ site.url }}" />
     <meta property="og:url" content="{{ site.url }}" />
     <meta property="og:site_name" content="{{ site.domain }}" />
     <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">
     <meta name="viewport" content="width=device-width">
   </head>
   </head>
   <body>
   <body>
     <div class="wrapper">
     <div class="wrapper">
       <aside>
       <aside>
         <header>
         <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>
         </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>
       </aside>
       <section>
       <section>
         {{ content }}
         {{ content }}
       </section>
       </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>
     </div>
   </body>
   </body>
 </html>
 </html>

+ 31 - 15
_site/archivio/index.html

@@ -11,27 +11,36 @@
     <meta property="og:url" content="https://tropea.org" />
     <meta property="og:url" content="https://tropea.org" />
     <meta property="og:site_name" content="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">
     <meta name="viewport" content="width=device-width">
   </head>
   </head>
   <body>
   <body>
     <div class="wrapper">
     <div class="wrapper">
       <aside>
       <aside>
         <header>
         <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>
         </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>
       </aside>
       <section>
       <section>
         <div class="archive">
         <div class="archive">
@@ -39,7 +48,7 @@
   <ul class="post-list">
   <ul class="post-list">
     
     
       <li class="post-meta">
       <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>
         <span class="post-date">Jul 6, 2019</span>
       </li>
       </li>
     
     
@@ -47,6 +56,13 @@
 </div>
 </div>
 
 
       </section>
       </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>
     </div>
   </body>
   </body>
 </html>
 </html>

+ 32 - 16
_site/associazione/index.html

@@ -11,27 +11,36 @@
     <meta property="og:url" content="https://tropea.org" />
     <meta property="og:url" content="https://tropea.org" />
     <meta property="og:site_name" content="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">
     <meta name="viewport" content="width=device-width">
   </head>
   </head>
   <body>
   <body>
     <div class="wrapper">
     <div class="wrapper">
       <aside>
       <aside>
         <header>
         <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>
         </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>
       </aside>
       <section>
       <section>
         <div class="archive">
         <div class="archive">
@@ -39,12 +48,12 @@
   <ul class="post-list">
   <ul class="post-list">
     
     
       <li class="post-meta">
       <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>
         <span class="post-date">Jul 6, 2019</span>
       </li>
       </li>
     
     
       <li class="post-meta">
       <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>
         <span class="post-date">Jul 6, 2019</span>
       </li>
       </li>
     
     
@@ -52,6 +61,13 @@
 </div>
 </div>
 
 
       </section>
       </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>
     </div>
   </body>
   </body>
 </html>
 </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:url" content="https://tropea.org" />
     <meta property="og:site_name" content="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">
     <meta name="viewport" content="width=device-width">
   </head>
   </head>
   <body>
   <body>
     <div class="wrapper">
     <div class="wrapper">
       <aside>
       <aside>
         <header>
         <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>
         </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>
       </aside>
       <section>
       <section>
         <div class="post">
         <div class="post">
@@ -43,6 +52,13 @@
 
 
 </div>
 </div>
       </section>
       </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>
     </div>
   </body>
   </body>
 </html>
 </html>

+ 105 - 2
_site/css/style.css

@@ -411,6 +411,10 @@ aside {
   -webkit-font-smoothing: subpixel-antialiased;
   -webkit-font-smoothing: subpixel-antialiased;
 }
 }
 
 
+aside.bottom {
+  bottom: 0px;
+}
+
 header ul {
 header ul {
   list-style: none;
   list-style: none;
   height: 40px;
   height: 40px;
@@ -504,16 +508,21 @@ footer {
   padding: 20px 0;
   padding: 20px 0;
 }
 }
 
 
+.site-nav .menu-icon { display: none; }
+
 .post-list {
 .post-list {
   list-style-type: none;
   list-style-type: none;
 }
 }
 
 
+.post-list .post-meta, .posts .post-meta {
+  font-size: 18px;
+}
+
 .post-list .post-meta > a {
 .post-list .post-meta > a {
   font-weight: bold;
   font-weight: bold;
 }
 }
 
 
 .post-title {
 .post-title {
-  font-size: 17pt;
   font-weight: bold;
   font-weight: bold;
   margin-bottom: 0;
   margin-bottom: 0;
 }
 }
@@ -542,6 +551,10 @@ footer {
   color: #555;
   color: #555;
 }
 }
 
 
+.description h1:first-child {
+  margin-bottom: 20px;
+}
+
 .relay-list {
 .relay-list {
   width: 75%;
   width: 75%;
   font-family: monospace;
   font-family: monospace;
@@ -551,13 +564,32 @@ footer {
   font-weight: bold;
   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) {
 @media print, screen and (max-width: 960px) {
   div.wrapper {
   div.wrapper {
     width: auto;
     width: auto;
     margin: 0;
     margin: 0;
   }
   }
 
 
-  header,section,footer {
+  header,section,footer,aside {
     float: none;
     float: none;
     position: static;
     position: static;
     width: auto;
     width: auto;
@@ -583,6 +615,64 @@ footer {
     right: 50px;
     right: 50px;
     top: 52px;
     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) {
 @media print, screen and (max-width: 720px) {
@@ -615,6 +705,19 @@ footer {
   header li,header ul li+li+li {
   header li,header ul li+li+li {
     width: 33%;
     width: 33%;
   }
   }
+
+  header img.logo {
+    width: 40px;
+  }
+
+  .site-nav {
+    top: 25px;
+    right: 25px;
+  }
+
+  .relay td a {
+    overflow-wrap: anywhere;
+  }
 }
 }
 
 
 @media print {
 @media print {

+ 32 - 16
_site/donazioni/index.html

@@ -11,27 +11,36 @@
     <meta property="og:url" content="https://tropea.org" />
     <meta property="og:url" content="https://tropea.org" />
     <meta property="og:site_name" content="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">
     <meta name="viewport" content="width=device-width">
   </head>
   </head>
   <body>
   <body>
     <div class="wrapper">
     <div class="wrapper">
       <aside>
       <aside>
         <header>
         <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>
         </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>
       </aside>
       <section>
       <section>
         <div class="archive">
         <div class="archive">
@@ -39,12 +48,12 @@
   <ul class="post-list">
   <ul class="post-list">
     
     
       <li class="post-meta">
       <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>
         <span class="post-date">Jul 6, 2019</span>
       </li>
       </li>
     
     
       <li class="post-meta">
       <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>
         <span class="post-date">Jul 6, 2019</span>
       </li>
       </li>
     
     
@@ -52,6 +61,13 @@
 </div>
 </div>
 
 
       </section>
       </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>
     </div>
   </body>
   </body>
 </html>
 </html>

+ 30 - 14
_site/fleet/index.html

@@ -11,27 +11,36 @@
     <meta property="og:url" content="https://tropea.org" />
     <meta property="og:url" content="https://tropea.org" />
     <meta property="og:site_name" content="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">
     <meta name="viewport" content="width=device-width">
   </head>
   </head>
   <body>
   <body>
     <div class="wrapper">
     <div class="wrapper">
       <aside>
       <aside>
         <header>
         <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>
         </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>
       </aside>
       <section>
       <section>
         <div class="archive">
         <div class="archive">
@@ -60,6 +69,13 @@
 </div>
 </div>
 
 
       </section>
       </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>
     </div>
   </body>
   </body>
 </html>
 </html>

+ 30 - 14
_site/index.html

@@ -11,27 +11,36 @@
     <meta property="og:url" content="https://tropea.org" />
     <meta property="og:url" content="https://tropea.org" />
     <meta property="og:site_name" content="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">
     <meta name="viewport" content="width=device-width">
   </head>
   </head>
   <body>
   <body>
     <div class="wrapper">
     <div class="wrapper">
       <aside>
       <aside>
         <header>
         <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>
         </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>
       </aside>
       <section>
       <section>
         <div class="description">
         <div class="description">
@@ -81,6 +90,13 @@
 </div>
 </div>
 
 
       </section>
       </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>
     </div>
   </body>
   </body>
 </html>
 </html>

+ 32 - 16
_site/partecipa/index.html

@@ -11,27 +11,36 @@
     <meta property="og:url" content="https://tropea.org" />
     <meta property="og:url" content="https://tropea.org" />
     <meta property="og:site_name" content="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">
     <meta name="viewport" content="width=device-width">
   </head>
   </head>
   <body>
   <body>
     <div class="wrapper">
     <div class="wrapper">
       <aside>
       <aside>
         <header>
         <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>
         </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>
       </aside>
       <section>
       <section>
         <div class="archive">
         <div class="archive">
@@ -39,12 +48,12 @@
   <ul class="post-list">
   <ul class="post-list">
     
     
       <li class="post-meta">
       <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>
         <span class="post-date">Jul 6, 2019</span>
       </li>
       </li>
     
     
       <li class="post-meta">
       <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>
         <span class="post-date">Jul 6, 2019</span>
       </li>
       </li>
     
     
@@ -52,6 +61,13 @@
 </div>
 </div>
 
 
       </section>
       </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>
     </div>
   </body>
   </body>
 </html>
 </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:url" content="https://tropea.org" />
     <meta property="og:site_name" content="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">
     <meta name="viewport" content="width=device-width">
   </head>
   </head>
   <body>
   <body>
     <div class="wrapper">
     <div class="wrapper">
       <aside>
       <aside>
         <header>
         <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>
         </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>
       </aside>
       <section>
       <section>
         <div class="notice">
         <div class="notice">
@@ -320,6 +329,13 @@ to your site indefinitely simply because of a few bad apples.</p>
 </div>
 </div>
 
 
       </section>
       </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>
     </div>
   </body>
   </body>
 </html>
 </html>

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

@@ -11,27 +11,36 @@
     <meta property="og:url" content="https://tropea.org" />
     <meta property="og:url" content="https://tropea.org" />
     <meta property="og:site_name" content="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">
     <meta name="viewport" content="width=device-width">
   </head>
   </head>
   <body>
   <body>
     <div class="wrapper">
     <div class="wrapper">
       <aside>
       <aside>
         <header>
         <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>
         </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>
       </aside>
       <section>
       <section>
         <div class="notice">
         <div class="notice">
@@ -298,7 +307,7 @@ response</a> for more information on this matter.</p>
 
 
 <p>
 <p>
 That being said, if you still have a complaint about the router,  you may
 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
 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
 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
 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>
 </div>
 
 
       </section>
       </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>
     </div>
   </body>
   </body>
 </html>
 </html>

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

@@ -11,27 +11,36 @@
     <meta property="og:url" content="https://tropea.org" />
     <meta property="og:url" content="https://tropea.org" />
     <meta property="og:site_name" content="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">
     <meta name="viewport" content="width=device-width">
   </head>
   </head>
   <body>
   <body>
     <div class="wrapper">
     <div class="wrapper">
       <aside>
       <aside>
         <header>
         <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>
         </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>
       </aside>
       <section>
       <section>
         <div class="post">
         <div class="post">
@@ -48,6 +57,13 @@
 
 
 </div>
 </div>
       </section>
       </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>
     </div>
   </body>
   </body>
 </html>
 </html>

+ 32 - 16
_site/wiki/index.html

@@ -11,38 +11,54 @@
     <meta property="og:url" content="https://tropea.org" />
     <meta property="og:url" content="https://tropea.org" />
     <meta property="og:site_name" content="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">
     <meta name="viewport" content="width=device-width">
   </head>
   </head>
   <body>
   <body>
     <div class="wrapper">
     <div class="wrapper">
       <aside>
       <aside>
         <header>
         <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>
         </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>
       </aside>
       <section>
       <section>
         <h1 class="category">Wiki</h1>
         <h1 class="category">Wiki</h1>
 <ul class="posts">
 <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>
     </li>
   
   
 </ul>
 </ul>
       </section>
       </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>
     </div>
   </body>
   </body>
 </html>
 </html>

+ 105 - 2
css/style.css

@@ -411,6 +411,10 @@ aside {
   -webkit-font-smoothing: subpixel-antialiased;
   -webkit-font-smoothing: subpixel-antialiased;
 }
 }
 
 
+aside.bottom {
+  bottom: 0px;
+}
+
 header ul {
 header ul {
   list-style: none;
   list-style: none;
   height: 40px;
   height: 40px;
@@ -504,16 +508,21 @@ footer {
   padding: 20px 0;
   padding: 20px 0;
 }
 }
 
 
+.site-nav .menu-icon { display: none; }
+
 .post-list {
 .post-list {
   list-style-type: none;
   list-style-type: none;
 }
 }
 
 
+.post-list .post-meta, .posts .post-meta {
+  font-size: 18px;
+}
+
 .post-list .post-meta > a {
 .post-list .post-meta > a {
   font-weight: bold;
   font-weight: bold;
 }
 }
 
 
 .post-title {
 .post-title {
-  font-size: 17pt;
   font-weight: bold;
   font-weight: bold;
   margin-bottom: 0;
   margin-bottom: 0;
 }
 }
@@ -542,6 +551,10 @@ footer {
   color: #555;
   color: #555;
 }
 }
 
 
+.description h1:first-child {
+  margin-bottom: 20px;
+}
+
 .relay-list {
 .relay-list {
   width: 75%;
   width: 75%;
   font-family: monospace;
   font-family: monospace;
@@ -551,13 +564,32 @@ footer {
   font-weight: bold;
   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) {
 @media print, screen and (max-width: 960px) {
   div.wrapper {
   div.wrapper {
     width: auto;
     width: auto;
     margin: 0;
     margin: 0;
   }
   }
 
 
-  header,section,footer {
+  header,section,footer,aside {
     float: none;
     float: none;
     position: static;
     position: static;
     width: auto;
     width: auto;
@@ -583,6 +615,64 @@ footer {
     right: 50px;
     right: 50px;
     top: 52px;
     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) {
 @media print, screen and (max-width: 720px) {
@@ -615,6 +705,19 @@ footer {
   header li,header ul li+li+li {
   header li,header ul li+li+li {
     width: 33%;
     width: 33%;
   }
   }
+
+  header img.logo {
+    width: 40px;
+  }
+
+  .site-nav {
+    top: 25px;
+    right: 25px;
+  }
+
+  .relay td a {
+    overflow-wrap: anywhere;
+  }
 }
 }
 
 
 @media print {
 @media print {

+ 1 - 1
tor-exit-notice.html

@@ -268,7 +268,7 @@ response</a> for more information on this matter.</p>
 
 
 <p>
 <p>
 That being said, if you still have a complaint about the router,  you may
 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
 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
 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
 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>
 <h1 class="category">{{ page.title }}</h1>
 <ul class="posts">
 <ul class="posts">
   {% for post in site.categories.wiki %}
   {% for post in site.categories.wiki %}
-    <li>
+    <li class="post-meta">
       <a class="post-link" href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a>
       <a class="post-link" href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a>
     </li>
     </li>
   {% endfor %}
   {% endfor %}