bachir/grav-lecampus
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

recup commit dev

Browse Source
This commit is contained in:
Ouidade Soussi Chiadmi 2021-06-11 16:24:49 +02:00
parent b6730fa8d2
commit 81285b7135
23 changed files with 599 additions and 379 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
user/themes/lecampus/blueprints/modular/section-lieux.yaml Normal file
View File

@ -0,0 +1,38 @@
title: Section lieux
'@extends': default
form:
fields:
tabs:
fields:
content:
fields:
header.media_order:
label: Page Media (first one will be displayed next to your content)
header.section:
type: fieldset
title: Nos lieux
underline: true
fields:
header.list:
name: Les lieux à découvrir
type: list
style: vertical
btnLabel: "Ajouter un Lieux"
fields:
.section-thumbnail:
type: section
title: Lieux
underline: true
.title:
type: text
label: Titre du lieux
.img_thumb:
type: filepicker
folder: '@self'
preview_images: true
label: Selectionner le document
.btn_url:
type: text
label: Url externe

35
user/themes/lecampus/blueprints/modular/section-offres.yaml Normal file
View File

@ -0,0 +1,35 @@
title: Section offres
'@extends': default
form:
fields:
tabs:
fields:
content:
fields:
header.media_order:
label: Page Media (first one will be displayed next to your content)
header.section-offres:
type: fieldset
title: Offres
underline: true
fields:
header.list:
name: type d'offres
type: list
style: vertical
btnLabel: "Ajouter une offres"
fields:
.section-thumbnail:
type: section
title: Information
underline: true
.title:
type: text
label: Titre
.img_thumb:
type: filepicker
folder: '@self'
preview_images: true
label: Select a file

95
user/themes/lecampus/blueprints/modular/section-packs.yaml Normal file
View File

@ -0,0 +1,95 @@
title: Section packs
'@extends': default
form:
fields:
tabs:
fields:
content:
fields:
header.media_order:
label: Page Media (first one will be displayed next to your content)
header.sections:
type: fieldset
title: Nos packs
fields:
header.list:
name: Les packs
type: list
style: vertical
btnLabel: "Ajouter un pack"
max: 3
fields:
.section-pack:
type: section
title: Pack
.section-thumb:
type: fieldset
title: Information
underline: true
fields:
.title:
type: text
label: Titre
.sous_title:
type: text
label: Texte de présentation
.img_thumb:
type: filepicker
folder: '@self'
preview_images: true
label: image background
.section-more:
type: fieldset
title: En savoir plus
underline: true
fields:
.titre:
label: Titre
type: textarea
.txt_color:
label: Texte en couleur
type: textarea
.txt_black:
label: Text en noir
type: textarea
.imb_background:
type: filepicker
folder: '@self'
preview_images: true
label: image background
.section-button:
type: fieldset
title: Brochure
underline: true
fields:
.btn_txt:
type: text
label: Texte boutton
.btn_url:
type: filepicker
folder: '@self'
preview_images: true
label: Selectionner le document
header.autre:
type: fieldset
title: Autre envie
fields:
header.title_envie:
type: text
label: Titre
header.sous_title_envie:
type: text
label: Texte de présentation
header.img_thumb_envie:
type: filepicker
folder: '@self'
preview_images: true
label: image background
header.btn_txt_envie:
type: text
label: Texte boutton
header.btn_url_envie:
type: text
label: Url

35
user/themes/lecampus/blueprints/nos-offres.yaml Normal file
View File

@ -0,0 +1,35 @@
extends@: modular
form:
fields:
tabs:
fields:
content:
items:
default: "@self.modular"
fields:
content:
unset@: true
header.media_order:
unset@: true
header.entete:
ordering@: -4
type: fieldset
title: Texte en-tête
help: Écriver le texte qui sera affiché dans le bandeau d'en-tête
text: Écriver le texte qui sera affiché dans le bandeau d'en-tête
fields:
header.entete.text:
type: text
label: Texte
fields:
advanced:
fields:
columns:
fields:
column1:
fields:
header.body_classes:
markdown: true
description: 'Available classes in Quark Theme (space separated):<br />`header-fixed`, `header-animated`, `header-dark`, `header-transparent`, `sticky-footer`'

48
user/themes/lecampus/blueprints/nos-packs.yaml Normal file
View File

@ -0,0 +1,48 @@
extends@: modular
form:
fields:
tabs:
fields:
content:
items:
default: "@self.modular"
fields:
content:
unset@: true
header.entete:
ordering@: -5
type: fieldset
title: Texte en-tête
help: Écriver le texte qui sera affiché dans le bandeau d'en-tête
text: Écriver le texte qui sera affiché dans le bandeau d'en-tête
fields:
header.entete.text:
type: text
label: Texte
header.doc_dl:
ordering@: -4
type: fieldset
title: Lien pour télécharger les propositions de séjour d'entreprise
underline: true
fields:
header.btn_txt:
type: text
label: Texte boutton
header.btn_url:
type: filepicker
folder: '@self'
preview_images: true
label: Selectionner le document
fields:
advanced:
fields:
columns:
fields:
column1:
fields:
header.body_classes:
markdown: true
description: 'Available classes in Quark Theme (space separated):<br />`header-fixed`, `header-animated`, `header-dark`, `header-transparent`, `sticky-footer`'

