diff --git a/content/posts/talk10.md b/content/posts/talk10.md index df25f49..89952ac 100644 --- a/content/posts/talk10.md +++ b/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 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! diff --git a/content/posts/talk11.md b/content/posts/talk11.md index 078a9b1..074bc99 100644 --- a/content/posts/talk11.md +++ b/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 rtl-sdr 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" + diff --git a/content/posts/talk12.md b/content/posts/talk12.md index 3d69fb1..898d383 100644 --- a/content/posts/talk12.md +++ b/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 Secure Scuttlebutt: non un social network (perchè di uno ulteriore non ne sentiamo il bisogno), ma un protocollo su cui costruire applicazioni distribuite offline e peer-to-peer. diff --git a/content/posts/talk16.md b/content/posts/talk16.md index 36e3603..240c93c 100644 --- a/content/posts/talk16.md +++ b/content/posts/talk16.md @@ -5,26 +5,12 @@ orario: 22.30 draft: false --- -[http://www.cobolpongide.org/](http://www.cobolpongide.org/) +COBOL PONGIDE è un duo umano/robotico formato da Cobol ed Emiglino Cicala, che 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, console di gioco come il Gameboy e il C64] 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 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. - 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) diff --git a/content/posts/talk2.md b/content/posts/talk2.md index 69f7347..5d14790 100644 --- a/content/posts/talk2.md +++ b/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! diff --git a/content/posts/talk3.md b/content/posts/talk3.md index f215bce..980fe1e 100644 --- a/content/posts/talk3.md +++ b/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 social network. Stiamo cercando la descrizione, a breve tra questi paragrafi. diff --git a/content/posts/talk4.md b/content/posts/talk4.md index d99a2e2..6911d3a 100644 --- a/content/posts/talk4.md +++ b/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! diff --git a/content/posts/talk5.md b/content/posts/talk5.md index 582d86c..c70e435 100644 --- a/content/posts/talk5.md +++ b/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. diff --git a/content/posts/talk6.md b/content/posts/talk6.md index 66296b6..ceeaaff 100644 --- a/content/posts/talk6.md +++ b/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 side channel attack 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 Variante 3 (Rogue Data Cache Load) del CVE-2017-5754. +[Ulteriori info su Meltdown](https://meltdownattack.com/) diff --git a/content/posts/talk9.md b/content/posts/talk9.md index 613359a..99b07c2 100644 --- a/content/posts/talk9.md +++ b/content/posts/talk9.md @@ -5,12 +5,10 @@ orario: 16.00 draft: false --- -Circolog +Circolog è un'implementazione di syslog 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). +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 - - diff --git a/static/hod_furby_bn_patch.png b/static/hod_furby_bn_patch.png new file mode 100644 index 0000000..dfaf4c3 Binary files /dev/null and b/static/hod_furby_bn_patch.png differ diff --git a/themes/HOD2k18/layouts/partials/furby-hack-color.html b/themes/HOD2k18/layouts/partials/furby-hack-color.html index ba84d37..f2761d8 100644 --- a/themes/HOD2k18/layouts/partials/furby-hack-color.html +++ b/themes/HOD2k18/layouts/partials/furby-hack-color.html @@ -14,7 +14,7 @@ + - ○ ○ - + | + ( - c - ) + | + /- - - -\ + | - (- __ - - __ -) | + (- __ - - __ -) | + \(__)_-_(__)/ + | | + + + | diff --git a/themes/HOD2k18/static/css/style.css b/themes/HOD2k18/static/css/style.css index b6520e4..0169546 100644 --- a/themes/HOD2k18/static/css/style.css +++ b/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%; + opacity: 0; } - 35% { - opacity: 100%; - visibility: visible; - } - 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 */ diff --git a/themes/HOD2k18/static/css/style.css.map b/themes/HOD2k18/static/css/style.css.map index daa503d..31d4b02 100644 --- a/themes/HOD2k18/static/css/style.css.map +++ b/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"} \ No newline at end of file +{"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"} \ No newline at end of file diff --git a/themes/HOD2k18/static/css/style.scss b/themes/HOD2k18/static/css/style.scss index 7bd50fe..c08e9a0 100644 --- a/themes/HOD2k18/static/css/style.scss +++ b/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; } + + + }