ouidade/dev-epau.archi.fr
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

transparence bandeau

Browse Source
This commit is contained in:
ouidade
2021-06-10 14:24:54 +02:00
parent e89db5e0b9
commit fa13c4976e
11 changed files with 99 additions and 85 deletions
Download Patch File Download Diff File Expand all files Collapse all files
user/themes/epau-antimatter/css-compiled/template.css
+16 -11
View File
@@ -43,8 +43,8 @@ b, strong, label, th {
#body {
background: #fff;
padding-top: 8rem;
padding-bottom: 11rem; }
padding-top: 5rem;
padding-bottom: 0; }
.left {
float: left; }
@@ -805,7 +805,6 @@ ul.pagination {
background: none !important; }
#sb-site #body {
background: none !important;
padding-bottom: 2rem !important;
font-family: "Sarabun", sans-serif !important; }
#sb-site #body p:empty {
display: none; }
@@ -888,6 +887,13 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
#header #navbar {
padding-right: 2rem; } }
.parallax-window {
background: transparent;
width: 100%; }
.parallax-mirror {
top: -80px; }
.callout {
filter: opacity(0.75);
position: relative;
@@ -902,6 +908,10 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
font-weight: 300;
font-size: 1rem; }
.ressources {
background-color: white;
padding-top: 1rem; }
.titre_nsb {
display: block;
margin-right: 52%; }
@@ -958,12 +968,6 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
padding-top: 8rem;
padding-bottom: 8rem; }
.parallax-window {
background: transparent; }
.parallax-mirror {
top: -80px; }
.programme {
z-index: 1;
max-width: 35%;
@@ -1053,7 +1057,6 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
.gouvernance {
background-color: #000;
filter: opacity(0.75);
color: #ffffff;
text-transform: uppercase;
padding-bottom: 6rem;
@@ -1232,7 +1235,9 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
#new-footer {
display: flex;
flex-direction: column; }
flex-direction: column;
background-color: white;
padding-bottom: 3rem; }
#new-footer .tothetop {
position: relative;
height: 1rem;
user/themes/epau-antimatter/images/04_photo_ AE_PlanDAou_36.jpg
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.8 MiB

After

Width:  |  Height:  |  Size: 2.3 MiB

user/themes/epau-antimatter/images/ARM161205-001.jpg
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.5 MiB

After

Width:  |  Height:  |  Size: 2.8 MiB

user/themes/epau-antimatter/images/Solideo_110221_Village_Olympique_Web_copyright_Sennse-cbadet_082.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 387 KiB

user/themes/epau-antimatter/images/Thizy_Les_Bourgs_copyright_Communaute_de_l_Ouest_Rhodanien.jpg
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 7.8 MiB

After

Width:  |  Height:  |  Size: 6.0 MiB

user/themes/epau-antimatter/images/copyright_Grenoble-Alpes_Metropole-Lucas_Frangella_1.jpg
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 MiB

After

Width:  |  Height:  |  Size: 910 KiB

