bachir/lamine_wp
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix title other single

Browse Source
This commit is contained in:
kevin
2020-09-15 17:11:58 +02:00
parent dedd9459e3
commit 8201a3170c
38 changed files with 527 additions and 87 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/app/themes/la_mine/src/assets/fonts/UniversalisADFStd-Regular.woff
BIN
View File
Binary file not shown.
web/app/themes/la_mine/src/assets/fonts/millimetre-bold-webfont.woff
BIN
View File
Binary file not shown.
web/app/themes/la_mine/src/assets/fonts/millimetre-bold-webfont.woff2
BIN
View File
Binary file not shown.
web/app/themes/la_mine/src/assets/fonts/millimetre-regular-webfont.woff
BIN
View File
Binary file not shown.
web/app/themes/la_mine/src/assets/fonts/millimetre-regular-webfont.woff2
BIN
View File
Binary file not shown.
web/app/themes/la_mine/src/assets/fonts/stylesheet.css
-36
View File
@@ -1,36 +0,0 @@
/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on July 8, 2020 */
@font-face {
font-family: 'millimetre_boldbold';
src: url('millimetre-bold-webfont.woff2') format('woff2'),
url('millimetre-bold-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'millimetre_regularregular';
src: url('millimetre-regular-webfont.woff2') format('woff2'),
url('millimetre-regular-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'universalis_adf_stdbold';
src: url('universalisadfstd-bold-webfont.woff2') format('woff2'),
url('universalisadfstd-bold-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
web/app/themes/la_mine/src/assets/fonts/universalisadfstd-bold-webfont.woff
BIN
View File
Binary file not shown.
web/app/themes/la_mine/src/assets/fonts/universalisadfstd-bold-webfont.woff2
BIN
View File
Binary file not shown.
web/app/themes/la_mine/src/assets/js/scripts.js
+11 -12
View File
@@ -1,6 +1,6 @@
function slides() {
var Home = $('.accueil .hero .main-carousel');
$('.main-carousel').flickity({
$('body:not(.les-temps-forts) .main-carousel').flickity({
cellAlign: 'left',
autoPlay: true,
prevNextButtons: false,
@@ -25,17 +25,16 @@ function slides() {
// })
// }
// var slide_tpsF = document.querySelectorAll('.tpsF .slide');
// if (slide_tpsF != null) {
// for (var i = 0; i < slide_tpsF.length; i++) {
// var flkty = new Flickity( slide_tpsF[i], {
// // options
// cellAlign: 'left',
// autoPlay: true,
// pageDots: false
// });
// }
// }
var slide_tpsF = document.querySelectorAll('.tpsF .main-carousel');
if (slide_tpsF != null) {
for (var i = 0; i < slide_tpsF.length; i++) {
var flkty = new Flickity( slide_tpsF[i], {
cellAlign: 'left',
autoPlay: true,
pageDots: false
});
}
}
// var Partenaires = document.querySelector('.container_slide ul');
// if (Partenaires != null) {
web/app/themes/la_mine/src/assets/scss/components/forms.scss → web/app/themes/la_mine/src/assets/scss/components/_forms.scss
+5 -5
View File
@@ -1,17 +1,17 @@
.la-collecte{
aside{
form{
border: 5px solid black;
border: 5px solid $colorPink;
padding: 1rem;
.acf-form-submit{
text-align: center;
button {
padding: 0.5rem 1rem;
border: 1px solid black;
border: 5px solid $colorPink;
background: white;
&:hover{
color: white;
background: black;
background: $colorPink;
transition: all 0.3s ease;
}
}
@@ -20,8 +20,8 @@
display: none!important;
}
input{
border: 0px solid black!important;
border-bottom: 1px solid black!important;
border: 0px solid $colorPink!important;
border-bottom: 1px solid $colorPink!important;
}
}
}
web/app/themes/la_mine/src/assets/scss/components/_header.scss
+6
View File
@@ -87,6 +87,12 @@ header{
overflow: auto;
& > ul{
padding-top: calc( #{$widthburger} + #{$padTopNav} + 1rem );
& > li{
font-size: 1rem;
line-height: 1;
font-family: 'millimetre-regular';
text-transform: uppercase;
}
li{
text-align: center;
a{
web/app/themes/la_mine/src/assets/scss/components/_hero.scss
+2 -1
View File
@@ -26,8 +26,9 @@
color: $colorWhite;
h1{
text-transform: uppercase;
font-size: 2rem;
font-size: 3rem;
line-height: 1.2;
font-family: 'millimetre-regular';
}
h2{
font-size: 1.5rem;
web/app/themes/la_mine/src/assets/scss/components/_index.scss
+2 -1
View File
@@ -1,4 +1,5 @@
@import "header.scss";
@import "thumbnails.scss";
@import "hero.scss";
@import "forms.scss";
@import "forms.scss";
@import "_title-page.scss";
web/app/themes/la_mine/src/assets/scss/components/_thumbnails.scss
+38
View File
@@ -0,0 +1,38 @@
.thumbnails{
a{
display: block;
text-decoration: none;
}
margin-bottom: 2rem;
.wrap_content{
display: flex;
flex-direction: column;
justify-content: center;
margin-top: -6rem;
h5{
font-family: 'universalis-bold';
font-size: 1.25rem;
line-height: 1;
text-transform: uppercase;
}
.date{
& > * {
font-family: 'universalis-regular';
font-size: 1rem;
line-height: 1;
}
}
.places{
padding-top: 0.5rem;
font-family: 'universalis-regular';
font-size: 1rem;
line-height: 1;
text-transform: uppercase;
}
}
&:hover {
.wrap_content{
margin-top: -7rem;
}
}
}
web/app/themes/la_mine/src/assets/scss/components/_title-page.scss
+26
View File
@@ -0,0 +1,26 @@
.title_page{
margin-bottom: 1rem;
h2{
width: max-content;
padding: 0.5rem;
text-transform: uppercase;
width: max-content;
display: inline-block;
padding: 0.5rem 1.5rem;
z-index: 999;
left: -0rem;
background: white;
position: relative;
margin-bottom: 2rem;
transform: translateX(0%) rotate(-15deg);
font-family: 'millimetre-bold';
font-size: 1.875rem;
line-height: 1;
@media screen and (min-width: 576px) {
transform: translateX(0%) rotate(-15deg);
}
@media screen and (min-width: 1200px) {
transform: translateX(-50%) rotate(-15deg);
}
}
}
web/app/themes/la_mine/src/assets/scss/configs/_fonts.scss
+38
View File
@@ -0,0 +1,38 @@
$millimetre-font-path: "../fonts/millimetre";
@font-face {
font-family: 'millimetre-bold';
src: url('#{$millimetre-font-path}/millimetre-bold-webfont.woff2') format('woff2'),
url('#{$millimetre-font-path}/millimetre-bold-webfont.woff') format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'millimetre-regular';
src: url('#{$millimetre-font-path}/millimetre-regular-webfont.woff2') format('woff2'),
url('#{$millimetre-font-path}/millimetre-regular-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
$universalis-font-path: "../fonts/universalis";
@font-face {
font-family: 'universalis-bold';
src: url('#{$universalis-font-path}/universalisadfstd-bold-webfont.woff2') format('woff2'),
url('#{$universalis-font-path}/universalisadfstd-bold-webfont.woff') format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'universalis-regular';
src: url('#{$universalis-font-path}/UniversalisADFStd-Regular.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
web/app/themes/la_mine/src/assets/scss/configs/_variables.scss
+3 -1
View File
@@ -4,8 +4,10 @@ $colorYellow:#ffcc00;
$colorBlack:black;
$colorBlue:#009ee0ff;
$colorRed:#f51212;
$colorGreen: #26e800ff;
$colorBlack:black;
$colorPurple: #5353e1ff;
$colorPink : #ff56ffff;
$heightLogo: 115px;
$heightLogoHover: 100px;
web/app/themes/la_mine/src/assets/scss/index.scss
+25 -1
View File
@@ -2,17 +2,31 @@
@import "configs/variables.scss";
@import "configs/mixinsLamine.scss";
@import "configs/mixins.scss";
@import "configs/fonts.scss";
// bootstrap
@import "bootstraps/bootstrap.scss";
@import "bootstraps/bootstrap-reboot.scss";
// flickity
@import "flickity/flickity.min.scss";
.flickity-prev-next-button.previous{
left: 20px;
}
.flickity-prev-next-button.next{
right: 20px;
}
@import "hamburgers/hamburgers.scss";
@import "components/index.scss";
body,html{
font-size: 16px;
line-height: 1.5;
}
// reboot perso
figure{
max-width: 100%;
@@ -32,6 +46,16 @@ li,ul,ol{
@include reset-list;
}
p{
font-family: 'universalis-regular';
font-size: 1rem;
line-height: 1.3;
strong{
font-family: 'universalis-bold';
font-size: initial;
line-height: initial;
}
}
#section_MineVideo{
figure{
web/app/themes/la_mine/src/assets/scss/pages/_agenda.scss
+23
View File
@@ -31,9 +31,11 @@
margin-bottom: 1rem;
margin-left: 1rem;
cursor:pointer;
text-transform: uppercase;
transition: background 0.3s ease, color 0.3s ease;
a{
color: black;
text-transform: inherit;
}
&:hover{
background:black;
@@ -65,6 +67,7 @@
.thumbnails{
a{
display: block;
text-decoration: none;
}
margin-bottom: 2rem;
.wrap_content{
@@ -73,6 +76,26 @@
justify-content: center;
margin-top: -6rem;
height: 150px;
h5{
font-family: 'universalis-bold';
font-size: 1.25rem;
line-height: 1;
text-transform: uppercase;
}
.date{
& > * {
font-family: 'universalis-regular';
font-size: 1rem;
line-height: 1;
}
}
.places{
padding-top: 0.5rem;
font-family: 'universalis-regular';
font-size: 1rem;
line-height: 1;
text-transform: uppercase;
}
}
&:hover {
.wrap_content{
web/app/themes/la_mine/src/assets/scss/pages/_association.scss
+37
View File
@@ -1,16 +1,53 @@
&.association{
.title_page{
margin-bottom: 1rem;
h2{
border: 5px solid $colorYellow;
width: max-content;
padding: 0.5rem;
text-transform: uppercase;
width: max-content;
display: inline-block;
padding: 0.5rem 1.5rem;
z-index: 999;
left: -0rem;
background: white;
position: relative;
margin-bottom: 2rem;
transform: translateX(0%) rotate(-15deg);
@media screen and (min-width: 576px) {
transform: translateX(0%) rotate(-15deg);
}
@media screen and (min-width: 1200px) {
transform: translateX(-50%) rotate(-15deg);
}
}
}
aside{
height: 100%;
header{
h3{
font-size: 1rem;
}
}
& > .wrapper{
border:5px solid $colorYellow;
padding: 1rem 2rem;
}
.__content{
a{
color: $colorBlack;
text-decoration: none;
}
}
#bouton_asso{
margin: 2rem 0;
text-align: center;
a{
padding: 0.5rem 1rem;
border:5px solid $colorYellow;
color: $colorBlack;
text-decoration: none;
}
}
}
web/app/themes/la_mine/src/assets/scss/pages/_benevole-zone.scss
+19 -5
View File
@@ -1,9 +1,19 @@
&.la-benevole-zone{
.title_page{
h2{
border: 5px solid $colorPurple;
}
}
main{
aside{
aside{
margin-bottom: 2rem;
.__content{
padding: 1rem;
border: 5px solid black;
border: 5px solid $colorPurple;
text-align: center;
@media screen and (min-width: 768px) {
text-align: left;
}
}
.__bouttons{
& > div{
@@ -14,18 +24,22 @@
width: max-content;
margin: auto;
padding: 0.5rem 1em;
border: 2px solid black;
border: 5px solid $colorPurple;
color: black;
background: white;
&:hover{
color: white;
background: black;
background: $colorPurple;
transition: all 0.3s ease;
}
}
}
}
}
.__header{
h3{
text-align: center;
}
}
}
}
web/app/themes/la_mine/src/assets/scss/pages/_home.scss
+23 -12
View File
@@ -23,6 +23,9 @@
position: relative;
margin-bottom: 2rem;
transform: translateX(0%) rotate(-15deg);
font-family: 'millimetre-bold';
font-size: 2rem;
line-height: 1;
@media screen and (min-width: 576px) {
transform: translateX(0%) rotate(-15deg);
}
@@ -37,7 +40,7 @@
@media screen and (min-width: 576px) {
font-size: 1.5rem;
line-height: 1.2;
}
}
}
&#section_proch{
& > .container-fluid{
@@ -144,6 +147,8 @@
display: flex;
align-items: flex-end;
justify-content: center;
font-family: 'millimetre-regular';
font-size: 1.875rem;
}
& > div{
border:10px solid $colorRed;
@@ -152,7 +157,9 @@
h4{
font-size: 1rem;
line-height: 1.2;
color: $colorRed;
color: $colorBlack;
font-family: 'universalis-bold';
margin-bottom: 0;
}
& > div{
p{
@@ -162,9 +169,6 @@
}
}
}
&:not(:last-of-type){
// margin-bottom: 2rem;
}
}
}
&#section_tpsF{
@@ -182,18 +186,26 @@
}
}
}
h3{
color: $colorBlue;
font-size: 1.5rem;
line-height: 1.2;
}
article{
height: auto;
h3{
color: $colorBlue;
font-size: 1.875rem;
line-height: 1;
font-family: 'millimetre-regular';
text-transform: uppercase;
}
}
.content{
font-family: 'universalis-regular';
color: $colorBlue;
font-size: 1rem;
line-height: 1.2;
}
.date{
margin: 1rem;
span{
font-family: 'universalis-regular';
display: block;
color: $colorBlue;
font-size: 1rem;
@@ -213,7 +225,6 @@
}
}
}
}
&#section_MineVideo{
.container-fluid{
web/app/themes/la_mine/src/assets/scss/pages/_index.scss
+1
View File
@@ -4,6 +4,7 @@
@import "privatiser-lespace";
@import "les-projets";
@import "les-temps-forts";
@import "la-collecte";
@import "single";
@import "association";
web/app/themes/la_mine/src/assets/scss/pages/_la-collecte.scss
+15
View File
@@ -0,0 +1,15 @@
&.la-collecte{
.title_page{
h2{
border: 5px solid $colorPink;
}
}
aside{
margin-bottom: 3rem;
header{
h3{
text-align: center;
}
}
}
}
web/app/themes/la_mine/src/assets/scss/pages/_les-projets.scss
+24 -1
View File
@@ -1,4 +1,26 @@
&.les-projets{
h2{
border: 5px solid $colorRed;
width: max-content;
padding: 0.5rem;
text-transform: uppercase;
width: max-content;
display: inline-block;
padding: 0.5rem 1.5rem;
z-index: 999;
left: -0rem;
background: white;
position: relative;
margin-bottom: 2rem;
transform: translateX(0%) rotate(-15deg);
@media screen and (min-width: 576px) {
transform: translateX(0%) rotate(-15deg);
}
@media screen and (min-width: 1200px) {
transform: translateX(-50%) rotate(-15deg);
}
}
article{
margin: 5rem 0;
header{
@@ -6,10 +28,11 @@
h3{
text-align: center;
text-transform: uppercase;
color: $colorRed;
}
& > div{
padding: 2.5rem 3rem;
border:5px solid black;
border:5px solid $colorRed;
p{
margin: 0;
}
web/app/themes/la_mine/src/assets/scss/pages/_les-temps-forts.scss
+24
View File
@@ -1,4 +1,28 @@
&.les-temps-forts{
.title_page{
margin-bottom: 1rem;
h2{
border: 5px solid $colorBlue;
width: max-content;
padding: 0.5rem;
text-transform: uppercase;
width: max-content;
display: inline-block;
padding: 0.5rem 1.5rem;
z-index: 999;
left: -0rem;
background: white;
position: relative;
margin-bottom: 2rem;
transform: translateX(0%) rotate(-15deg);
@media screen and (min-width: 576px) {
transform: translateX(0%) rotate(-15deg);
}
@media screen and (min-width: 1200px) {
transform: translateX(-50%) rotate(-15deg);
}
}
}
.img{
width: 100%;
height: 400px;
web/app/themes/la_mine/src/assets/scss/pages/_privatiser-lespace.scss
+36 -4
View File
@@ -1,20 +1,32 @@
&.privatiser-lespace{
.title_page{
h2{
border: 5px solid $colorGreen;
}
}
main{
.main-carousel{
@include full-width;
}
.__organisation{
margin-top:5rem;
}
article{
margin-bottom: 2rem;
h5{
text-align: center;
text-transform: uppercase;
color: $colorGreen;
}
.__item{
border: 5px solid green;
border: 5px solid $colorGreen;
padding: 0.8rem;
}
}
.btn{
margin-top: 2rem;
border: 1px solid black;
// margin-top: 2rem;
border: 5px solid black;
padding: 0.5rem 1rem;
border-radius: 0px;
color: black;
@@ -40,10 +52,20 @@
height: 100%;
object-fit: cover;
}
&.is-selected .legendes{
opacity: 1;
-webkit-transform: translateX(0px);
-ms-transform: translateX(0px);
transform: translateX(0px);
-webkit-transition: all 1.3s;
-o-transition: all 1.3s;
transition: all 1.3s;
}
figcaption{
left: 50%;
transform: translateX(-50%);
border: 5px solid green;
border: 5px solid $colorGreen;
position: absolute;
bottom: 2rem;
background: white;
@@ -55,6 +77,16 @@
p:last-of-type{
margin-bottom: 0;
}
&.legendes{
opacity: 0;
-webkit-transform: translateX(50px);
-ms-transform: translateX(50px);
transform: translateX(50px);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
}
}
}
web/app/themes/la_mine/src/assets/scss/pages/_single.scss
+23
View File
@@ -3,8 +3,11 @@
margin-bottom: 2rem;
a{
display: inline-block;
font-size: 1rem;
line-height: 1;
transform: translateX(-50%);
color: black;
font-family: 'universalis-bold';
}
}
header{
@@ -12,12 +15,31 @@
border: 5px solid $colorYellow;
padding: 0.5rem;
width: max-content;
font-size: 2rem;
line-height: 1;
font-family: 'millimetre-bold';
}
}
.data{
margin: 1rem 0rem;
background-color: white;
border: 5px solid $colorYellow;
padding: 1em;
text-transform: uppercase;
color: black;
& > * {
font-family: 'universalis-bold';
font-size: 1rem;
line-height: 1.2;
}
}
footer{
h3{
font-family: 'universalis-bold';
font-size: 1.5rem;
line-height: 1.2;
margin-bottom: 0;
}
.partager{
figure{
a{
@@ -56,6 +78,7 @@
min-height: 450px;
a{
display: block;
text-decoration: none;
}
margin-bottom: 2rem;
.wrap_content{