Aggiustamenti alle pagine, pronta per il go-live.

content/js/livepointers.js

@@ -0,0 +1 @@
+$('.list-bare li a span.liveactive').html("<i class='far fa-hand-point-right'></i>&nbsp;<i class='far fa-hand-point-right'></i>&nbsp;Live&nbsp;<i class='far fa-hand-point-left'></i>&nbsp;<i class='far fa-hand-point-left'></i>");

content/pages/2020/index.md

@@ -22,11 +22,11 @@ La partecipazione alla conferenza è gratuita e aperta al pubblico, la
 registrazione non è necessaria.
 
 La conferenza si terrà *online*, pertanto sarà sufficiente collegarsi alla
-pagina *live*, che troverete nella barra a sinistra, all'inizio della
+pagina [*live*](/live/), che troverete anche nella barra a sinistra,
-conferenza.
+all'inizio della conferenza.
 
-Nella pagina *live* troverete un player multimediale che vi permetterà di
+Nella pagina [*live*](/live/) troverete un player multimediale che vi
-seguire gli interventi.
+permetterà di seguire gli interventi.
 
 **ATTENZIONE**: dovrete attivare manualmente la riproduzione del video per
 visualizzare lo *stream*, utilizzando il pulsante <i class="far
@@ -35,31 +35,39 @@ player!
 
 Accanto al player video, avrete a disposizione una chat per poter interagire
 con i relatori. [Questa chat <i class="fas
-fa-external-link-alt"></i>](https://chat.linux.it/channel/libreitaliaconf) è
+fa-external-link-alt"></i>](https://chat.linux.it/channel/libreitaliaconf){:target="_blank"} è
 già disponibile su infrastruttura fornita da [GARR Consortium <i class="fas
-fa-external-link-alt"></i>](https://www.garr.it/it/) e gestita da [Italian Linux
+fa-external-link-alt"></i>](https://www.garr.it/it/){:target="_blank"} e gestita da [Italian Linux
-Society <i class="fas fa-external-link-alt"></i>](http://www.ils.org/) ed è
+Society <i class="fas
-possibile partecipare alla chat sia in maniera registrata che in maniera
+fa-external-link-alt"></i>](http://www.ils.org/){:target="_blank"} ed è
-anonima.
+possibile partecipare alla chat sia in maniera autenticata (la procedura di
+registrazione è disponibile sulla stessa pagina) che in maniera anonima
+(usando la funzione *O parla come anonimo*, presente nella parte bassa della
+chat).
 
 # <i class="fas fa-bullhorn"></i> &mdash; Comunicazioni prima e dopo la conferenza #
 
 Le comunicazioni prima e dopo la conferenza verranno effettuate attraverso il
 relativo gruppo Telegram dedicato [LibreItalia_Conf <i class="fab
-fa-telegram-plane"></i>](https://t.me/joinchat/ADz10w6NHuROjg6QjWxS_w).
+fa-telegram-plane"></i>](https://t.me/joinchat/ADz10w6NHuROjg6QjWxS_w){:target="_blank"}.
 
 La presente pagina sarà poi costantemente aggiornata e arricchita di
 contenuti, per tenervi al corrente di ogni variazione in maniera tempestiva.
 
-Durante l'evento, sarà a disposizione una chat per intervenire
+Durante l'evento, sarà a disposizione una [chat <i class="fas
-durante la giornata e una *Chill Room* (una stanza di Jitsi offerta su
+fa-external-link-alt"></i>](https://chat.linux.it/channel/libreitaliaconf){:target="_blank"} per
-infrastruttura GARR), in cui incontrare gli altri partecipanti durante le
+intervenire durante la giornata e una [*Chill Room* <i class="fas
-pause o quando vorrete prendere una pausa dagli interventi.
+fa-external-link-alt"></i>](https://open.meet.garr.it/libreitaliaconf-chillroom){:target="_blank"}
+(una stanza [Jitsi <i class="fas
+fa-external-link-alt"></i>](https://meet.jit.si/){:target="_blank"} offerta su infrastruttura
+GARR), in cui incontrare gli altri partecipanti durante le pause o quando
+vorrete prendere una pausa dagli interventi.
 
 # <i class="fas fa-hands-helping"></i> &mdash; Partner e sponsor #
 
 La conferenza *online* sarà possibile grazie al supporto e alla
 sponsorizzazione di [GARR Consortium <i class="fas
-fa-external-link-alt"></i>](https://www.garr.it/it/) e di [Italian Linux
+fa-external-link-alt"></i>](https://www.garr.it/it/){:target="_blank"} e di
-Society <i class="fas fa-external-link-alt"></i>](http://www.ils.org/), a cui
+[Italian Linux Society <i class="fas
+fa-external-link-alt"></i>](http://www.ils.org/){:target="_blank"}, a cui
 vanno i nostri più sinceri ringraziamenti.

content/pages/2020/programma.md

@@ -4,9 +4,6 @@ slug: 2020/programma
 # Programma ufficiale — LibreItalia Conference 2020
 ### 19 dicembre 2020, dalle ore 9.30 alle ore 18.00
 
-**NOTA BENE**: il presente programma è ancora provvisorio.
-Questa pagina sarà costantemente aggiornata.
-
 **Mattina**:
 
 * 09:30 - 10:00 — *Caffè digitale:* Introduzione, accoglienza, saluto di Enio Gemmo (Presidente LibreItalia), saluto di Lothar Becker (Presidente di The Document Foundation)

content/pages/live.md

@@ -17,3 +17,18 @@ template: large
 visualizzare lo *stream*, utilizzando il pulsante <i class="far
 fa-play-circle" style="font-size: 22px"></i> che comparirà al centro del
 player!
+
+### Link utili ###
+
+<div id="footlinks"><ul>
+  <li><a href="https://www.libreitalia.org" title="LibreItalia" target="_blank">Sito LibreItalia</a></li>
+  <li><a href="https://www.libreitalia.org/diventa-socio/" title="Diventa Socio LibreItalia" target="_blank">Diventa Socio</a></li>
+  <li><a href="https://www.documentfoundation.org/" title="The Document Foundation" target="_blank">TDF</a></li>
+  <li><a href="https://www.documentfoundation.org/governance/why-be-a-member/" title="TDF Membership" target="_blank">TDF Membership</a></li>
+  <li><a href="https://it.libreoffice.org/" title="LibreOffice" target="_blank">LibreOffice</a></li>
+  <li><a href="https://it.libreoffice.org/scopri/cosa-e-open-document/" title="Cos'è Open Document Format" target="_blank">Cos'è ODF</a></li>
+
+  <li><a href="https://www.softwareheritage.org/" title="Software Heritage" target="_blank">Software Heritage</a></li>
+  <li><a href="https://www.omniscloud.eu/" title="Omnis Cloud" target="_blank">Omnis Cloud</a></li>
+  <li><a href="https://fuss.bz.it/" title="FUSS Project" target="_blank">FUSS</a></li>
+</ul></div>

pelicanconf.py

@@ -30,10 +30,10 @@ PAGE_URL = '{slug}/'
 PAGE_SAVE_AS = '{slug}/index.html'
 
 MENUITEMS = (
-    ("2020", "/2020"),
+    ("2020", "/2020", False),
-    ("Programma", "/2020/programma"),
+    ("Programma", "/2020/programma", 1),
-    ("Live", "/live"),
+    ("<span class='liveactive'>Live</span>", "/live", 1),
-    ("Chill Room", "https://open.meet.garr.it/libreitaliaconf-chillroom"),
+    ("Chill Room", "https://open.meet.garr.it/libreitaliaconf-chillroom", 1),
 )
 
 PARTNERS = (

themes/pelican-blue/static/css/large.css

@@ -282,3 +282,53 @@ img {
     border: 0px;
     flex: 1;
 }
+
+#footlinks {
+  width: 100%;
+  margin: auto;
+}
+
+#footlinks ul
+{
+  display: flex;
+  align-items: stretch;
+  justify-content: space-between;
+  list-style: none;
+  padding: 0 50px;
+  margin: 0 0;
+}
+
+#footlinks li
+{
+  display: block;
+  flex: 0 1 auto;
+  margin: 0px 5px;
+  vertical-align: middle;
+}
+
+#footlinks a
+{
+  -webkit-transition: 200ms;
+     -moz-transition: 200ms;
+      -ms-transition: 200ms;
+       -o-transition: 200ms;
+          transition: 200ms;
+  display: block;
+  width: 10rem;
+  height: 1.5rem;
+  padding: 0.77273rem 0rem;
+  background-color: #3a7c78;
+  color: white;
+  vertical-align: middle;
+  text-align: center;
+  text-decoration: none;
+  border: 0px solid #3a7c78;
+  margin: 0px 5px;
+  border-radius: 10px 10px;
+}
+
+#footlinks a:hover {
+  background-color: #73d08a;
+  border-color: #73d08a;
+  color: #3a7c78;
+}

themes/pelican-blue/static/css/style.css

@@ -254,3 +254,11 @@ aside > h2 {
 img {
   max-width: 100%;
 }
+
+.liveactive {
+  font-weight: bold;
+  animation: blinker 1.7s cubic-bezier(.5, 0, 1,1) infinite;
+  -moz-animation: blinker 1s linear infinite;
+}
+
+@keyframes blinker { 50% { opacity: 0; } }

themes/pelican-blue/templates/base.html

@@ -40,6 +40,7 @@
         <meta name="twitter:image" content="">
     {% endblock %}
     <script src="https://kit.fontawesome.com/0a2f7dbe4a.js" crossorigin="anonymous"></script>
+    <script src="/js/jquery-3.5.1.min.js" crossorigin="anonymous"></script>
 </head>
 
 <body>
@@ -79,8 +80,12 @@
     <nav class="nav">
         <ul class="list-bare">
 
-            {% for title, link in MENUITEMS %}
+            {% for name, link, blank in MENUITEMS %}
-                <li><a class="nav__link" href="{{ link }}">{{ title }}</a></li>
+	      {% if blank %}
+	      <li><a class="nav__link" href="{{ link }}" title="{{ name|striptags }}" target="_blank">{{ name }}</a></li>
+	      {% else %}
+	      <li><a class="nav__link" href="{{ link }}" title="{{ name|striptags }}">{{ name }}</a></li>
+	      {% endif %}
             {% endfor %}
 
             {% if DISPLAY_PAGES_ON_MENU and pages %}{% for p in pages %}
@@ -89,6 +94,7 @@
 
         </ul>
     </nav>
+    <script src="/js/livepointers.js" type="text/javascript"></script>
 
     {% if DISPLAY_CATEGORIES_ON_MENU and categories %}
         <h2>Categories</h2>

themes/pelican-blue/templates/large_base.html

@@ -79,8 +79,12 @@
     <nav class="nav">
         <ul class="list-bare">
 
-            {% for title, link in MENUITEMS %}
+            {% for name, link, blank in MENUITEMS %}
-                <li><a class="nav__link" href="{{ link }}">{{ title }}</a></li>
+	      {% if blank %}
+	      <li><a class="nav__link" href="{{ link }}" title="{{ name|striptags }}" target="_blank">{{ name }}</a></li>
+	      {% else %}
+	      <li><a class="nav__link" href="{{ link }}" title="{{ name|striptags }}">{{ name }}</a></li>
+	      {% endif %}
             {% endfor %}
 
             {% if DISPLAY_PAGES_ON_MENU and pages %}{% for p in pages %}