Add padding-top to ASCII, small responsive improvements

content/posts/talk5.md

@@ -1,8 +1,8 @@
 ---
-title: "Look mum, no  js!"
+title: "Look mum - no  js"
 #date: 2018-09-22T10:41:39+02:00
 orario: 21.45
 draft: false
 ---
 
-Il sito che stai scorrendo è un documento SopraMarcato di IperTesti (SMIT, inglesisticamente noto come HTML) a cui è applicato uno stile piuttosto contorto che lo faccia sembrare meno statico. Questo talk, forse lightning, mostrerà come surrogare gli stilemi del web design odierno in assenza di Javascript, utilizzando nient'altro che HTML, CSS e compilatori di siti statici.
+Il sito che stai scorrendo è un documento SovraMarcato di IperTesti (SMIT, anglofonamente noto come HTML) a cui è applicato uno stile piuttosto contorto perchè sembri meno statico. Questo talk, forse lightning, mostrerà come surrogare gli stilemi del web design odierno in assenza di Javascript, utilizzando HTML, CSS e compilatori di siti statici.

themes/HOD2k18/layouts/partials/furby-hack-color.html

@@ -25,7 +25,6 @@
 <span class="rainbow">  <span class="retard-1">|\</span>  <span class="retard-2">| |</span> <span class="retard-3">| |</span> <span class="retard-4">_</span> <span class="retard-5">|\</span>  <span class="retard-6">|_|</span> <span class="retard-7">|_|</span>   <span class="retard-9">| |</span> <span class="retard-10">| |</span> <span class="retard-11">_</span> <span class="retard-12">|\|</span> <span class="retard-13">\_/</span> <span class="retard-14">|_</span>   <span class="retard-16">|</span>   <span class="retard-17">| |</span> <span class="retard-18">| |</span>   <span class="retard-19">)</span>      </span><span style="display:none;">|</span>
 <span class="rainbow">  <span class="retard-1">|_)</span> <span class="retard-2">|_|</span> <span class="retard-3">|_|</span>   <span class="retard-5">|_)</span> <span class="retard-6">| |</span> <span class="retard-7">| |</span>   <span class="retard-9">|_|</span> <span class="retard-10">|_|</span>   <span class="retard-12">| |</span>  <span class="retard-13">/</span>  <span class="retard-14">|_</span>   <span class="retard-16">|__</span> <span class="retard-17">|_|</span> <span class="retard-18">|_|</span>  <span class="retard-19">(</span>       </span><span style="display:none;">|</span>
 <span class="rainbow">                                                                  <span class="retard-19">'</span>       </span><span style="display:none;">|</span>
-
                                                                           <span style="display:none;">|</span>
           |_   _.  _ |       _  ._       _| o /    |  _  \                <span style="display:none;">|</span>
           | | (_| (_ |<  ─  (_) |   ─   (_| | \ \/ | (/_ /                <span style="display:none;">|</span>

themes/HOD2k18/static/css/style.css

@@ -89,6 +89,7 @@ body main #scrollable-column {
 @media screen and (max-width: 900px) {
   body main #scrollable-column {
     flex-wrap: wrap;
+    padding-top: 2em;
   }
 }
 @media screen and (min-width: 900px) {
@@ -164,7 +165,7 @@ body main #scrollable-column #right-column #calendario ul li .title-wrapper .tit
 }
 @media screen and (max-width: 900px) {
   body main #scrollable-column #right-column #calendario ul li .title-wrapper {
-    width: 100%;
+    width: 80%;
   }
 }
 body main #scrollable-column #right-column #calendario ul li .title-wrapper .orario {
@@ -401,6 +402,7 @@ body footer {
   background-color: black;
   position: fixed;
   left: 0;
+  padding-top: 1em;
 }
 body footer p {
   animation-name: banner-opacity;

themes/HOD2k18/static/css/style.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["style.scss"],"names":[],"mappings":"AASA;EACE;IAAG;;EACH;IAAI;;EACJ;IAAI;;EACJ;IAAI;;EACJ;IAAI;;EACJ;IAAK;;EACL;IAAK;;;AAGP;EACE;IAAG;;EACH;IAAI;;EACJ;IAAK;;;AAGP;EACE;EACA;EACA,kBAxBS;EAyBT,OAxBW;EAyBX;EACA;;AAEA;EACI;EACA;EACA;;AAGJ;EACE,OAlCO;;AAqCT;EACE,OArCW;;AA0Cb;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AACA;EANF;IAOI;;;AAGF;EAYE;EACA;EACA;;AAbA;EADF;IAEI;;;AAEF;EACE;IACE;IACA;IACA;;;AAQJ;EACE;EACA,kBAjGG;EAkGH;EACA;EACA;;AACA;EANF;IAOI;IACA;;;AAGF;EACE;EACA;;AACA;EAHF;IAII;;;AAEF;EANF;IAOI;;;AAGF;EAIE;EACA;EACA;EACA;EACA;EACA;EACA;;AATA;EACE;;AAUF;EACE;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;AAEF;EAZF;IAaI;;;AAEF;EACE,OA7JL;EA8JK;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAEA;EACE;;AAMR;EACE;EACA;EACA;AAMA;AAAA;AAAA;EAGA;;AARA;EACE;EACA;EACA;;AAUR;EACE,kBAlMC;EAmMD;EACA;EACA;;AAKF;EADF;IAEI;;;AAGF;EACE;EACA;EACA;EACA;;AACE;EACE;EACA;;AAEE;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGJ;EAzIF;IA0II;IACA;;;AAEF;EA7IF;IA8II;;;AAEF;EAhJF;IAiJI;;;AAIN;EACE;;AACA;EACE;EACA;EACA;;AACA;EAJF;IAKI;;;AAEF;EAPF;IAQI;;;AAEF;EAVF;IAWI;;;AAIJ;EACE;;AACA;EAFF;IAGI;;;AAEF;EALF;IAMI;;;AAEF;EARF;IASI;;;AAIJ;EACE;EACA;;AAQZ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACD;EACA;;AACC;EACC;EACA;EACA;EACA","file":"style.css"}
+{"version":3,"sourceRoot":"","sources":["style.scss"],"names":[],"mappings":"AASA;EACE;IAAG;;EACH;IAAI;;EACJ;IAAI;;EACJ;IAAI;;EACJ;IAAI;;EACJ;IAAK;;EACL;IAAK;;;AAGP;EACE;IAAG;;EACH;IAAI;;EACJ;IAAK;;;AAGP;EACE;EACA;EACA,kBAxBS;EAyBT,OAxBW;EAyBX;EACA;;AAEA;EACI;EACA;EACA;;AAGJ;EACE,OAlCO;;AAqCT;EACE,OArCW;;AA0Cb;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AACA;EANF;IAOI;;;AAGF;EAaE;EACA;EACA;;AAdA;EADF;IAEI;IACA;;;AAEF;EACE;IACE;IACA;IACA;;;AAQJ;EACE;EACA,kBAlGG;EAmGH;EACA;EACA;;AACA;EANF;IAOI;IACA;;;AAGF;EACE;EACA;;AACA;EAHF;IAII;;;AAEF;EANF;IAOI;;;AAGF;EAIE;EACA;EACA;EACA;EACA;EACA;EACA;;AATA;EACE;;AAUF;EACE;EACA;;AACA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EAdF;IAeI;;;AAEF;EACE,OA/JL;EAgKK;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAEA;EACE;;AAMR;EACE;EACA;EACA;AAMA;AAAA;AAAA;EAGA;;AARA;EACE;EACA;EACA;;AAUR;EACE,kBApMC;EAqMD;EACA;EACA;;AAKF;EADF;IAEI;;;AAGF;EACE;EACA;EACA;EACA;;AACE;EACE;EACA;;AAEE;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGJ;EAzIF;IA0II;IACA;;;AAEF;EA7IF;IA8II;;;AAEF;EAhJF;IAiJI;;;AAIN;EACE;;AACA;EACE;EACA;EACA;;AACA;EAJF;IAKI;;;AAEF;EAPF;IAQI;;;AAEF;EAVF;IAWI;;;AAIJ;EACE;;AACA;EAFF;IAGI;;;AAEF;EALF;IAMI;;;AAEF;EARF;IASI;;;AAIJ;EACE;EACA;;AAQZ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACD;EACA;EACC;;AACA;EACC;EACA;EACA;EACA","file":"style.css"}

themes/HOD2k18/static/css/style.scss

@@ -84,6 +84,7 @@ body {
     #scrollable-column {
       @media screen and (max-width: $breakpoint-tablet) {
         flex-wrap: wrap;
+        padding-top:2em;
       }
       @media screen and (min-width: $breakpoint-tablet) {
         #raggiungerci {
@@ -133,7 +134,6 @@ body {
             li {
               flex-wrap: wrap;
               margin-bottom: 1em;
-
               .filler {
                 display: flex;
                 flex: 1 1 100%;
@@ -153,11 +153,13 @@ body {
                 padding: 0.1em;
                 margin-bottom: -5px;
                 z-index: 32;
+
                 .titolo{
                   overflow-x: hidden;
                 }
+
                 @media screen and (max-width: $breakpoint-tablet) {
-                  width:100%;
+                  width:80%;
                 }
                 .orario {
                   color: $text-color;
@@ -412,6 +414,7 @@ body {
     background-color: black;
   	position: fixed;
   	left: 0;
+    padding-top:1em;
     p{
     	animation-name: banner-opacity;
     	animation-duration: 4s;