From 10ebcced16887674c93a0fa8d07b807aabc10f5d Mon Sep 17 00:00:00 2001 From: Emiliano Vavassori Date: Thu, 11 Nov 2021 00:30:24 +0100 Subject: [PATCH] Modificato lo stile per i cellulari. --- content/js/livepointers.js | 2 +- content/pages/2021/index.md | 58 +++++---------- pelicanconf.py | 2 +- themes/pelican-blue/static/css/style.css | 95 ++++++++++++++++++------ themes/pelican-blue/templates/base.html | 36 +++++++-- 5 files changed, 122 insertions(+), 71 deletions(-) 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 %} + +