From 8b5b381ef280a361b250757759c9e0afe1099198 Mon Sep 17 00:00:00 2001
From: Emiliano Vavassori
Date: Thu, 18 Nov 2021 00:39:56 +0100
Subject: [PATCH] Rivisto il layout largo e proporzionate scalarmente.
Necessario test su qualche dispositivo tablet.
---
content/pages/colophon.md | 8 ++
content/pages/live.md | 31 ++-----
content/pages/partners.md | 40 ++++++++++
content/pages/social.md | 22 +++++
themes/pelican-blue/static/css/large.css | 80 ++++++++++++-------
themes/pelican-blue/static/css/style.css | 9 ++-
themes/pelican-blue/templates/base.html | 4 +
themes/pelican-blue/templates/large_base.html | 10 ++-
8 files changed, 145 insertions(+), 59 deletions(-)
create mode 100644 content/pages/colophon.md
create mode 100644 content/pages/partners.md
create mode 100644 content/pages/social.md
diff --git a/content/pages/colophon.md b/content/pages/colophon.md
new file mode 100644
index 0000000..27c4aaa
--- /dev/null
+++ b/content/pages/colophon.md
@@ -0,0 +1,8 @@
+title: Colophon - Conferenza Italiana LibreItalia
+slug: colophon
+
+# Licenza - LibreItalia Conference 2021 #
+
+I contenuti del sito sono tutti rilasciati con licenza CC BY 3.0
+
+[![cc-by-3.0](https://i0.wp.com/www.libreitalia.org/wp-content/uploads/2017/11/by.png?fit=249%2C87&ssl=1 "CC-BY 3.0 Logo")](https://creativecommons.org/licenses/by/3.0/it/ "Creative Commons - Attribuzione 3.0")
diff --git a/content/pages/live.md b/content/pages/live.md
index 679b9dd..7a81250 100644
--- a/content/pages/live.md
+++ b/content/pages/live.md
@@ -4,31 +4,16 @@ template: large
# Live - LibreItalia Conference 2020
-
-
**ATTENZIONE**: dovrete attivare manualmente la riproduzione del video per
visualizzare lo *stream*, utilizzando il pulsante che comparirà al centro del
player!
-### Link utili ###
-
-
+
diff --git a/content/pages/partners.md b/content/pages/partners.md
new file mode 100644
index 0000000..aea8659
--- /dev/null
+++ b/content/pages/partners.md
@@ -0,0 +1,40 @@
+title: Partners - Conferenza Italiana LibreItalia
+slug: partners
+
+# Partners - LibreItalia Conference 2021
+
+## ILS - Italian Linux Society ##
+
+![ils logo](https://upload.wikimedia.org/wikipedia/commons/0/0d/Logoilsvettoriale.svg "Logo ILS"){:style="height: 200px"}
+
+Sito web: [www.ils.org ](https://www.ils.org/){:target="_blank"}
+
+*Italian Linux Society*, a tutti nota più semplicemente come **ILS**, nasce nel 1994
+ed in breve tempo si estende a tutto il territorio nazionale fino a diventare
+la più grande associazione italiana per la promozione e la divulgazione di
+Linux e del Software Libero.
+
+ILS favorisce la diffusione del sistema operativo libero [Linux ](https://www.linux.it){:target="_blank"}, la libera
+circolazione delle idee e della conoscenza in campo informatico e promuove lo
+studio ed il libero utilizzo delle idee e degli algoritmi destinati al
+funzionamento dei sistemi informatici.
+
+
+## Consortium GARR ##
+
+![garr logo](https://www.garr.it/images/logo_medio_garr.png "Logo GARR")
+
+Sito web: [www.garr.it ](https://www.garr.it/){:target="_blank"}
+
+La rete GARR è ideata e gestita dal Consortium GARR, un’associazione senza
+fini di lucro fondata sotto l’egida del Ministero dell’Istruzione,
+dell’Università e della Ricerca. Gli enti soci sono
+[CNR ](https://www.cnr.it/){:target="_blank"},
+[ENEA ](http://www.enea.it/it){:target="_blank"},
+[INAF ](http://www.inaf.it/it){:target="_blank"},
+[INFN ](http://home.infn.it/it/){:target="_blank"},
+[INGV ](http://www.ingv.it/){:target="_blank"},
+e tutte le università italiane rappresentate dalla
+[Fondazione CRUI ](http://www.fondazionecrui.it/){:target="_blank"}.
+
diff --git a/content/pages/social.md b/content/pages/social.md
new file mode 100644
index 0000000..973a9d9
--- /dev/null
+++ b/content/pages/social.md
@@ -0,0 +1,22 @@
+title: Social - Conferenza Italiana LibreItalia
+slug: social
+
+# Social Media - LibreItalia Conference 2021
+
+## LibreItalia ##
+
+* [HomePage ](https://www.libreitalia.org){:target="_blank"}
+* [Diventa Socio LibreItalia ](https://www.libreitalia.org/diventa-socio/){:target="_blank"}
+* [Twitter ](http://twitter.com/libreitalia){:target="_blank"}
+* [Facebook ](http://facebook.com/libreitalia){:target="_blank"}
+* [Slideshare ](http://www.slideshare.net/libreitalia){:target="_blank"}
+* [YouTube ](http://youtube.com/channel/UCxOY9LbVqShoGyEcl3vNRfQ){:target="_blank"}
+* [Telegram ](https://telegram.me/libreitalia){:target="_blank"}
+
+## Link utili ##
+
+* [The Document Foundation ](https://www.documentfoundation.org/){:target="_blank}
+* [TDF Membership ](https://www.documentfoundation.org/governance/why-be-a-member/){:target="_blank"}
+* [LibreOffice ](https://it.libreoffice.org/){:target="_blank"}
+* [Open Document Format ](https://it.libreoffice.org/scopri/cosa-e-open-document/){:target="_blank"}
+* [FUSS ](https://fuss.bz.it/){:target="_blank"} - Free Upgrade in South Tyrol's Schools
diff --git a/themes/pelican-blue/static/css/large.css b/themes/pelican-blue/static/css/large.css
index dcdc7cf..7baf91a 100644
--- a/themes/pelican-blue/static/css/large.css
+++ b/themes/pelican-blue/static/css/large.css
@@ -1,39 +1,33 @@
-article {
- max-width:100%;
-}
-img {
- max-width: 100%;
+/* vim:sts=2:sw=2 */
+
+article, footer {
+ margin: auto 5px auto 285px;
+ padding: 10px 5px 10px;
}
-#live iframe {
- border: 0px;
- flex: 1;
- width: 100%
-}
+article { max-width:100%; }
+img { max-width: 100%; }
#footlinks {
width: 100%;
margin: auto;
}
-#footlinks ul
-{
+#footlinks ul {
column-count: 2;
list-style: none;
padding: 0 50px;
margin: 0 0;
}
-#footlinks li
-{
+#footlinks li {
display: block;
width: 200px;
min-height: 50px;
margin: 0px 5px;
}
-#footlinks a
-{
+#footlinks a {
-webkit-transition: 200ms;
transition: 200ms;
display: block;
@@ -56,24 +50,50 @@ img {
}
#live {
- display: flex;
- flex-flow: row nowrap;
- align-items: stretch;
- height: 75vh;
+ display: flex;
+ flex-flow: row nowrap;
+ height: 77.5vh;
}
-#embedded-chat, #embedded-video {
+#live iframe {
+ border: 0px;
width: 100%;
height: 100%;
}
-@media screen and (max-width: 1024px) {
- #live iframe {
- min-height: 500px;
- }
- #live {
- flex-direction: column;
- justify-content: space-between;
- height:auto;
- }
+#live div { flex-grow: 1; }
+#embedded-chat { border: 1px solid grey; }
+
+#embedded-video {
+ flex-grow: 3;
+ min-width: 66vw;
+}
+
+@media screen and (max-width: 1024px) {
+
+ #live {
+ flex-flow: column nowrap;
+ height: auto;
+ }
+
+ #live div { min-height: 30vw; }
+ #embedded-video { height: 55.1vw; }
+ #embedded-chat { border-bottom: 1px solid black; }
+
+}
+
+@media screen and (max-width: 1600px) {
+
+ #live {
+ flex-flow: column nowrap;
+ height: auto;
+ }
+
+ #live div { min-height: 30vw; }
+ #embedded-video { height: 46vw; }
+ #embedded-chat {
+ border-top: 1px solid black;
+ border-bottom: 1px solid black;
+ }
+
}
diff --git a/themes/pelican-blue/static/css/style.css b/themes/pelican-blue/static/css/style.css
index be96ba3..a75bd2d 100644
--- a/themes/pelican-blue/static/css/style.css
+++ b/themes/pelican-blue/static/css/style.css
@@ -16,6 +16,7 @@ h1, h2 {
}
.mobile-menu { display: none; }
+.mobile-only { display: none; }
.title
{
@@ -246,8 +247,11 @@ td.hours {
padding-top: 1px;
}
- .nav
- {
+ .mobile-only {
+ display: list-item;
+ }
+
+ .nav {
margin-left: 0;
margin-right: 0;
}
@@ -267,7 +271,6 @@ td.hours {
#avatar {
height: 50px;
- width: 50px;
margin: 10px auto;
}
diff --git a/themes/pelican-blue/templates/base.html b/themes/pelican-blue/templates/base.html
index 93b616a..4cfae97 100644
--- a/themes/pelican-blue/templates/base.html
+++ b/themes/pelican-blue/templates/base.html
@@ -103,6 +103,10 @@
{% if DISPLAY_PAGES_ON_MENU and pages %}{% for p in pages %}
{{ p.title }}
{% endfor %}{% endif %}
+ Partners
+ Social Media
+ Colophon
+
diff --git a/themes/pelican-blue/templates/large_base.html b/themes/pelican-blue/templates/large_base.html
index f7e359c..535df0a 100644
--- a/themes/pelican-blue/templates/large_base.html
+++ b/themes/pelican-blue/templates/large_base.html
@@ -62,9 +62,9 @@
{{ SIDEBAR_DIGEST }}
{% endif %}
-
{% if TWITTER_USERNAME %}
+
{% endif %}
@@ -93,11 +94,14 @@
{% for name, link, blank in MENUITEMS %}
{% if blank %}
- {{ name }}
+ {{ name }}
{% else %}
- {{ name }}
+ {{ name }}
{% endif %}
{% endfor %}
+ Partners
+ Social Media
+ Colophon
{% if DISPLAY_PAGES_ON_MENU and pages %}{% for p in pages %}
{{ p.title }}