boyska/HOD2018_website
1
0
Fork 0
forked from fillotassi/HOD2018_website
Code Releases Activity

Add padding-top to ASCII, small responsive improvements

Browse source
This commit is contained in:
fillotassi 2018-10-28 11:17:47 +01:00
parent 6999385081
commit c1c6967eb3
5 changed files with 11 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
content/posts/talk5.md
View file

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

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

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

4
themes/HOD2k18/static/css/style.css
View file

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

2
themes/HOD2k18/static/css/style.css.map
View file

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

7
themes/HOD2k18/static/css/style.scss
View file

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