305
user/themes/lecampus/css-compiled/theme.css
View File

@ -532,41 +532,52 @@ p {
font-family: "bold";
font-size: 0.8rem; }
#item .title-wrapper .back, #item-article .title-wrapper .back {
#item .title-wrapper .back, #item-article .title-wrapper .back, #event .title-wrapper .back {
font-family: "bold"; }
#item .title-wrapper .title h1, #item-article .title-wrapper .title h1 {
#item .title-wrapper .title h1, #item-article .title-wrapper .title h1, #event .title-wrapper .title h1 {
color: white;
font-size: 1.2rem; }
#item .info-wrapper .date, #item-article .info-wrapper .date {
#item .info-wrapper .date, #item-article .info-wrapper .date, #event .info-wrapper .date {
font-family: "bold";
color: #9e0027;
font-size: 0.8rem; }
#item .info-wrapper .date .dt, #item-article .info-wrapper .date .dt {
#item .info-wrapper .date .dt, #item-article .info-wrapper .date .dt, #event .info-wrapper .date .dt {
text-transform: lowercase; }
#item .info-wrapper .reso, #item-article .info-wrapper .reso {
#item .info-wrapper .reso, #item-article .info-wrapper .reso, #event .info-wrapper .reso {
font-size: 0.8rem;
font-family: "bold"; }
#item .body-wrapper .card-content .txt p, #item-article .body-wrapper .card-content .txt p {
#item .body-wrapper .card-content .txt p, #item-article .body-wrapper .card-content .txt p, #event .body-wrapper .card-content .txt p {
line-height: 1.5rem; }
#item .body-wrapper .card-content .txt h2, #item-article .body-wrapper .card-content .txt h2 {
#item .body-wrapper .card-content .txt h2, #item-article .body-wrapper .card-content .txt h2, #event .body-wrapper .card-content .txt h2 {
font-size: 1.2rem;
font-family: "bold";
font-weight: normal; }
#item .body-wrapper .card-content .txt ul li, #item-article .body-wrapper .card-content .txt ul li {
font-size: 0.9rem;
line-height: 1.5rem; }
#item .body-wrapper .card-content .txt ul, #item .body-wrapper .card-content .txt ol, #item-article .body-wrapper .card-content .txt ul, #item-article .body-wrapper .card-content .txt ol, #event .body-wrapper .card-content .txt ul, #event .body-wrapper .card-content .txt ol {
padding: 0; }
#item .body-wrapper .card-content .txt ul li, #item .body-wrapper .card-content .txt ol li, #item-article .body-wrapper .card-content .txt ul li, #item-article .body-wrapper .card-content .txt ol li, #event .body-wrapper .card-content .txt ul li, #event .body-wrapper .card-content .txt ol li {
font-size: 0.9rem;
line-height: 1.5rem; }
#item .body-wrapper .card-content .txt ul li::before, #item .body-wrapper .card-content .txt ol li::before, #item-article .body-wrapper .card-content .txt ul li::before, #item-article .body-wrapper .card-content .txt ol li::before, #event .body-wrapper .card-content .txt ul li::before, #event .body-wrapper .card-content .txt ol li::before {
content: " ";
width: 5px;
height: 5px;
border-radius: 10px;
display: inline-block;
vertical-align: middle;
background: #9e0027;
margin-right: 5px; }
#item .content .content_s h2, #item-article .content .content_s h2 {
#item .content .content_s h2, #item-article .content .content_s h2, #event .content .content_s h2 {
font-family: "bold";
font-size: 1.3rem; }
#item .icones p, #item-article .icones p {
#item .icones p, #item-article .icones p, #event .icones p {
font-family: "now_alt_bold";
font-weight: 400;
color: #9e0027;
@ -809,6 +820,104 @@ header nav.dropmenu > ul {
-webkit-transform: rotate(180deg);
transform: rotate(180deg); }
.start#form .entete {
border-top: 1px solid #0093a3; }
.start#form h2 {
margin-top: 0; }
.start#form .body-wrapper {
width: 100%;
min-width: 250px;
margin: auto auto 140px auto; }
.start#form .body-wrapper form {
width: calc( (100% / 2));
margin-top: 20px;
margin: auto; }
.start#form .body-wrapper form > .form-columns {
width: 100%;
margin: 20px 0; }
.start#form .body-wrapper form > .form-columns > .form-column.w-100 > .form-group {
width: 100%; }
.start#form .body-wrapper form > .form-columns > .form-column.w-100 > .form-group > .form-data {
width: 100%; }
.start#form .body-wrapper form > .form-columns > .form-column.w-100 > .form-group > .form-data > .form-textarea-wrapper {
width: 100%; }
.start#form .body-wrapper form > .form-columns > .form-column.w-100 > .form-group > .form-data > .form-textarea-wrapper textarea {
width: 100%;
resize: none;
border: none; }
.start#form .body-wrapper form > .form-columns > .form-column {
padding: 20px 0;
display: flex;
width: 100%; }
.start#form .body-wrapper form > .form-columns > .form-column:not(:nth-last-child(1)) {
border-bottom: 1px solid #9e0027; }
.start#form .body-wrapper form > .form-columns > .form-column > .form-group {
width: auto; }
.start#form .body-wrapper form > .form-columns > .form-column > .form-group .form-data {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0px 0px; }
.start#form .body-wrapper form > .form-columns > .form-column > .form-group .form-data > div {
overflow: hidden;
margin: 10px 10px;
min-width: 100px;
border: 2px solid #9e0027;
border-radius: 30px;
padding: 10px 20px; }
.start#form .body-wrapper form > .form-columns > .form-column > .form-group .form-data > div.check {
background: #9e0027;
color: white; }
.start#form .body-wrapper form > .form-columns > .form-column > .form-group .form-data > div input {
border: none; }
.start#form .body-wrapper form > .form-columns > .form-column > .form-group .form-data > div input[type='radio'] {
visibility: hidden;
position: absolute; }
.start#form .body-wrapper form > .form-columns > .form-column > .form-group .form-data > div label {
cursor: pointer; }
.start#form .body-wrapper form .button-wrapper {
background: #9e0027;
height: 100px;
position: absolute;
left: 0;
width: 100%; }
.start#form .body-wrapper form .button-wrapper button {
margin-right: 25%;
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background: white;
border-radius: 30px;
padding: 10px 35px;
box-shadow: none;
border: 0; }
.start#form .body-wrapper #send-valide {
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background: #9e0027;
border-radius: 20px;
position: fixed;
width: 30%;
min-height: 30%;
left: 50%;
top: 50%;
padding: 50px; }
.start#form .body-wrapper #send-valide .toast {
position: relative;
text-align: center;
color: white; }
.start#form .body-wrapper #send-valide .ok {
color: white;
position: absolute;
right: 20px;
bottom: 20px; }
@media screen and (max-width: 1450px) {
header > nav {
width: 90% !important; }
@ -1188,8 +1297,7 @@ header nav.dropmenu > ul {
margin: 0 0 20px 0 !important; }
#articles .articles-listing .card > a {
grid-template-columns: 100% !important;
grid-column-gap: 0 !important;
grid-template-rows: 100% !important; }
grid-column-gap: 0 !important; }
#articles .articles-listing .card > a .card-image img {
width: 100% !important;
height: auto !important; }
@ -1331,6 +1439,16 @@ header nav.dropmenu > ul {
text-align: center; }
#default .header-wrapper .title {
width: 90% !important; }
.start#form .body-wrapper form .form-columns .form-column {
display: block; }
.start#form .body-wrapper form .form-columns .form-column .form-data {
width: 100%; }
.start#form .body-wrapper form .form-columns .form-column .form-data > div {
width: 100%; }
.start#form .body-wrapper form .form-columns .form-column .form-data > div label {
display: block;
width: 100%;
text-align: center; }
#mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper.embedForm {
width: 90% !important; }
#mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody.ml-form-embedBodyHorizontal {
@ -1662,29 +1780,6 @@ header nav.dropmenu > ul {
#nos-packs .content .section .d-flex .__thumbnails:nth-child(3) .__more, #nos-offres .content .section .d-flex .__thumbnails:nth-child(3) .__more {
transform: translateX(0%); } }
.bandeau_partenaires {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
margin-bottom: 3rem;
justify-content: center;
align-items: center;
align-content: space-around; }
.bandeau_partenaires img {
height: 4rem;
width: auto;
margin-right: 2rem; }
@media only screen and (max-width: 400px) {
.bandeau_partenaires {
align-self: center;
justify-content: center;
margin: 1rem; }
.bandeau_partenaires img {
height: 3rem;
margin-right: 1rem;
margin-bottom: 1rem; } }
.gal {
margin-left: 15%; }
.gal .content_gal {
@ -1888,11 +1983,13 @@ header nav.dropmenu > ul {
object-fit: contain;
overflow: hidden;
display: inline-flex;
justify-content: center; }
justify-content: center;
max-height: 250px; }
#articles .articles-listing .card > a .card-image img {
display: inline-block;
height: 250px;
width: auto; }
width: 100%;
height: 100%;
object-fit: cover; }
#articles .articles-listing .card > a .wrapper-content {
grid-column-start: 2;
grid-row-start: 1;
@ -1901,10 +1998,13 @@ header nav.dropmenu > ul {
padding: 20px 20px;
width: 100%;
height: 100%; }
#articles .articles-listing .card > a .wrapper-content .date {
float: left; }
#articles .articles-listing .card > a .wrapper-content .cat {
margin-left: 3px; }
#articles .articles-listing .card > a .wrapper-content .wrapper-info {
display: inline-flex;
width: 100%; }
#articles .articles-listing .card > a .wrapper-content .wrapper-info .cat {
margin: 0 0 0 3px;
height: inherit !important;
width: auto !important; }
#articles .articles-listing .card > a .wrapper-content .readmore {
float: right; }
#articles .articles-listing .card .card-content {
@ -1950,100 +2050,6 @@ header nav.dropmenu > ul {
transform: translateX(3px);
transition: 0.3s transform ease; }
.start#form .entete {
border-top: 1px solid #0093a3; }
.start#form h2 {
margin-top: 0; }
.start#form .body-wrapper {
width: 100%;
min-width: 250px;
margin: auto auto 140px auto; }
.start#form .body-wrapper form {
width: calc( (100% / 2));
margin-top: 20px;
margin: auto; }
.start#form .body-wrapper form > div {
width: 100%;
margin: 20px 0;
border-bottom: 1px solid #9e0027; }
.start#form .body-wrapper form > div .form-data {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 20px 0px; }
.start#form .body-wrapper form > div .form-data > div {
overflow: hidden;
margin: 10px 10px;
min-width: 100px;
border: 2px solid #9e0027;
border-radius: 30px;
padding: 10px 20px; }
.start#form .body-wrapper form > div .form-data > div.check {
background: #9e0027;
color: white; }
.start#form .body-wrapper form > div .form-data > div input {
border: none; }
.start#form .body-wrapper form > div .form-data > div input[type='radio'] {
visibility: hidden;
position: absolute; }
.start#form .body-wrapper form > div .form-data > div label {
cursor: pointer; }
.start#form .body-wrapper form > div:nth-of-type(n+5):not(:nth-of-type(n+12)) {
width: 50%;
float: left;
border-bottom: 0px; }
.start#form .body-wrapper form > div:nth-of-type(n+5):not(:nth-of-type(n+12)) .form-data {
width: 100%; }
.start#form .body-wrapper form > div:nth-of-type(n+5):not(:nth-of-type(n+12)) .form-data > div {
width: 100%; }
.start#form .body-wrapper form > div:nth-of-type(11) {
border-bottom: 1px solid #9e0027 !important;
width: 100% !important; }
.start#form .body-wrapper form > div:nth-of-type(11) .form-data {
width: 50% !important; }
.start#form .body-wrapper form > div.button-wrapper {
background: #9e0027;
height: 100px;
position: absolute;
left: 0;
width: 100%; }
.start#form .body-wrapper form > div.button-wrapper button {
margin-right: 25%;
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background: white;
border-radius: 30px;
padding: 10px 35px;
box-shadow: none;
border: 0; }
.start#form .body-wrapper #send-valide {
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background: #9e0027;
border-radius: 20px;
position: fixed;
width: 30%;
min-height: 30%;
left: 50%;
top: 50%;
padding: 50px; }
.start#form .body-wrapper #send-valide .toast {
position: relative;
text-align: center;
color: white; }
.start#form .body-wrapper #send-valide .ok {
color: white;
position: absolute;
right: 20px;
bottom: 20px; }
.header-wrapper .title h2 {
width: auto;
margin-bottom: 20px;
@ -2074,23 +2080,25 @@ header nav.dropmenu > ul {
background-image: url("/user/themes/lecampus/images/Trame-bleu2.svg");
background-repeat: repeat;
height: auto;
border-top: 10px solid #b5cb3a; }
border-top: 10px solid #b5cb3a;
width: 100%; }
.entete .entete_c {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
flex-direction: column;
text-align: center;
width: 70%;
margin: 50px auto;
position: relative; }
.entete .entete_c h1 {
width: auto;
width: max-content;
max-width: 100%;
margin-bottom: 20px;
background: #9e0027;
border-radius: 30px;
width: auto;
padding: 10px 20px; }
.body-wrapper .content h4:not(:first-of-type) {
@ -2561,6 +2569,8 @@ header nav.dropmenu > ul {
#item .item-wrapper .body-wrapper .card-content .txt p, #item-article .item-wrapper .body-wrapper .card-content .txt p {
margin: 0 0 1.2rem 0;
line-height: 1.5rem; }
#item .item-wrapper .body-wrapper .card-content .txt a, #item-article .item-wrapper .body-wrapper .card-content .txt a {
border-bottom: 1px solid #9e0027; }
#item .item-wrapper .body-wrapper .card-content .txt h2, #item-article .item-wrapper .body-wrapper .card-content .txt h2 {
font-size: 1.2rem;
font-family: "bold";
@ -2623,7 +2633,6 @@ header nav.dropmenu > ul {
background-repeat: repeat;
width: 100%; }
#devis .title {
visibility: hidden;
width: 200px;
height: 200px;
background: #9e0027;
@ -2647,7 +2656,7 @@ header nav.dropmenu > ul {
margin-right: 20px;
height: auto; }
#devis .txt p {
padding: 20px 20px 20px 20px;
padding: 20px 20px 20px 100px;
color: black;
text-align: left; }
#devis .txt p strong {
@ -2668,13 +2677,13 @@ header nav.dropmenu > ul {
width: 100%;
height: 100%; }
#devis.item, #devis.sublog, #devis.item-article {
#devis.item, #devis.sublog, #devis.item-article, #devis.nos-offres, #devis.nos-packs {
background: #9e0027;
height: auto;
padding: 20px 0; }
#devis.item a, #devis.sublog a, #devis.item-article a {
#devis.item a, #devis.sublog a, #devis.item-article a, #devis.nos-offres a, #devis.nos-packs a {
color: white; }
#devis.item a .title, #devis.sublog a .title, #devis.item-article a .title {
#devis.item a .title, #devis.sublog a .title, #devis.item-article a .title, #devis.nos-offres a .title, #devis.nos-packs a .title {
vertical-align: baseline;
border-radius: 30px;
border: 1px solid white;
@ -2683,9 +2692,9 @@ header nav.dropmenu > ul {
width: auto;
-webkit-transform: translateX(0);
transform: translateX(0); }
#devis.item a:hover, #devis.sublog a:hover, #devis.item-article a:hover {
#devis.item a:hover, #devis.sublog a:hover, #devis.item-article a:hover, #devis.nos-offres a:hover, #devis.nos-packs a:hover {
color: black; }
#devis.item a:hover .title, #devis.sublog a:hover .title, #devis.item-article a:hover .title {
#devis.item a:hover .title, #devis.sublog a:hover .title, #devis.item-article a:hover .title, #devis.nos-offres a:hover .title, #devis.nos-packs a:hover .title {
background: white;
transition: background 0.3s ease; }

