From c1c6967eb396c23e81d01b48f0a78451971d38cf Mon Sep 17 00:00:00 2001 From: fillotassi Date: Sun, 28 Oct 2018 11:17:47 +0100 Subject: [PATCH] Add padding-top to ASCII, small responsive improvements --- content/posts/talk5.md | 4 ++-- themes/HOD2k18/layouts/partials/furby-hack-color.html | 1 - themes/HOD2k18/static/css/style.css | 4 +++- themes/HOD2k18/static/css/style.css.map | 2 +- themes/HOD2k18/static/css/style.scss | 7 +++++-- 5 files changed, 11 insertions(+), 7 deletions(-) diff --git a/content/posts/talk5.md b/content/posts/talk5.md index c70e435..c2f1696 100644 --- a/content/posts/talk5.md +++ b/content/posts/talk5.md @@ -1,8 +1,8 @@ --- -title: "Look mum, no js!" +title: "Look mum - no js" #date: 2018-09-22T10:41:39+02:00 orario: 21.45 draft: false --- -Il sito che stai scorrendo è un documento SopraMarcato di IperTesti (SMIT, inglesisticamente noto come HTML) a cui è applicato uno stile piuttosto contorto che lo faccia sembrare meno statico. Questo talk, forse lightning, mostrerà come surrogare gli stilemi del web design odierno in assenza di Javascript, utilizzando nient'altro che HTML, CSS e compilatori di siti statici. +Il sito che stai scorrendo è un documento SovraMarcato di IperTesti (SMIT, anglofonamente noto come HTML) a cui è applicato uno stile piuttosto contorto perchè sembri meno statico. Questo talk, forse lightning, mostrerà come surrogare gli stilemi del web design odierno in assenza di Javascript, utilizzando HTML, CSS e compilatori di siti statici. diff --git a/themes/HOD2k18/layouts/partials/furby-hack-color.html b/themes/HOD2k18/layouts/partials/furby-hack-color.html index f2761d8..058d13d 100644 --- a/themes/HOD2k18/layouts/partials/furby-hack-color.html +++ b/themes/HOD2k18/layouts/partials/furby-hack-color.html @@ -25,7 +25,6 @@ |\ | | | | _ |\ |_| |_| | | | | _ |\| \_/ |_ | | | | | ) | |_) |_| |_| |_) | | | | |_| |_| | | / |_ |__ |_| |_| ( | ' | - | |_ _. _ | _ ._ _| o / | _ \ | | | (_| (_ |< ─ (_) | ─ (_| | \ \/ | (/_ / | diff --git a/themes/HOD2k18/static/css/style.css b/themes/HOD2k18/static/css/style.css index ce54dad..6fdafcd 100644 --- a/themes/HOD2k18/static/css/style.css +++ b/themes/HOD2k18/static/css/style.css @@ -89,6 +89,7 @@ body main #scrollable-column { @media screen and (max-width: 900px) { body main #scrollable-column { flex-wrap: wrap; + padding-top: 2em; } } @media screen and (min-width: 900px) { @@ -164,7 +165,7 @@ body main #scrollable-column #right-column #calendario ul li .title-wrapper .tit } @media screen and (max-width: 900px) { body main #scrollable-column #right-column #calendario ul li .title-wrapper { - width: 100%; + width: 80%; } } body main #scrollable-column #right-column #calendario ul li .title-wrapper .orario { @@ -401,6 +402,7 @@ body footer { background-color: black; position: fixed; left: 0; + padding-top: 1em; } body footer p { animation-name: banner-opacity; diff --git a/themes/HOD2k18/static/css/style.css.map b/themes/HOD2k18/static/css/style.css.map index 314afae..36eb82e 100644 --- a/themes/HOD2k18/static/css/style.css.map +++ b/themes/HOD2k18/static/css/style.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["style.scss"],"names":[],"mappings":"AASA;EACE;IAAG;;EACH;IAAI;;EACJ;IAAI;;EACJ;IAAI;;EACJ;IAAI;;EACJ;IAAK;;EACL;IAAK;;;AAGP;EACE;IAAG;;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"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["style.scss"],"names":[],"mappings":"AASA;EACE;IAAG;;EACH;IAAI;;EACJ;IAAI;;EACJ;IAAI;;EACJ;IAAI;;EACJ;IAAK;;EACL;IAAK;;;AAGP;EACE;IAAG;;EACH;IAAI;;EACJ;IAAK;;;AAGP;EACE;EACA;EACA,kBAxBS;EAyBT,OAxBW;EAyBX;EACA;;AAEA;EACI;EACA;EACA;;AAGJ;EACE,OAlCO;;AAqCT;EACE,OArCW;;AA0Cb;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AACA;EANF;IAOI;;;AAGF;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"} \ No newline at end of file diff --git a/themes/HOD2k18/static/css/style.scss b/themes/HOD2k18/static/css/style.scss index 7a1ffad..e44e0d1 100644 --- a/themes/HOD2k18/static/css/style.scss +++ b/themes/HOD2k18/static/css/style.scss @@ -84,6 +84,7 @@ body { #scrollable-column { @media screen and (max-width: $breakpoint-tablet) { flex-wrap: wrap; + padding-top:2em; } @media screen and (min-width: $breakpoint-tablet) { #raggiungerci { @@ -133,7 +134,6 @@ body { li { flex-wrap: wrap; margin-bottom: 1em; - .filler { display: flex; flex: 1 1 100%; @@ -153,11 +153,13 @@ body { padding: 0.1em; margin-bottom: -5px; z-index: 32; + .titolo{ overflow-x: hidden; } + @media screen and (max-width: $breakpoint-tablet) { - width:100%; + width:80%; } .orario { color: $text-color; @@ -412,6 +414,7 @@ body { background-color: black; position: fixed; left: 0; + padding-top:1em; p{ animation-name: banner-opacity; animation-duration: 4s;