Browse Source

Light editing and text formatting

fillotassi 5 years ago
parent
commit
816446adeb

+ 1 - 5
content/posts/talk10.md

@@ -5,8 +5,4 @@ orario: 16.45
 draft: false
 ---
 
-Soffri di Computerfobia? Scoprilo con questo semplice test!
-
-Favolosi anni '80, USA. Studi psicologici riportano che circa il 20% della popolazione è ad alto rischio di sviluppare un nuovo disturbo mentale: la Computerfobia. Tanto che alla fine degli anni novanta si conteranno circa 400 studi accademici sull'argomento, oltre a svariati articoli di giornale, libri e manuali. Ma in realtá questa sindrome non è mai esistita: mai entrata nei manuali diagnostici ufficiali, né legata a specifici fattori di rischio se non "c'ho l'ansia in generale". Ma perché allora la studiavano? E a noi che ce frega? I motivi sono tanti: guerra fredda, storia dei computerz, psycologi, komunisti e kapitalisti, test attitudinali, controllo sociale, rivoluzione(?), cyborgs, narrative e narrazioni, discorsi e discorsoni,  distorti e distorsioni. E tu, sei computerfobic@? Scoprilo con questo semplice talk!
-
-
+Favolosi anni '80, USA. Studi psicologici riportano che circa il 20% della popolazione è ad alto rischio di sviluppare un nuovo disturbo mentale: la <i>computerfobia</i>. Tanto che alla fine degli anni novanta si conteranno circa 400 studi accademici sull'argomento, oltre a svariati articoli di giornale, libri e manuali. Ma in realtá questa sindrome non è mai esistita: mai entrata nei manuali diagnostici ufficiali, né legata a specifici fattori di rischio se non "c'ho l'ansia in generale". Ma perché allora la studiavano? E a noi che ce frega? I motivi sono tanti: guerra fredda, storia dei computerz, psycologi, komunisti e kapitalisti, test attitudinali, controllo sociale, rivoluzione(?), cyborgs, narrative e narrazioni, discorsi e discorsoni,  distorti e distorsioni. E tu, sei computerfobic@? Scoprilo con questo semplice talk!

+ 3 - 4
content/posts/talk11.md

@@ -5,9 +5,8 @@ orario: 17.30
 draft: false
 ---
 
-Mi seguono? Mi ascoltano? Chi? Perche'? Usando un semplice script [1] e una chiavetta rtl-sdr da pochi euro e' possibile rilevare quali SIM sono registrate in una determinata torre GSM. Possibili trick e utilizzi per usare questa informazione per ingrassare la nostra paranoia.
+Mi seguono? Mi ascoltano? Chi? Perche'? Usando un semplice script e una chiavetta <i>rtl-sdr</i> da pochi euro è possibile rilevare quali SIM sono registrate in una determinata torre GSM. Possibili trick e utilizzi per usare questa informazione per ingrassare la nostra paranoia.
 
-Tempo: 15/20 min + domande (30 min max tot)
-
-Materiale oltre proiettore: Sostanza "M"
+<!--Tempo: 15/20 min + domande (30 min max tot)
 
+Materiale oltre proiettore: Sostanza "M"-->

+ 1 - 4
content/posts/talk12.md

@@ -5,7 +5,4 @@ orario: 18.15
 draft: false
 ---
 
-SSB - Secure Scuttlebutt
-un'introduzione a secure scuttlebutt: non è un social network (anche perchè di un ulteriore social network non ne sentiamo veramente il bisogno), è un protocollo su cui costruire applicazioni distribuite, offline e peer to peer.
-
-
+Un'introduzione a <strong><i>Secure Scuttlebutt</i></strong>: non un social network (perchè di uno ulteriore non ne sentiamo il bisogno), ma un protocollo su cui costruire applicazioni distribuite <i>offline</i> e <i>peer-to-peer</i>.

+ 7 - 21
content/posts/talk16.md

@@ -5,26 +5,12 @@ orario: 22.30
 draft: false
 ---
 