2
user/themes/lecampus/css-compiled/theme.min.css vendored
View File

File diff suppressed because one or more lines are too long

2
user/themes/lecampus/css/bricklayer.css
View File

@ -46,4 +46,4 @@
flex: 1;
padding-left: 5px;
padding-right: 5px;
}
}

7
user/themes/lecampus/imagesloaded.pkgd.min.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

46
user/themes/lecampus/js/site.js
View File

@ -193,7 +193,48 @@ function ajaxformulaire() {
}
function open_pack() {
var $pack = $(".nos_pack .pack .__thumb");
var nbrDiv = $pack.length;
var widtWind = $( window ).width();
if(widtWind <= 530){
var count = 1;
} else if (widtWind <= 1024) {
var count = 2;
} else if (widtWind <= 1200) {
var count = 3;
} else {
var count = 4;
}
$pack.on('click',function(e) {
var href = $(this).find('a').attr('href') ;
if ( href == '#') {
e.preventDefault();
}
var idThis = $(this).parent('.pack').attr('id');
var $more = $('.__more#' + idThis);
$('.__more').removeClass('visible');
$('.triangle').removeClass('visible');
var i = count;
$more.addClass('visible');
$(this).find('.triangle').addClass('visible')
})
var $close = $('.__more .close');
$close.on('click' , function(e) {
console.log('clsick');
$(this).parents('.__more').removeClass('visible');
$('.triangle').removeClass('visible');
})
}
jQuery(document).ready(function(){
tarteaucitron.init({
@ -229,4 +270,9 @@ jQuery(document).ready(function(){
filteritem();
map();
burger();
if ($('section').is("#nos-packs")) {
open_pack();
}
});

58
user/themes/lecampus/package.json
View File

@ -1,48 +1,24 @@
{
"name": "spectre.css",
"version": "0.5.1",
"homepage": "http://picturepan2.github.io/spectre",
"author": "Yan Zhu <picturepan2@hotmail.com>",
"description": "Spectre.css: a lightweight, responsive and modern CSS framework",
"main": "docs/dist/spectre.css",
"dependencies": {
"animate.css": "^4.1.1"
},
"scripts": {
"sass": "node-sass -w scss -o css-compiled"
},
"name": "lecampus.net",
"description": "",
"version": "1.0.0",
"main": "index.js",
"directories": {
"test": "tests"
},
"repository": {
"type": "git",
"url": "https://github.com/picturepan2/spectre.git"
},
"license": "MIT",
"keywords": [
"css",
"framework",
"flexbox",
"responsive",
"mobile-friendly",
"front-end",
"sass",
"modern"
],
"bugs": {
"url": "https://github.com/picturepan2/spectre/issues"
"url": "https://figureslibres.io/gogs/kevin/lecampus.net.git"
},
"author": "",
"license": "",
"devDependencies": {
"gulp": "latest",
"gulp-autoprefixer": "latest",
"gulp-clean-css": "^3.9.4",
"gulp-csscomb": "^3.0.8",
"gulp-rename": "^1.2.2",
"gulp-sass": "^4.0.1"
},
"browserslist": [
"last 4 Chrome versions",
"Edge >= 12",
"Firefox ESR",
"last 4 Safari versions",
"last 4 Opera versions",
"Explorer >= 10"
],
"dependencies": {
"browserslist": "^4.6.1",
"caniuse-lite": "file:node_modules/caniuse-lite",
"gulp-sourcemaps": "^2.6.4",
"uglify-js": "^3.5.12"
"node-sass": "*"
}
}

3
user/themes/lecampus/scss/theme.scss
View File

@ -11,10 +11,9 @@
@import 'theme/header';
@import 'theme/menu';
@import 'theme/footer';
@import 'theme/form';
@import 'theme/mobile';
@import 'theme/cookies';
@import 'theme/thumbnails/thumbnails';
@import 'theme/custom';
// Extra Skeleton Styling
@import 'theme/blog';

147
user/themes/lecampus/scss/theme/_blog.scss
View File

@ -254,10 +254,12 @@
overflow: hidden;
display: inline-flex;
justify-content: center;
max-height: 250px;
img{
display: inline-block;
height: 250px;
width: auto;
width: 100%;
height: 100%;
object-fit: cover;
}
}
.wrapper-content{
@ -268,11 +270,16 @@
padding: 20px 20px;
width: 100%;
height: 100%;
.date{
float: left;
}
.cat{
margin-left: 3px;
.wrapper-info{
display: inline-flex;
width: 100%;
& > div{
}
.cat{
margin:0 0 0 3px;
height: inherit!important;
width: auto!important;
}
}
.readmore{
float: right;
@ -282,6 +289,7 @@
.card-content{
overflow: hidden;
height: 7.7rem;
h2{
font-size: 0.9rem;
}
@ -354,117 +362,6 @@
}
}
.start#form{
.entete{
border-top: 1px solid $light-blue
}
h2{
margin-top: 0;
}
.body-wrapper{
width: 100%;
min-width: 250px;
margin: auto auto 140px auto;
form{
width: calc( (100% / 2));
margin-top: 20px;
margin: auto;
& > div{
width: 100%;
margin: 20px 0;
border-bottom: 1px solid $red;
.form-data{
@include inlineflex();
margin: 20px 0px;
&> div{
overflow: hidden;
margin: 10px 10px;
min-width: 100px;
border: 2px solid $red;
border-radius: 30px;
padding: 10px 20px;
&.check{
background: $red;
color: white;
}
input{
border: none;
}
input[type='radio'] {
visibility: hidden;
position: absolute;
}
label{
cursor: pointer;
}
}
}
&:nth-of-type(n+5):not(:nth-of-type(n+12)){
width: 50%;
float: left;
border-bottom: 0px;
.form-data{
width: 100%;
& > div{
width: 100%;
}
}
}
&:nth-of-type(11){
border-bottom: 1px solid $red !important;
width: 100%!important;
.form-data {
width: 50%!important;
}
}
&.button-wrapper{
background: $red;
height: 100px;
position: absolute;
left: 0;
width: 100%;
button{
margin-right: 25%;
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background: white;
border-radius: 30px;
padding: 10px 35px;
box-shadow:none;
border:0;
}
}
}
}
#send-valide{
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background: $red;
border-radius: 20px;
position: fixed;
width: 30%;
min-height: 30%;
left: 50%;
top: 50%;
padding: 50px;
.toast{
position: relative;
text-align: center;
color: white;
}
.ok{
color: white;
position: absolute;
right: 20px;
bottom: 20px;
}
}
}
}
.header-wrapper{
.title{
h2{
@ -502,19 +399,21 @@
// background-size: cover;
height: auto;
border-top: 10px solid $green;
width: 100%;
.entete_c{
@include inlineflex;
flex-direction: column;
text-align: center;
width: 70%;
margin: 50px auto;
position: relative;
h1{
width: auto;
width: max-content;
max-width: 100%;
margin-bottom: 20px;
background: $red;
border-radius: 30px;
width: auto;
padding: 10px 20px;
}
}
@ -1079,6 +978,9 @@
margin: 0 0 1.2rem 0;
line-height: 1.5rem;
}
a{
border-bottom: 1px solid $red;
}
h2{
font-size: 1.2rem;
font-family: $Bold;
@ -1152,7 +1054,6 @@
width: 100%;
// height: 300px;
.title{
visibility: hidden;
width: 200px;
height: 200px;
background: $red;
@ -1174,7 +1075,7 @@
margin-right: 20px;
height: auto;
p{
padding: 20px 20px 20px 20px;
padding: 20px 20px 20px 100px;
color: black;
text-align: left;
strong{
@ -1204,7 +1105,7 @@
}
#devis{
&.item, &.sublog, &.item-article{
&.item, &.sublog, &.item-article, &.nos-offres ,&.nos-packs{
background: $red;
height: auto;
padding: 20px 0;

28
user/themes/lecampus/scss/theme/_mobile.scss
View File

@ -552,7 +552,6 @@
& > a{
grid-template-columns: 100%!important;
grid-column-gap: 0!important;
grid-template-rows: 100%!important;
.card-image{
img{
width: 100%!important;
@ -731,7 +730,8 @@
width: 100%!important;
}
} .start:not(#form)#archive, .start:not(#form)#calendrier, .start:not(#form)#articles{
}
.start:not(#form)#archive, .start:not(#form)#calendrier, .start:not(#form)#articles{
width: 90%!important;
.cat {
height: auto!important;
@ -777,6 +777,30 @@
}
}
}
.start{
&#form{
.body-wrapper{
form{
.form-columns{
.form-column {
display: block;
.form-data {
width: 100%;
& > div{
width: 100%;
label{
display: block;
width: 100%;
text-align: center;
}
}
}
}
}
}
}
}
}
#mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper.embedForm{
width: 90%!important;

17
user/themes/lecampus/scss/theme/_typography.scss
View File

@ -140,7 +140,7 @@ p{
}
#item, #item-article{
#item, #item-article, #event{
.title-wrapper{
.back{
font-family: $Bold;
@ -179,17 +179,28 @@ p{
font-family: $Bold;
font-weight: normal;
}
ul{
ul, ol{
padding: 0;
li{
font-size: 0.9rem;
line-height: 1.5rem;
&::before{
content: " ";
width: 5px;
height: 5px;
border-radius: 10px;
display: inline-block;
vertical-align: middle;
background: $red;
margin-right: 5px;
}
}
}
}
}
}
}
#item, #item-article{
#item, #item-article, #event{
.content{
.content_s{
h2{

4
user/themes/lecampus/templates/form.html.twig
View File

@ -33,8 +33,8 @@
</div>
{% endif %}
</div>
{% include "forms/form.html.twig" %}
<!--
{% include "forms/form.html.twig" %} -->
<div id="form-result"></div>
{% endblock %}

12
user/themes/lecampus/templates/nos-packs.html.twig
View File

@ -45,22 +45,12 @@
</div>
</div>
{% endif %}
{% endfor %}
</div>
</section>
</section>
<section class="bandeau_partenaires">
<div class="logos_partenaires">
<img src="/user/themes/lecampus/images/Logos_LEADER_VD_HD/1-Logo_Val_de_Drome_quadri_2.jpg" alt="">
<img src="/user/themes/lecampus/images/Logos_LEADER_VD_HD/2-Logo_3CPS.jpg" alt="">
<img src="/user/themes/lecampus/images/Logos_LEADER_VD_HD/3-Drapeau-Europe-Feader-Quadri.jpg" alt="">
<img src="/user/themes/lecampus/images/Logos_LEADER_VD_HD/4-Logo_LEADER.jpg" alt="">
<img src="/user/themes/lecampus/images/Logos_LEADER_VD_HD/5-Logo-EERARA-FEADER-2017-Quadri-jpg-473-Ko-nouveau-logo.jpg" alt="">
</div>
</section>
</section>
{% endblock %}

1
user/themes/lecampus/templates/partials/articles-list.html.twig
View File

@ -1,7 +1,6 @@
{% set image = page.media.images|first %}
<div class="card">
<a href="{{ page.url }}">
{% if image %}
<div class="card-image">
{{ image.derivatives(300,700,200).sizes('(max-width:26em) 100vw, 50vw').html('','articles') }}

5
user/themes/lecampus/templates/partials/base.html.twig
View File

@ -18,7 +18,7 @@
<link rel="canonical" href="{{ page.url(true, true) }}" />
{% block stylesheets %}
{% do assets.addCss('theme://css-compiled/theme.css') %}
{% do assets.addCss('theme://css-compiled/theme'~compress) %}
{% do assets.addCss('theme://css/tarteaucitron.css') %}
{% do assets.addCss('theme://css/leaflet.css') %}
{% do assets.addCss('theme://css/jquery.bxslider.min.css') %}
@ -67,7 +67,6 @@
<body>
{% block header %}
<header>
<nav>
<div class="navTrigger">
@ -88,7 +87,7 @@
<div class="reso">
<a href="https://www.facebook.com/Lecampus.Valdedrome" target="_blank" rel =" noopener "><img src="/user/themes/lecampus/images/fb.svg" alt="logo-facebook"></a>
<a href="https://www.youtube.com/user/CCVDful" target="_blank" rel =" noopener "><img src="/user/themes/lecampus/images/yt.svg" alt="logo-youtube"></a>
<!-- <a href="#" target="_blank" rel =" noopener "><img src="/user/themes/lecampus/images/in.svg" alt="logo-link"></a> -->
<a href="https://www.linkedin.com/company/lecampus-valdedrome/" target="_blank" rel =" noopener "><img src="/user/themes/lecampus/images/in.svg" alt="logo-link"></a>
</div>
</nav>

2
user/themes/lecampus/templates/partials/blog/block_devis.html.twig
View File

@ -1,5 +1,5 @@
<div class="demander-votre-devis">
<a href="/demande-de-devis">
<a href="/organisez-vos-evenements/demande-de-devis">
<p><strong>DEVIS</strong></br> EN LIGNE</p>
<p>Parlez-nous de votre projet</p>
<img src="/user/themes/lecampus/images/fleche_devis.svg" alt="devis">

80
user/themes/lecampus/templates/partials/blog/date.html.twig
View File

@ -1,44 +1,52 @@
<span class="dt">
{% set mois_begin = 'MONTHS_OF_THE_YEAR'|ta(page.header.publish_date|date('n') - 1) %}
{% set mois_end = 'MONTHS_OF_THE_YEAR'|ta(page.header.date_end|date('n') - 1) %}
<span class="dt">
{% set mois_begin = 'MONTHS_OF_THE_YEAR'|ta(page.header.publish_date|date('n') - 1) %}
{% set mois_begin_date = 'MONTHS_OF_THE_YEAR'|ta(page.header.date|date('n') - 1) %}
{% set mois_end = 'MONTHS_OF_THE_YEAR'|ta(page.header.date_end|date('n') - 1) %}
{% if not page.header.date_end %}
{% if page.header.publish_date != true %}
{% if page.parent.template == "articles" %}
{% if page.header.date_end == true %}
Du
{% else %}
Le
<time class="dt-begin" datetime="{{ page.header.date|date("c") }}">
{{ page.header.publish_date|date('d') }}
{{mois_begin}}
{{ page.header.publish_date|date('Y') }}
à
{{ page.header.publish_date|date('G', "Europe/Paris") }}h{{ page.header.publish_date|date('i', "Europe/Paris") }}
</time>
{% else %}
Le
<time class="dt-begin" datetime="{{ page.header.date|date("c") }}">
{{ page.header.date|date('d') }}
{{mois_begin}}
{{ page.header.date|date('Y') }}
à
{{ page.header.date|date('G', "Europe/Paris") }}h{{ page.header.date|date('i', "Europe/Paris") }}
</time>
{% endif %}
{% endif %}
{% if page.header.date_end %}
Du
<time class="dt-begin" datetime="{{ page.header.date|date("c") }}">
{{ page.header.date|date('d') }}
{{mois_begin}}
{{mois_begin_date}}
{{ page.header.date|date('Y') }}
{% if page.header.date_end == true %}
à
{{ page.header.date|date('G', "Europe/Paris") }}h{{ page.header.date|date('i', "Europe/Paris") }}
{% endif %}
</time>
au
<time class="dt-end" datetime="{{ page.header.date_end|date("c") }}">
{{ page.header.date_end|date('d') }}
{{mois_end}}
{{ page.header.date_end|date('Y') }}
</time>
{% endif %}
</span>
{% if page.header.date_end == true %}
au
<time class="dt-begin" datetime="{{ page.header.date_end|date("c") }}">
{{ page.header.date_end|date('d') }}
{{mois_end}}
{{ page.header.date_end|date('Y') }}
à
{{ page.header.date_end|date('G', "Europe/Paris") }}h{{ page.header.date_end|date('i', "Europe/Paris") }}
</time>
{% else %}
à
{{ page.header.date|date('G', "Europe/Paris") }}h{{ page.header.date|date('i', "Europe/Paris") }}
{% endif %}
{% else %}
Le
{{ page.header.publish_date|date('d') }}
{{mois_begin}}
{{ page.header.publish_date|date('Y') }}
à
{{ page.header.publish_date|date('G', "Europe/Paris") }}h{{ page.header.publish_date|date('i', "Europe/Paris") }}
{% endif %}
</span>

6
user/themes/lecampus/templates/partials/devis.html.twig
View File

@ -1,7 +1,7 @@
{% set options = { items: {'@page.self': '/demande-de-devis'}, 'limit': 1 } %}
{% set options = { items: {'@page.self': '/organisez-vos-evenements/demande-de-devis'}, 'limit': 1 } %}
{% for p in page.collection(options) %}
{% for p in page.collection(options)%}
{% set image = p.media.images|first %}
{% set h4 = h4 ?: 'h4' %}
@ -20,7 +20,7 @@
{% include 'partials/blog/block_devis.html.twig' %}
</div>
{% else %}
<a href="/demande-de-devis">
<a href="/organisez-vos-evenements/demande-de-devis">
<div class="title">
Faire une demande de devis en ligne
</div>

2
user/themes/lecampus/templates/partials/sidebar.html.twig
View File

@ -11,7 +11,7 @@
{% set next_year = "+1 year"|date('Y')%}
{% for p in page.collection(options).dateRange( this_day ~ this_month ~ this_year, '12/31/' ~ next_year).slice(0, 3).order('date', 'asc') %}
{% for p in page.collection(options).dateRange( this_day ~ this_month ~ this_year, '12/31/' ~ next_year).order('date', 'asc').slice(0,3) %}
<div class="side-agenda">
<a href="{{p.url}}">
<div class="date">