LibreItalia/conference-site
1
0
Fork 0
Code Issues Pull requests Activity Actions

Migliorie grafiche al sito. Aggiunti contenuti.

Browse source
This commit is contained in:
Emiliano Vavassori 2020-12-05 20:52:41 +01:00
parent 0dead98294
commit 6788b5ea00
17 changed files with 314 additions and 224 deletions
Download patch file Download diff file Expand all files Collapse all files

110
themes/pelican-blue/static/css/large.css
View file

@ -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 > article, footer {
/*line-height: 1.6em;
display: block;
max-width: 700px;
margin: 40px auto auto 355px;
padding: 20px 80px 10px;*/
body { margin: 0px; }
body > article, footer
{
line-height: 1.6em;
display: block;
margin: auto 5px auto 285px;
@ -76,9 +72,10 @@ article ol.posts
}
/* Articles */
p.post_entry {
}
article > header {
p.post_entry { }
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:active { color:#3a7c78; text-decoration:none; }
a:link { 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 {
width: 100px;
border-radius: 50%;
#avatar
{
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-right: -30px;
border: 1px solid #73d08a;
margin-top: 40px;
margin: 40px -30px;
}
.nav > ul > li
@ -181,14 +170,24 @@ aside > h2 {
.nav a
{
color: #fff;
text-decoration: none;
transition: all .3s ease-in-out;
color: #fff;
text-decoration: none;
-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;
border-bottom: 1px solid #73d08a;
padding: 0.77273rem 0rem;
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;
}

20
themes/pelican-blue/static/css/license.css Normal file
View file

@ -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%;
}

33
themes/pelican-blue/static/css/partners.css Normal file
View file

@ -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%;
}

22
themes/pelican-blue/static/css/social.css Normal file
View file

@ -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;
}

91
themes/pelican-blue/static/css/style.css
View file

@ -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 {
}
article > header {
p.post_entry {}
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:visited { 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: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 {
width: 100px;
border-radius: 50%;
#avatar
{
margin: 0;
margin-bottom: 20px;
}
#avatar img {
display: block;
margin: 0 10px 20px 0;
box-shadow: 0px 0px 5px 3px #3a7c78;
width: 100px;
-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-right: -30px;
border: 1px solid #73d08a;
margin-top: 40px;
margin: 40px -30px;
}
.nav > ul > li
@ -177,14 +169,19 @@ aside > h2 {
.nav a
{
color: #fff;
text-decoration: none;
transition: all .3s ease-in-out;
color: #fff;
text-decoration: none;
-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;
border-bottom: 1px solid #73d08a;
padding: 0.77273rem 0rem;
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%;
}

29
themes/pelican-blue/templates/base.html
View file

@ -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;">
<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>
{% include "partners.html" %}
{% include "social.html" %}
{% include "license.html" %}
</aside>
<!-- Content -->

30
themes/pelican-blue/templates/large_base.html
View file

@ -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;">
<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>
{% include "partners.html" %}
{% include "social.html" %}
{% include "license.html" %}
</aside>
<!-- Content -->

4
themes/pelican-blue/templates/license.html Normal file
View file

@ -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>

10
themes/pelican-blue/templates/partners.html Normal file
View file

@ -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>

15
themes/pelican-blue/templates/social.html Normal file
View file

@ -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>