diff --git a/content/js/livepointers.js b/content/js/livepointers.js
index 9c71265..6344ce8 100644
--- a/content/js/livepointers.js
+++ b/content/js/livepointers.js
@@ -1 +1 @@
-$('.list-bare li a span.liveactive').html(" Live ");
+$('.list-bare li a span.liveactive').html(" Diretta Streaming ");
diff --git a/content/pages/2021/index.md b/content/pages/2021/index.md
index 44d6674..e8d6b00 100644
--- a/content/pages/2021/index.md
+++ b/content/pages/2021/index.md
@@ -2,6 +2,8 @@ Title: Ottava Conferenza Italiana - LibreItalia - 2021
Slug: 2021
Alias: /
+
+
# La LibreItaliaConf 2021 in breve #
@@ -38,8 +40,9 @@ La partecipazione online non richiede registrazione.
Potrete accedere ai contenuti della conferenza visitando il presente sito da
circa 30 minuti prima dell'inizio della conferenza, fino al termine della
-stessa; nel menù a sinistra comparirà la scritta ***LIVE***: dovrete
-cliccare sulla scritta e accederete alla pagina della diretta streaming.
+stessa; nel menù a sinistra comparirà la scritta ***Diretta Streaming***:
+dovrete cliccare sulla scritta e accederete alla pagina della diretta
+streaming.
Nella pagina *live* troverete un player multimediale che vi
permetterà di seguire gli interventi.
@@ -81,33 +84,9 @@ L'organizzazione si incaricherà di verificare tutti i requisiti di legge e di
far rispettare le distanze di sicurezza all'interno dei locali accessibili ai
partecipanti alla conferenza.
-
-
-
# — Come raggiungere la sede #
@@ -138,11 +117,11 @@ museo ](https://www.m9museum.it/visita-m
# — Programma ufficiale #
-
+[comment]: # (Trovate il programma della giornata, compreso i link per)
+[comment]: # (visualizzare le slide e i collegamenti alle registrazioni)
+[comment]: # (degli interventi nella [pagina del)
+[comment]: # (programma](/2020/programma).)
+
Troverete il programma **provvisorio** della giornata nella relativa [pagina
del programma](/2021/programma).
@@ -155,14 +134,15 @@ fa-telegram-plane">](https://t.me/joinchat/ADz10w6NHuROjg6QjWxS_w){:target="
La presente pagina sarà poi costantemente aggiornata e arricchita di
contenuti, per tenervi al corrente di ogni variazione in maniera tempestiva.
-
+[comment]: # (Durante l'evento, sarà a disposizione una [chat ](https://chat.linux.it/channel/libreitaliaconf){:target="_blank"})
+[comment]: # (per intervenire durante la giornata e una *Chill Room* (una)
+[comment]: # (stanza [Jitsi ](https://meet.jit.si/){:target="_blank"})
+[comment]: # (offerta su infrastruttura GARR), in cui incontrare gli altri)
+[comment]: # (partecipanti durante le pause o quando vorrete prendere una)
+[comment]: # (pausa dagli interventi.)
# — Partner e sponsor #
diff --git a/pelicanconf.py b/pelicanconf.py
index 12fbd13..4f88dbf 100644
--- a/pelicanconf.py
+++ b/pelicanconf.py
@@ -33,7 +33,7 @@ MENUITEMS = (
("2020", "/2020", False),
("2021", "/2021", False),
("Programma", "/2021/programma", False),
- #("Live", "/live", 1),
+ #("%nbsp;", "/live", 1),
#("Chill Room", "https://open.meet.garr.it/libreitaliaconf-chillroom", 1),
)
diff --git a/themes/pelican-blue/static/css/style.css b/themes/pelican-blue/static/css/style.css
index 6b5049d..03274df 100644
--- a/themes/pelican-blue/static/css/style.css
+++ b/themes/pelican-blue/static/css/style.css
@@ -5,13 +5,17 @@ html {
}
/* Titles */
-h1 { text-transform: uppercase }
+h1 {
+ text-transform: uppercase;
+ display: block;
+}
h1, h2 {
font-weight: normal;
margin-top: 10px;
margin-bottom: 10px;
}
+.mobile-menu { display: none; }
.title
{
@@ -147,8 +151,8 @@ aside > h2 {
}
#avatar img {
+ max-width: 100px;
display: block;
- width: 100px;
-webkit-transition: 200ms;
-moz-transition: 200ms;
-ms-transition: 200ms;
@@ -200,6 +204,7 @@ aside > h2 {
border-radius: 10px 10px;
}
+#mobile-menu { display: none; }
.blog_roll_link
{
@@ -210,10 +215,27 @@ aside > h2 {
border-radius: 10px 10px;
}
+.liveactive {
+ font-weight: bold;
+ animation: blinker 1.7s cubic-bezier(.5, 0, 1,1) infinite;
+ -moz-animation: blinker 1s linear infinite;
+}
+
+td.icon {
+ width: 15px;
+ text-align: center;
+ vertical-align: top;
+}
+
+td.hours {
+ width: 100px;
+ text-align: center;
+ vertical-align: top;
+}
/*--------Responsive------------*/
-@media (max-width: 800px) {
+@media screen and (max-width: 1024px) {
aside {
left: 0;
@@ -251,26 +273,55 @@ aside > h2 {
}
}
-img {
- max-width: 100%;
-}
+@media screen and (max-width: 700px) {
-.liveactive {
- font-weight: bold;
- animation: blinker 1.7s cubic-bezier(.5, 0, 1,1) infinite;
- -moz-animation: blinker 1s linear infinite;
+ #license,
+ aside #partners,
+ aside .social,
+ aside nav.nav { display: none; }
+ aside .sidetitle {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ padding: 0px 0px;
+ }
+
+ aside #avatar,
+ aside .sidetitle h1,
+ aside .sidetitle span {
+ flex-grow: 1;
+ display: inline-block;
+ float: left;
+ margin: 0px;
+ }
+
+ aside #avatar img,
+ aside #avatar img a {
+ padding: 0px;
+ max-height: 100%;
+ }
+
+ aside .sidetitle h1 {
+ flex-grow: 4;
+ padding: 0em 0.5em;
+ text-align: left;
+ }
+
+ aside .sidetitle span {
+ float: right;
+ padding: 0px 0px;
+ border: 0px solid #73d08a;
+ border-radius: 10px 10px;
+ }
+
+ aside .sidetitle span a {
+ color: white;
+ float: right;
+ border: 1px solid white;
+ padding: 0.77273rem 1rem;
+ margin: 0px 5px 0px 0px;
+ border-radius: 10px 10px;
+ }
}
@keyframes blinker { 50% { opacity: 0; } }
-
-td.icon {
- width: 15px;
- text-align: center;
- vertical-align: top;
-}
-
-td.hours {
- width: 100px;
- text-align: center;
- vertical-align: top;
-}
diff --git a/themes/pelican-blue/templates/base.html b/themes/pelican-blue/templates/base.html
index f8f835e..3f718db 100644
--- a/themes/pelican-blue/templates/base.html
+++ b/themes/pelican-blue/templates/base.html
@@ -41,19 +41,34 @@
{% endblock %}
+
+