forked from DGNum/gestioCOF
Cleaner homepage
This commit is contained in:
parent
38af50a866
commit
0e19abb51a
4 changed files with 62 additions and 27 deletions
|
@ -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;
|
||||||
|
|
|
@ -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;
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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 '')
|
||||||
|
|
Loading…
Reference in a new issue