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

retour à la ligne programme, deploiement onglet ressource

Browse Source
This commit is contained in:
ouidade
2021-04-17 17:42:39 +02:00
parent a523f80efa
commit 25cc038e98
203 changed files with 9224 additions and 136 deletions
Download Patch File Download Diff File Expand all files Collapse all files
user/themes/epau-antimatter/css-compiled/template.css
+26 -13
View File
@@ -156,6 +156,23 @@ b, strong, label, th {
display: inline-block;
padding: 0.3rem 0.8rem;
-webkit-backface-visibility: hidden; }
#header #navbar ul.navigation li a:before, #header #navbar ul.navigation li a:after {
content: "";
position: absolute;
width: 100%;
height: 1px;
bottom: 0;
left: 0;
background-color: #000;
visibility: hidden;
-webkit-transform: scaleX(0);
-moz-transform: scaleX(0);
-ms-transform: scaleX(0);
-o-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
transition: all 0.2s ease; }
#header #navbar ul.navigation li a:hover:before {
visibility: visible;
-webkit-transform: scaleX(0.75);
@@ -828,14 +845,9 @@ ul.pagination {
#header #navbar ul.navigation li:last-child:after {
content: "" !important; }
#header #navbar ul.navigation li:last-child #header #navbar ul.navigation li a:hover {
#header #navbar ul.navigation li a:hover {
font-weight: 900; }
#header.scrolled #navbar ul.navigation li a {
color: black !important;
font-size: 0.95rem;
transition: 0.6s ease-in-out; }
#logo {
display: flex;
flex-direction: row; }
@@ -844,7 +856,7 @@ ul.pagination {
max-height: 3rem;
margin: auto; }
#logo #gouv {
padding-right: 4rem; }
padding-right: 3rem; }
#body p:empty {
display: none; }
@@ -894,10 +906,10 @@ ul.pagination {
margin-left: 0%;
width: 100%; } }
.after-h1 .test {
.after-h1 .souligne.toright {
animation: anim 1.2s 1 normal ease-in-out forwards; }
.after-h1 .souligne {
.after-h1 .souligne.toleft {
animation: glissement 1.2s 1 normal ease-in-out forwards; }
.programmes {
@@ -917,6 +929,7 @@ ul.pagination {
.programme {
z-index: 1;
max-width: 35%;
min-width: 26rem;
padding: 1.5rem;
background-color: white;
margin: 0.4rem; }
@@ -946,17 +959,16 @@ ul.pagination {
max-height: 400px;
/*Hauteur du texte visible avant le clic*/
overflow: hidden;
/*On cache tout ce qui dépasse des 500px*/
/*On cache tout ce qui dépasse des 400px*/
transition: max-height 1s ease;
/* Transition CSS entre l'ouverture et la fermeture*/ }
/*Style du module TEXTE lorsqu'il est ouvert*/
.texte-cache.ouvert {
max-height: 100vh;
max-height: 300vh;
/* On lui définit une hauteur max de tout l'écran si nécessaire pour qu'il affiche tout son contenu*/ }
.texte-cache.ouvert .bouton-ouverture {
position: relative;
justify-content: center;
cursor: pointer;
border: solid;
background-color: transparent;
@@ -1150,9 +1162,10 @@ ul.pagination {
align-items: center;
margin-left: 3rem; }
#new-footer .footer .footer-logos img {
min-height: 4rem;
max-height: 4rem;
padding-right: 1rem; }
#new-footer .footer #new-footer .footer .footer-logos img:last-of-type {
height: 0.5rem !important; }
#new-footer .footer .contact {
display: flex;
flex-direction: column;
user/themes/epau-antimatter/images/hyperliens_marseille_.PNG → user/themes/epau-antimatter/images/hyperliens_marseille.png
View File
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 446 KiB

After

Width:  |  Height:  |  Size: 446 KiB

user/themes/epau-antimatter/js/antimatter.js
+48 -86
View File
@@ -23,8 +23,14 @@ function scrollHeader() {
// console.log("je ne te vois pas");
// }
// };
// var elements = document.getElementsByClass('souligne');
//
// elements.forEach(function(element) {
// new WhenInViewport(element, function(elementInViewport) {
// elementInViewport.classList.add('inViewport');
// });
// });
//
@@ -44,9 +50,10 @@ jQuery(document).ready(function($){
}
});
// parallax slideshow
$(document).ready(function() {
var imgSrc = ["/user/themes/epau-antimatter/images/14360_default_big.jpg", "/user/themes/epau-antimatter/images/10361_web_01.jpg", "/user/themes/epau-antimatter/images/hyperliens_marseille_.PNG"];
var imgSrc = ["http://ouidade.net/dev-epau.archi.fr/user/themes/epau-antimatter/images/14360_default_big.jpg", "http://ouidade.net/dev-epau.archi.fr/user/themes/epau-antimatter/images/10361_web_01.jpg", "http://ouidade.net/dev-epau.archi.fr/user/themes/epau-antimatter/images/hyperliens_marseille.png",];
var counter = 1;
var duration = 4000;
@@ -76,56 +83,9 @@ jQuery(document).ready(function($){
});
// var imagesArray = [ url("/user/themes/epau-antimatter/images/14360_default_big.jpg") ,
// url("/user/themes/epau-antimatter/images/10361_web_01.jpg") ,
// url("/user/themes/epau-antimatter/images/hyperliens_marseille_.PNG") ,
// url("/user/themes/epau-antimatter/images/jeux-olypiques-paris-2024-village-athle-lot-e2.jpg") ;];
//
// function preloadImg(pictureUrls, callback) {
// var i, j, loaded = 0;
// var imagesArray = [];
//
// for (i = 0, j = pictureUrls.length; i < j; i++) {
// imagesArray.push(new Image());
// }
// for (i = 0, j = pictureUrls.length; i < j; i++) {
// (function (img, src) {
// img.onload = function () {
// if (++loaded == pictureUrls.length && callback) {
// callback(imagesArray);
// }
// };
// img.src = src;
// }(imagesArray[i], pictureUrls[i]));
// }
// };
//
//
// function roll(imagesArray, currentPos, max){
// if (max < 0) {
// return;
// }
// var slide = $('.parallax-mirror').find('img').attr('src', imagesArray[currentPos].src);
// slide.fadeIn(2000, function() {
// slide.fadeOut(1500, function() {
// currentPos++;
// if(currentPos >= imagesArray.length){
// currentPos = 0;
// max--;
// }
// roll(imagesArray, currentPos, max);
// });
// });
// }
//
// $(function () {
// preloadImg(imagesArray, function (imagesArray) {
// roll(imagesArray, 0, 3);
// });
// });
//
// // souligne apparait on scrollLock
// $(function () {
// var element = $("#triggerOnScroll");
// $(window).scroll(function () {
@@ -165,6 +125,8 @@ jQuery(document).ready(function($){
});
// Responsive Menu
// POPIN Biographies
$(".bouton").click(function(event){
@@ -187,41 +149,41 @@ jQuery(document).ready(function($){
return false;
});
// Animate on scroll
$(function() {
var $window = $(window),
win_height_padded = $window.height() * 1.1,
isTouch = Modernizr.touch;
if (isTouch) { $('.after-h1').addClass('animated'); }
$window.on('scroll', revealOnScroll);
function revealOnScroll() {
var scrolled = $window.scrollTop(),
win_height_padded = $window.height() * 1.1;
// Show...
$(".after-h1:not(.animated)").each(function () {
var $this = $(this),
offsetTop = $this.offset().top;
if (scrolled + win_height_padded > offsetTop) {
if ($this.data('timeout')) {
window.setTimeout(function(){
$this.addClass('animated ' + $this.data('animation'));
}, parseInt($this.data('timeout'),10));
} else {
$this.addClass('animated ' + $this.data('animation'));
}
}
});
}
revealOnScroll();
});
//
// // Animate on scroll
// $(function() {
//
// var $window = $(window),
// win_height_padded = $window.height() * 1.1,
// isTouch = Modernizr.touch;
//
// if (isTouch) { $('.after-h1').addClass('animated'); }
//
// $window.on('scroll', revealOnScroll);
//
// function revealOnScroll() {
// var scrolled = $window.scrollTop(),
// win_height_padded = $window.height() * 1.1;
//
// // Show...
// $(".after-h1:not(.animated)").each(function () {
// var $this = $(this),
// offsetTop = $this.offset().top;
//
// if (scrolled + win_height_padded > offsetTop) {
// if ($this.data('timeout')) {
// window.setTimeout(function(){
// $this.addClass('animated ' + $this.data('animation'));
// }, parseInt($this.data('timeout'),10));
// } else {
// $this.addClass('animated ' + $this.data('animation'));
// }
// }
// });
// }
//
// revealOnScroll();
// });
});
user/themes/epau-antimatter/scss/template/_custom.scss
+20 -19
View File
@@ -53,32 +53,29 @@
content: "" !important;
}
#header #navbar ul.navigation li:last-child
#header #navbar ul.navigation li a:hover {
font-weight: 900;
}
#header.scrolled #navbar ul.navigation li a {
color: black !important;
font-size: 0.95rem;
transition:0.6s ease-in-out;
}
#logo {
display: flex;
flex-direction: row;
// &.active {
// a:after {
// top: 0;
// visibility: visible;
// @include transform(scaleX(0.75));
// }
// }
img {
padding: 0.5rem;
max-height: 3rem;
margin:auto;
}
#gouv {
padding-right: 4rem;
padding-right: 3rem;
}
}
@@ -160,12 +157,12 @@
}
}
.after-h1 {
.test {
.souligne.toright {
// opacity: 0;
// transition: opacity 1s ease-in-out;
animation: anim 1.2s 1 normal ease-in-out forwards;
}
.souligne {
.souligne.toleft {
animation: glissement 1.2s 1 normal ease-in-out forwards;
}
}
@@ -185,6 +182,7 @@
.programmes {
display: flex;
flex-wrap: wrap;
//
@@ -259,9 +257,10 @@
.programme {
z-index: 1;
max-width: 35%;
// min-width:
min-width: 26rem;
padding: 1.5rem;
background-color: white;
margin: 0.4rem;
@@ -307,16 +306,15 @@
position: relative;
max-height: 400px; /*Hauteur du texte visible avant le clic*/
overflow: hidden; /*On cache tout ce qui dépasse des 500px*/
overflow: hidden; /*On cache tout ce qui dépasse des 400px*/
transition: max-height 1s ease; /* Transition CSS entre l'ouverture et la fermeture*/
}
/*Style du module TEXTE lorsqu'il est ouvert*/
.texte-cache.ouvert {
max-height: 100vh; /* On lui définit une hauteur max de tout l'écran si nécessaire pour qu'il affiche tout son contenu*/
max-height: 300vh; /* On lui définit une hauteur max de tout l'écran si nécessaire pour qu'il affiche tout son contenu*/
.bouton-ouverture {
position: relative;
justify-content: center;
cursor: pointer;
border: solid;
background-color: transparent;
@@ -637,12 +635,15 @@
align-items: center;
margin-left: 3rem;
img {
min-height: 4rem;
// min-height: 4rem;
max-height: 4rem;
padding-right: 1rem;
}
}
#new-footer .footer .footer-logos img:last-of-type {
height: 0.5rem !important;
}
.contact {
display: flex;
flex-direction: column;
user/themes/epau-antimatter/scss/template/_header.scss
+13 -13
View File
@@ -144,19 +144,19 @@ $dropdown-color: #f6f6f6;
-webkit-backface-visibility: hidden;
// &:before, &:after {
// content: "";
// position: absolute;
// width: 100%;
// height: 1px;
// bottom: 0;
// left: 0;
// background-color: $core-accent;
// visibility: hidden;
// @include transform(scaleX(0));
// @include transition(all 0.2s ease);
//
// }
&:before, &:after {
content: "";
position: absolute;
width: 100%;
height: 1px;
bottom: 0;
left: 0;
background-color: $core-accent;
visibility: hidden;
@include transform(scaleX(0));
@include transition(all 0.2s ease);
}
&:hover:before {
visibility: visible;
user/themes/epau-antimatter/templates/modular/accueil.html.twig
+1 -1
View File
@@ -26,7 +26,7 @@
<h1>EPAU</h1>
<div id="triggerOnScroll" class="souligne " >
<div class="souligne toleft " >
<svg width="100%" height="0.5rem">
<rect class="" width="100%" height="100%" style="fill:rgb(255,255,255)" />
</svg>
user/themes/epau-antimatter/templates/modular/gouvernance.html.twig
+1 -1
View File
@@ -5,7 +5,7 @@
<h1>Gouvernance</h1>
<div id="triggerOnScroll" class="souligne">
<div id="triggerOnScroll" class="souligne toleft">
<svg width="100%" height="0.5rem">
<rect class="" width="100%" height="100%" style="fill:rgb(255,255,255)" />
</svg>
user/themes/epau-antimatter/templates/modular/ressources.html.twig
+1 -1
View File
@@ -4,7 +4,7 @@
<h1>Ressources</h1>
<div class="test" >
<div class="souligne toright" >
<svg width="100%" height="0.5rem">
<rect class="" width="100%" height="100%" style="fill:rgb(0,0,0)" />
</svg>
user/themes/epau-antimatter/templates/partials/base.html.twig
+1
View File
@@ -94,6 +94,7 @@
<div class="sb-slidebar sb-left sb-width-thin">
<div id="panel">
{% include 'partials/navigation.html.twig' %}
</div>
</div>
{% endblock %}