-[http://www.cobolpongide.org/](http://www.cobolpongide.org/)
+<strong><i>COBOL PONGIDE</i></strong> è un duo umano/robotico formato da <i>Cobol</i> ed <i>Emiglino Cicala</i>, che suonano musica esclusivamente mediante giocattoli. <i>Cobol</i> si diploma presso l’<i>Istituto per le Arti Armoniche Dinamiche e Cinematiche</i> di Praga, mentre <i>Emiglino</i> no. Subisce invece un iter di programmazione basilare ma accurato presso i laboratori Giochi Preziosi di Milano. Nel duo <i>Cobol</i> si occupa di suonare con le mani tastierine didattiche come <i>Bontempi</i>, <i>Casio</i>, <i>Chicco</i>, console di gioco come il <i>Gameboy</i> e il <i>C64</i>] e strumenti circuit-bendati.
+Diversamente Emiglino è il frontbot della band e canta grazie ad un cavo nero che gli esce dalla testa. La loro musica, elettronica e prodotta attraverso strumenti piccoli e colorati, è ispirata al tema della mancata conquista dello spazio, risentendo in alcuni dei testi scritti da <i>Emiglino</i>, di una certa retorica robotica avversa ai lavori domestici (come se poi qualcuno gli avesse mai chiesto di farli). Nel 2011 i Cobol Pongide sono stati nominati band ufficiale per la sonorizzazione della missione su Marte con equipaggio umano del 2021.
 
-    Toy Synthesizer Approach,
-    Child Melan-Comic Music e
-    Musica di Natale
+Toy Synthesizer Approach, Child Melan-comic Music e Musiche di Natale
 
