Cleaner homepage

This commit is contained in:
Evarin 2017-09-27 23:58:50 +02:00
parent 38af50a866
commit 0e19abb51a
4 changed files with 62 additions and 27 deletions

View file

@ -263,7 +263,7 @@ article ul li {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
align-items: center;
align-items: top;
}
/* line 196, ../sass/screen.scss */
.container .content section.actuhome article + article {
@ -271,87 +271,103 @@ article ul li {
}
/* line 200, ../sass/screen.scss */
.container .content section.actuhome article.actu {
position: relative;
background: none;
box-shadow: none;
max-width: 400px;
min-width: 300px;
flex: 1;
}
/* line 207, ../sass/screen.scss */
/* line 208, ../sass/screen.scss */
.container .content section.actuhome article.actu .actu-header {
position: relative;
box-shadow: -4px 5px 1px rgba(0, 0, 0, 0.3);
min-height: 180px;
padding: 0;
margin: 0;
overflow: hidden;
background-size: cover;
background-position: center center;
}
/* line 216, ../sass/screen.scss */
/* line 218, ../sass/screen.scss */
.container .content section.actuhome article.actu .actu-header h2 {
position: absolute;
width: 100%;
height: 100%;
bottom: 0;
left: 0;
padding: 5px;
padding-top: 150px;
text-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);
}
/* line 222, ../sass/screen.scss */
/* line 226, ../sass/screen.scss */
.container .content section.actuhome article.actu .actu-header h2 a {
color: #fff;
}
/* line 228, ../sass/screen.scss */
/* line 232, ../sass/screen.scss */
.container .content section.actuhome article.actu .actu-misc {
background: white;
box-shadow: -4px 5px 1px rgba(0, 0, 0, 0.3);
box-shadow: -2px 2px 1px rgba(0, 0, 0, 0.2);
margin: 0 10px;
padding: 15px;
padding-top: 5px;
}
/* line 235, ../sass/screen.scss */
/* line 239, ../sass/screen.scss */
.container .content section.actuhome article.actu .actu-misc .actu-minical {
display: block;
}
/* line 238, ../sass/screen.scss */
/* line 242, ../sass/screen.scss */
.container .content section.actuhome article.actu .actu-misc .actu-dates {
display: block;
text-align: right;
font-size: 0.9em;
}
/* line 249, ../sass/screen.scss */
.container .content section.actuhome article.actu .actu-overlay {
display: block;
background: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 5;
opacity: 0;
}
/* line 251, ../sass/screen.scss */
/* line 268, ../sass/screen.scss */
.calendar td, .calendar th {
text-align: center;
vertical-align: center;
border: 2px solid transparent;
padding: 1px;
}
/* line 258, ../sass/screen.scss */
/* line 275, ../sass/screen.scss */
.calendar th {
font-weight: bold;
}
/* line 262, ../sass/screen.scss */
/* line 279, ../sass/screen.scss */
.calendar td {
font-size: 0.8em;
width: 25px;
height: 30px;
}
/* line 267, ../sass/screen.scss */
/* line 284, ../sass/screen.scss */
.calendar td.out {
opacity: 0.3;
}
/* line 270, ../sass/screen.scss */
/* line 287, ../sass/screen.scss */
.calendar td.today {
border-bottom-color: #000;
}
/* line 273, ../sass/screen.scss */
/* line 290, ../sass/screen.scss */
.calendar td:nth-child(7) {
background: rgba(0, 0, 0, 0.3);
}
/* line 276, ../sass/screen.scss */
/* line 293, ../sass/screen.scss */
.calendar td:nth-child(6) {
background: rgba(0, 0, 0, 0.2);
}
/* line 279, ../sass/screen.scss */
/* line 296, ../sass/screen.scss */
.calendar td.hasevent {
font-weight: bold;
color: #3cb3a6;

View file

@ -191,13 +191,14 @@ article {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
align-items: center;
align-items: top;
article + article {
margin: 0;
}
article.actu {
position: relative;
background: none;
box-shadow: none;
max-width: 400px;
@ -207,6 +208,7 @@ article {
.actu-header {
position: relative;
box-shadow: -4px 5px 1px rgba(#000, 0.3);
min-height: 180px;
padding: 0;
margin: 0;
overflow: hidden;
@ -214,11 +216,13 @@ article {
background-position: center center;
h2 {
position: absolute;
width: 100%;
height: 100%;
bottom: 0;
left: 0;
padding: 5px;
padding-top: 150px;
text-shadow: 0 0 5px rgba(#000, 0.8);
background: linear-gradient(to top, rgba(#000, 0.7), rgba(#000, 0));
a {
color: #fff;
}
@ -227,7 +231,7 @@ article {
.actu-misc {
background: lighten($fond, 15%);
box-shadow: -4px 5px 1px rgba(#000, 0.3);
box-shadow: -2px 2px 1px rgba(#000, 0.2);
margin: 0 10px;
padding: 15px;
padding-top: 5px;
@ -241,6 +245,19 @@ article {
font-size: 0.9em;
}
}
.actu-overlay {
display: block;
background: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 5;
opacity: 0;
}
}
}
}

View file

@ -17,12 +17,15 @@
<div class="actu-header" {% if actu.image %}{% image actu.image fill-400x200 as img %}style="background-image:url('{{ img.url }}');"{% endif %}>
<h2><a href="{% pageurl actu %}">{{ actu.title }}</a></h2>
</div>
{% if actu.is_event %}
<div class="actu-misc">
<div class="actu-misc">
{% if actu.is_event %}
{% get_current_language as curlang %}
<span class="actu-minical">{% mini_calendar actu curlang %}</span><span class="actu-dates">{{ actu.dates }}</span>
</div>
{% endif %}
{% else %}
{{ actu.body|safe|truncatewords_html:25 }}
{% endif %}
</div>
<a href="{% pageurl actu %}" class="actu-overlay"></a>
</article>
{% endfor %}
</section>

View file

@ -42,7 +42,6 @@ def calendar():
del events[k]
else:
curevents.append(e)
print(curevents)
day = {'day': curday.day,
'class': (('today ' if (curday.day == now.day
and curday.month == now.month) else '')