Migliorie grafiche al sito. Aggiunti contenuti.

content/pages/2020.md

@@ -1,59 +0,0 @@
-title: Settima Conferenza Italiana - LibreItalia - 2020
-slug: 2020
-alias: /
-
-# La LibreItaliaConf 2020 in breve #
-
-<div class="row" style="text-align: center;">
-<div style="padding: 5px 0px"><i style="font-size: 24pt;" class="far fa-clock"></i><br/>
-Sabato 19 dicembre 2020<br/>dalle ore 9.30 alle ore 18.00</div>
-
-<div style="padding: 5px 0px"><i style="font-size: 24pt;" class="fas fa-map-marked-alt"></i><br/>
-Online</div>
-
-<div style="padding: 5px 0px"><i style="font-size: 24pt;" class="fas fa-users"></i><br/>
-&Egrave; aperta al pubblico</div>
-</div>
-
-# <i class="fas fa-clipboard-list"></i> &mdash; Programma ufficiale #
-
-**NOTA BENE**: il programma definitivo della giornata non è ancora stato
-definito. Questa pagina sarà aggiornata quando il programma definitivo sarà
-disponibile.
-
-Per il momento, ecco il programma di massima:
-
-**Mattina**:
-
-* 09:30 - 10:00 &mdash; Introduzione, accoglienza, *caffè digitale*
-* 10:00 - 10:30 &mdash; Saluti, rendicontazione, prospettive - LibreItalia
-* 10:30 - 13:00 &mdash; Interventi
-
-**Pomeriggio**:
-
-* 14:00 - 16:30 &mdash; Tavola rotonda - Prima Parte
-* 16:30 - 17:00 &mdash; *Tè digitale* 
-* 17:00 - 18:00 &mdash; Tavola rotonda - Seconda Parte
-
-# <i class="fas fa-user-plus"></i> &mdash; Registrazione #
-
-La partecipazione alla conferenza è gratuita e aperta al pubblico; a
-differenza delle edizioni precedenti, vista la modalità di partecipazione
-*online*, quest'anno non sarà necessaria la registrazione.
-
-# <i class="fas fa-landmark"></i> &mdash; Venue #
-
-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
-Society <i class="fas fa-external-link-alt"></i>](http://www.ils.org/), a cui
-vanno i nostri più sinceri ringraziamenti.
-
-# <i class="fas fa-bullhorn"></i> &mdash; Comunicazioni e annunci #
-
-Le comunicazioni prima, durante 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). La presente pagina sarà poi costantemente aggiornata e arricchita di contenuti, per tenervi al corrente di ogni variazione in maniera tempestiva.
-
-Ricordiamo che, durante l'evento, sarà a disposizione una chat per intervenire
-durante la giornata e una stanza *Chillout*, in cui incontrare gli altri
-partecipanti durante le pause o quando vorrete staccare dagli interventi.

content/pages/2020/index.md

