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

View file

@ -191,13 +191,14 @@ article {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: space-around; justify-content: space-around;
align-items: center; align-items: top;
article + article { article + article {
margin: 0; margin: 0;
} }
article.actu { article.actu {
position: relative;
background: none; background: none;
box-shadow: none; box-shadow: none;
max-width: 400px; max-width: 400px;
@ -207,6 +208,7 @@ article {
.actu-header { .actu-header {
position: relative; position: relative;
box-shadow: -4px 5px 1px rgba(#000, 0.3); box-shadow: -4px 5px 1px rgba(#000, 0.3);
min-height: 180px;
padding: 0; padding: 0;
margin: 0; margin: 0;
overflow: hidden; overflow: hidden;
@ -214,11 +216,13 @@ article {
background-position: center center; background-position: center center;
h2 { h2 {
position: absolute;
width: 100%; width: 100%;
height: 100%; bottom: 0;
left: 0;
padding: 5px; padding: 5px;
padding-top: 150px;
text-shadow: 0 0 5px rgba(#000, 0.8); text-shadow: 0 0 5px rgba(#000, 0.8);
background: linear-gradient(to top, rgba(#000, 0.7), rgba(#000, 0));
a { a {
color: #fff; color: #fff;
} }
@ -227,7 +231,7 @@ article {
.actu-misc { .actu-misc {
background: lighten($fond, 15%); 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; margin: 0 10px;
padding: 15px; padding: 15px;
padding-top: 5px; padding-top: 5px;
@ -241,6 +245,19 @@ article {
font-size: 0.9em; 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 %}> <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> <h2><a href="{% pageurl actu %}">{{ actu.title }}</a></h2>
</div> </div>
{% if actu.is_event %} <div class="actu-misc">
<div class="actu-misc"> {% if actu.is_event %}
{% get_current_language as curlang %} {% get_current_language as curlang %}
<span class="actu-minical">{% mini_calendar actu curlang %}</span><span class="actu-dates">{{ actu.dates }}</span> <span class="actu-minical">{% mini_calendar actu curlang %}</span><span class="actu-dates">{{ actu.dates }}</span>
</div> {% else %}
{% endif %} {{ actu.body|safe|truncatewords_html:25 }}
{% endif %}
</div>
<a href="{% pageurl actu %}" class="actu-overlay"></a>
</article> </article>
{% endfor %} {% endfor %}
</section> </section>

View file

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