user/themes/epau-antimatter/scss/template/_core.scss
+4 -3
View File
@@ -45,9 +45,10 @@ b, strong {
@extend .padding-horiz;
background: $page-bg;
// padding-top: $header-height;
padding-top: $header-height + $padding-vert;
padding-bottom: $footer-height + $padding-vert + 2rem;
padding-top: $header-height;
// padding-top: $header-height + $padding-vert;
// padding-bottom: $footer-height + $padding-vert + 2rem;
padding-bottom: 0;
}
// Alignment
user/themes/epau-antimatter/scss/template/_custom.scss
+25 -19
View File
@@ -26,7 +26,7 @@
#body{
background: none !important;
padding-bottom: 2rem !important;
// padding-bottom: 2rem !important;
font-family: "Sarabun", sans-serif !important;
p:empty { display:none; }
@media (max-width: 442px) {
@@ -35,6 +35,7 @@
}
}
body#top.modular.fullwidth.title-center.title-h1h2 {
overflow-y:hidden;
}
@@ -137,6 +138,21 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
}
}
.parallax-window {
background: transparent;
// background-position: center;
// background-size: cover;
// position: relative;
// top: -500px;
width: 100%;
}
.parallax-mirror {
top: -80px;
// height: auto;
}
.callout {
filter:opacity(0.75);
position: relative;
@@ -154,13 +170,17 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
}
}
.ressources {
background-color: white;
padding-top: 1rem;
}
.titre_nsb {
// position: relative;
// top: -440px;
display: block;
margin-right: 52%;
h1 {
margin-bottom: 0rem !important;
text-align: right;
@@ -239,22 +259,6 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
padding-bottom: 8rem;
}
.parallax-window {
background: transparent;
// background-size: cover;
// height: 300vh;
// width: 100%;
}
.parallax-mirror {
top: -80px;
// height: auto;
}
.programme {
// position: relative;
// top: 440px;
@@ -369,7 +373,7 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
.gouvernance {
background-color: #000;
filter:opacity(0.75);
// filter:opacity(0.75);
color: #ffffff;
text-transform: uppercase;
padding-bottom: 6rem;
@@ -653,6 +657,8 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
// position:absolute;
display: flex;
flex-direction: column;
background-color: white;
padding-bottom: 3rem;
.tothetop {
position: relative;
user/themes/epau-antimatter/templates/modular/programmes.html.twig
+2 -4
View File
@@ -1,9 +1,7 @@
<div
class="programmes{{ page.header.class}} parallax-window"
data-parallax="scroll"
data-image-src="{{ url('theme://images/04_photo_ AE_PlanDAou_36.jpg') }}">
<!-- <div class="parallax-window" data-parallax="scroll" data-image-src="/path/to/image.jpg"></div> -->
class="programmes{{ page.header.class}}">
<!-- <div class="parallax-window" data-parallax="scroll" data-image-src="{{ url('theme://images/04_photo_ AE_PlanDAou_36.jpg') }}"></div> -->
{{ content|raw }}
user/themes/epau-antimatter/templates/modular/ressources.html.twig
+49 -47
View File
@@ -1,54 +1,56 @@
<div class="titre_nsb after-h1">
<div class="ressources">
<div class="titre_nsb after-h1">
<h1>Ressources</h1>
<h1>Ressources</h1>
<div class="souligne toright" >
<svg width="100%" height="0.5rem">
<rect class="" width="100%" height="100%" style="fill:rgb(0,0,0)" />
</svg>
</div>
<!-- <div class="after-h1-finish">
<svg width="50%" height="0.5rem">
<rect width="100%" height="100%" style="fill:rgb(0,0,0);stroke-width:3;stroke:rgb(0,0,0)" />
</svg>
</div> -->
</div>
{{ content|raw }}
<div class="features {{ page.header.class}}">
<div class="feature-items">
<div class="texte-cache">
{% for rapport in page.header.rapports %}
<div class="feature ">
{% if rapport.couverture and rapport.pdf %}
<a href="{{page.media[rapport.pdf].url|e }}" download >
<img src="{{page.media[rapport.couverture].url|e }}" alt="couverture du {{rapport.titre_du_rapport}}" />
{% endif %}
{% if rapport.titre_du_rapport %}
<h4>{{ rapport.titre_du_rapport }}</h4>
{% endif %}
{% if rapport.texte_de_presentation %}
<p>{{ rapport.texte_de_presentation|markdown }}</p>
{% endif %}
</a>
</div>
{% endfor %}
</div>
<div class="souligne toright" >
<svg width="100%" height="0.5rem">
<rect class="" width="100%" height="100%" style="fill:rgb(0,0,0)" />
</svg>
</div>
<!-- <div class="after-h1-finish">
<svg width="50%" height="0.5rem">
<rect width="100%" height="100%" style="fill:rgb(0,0,0);stroke-width:3;stroke:rgb(0,0,0)" />
</svg>
</div> -->
</div>
{{ content|raw }}
<div class="features {{ page.header.class}}">
<div class="feature-items">
<div class="texte-cache">
{% for rapport in page.header.rapports %}
<div class="feature ">
{% if rapport.couverture and rapport.pdf %}
<a href="{{page.media[rapport.pdf].url|e }}" download >
<img src="{{page.media[rapport.couverture].url|e }}" alt="couverture du {{rapport.titre_du_rapport}}" />
{% endif %}
{% if rapport.titre_du_rapport %}
<h4>{{ rapport.titre_du_rapport }}</h4>
{% endif %}
{% if rapport.texte_de_presentation %}
<p>{{ rapport.texte_de_presentation|markdown }}</p>
{% endif %}
</a>
</div>
{% endfor %}
</div>
</div>
</div>
<!-- <a href=""> -->
<button class="bouton-ouverture">Voir plus</button>
<!-- </a> -->
</div>
<!-- <a href=""> -->
<button class="bouton-ouverture">Voir plus</button>
<!-- </a> -->
user/themes/epau-antimatter/templates/partials/base.html.twig
+3 -1
View File
@@ -67,7 +67,9 @@
{% block showcase %}{% endblock %}
{% block body %}
<section id="body" class="{{ class }}">
<section id="body" class="{{ class }} parallax-window"
data-parallax="scroll"
data-image-src="{{ url('theme://images/04_photo_ AE_PlanDAou_36.jpg') }}">
{% block content %}{% endblock %}
</section>
{% endblock %}