@@ -0,0 +1,60 @@
+title: Settima Conferenza Italiana - LibreItalia - 2020
+slug: 2020
+alias: /
+
+# La LibreItaliaConf 2020 in breve #
+
+<center style="margin-top: 60px;">
+<div style="padding: 5px 0px"><i style="font-size: 24pt;" class="far fa-clock"></i><br/>
+Sabato 19 dicembre 2020<br/>dalle ore 9.30 alle ore 18.00</div>
+
+<div style="padding: 5px 0px"><i style="font-size: 24pt;" class="fas fa-map-marked-alt"></i><br/>
+Online</div>
+
+<div style="padding: 5px 0px"><i style="font-size: 24pt;" class="fas fa-users"></i><br/>
+Aperta al pubblico</div>
+</center>
+
+<div style="margin-top: 80px;"></div>
+# <i class="fas fa-user-plus"></i> &mdash; Come partecipare #
+
+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
+conferenza.
+
+Nella pagina *live* troverete un player multimediale che vi permetterà di
+seguire gli interventi.
+
+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) è
+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
+Society <i class="fas fa-external-link-alt"></i>](http://www.ils.org/) ed è
+possibile partecipare alla chat sia in maniera registrata che in maniera
+anonima.
+
+# <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).
+
+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 la giornata e una *Chill Room* (una stanza di Jitsi 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
+Society <i class="fas fa-external-link-alt"></i>](http://www.ils.org/), a cui
+vanno i nostri più sinceri ringraziamenti.

content/pages/2020/programma.md

@@ -0,0 +1,23 @@
+title: Programma - LibreItalia Conference 2020
+slug: 2020/programma
+
+# Programma ufficiale — LibreItalia Conference 2020
+
+**NOTA BENE**: il programma definitivo della giornata non è ancora stato
+definito. Questa pagina sarà aggiornata quando il programma definitivo sarà
+disponibile.
+
+Per il momento, ecco il programma di massima:
+
+**Mattina**:
+
+* 09:30 - 10:00 — Introduzione, accoglienza, *caffè digitale*
+* 10:00 - 10:30 — Saluti, rendicontazione, prospettive - LibreItalia
+* 10:30 - 13:00 — Interventi
+
+**Pomeriggio**:
+
+* 14:00 - 16:30 — Tavola rotonda - Prima Parte
+* 16:30 - 17:00 — *Tè digitale* 
+* 17:00 - 18:00 — Tavola rotonda - Seconda Parte
+

content/pages/live.md

@@ -2,6 +2,8 @@ title: Live - Conferenza Italiana LibreItalia
 slug: live
 template: large
 
+# Live - LibreItalia Conference 2020
+
 <div id="live">
     <div id="embedded-video">
 	<iframe src="https://garr.tv/s/5fb82e7a175ddc33aa1e62d1?t=0" scrolling="no" marginwidth="0" allow="autoplay; fullscreen;" allowfullscreen mozallowfullscreen="true" webkitallowfullscreen="true"></iframe>

pelicanconf.py

@@ -3,8 +3,10 @@
 # vim:sts=4:sw=4
 
 AUTHOR = 'LibreItalia'
-SITENAME = 'Conferenze - LibreItalia'
+SITENAME = 'LibreItalia Conference'
 SITEURL = ''
+#SITEURL = 'https://conference.libreitalia.org'
+AVATAR = '/images/LibreItalia_LI_shadow.png'
 
 PATH = 'content'
 
@@ -16,13 +18,29 @@ PLUGIN_PATHS = [ "plugins", ]
 PLUGINS = [ "pelican_alias", ]
 
 STATIC_PATHS = [ 'js', 'images', 'css' ]
+EXTRA_PATH_METADATA = {
+    'images/favicon.ico': { 'path': 'favicon.ico' },
+}
+
+GOOGLE_ANALYTICS = False
 
 DEFAULT_PAGINATION = False
 
 PAGE_URL = '{slug}/'
 PAGE_SAVE_AS = '{slug}/index.html'
 
-MENUITEMS = ( ("2020", "/2020/"), )
+MENUITEMS = (
+    ("2020", "/2020"),
+    ("Programma", "/2020/programma"),
+    #("Live", "/live"),
+    #("Chill Room", "https://open.meet.garr.it/libreitaliaconf-chillroom"),
+)
+
+PARTNERS = (
+    ('http://www.ils.org/', 'Italian Linux Society', 'https://upload.wikimedia.org/wikipedia/commons/0/0d/Logoilsvettoriale.svg', '50'),
+    ('https://www.garr.it/it/', 'Home | GARR', 'https://www.garr.it/images/logo_medio_garr.png', '150'),
+)
+
 DISPLAY_PAGES_ON_MENU = False
 DISPLAY_CATEGORIES_ON_MENU = False
 
@@ -51,6 +69,14 @@ AUTHOR_FEED_RSS = None
 # Social widget
 #SOCIAL = (('You can add links in your config file', '#'),
 #          ('Another social link', '#'),)
+SOCIAL = (
+        ('fas fa-home', 'https://libreitalia.org'),
+        ('fab fa-twitter', 'http://twitter.com/libreitalia'),
+        ('fab fa-facebook-f', 'http://facebook.com/libreitalia'),
+        ('fab fa-slideshare', 'http://www.slideshare.net/libreitalia'),
+        ('fab fa-youtube', 'http://youtube.com/channel/UCxOY9LbVqShoGyEcl3vNRfQ'),
+        ('fab fa-telegram', 'https://telegram.me/libreitalia'),
+)
 
 # Uncomment following line if you want document-relative URLs when developing
 #RELATIVE_URLS = True

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

@@ -7,12 +7,11 @@ html {
 /* Titles */
 h1 { text-transform: uppercase }
 h1, h2 { 
-	font-weight: normal; 
+  font-weight: normal; 
   margin-top: 10px;
   margin-bottom: 10px;
 }
 
-
 .title
 {
   font-size: 2.5em;
@@ -57,13 +56,10 @@ article section .blog-post
 }
 
 /* Body */
-body {margin: 0}
+body { margin: 0px; }
-body > article, footer {
+
-  /*line-height: 1.6em;
+body > article, footer
-  display: block;
+{
-  max-width: 700px;
-  margin: 40px auto auto 355px;
-  padding: 20px 80px 10px;*/
   line-height: 1.6em;
   display: block;
   margin: auto 5px auto 285px;
@@ -76,9 +72,10 @@ article ol.posts
 }
 
 /* Articles */
-p.post_entry {  
+p.post_entry {  }
-}
+
-article > header {
+article > header
+{
   list-style-type: none;
   padding: 0px 10px;
   box-shadow: 0 0 0 2px #3a7c78;
@@ -102,10 +99,10 @@ article > header {
 
 
 /* Links */;
-a  { color: #3a7c78; text-decoration:none; }
+a { color: #3a7c78; text-decoration:none; }
 a:visited { color: #3a7c78; text-decoration:none; }
-a:link { color:#3a7c78; text-decoration:none; }
+a:link { color: #3a7c78; text-decoration:none; }
-a:active { color:#3a7c78; text-decoration:none; }
+a:active { color: #3a7c78; text-decoration:none; }
 a:hover { text-decoration: underline; }
 
 /* Code */
@@ -122,13 +119,14 @@ aside {
   position: fixed;
   top: 0; left: 0;
   padding: 30px;
-  /*background-color: #2980b9;*/
   background-color: #3a7c78;
   color: white;
   box-shadow: 0 0 3px black;
   text-align: center;
-  padding-top: 8%;
+  padding-top: 5em;
   background-size: cover;
+  display: flex;
+  flex-direction: column;
 }
 
 aside > ul {
@@ -142,12 +140,16 @@ aside > h2 {
   margin-bottom: 5px;
 }
 
-#avatar {
+#avatar
-  width: 100px;
+{
-  border-radius: 50%;
+  margin: 0px;
+  margin-bottom: 20px;
+}
+
+#avatar img {
   display: block;
+  width: 100px;
   margin: 0 10px 20px 0;
-  box-shadow: 0px 0px 5px 3px #3a7c78;
   -webkit-transition: 200ms;
      -moz-transition: 200ms;
       -ms-transition: 200ms;
@@ -155,23 +157,10 @@ aside > h2 {
           transition: 200ms;
 }
 
-#avatar:hover {
-  box-shadow: 0px 0px 5px 3px white;
-}
-
-.social
-{
-  display: inline-block;
-  margin-top: 40px;
-}
-
 .nav
 {
   display: block;
-  margin-left: -30px;
+  margin: 40px -30px;
-  margin-right: -30px;
-  border: 1px solid #73d08a;
-  margin-top: 40px;
 }
 
 .nav > ul > li
@@ -181,14 +170,24 @@ aside > h2 {
 
 .nav a
 {
-    color: #fff;
+  color: #fff;
-    text-decoration: none;
+  text-decoration: none;
-    transition: all .3s ease-in-out;
+  -webkit-transition: 200ms;
+     -moz-transition: 200ms;
+      -ms-transition: 200ms;
+       -o-transition: 200ms;
+          transition: 200ms;
 }
 
 .nav a:hover
 {
-    background-color: #73d08a;
+  background-color: #73d08a;
+  color: #3a7c78;
+  -webkit-transition: 200ms;
+     -moz-transition: 200ms;
+      -ms-transition: 200ms;
+       -o-transition: 200ms;
+          transition: 200ms;
 }
 
 .list-bare
@@ -201,19 +200,21 @@ aside > h2 {
 .nav__link 
 {
   display: block;
-  padding: 0.77273rem 0;
+  padding: 0.77273rem 0rem;
-  border-bottom: 1px solid #73d08a;
+  border: 0px solid #73d08a;
+  margin: 0px 5px;
+  border-radius: 10px 10px;
 }
 
-
 .blog_roll_link 
 {
   display: block;
   padding: 0.33147rem 0;
-  border-bottom: 3px solid #73d08a;
+  border: 0px solid #73d08a;
+  margin: 0px 5px;
+  border-radius: 10px 10px;
 } 
 
-
 /*--------Responsive------------*/
 
 @media (max-width: 800px) {
@@ -258,26 +259,6 @@ img {
   max-width: 100%;
 }
 
-#license {
-  font-size: small;
-  text-align: center;
-  position: relative;
-  bottom: -43vh;
-}
-
-#license p {
-  margin-bottom: 5px;
-}
-
-#license a {
-  color: #ffffff;
-  text-decoration: underline;
-}
-
-#license img {
-  width: 85%;
-}
-
 #live {
     display: flex;
     flex-flow: row nowrap;
@@ -292,6 +273,7 @@ img {
 }
 
 #embedded-chat {
+    padding: 2px;
     display: flex;
     flex: 2;
 }

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

@@ -0,0 +1,20 @@
+/* vim:sts=2:sw=2 */
+#license {
+  margin-bottom: 10vh;
+  font-size: small;
+  text-align: center;
+  width: 100%;
+}
+
+#license p {
+  margin-bottom: 5px;
+}
+
+#license a {
+  color: #ffffff;
+  text-decoration: underline;
+}
+
+#license img {
+  width: 85%;
+}

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

@@ -0,0 +1,33 @@
+#partners
+{
+  vertical-align: middle;
+}
+
+#partners ul
+{
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+  overflow: hidden;
+}
+
+#partners li
+{
+  float: left;
+  vertical-align: middle;
+  text-align: center;
+}
+
+#partners a
+{
+  margin: auto;
+  display: block;
+  padding: 0px 5px;
+  text-decoration: none;
+}
+
+#partners img
+{
+  position: relative;
+  height: 100%;
+}

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

@@ -0,0 +1,22 @@
+/* vim:sts=2:sw=2 */
+.social
+{
+  align-self: auto;
+  display: inline-block;
+  margin-top: auto;
+} 
+
+.social a
+{
+  color: white;
+  font-size: 16px;
+  border-radius: 3px;
+  padding: 0.1em 0.2em;
+}
+
+.social a:hover
+{
+  background-color: #73d08a;
+  text-decoration: none;
+  color: #3a7c78;
+}

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

@@ -7,7 +7,7 @@ html {
 /* Titles */
 h1 { text-transform: uppercase }
 h1, h2 { 
-	font-weight: normal; 
+  font-weight: normal; 
   margin-top: 10px;
   margin-bottom: 10px;
 }
@@ -57,7 +57,7 @@ article section .blog-post
 }
 
 /* Body */
-body {margin: 0}
+body { margin: 0px; }
 body > article, footer {
   line-height: 1.6em;
   display: block;
@@ -72,9 +72,10 @@ article ol.posts
 }
 
 /* Articles */
-p.post_entry {  
+p.post_entry {}
-}
+
-article > header {
+article > header
+{
   list-style-type: none;
   padding: 0px 10px;
   box-shadow: 0 0 0 2px #3a7c78;
@@ -98,8 +99,8 @@ article > header {
 
 
 /* Links */;
-a  { color: #3a7c78; text-decoration:none; }
+a { color:#3a7c78; text-decoration:none; }
-a:visited { color: #3a7c78; text-decoration:none; }
+a:visited { color:#3a7c78; text-decoration:none; }
 a:link { color:#3a7c78; text-decoration:none; }
 a:active { color:#3a7c78; text-decoration:none; }
 a:hover { text-decoration: underline; }
@@ -118,13 +119,14 @@ aside {
   position: fixed;
   top: 0; left: 0;
   padding: 30px;
-  /*background-color: #2980b9;*/
   background-color: #3a7c78;
   color: white;
   box-shadow: 0 0 3px black;
   text-align: center;
-  padding-top: 8%;
+  padding-top: 5em;
   background-size: cover;
+  display: flex;
+  flex-direction: column;
 }
 
 aside > ul {
@@ -138,12 +140,15 @@ aside > h2 {
   margin-bottom: 5px;
 }
 
-#avatar {
+#avatar
-  width: 100px;
+{
-  border-radius: 50%;
+  margin: 0;
+  margin-bottom: 20px;
+}
+
+#avatar img {
   display: block;
-  margin: 0 10px 20px 0;
+  width: 100px;
-  box-shadow: 0px 0px 5px 3px #3a7c78;
   -webkit-transition: 200ms;
      -moz-transition: 200ms;
       -ms-transition: 200ms;
@@ -151,23 +156,10 @@ aside > h2 {
           transition: 200ms;
 }
 
-#avatar:hover {
-  box-shadow: 0px 0px 5px 3px white;
-}
-
-.social
-{
-  display: inline-block;
-  margin-top: 40px;
-}
-
 .nav
 {
   display: block;
-  margin-left: -30px;
+  margin: 40px -30px;
-  margin-right: -30px;
-  border: 1px solid #73d08a;
-  margin-top: 40px;
 }
 
 .nav > ul > li
@@ -177,14 +169,19 @@ aside > h2 {
 
 .nav a
 {
-    color: #fff;
+  color: #fff;
-    text-decoration: none;
+  text-decoration: none;
-    transition: all .3s ease-in-out;
+  -webkit-transition: 200ms;
+     -moz-transition: 200ms;
+      -ms-transition: 200ms;
+       -o-transition: 200ms;
+          transition: 200ms;
 }
 
 .nav a:hover
 {
-    background-color: #73d08a;
+  background-color: #73d08a;
+  color: #3a7c78;
 }
 
 .list-bare
@@ -197,8 +194,10 @@ aside > h2 {
 .nav__link 
 {
   display: block;
-  padding: 0.77273rem 0;
+  padding: 0.77273rem 0rem;
-  border-bottom: 1px solid #73d08a;
+  border: 0px solid #73d08a;
+  margin: 0px 5px;
+  border-radius: 10px 10px;
 }
 
 
@@ -206,7 +205,9 @@ aside > h2 {
 {
   display: block;
   padding: 0.33147rem 0;
-  border-bottom: 3px solid #73d08a;
+  border-bottom: 0px solid #73d08a;
+  margin: 0px 5px;
+  border-radius: 10px 10px;
 } 
 
 
@@ -253,23 +254,3 @@ aside > h2 {
 img {
   max-width: 100%;
 }
-
-#license {
-  font-size: small;
-  text-align: center;
-  position: relative;
-  bottom: -43vh;
-}
-
-#license p {
-  margin-bottom: 5px;
-}
-
-#license a {
-  color: #ffffff;
-  text-decoration: underline;
-}
-
-#license img {
-  width: 85%;
-}

themes/pelican-blue/templates/base.html

@@ -20,6 +20,9 @@
         <!-- Style Meta Data -->
         <link rel="stylesheet" href="{{ SITEURL }}/theme/css/style.css" type="text/css"/>
         <link rel="stylesheet" href="{{ SITEURL }}/theme/css/pygments.css" type="text/css"/>
+        <link rel="stylesheet" href="{{ SITEURL }}/theme/css/social.css" type="text/css"/>
+        <link rel="stylesheet" href="{{ SITEURL }}/theme/css/license.css" type="text/css"/>
+        <link rel="stylesheet" href="{{ SITEURL }}/theme/css/partners.css" type="text/css"/>
 
         <!-- Feed Meta Data -->
         {% if FEED_ALL_ATOM %}
@@ -42,7 +45,7 @@
 <body>
 <!-- Sidebar -->
 <aside>
-    <!--<center><a href="{{ SITEURL }}"><img id="avatar" src="{{ AVATAR }}"></a></center>-->
+    <center id="avatar"><a href="{{ SITEURL }}"><img src="{{ AVATAR }}"></a></center>
     <h1>{{ SITENAME }}</h1>
     {% if SIDEBAR_DIGEST %}
         <p>{{ SIDEBAR_DIGEST }}</p>
@@ -87,23 +90,6 @@
         </ul>
     </nav>
 
-    <p class="social">
-        {% if SOCIAL %}
-            {% for name, link in SOCIAL %}
-                <a href="{{ link }}" target="_blank"><img
-                        src="{{ SITEURL }}/theme/images/icons/{{ name|lower }}.png"></a>
-            {% endfor %}
-        {% endif %}
-        {% if FEED_ALL_ATOM %}
-            <a href="{{ SITEURL }}/{{ FEED_ALL_ATOM }}" rel="alternate">
-                <img src="{{ SITEURL }}/theme/images/icons/rss.png"></a>
-        {% endif %}
-        {% if FEED_ALL_RSS %}
-            <a href="{{ SITEURL }}/{{ FEED_ALL_RSS }}" rel="alternate">
-                <img src="{{ SITEURL }}/theme/images/icons/rss.png"></a>
-        {% endif %}
-    </p>
-
     {% if DISPLAY_CATEGORIES_ON_MENU and categories %}
         <h2>Categories</h2>
         <ul class="navbar">
@@ -123,10 +109,9 @@
         </ul>
     {% endif %}
 
-    <div id="license" style="text-align: center;">
+    {% include "partners.html" %}
-      <p>I contenuti del sito sono tutti rilasciati con licenza <a href="https://creativecommons.org/licenses/by/3.0/it/" title="Creative Commons - Attiribuzione 3.0">CC BY 3.0</a></p>
+    {% include "social.html" %}
-      <p><a href="https://creativecommons.org/licenses/by/3.0/it/" title="Creative Commons - Attiribuzione 3.0"><img src="https://i0.wp.com/www.libreitalia.org/wp-content/uploads/2017/11/by.png?fit=249%2C87&amp;ssl=1" alt="Creative Commons BY Logo" /></a></p>
+    {% include "license.html" %}
-    </div>
 </aside>
 
 <!-- Content -->

themes/pelican-blue/templates/large_base.html

@@ -20,6 +20,9 @@
         <!-- Style Meta Data -->
         <link rel="stylesheet" href="{{ SITEURL }}/theme/css/large.css" type="text/css"/>
         <link rel="stylesheet" href="{{ SITEURL }}/theme/css/pygments.css" type="text/css"/>
+        <link rel="stylesheet" href="{{ SITEURL }}/theme/css/social.css" type="text/css"/>
+        <link rel="stylesheet" href="{{ SITEURL }}/theme/css/license.css" type="text/css"/>
+        <link rel="stylesheet" href="{{ SITEURL }}/theme/css/partners.css" type="text/css"/>
 
         <!-- Feed Meta Data -->
         {% if FEED_ALL_ATOM %}
@@ -42,7 +45,7 @@
 <body>
 <!-- Sidebar -->
 <aside>
-    <!--<center><a href="{{ SITEURL }}"><img id="avatar" src="{{ AVATAR }}"></a></center>-->
+    <center id="avatar"><a href="{{ SITEURL }}"><img src="{{ AVATAR }}"></a></center>
     <h1>{{ SITENAME }}</h1>
     {% if SIDEBAR_DIGEST %}
         <p>{{ SIDEBAR_DIGEST }}</p>
@@ -87,23 +90,6 @@
         </ul>
     </nav>
 
-    <p class="social">
-        {% if SOCIAL %}
-            {% for name, link in SOCIAL %}
-                <a href="{{ link }}" target="_blank"><img
-                        src="{{ SITEURL }}/theme/images/icons/{{ name|lower }}.png"></a>
-            {% endfor %}
-        {% endif %}
-        {% if FEED_ALL_ATOM %}
-            <a href="{{ SITEURL }}/{{ FEED_ALL_ATOM }}" rel="alternate">
-                <img src="{{ SITEURL }}/theme/images/icons/rss.png"></a>
-        {% endif %}
-        {% if FEED_ALL_RSS %}
-            <a href="{{ SITEURL }}/{{ FEED_ALL_RSS }}" rel="alternate">
-                <img src="{{ SITEURL }}/theme/images/icons/rss.png"></a>
-        {% endif %}
-    </p>
-
     {% if DISPLAY_CATEGORIES_ON_MENU and categories %}
         <h2>Categories</h2>
         <ul class="navbar">
@@ -123,10 +109,10 @@
         </ul>
     {% endif %}
 
-    <div id="license" style="text-align: center;">
+    {% include "partners.html" %}
-      <p>I contenuti del sito sono tutti rilasciati con licenza <a href="https://creativecommons.org/licenses/by/3.0/it/" title="Creative Commons - Attiribuzione 3.0">CC BY 3.0</a></p>
+    {% include "social.html" %}
-      <p><a href="https://creativecommons.org/licenses/by/3.0/it/" title="Creative Commons - Attiribuzione 3.0"><img src="https://i0.wp.com/www.libreitalia.org/wp-content/uploads/2017/11/by.png?fit=249%2C87&amp;ssl=1" alt="Creative Commons BY Logo" /></a></p>
+    {% include "license.html" %}
-    </div>
+
 </aside>
 
 <!-- Content -->

themes/pelican-blue/templates/license.html

@@ -0,0 +1,4 @@
+    <div id="license">
+      <p>I contenuti del sito sono tutti rilasciati con licenza <a href="https://creativecommons.org/licenses/by/3.0/it/" title="Creative Commons - Attiribuzione 3.0">CC BY 3.0</a></p>
+      <p><a href="https://creativecommons.org/licenses/by/3.0/it/" title="Creative Commons - Attiribuzione 3.0"><img src="https://i0.wp.com/www.libreitalia.org/wp-content/uploads/2017/11/by.png?fit=249%2C87&amp;ssl=1" alt="Creative Commons BY Logo" /></a></p>
+    </div>

themes/pelican-blue/templates/partners.html

@@ -0,0 +1,10 @@
+    <div id="partners">
+      <p>Partners:</p>
+      {% if PARTNERS %}
+      <ul>
+        {% for link, alt, image, width in PARTNERS %}
+	<li><a href="{{ link }}" title="{{ alt }}" target="_new"><img src="{{ image }}" alt="{{ alt }}" width="{{ width }}" /></a></li>
+        {% endfor %}
+      </ul>
+      {% endif %}
+    </div>

themes/pelican-blue/templates/social.html

@@ -0,0 +1,15 @@
+    <div class="social">
+        {% if SOCIAL %}
+            {% for name, link in SOCIAL %}
+	    <a href="{{ link }}" target="_blank"><i class="{{ name }}"></i></a>&nbsp;
+            {% endfor %}
+        {% endif %}
+        {% if FEED_ALL_ATOM %}
+            <a href="{{ SITEURL }}/{{ FEED_ALL_ATOM }}" rel="alternate">
+                <img src="{{ SITEURL }}/theme/images/icons/rss.png"></a>
+        {% endif %}
+        {% if FEED_ALL_RSS %}
+            <a href="{{ SITEURL }}/{{ FEED_ALL_RSS }}" rel="alternate">
+                <img src="{{ SITEURL }}/theme/images/icons/rss.png"></a>
+        {% endif %}
+    </div>