function open_pack

This commit is contained in:
Ouidade Soussi Chiadmi 2021-06-12 14:36:11 +02:00
parent 047db27266
commit 613d932017
24 changed files with 4550 additions and 4679 deletions

10
fixperms.sh Executable file → Normal file
View File

@ -1,8 +1,8 @@
#!/bin/sh
chgrp www-data .
chgrp -R www-data *
find . -type f -exec chmod 664 {} \;
find ./bin -type f -exec chmod 775 {} \;
find . -type d -exec chmod 775 {} \;
find . -type d -exec chmod +s {} \;
chmod +x fixperms.sh
sh -c "find . -type f | xargs chmod 664"
sh -c "find ./bin -type f | xargs chmod 775"
sh -c "find . -type d | xargs chmod 775"
sh -c "find . -type d | xargs chmod +s"
sh -c "umask 0002"

232
site.js Normal file
View File

@ -0,0 +1,232 @@
function map() {
var $carte = $('#carte');
if ( $carte.length ) {
var mymap = L.map('carte').setView([44.7365818, 4.9776488], 13);
var greenIcon = L.icon({
iconUrl: '/user/themes/lecampus/images/mappoint.svg',
iconSize: [38, 95], // size of the icon
iconAnchor: [22, 94], // point of the icon which will correspond to marker's location
popupAnchor: [-3, -76] // point from which the popup should open relative to the iconAnchor
});
L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token=pk.eyJ1IjoibWFwYm94IiwiYSI6ImNpejY4NXVycTA2emYycXBndHRqcmZ3N3gifQ.rJcFIG214AriISLbB6B5aw', {
maxZoom: 18,
id: 'mapbox.streets'
}).addTo(mymap);
L.marker([44.7365818, 4.9776488], {icon: greenIcon}).addTo(mymap);
function onMapClick(e) {
popup
.setLatLng(e.latlng)
.setContent("You clicked the map at " + e.latlng.toString())
.openOn(mymap);
}
mymap.on('click', onMapClick);
}
}
function filteritem() {
var $card = $('.body-wrapper > .card');
var $cat = $('.cat a');
var $img = $('.body-wrapper .img');
$(".filters .btn").click(function(e) {
// e.preventDefault();
var filter = $(this).attr("data-filter");
var self = $('.body-wrapper');
self.masonryFilter({
filter: function () {
if (!filter) return true;
return $(this).attr("data-filter") == filter;
}
});
});
var $grid = $('#archive .body-wrapper, #calendrier .body-wrapper').masonry({
// columnWidth: 200,
itemSelector: '.card',
gutter: 40,
transitionDuration: '0.2s'
});
$grid.imagesLoaded().progress(function() {
$grid.masonry();
});
}
function slide() {
$('.gal').bxSlider({
responsive: true,
infiniteLoop: true,
preloadImages:'visible',
pager:false,
auto:true
});
$('.gal-salles').slidesjs({
width: 800,
height: 533,
navigation: true,
pagination: false
});
}
function links() {
var $a = $('.dropmenu > ul > li > .no-click');
var $map = $('a#carte');
$a.on('click', function(e) {
e.preventDefault();
})
$map.on('click', function(e) {
e.preventDefault();
})
}
function clickbutton() {
var $button = $('#ajax-test-form .radio label');
$button.on('click', function(){
$(this).parents('.form-data').find('.check').removeClass('check');
$(this).parent('.radio').addClass('check');
});
}
function clicksenddevis() {
var $ok = $('.ok');
var $send = $('#send-valide');
$ok.on('click', function () {
$(this).parent('#send-valide').remove();
})
}
function addclass() {
var $map = $('a#carte');
$map.parents('.content_s').addClass('map')
var $reco_click = $('#reco .title');
var $reco_txt = $('#reco .txt');
$reco_click.on('click', function() {
$reco_txt.toggleClass('open');
$(this).toggleClass('open');
$('html, body').animate({scrollTop:$('#reco').position().top}, 'slow');
})
var $out = $('.opt-out .txt');
$out.on('click', function() {
$(this).parent('.opt-out').toggleClass('open');
})
}
function mapsalles() {
var $salles = $('.fond svg path');
var $content = $('.content .content_salle');
arrayid = [];
$('.content .content_salle#salle_trois_becs').css("visibility", "visible");
$('.fond svg path#salle_trois_becs').css("fill", "#0093a3");
$salles.on('click', function(idsalle) {
var idsalle = this.id;
arrayid.push(idsalle);
$salles.css("fill", "white");
$(this).css("fill", "#0093a3");
$('.content .content_salle').css("visibility", "hidden");
$('.content .content_salle#'+arrayid).css("visibility", "visible");
arrayid.length = 0;
});
var $close = $('.content_salle .header-salles img');
$close.on('click', function () {
$(this).parents('.content_salle').css("visibility", "hidden");
$salles.css("fill", "white");
})
};
function burger() {
$('.navTrigger').click(function(){
$(this).toggleClass('active');
$('.dropmenu').toggleClass('active');
});
}
function ajaxformulaire() {
$(".ok").on('click', function () {
$(this).parent('#send-valide').remove();
location.reload();
});
var form = $('#ajax-test-form');
form.submit(function(e) {
// prevent form submission
e.preventDefault();
// submit the form via Ajax
$.ajax({
url: form.attr('action'),
type: form.attr('method'),
dataType: 'html',
data: form.serialize(),
success: function(result) {
// Inject the result in the HTML
$('#form-result').html(result);
}
});
});
}
jQuery(document).ready(function(){
tarteaucitron.init({
"privacyUrl": "/charte-cookies", /* Privacy policy url */
"hashtag": "#gestion_des_cookies", /* Open the panel with this hashtag */
"cookieName": "gestion_des_cookies", /* Cookie name */
"orientation": "bottom", /* Banner position (top - bottom) */
"showAlertSmall": false, /* Show the small banner on bottom right */
"cookieslist": false, /* Show the cookie list */
"adblocker": false, /* Show a Warning if an adblocker is detected */
"AcceptAllCta" : true, /* Show the accept all button when highPrivacy on */
"highPrivacy": true, /* Disable auto consent */
"handleBrowserDNTRequest": true, /* If Do Not Track == 1, disallow all */
"removeCredit": false, /* Remove credit link */
"moreInfoLink": true, /* Show more info link */
"useExternalCss": true, /* If false, the tarteaucitron.css file will be loaded */
//"cookieDomain": ".my-multisite-domaine.fr", /* Shared cookie for multisite */
"readmoreLink": "/cookiespolicy" /* Change the default readmore link */
});
addclass();
mapsalles();
clickbutton();
clicksenddevis();
links();
slide();
filteritem();
map();
burger();
});

View File

@ -0,0 +1,169 @@
---
title: 'Le Campus, au cœur du Val de Drôme, un site tout équipé pour vos événements.'
media_order: vue_ext.jpg
entete:
text: 'Vous souhaitez organiser un événement, une rencontre professionnelle, une formation, un séjour ? Décrivez-nous votre projet en quelques clics, nous sommes à votre écoute !'
metadata:
description: 'Le Campus, au cœur du Val de Drôme, un site tout équipé pour vos événements.'
visible: false
form:
name: ajax-test-form
action: /demande-de-devis
template: form-messages
refresh_prevention: true
fields:
-
name: 'Quelle est la nature de votre évènement ?'
placeholder: 'Choisissez votre évènement ?'
autofocus: 'on'
autocomplete: 'on'
type: radio
label: 'Quelle est la nature de votre évènement ?'
options:
reunion: Réunion
seminaire: Séminaire
convention: Convention
vœux: Vœux
web_conference: 'Web conférence'
salon_forum_exposition: 'Salon, Forum, Exposition'
conference: Conférence
evenement_culturel: 'Evènement culturel'
autre: Autres
size: long
classes: fancy
validate:
required: true
-
name: 'Quelle sera l''envergure de votre évènement ?'
placeholder: 'Nombre de personnes'
autofocus: 'on'
autocomplete: 'on'
type: radio
size: long
classes: fancy
options:
25: 'Inférieure ou égal à 25 personnes'
50: 'Inférieure ou égal à 50 personnes'
100: 'Inférieure ou égal à 100 personnes'
150: 'Supérieure à 150 personnes'
validate:
required: true
-
name: 'Quand se déroulera votre événement ?'
placeholder: 'jj/mm/yy'
type: text
size: long
classes: fancy
validate:
required: true
name: 'Date de lévenement'
placeholder: 'Choisissez vos date ?'
autocomplete: 'on'
type: date
label: 'Quand se déroulera votre événement ?'
-
name: 'Durée prévue'
placeholder: 'Choisissez vos date ?'
autofocus: 'on'
autocomplete: 'on'
type: radio
size: long
classes: fancy
options:
1/2j: 'Une demi journée'
1j: 'Une journée'
1s: 'Une soirée'
2j: 'Deux jours'
3j: 'Trois jours'
+3j: 'Plus de trois jours'
validate:
required: true
-
name: Prénom
placeholder: Prénom
type: text
size: long
classes: fancy
validate:
required: true
-
name: Nom
placeholder: Nom
type: text
size: long
classes: fancy
validate:
required: true
-
name: 'Adresse mail'
placeholder: 'Adresse mail'
type: email
size: long
classes: fancy
validate:
required: true
-
name: Téléphone
placeholder: Téléphone
type: text
size: long
classes: fancy
validate:
required: true
-
name: Fonction
placeholder: Fonction
type: text
size: long
classes: fancy
validate:
required: true
-
name: Société
placeholder: Société
type: text
size: long
classes: fancy
validate:
required: true
-
name: 'Votre profil'
placeholder: 'quel est votre profil'
autofocus: 'on'
autocomplete: 'on'
type: radio
size: long
classes: fancy
options:
Agence_evenementielle: 'Agence évènementielle'
associations: 'Associations (sociétés savantes, fédérations, syndicats) '
societes_entreprises: 'Sociétés / Entreprises'
Organismes_professionnels: 'Organismes professionnels'
validate:
required: true
buttons:
-
type: submit
value: Envoyer
process:
-
email:
from: '{{ config.plugins.email.from }}'
to:
- '{{ config.plugins.email.to }}'
- '{{ form.value.email }}'
subject: '[Feedback] {{ form.value.name|e }}'
body: '{% include ''forms/data.html.twig'' %}'
-
save:
fileprefix: feedback-
dateformat: Ymd-His-u
extension: txt
body: '{% include ''forms/data.txt.twig'' %}'
-
message: 'Merci, votre demande de devis à bien été envoyé ! Elle sera traité dans les prochains jours.'
---
Location de salles polyvalentes, amphitéâtre de 200 places, matériel performant dans toutes les salles, restauration de qualité bio ou locale sur demande...
**Le Campus et son équipe à taille humaine vous garantit la réussite de votre séjour, de votre séminaire ou de votre événement.**

Binary file not shown.

After

Width:  |  Height:  |  Size: 398 KiB

View File

@ -532,52 +532,41 @@ p {
font-family: "bold";
font-size: 0.8rem; }
#item .title-wrapper .back, #item-article .title-wrapper .back, #event .title-wrapper .back {
#item .title-wrapper .back, #item-article .title-wrapper .back {
font-family: "bold"; }
#item .title-wrapper .title h1, #item-article .title-wrapper .title h1, #event .title-wrapper .title h1 {
#item .title-wrapper .title h1, #item-article .title-wrapper .title h1 {
color: white;
font-size: 1.2rem; }
#item .info-wrapper .date, #item-article .info-wrapper .date, #event .info-wrapper .date {
#item .info-wrapper .date, #item-article .info-wrapper .date {
font-family: "bold";
color: #9e0027;
font-size: 0.8rem; }
#item .info-wrapper .date .dt, #item-article .info-wrapper .date .dt, #event .info-wrapper .date .dt {
#item .info-wrapper .date .dt, #item-article .info-wrapper .date .dt {
text-transform: lowercase; }
#item .info-wrapper .reso, #item-article .info-wrapper .reso, #event .info-wrapper .reso {
#item .info-wrapper .reso, #item-article .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, #event .body-wrapper .card-content .txt p {
#item .body-wrapper .card-content .txt p, #item-article .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, #event .body-wrapper .card-content .txt h2 {
#item .body-wrapper .card-content .txt h2, #item-article .body-wrapper .card-content .txt h2 {
font-size: 1.2rem;
font-family: "bold";
font-weight: normal; }
#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 .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 .content .content_s h2, #item-article .content .content_s h2, #event .content .content_s h2 {
#item .content .content_s h2, #item-article .content .content_s h2 {
font-family: "bold";
font-size: 1.3rem; }
#item .icones p, #item-article .icones p, #event .icones p {
#item .icones p, #item-article .icones p {
font-family: "now_alt_bold";
font-weight: 400;
color: #9e0027;
@ -820,104 +809,6 @@ 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; }
@ -1297,7 +1188,8 @@ 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-column-gap: 0 !important;
grid-template-rows: 100% !important; }
#articles .articles-listing .card > a .card-image img {
width: 100% !important;
height: auto !important; }
@ -1439,16 +1331,6 @@ 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 {
@ -1780,6 +1662,29 @@ 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 {
@ -1983,13 +1888,11 @@ header nav.dropmenu > ul {
object-fit: contain;
overflow: hidden;
display: inline-flex;
justify-content: center;
max-height: 250px; }
justify-content: center; }
#articles .articles-listing .card > a .card-image img {
display: inline-block;
width: 100%;
height: 100%;
object-fit: cover; }
height: 250px;
width: auto; }
#articles .articles-listing .card > a .wrapper-content {
grid-column-start: 2;
grid-row-start: 1;
@ -1998,13 +1901,10 @@ header nav.dropmenu > ul {
padding: 20px 20px;
width: 100%;
height: 100%; }
#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 .date {
float: left; }
#articles .articles-listing .card > a .wrapper-content .cat {
margin-left: 3px; }
#articles .articles-listing .card > a .wrapper-content .readmore {
float: right; }
#articles .articles-listing .card .card-content {
@ -2050,6 +1950,100 @@ 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;
@ -2080,25 +2074,23 @@ header nav.dropmenu > ul {
background-image: url("/user/themes/lecampus/images/Trame-bleu2.svg");
background-repeat: repeat;
height: auto;
border-top: 10px solid #b5cb3a;
width: 100%; }
border-top: 10px solid #b5cb3a; }
.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: max-content;
max-width: 100%;
width: auto;
margin-bottom: 20px;
background: #9e0027;
border-radius: 30px;
width: auto;
padding: 10px 20px; }
.body-wrapper .content h4:not(:first-of-type) {
@ -2569,8 +2561,6 @@ 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";
@ -2633,6 +2623,7 @@ header nav.dropmenu > ul {
background-repeat: repeat;
width: 100%; }
#devis .title {
visibility: hidden;
width: 200px;
height: 200px;
background: #9e0027;
@ -2656,7 +2647,7 @@ header nav.dropmenu > ul {
margin-right: 20px;
height: auto; }
#devis .txt p {
padding: 20px 20px 20px 100px;
padding: 20px 20px 20px 20px;
color: black;
text-align: left; }
#devis .txt p strong {
@ -2677,13 +2668,13 @@ header nav.dropmenu > ul {
width: 100%;
height: 100%; }
#devis.item, #devis.sublog, #devis.item-article, #devis.nos-offres, #devis.nos-packs {
#devis.item, #devis.sublog, #devis.item-article {
background: #9e0027;
height: auto;
padding: 20px 0; }
#devis.item a, #devis.sublog a, #devis.item-article a, #devis.nos-offres a, #devis.nos-packs a {
#devis.item a, #devis.sublog a, #devis.item-article a {
color: white; }
#devis.item a .title, #devis.sublog a .title, #devis.item-article a .title, #devis.nos-offres a .title, #devis.nos-packs a .title {
#devis.item a .title, #devis.sublog a .title, #devis.item-article a .title {
vertical-align: baseline;
border-radius: 30px;
border: 1px solid white;
@ -2692,9 +2683,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.nos-offres a:hover, #devis.nos-packs a:hover {
#devis.item a:hover, #devis.sublog a:hover, #devis.item-article a:hover {
color: black; }
#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 {
#devis.item a:hover .title, #devis.sublog a:hover .title, #devis.item-article a:hover .title {
background: white;
transition: background 0.3s ease; }

File diff suppressed because one or more lines are too long

View File

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

View File

@ -193,6 +193,7 @@ function ajaxformulaire() {
}
function open_pack() {
var $pack = $(".nos_pack .pack .__thumb");
var nbrDiv = $pack.length;
@ -271,6 +272,7 @@ jQuery(document).ready(function(){
map();
burger();
if ($('section').is("#nos-packs")) {
open_pack();
}

File diff suppressed because it is too large Load Diff

View File

@ -6,7 +6,7 @@
"sass": "node-sass -w scss -o css-compiled"
},
"name": "lecampus.net",
"description": "",
"description": "![](assets/quark-screenshots.jpg)",
"version": "1.0.0",
"main": "index.js",
"directories": {
@ -17,8 +17,8 @@
"url": "https://figureslibres.io/gogs/kevin/lecampus.net.git"
},
"author": "",
"license": "",
"license": "ISC",
"devDependencies": {
"node-sass": "*"
"node-sass": "^6.0.0"
}
}

View File

@ -11,9 +11,10 @@
@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';

View File

@ -254,12 +254,10 @@
overflow: hidden;
display: inline-flex;
justify-content: center;
max-height: 250px;
img{
display: inline-block;
width: 100%;
height: 100%;
object-fit: cover;
height: 250px;
width: auto;
}
}
.wrapper-content{
@ -270,16 +268,11 @@
padding: 20px 20px;
width: 100%;
height: 100%;
.wrapper-info{
display: inline-flex;
width: 100%;
& > div{
}
.cat{
margin:0 0 0 3px;
height: inherit!important;
width: auto!important;
}
.date{
float: left;
}
.cat{
margin-left: 3px;
}
.readmore{
float: right;
@ -289,7 +282,6 @@
.card-content{
overflow: hidden;
height: 7.7rem;
h2{
font-size: 0.9rem;
}
@ -362,6 +354,117 @@
}
}
.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{
@ -399,21 +502,19 @@
// 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: max-content;
max-width: 100%;
width: auto;
margin-bottom: 20px;
background: $red;
border-radius: 30px;
width: auto;
padding: 10px 20px;
}
}
@ -978,9 +1079,6 @@
margin: 0 0 1.2rem 0;
line-height: 1.5rem;
}
a{
border-bottom: 1px solid $red;
}
h2{
font-size: 1.2rem;
font-family: $Bold;
@ -1054,6 +1152,7 @@
width: 100%;
// height: 300px;
.title{
visibility: hidden;
width: 200px;
height: 200px;
background: $red;
@ -1075,7 +1174,7 @@
margin-right: 20px;
height: auto;
p{
padding: 20px 20px 20px 100px;
padding: 20px 20px 20px 20px;
color: black;
text-align: left;
strong{
@ -1105,7 +1204,7 @@
}
#devis{
&.item, &.sublog, &.item-article, &.nos-offres ,&.nos-packs{
&.item, &.sublog, &.item-article{
background: $red;
height: auto;
padding: 20px 0;

View File

@ -552,6 +552,7 @@
& > a{
grid-template-columns: 100%!important;
grid-column-gap: 0!important;
grid-template-rows: 100%!important;
.card-image{
img{
width: 100%!important;
@ -730,8 +731,7 @@
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,30 +777,6 @@
}
}
}
.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;

View File

@ -140,7 +140,7 @@ p{
}
#item, #item-article, #event{
#item, #item-article{
.title-wrapper{
.back{
font-family: $Bold;
@ -179,28 +179,17 @@ p{
font-family: $Bold;
font-weight: normal;
}
ul, ol{
padding: 0;
ul{
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, #event{
#item, #item-article{
.content{
.content_s{
h2{

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 %}

View File

@ -45,12 +45,22 @@
</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 %}

View File

@ -1,6 +1,7 @@
{% 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') }}

View File

@ -19,8 +19,6 @@
{% block stylesheets %}
{% do assets.addCss('theme://css-compiled/theme.css') %}
{% do assets.addCss('theme://css-compiled/theme.min.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') %}
@ -69,6 +67,7 @@
<body>
{% block header %}
<header>
<nav>
<div class="navTrigger">
@ -89,7 +88,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="https://www.linkedin.com/company/lecampus-valdedrome/" target="_blank" rel =" noopener "><img src="/user/themes/lecampus/images/in.svg" alt="logo-link"></a>
<!-- <a href="#" target="_blank" rel =" noopener "><img src="/user/themes/lecampus/images/in.svg" alt="logo-link"></a> -->
</div>
</nav>

View File

@ -1,5 +1,5 @@
<div class="demander-votre-devis">
<a href="/organisez-vos-evenements/demande-de-devis">
<a href="/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">

View File

@ -1,52 +1,44 @@
<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) %}
<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) %}
{% if page.header.publish_date != true %}
{% if not page.header.date_end %}
{% if page.header.date_end == true %}
Du
{% else %}
{% if page.parent.template == "articles" %}
Le
{% endif %}
<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_date}}
{{mois_begin}}
{{ 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>
{% 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>
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>

View File

@ -1,7 +1,7 @@
{% set options = { items: {'@page.self': '/organisez-vos-evenements/demande-de-devis'}, 'limit': 1 } %}
{% set options = { items: {'@page.self': '/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="/organisez-vos-evenements/demande-de-devis">
<a href="/demande-de-devis">
<div class="title">
Faire une demande de devis en ligne
</div>

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

File diff suppressed because it is too large Load Diff