-
-    http://www.cobolpongide.org/
-
-    http://www.cobolpongide.blogspot.com/ [blog]
-    http://www.youtube.com/user/cobolpongide [video]
-    http://www.beatpick.com/artists/cobol_pongide [licensing label]
-
-
-    COBOL PONGIDE e’ un duo umano/robotico formato da Cobol e da Emiglino Cicala. Suonano musica esclusivamente mediante giocattoli. Cobol si diploma presso l’Istituto per le Arti Armoniche Dinamiche e Cinematiche di Praga, mentre Emiglino no. Subisce invece un iter di programmazione basilare ma accurato presso i laboratori Giochi Preziosi di Milano.
-    Nel duo Cobol si occupa di suonare con le mani: tastierine didattiche [come Bontempi, Casio, Chicco, eccetera]; console di gioco [come il Gameboy e il C64]; circuit bending.
-    Diversamente Emiglino e’ il frontbot cantante della band e canta grazie a un cavo nero che gli esce dalla testa.
-    La loro musica [musica elettronica suonata e cantata con strumenti piccoli e colorati] e’ ispirata al tema della mancata conquista dello spazio ma alcuni brani risentono, nei testi scritti da Emiglino, di una certa retorica robotica avversa ai lavori domestici [come se poi qualcuno gli avesse mai chiesto di farli].
-    Nel 2011 i Cobol Pongide sono stati nominati band ufficiale per la sonorizzazione della missione su Marte con equipaggio umano del 2021.
-
-Citazioni preferite
-
-    Nessuna citazione preferita da mostrare
+[webpage](http://www.cobolpongide.org/)
+[blog](http://www.cobolpongide.blogspot.com/)
+[video](http://www.youtube.com/user/cobolpongide)
+[licensing label](http://www.beatpick.com/artists/cobol_pongide)

+ 2 - 5
content/posts/talk2.md

@@ -5,10 +5,7 @@ orario: 19.15
 draft: false
 ---
 
-Esseri umani che accudiscono macchine su cui è installato il social network della loro comunità..
-saranno presenti e ci racconteranno dal lato tecnico come si fa.
-Utile per chi potrebbe voler mettere su il proprio nodo mastodon! Accorrete!
 
-Il talk sarà tenuto da manteiners di [mastodon.bida.im](https://mastodon.bida.im/about)
-Bida = bietola!
+Il talk sarà tenuto da mantainers di [mastodon.bida.im](https://mastodon.bida.im/about), esseri umani che accudiscono macchine su cui è installato il social network della loro comunità. Ci racconteranno dal lato tecnico come si fa, utile per chi potrebbe voler mettere su il proprio nodo Mastodon! Accorrete!
 
+Bida = bietola! 

+ 1 - 4
content/posts/talk3.md

@@ -5,7 +5,4 @@ orario: 20.00
 draft: false
 ---
 
-Libro I social network
-stiamo cercando la descrizione.. a breve..
-confermato!
-
+Presentazione del libro <i>I social network</i>. Stiamo cercando la descrizione, a breve tra questi paragrafi. 

+ 2 - 2
content/posts/talk4.md

@@ -6,6 +6,6 @@ draft: false
 ---
 
 Le cose importanti!
-Chiunque può dare una mano a cucinare, l'evento è autogestito, quindi si mangia quel che cuciniamo!
-servono braccia anche per spiattare e lavare le pentole!
 
+Chiunque può dare una mano a cucinare. L'evento è autogestito, quindi si mangia quel che cuciniamo!
+Servono anche braccia per spiattare e lavare pentole!

+ 2 - 2
content/posts/talk5.md

@@ -1,8 +1,8 @@
 ---
-title: "Howto sito hack’r’diye"
+title: "Look mum, no  js!"
 #date: 2018-09-22T10:41:39+02:00
 orario: 21.45
 draft: false
 ---
 
-Filotassi ci narrerà come è stato creato il tema del sito di quest'anno.
+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.

+ 2 - 11
content/posts/talk6.md

@@ -5,15 +5,6 @@ orario: 09.00
 draft: false
 ---
 
-Qual'è il concetto dietro alla vulnerabilità Meltdown dei processori presenti sul pianeta Terra?
-Immaginatevelo [https://it.wikipedia.org/wiki/Meltdown_(vulnerabilit%C3%A0_di_sicurezza)](https://it.wikipedia.org/wiki/Meltdown_(vulnerabilit%C3%A0_di_sicurezza))
-e poi venite a vederla ed a recitare!
-
-iNFO https://meltdownattack.com/
-
-
-La famiglia di attacchi a cui Meltdown appartiene si porta dietro un sacco di concetti e tecniche interessanti e buffe, che sembrano fatte apposta per farci la recita di fine anno.
-Vorrei per questo partire da una spiegazione figurata/illustrata ( con l'aiuto coatto delle persone in sala ) e giungere ad un commento del codice di alcuni Proof of concept relativi a Meldown, anche noto, per gli amanti della burocrazia, come Variante 3 (Rogue Data Cache Load) di questa particolare famiglia di side channel attack, illustrato nel CVE-2017-5754.
-
-
+Qual'è il concetto dietro alla vulnerabilità Meltdown dei processori presenti sul pianeta Terra? La famiglia di <i>side channel attack</i> a cui appartiene se ne porta dietro interessanti e buffi, che sembrano fatti apposta per una recita di fine anno. Potete quindi [immaginarli](https://it.wikipedia.org/wiki/Meltdown_(vulnerabilit%C3%A0_di_sicurezza)), per poi venirne a seguire una dimostrazione illustrata (con l'aiuto coatto delle persone in sala), a cui seguirà il commento del codice di alcuni proof of concept relativi a questo attacco, anche noto, per gli amanti della burocrazia, come <strong><i>Variante 3 (Rogue Data Cache Load)</i></strong> del <i>CVE-2017-5754</i>.
 
+[Ulteriori info su <i>Meltdown</i>](https://meltdownattack.com/)

+ 4 - 6
content/posts/talk9.md

@@ -5,12 +5,10 @@ orario: 16.00
 draft: false
 ---
 
-Circolog
+<strong><i>Circolog</i></strong> è un'implementazione di <i>syslog</i> su buffer circolare con storage in memoria. Serve per poter avere debug molto dettagliato senza salvare i log su disco.
 
-circolog è un'implementazione di syslog con storage in memoria, su buffer circolare. Serve per poter avere debug molto dettagliato senza salvare i log su disco.
-Lo scenario è che hai un server e vuoi bene ai tuoi utenti: non salvi i loro IP e nemmeno tanti altri dettagli personali. Quando devi debuggare qualcosa, come fai? Io, prima, aumentavo temporaneamente il livello di logging; per qualche ora volevo meno bene ai miei utenti e salvavo più informazioni, che mi erano necessarie per risolvere il problema. 
-Circolog permette di separare i log che vanno su disco (non sensibili e utili a lungo termine) dai log che vanno solo in memoria (potenzialmente sensibili e ricercabili solo a brevissimo termine).
-
-Il codice è ottenibile, nei giorni in cui lattuga funziona, da https://git.lattuga.net/boyska/circolog
+Lo scenario è che hai un server e vuoi bene ai tuoi utenti: non salvi i loro IP e nemmeno tanti altri dettagli personali. Quando devi debuggare qualcosa, come fai? Io, prima, aumentavo temporaneamente il livello di logging; per qualche ora volevo meno bene ai miei utenti e salvavo più informazioni, che mi erano necessarie per risolvere il problema.
 
+<i>Circolog</i> permette di separare i log che vanno su disco (non sensibili e utili a lungo termine) dai log che vanno solo in memoria (potenzialmente sensibili e ricercabili solo a brevissimo termine).
 
+Il codice è ottenibile, nei giorni in cui lattuga funziona, da https://git.lattuga.net/boyska/circolog

BIN
static/hod_furby_bn_patch.png


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

@@ -14,7 +14,7 @@
                         <span class="stellina">+</span>     <span class="setola">-</span>   <span class="occhietti">○</span>   <span class="occhietti">○</span>   <span class="setola">-</span>    <span class="stellina">+</span>                          <span style="display:none;">|</span>
                     <span class="stellina">+</span>         <span class="vello">(</span> <span class="setola">-</span>   <span class="bocca">c</span>  <span class="setola">-</span>  <span class="vello">)</span>        <span class="stellina">+</span>                      <span style="display:none;">|</span>
                           <span class="stellina">+</span>   <span class="vello">/</span><span class="setola">-</span>  <span class="setola">-</span>   <span class="setola">-</span>  <span class="setola">-</span><span class="vello">\</span>  <span class="stellina">+</span>                            <span style="display:none;">|</span>
-                             <span class="vello">(</span><span class="setola">-</span> <span class="vello">__</span> <span class="setola">-</span> <span class="setola">-</span> <span class="pedibus">__</span> <span class="setola">-</span><span class="vello">)</span>                              <span style="display:none;">|</span>
+                             <span class="vello">(</span><span class="setola">-</span> <span class="pedibus">__</span> <span class="setola">-</span> <span class="setola">-</span> <span class="pedibus">__</span> <span class="setola">-</span><span class="vello">)</span>                              <span style="display:none;">|</span>
                       <span class="stellina">+</span>       <span class="vello">\</span><span class="pedibus">(__)</span><span class="vello">_</span><span class="setola">-</span><span class="vello">_<span class="pedibus">(__)</span>/</span>      <span class="stellina">+</span>                        <span style="display:none;">|</span>
                                                                           <span style="display:none;">|</span>
                           <span class="stellina">+</span>         <span class="stellina">+</span>        <span class="stellina">+</span>                            <span style="display:none;">|</span>

+ 11 - 30
themes/HOD2k18/static/css/style.css

@@ -21,36 +21,15 @@
     color: orange;
   }
 }
-@-webkit-keyframes banner-stretch {
-  0% {
-    width: 0%;
-    left: 0;
-  }
-  15% {
-    width: 100%;
-  }
-  75% {
-    width: 100%;
-  }
-  100% {
-    width: 0%;
-    right: 0;
-  }
-}
 @-webkit-keyframes banner-opacity {
   0% {
-    opacity: 0%;
-  }
-  35% {
-    opacity: 100%;
-    visibility: visible;
+    opacity: 0;
   }
-  65% {
-    opacity: 80%;
+  50% {
+    opacity: 1;
   }
   100% {
     opacity: 0;
-    display: none;
   }
 }
 body {
@@ -211,7 +190,7 @@ body main #scrollable-column #right-column #calendario ul .descrizione-talk {
 body main #scrollable-column #right-column #calendario ul .descrizione-talk div {
   max-height: 30em;
   overflow-y: scroll;
-  padding: 3em;
+  padding: 1em 3em;
 }
 body main #scrollable-column #right-column #raggiungerci {
   background-color: #000001;
@@ -411,16 +390,18 @@ body main #scrollable-column #left-column #illustrazione .text-wrapper #call {
 }
 body footer {
   display: flex;
-  animation-direction: normal;
-  animation-fill-mode: forwards;
   justify-content: center;
   align-items: center;
-  height: 3em;
   text-align: center;
-  position: absolute;
-  bottom: 0;
+  bottom: 0em;
   width: 100%;
   background-color: black;
+  position: fixed;
+  left: 0;
+  animation-name: banner-opacity;
+  animation-duration: 4s;
+  animation-fill-mode: forwards;
+  animation-iteration-count: 1;
 }
 
 /*# sourceMappingURL=style.css.map */

+ 1 - 1
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;IACH;;EACA;IAAI;;EACJ;IAAI;;EACJ;IAAK;IACL;;;AAGF;EACE;IAAG;;EACH;IAAI;IAAe;;EACnB;IAAI;;EACJ;IAAK;IAAU;;;AAGjB;EACE;EACA;EACA,kBAlCS;EAmCT,OAlCW;EAmCX;EACA;;AAEA;EACI;EACA;EACA;;AAGJ;EACE,OA5CO;;AA+CT;EACE,OA/CW;;AAoDb;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,kBA3GG;EA4GH;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;;AAEA;EAVF;IAWI;;;AAEF;EACE,OArKL;EAsKK;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAEA;EACE;;AAMR;EACE;EACA;EACA;AAMA;AAAA;AAAA;EAGA;;AARA;EACE;EACA;EACA;;AAUR;EACE,kBA1MC;EA2MD;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;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;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;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;;AAEA;EAVF;IAWI;;;AAEF;EACE,OA3JL;EA4JK;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAEA;EACE;;AAMR;EACE;EACA;EACA;AAMA;AAAA;AAAA;EAGA;;AARA;EACE;EACA;EACA;;AAUR;EACE,kBAhMC;EAiMD;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;EACA;EACA;EACA;EACA","file":"style.css"}

+ 13 - 19
themes/HOD2k18/static/css/style.scss

@@ -17,20 +17,10 @@ $visited-link: #cc0099;
   100%{color: orange;}
 }
 
-@-webkit-keyframes banner-stretch{
-  0%{width: 0%;
-  left:0;}
-  15%{width: 100%;}
-  75%{width:100%;};
-  100%{width:0%;
-  right:0;};
-}
-
 @-webkit-keyframes banner-opacity{
-  0%{opacity: 0%;}
-  35%{opacity: 100%; visibility: visible;}
-  65%{opacity: 80%;}
-  100%{opacity:0;display: none;};
+  0%{opacity: 0;}
+  50%{opacity:1;}
+  100%{opacity:0;};
 }
 
 body {
@@ -411,17 +401,21 @@ body {
   }
 
   footer {
-//    animation: banner-stretch 3.3s 1s;
     display: flex;
-    animation-direction: normal;
-    animation-fill-mode: forwards;
     justify-content: center;
     align-items: center;
-    height: 3em;
     text-align: center;
-    position: absolute;
-    bottom: 0;
+    bottom: 0em;
     width:100%;
     background-color: black;
+  	position: fixed;
+  	left: 0;
+  	animation-name: banner-opacity;
+  	animation-duration: 4s;
+  	animation-fill-mode: forwards;
+  	animation-iteration-count: 1;
   }
+
+
+
 }