forked from fillotassi/HOD2018_website
Final touches on responsive and animations
This commit is contained in:
fillotassi
parent
973ed18199
commit
3df3d64d50
28 changed files with 1753 additions and 282 deletions
|
|
@ -3,5 +3,5 @@ title: "Gadgety Sound System"
|
||||||
#date: 2018-09-22T10:41:39+02:00
|
#date: 2018-09-22T10:41:39+02:00
|
||||||
orario: 09.00
|
orario: 09.00
|
||||||
draft: false
|
draft: false
|
||||||
text: Gadgety Sound System è ddslod jsdfojf
|
|
||||||
---
|
---
|
||||||
|
Gadgety Sound System è un sistema distribuito di moduli musicali.
|
||||||
|
|
|
||||||
|
|
@ -1,8 +1,7 @@
|
||||||
---
|
---
|
||||||
title: "Talk1 afsadf dfadafadgbfh s"
|
title: "Gadgety oaidjf a System"
|
||||||
#date: 2018-09-22T10:41:39+02:00
|
#date: 2018-09-22T10:41:39+02:00
|
||||||
|
orario: 09.00
|
||||||
draft: false
|
draft: false
|
||||||
text: IUSAHFLidfujsaki è ddslod jsdfojf
|
|
||||||
---
|
---
|
||||||
|
Gadgety Sound System è un sistema distribuito di moduli musicali.
|
||||||
Etc etc
|
|
||||||
|
|
|
||||||
|
|
@ -1,8 +1,7 @@
|
||||||
---
|
---
|
||||||
title: "Talk3 dfh fj yj gf hn"
|
title: "Gakajdfhsklfjdsstem"
|
||||||
#date: 2018-09-22T10:41:39+02:00
|
#date: 2018-09-22T10:41:39+02:00
|
||||||
draft: true
|
orario: 09.00
|
||||||
text: SDASDALKD è dslod jsdfojf
|
draft: false
|
||||||
---
|
---
|
||||||
|
Gadgety Sound System è un sistema distribuito di moduli musicali.
|
||||||
Etc etc
|
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,7 @@
|
||||||
---
|
---
|
||||||
title: "Talk4 sdf sfg dfh djjn "
|
title: "GadSAISDUHJAIKDJSem"
|
||||||
#date: 2018-09-22T10:41:39+02:00
|
#date: 2018-09-22T10:41:39+02:00
|
||||||
draft: true
|
orario: 09.00
|
||||||
|
draft: false
|
||||||
---
|
---
|
||||||
|
Gadgety Sound System è un sistema distribuito di moduli musicali.
|
||||||
Etc etc
|
|
||||||
|
|
|
||||||
|
|
@ -1,7 +0,0 @@
|
||||||
---
|
|
||||||
title: "Talk5 dsgdfg dh dyt duj"
|
|
||||||
#date: 2018-09-22T10:41:39+02:00
|
|
||||||
draft: true
|
|
||||||
---
|
|
||||||
|
|
||||||
Etc etc
|
|
||||||
|
|
@ -1,7 +0,0 @@
|
||||||
---
|
|
||||||
title: "Talk6 dsfs g dgse hs"
|
|
||||||
#date: 2018-09-22T10:41:39+02:00
|
|
||||||
draft: true
|
|
||||||
---
|
|
||||||
|
|
||||||
Etc etc
|
|
||||||
|
|
@ -3,31 +3,25 @@ title: "raggiungerci"
|
||||||
#date: 2018-09-22T10:41:39+02:00
|
#date: 2018-09-22T10:41:39+02:00
|
||||||
draft: true
|
draft: true
|
||||||
---
|
---
|
||||||
|
Allo Spazio Sociale Autogestito XM24 via Fioravanti 24, Bologna. Come arrivarci:
|
||||||
|
|
||||||
Spazio Sociale Autogestito XM24 via Fioravanti 24, Bologna
|
<h4>Dall’aereoporto Marconi (BLQ)</h4>
|
||||||
|
Modo più economico: Uscito dal terminal “Arrivi” dirigiti a sinistra, passa attraverso il parcheggio autobus e segui il percorso pedonale fino ad arrivare ad una grande rotonda. Attraversa la strada, passa sotto il cavalcavia e dopo 100 metri sulla destra trovi la fermata “Birra” dove passa il bus 81/91 che ti lascia in stazione centrale. Prosegui seguendo le indicazioni qui sotto. Il biglietto urbano si può fare nel bar/tabacchino di fronte alla fermata.
|
||||||
|
|
||||||
XM24 è uno Spazio Pubblico Autogestito basato sull’antifascismo, antisessismo ed antirazzismo. Fascist, xenofob, omofob, sessist non sono benvenut* né il alcun modo tollerat*
|
Modo più costoso: Prendi il bus BLQ di fronte all’aeroporto e scendi in stazione centrale. Prosegui seguendo le indicazioni qui sotto.
|
||||||
Come arrivare all’XM24
|
|
||||||
Dall’aereoporto Marconi (BLQ)
|
|
||||||
Più economico:
|
|
||||||
|
|
||||||
Uscito dal terminal “Arrivi” dirigiti a sinistra, passa attraverso il parcheggio autobus e segui il percorso pedonale fino ad arrivare ad una grande rotonda. Attraversa la strada, passa sotto il cavalcavia e dopo 100 metri sulla destra trovi la fermata “Birra” dove passa il bus 81/91 che ti lascia in stazione centrale. Prosegui seguendo le indicazioni qui sotto. Il biglietto urbano si può fare nel bar/tabacchino di fronte alla fermata. Fuck the BLQ.
|
<h4>Dalla stazione centrale</h4>
|
||||||
Più costoso
|
|
||||||
|
|
||||||
Prendi il bus BLQ di fronte all’aeroporto e scendi in stazione centrale. Prosegui seguendo le indicazioni qui sotto.
|
A piedi/In bici: Esci dal retro della stazione (“Uscita via Carracci”) attraversa la strada e gira a sinistra fino ad incontare sulla tua destra via Fioravanti (noterai un grosso edificio a vetri). Percorrila per circa 700 metri e sulla sinistra troverai l’ex-mercato dove sta XM24, prosegui 100 metri e arriva alla rotonda, vicino alla paretona gigante col murales c’è l’entrata.
|
||||||
Dalla stazione centrale
|
|
||||||
A piedi/In bici
|
|
||||||
|
|
||||||
Esci dal retro della stazione (“Uscita via Carracci”) attraversa la strada e gira a sinistra fino ad incontare sulla tua destra via Fioravanti (noterai un grosso edificio a vetri). Percorrila per circa 700 metri e sulla sinistra troverai l’ex-mercato dove sta XM24, prosegui 100 metri e arriva alla rotonda, vicino alla paretona gigante col murales c’è l’entrata.
|
In autobus: Sei sicur*? Fai prima a piedi! Comunque, le linee 21, 27, 25, 35 passano tutte nei pressi dell’uscita principale della stazione (Medaglie d’oro, Autostazione, Indipendenza) e arrivano fino Piazza dell’Unità, da li potete proseguire a piedi per circa 550 metri lungo Via Tibaldi o via Bolognese fino ad arrivare di fronte all’ex-mercato ortofrutticolo, vai verso la rotonda: vicino alla parete con il murale gigante c’è l’entrata principale. Se prendi l’autobus 11 puoi scendere alla seconda fermata di Via Bolognese, a circa 100 metri dalla rotonda.
|
||||||
In autobus
|
|
||||||
|
|
||||||
Sei sicur*? Fai prima a piedi! Comunque, le linee 21, 27, 25, 35 passano tutte nei pressi dell’uscita principale della stazione (Medaglie d’oro, Autostazione, Indipendenza) e arrivano fino Piazza dell’Unità, da li potete prosegui a piedi per circa 550 metri lungo Via Tibaldi o via Bolognese fino ad arrivare di fronte all’ex-mercato ortofrutticolo, vai verso la rotonda: vicino alla parete con il murale gigante c’è l’entrata principale. Se prendi l’autobus 11 puoi scendere alla seconda fermata di Via Bolognese, a circa 100 metri dalla rotonda.
|
<h4>In auto</h4>
|
||||||
|
|
||||||
Ulteriori informazioni sui servizi di linea: TPER
|
Se arrivi da ovest esci dall’autostrada a Borgo Panigale e prendi la tangenziale in direzione S.Lazzaro.
|
||||||
In auto
|
Se arrivi da nord esci dall’autostrada a Bologna Arcoveggio e prendi la tangenziale in direzione Casalecchio.
|
||||||
|
Se arrivi da est/sud esci dall’autostrada a S.Lazzaro e prendi la tangenziale in direzione Casalecchio.
|
||||||
be arrivi da ovest esci dall’autostrada a Borgo Panigale e prendi la tangenziale in direzione S.Lazzaro.
|
|
||||||
Se arrivi da nord esci dall’autostrada a Bologna Arcoveggio e prendi la tangenziale in direzione Casalecchio.
|
|
||||||
Se arrivi da est/sud esci dall’autostrada a S.Lazzaro e prendi la tangenziale in direzione Casalecchio.
|
|
||||||
|
|
||||||
In ogni caso esci dalla tangenziale all’uscita 6 zona Arcoveggio/Corticella. Percorri via Corticella andando verso il centro, per un paio di km. Arrivati al semaforo di Piazza dell’Unità per le auto la svolta è obbligata a destra in Via Bolognese. Percorrila tutta arrivando alla rotonda e sulla sinistra puoi vedere XM24. Trova parcheggio (dentro ad XM NON c’è posto).
|
In ogni caso esci dalla tangenziale all’uscita 6 zona Arcoveggio/Corticella. Percorri via Corticella andando verso il centro, per un paio di km. Arrivati al semaforo di Piazza dell’Unità per le auto la svolta è obbligata a destra in Via Bolognese. Percorrila tutta arrivando alla rotonda e sulla sinistra puoi vedere XM24. Trova parcheggio (dentro ad XM NON c’è posto).
|
||||||
|
|
||||||
|
<span class="rainbow">XM24 è uno Spazio Pubblico Autogestito basato sull’antifascismo, antisessismo ed antirazzismo. Fascist, xenofob, omofob, sessist non sono benvenut* né il alcun modo tollerat*.</span>
|
||||||
|
|
|
||||||
|
|
@ -12,14 +12,6 @@
|
||||||
<meta name="generator" content="Hugo 0.42.2" />
|
<meta name="generator" content="Hugo 0.42.2" />
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<header>
|
|
||||||
<a href="">Hack-or-d(i|y)e 2018</a>
|
|
||||||
<nav>
|
|
||||||
<ul>
|
|
||||||
|
|
||||||
</ul>
|
|
||||||
</nav>
|
|
||||||
</header>
|
|
||||||
|
|
||||||
<main>
|
<main>
|
||||||
|
|
||||||
|
|
@ -40,13 +32,13 @@
|
||||||
|
|
||||||
<li><a href="/categories/">Categories</a></li>
|
<li><a href="/categories/">Categories</a></li>
|
||||||
|
|
||||||
<li><a href="/">Hack-or-d(i|y)e 2018</a></li>
|
<li><a href="/posts/talk4/">GadSAISDUHJAIKDJSem</a></li>
|
||||||
|
|
||||||
<li><a href="/posts/">Posts</a></li>
|
<li><a href="/posts/talk2/">Gadgety oaidjf a System</a></li>
|
||||||
|
|
||||||
<li><a href="/tags/">Tags</a></li>
|
<li><a href="/posts/talk1/">Gadgety Sound System</a></li>
|
||||||
|
|
||||||
<li><a href="/posts/talk2/">Talk1</a></li>
|
<li><a href="/posts/talk3/">Gakajdfhsklfjdsstem</a></li>
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -55,6 +47,7 @@
|
||||||
|
|
||||||
<footer>
|
<footer>
|
||||||
|
|
||||||
|
<p>Questo sito i cookies li mangia / There are no cookies in outer space</p>
|
||||||
</footer>
|
</footer>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
87
public/css/style-old.scss
Normal file
87
public/css/style-old.scss
Normal file
|
|
@ -0,0 +1,87 @@
|
||||||
|
$breakpoint-phone: 600px;
|
||||||
|
$breakpoint-tablet: 900px;
|
||||||
|
$breakpoint-normal-screen: 1200px;
|
||||||
|
$breakpoint-big-screen: 1800px;
|
||||||
|
|
||||||
|
body {
|
||||||
|
margin:0;
|
||||||
|
padding:0;
|
||||||
|
background: #000001;
|
||||||
|
color: #37ffad;
|
||||||
|
font-family: monospace;
|
||||||
|
width:100%;
|
||||||
|
@media screen and (max-width: $breakpoint-normal-screen) {
|
||||||
|
display:flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
header{
|
||||||
|
flex:1 1 100%;
|
||||||
|
}
|
||||||
|
main{
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
@media screen and (max-width: $breakpoint-normal-screen) {
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
article{
|
||||||
|
max-width:42em;
|
||||||
|
margin:auto;
|
||||||
|
}
|
||||||
|
aside{
|
||||||
|
border:solid 1pt yellow;
|
||||||
|
padding:2em 3em;
|
||||||
|
max-width: 42em;
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
section{
|
||||||
|
width:100%;
|
||||||
|
ul{
|
||||||
|
display: flex;
|
||||||
|
list-style-type: none;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
width:80%;
|
||||||
|
margin:auto;
|
||||||
|
li{
|
||||||
|
display:flex;
|
||||||
|
.orario{
|
||||||
|
width:4em;
|
||||||
|
background:red;
|
||||||
|
height:1.3em;
|
||||||
|
color:white;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
h4{
|
||||||
|
margin:0 1em;
|
||||||
|
/*
|
||||||
|
a{
|
||||||
|
{{ range .Site.RegularPages }}
|
||||||
|
# {{ replace .Title " " "_" }}:target > .descrizione-talk{
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
{{ end }}
|
||||||
|
}*/
|
||||||
|
}
|
||||||
|
flex:1 1 80%;
|
||||||
|
margin-bottom: 0.7em;
|
||||||
|
height:4em;
|
||||||
|
text-decoration:none;
|
||||||
|
border:solid 1pt white;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: $breakpoint-phone) {
|
||||||
|
main{
|
||||||
|
margin: 0 5% 0 5%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
header {
|
||||||
|
background-color: yellow;
|
||||||
|
}
|
||||||
|
|
@ -1,35 +1,426 @@
|
||||||
body {
|
@-webkit-keyframes rainbow {
|
||||||
margin: 0;
|
0% {
|
||||||
padding: 0;
|
color: orange;
|
||||||
background: #000001;
|
}
|
||||||
color: #37ffad;
|
10% {
|
||||||
font-family: monospace;
|
color: purple;
|
||||||
}
|
}
|
||||||
body main article {
|
20% {
|
||||||
max-width: 42em;
|
color: red;
|
||||||
margin: auto;
|
}
|
||||||
}
|
40% {
|
||||||
body section {
|
color: yellow;
|
||||||
background-color: lawngreen;
|
}
|
||||||
}
|
60% {
|
||||||
@media screen and (max-width: 600px) {
|
color: green;
|
||||||
body main {
|
}
|
||||||
margin: 0 5% 0 5%;
|
100% {
|
||||||
|
color: blue;
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
color: orange;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media screen and (min-width: 600px) {
|
@-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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
body {
|
||||||
|
font-family: monospace;
|
||||||
|
width: 100%;
|
||||||
|
background-color: #000001;
|
||||||
|
color: #37ffad;
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
body .rainbow {
|
||||||
|
animation-name: rainbow;
|
||||||
|
animation-duration: 18s;
|
||||||
|
animation-iteration-count: infinite;
|
||||||
|
}
|
||||||
|
body a {
|
||||||
|
color: #ff33cc;
|
||||||
|
}
|
||||||
|
body a:visited {
|
||||||
|
color: #cc0099;
|
||||||
|
}
|
||||||
|
body .stellina {
|
||||||
|
color: blue;
|
||||||
|
}
|
||||||
|
body .bocca, body .onecchie {
|
||||||
|
color: burlywood;
|
||||||
|
}
|
||||||
|
body .occhietti {
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
body .vello {
|
||||||
|
color: brown;
|
||||||
|
}
|
||||||
|
body .setola {
|
||||||
|
color: lightcoral;
|
||||||
|
}
|
||||||
|
body .pedibus {
|
||||||
|
color: chocolate;
|
||||||
|
}
|
||||||
|
body main {
|
||||||
|
width: 100%;
|
||||||
|
height: 98vh;
|
||||||
|
background: #000001;
|
||||||
|
display: flex;
|
||||||
|
overflow: scroll;
|
||||||
|
}
|
||||||
|
@media screen and (max-width: 900px) {
|
||||||
body main {
|
body main {
|
||||||
margin: 0 20% 0 20%;
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
body main #scrollable-column {
|
||||||
|
display: flex;
|
||||||
|
width: 100%;
|
||||||
|
margin: auto;
|
||||||
|
}
|
||||||
|
@media screen and (max-width: 900px) {
|
||||||
|
body main #scrollable-column {
|
||||||
|
flex-wrap: wrap;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media screen and (min-width: 900px) {
|
@media screen and (min-width: 900px) {
|
||||||
body main {
|
body main #scrollable-column #raggiungerci {
|
||||||
margin: 0 25% 0 25%;
|
position: absolute;
|
||||||
|
bottom: 7em;
|
||||||
|
padding-top: 0.1em;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
body main #scrollable-column #right-column {
|
||||||
header {
|
width: 100%;
|
||||||
background-color: yellow;
|
background-color: #000001;
|
||||||
|
z-index: 33;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
@media screen and (max-width: 900px) {
|
||||||
|
body main #scrollable-column #right-column {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
body main #scrollable-column #right-column #calendario {
|
||||||
|
height: 100%;
|
||||||
|
max-width: 40em;
|
||||||
|
}
|
||||||
|
@media screen and (min-width: 900px) {
|
||||||
|
body main #scrollable-column #right-column #calendario {
|
||||||
|
position: fixed;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media screen and (min-width: 1200px) {
|
||||||
|
body main #scrollable-column #right-column #calendario {
|
||||||
|
width: 40%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
body main #scrollable-column #right-column #calendario ul {
|
||||||
|
overflow-y: scroll;
|
||||||
|
list-style-type: none;
|
||||||
|
background: transparent;
|
||||||
|
padding: 1em;
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
max-height: 80%;
|
||||||
|
}
|
||||||
|
body main #scrollable-column #right-column #calendario ul #overflow-scroll {
|
||||||
|
overflow-y: hidden;
|
||||||
|
}
|
||||||
|
body main #scrollable-column #right-column #calendario ul li {
|
||||||
|
flex-wrap: wrap;
|
||||||
|
margin-bottom: 1em;
|
||||||
|
}
|
||||||
|
body main #scrollable-column #right-column #calendario ul li .filler {
|
||||||
|
display: flex;
|
||||||
|
flex: 1 1 100%;
|
||||||
|
}
|
||||||
|
body main #scrollable-column #right-column #calendario ul li .filler + div {
|
||||||
|
border: solid 1pt white;
|
||||||
|
margin: 1.3em 0 -0.4em 0;
|
||||||
|
}
|
||||||
|
body main #scrollable-column #right-column #calendario ul li .title-wrapper {
|
||||||
|
display: flex;
|
||||||
|
border-top: 1pt solid white;
|
||||||
|
border-right: 1pt solid white;
|
||||||
|
border-left: 1pt solid white;
|
||||||
|
border-bottom: 1pt solid white;
|
||||||
|
padding: 0.1em;
|
||||||
|
margin-bottom: -5px;
|
||||||
|
z-index: 32;
|
||||||
|
}
|
||||||
|
@media screen and (max-width: 900px) {
|
||||||
|
body main #scrollable-column #right-column #calendario ul li .title-wrapper {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
body main #scrollable-column #right-column #calendario ul li .title-wrapper .orario {
|
||||||
|
color: #37ffad;
|
||||||
|
height: 1.2em;
|
||||||
|
width: 4em;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
body main #scrollable-column #right-column #calendario ul li .title-wrapper h4 {
|
||||||
|
height: 1.2em;
|
||||||
|
margin: 0 1em;
|
||||||
|
}
|
||||||
|
body main #scrollable-column #right-column #calendario ul li .title-wrapper h4 a {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
body main #scrollable-column #right-column #calendario ul .descrizione-talk {
|
||||||
|
display: none;
|
||||||
|
flex: 1 1 100%;
|
||||||
|
overflow-y: hidden;
|
||||||
|
/*@media screen and (min-width: $breakpoint-normal-screen) {
|
||||||
|
max-width: 75%;
|
||||||
|
}*/
|
||||||
|
hyphens: auto;
|
||||||
|
}
|
||||||
|
body main #scrollable-column #right-column #calendario ul .descrizione-talk div {
|
||||||
|
max-height: 30em;
|
||||||
|
overflow-y: scroll;
|
||||||
|
padding: 3em;
|
||||||
|
}
|
||||||
|
body main #scrollable-column #right-column #raggiungerci {
|
||||||
|
background-color: #000001;
|
||||||
|
z-index: 100;
|
||||||
|
margin-top: 1em;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
@media screen and (max-width: 900px) {
|
||||||
|
body main #scrollable-column #left-column {
|
||||||
|
margin: auto;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
body main #scrollable-column #left-column #illustrazione {
|
||||||
|
margin-top: 1em;
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
body main #scrollable-column #left-column #illustrazione pre {
|
||||||
|
margin: 0;
|
||||||
|
position: fixed;
|
||||||
|
}
|
||||||
|
body main #scrollable-column #left-column #illustrazione pre .rainbow .retard-1 {
|
||||||
|
animation-name: rainbow;
|
||||||
|
animation-duration: 1s;
|
||||||
|
animation-iteration-count: infinite;
|
||||||
|
animation-delay: 0.1s;
|
||||||
|
}
|
||||||
|
body main #scrollable-column #left-column #illustrazione pre .rainbow .retard-2 {
|
||||||
|
animation-name: rainbow;
|
||||||
|
animation-duration: 1s;
|
||||||
|
animation-iteration-count: infinite;
|
||||||
|
animation-delay: 0.2s;
|
||||||
|
}
|
||||||
|
body main #scrollable-column #left-column #illustrazione pre .rainbow .retard-3 {
|
||||||
|
animation-name: rainbow;
|
||||||
|
animation-duration: 1s;
|
||||||
|
animation-iteration-count: infinite;
|
||||||
|
animation-delay: 0.3s;
|
||||||
|
}
|
||||||
|
body main #scrollable-column #left-column #illustrazione pre .rainbow .retard-4 {
|
||||||
|
animation-name: rainbow;
|
||||||
|
animation-duration: 1s;
|
||||||
|
animation-iteration-count: infinite;
|
||||||
|
animation-delay: 0.4s;
|
||||||
|
}
|
||||||
|
body main #scrollable-column #left-column #illustrazione pre .rainbow .retard-5 {
|
||||||
|
animation-name: rainbow;
|
||||||
|
animation-duration: 1s;
|
||||||
|
animation-iteration-count: infinite;
|
||||||
|
animation-delay: 0.5s;
|
||||||
|
}
|
||||||
|
body main #scrollable-column #left-column #illustrazione pre .rainbow .retard-6 {
|
||||||
|
animation-name: rainbow;
|
||||||
|
animation-duration: 1s;
|
||||||
|
animation-iteration-count: infinite;
|
||||||
|
animation-delay: 0.6s;
|
||||||
|
}
|
||||||
|
body main #scrollable-column #left-column #illustrazione pre .rainbow .retard-7 {
|
||||||
|
animation-name: rainbow;
|
||||||
|
animation-duration: 1s;
|
||||||
|
animation-iteration-count: infinite;
|
||||||
|
animation-delay: 0.7s;
|
||||||
|
}
|
||||||
|
body main #scrollable-column #left-column #illustrazione pre .rainbow .retard-8 {
|
||||||
|
animation-name: rainbow;
|
||||||
|
animation-duration: 1s;
|
||||||
|
animation-iteration-count: infinite;
|
||||||
|
animation-delay: 0.8s;
|
||||||
|
}
|
||||||
|
body main #scrollable-column #left-column #illustrazione pre .rainbow .retard-9 {
|
||||||
|
animation-name: rainbow;
|
||||||
|
animation-duration: 1s;
|
||||||
|
animation-iteration-count: infinite;
|
||||||
|
animation-delay: 0.9s;
|
||||||
|
}
|
||||||
|
body main #scrollable-column #left-column #illustrazione pre .rainbow .retard-10 {
|
||||||
|
animation-name: rainbow;
|
||||||
|
animation-duration: 1s;
|
||||||
|
animation-iteration-count: infinite;
|
||||||
|
animation-delay: 1s;
|
||||||
|
}
|
||||||
|
body main #scrollable-column #left-column #illustrazione pre .rainbow .retard-11 {
|
||||||
|
animation-name: rainbow;
|
||||||
|
animation-duration: 1s;
|
||||||
|
animation-iteration-count: infinite;
|
||||||
|
animation-delay: 1.1s;
|
||||||
|
}
|
||||||
|
body main #scrollable-column #left-column #illustrazione pre .rainbow .retard-12 {
|
||||||
|
animation-name: rainbow;
|
||||||
|
animation-duration: 1s;
|
||||||
|
animation-iteration-count: infinite;
|
||||||
|
animation-delay: 1.2s;
|
||||||
|
}
|
||||||
|
body main #scrollable-column #left-column #illustrazione pre .rainbow .retard-13 {
|
||||||
|
animation-name: rainbow;
|
||||||
|
animation-duration: 1s;
|
||||||
|
animation-iteration-count: infinite;
|
||||||
|
animation-delay: 1.3s;
|
||||||
|
}
|
||||||
|
body main #scrollable-column #left-column #illustrazione pre .rainbow .retard-14 {
|
||||||
|
animation-name: rainbow;
|
||||||
|
animation-duration: 1s;
|
||||||
|
animation-iteration-count: infinite;
|
||||||
|
animation-delay: 1.4s;
|
||||||
|
}
|
||||||
|
body main #scrollable-column #left-column #illustrazione pre .rainbow .retard-15 {
|
||||||
|
animation-name: rainbow;
|
||||||
|
animation-duration: 1s;
|
||||||
|
animation-iteration-count: infinite;
|
||||||
|
animation-delay: 1.5s;
|
||||||
|
}
|
||||||
|
body main #scrollable-column #left-column #illustrazione pre .rainbow .retard-16 {
|
||||||
|
animation-name: rainbow;
|
||||||
|
animation-duration: 1s;
|
||||||
|
animation-iteration-count: infinite;
|
||||||
|
animation-delay: 1.6s;
|
||||||
|
}
|
||||||
|
body main #scrollable-column #left-column #illustrazione pre .rainbow .retard-17 {
|
||||||
|
animation-name: rainbow;
|
||||||
|
animation-duration: 1s;
|
||||||
|
animation-iteration-count: infinite;
|
||||||
|
animation-delay: 1.7s;
|
||||||
|
}
|
||||||
|
body main #scrollable-column #left-column #illustrazione pre .rainbow .retard-18 {
|
||||||
|
animation-name: rainbow;
|
||||||
|
animation-duration: 1s;
|
||||||
|
animation-iteration-count: infinite;
|
||||||
|
animation-delay: 1.8s;
|
||||||
|
}
|
||||||
|
body main #scrollable-column #left-column #illustrazione pre .rainbow .retard-19 {
|
||||||
|
animation-name: rainbow;
|
||||||
|
animation-duration: 1s;
|
||||||
|
animation-iteration-count: infinite;
|
||||||
|
animation-delay: 1.9s;
|
||||||
|
}
|
||||||
|
@media screen and (max-width: 600px) {
|
||||||
|
body main #scrollable-column #left-column #illustrazione pre {
|
||||||
|
font-size: 0.6em;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media screen and (min-width: 600px) and (max-width: 1200px) {
|
||||||
|
body main #scrollable-column #left-column #illustrazione pre {
|
||||||
|
font-size: 0.8em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media screen and (min-width: 1200px) {
|
||||||
|
body main #scrollable-column #left-column #illustrazione pre {
|
||||||
|
font-size: 0.9em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
body main #scrollable-column #left-column #illustrazione .text-wrapper {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
body main #scrollable-column #left-column #illustrazione .text-wrapper .text-offset {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
@media screen and (max-width: 600px) {
|
||||||
|
body main #scrollable-column #left-column #illustrazione .text-wrapper .text-offset {
|
||||||
|
height: 33em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media screen and (min-width: 600px) and (max-width: 1200px) {
|
||||||
|
body main #scrollable-column #left-column #illustrazione .text-wrapper .text-offset {
|
||||||
|
height: 43em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media screen and (min-width: 1200px) {
|
||||||
|
body main #scrollable-column #left-column #illustrazione .text-wrapper .text-offset {
|
||||||
|
height: 50em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
body main #scrollable-column #left-column #illustrazione .text-wrapper .fake-freccina {
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
@media screen and (max-width: 900px) {
|
||||||
|
body main #scrollable-column #left-column #illustrazione .text-wrapper .fake-freccina {
|
||||||
|
left: 46.25em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media screen and (min-width: 900px) and (max-width: 1200px) {
|
||||||
|
body main #scrollable-column #left-column #illustrazione .text-wrapper .fake-freccina {
|
||||||
|
left: 46.3em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media screen and (min-width: 1200px) {
|
||||||
|
body main #scrollable-column #left-column #illustrazione .text-wrapper .fake-freccina {
|
||||||
|
left: 52.35em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
body main #scrollable-column #left-column #illustrazione .text-wrapper #call {
|
||||||
|
margin: 0;
|
||||||
|
padding: 1em 10% 2em 10%;
|
||||||
|
}
|
||||||
|
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;
|
||||||
|
width: 100%;
|
||||||
|
background-color: black;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*# sourceMappingURL=style.css.map */
|
/*# sourceMappingURL=style.css.map */
|
||||||
|
|
|
||||||
|
|
@ -1 +1 @@
|
||||||
{"version":3,"sourceRoot":"","sources":["style.scss"],"names":[],"mappings":"AAKC;EACE;EACA;EACA;EACA;EACA;;AAEE;EACE;EACA;;AAIJ;EACE;;AAGF;EACE;IACE;;;AAGJ;EACE;IACE;;;AAGJ;EACE;IACE;;;;AAKP;EACE","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;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"}
|
||||||
|
|
@ -2,41 +2,426 @@ $breakpoint-phone: 600px;
|
||||||
$breakpoint-tablet: 900px;
|
$breakpoint-tablet: 900px;
|
||||||
$breakpoint-normal-screen: 1200px;
|
$breakpoint-normal-screen: 1200px;
|
||||||
$breakpoint-big-screen: 1800px;
|
$breakpoint-big-screen: 1800px;
|
||||||
|
$BG-color: #000001;
|
||||||
|
$text-color: #37ffad;
|
||||||
|
$new-link: #ff33cc;
|
||||||
|
$visited-link: #cc0099;
|
||||||
|
|
||||||
body {
|
@-webkit-keyframes rainbow{
|
||||||
margin:0;
|
0%{color: orange;}
|
||||||
padding:0;
|
10%{color: purple;}
|
||||||
background: #000001;
|
20%{color: red;}
|
||||||
color: #37ffad;
|
40%{color: yellow;}
|
||||||
font-family: monospace;
|
60%{color: green;}
|
||||||
main{
|
100%{color: blue;}
|
||||||
article{
|
100%{color: orange;}
|
||||||
max-width:42em;
|
}
|
||||||
margin:auto;
|
|
||||||
}
|
@-webkit-keyframes banner-stretch{
|
||||||
}
|
0%{width: 0%;
|
||||||
|
left:0;}
|
||||||
section{
|
15%{width: 100%;}
|
||||||
background-color: lawngreen;
|
75%{width:100%;};
|
||||||
}
|
100%{width:0%;
|
||||||
|
right:0;};
|
||||||
@media screen and (max-width: $breakpoint-phone) {
|
}
|
||||||
main{
|
|
||||||
margin: 0 5% 0 5%;
|
@-webkit-keyframes banner-opacity{
|
||||||
}
|
0%{opacity: 0%;}
|
||||||
}
|
35%{opacity: 100%; visibility: visible;}
|
||||||
@media screen and (min-width: $breakpoint-phone) {
|
65%{opacity: 80%;}
|
||||||
main{
|
100%{opacity:0;display: none;};
|
||||||
margin: 0 20% 0 20%;
|
}
|
||||||
}
|
|
||||||
}
|
body {
|
||||||
@media screen and (min-width: $breakpoint-tablet) {
|
font-family: monospace;
|
||||||
main{
|
width: 100%;
|
||||||
margin: 0 25% 0 25%;
|
background-color: $BG-color;
|
||||||
}
|
color: $text-color;
|
||||||
}
|
padding: 0;
|
||||||
}
|
margin: 0;
|
||||||
|
|
||||||
header {
|
.rainbow{
|
||||||
background-color: yellow;
|
animation-name: rainbow;
|
||||||
|
animation-duration: 18s;
|
||||||
|
animation-iteration-count: infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: $new-link;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:visited {
|
||||||
|
color: $visited-link;
|
||||||
|
}
|
||||||
|
|
||||||
|
// FURBY-COLOR
|
||||||
|
|
||||||
|
.stellina{
|
||||||
|
color:blue;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bocca, .onecchie{
|
||||||
|
color: burlywood;
|
||||||
|
}
|
||||||
|
|
||||||
|
.occhietti,{
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.vello{
|
||||||
|
color:brown;
|
||||||
|
}
|
||||||
|
|
||||||
|
.setola{
|
||||||
|
color:lightcoral;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pedibus{
|
||||||
|
color:chocolate;
|
||||||
|
}
|
||||||
|
|
||||||
|
main {
|
||||||
|
width: 100%;
|
||||||
|
height: 98vh;
|
||||||
|
background: #000001;
|
||||||
|
display: flex;
|
||||||
|
overflow: scroll;
|
||||||
|
@media screen and (max-width: $breakpoint-tablet) {
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
#scrollable-column {
|
||||||
|
@media screen and (max-width: $breakpoint-tablet) {
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
@media screen and (min-width: $breakpoint-tablet) {
|
||||||
|
#raggiungerci {
|
||||||
|
position: absolute;
|
||||||
|
bottom: 7em;
|
||||||
|
padding-top: 0.1em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
display: flex;
|
||||||
|
width: 100%;
|
||||||
|
margin: auto;
|
||||||
|
|
||||||
|
#right-column {
|
||||||
|
width: 100%;
|
||||||
|
background-color: $BG-color;
|
||||||
|
z-index: 33;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
@media screen and (max-width: $breakpoint-tablet) {
|
||||||
|
display:flex;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
#calendario {
|
||||||
|
height: 100%;
|
||||||
|
max-width: 40em;
|
||||||
|
@media screen and (min-width: $breakpoint-tablet) {
|
||||||
|
position: fixed;
|
||||||
|
}
|
||||||
|
@media screen and (min-width: $breakpoint-normal-screen) {
|
||||||
|
width:40%;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul {
|
||||||
|
#overflow-scroll {
|
||||||
|
overflow-y: hidden;
|
||||||
|
}
|
||||||
|
overflow-y: scroll;
|
||||||
|
list-style-type: none;
|
||||||
|
background: transparent;
|
||||||
|
padding: 1em;
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
max-height: 80%;
|
||||||
|
|
||||||
|
li {
|
||||||
|
flex-wrap: wrap;
|
||||||
|
margin-bottom: 1em;
|
||||||
|
|
||||||
|
.filler {
|
||||||
|
display: flex;
|
||||||
|
flex: 1 1 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.filler + div{
|
||||||
|
border: solid 1pt white;
|
||||||
|
margin:1.3em 0 -0.4em 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.title-wrapper {
|
||||||
|
display: flex;
|
||||||
|
border-top: 1pt solid white;
|
||||||
|
border-right: 1pt solid white;
|
||||||
|
border-left: 1pt solid white;
|
||||||
|
border-bottom: 1pt solid white;
|
||||||
|
padding: 0.1em;
|
||||||
|
margin-bottom: -5px;
|
||||||
|
z-index: 32;
|
||||||
|
|
||||||
|
@media screen and (max-width: $breakpoint-tablet) {
|
||||||
|
width:100%;
|
||||||
|
}
|
||||||
|
.orario {
|
||||||
|
color: $text-color;
|
||||||
|
height: 1.2em;
|
||||||
|
width: 4em;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
h4 {
|
||||||
|
height: 1.2em;
|
||||||
|
margin: 0 1em;
|
||||||
|
|
||||||
|
a {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.descrizione-talk {
|
||||||
|
display: none;
|
||||||
|
flex: 1 1 100%;
|
||||||
|
overflow-y: hidden;
|
||||||
|
div{
|
||||||
|
max-height:30em;
|
||||||
|
overflow-y: scroll;
|
||||||
|
padding:3em;
|
||||||
|
}
|
||||||
|
/*@media screen and (min-width: $breakpoint-normal-screen) {
|
||||||
|
max-width: 75%;
|
||||||
|
}*/
|
||||||
|
hyphens: auto;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#raggiungerci {
|
||||||
|
background-color: $BG-color;
|
||||||
|
z-index: 100;
|
||||||
|
margin-top: 1em;
|
||||||
|
width:100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#left-column {
|
||||||
|
@media screen and (max-width: $breakpoint-tablet) {
|
||||||
|
margin: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
#illustrazione {
|
||||||
|
margin-top: 1em;
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
justify-content: center;
|
||||||
|
pre {
|
||||||
|
margin:0;
|
||||||
|
position: fixed;
|
||||||
|
.rainbow{
|
||||||
|
.retard-1{
|
||||||
|
animation-name: rainbow;
|
||||||
|
animation-duration: 1s;
|
||||||
|
animation-iteration-count: infinite;
|
||||||
|
animation-delay: 0.1s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.retard-2{
|
||||||
|
animation-name: rainbow;
|
||||||
|
animation-duration: 1s;
|
||||||
|
animation-iteration-count: infinite;
|
||||||
|
animation-delay: 0.2s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.retard-3{
|
||||||
|
animation-name: rainbow;
|
||||||
|
animation-duration: 1s;
|
||||||
|
animation-iteration-count: infinite;
|
||||||
|
animation-delay: 0.3s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.retard-4{
|
||||||
|
animation-name: rainbow;
|
||||||
|
animation-duration: 1s;
|
||||||
|
animation-iteration-count: infinite;
|
||||||
|
animation-delay: 0.4s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.retard-5{
|
||||||
|
animation-name: rainbow;
|
||||||
|
animation-duration: 1s;
|
||||||
|
animation-iteration-count: infinite;
|
||||||
|
animation-delay: 0.5s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.retard-6{
|
||||||
|
animation-name: rainbow;
|
||||||
|
animation-duration: 1s;
|
||||||
|
animation-iteration-count: infinite;
|
||||||
|
animation-delay: 0.6s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.retard-7{
|
||||||
|
animation-name: rainbow;
|
||||||
|
animation-duration: 1s;
|
||||||
|
animation-iteration-count: infinite;
|
||||||
|
animation-delay: 0.7s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.retard-8{
|
||||||
|
animation-name: rainbow;
|
||||||
|
animation-duration: 1s;
|
||||||
|
animation-iteration-count: infinite;
|
||||||
|
animation-delay: 0.8s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.retard-9{
|
||||||
|
animation-name: rainbow;
|
||||||
|
animation-duration: 1s;
|
||||||
|
animation-iteration-count: infinite;
|
||||||
|
animation-delay: 0.9s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.retard-10{
|
||||||
|
animation-name: rainbow;
|
||||||
|
animation-duration: 1s;
|
||||||
|
animation-iteration-count: infinite;
|
||||||
|
animation-delay: 1s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.retard-11{
|
||||||
|
animation-name: rainbow;
|
||||||
|
animation-duration: 1s;
|
||||||
|
animation-iteration-count: infinite;
|
||||||
|
animation-delay: 1.1s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.retard-12{
|
||||||
|
animation-name: rainbow;
|
||||||
|
animation-duration: 1s;
|
||||||
|
animation-iteration-count: infinite;
|
||||||
|
animation-delay: 1.2s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.retard-13{
|
||||||
|
animation-name: rainbow;
|
||||||
|
animation-duration: 1s;
|
||||||
|
animation-iteration-count: infinite;
|
||||||
|
animation-delay: 1.3s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.retard-14{
|
||||||
|
animation-name: rainbow;
|
||||||
|
animation-duration: 1s;
|
||||||
|
animation-iteration-count: infinite;
|
||||||
|
animation-delay: 1.4s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.retard-15{
|
||||||
|
animation-name: rainbow;
|
||||||
|
animation-duration: 1s;
|
||||||
|
animation-iteration-count: infinite;
|
||||||
|
animation-delay: 1.5s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.retard-16{
|
||||||
|
animation-name: rainbow;
|
||||||
|
animation-duration: 1s;
|
||||||
|
animation-iteration-count: infinite;
|
||||||
|
animation-delay: 1.6s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.retard-17{
|
||||||
|
animation-name: rainbow;
|
||||||
|
animation-duration: 1s;
|
||||||
|
animation-iteration-count: infinite;
|
||||||
|
animation-delay: 1.7s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.retard-18{
|
||||||
|
animation-name: rainbow;
|
||||||
|
animation-duration: 1s;
|
||||||
|
animation-iteration-count: infinite;
|
||||||
|
animation-delay: 1.8s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.retard-19{
|
||||||
|
animation-name: rainbow;
|
||||||
|
animation-duration: 1s;
|
||||||
|
animation-iteration-count: infinite;
|
||||||
|
animation-delay: 1.9s;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media screen and (max-width: $breakpoint-phone) {
|
||||||
|
font-size:0.6em;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
@media screen and (min-width: $breakpoint-phone) and (max-width: $breakpoint-normal-screen) {
|
||||||
|
font-size: 0.8em;
|
||||||
|
}
|
||||||
|
@media screen and (min-width: $breakpoint-normal-screen) {
|
||||||
|
font-size: 0.9em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.text-wrapper {
|
||||||
|
position: relative;
|
||||||
|
.text-offset {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
background-color: transparent;
|
||||||
|
@media screen and (max-width: $breakpoint-phone) {
|
||||||
|
height:33em;
|
||||||
|
}
|
||||||
|
@media screen and (min-width: $breakpoint-phone) and (max-width: $breakpoint-normal-screen) {
|
||||||
|
height:43em;
|
||||||
|
}
|
||||||
|
@media screen and (min-width: $breakpoint-normal-screen) {
|
||||||
|
height:50em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.fake-freccina{
|
||||||
|
margin-top: 0;
|
||||||
|
@media screen and (max-width: $breakpoint-tablet) {
|
||||||
|
left:46.25em;
|
||||||
|
}
|
||||||
|
@media screen and (min-width: $breakpoint-tablet) and (max-width: $breakpoint-normal-screen) {
|
||||||
|
left:46.3em;
|
||||||
|
}
|
||||||
|
@media screen and (min-width: $breakpoint-normal-screen) {
|
||||||
|
left:52.35em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#call {
|
||||||
|
margin:0;
|
||||||
|
padding:1em 10% 2em 10%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
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;
|
||||||
|
width:100%;
|
||||||
|
background-color: black;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -5,27 +5,256 @@
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
<title>Hack-or-d(i|y)e 2018</title>
|
<title>Hack-or-d(i|y)e 2018</title>
|
||||||
|
|
||||||
|
|
||||||
<link rel="stylesheet" href="css/style.css">
|
<link rel="stylesheet" href="css/style.css">
|
||||||
<link href="/index.xml" rel="feed" type="application/rss+xml" title="Hack-or-d(i|y)e 2018">
|
<link href="/index.xml" rel="feed" type="application/rss+xml" title="Hack-or-d(i|y)e 2018">
|
||||||
<meta name="generator" content="Hugo 0.42.2" />
|
<meta name="generator" content="Hugo 0.42.2" />
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<header>
|
|
||||||
{{ partial "header.html" . }}
|
|
||||||
</header>
|
|
||||||
<main>
|
<main>
|
||||||
<main>
|
<div id="scrollable-column">
|
||||||
<div id="scrollable-column">
|
<div id="left-column">
|
||||||
<div id="left-column">
|
<div id="illustrazione">
|
||||||
{{ partial "furby-hack.html" . }}
|
<pre style="text-align:center">
|
||||||
</div>
|
<span class="rainbow"> <span class="retard-2"> _ </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-13">_</span> </span><span style="display:none;">|</span>
|
||||||
<div id="right-column">
|
<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 style="display:none;">|</span>
|
||||||
{{ partial "talk-calendar.html" . }}
|
<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><span style="display:none;">|</span>
|
||||||
</div>
|
<span style="display:none;">|</span>
|
||||||
</div>
|
<span style="display:none;">|</span>
|
||||||
</main>
|
<span style="display:none;">|</span>
|
||||||
|
<span class="stellina">+</span> <span class="stellina">+</span> <span style="display:none;">|</span>
|
||||||
|
<span class="stellina">+</span> <span class="stellina">+</span> <span style="display:none;">|</span>
|
||||||
|
<span class="stellina">+</span> <span class="stellina">+</span> <span style="display:none;">|</span>
|
||||||
|
<span class="stellina">+</span> <span class="vello">___ \ | / ___</span> <span class="stellina">+</span> <span style="display:none;">|</span>
|
||||||
|
<span class="vello">\</span> <span class="onecchie">></span> <span class="vello">\ /</span> <span class="onecchie"><</span> <span class="vello">/</span> <span style="display:none;">|</span>
|
||||||
|
<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="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>
|
||||||
|
<span class="stellina">+</span> <span class="stellina">+</span> <span style="display:none;">|</span>
|
||||||
|
<span style="display:none;">|</span>
|
||||||
|
<span style="display:none;">|</span>
|
||||||
|
<span class="rainbow"> <span class="retard-2">_</span> <span class="retard-3">_</span> <span class="retard-6">_</span> <span class="retard-9">_</span> <span class="retard-10">_</span> <span class="retard-14">_</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-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>
|
||||||
|
/ <span style="display:none;">|</span>
|
||||||
|
_ _ , _ <span style="display:none;">|</span>
|
||||||
|
/ \ / \ /| / \ <span style="display:none;">|</span>
|
||||||
|
/ | | / | \_/ <span style="display:none;">|</span>
|
||||||
|
/ | | | / \ <span style="display:none;">|</span>
|
||||||
|
/__ \_/ | \_/ <span style="display:none;">|</span>
|
||||||
|
<span style="display:none;">|</span>
|
||||||
|
_ _ <span style="display:none;">|</span>
|
||||||
|
(_) __ /| | | |\ | _ _ ._ _ |_ ._ _ <span style="display:none;">|</span>
|
||||||
|
_) | |_| | \| (_) \/ (/_ | | | |_) | (/_ <span style="display:none;">|</span>
|
||||||
|
<span style="display:none;">|</span>
|
||||||
|
<span style="display:none;">|</span>
|
||||||
|
<span style="display:none;">\|/</span>
|
||||||
|
<span style="display:none;">v</span>
|
||||||
|
</pre>
|
||||||
|
<div class="text-wrapper">
|
||||||
|
<div class="text-offset"></div>
|
||||||
|
<p id="call" style="background-color:black">
|
||||||
|
Apro gli occhi, goccia di sudore dritta nelle palpebre, brucia. Bestemmio.<br>
|
||||||
|
Fa caldo, anche oggi non si dorme. Bestemmio.<br>
|
||||||
|
Son le 6, fra due ore devo pure lavorare. Bestemmio.<br>
|
||||||
|
Un ronzio tra l'esterno e il cervello, è una zanzara. Bestemmio.<br><br>
|
||||||
|
|
||||||
|
Ne ho fatte quattro, prima o poi mi scrivo un bestemmiatore automatico.<br>
|
||||||
|
|
||||||
|
Accendo il thinkpad, tanto lo so che non dormo.
|
||||||
|
Boota: leggo che dice il kernel, pure le cpu soffrono il caldo.<br><br>
|
||||||
|
|
||||||
|
Login.<br>
|
||||||
|
`cdm`<br>
|
||||||
|
Invio.<br>
|
||||||
|
Alt+P.<br>
|
||||||
|
thunderbird.<br>
|
||||||
|
Nuova mail: <b>[Hackmeeting] Hack or Di(y|e) chapter 4 !!!! 9 e 10 novembre
|
||||||
|
@ XM24, Bologna: oh papere venite!</b>
|
||||||
|
<br><br>
|
||||||
|
Ah, di nuovo i bolognesi, ma non le dovevano sgomberare?<br>
|
||||||
|
Vabbè, so vive, vediamo la mail:<br><br>
|
||||||
|
```<br>
|
||||||
|
<i>OH OH OH OH, è di nuovo quel periodo dell'anno la!<br>
|
||||||
|
[cut]<br>
|
||||||
|
tra fine ottobre e inizio novembre<br>
|
||||||
|
[cut]<br></i>
|
||||||
|
```<br><br>
|
||||||
|
|
||||||
|
Ma che oh! hanno copiato il testo dall'anno scorso?! Mo je scrivo e faccio il
|
||||||
|
flame... anzi no, se che sembro troppo autistic* che mi ricordo tutte le
|
||||||
|
mail.<br><br>
|
||||||
|
|
||||||
|
Vabbò, vediamo se c'ho roba da portare.<br><br>
|
||||||
|
|
||||||
|
Mi guardo intorno: ci sono i furby sulla mensola, magari porto uno di quelli, faccio la cosa di prima, le bestemmie...meglio, lo faccio bestemmiare in furbish. Lo guardo, mi guarda, lo guardo, l'incarnazione meccanica di satana
|
||||||
|
percepisce e risponde<br><i>«dah‐boo oo‐kah doo‐dah oo‐nye loo?»</i><br> che, dalle lezioni di furbish dell'IPSIA, sarebbe <i><br>«no! zì stai scherzando?!».</i><br>
|
||||||
|
<br>
|
||||||
|
Sulla scrivania c'è il trasmettitore radio per onde lunghe, l'ho finito ieri, se va porto quello. Lo accendo, fuma, scalda, la temperatura nella stanza aumenta di un grado.<br> Lo butto.
|
||||||
|
|
||||||
|
Potrei parlare della configurazione nuova del server di posta, dai ci sta.<br><br>
|
||||||
|
Scrivo la mail.<br>
|
||||||
|
Il destinatario:<br> <b>hackordiye@totallynot.science</b><br>
|
||||||
|
Premo invia: Il server non risponde.<br><br>
|
||||||
|
Guardo sotto la scrivania, c'è il server, ronza come uno sciame di zanzare e aggiunge almeno tre gradi alla stanza.<br><br>
|
||||||
|
|
||||||
|
Col piede sinistro lo calcio, con l'indice destro premo invia: Mail inviata.<br><br>
|
||||||
|
|
||||||
|
Ci vediamo a Bologna.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div id="right-column">
|
||||||
|
|
||||||
|
<style>
|
||||||
|
|
||||||
|
#GadSAISDUHJAIKDJSem:target > .descrizione-talk{
|
||||||
|
display:block !important;
|
||||||
|
margin-bottom:0;
|
||||||
|
}
|
||||||
|
#GadSAISDUHJAIKDJSem:target > .filler{
|
||||||
|
margin-bottom: -1em !important;
|
||||||
|
}
|
||||||
|
#GadSAISDUHJAIKDJSem:target > .filler >.title-wrapper{
|
||||||
|
border-bottom:5pt solid #000001 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#Gadgety__oaidjf_a_System:target > .descrizione-talk{
|
||||||
|
display:block !important;
|
||||||
|
margin-bottom:0;
|
||||||
|
}
|
||||||
|
#Gadgety__oaidjf_a_System:target > .filler{
|
||||||
|
margin-bottom: -1em !important;
|
||||||
|
}
|
||||||
|
#Gadgety__oaidjf_a_System:target > .filler >.title-wrapper{
|
||||||
|
border-bottom:5pt solid #000001 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#Gadgety_Sound_System:target > .descrizione-talk{
|
||||||
|
display:block !important;
|
||||||
|
margin-bottom:0;
|
||||||
|
}
|
||||||
|
#Gadgety_Sound_System:target > .filler{
|
||||||
|
margin-bottom: -1em !important;
|
||||||
|
}
|
||||||
|
#Gadgety_Sound_System:target > .filler >.title-wrapper{
|
||||||
|
border-bottom:5pt solid #000001 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#Gakajdfhsklfjdsstem:target > .descrizione-talk{
|
||||||
|
display:block !important;
|
||||||
|
margin-bottom:0;
|
||||||
|
}
|
||||||
|
#Gakajdfhsklfjdsstem:target > .filler{
|
||||||
|
margin-bottom: -1em !important;
|
||||||
|
}
|
||||||
|
#Gakajdfhsklfjdsstem:target > .filler >.title-wrapper{
|
||||||
|
border-bottom:5pt solid #000001 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
</style>
|
||||||
|
|
||||||
|
<section id="calendario">
|
||||||
|
<ul>
|
||||||
|
<div id="overflow-scroll">
|
||||||
|
|
||||||
|
<li id="GadSAISDUHJAIKDJSem">
|
||||||
|
<div class="filler">
|
||||||
|
<div class="title-wrapper">
|
||||||
|
<div class="orario"> --.-- </div>
|
||||||
|
|
||||||
|
<a class="titolo" href="#GadSAISDUHJAIKDJSem">
|
||||||
|
<h4>GadSAISDUHJAIKDJSem</h4>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="descrizione-talk">
|
||||||
|
<div>
|
||||||
|
<p>Gadgety Sound System è un sistema distribuito di moduli musicali.</p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li id="Gadgety__oaidjf_a_System">
|
||||||
|
<div class="filler">
|
||||||
|
<div class="title-wrapper">
|
||||||
|
<div class="orario"> --.-- </div>
|
||||||
|
|
||||||
|
<a class="titolo" href="#Gadgety__oaidjf_a_System">
|
||||||
|
<h4>Gadgety oaidjf a System</h4>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="descrizione-talk">
|
||||||
|
<div>
|
||||||
|
<p>Gadgety Sound System è un sistema distribuito di moduli musicali.</p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li id="Gadgety_Sound_System">
|
||||||
|
<div class="filler">
|
||||||
|
<div class="title-wrapper">
|
||||||
|
<div class="orario"> --.-- </div>
|
||||||
|
|
||||||
|
<a class="titolo" href="#Gadgety_Sound_System">
|
||||||
|
<h4>Gadgety Sound System</h4>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="descrizione-talk">
|
||||||
|
<div>
|
||||||
|
<p>Gadgety Sound System è un sistema distribuito di moduli musicali.</p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li id="Gakajdfhsklfjdsstem">
|
||||||
|
<div class="filler">
|
||||||
|
<div class="title-wrapper">
|
||||||
|
<div class="orario"> --.-- </div>
|
||||||
|
|
||||||
|
<a class="titolo" href="#Gakajdfhsklfjdsstem">
|
||||||
|
<h4>Gakajdfhsklfjdsstem</h4>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="descrizione-talk">
|
||||||
|
<div>
|
||||||
|
<p>Gadgety Sound System è un sistema distribuito di moduli musicali.</p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</ul>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</main>
|
</main>
|
||||||
<footer>
|
<footer>
|
||||||
{{ partial "footer.html" . }}
|
|
||||||
</footer>
|
<p>Questo sito i cookies li mangia / There are no cookies in outer space</p>
|
||||||
|
</footer>
|
||||||
</body>
|
</body>
|
||||||
|
</html>
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -11,21 +11,39 @@
|
||||||
|
|
||||||
|
|
||||||
<item>
|
<item>
|
||||||
<title>Talk1</title>
|
<title>GadSAISDUHJAIKDJSem</title>
|
||||||
|
<link>/posts/talk4/</link>
|
||||||
|
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
|
||||||
|
|
||||||
|
<guid>/posts/talk4/</guid>
|
||||||
|
<description>Gadgety Sound System è un sistema distribuito di moduli musicali.</description>
|
||||||
|
</item>
|
||||||
|
|
||||||
|
<item>
|
||||||
|
<title>Gadgety oaidjf a System</title>
|
||||||
<link>/posts/talk2/</link>
|
<link>/posts/talk2/</link>
|
||||||
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
|
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
|
||||||
|
|
||||||
<guid>/posts/talk2/</guid>
|
<guid>/posts/talk2/</guid>
|
||||||
<description>Etc etc</description>
|
<description>Gadgety Sound System è un sistema distribuito di moduli musicali.</description>
|
||||||
</item>
|
</item>
|
||||||
|
|
||||||
<item>
|
<item>
|
||||||
<title>Talk2</title>
|
<title>Gadgety Sound System</title>
|
||||||
<link>/posts/talk1/</link>
|
<link>/posts/talk1/</link>
|
||||||
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
|
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
|
||||||
|
|
||||||
<guid>/posts/talk1/</guid>
|
<guid>/posts/talk1/</guid>
|
||||||
<description>Etc etc</description>
|
<description>Gadgety Sound System è un sistema distribuito di moduli musicali.</description>
|
||||||
|
</item>
|
||||||
|
|
||||||
|
<item>
|
||||||
|
<title>Gakajdfhsklfjdsstem</title>
|
||||||
|
<link>/posts/talk3/</link>
|
||||||
|
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
|
||||||
|
|
||||||
|
<guid>/posts/talk3/</guid>
|
||||||
|
<description>Gadgety Sound System è un sistema distribuito di moduli musicali.</description>
|
||||||
</item>
|
</item>
|
||||||
|
|
||||||
</channel>
|
</channel>
|
||||||
|
|
|
||||||
|
|
@ -12,14 +12,6 @@
|
||||||
<meta name="generator" content="Hugo 0.42.2" />
|
<meta name="generator" content="Hugo 0.42.2" />
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<header>
|
|
||||||
<a href="">Hack-or-d(i|y)e 2018</a>
|
|
||||||
<nav>
|
|
||||||
<ul>
|
|
||||||
|
|
||||||
</ul>
|
|
||||||
</nav>
|
|
||||||
</header>
|
|
||||||
|
|
||||||
<main>
|
<main>
|
||||||
|
|
||||||
|
|
@ -40,13 +32,13 @@
|
||||||
|
|
||||||
<li><a href="/categories/">Categories</a></li>
|
<li><a href="/categories/">Categories</a></li>
|
||||||
|
|
||||||
<li><a href="/">Hack-or-d(i|y)e 2018</a></li>
|
<li><a href="/posts/talk4/">GadSAISDUHJAIKDJSem</a></li>
|
||||||
|
|
||||||
<li><a href="/posts/">Posts</a></li>
|
<li><a href="/posts/talk2/">Gadgety oaidjf a System</a></li>
|
||||||
|
|
||||||
<li><a href="/tags/">Tags</a></li>
|
<li><a href="/posts/talk1/">Gadgety Sound System</a></li>
|
||||||
|
|
||||||
<li><a href="/posts/talk2/">Talk1</a></li>
|
<li><a href="/posts/talk3/">Gakajdfhsklfjdsstem</a></li>
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -55,6 +47,7 @@
|
||||||
|
|
||||||
<footer>
|
<footer>
|
||||||
|
|
||||||
|
<p>Questo sito i cookies li mangia / There are no cookies in outer space</p>
|
||||||
</footer>
|
</footer>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
|
|
@ -11,21 +11,39 @@
|
||||||
|
|
||||||
|
|
||||||
<item>
|
<item>
|
||||||
<title>Talk1</title>
|
<title>GadSAISDUHJAIKDJSem</title>
|
||||||
|
<link>/posts/talk4/</link>
|
||||||
|
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
|
||||||
|
|
||||||
|
<guid>/posts/talk4/</guid>
|
||||||
|
<description>Gadgety Sound System è un sistema distribuito di moduli musicali.</description>
|
||||||
|
</item>
|
||||||
|
|
||||||
|
<item>
|
||||||
|
<title>Gadgety oaidjf a System</title>
|
||||||
<link>/posts/talk2/</link>
|
<link>/posts/talk2/</link>
|
||||||
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
|
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
|
||||||
|
|
||||||
<guid>/posts/talk2/</guid>
|
<guid>/posts/talk2/</guid>
|
||||||
<description>Etc etc</description>
|
<description>Gadgety Sound System è un sistema distribuito di moduli musicali.</description>
|
||||||
</item>
|
</item>
|
||||||
|
|
||||||
<item>
|
<item>
|
||||||
<title>Talk2</title>
|
<title>Gadgety Sound System</title>
|
||||||
<link>/posts/talk1/</link>
|
<link>/posts/talk1/</link>
|
||||||
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
|
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
|
||||||
|
|
||||||
<guid>/posts/talk1/</guid>
|
<guid>/posts/talk1/</guid>
|
||||||
<description>Etc etc</description>
|
<description>Gadgety Sound System è un sistema distribuito di moduli musicali.</description>
|
||||||
|
</item>
|
||||||
|
|
||||||
|
<item>
|
||||||
|
<title>Gakajdfhsklfjdsstem</title>
|
||||||
|
<link>/posts/talk3/</link>
|
||||||
|
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
|
||||||
|
|
||||||
|
<guid>/posts/talk3/</guid>
|
||||||
|
<description>Gadgety Sound System è un sistema distribuito di moduli musicali.</description>
|
||||||
</item>
|
</item>
|
||||||
|
|
||||||
</channel>
|
</channel>
|
||||||
|
|
|
||||||
|
|
@ -4,7 +4,7 @@
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
<title>Talk2</title>
|
<title>Gadgety Sound System</title>
|
||||||
|
|
||||||
|
|
||||||
<link rel="stylesheet" href="css/style.css">
|
<link rel="stylesheet" href="css/style.css">
|
||||||
|
|
@ -12,21 +12,13 @@
|
||||||
<meta name="generator" content="Hugo 0.42.2" />
|
<meta name="generator" content="Hugo 0.42.2" />
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<header>
|
|
||||||
<a href="">Hack-or-d(i|y)e 2018</a>
|
|
||||||
<nav>
|
|
||||||
<ul>
|
|
||||||
|
|
||||||
</ul>
|
|
||||||
</nav>
|
|
||||||
</header>
|
|
||||||
|
|
||||||
<main>
|
<main>
|
||||||
<article>
|
<article>
|
||||||
<h1>Talk2</h1>
|
<h1>Gadgety Sound System</h1>
|
||||||
<time>01.01.0001 00:00</time>
|
<time>01.01.0001 00:00</time>
|
||||||
<div>
|
<div>
|
||||||
<p>Etc etc</p>
|
<p>Gadgety Sound System è un sistema distribuito di moduli musicali.</p>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
|
|
@ -49,13 +41,13 @@
|
||||||
|
|
||||||
<li><a href="/categories/">Categories</a></li>
|
<li><a href="/categories/">Categories</a></li>
|
||||||
|
|
||||||
<li><a href="/">Hack-or-d(i|y)e 2018</a></li>
|
<li><a href="/posts/talk4/">GadSAISDUHJAIKDJSem</a></li>
|
||||||
|
|
||||||
<li><a href="/posts/">Posts</a></li>
|
<li><a href="/posts/talk2/">Gadgety oaidjf a System</a></li>
|
||||||
|
|
||||||
<li><a href="/tags/">Tags</a></li>
|
<li><a href="/posts/talk1/">Gadgety Sound System</a></li>
|
||||||
|
|
||||||
<li><a href="/posts/talk2/">Talk1</a></li>
|
<li><a href="/posts/talk3/">Gakajdfhsklfjdsstem</a></li>
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -64,6 +56,7 @@
|
||||||
|
|
||||||
<footer>
|
<footer>
|
||||||
|
|
||||||
|
<p>Questo sito i cookies li mangia / There are no cookies in outer space</p>
|
||||||
</footer>
|
</footer>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
|
|
@ -4,7 +4,7 @@
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
<title>Talk1</title>
|
<title>Gadgety oaidjf a System</title>
|
||||||
|
|
||||||
|
|
||||||
<link rel="stylesheet" href="css/style.css">
|
<link rel="stylesheet" href="css/style.css">
|
||||||
|
|
@ -12,21 +12,13 @@
|
||||||
<meta name="generator" content="Hugo 0.42.2" />
|
<meta name="generator" content="Hugo 0.42.2" />
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<header>
|
|
||||||
<a href="">Hack-or-d(i|y)e 2018</a>
|
|
||||||
<nav>
|
|
||||||
<ul>
|
|
||||||
|
|
||||||
</ul>
|
|
||||||
</nav>
|
|
||||||
</header>
|
|
||||||
|
|
||||||
<main>
|
<main>
|
||||||
<article>
|
<article>
|
||||||
<h1>Talk1</h1>
|
<h1>Gadgety oaidjf a System</h1>
|
||||||
<time>01.01.0001 00:00</time>
|
<time>01.01.0001 00:00</time>
|
||||||
<div>
|
<div>
|
||||||
<p>Etc etc</p>
|
<p>Gadgety Sound System è un sistema distribuito di moduli musicali.</p>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
|
|
@ -49,13 +41,13 @@
|
||||||
|
|
||||||
<li><a href="/categories/">Categories</a></li>
|
<li><a href="/categories/">Categories</a></li>
|
||||||
|
|
||||||
<li><a href="/">Hack-or-d(i|y)e 2018</a></li>
|
<li><a href="/posts/talk4/">GadSAISDUHJAIKDJSem</a></li>
|
||||||
|
|
||||||
<li><a href="/posts/">Posts</a></li>
|
<li><a href="/posts/talk2/">Gadgety oaidjf a System</a></li>
|
||||||
|
|
||||||
<li><a href="/tags/">Tags</a></li>
|
<li><a href="/posts/talk1/">Gadgety Sound System</a></li>
|
||||||
|
|
||||||
<li><a href="/posts/talk2/">Talk1</a></li>
|
<li><a href="/posts/talk3/">Gakajdfhsklfjdsstem</a></li>
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -64,6 +56,7 @@
|
||||||
|
|
||||||
<footer>
|
<footer>
|
||||||
|
|
||||||
|
<p>Questo sito i cookies li mangia / There are no cookies in outer space</p>
|
||||||
</footer>
|
</footer>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
62
public/posts/talk3/index.html
Normal file
62
public/posts/talk3/index.html
Normal file
|
|
@ -0,0 +1,62 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="it">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<title>Gakajdfhsklfjdsstem</title>
|
||||||
|
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="css/style.css">
|
||||||
|
|
||||||
|
<meta name="generator" content="Hugo 0.42.2" />
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<main>
|
||||||
|
<article>
|
||||||
|
<h1>Gakajdfhsklfjdsstem</h1>
|
||||||
|
<time>01.01.0001 00:00</time>
|
||||||
|
<div>
|
||||||
|
<p>Gadgety Sound System è un sistema distribuito di moduli musicali.</p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<ul id="tags">
|
||||||
|
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
</main>
|
||||||
|
<aside>
|
||||||
|
<div>
|
||||||
|
<div>
|
||||||
|
<h3>LATEST POSTS</h3>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<ul>
|
||||||
|
|
||||||
|
<li><a href="/categories/">Categories</a></li>
|
||||||
|
|
||||||
|
<li><a href="/posts/talk4/">GadSAISDUHJAIKDJSem</a></li>
|
||||||
|
|
||||||
|
<li><a href="/posts/talk2/">Gadgety oaidjf a System</a></li>
|
||||||
|
|
||||||
|
<li><a href="/posts/talk1/">Gadgety Sound System</a></li>
|
||||||
|
|
||||||
|
<li><a href="/posts/talk3/">Gakajdfhsklfjdsstem</a></li>
|
||||||
|
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</aside>
|
||||||
|
|
||||||
|
<footer>
|
||||||
|
|
||||||
|
<p>Questo sito i cookies li mangia / There are no cookies in outer space</p>
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
62
public/posts/talk4/index.html
Normal file
62
public/posts/talk4/index.html
Normal file
|
|
@ -0,0 +1,62 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="it">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<title>GadSAISDUHJAIKDJSem</title>
|
||||||
|
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="css/style.css">
|
||||||
|
|
||||||
|
<meta name="generator" content="Hugo 0.42.2" />
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<main>
|
||||||
|
<article>
|
||||||
|
<h1>GadSAISDUHJAIKDJSem</h1>
|
||||||
|
<time>01.01.0001 00:00</time>
|
||||||
|
<div>
|
||||||
|
<p>Gadgety Sound System è un sistema distribuito di moduli musicali.</p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<ul id="tags">
|
||||||
|
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
</main>
|
||||||
|
<aside>
|
||||||
|
<div>
|
||||||
|
<div>
|
||||||
|
<h3>LATEST POSTS</h3>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<ul>
|
||||||
|
|
||||||
|
<li><a href="/categories/">Categories</a></li>
|
||||||
|
|
||||||
|
<li><a href="/posts/talk4/">GadSAISDUHJAIKDJSem</a></li>
|
||||||
|
|
||||||
|
<li><a href="/posts/talk2/">Gadgety oaidjf a System</a></li>
|
||||||
|
|
||||||
|
<li><a href="/posts/talk1/">Gadgety Sound System</a></li>
|
||||||
|
|
||||||
|
<li><a href="/posts/talk3/">Gakajdfhsklfjdsstem</a></li>
|
||||||
|
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</aside>
|
||||||
|
|
||||||
|
<footer>
|
||||||
|
|
||||||
|
<p>Questo sito i cookies li mangia / There are no cookies in outer space</p>
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -7,6 +7,22 @@
|
||||||
<priority>0</priority>
|
<priority>0</priority>
|
||||||
</url>
|
</url>
|
||||||
|
|
||||||
|
<url>
|
||||||
|
<loc>/posts/talk4/</loc>
|
||||||
|
</url>
|
||||||
|
|
||||||
|
<url>
|
||||||
|
<loc>/posts/talk2/</loc>
|
||||||
|
</url>
|
||||||
|
|
||||||
|
<url>
|
||||||
|
<loc>/posts/talk1/</loc>
|
||||||
|
</url>
|
||||||
|
|
||||||
|
<url>
|
||||||
|
<loc>/posts/talk3/</loc>
|
||||||
|
</url>
|
||||||
|
|
||||||
<url>
|
<url>
|
||||||
<loc>/</loc>
|
<loc>/</loc>
|
||||||
<priority>0</priority>
|
<priority>0</priority>
|
||||||
|
|
@ -22,12 +38,4 @@
|
||||||
<priority>0</priority>
|
<priority>0</priority>
|
||||||
</url>
|
</url>
|
||||||
|
|
||||||
<url>
|
|
||||||
<loc>/posts/talk2/</loc>
|
|
||||||
</url>
|
|
||||||
|
|
||||||
<url>
|
|
||||||
<loc>/posts/talk1/</loc>
|
|
||||||
</url>
|
|
||||||
|
|
||||||
</urlset>
|
</urlset>
|
||||||
|
|
@ -12,14 +12,6 @@
|
||||||
<meta name="generator" content="Hugo 0.42.2" />
|
<meta name="generator" content="Hugo 0.42.2" />
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<header>
|
|
||||||
<a href="">Hack-or-d(i|y)e 2018</a>
|
|
||||||
<nav>
|
|
||||||
<ul>
|
|
||||||
|
|
||||||
</ul>
|
|
||||||
</nav>
|
|
||||||
</header>
|
|
||||||
|
|
||||||
<main>
|
<main>
|
||||||
|
|
||||||
|
|
@ -40,13 +32,13 @@
|
||||||
|
|
||||||
<li><a href="/categories/">Categories</a></li>
|
<li><a href="/categories/">Categories</a></li>
|
||||||
|
|
||||||
<li><a href="/">Hack-or-d(i|y)e 2018</a></li>
|
<li><a href="/posts/talk4/">GadSAISDUHJAIKDJSem</a></li>
|
||||||
|
|
||||||
<li><a href="/posts/">Posts</a></li>
|
<li><a href="/posts/talk2/">Gadgety oaidjf a System</a></li>
|
||||||
|
|
||||||
<li><a href="/tags/">Tags</a></li>
|
<li><a href="/posts/talk1/">Gadgety Sound System</a></li>
|
||||||
|
|
||||||
<li><a href="/posts/talk2/">Talk1</a></li>
|
<li><a href="/posts/talk3/">Gakajdfhsklfjdsstem</a></li>
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -55,6 +47,7 @@
|
||||||
|
|
||||||
<footer>
|
<footer>
|
||||||
|
|
||||||
|
<p>Questo sito i cookies li mangia / There are no cookies in outer space</p>
|
||||||
</footer>
|
</footer>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,6 @@
|
||||||
<footer>
|
<footer>
|
||||||
<!--<p>© {{ now.Year }} <a href="{{ .Site.BaseURL }}">{{ .Site.Title }}</a></p>-->
|
<!--<p>© {{ now.Year }} <a href="{{ .Site.BaseURL }}">{{ .Site.Title }}</a></p>-->
|
||||||
<p>There are no cookies in outer space</p>
|
<p>Questo sito i cookies li mangia / There are no cookies in outer space</p>
|
||||||
</footer>
|
</footer>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
|
|
@ -1,8 +1,8 @@
|
||||||
<div id="illustrazione">
|
<div id="illustrazione">
|
||||||
<pre style="text-align:center">
|
<pre style="text-align:center">
|
||||||
<span class="rainbow"> <span class="retard-2"> _ </span> _ _ _ _ _ _ </span><span style="display:none;">|</span>
|
<span class="rainbow"> <span class="retard-2"> _ </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-13">_</span> </span><span style="display:none;">|</span>
|
||||||
<span class="rainbow"> <span class="retard-1">|\</span> <span class="retard-2">|_|</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-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 style="display:none;">|</span>
|
||||||
<span class="rainbow"> <span class="retard-1">|_)</span> <span class="retard-2">| |</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><span style="display:none;">|</span>
|
||||||
<span style="display:none;">|</span>
|
<span style="display:none;">|</span>
|
||||||
<span style="display:none;">|</span>
|
<span style="display:none;">|</span>
|
||||||
<span style="display:none;">|</span>
|
<span style="display:none;">|</span>
|
||||||
|
|
@ -21,10 +21,11 @@
|
||||||
<span class="stellina">+</span> <span class="stellina">+</span> <span style="display:none;">|</span>
|
<span class="stellina">+</span> <span class="stellina">+</span> <span style="display:none;">|</span>
|
||||||
<span style="display:none;">|</span>
|
<span style="display:none;">|</span>
|
||||||
<span style="display:none;">|</span>
|
<span style="display:none;">|</span>
|
||||||
<span class="rainbow"> _ _ _ _ _ _ _ _ _ </span><span style="display:none;">|</span>
|
<span class="rainbow"> <span class="retard-2">_</span> <span class="retard-3">_</span> <span class="retard-6">_</span> <span class="retard-9">_</span> <span class="retard-10">_</span> <span class="retard-14">_</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><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-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><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><span style="display:none;">|</span>
|
<span class="rainbow"> <span class="retard-19">'</span> </span><span style="display:none;">|</span>
|
||||||
|
|
||||||
<span style="display:none;">|</span>
|
<span style="display:none;">|</span>
|
||||||
|_ _. _ | _ ._ _| o / | _ \ <span style="display:none;">|</span>
|
|_ _. _ | _ ._ _| o / | _ \ <span style="display:none;">|</span>
|
||||||
| | (_| (_ |< ─ (_) | ─ (_| | \ \/ | (/_ / <span style="display:none;">|</span>
|
| | (_| (_ |< ─ (_) | ─ (_| | \ \/ | (/_ / <span style="display:none;">|</span>
|
||||||
|
|
|
||||||
|
|
@ -21,20 +21,20 @@
|
||||||
<li id="{{ replace .Title " " "_" }}">
|
<li id="{{ replace .Title " " "_" }}">
|
||||||
<div class="filler">
|
<div class="filler">
|
||||||
<div class="title-wrapper">
|
<div class="title-wrapper">
|
||||||
<div class="orario"> 09.00 </div>
|
<div class="orario"> --.-- </div>
|
||||||
<!--<h4><a class="titolo" href="{{ .Permalink }}">{{ .Title }}</a></h4>-->
|
<!--<h4><a class="titolo" href="{{ .Permalink }}">{{ .Title }}</a></h4>-->
|
||||||
<a class="titolo" href="#{{ replace .Title " " "_" }}">
|
<a class="titolo" href="#{{ replace .Title " " "_" }}">
|
||||||
<h4>{{ .Title }}</h4>
|
<h4>{{ .Title }}</h4>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div class="descrizione-talk">
|
||||||
|
<div>
|
||||||
|
{{ .Content }}
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<p class="descrizione-talk">
|
|
||||||
{{ .Title }}
|
|
||||||
{{ end }}
|
|
||||||
</p>
|
|
||||||
</li>
|
</li>
|
||||||
|
{{ end }}
|
||||||
</div>
|
</div>
|
||||||
</ul>
|
</ul>
|
||||||
</section>
|
</section>
|
||||||
|
|
|
||||||
|
|
@ -61,24 +61,17 @@ body {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
body .rainbow {
|
||||||
|
animation-name: rainbow;
|
||||||
|
animation-duration: 18s;
|
||||||
|
animation-iteration-count: infinite;
|
||||||
|
}
|
||||||
body a {
|
body a {
|
||||||
color: #ff33cc;
|
color: #ff33cc;
|
||||||
}
|
}
|
||||||
body a:visited {
|
body a:visited {
|
||||||
color: #cc0099;
|
color: #cc0099;
|
||||||
}
|
}
|
||||||
body .rainbow {
|
|
||||||
animation: rainbow 18s ease infinite;
|
|
||||||
/*
|
|
||||||
.retard-1{
|
|
||||||
animation-delay: -1s;
|
|
||||||
}
|
|
||||||
|
|
||||||
.retard-2{
|
|
||||||
animation-delay: 12s;
|
|
||||||
}
|
|
||||||
*/
|
|
||||||
}
|
|
||||||
body .stellina {
|
body .stellina {
|
||||||
color: blue;
|
color: blue;
|
||||||
}
|
}
|
||||||
|
|
@ -122,30 +115,37 @@ body main #scrollable-column {
|
||||||
@media screen and (min-width: 900px) {
|
@media screen and (min-width: 900px) {
|
||||||
body main #scrollable-column #raggiungerci {
|
body main #scrollable-column #raggiungerci {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
bottom: 3em;
|
bottom: 7em;
|
||||||
}
|
padding-top: 0.1em;
|
||||||
body main #scrollable-column #raggiungerci .descrizione-talk {
|
|
||||||
padding: 0 !important;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
body main #scrollable-column #right-column {
|
body main #scrollable-column #right-column {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
background-color: #000001;
|
background-color: #000001;
|
||||||
z-index: 33;
|
z-index: 33;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
}
|
}
|
||||||
@media screen and (max-width: 900px) {
|
@media screen and (max-width: 900px) {
|
||||||
body main #scrollable-column #right-column {
|
body main #scrollable-column #right-column {
|
||||||
margin: auto;
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
body main #scrollable-column #right-column #calendario {
|
body main #scrollable-column #right-column #calendario {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
max-width: 40em;
|
||||||
}
|
}
|
||||||
@media screen and (min-width: 900px) {
|
@media screen and (min-width: 900px) {
|
||||||
body main #scrollable-column #right-column #calendario {
|
body main #scrollable-column #right-column #calendario {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@media screen and (min-width: 1200px) {
|
||||||
|
body main #scrollable-column #right-column #calendario {
|
||||||
|
width: 40%;
|
||||||
|
}
|
||||||
|
}
|
||||||
body main #scrollable-column #right-column #calendario ul {
|
body main #scrollable-column #right-column #calendario ul {
|
||||||
overflow-y: scroll;
|
overflow-y: scroll;
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
|
|
@ -166,6 +166,10 @@ body main #scrollable-column #right-column #calendario ul li .filler {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex: 1 1 100%;
|
flex: 1 1 100%;
|
||||||
}
|
}
|
||||||
|
body main #scrollable-column #right-column #calendario ul li .filler + div {
|
||||||
|
border: solid 1pt white;
|
||||||
|
margin: 1.3em 0 -0.4em 0;
|
||||||
|
}
|
||||||
body main #scrollable-column #right-column #calendario ul li .title-wrapper {
|
body main #scrollable-column #right-column #calendario ul li .title-wrapper {
|
||||||
display: flex;
|
display: flex;
|
||||||
border-top: 1pt solid white;
|
border-top: 1pt solid white;
|
||||||
|
|
@ -174,7 +178,12 @@ body main #scrollable-column #right-column #calendario ul li .title-wrapper {
|
||||||
border-bottom: 1pt solid white;
|
border-bottom: 1pt solid white;
|
||||||
padding: 0.1em;
|
padding: 0.1em;
|
||||||
margin-bottom: -5px;
|
margin-bottom: -5px;
|
||||||
z-index: 2;
|
z-index: 32;
|
||||||
|
}
|
||||||
|
@media screen and (max-width: 900px) {
|
||||||
|
body main #scrollable-column #right-column #calendario ul li .title-wrapper {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
body main #scrollable-column #right-column #calendario ul li .title-wrapper .orario {
|
body main #scrollable-column #right-column #calendario ul li .title-wrapper .orario {
|
||||||
color: #37ffad;
|
color: #37ffad;
|
||||||
|
|
@ -193,21 +202,22 @@ body main #scrollable-column #right-column #calendario ul li .title-wrapper h4 a
|
||||||
body main #scrollable-column #right-column #calendario ul .descrizione-talk {
|
body main #scrollable-column #right-column #calendario ul .descrizione-talk {
|
||||||
display: none;
|
display: none;
|
||||||
flex: 1 1 100%;
|
flex: 1 1 100%;
|
||||||
padding: 1em 0 2em 2em;
|
overflow-y: hidden;
|
||||||
border-top: 1pt solid white;
|
/*@media screen and (min-width: $breakpoint-normal-screen) {
|
||||||
border-right: 1pt solid white;
|
|
||||||
border-left: 1pt solid white;
|
|
||||||
border-bottom: 1pt solid white;
|
|
||||||
max-width: 75%;
|
max-width: 75%;
|
||||||
|
}*/
|
||||||
hyphens: auto;
|
hyphens: auto;
|
||||||
}
|
}
|
||||||
body main #scrollable-column #right-column #calendario ul .titolo:target + .descrizionedescrizione-talk {
|
body main #scrollable-column #right-column #calendario ul .descrizione-talk div {
|
||||||
display: flex;
|
max-height: 30em;
|
||||||
|
overflow-y: scroll;
|
||||||
|
padding: 3em;
|
||||||
}
|
}
|
||||||
body main #scrollable-column #right-column #raggiungerci {
|
body main #scrollable-column #right-column #raggiungerci {
|
||||||
background-color: #000001;
|
background-color: #000001;
|
||||||
z-index: 100;
|
z-index: 100;
|
||||||
margin-top: 1em;
|
margin-top: 1em;
|
||||||
|
width: 100%;
|
||||||
}
|
}
|
||||||
@media screen and (max-width: 900px) {
|
@media screen and (max-width: 900px) {
|
||||||
body main #scrollable-column #left-column {
|
body main #scrollable-column #left-column {
|
||||||
|
|
@ -224,9 +234,123 @@ body main #scrollable-column #left-column #illustrazione pre {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
}
|
}
|
||||||
|
body main #scrollable-column #left-column #illustrazione pre .rainbow .retard-1 {
|
||||||
|
animation-name: rainbow;
|
||||||
|
animation-duration: 1s;
|
||||||
|
animation-iteration-count: infinite;
|
||||||
|
animation-delay: 0.1s;
|
||||||
|
}
|
||||||
|
body main #scrollable-column #left-column #illustrazione pre .rainbow .retard-2 {
|
||||||
|
animation-name: rainbow;
|
||||||
|
animation-duration: 1s;
|
||||||
|
animation-iteration-count: infinite;
|
||||||
|
animation-delay: 0.2s;
|
||||||
|
}
|
||||||
|
body main #scrollable-column #left-column #illustrazione pre .rainbow .retard-3 {
|
||||||
|
animation-name: rainbow;
|
||||||
|
animation-duration: 1s;
|
||||||
|
animation-iteration-count: infinite;
|
||||||
|
animation-delay: 0.3s;
|
||||||
|
}
|
||||||
|
body main #scrollable-column #left-column #illustrazione pre .rainbow .retard-4 {
|
||||||
|
animation-name: rainbow;
|
||||||
|
animation-duration: 1s;
|
||||||
|
animation-iteration-count: infinite;
|
||||||
|
animation-delay: 0.4s;
|
||||||
|
}
|
||||||
|
body main #scrollable-column #left-column #illustrazione pre .rainbow .retard-5 {
|
||||||
|
animation-name: rainbow;
|
||||||
|
animation-duration: 1s;
|
||||||
|
animation-iteration-count: infinite;
|
||||||
|
animation-delay: 0.5s;
|
||||||
|
}
|
||||||
|
body main #scrollable-column #left-column #illustrazione pre .rainbow .retard-6 {
|
||||||
|
animation-name: rainbow;
|
||||||
|
animation-duration: 1s;
|
||||||
|
animation-iteration-count: infinite;
|
||||||
|
animation-delay: 0.6s;
|
||||||
|
}
|
||||||
|
body main #scrollable-column #left-column #illustrazione pre .rainbow .retard-7 {
|
||||||
|
animation-name: rainbow;
|
||||||
|
animation-duration: 1s;
|
||||||
|
animation-iteration-count: infinite;
|
||||||
|
animation-delay: 0.7s;
|
||||||
|
}
|
||||||
|
body main #scrollable-column #left-column #illustrazione pre .rainbow .retard-8 {
|
||||||
|
animation-name: rainbow;
|
||||||
|
animation-duration: 1s;
|
||||||
|
animation-iteration-count: infinite;
|
||||||
|
animation-delay: 0.8s;
|
||||||
|
}
|
||||||
|
body main #scrollable-column #left-column #illustrazione pre .rainbow .retard-9 {
|
||||||
|
animation-name: rainbow;
|
||||||
|
animation-duration: 1s;
|
||||||
|
animation-iteration-count: infinite;
|
||||||
|
animation-delay: 0.9s;
|
||||||
|
}
|
||||||
|
body main #scrollable-column #left-column #illustrazione pre .rainbow .retard-10 {
|
||||||
|
animation-name: rainbow;
|
||||||
|
animation-duration: 1s;
|
||||||
|
animation-iteration-count: infinite;
|
||||||
|
animation-delay: 1s;
|
||||||
|
}
|
||||||
|
body main #scrollable-column #left-column #illustrazione pre .rainbow .retard-11 {
|
||||||
|
animation-name: rainbow;
|
||||||
|
animation-duration: 1s;
|
||||||
|
animation-iteration-count: infinite;
|
||||||
|
animation-delay: 1.1s;
|
||||||
|
}
|
||||||
|
body main #scrollable-column #left-column #illustrazione pre .rainbow .retard-12 {
|
||||||
|
animation-name: rainbow;
|
||||||
|
animation-duration: 1s;
|
||||||
|
animation-iteration-count: infinite;
|
||||||
|
animation-delay: 1.2s;
|
||||||
|
}
|
||||||
|
body main #scrollable-column #left-column #illustrazione pre .rainbow .retard-13 {
|
||||||
|
animation-name: rainbow;
|
||||||
|
animation-duration: 1s;
|
||||||
|
animation-iteration-count: infinite;
|
||||||
|
animation-delay: 1.3s;
|
||||||
|
}
|
||||||
|
body main #scrollable-column #left-column #illustrazione pre .rainbow .retard-14 {
|
||||||
|
animation-name: rainbow;
|
||||||
|
animation-duration: 1s;
|
||||||
|
animation-iteration-count: infinite;
|
||||||
|
animation-delay: 1.4s;
|
||||||
|
}
|
||||||
|
body main #scrollable-column #left-column #illustrazione pre .rainbow .retard-15 {
|
||||||
|
animation-name: rainbow;
|
||||||
|
animation-duration: 1s;
|
||||||
|
animation-iteration-count: infinite;
|
||||||
|
animation-delay: 1.5s;
|
||||||
|
}
|
||||||
|
body main #scrollable-column #left-column #illustrazione pre .rainbow .retard-16 {
|
||||||
|
animation-name: rainbow;
|
||||||
|
animation-duration: 1s;
|
||||||
|
animation-iteration-count: infinite;
|
||||||
|
animation-delay: 1.6s;
|
||||||
|
}
|
||||||
|
body main #scrollable-column #left-column #illustrazione pre .rainbow .retard-17 {
|
||||||
|
animation-name: rainbow;
|
||||||
|
animation-duration: 1s;
|
||||||
|
animation-iteration-count: infinite;
|
||||||
|
animation-delay: 1.7s;
|
||||||
|
}
|
||||||
|
body main #scrollable-column #left-column #illustrazione pre .rainbow .retard-18 {
|
||||||
|
animation-name: rainbow;
|
||||||
|
animation-duration: 1s;
|
||||||
|
animation-iteration-count: infinite;
|
||||||
|
animation-delay: 1.8s;
|
||||||
|
}
|
||||||
|
body main #scrollable-column #left-column #illustrazione pre .rainbow .retard-19 {
|
||||||
|
animation-name: rainbow;
|
||||||
|
animation-duration: 1s;
|
||||||
|
animation-iteration-count: infinite;
|
||||||
|
animation-delay: 1.9s;
|
||||||
|
}
|
||||||
@media screen and (max-width: 600px) {
|
@media screen and (max-width: 600px) {
|
||||||
body main #scrollable-column #left-column #illustrazione pre {
|
body main #scrollable-column #left-column #illustrazione pre {
|
||||||
font-size: 0.5em;
|
font-size: 0.6em;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -237,7 +361,7 @@ body main #scrollable-column #left-column #illustrazione pre {
|
||||||
}
|
}
|
||||||
@media screen and (min-width: 1200px) {
|
@media screen and (min-width: 1200px) {
|
||||||
body main #scrollable-column #left-column #illustrazione pre {
|
body main #scrollable-column #left-column #illustrazione pre {
|
||||||
font-size: 1em;
|
font-size: 0.9em;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
body main #scrollable-column #left-column #illustrazione .text-wrapper {
|
body main #scrollable-column #left-column #illustrazione .text-wrapper {
|
||||||
|
|
@ -250,12 +374,12 @@ body main #scrollable-column #left-column #illustrazione .text-wrapper .text-off
|
||||||
}
|
}
|
||||||
@media screen and (max-width: 600px) {
|
@media screen and (max-width: 600px) {
|
||||||
body main #scrollable-column #left-column #illustrazione .text-wrapper .text-offset {
|
body main #scrollable-column #left-column #illustrazione .text-wrapper .text-offset {
|
||||||
height: 26em;
|
height: 33em;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media screen and (min-width: 600px) and (max-width: 1200px) {
|
@media screen and (min-width: 600px) and (max-width: 1200px) {
|
||||||
body main #scrollable-column #left-column #illustrazione .text-wrapper .text-offset {
|
body main #scrollable-column #left-column #illustrazione .text-wrapper .text-offset {
|
||||||
height: 41em;
|
height: 43em;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media screen and (min-width: 1200px) {
|
@media screen and (min-width: 1200px) {
|
||||||
|
|
@ -286,6 +410,7 @@ body main #scrollable-column #left-column #illustrazione .text-wrapper #call {
|
||||||
padding: 1em 10% 2em 10%;
|
padding: 1em 10% 2em 10%;
|
||||||
}
|
}
|
||||||
body footer {
|
body footer {
|
||||||
|
display: flex;
|
||||||
animation-direction: normal;
|
animation-direction: normal;
|
||||||
animation-fill-mode: forwards;
|
animation-fill-mode: forwards;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
|
|
|
||||||
|
|
@ -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;EACE,OAtCO;;AAyCT;EACE,OAzCW;;AA4Cb;EACE;AACJ;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAYE;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AACA;EANF;IAOI;;;AAGF;EAcE;EACA;EACA;;AAfA;EADF;IAEI;;;AAEF;EACE;IACE;IACA;;EAEA;IACE;;;AAQN;EACE;EACA,kBAnHG;EAoHH;;AACA;EAJF;IAKI;;;AAGF;EACE;;AACA;EAFF;IAGI;;;AAGF;EAIE;EACA;EACA;EACA;EACA;EACA;EACA;;AATA;EACE;;AAUF;EACE;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE,OA9JL;EA+JK;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAEA;EACE;;AAMR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAKN;EACE,kBApMC;EAqMD;EACA;;AAKF;EADF;IAEI;;;AAGF;EACE;EACA;EACA;EACA;;AACE;EACE;EACA;;AACA;EAHF;IAII;IACA;;;AAEF;EAPF;IAQI;;;AAEF;EAVF;IAWI;;;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","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;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"}
|
||||||
|
|
@ -41,6 +41,12 @@ body {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
|
||||||
|
.rainbow{
|
||||||
|
animation-name: rainbow;
|
||||||
|
animation-duration: 18s;
|
||||||
|
animation-iteration-count: infinite;
|
||||||
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
color: $new-link;
|
color: $new-link;
|
||||||
}
|
}
|
||||||
|
|
@ -49,18 +55,6 @@ body {
|
||||||
color: $visited-link;
|
color: $visited-link;
|
||||||
}
|
}
|
||||||
|
|
||||||
.rainbow{
|
|
||||||
animation: rainbow 18s ease infinite;
|
|
||||||
/*
|
|
||||||
.retard-1{
|
|
||||||
animation-delay: -1s;
|
|
||||||
}
|
|
||||||
|
|
||||||
.retard-2{
|
|
||||||
animation-delay: 12s;
|
|
||||||
}
|
|
||||||
*/ }
|
|
||||||
|
|
||||||
// FURBY-COLOR
|
// FURBY-COLOR
|
||||||
|
|
||||||
.stellina{
|
.stellina{
|
||||||
|
|
@ -104,13 +98,11 @@ body {
|
||||||
@media screen and (min-width: $breakpoint-tablet) {
|
@media screen and (min-width: $breakpoint-tablet) {
|
||||||
#raggiungerci {
|
#raggiungerci {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
bottom: 3em;
|
bottom: 7em;
|
||||||
|
padding-top: 0.1em;
|
||||||
.descrizione-talk {
|
|
||||||
padding: 0 !important;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
display: flex;
|
display: flex;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
|
|
@ -119,15 +111,22 @@ body {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
background-color: $BG-color;
|
background-color: $BG-color;
|
||||||
z-index: 33;
|
z-index: 33;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
@media screen and (max-width: $breakpoint-tablet) {
|
@media screen and (max-width: $breakpoint-tablet) {
|
||||||
margin: auto;
|
display:flex;
|
||||||
|
justify-content: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
#calendario {
|
#calendario {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
max-width: 40em;
|
||||||
@media screen and (min-width: $breakpoint-tablet) {
|
@media screen and (min-width: $breakpoint-tablet) {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
}
|
}
|
||||||
|
@media screen and (min-width: $breakpoint-normal-screen) {
|
||||||
|
width:40%;
|
||||||
|
}
|
||||||
|
|
||||||
ul {
|
ul {
|
||||||
#overflow-scroll {
|
#overflow-scroll {
|
||||||
|
|
@ -150,6 +149,11 @@ body {
|
||||||
flex: 1 1 100%;
|
flex: 1 1 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.filler + div{
|
||||||
|
border: solid 1pt white;
|
||||||
|
margin:1.3em 0 -0.4em 0;
|
||||||
|
}
|
||||||
|
|
||||||
.title-wrapper {
|
.title-wrapper {
|
||||||
display: flex;
|
display: flex;
|
||||||
border-top: 1pt solid white;
|
border-top: 1pt solid white;
|
||||||
|
|
@ -158,8 +162,11 @@ body {
|
||||||
border-bottom: 1pt solid white;
|
border-bottom: 1pt solid white;
|
||||||
padding: 0.1em;
|
padding: 0.1em;
|
||||||
margin-bottom: -5px;
|
margin-bottom: -5px;
|
||||||
z-index: 2;
|
z-index: 32;
|
||||||
|
|
||||||
|
@media screen and (max-width: $breakpoint-tablet) {
|
||||||
|
width:100%;
|
||||||
|
}
|
||||||
.orario {
|
.orario {
|
||||||
color: $text-color;
|
color: $text-color;
|
||||||
height: 1.2em;
|
height: 1.2em;
|
||||||
|
|
@ -182,18 +189,17 @@ body {
|
||||||
.descrizione-talk {
|
.descrizione-talk {
|
||||||
display: none;
|
display: none;
|
||||||
flex: 1 1 100%;
|
flex: 1 1 100%;
|
||||||
padding: 1em 0 2em 2em;
|
overflow-y: hidden;
|
||||||
border-top: 1pt solid white;
|
div{
|
||||||
border-right: 1pt solid white;
|
max-height:30em;
|
||||||
border-left: 1pt solid white;
|
overflow-y: scroll;
|
||||||
border-bottom: 1pt solid white;
|
padding:3em;
|
||||||
|
}
|
||||||
|
/*@media screen and (min-width: $breakpoint-normal-screen) {
|
||||||
max-width: 75%;
|
max-width: 75%;
|
||||||
|
}*/
|
||||||
hyphens: auto;
|
hyphens: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.titolo:target+.descrizionedescrizione-talk {
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -201,6 +207,7 @@ body {
|
||||||
background-color: $BG-color;
|
background-color: $BG-color;
|
||||||
z-index: 100;
|
z-index: 100;
|
||||||
margin-top: 1em;
|
margin-top: 1em;
|
||||||
|
width:100%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -217,15 +224,149 @@ body {
|
||||||
pre {
|
pre {
|
||||||
margin:0;
|
margin:0;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
|
.rainbow{
|
||||||
|
.retard-1{
|
||||||
|
animation-name: rainbow;
|
||||||
|
animation-duration: 1s;
|
||||||
|
animation-iteration-count: infinite;
|
||||||
|
animation-delay: 0.1s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.retard-2{
|
||||||
|
animation-name: rainbow;
|
||||||
|
animation-duration: 1s;
|
||||||
|
animation-iteration-count: infinite;
|
||||||
|
animation-delay: 0.2s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.retard-3{
|
||||||
|
animation-name: rainbow;
|
||||||
|
animation-duration: 1s;
|
||||||
|
animation-iteration-count: infinite;
|
||||||
|
animation-delay: 0.3s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.retard-4{
|
||||||
|
animation-name: rainbow;
|
||||||
|
animation-duration: 1s;
|
||||||
|
animation-iteration-count: infinite;
|
||||||
|
animation-delay: 0.4s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.retard-5{
|
||||||
|
animation-name: rainbow;
|
||||||
|
animation-duration: 1s;
|
||||||
|
animation-iteration-count: infinite;
|
||||||
|
animation-delay: 0.5s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.retard-6{
|
||||||
|
animation-name: rainbow;
|
||||||
|
animation-duration: 1s;
|
||||||
|
animation-iteration-count: infinite;
|
||||||
|
animation-delay: 0.6s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.retard-7{
|
||||||
|
animation-name: rainbow;
|
||||||
|
animation-duration: 1s;
|
||||||
|
animation-iteration-count: infinite;
|
||||||
|
animation-delay: 0.7s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.retard-8{
|
||||||
|
animation-name: rainbow;
|
||||||
|
animation-duration: 1s;
|
||||||
|
animation-iteration-count: infinite;
|
||||||
|
animation-delay: 0.8s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.retard-9{
|
||||||
|
animation-name: rainbow;
|
||||||
|
animation-duration: 1s;
|
||||||
|
animation-iteration-count: infinite;
|
||||||
|
animation-delay: 0.9s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.retard-10{
|
||||||
|
animation-name: rainbow;
|
||||||
|
animation-duration: 1s;
|
||||||
|
animation-iteration-count: infinite;
|
||||||
|
animation-delay: 1s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.retard-11{
|
||||||
|
animation-name: rainbow;
|
||||||
|
animation-duration: 1s;
|
||||||
|
animation-iteration-count: infinite;
|
||||||
|
animation-delay: 1.1s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.retard-12{
|
||||||
|
animation-name: rainbow;
|
||||||
|
animation-duration: 1s;
|
||||||
|
animation-iteration-count: infinite;
|
||||||
|
animation-delay: 1.2s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.retard-13{
|
||||||
|
animation-name: rainbow;
|
||||||
|
animation-duration: 1s;
|
||||||
|
animation-iteration-count: infinite;
|
||||||
|
animation-delay: 1.3s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.retard-14{
|
||||||
|
animation-name: rainbow;
|
||||||
|
animation-duration: 1s;
|
||||||
|
animation-iteration-count: infinite;
|
||||||
|
animation-delay: 1.4s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.retard-15{
|
||||||
|
animation-name: rainbow;
|
||||||
|
animation-duration: 1s;
|
||||||
|
animation-iteration-count: infinite;
|
||||||
|
animation-delay: 1.5s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.retard-16{
|
||||||
|
animation-name: rainbow;
|
||||||
|
animation-duration: 1s;
|
||||||
|
animation-iteration-count: infinite;
|
||||||
|
animation-delay: 1.6s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.retard-17{
|
||||||
|
animation-name: rainbow;
|
||||||
|
animation-duration: 1s;
|
||||||
|
animation-iteration-count: infinite;
|
||||||
|
animation-delay: 1.7s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.retard-18{
|
||||||
|
animation-name: rainbow;
|
||||||
|
animation-duration: 1s;
|
||||||
|
animation-iteration-count: infinite;
|
||||||
|
animation-delay: 1.8s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.retard-19{
|
||||||
|
animation-name: rainbow;
|
||||||
|
animation-duration: 1s;
|
||||||
|
animation-iteration-count: infinite;
|
||||||
|
animation-delay: 1.9s;
|
||||||
|
}
|
||||||
|
}
|
||||||
@media screen and (max-width: $breakpoint-phone) {
|
@media screen and (max-width: $breakpoint-phone) {
|
||||||
font-size:0.5em;
|
font-size:0.6em;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
@media screen and (min-width: $breakpoint-phone) and (max-width: $breakpoint-normal-screen) {
|
@media screen and (min-width: $breakpoint-phone) and (max-width: $breakpoint-normal-screen) {
|
||||||
font-size: 0.8em;
|
font-size: 0.8em;
|
||||||
}
|
}
|
||||||
@media screen and (min-width: $breakpoint-normal-screen) {
|
@media screen and (min-width: $breakpoint-normal-screen) {
|
||||||
font-size: 1em;
|
font-size: 0.9em;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -236,10 +377,10 @@ body {
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
@media screen and (max-width: $breakpoint-phone) {
|
@media screen and (max-width: $breakpoint-phone) {
|
||||||
height:26em;
|
height:33em;
|
||||||
}
|
}
|
||||||
@media screen and (min-width: $breakpoint-phone) and (max-width: $breakpoint-normal-screen) {
|
@media screen and (min-width: $breakpoint-phone) and (max-width: $breakpoint-normal-screen) {
|
||||||
height:41em;
|
height:43em;
|
||||||
}
|
}
|
||||||
@media screen and (min-width: $breakpoint-normal-screen) {
|
@media screen and (min-width: $breakpoint-normal-screen) {
|
||||||
height:50em;
|
height:50em;
|
||||||
|
|
@ -271,6 +412,7 @@ body {
|
||||||
|
|
||||||
footer {
|
footer {
|
||||||
// animation: banner-stretch 3.3s 1s;
|
// animation: banner-stretch 3.3s 1s;
|
||||||
|
display: flex;
|
||||||
animation-direction: normal;
|
animation-direction: normal;
|
||||||
animation-fill-mode: forwards;
|
animation-fill-mode: forwards;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue