correction && add form && add slide && add masonry && css

This commit is contained in:
2020-06-07 17:47:49 +02:00
153 changed files with 16750 additions and 162 deletions

View File

@@ -11,6 +11,20 @@ $context['post'] = $post;
$args = 'post_type=post&numberposts=3&orderby=date';
$projet = array(
'post_type' => 'les-projets',
'post_status'=>'publish',
'numberposts' => 3
);
$tpsF = array(
'post_type' => 'les-temps-forts',
'post_status'=>'publish',
'numberposts' => 3
);
$context['projet'] = Timber::get_posts( $projet );
$context['posts'] = Timber::get_posts( $args );
$context['tpsF'] = Timber::get_posts( $tpsF );
Timber::render('accueil.twig', $context);

View File

@@ -0,0 +1,137 @@
/*! Flickity v2.2.1
https://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
position: relative;
}
.flickity-enabled:focus { outline: none; }
.flickity-viewport {
overflow: hidden;
position: relative;
height: 100%;
}
.flickity-slider {
position: absolute;
width: 100%;
height: 100%;
}
/* draggable */
.flickity-enabled.is-draggable {
-webkit-tap-highlight-color: transparent;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.flickity-enabled.is-draggable .flickity-viewport {
cursor: move;
cursor: -webkit-grab;
cursor: grab;
}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
cursor: -webkit-grabbing;
cursor: grabbing;
}
/* ---- flickity-button ---- */
.flickity-button {
position: absolute;
background: hsla(0, 0%, 100%, 0.75);
border: none;
color: #333;
}
.flickity-button:hover {
background: white;
cursor: pointer;
}
.flickity-button:focus {
outline: none;
box-shadow: 0 0 0 5px #19F;
}
.flickity-button:active {
opacity: 0.6;
}
.flickity-button:disabled {
opacity: 0.3;
cursor: auto;
/* prevent disabled button from capturing pointer up event. #716 */
pointer-events: none;
}
.flickity-button-icon {
fill: currentColor;
}
/* ---- previous/next buttons ---- */
.flickity-prev-next-button {
top: 50%;
width: 44px;
height: 44px;
border-radius: 50%;
/* vertically center */
transform: translateY(-50%);
}
.flickity-prev-next-button.previous { left: 10px; }
.flickity-prev-next-button.next { right: 10px; }
/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
left: auto;
right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
right: auto;
left: 10px;
}
.flickity-prev-next-button .flickity-button-icon {
position: absolute;
left: 20%;
top: 20%;
width: 60%;
height: 60%;
}
/* ---- page dots ---- */
.flickity-page-dots {
position: absolute;
width: 100%;
bottom: -25px;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
line-height: 1;
}
.flickity-rtl .flickity-page-dots { direction: rtl; }
.flickity-page-dots .dot {
display: inline-block;
width: 10px;
height: 10px;
margin: 0 8px;
background: #333;
border-radius: 50%;
opacity: 0.25;
cursor: pointer;
}
.flickity-page-dots .dot.is-selected {
opacity: 1;
}

View File

@@ -0,0 +1,30 @@
var Home = document.querySelector('.hero .slide');
var flkty = new Flickity( Home, {
// options
cellAlign: 'left',
autoPlay: true,
prevNextButtons: false
});
var prive = document.querySelector('.prive .__slide');
var flkty = new Flickity( prive, {
// options
cellAlign: 'left',
autoPlay: true,
})
var slide_tpsF = document.querySelectorAll('.tpsF .slide');
for (var i = 0; i < slide_tpsF.length; i++) {
var flkty = new Flickity( slide_tpsF[i], {
// options
cellAlign: 'left',
autoPlay: true,
pageDots: false
});
}
var msnry = new Masonry( '.tableau_engagements.row', {
columnWidth: '.engagement',
itemSelector: '.engagement',
percentPosition: true
});

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,112 @@
img{
width: 100%;
height: auto;
}
footer img{
width: 50px;
height: auto;
}
footer li {
list-style-type:none;
}
.sidebar_left {
background-color: pink;
}
.tableau_engagements {
background-color: green;
}
.tableau_engagements div{
background-color: red;
}
/* .tableau_engagements > div{
display: inline-block;
} */
.legendes{
background-color: pink;
position : absolute;
bottom: 100px;
}
/* START KEVIN */
header{
z-index: 9999;
position: absolute;
width: 100%;
top: 0;
left: 0;
}
.hero{
width: 100%;
height: 100vh;
position: relative;
}
.hero .slide{
width: 100%;
height: 100vh;
overflow: hidden;
}
.hero .slide .image{
width: 100%;
height: 100vh;
}
.hero .slide img{
width: 100%;
height: 100%;
object-fit: cover;
}
.hero .slide .flickity-page-dots{
bottom: 20px;
}
.hero .slide .flickity-page-dots li{
background: white;
}
.hero .__head{
width: 100%;
text-align: center;
position: absolute;
bottom: 60px;
color: white;
}
.wrapper section{
margin: 150px 0;
}
.tpsF .img{
width: 100%;
height: 400px;
}
.tpsF .img img{
width: 100%;
height: 100%;
object-fit: cover;
}
.projet .img{
height: 300px;
}
.projet .img img{
width: 100%;
height: 100%;
object-fit: cover;
}
.tableau_engagements .engagement{
width: 50%;
}
.prive .images{
width: 100%;
height: 600px;
}
.prive .img img{
width: 100%;
height: 100%;
object-fit: cover;
}
/* END KEVIN */

View File

@@ -0,0 +1,62 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:osb="http://www.openswatchbook.org/uri/2009/osb"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
height="34.837036"
width="34.837414"
id="svg6590"
version="1.1">
<metadata
id="metadata6596">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
</cc:Work>
</rdf:RDF>
</metadata>
<defs
id="defs6594">
<linearGradient
id="linearGradient1406"
osb:paint="solid"
gradientTransform="matrix(0,0,0,0,4870.6657,-589.95471)">
<stop
style="stop-color:#000000;stop-opacity:1;"
offset="0"
id="stop1404" />
</linearGradient>
</defs>
<sodipodi:namedview
id="namedview6592"
inkscape:window-height="480"
inkscape:window-width="640"
inkscape:pageshadow="2"
inkscape:pageopacity="0"
guidetolerance="10"
gridtolerance="10"
objecttolerance="10"
borderopacity="1"
bordercolor="#666666"
pagecolor="#ffffff" />
<inkscape:clipboard
max="3695.1542,3459.565"
min="3660.3168,3424.728"
style="font-variation-settings:normal;opacity:1;vector-effect:none;fill:url(#linearGradient1406);fill-opacity:1;stroke:none;stroke-width:0.00920708;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;stop-color:#000000;stop-opacity:1" />
<path
inkscape:export-ydpi="150"
inkscape:export-xdpi="150"
inkscape:export-filename="/home/maud/Documents/LE CAMPUS BIOVALLEE/3_SITE_WEB/TAF/GABARITS/export4/0_accueil.png"
inkscape:connector-curvature="0"
id="path4629"
d="M 17.418707,0 C 7.7982987,0 0,7.7979207 0,17.418707 c 0,9.619653 7.7982987,17.41833 17.418707,17.41833 9.619653,0 17.418708,-7.798677 17.418708,-17.41833 C 34.837415,7.7979207 27.03836,0 17.418707,0 Z m 4.631055,7.0798105 c 0.166299,-0.00151 0.215433,0.060473 0.215433,0.2229921 0,1.0291653 0,2.0579527 3.78e-4,3.0867404 0,0.185196 -0.05669,0.241889 -0.23811,0.23433 -0.57789,0 -1.156157,-0.0026 -1.734047,-0.0026 -0.769512,0.0026 -1.229858,0.399118 -1.278236,1.159937 -0.03779,0.610393 0,1.224566 -0.03779,1.837228 0,0.219212 0.124724,0.204094 0.268346,0.204094 0.87874,-7.56e-4 1.75748,0 2.635842,0 0.257008,0 0.343937,0.05291 0.313701,0.32504 -0.109606,1.021984 -0.204094,2.046236 -0.294803,3.070488 -0.03779,0.230551 -0.124724,0.275905 -0.332598,0.272126 -0.692788,0 -1.386709,0 -2.080252,0 -0.498142,0 -0.450142,-0.07181 -0.450142,0.435401 0,3.190677 0,6.381354 0,9.572031 0,0.336378 -0.08693,0.421795 -0.418394,0.412724 -1.190551,-0.04535 -2.38148,-0.04535 -3.572031,7.56e-4 -0.336378,0 -0.390803,-0.109606 -0.387779,-0.408567 0,-1.606677 0,-3.213732 0,-4.820787 0,-1.63011 0,-3.26022 0,-4.889952 0,-0.275906 -0.07559,-0.359055 -0.351496,-0.347717 -0.507969,0.04535 -1.017449,0 -1.526174,0 -0.207874,0.003 -0.283464,-0.04913 -0.279685,-0.272126 0,-1.01707 0,-2.034519 0,-3.051968 0,-0.196535 0.05669,-0.260787 0.253229,-0.253228 0.520063,0 1.04126,0 1.560567,0 0.302362,0 0.362834,-0.09071 0.355275,-0.370394 0,-0.774047 -0.0378,-1.549228 0,-2.323275 0.03779,-0.945638 0.275906,-1.8281578 0.837543,-2.5972916 0.712441,-0.9736062 1.725733,-1.4180786 2.89474,-1.4702361 1.200756,-0.052913 2.404158,-0.045354 3.606047,-0.045354 z"
style="fill:url(#linearGradient1406);fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.00920708;enable-background:new" />
</svg>

After

Width:  |  Height:  |  Size: 3.8 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 20 KiB

View File

@@ -1,8 +1,39 @@
<?php
include 'inc/function.php';
// use Twig\Environment;
// use Twig\Extensions\IntlExtension;
//
// $twig = new Environment($loader);
// $twig->addExtension(new IntlExtension());
// CUSTOM FUNCTION
function theme_js(){
wp_enqueue_script( 'bootstrap',
get_template_directory_uri() . '/asset/dist/js/bootstrap.js',
array() );
wp_enqueue_script( 'flickity',
get_template_directory_uri() . '/asset/dist/js/flickity.pkgd.min.js',
array() );
wp_enqueue_script( 'masonry',
get_template_directory_uri() . '/asset/dist/js/masonry.pkgd.min.js',
array() );
wp_enqueue_script( 'script',
get_template_directory_uri() . '/asset/dist/index.js',
array() );
}
add_action( 'wp_footer', 'theme_js' );
// ADD OPTION PAGES
if( function_exists('acf_add_options_page') ) {
@@ -29,4 +60,112 @@
return $context;
}
function post_temps_forts() {
$labels = array(
'name' => _x('Les temps forts', 'Post Type General Name', 'la_mine'),
'singular_name' => _x('Temps fort', 'Post Type Singular Name', 'la_mine'),
'menu_name' => __('Les temps forts', 'la_mine'),
'name_admin_bar' => __('Les temps forts', 'la_mine'),
'parent_item_colon' => __('Parent Item:', 'la_mine'),
'all_items' => __('All temps forts', 'la_mine'),
'add_new_item' => __('Add New temps forts', 'la_mine'),
'add_new' => __('Add temps fort', 'la_mine'),
'new_item' => __('New temps fort', 'la_mine' ),
'edit_item' => __('Edit temps fort', 'la_mine'),
'update_item' => __('Update temps fort', 'la_mine'),
'view_item' => __('View temps fort', 'la_mine'),
'search_items' => __('Search temps fort', 'la_mine'),
'not_found' => __('Not found', 'la_mine'),
'not_found_in_trash' => __('Not found in Trash', 'la_mine'),
);
$rewrite = array(
'slug' => _x('les-temps-forts', 'les-temps-forts', 'la_mine'),
'with_front' => true,
'pages' => true,
'feeds' => false,
);
$args = array(
'label' => __('les-temps-forts', 'la_mine'),
'description' => __('Les temps forts', 'la_mine'),
'labels' => $labels,
'supports' => array('title', 'thumbnail', 'custom-fields'),
'taxonomies' => array('temps_forts_type'),
'hierarchical' => false,
'public' => true,
'show_ui' => true,
'show_in_menu' => true,
'menu_position' => 5,
'menu_icon' => 'dashicons-megaphone',
'show_in_admin_bar' => true,
'show_in_nav_menus' => true,
'can_export' => true,
'has_archive' => false,
'exclude_from_search' => false,
'publicly_queryable' => true,
'query_var' => 'temps_forts',
'rewrite' => $rewrite,
'capability_type' => 'page',
);
register_post_type('les-temps-forts', $args);
}
add_action('init', 'post_temps_forts', 10);
function post_projets() {
$labels = array(
'name' => _x('Les projets', 'Post Type General Name', 'la_mine'),
'singular_name' => _x('Projet', 'Post Type Singular Name', 'la_mine'),
'menu_name' => __('Les projets', 'la_mine'),
'name_admin_bar' => __('Les projets', 'la_mine'),
'parent_item_colon' => __('Parent Item:', 'la_mine'),
'all_items' => __('All projets', 'la_mine'),
'add_new_item' => __('Add New projet', 'la_mine'),
'add_new' => __('Add projet', 'la_mine'),
'new_item' => __('New projet', 'la_mine' ),
'edit_item' => __('Edit projet', 'la_mine'),
'update_item' => __('Update projet', 'la_mine'),
'view_item' => __('View projet', 'la_mine'),
'search_items' => __('Search projet', 'la_mine'),
'not_found' => __('Not found', 'la_mine'),
'not_found_in_trash' => __('Not found in Trash', 'la_mine'),
);
$rewrite = array(
'slug' => _x('les-projets', 'les-projets', 'la_mine'),
'with_front' => true,
'pages' => true,
'feeds' => false,
);
$args = array(
'label' => __('les-projets', 'la_mine'),
'description' => __('Les projets', 'la_mine'),
'labels' => $labels,
'supports' => array('title', 'thumbnail', 'custom-fields'),
'taxonomies' => array('les_projets_type'),
'hierarchical' => false,
'public' => true,
'show_ui' => true,
'show_in_menu' => true,
'menu_position' => 6,
'menu_icon' => 'dashicons-hammer',
'show_in_admin_bar' => true,
'show_in_nav_menus' => true,
'can_export' => true,
'has_archive' => false,
'exclude_from_search' => false,
'publicly_queryable' => true,
'query_var' => 'les_projets',
'rewrite' => $rewrite,
'capability_type' => 'page',
);
register_post_type('les-projets', $args);
}
add_action('init', 'post_projets', 10);
?>

View File

@@ -4,9 +4,14 @@
*/
$context = Timber::context();
$timber_post = new Timber\Post();
$context['post'] = $timber_post;
$args = array(
'post_type' => 'les-projets',
'post_status'=>'publish',
);
Timber::render( 'les_projets.twig', $context );
$context['posts'] = Timber::get_posts( $args );
$context['post'] = Timber::get_post( );
Timber::render('les_projets.twig', $context );

12
web/app/themes/la_mine/les_temps_forts.php Executable file → Normal file
View File

@@ -4,8 +4,14 @@
*/
$context = Timber::context();
$timber_post = new Timber\Post();
$context['post'] = $timber_post;
Timber::render( 'les_temps_forts.twig', $context );
$args = array(
'post_type' => 'les-temps-forts',
'post_status'=>'publish',
);
$context['posts'] = Timber::get_posts( $args );
$context['post'] = Timber::get_post( );
Timber::render('les_temps_forts.twig', $context );

View File

@@ -0,0 +1,16 @@
<?php
/**
* The Template for displaying all single posts
*
* Methods for TimberHelper can be found in the /lib sub-directory
*
* @package WordPress
* @subpackage Timber
* @since Timber 0.1
*/
$context = Timber::context();
$timber_post = Timber::query_post();
$context['post'] = $timber_post;
Timber::render('single.twig', $context );

View File

@@ -0,0 +1,35 @@
<?php
/**
* The Template for displaying all single posts
*
* Methods for TimberHelper can be found in the /lib sub-directory
*
* @package WordPress
* @subpackage Timber
* @since Timber 0.1
*/
$context = Timber::context();
$timber_post = Timber::query_post();
$context['post'] = $timber_post;
$categories = get_the_terms( $id, 'category' );
foreach ( $categories as $category ) {
$cat = $category->slug;
}
$current_id[] = get_the_ID();
$args = get_posts(array(
'post_type' => 'post',
'post_status' => 'publish',
'orderby' => 'date',
'order' => 'DESC',
'posts_per_page' => -1,
'category_name' => $cat,
'post__not_in' => $current_id,
));
$context['other'] = $args;
Timber::render('single.twig', $context );

View File

@@ -1,87 +1,35 @@
{% extends "base.twig" %}
{% block content %}
{% include 'components/title_page.twig' %}
<section>
<div class="hero">
<div class="__head">
<h1 class="__titre">{{ post.meta('titre') }}</h1>
<div class="__sous_titre">
<h2>{{ post.meta('sous_titre') }}</h2>
</div>
</div>
<div class="slide">
{% for item in post.meta('slide_image') %}
<div class="image">
<img src="{{ Image(item.image).src }}" />
</div>
{% endfor %}
</div>
</div>
</section>
<section>
<h3>Prochainement</h3>
<div class="coming_soon row align-items-start">
{% for item in posts %}
{% include 'components/thumbnails/thumbnails.twig' %}
{% endfor %}
{% for item in posts %}
{% include 'components/thumbnails/thumbnails.twig' %}
{% endfor %}
<div class="">
Tout voir
</div>
</div>
</section>
<section>
<div class="association">
<div class="__header">
<h2>{{ post.meta('texte_chapeau_asso') }}</h2>
</div>
<div class="__body">
<div class="image_sectionasso">
<img src="{{ Image(post.meta('image')).src }}" />
</div>
<div class="content row">
<div class="col-6">
{{ post.meta('paragraphe_descriptif') }}
</div>
<div class="col-6">
{{ post.meta('paragraphe_descriptif_2') }}
<div class="btn redirection_page">
{% include 'components/buttons/bouton_ensavoir.html.twig' %}
</div>
</div>
</div>
</div>
{% include 'partial/section_asso.twig' %}
</div>
</section>
<section>
<div class="projet">
<div class="__header">
<h1 class="titre">Les Projets</h1>
<h2 class="texte_chapeau">{{ post.meta('texte_chapeau_projet') }}</h2>
</div>
<div class="__body">
<div class="wrapper__content">
{% for item in seq %}
<div class="__head">
</div>
<div class="__content">
</div>
{% endfor %}
</div>
</div>
{% include 'partial/section_projets.twig' %}
</div>
</section>
<section>
<div class="temps_forts">
<div class="__header">
<h1 class="titre">Les Temps forts</h1>
</div>
{% include 'partial/section_tpsF.twig' %}
</section>

View File

@@ -32,7 +32,7 @@
<div class="tableau_engagements row align-items-start">
{% for item in post.meta('type_engagement') %}
<div class="engagement col-lg-6">
<div class="engagement">
<div class="__head">
<h6>{{item.titre_engagement}}</h6>
</div>

View File

@@ -6,28 +6,33 @@
</head>
{% endblock %}
<body class="{{body_class}} container-md" data-template="base.twig">
<a class="skip-link screen-reader-text" href="#content">{{ _e( 'Skip to content') }}</a>
<header class="header nav">
<body class="container-fluid" data-template="base.twig">
<header class="header d-flex justify-content-between">
{% block header %}
<div class="logoLamine">
<h1 class="hdr-logo" role="banner">
{#<a class="hdr-logo-link" href="{{site.url}}" rel="home">{{site.name}}</a>#}
<a class="hdr-logo-link" href="{{site.accueil}}" rel="home">{{site.name}}</a>
<a class="hdr-logo-link" href="{{site.url}}" rel="home">{{site.name}}</a>
</h1>
</div>
<div class="rs">
<img src="" alt="">
<img src="" alt="">
</div>
<div class="burger"></div>
<nav id="nav-main" class="nav-main" role="navigation">
{% include "menu.twig" with {'items': menu.get_items} %}
</nav><!-- #nav -->
</nav>
{% endblock %}
</header>
<section id="content" role="main" class="content-wrapper">
{% if post.slug == "accueil" %}
{% include "components/hero/hero.twig" %}
{% endif %}
<section id="content" role="main" class="content-wrapper container-md">
{% if title %}<h1>{{title}}</h1>{% endif %}
<div class="wrapper {{sidebar_class}}">
{% block content %}
Sorry, no content
{% endblock %}
</div>
{% if sidebar %}

View File

@@ -1,3 +1,5 @@
<form class="" action="index.html" method="post">
{# INTÉGRATION DU formulaire #}
{% apply shortcodes %}
[advanced_form form="form_5edd062310705"]
{% endapply %}
</form>

View File

@@ -0,0 +1,16 @@
<div class="hero">
<div class="slide">
{% for item in post.meta('slide_image') %}
<div class="image">
<img src="{{ Image(item.image).src }}" />
</div>
{% endfor %}
</div>
<div class="__head">
<h1 class="__titre">{{ post.meta('titre') }}</h1>
<div class="__sous_titre">
<h2>{{ post.meta('sous_titre') }}</h2>
</div>
</div>
</div>

View File

@@ -1,8 +1,9 @@
<div class="item thumbnails">
<a href="{{site.url}}/{{item.post_name}}">
<div class="__images">
<div class="__img">
<img src="{{ Image(item.image_event).src|resize(300, 300) }}" >
<div class="item thumbnails col-md-4 col-sm-6">
<a href="{{site.url}}/{{item.slug}}">
<div class="__images">
<div class="__img">
<img src="{{ Image(item.image_event).src|resize(500, 500) }}" >
</div>
</div>
@@ -11,21 +12,34 @@
<div class="__content">
<div class="__date">
<div class="__day">
<span class="start">
<time><p>du</p>{{item.debut_event}}</time>
</span>
<span class="end">
<time><p>au</p>{{item.fin_event}}</time>
</span>
{% set start = item.debut_event|date("Ydj") %}
{% set end = item.fin_event|date("Ydj") %}
{% if start == end %}
<span class="start">
Le <time>{{item.debut_event|date("j l Y") }}</time>
de <time>{{item.debut_event|date("G:i")}}</time>
</span>
<span class="end">
à <time>{{item.fin_event|date("G:i")}}</time>
</span>
{% else %}
<span class="start">
Du <time>{{item.debut_event|date("j l Y") }}</time>
à <time>{{item.debut_event|date("G:i")}}</time>
</span>
<span class="end">
Au <time>{{item.fin_event|date("j l Y") }}</time>
à <time>{{item.fin_event|date("G:i")}}</time>
</span>
{% endif %}
</div>
</div>
<div class="lieu">{{item.lieu}}</div>
</div>
</div>
<div id="btn redirection_page">
{% include 'components/buttons/bouton_ensavoir.html.twig' with { buttons : 'true' } %}
</div>
</a>
</div>

View File

@@ -15,6 +15,7 @@
{# BOOTSTRAP #}
<link href="{{ site.theme.link }}/asset/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="{{ site.theme.link }}/asset/dist/css/flickity.css" rel="stylesheet">
<link href="{{ site.theme.link }}/asset/dist/style.css" rel="stylesheet">
{{function('wp_head')}}

View File

@@ -3,42 +3,33 @@
{% block content %}
{% include 'components/title_page.twig' %}
<section>
<div class="zone_projets">
{% for projets in post.meta('zone_de_projets') %}
<div class="projet">
<div class="__header">
<h3>{{projets.titre_zone}}</h3>
{% for item in posts %}
<section>
<div class="header">
<div class="title">
<h3>{{item.title}}</h3>
</div>
<div class="wrapper__content">
<div class="wrap__content">
{{projets.paragraphe_descriptif}}
</div>
<div class="items row">
{% for item in projets.projet %}
<div class="item col-md-4 col-sm-6">
<div class="__image">
<img src="{{ Image(item.image).src }}" />
</div>
<div class="__body">
<div class="__header">
<h6>{{item.titre_du_projet}}</h6>
</div>
<div class="__content">
{{item.paragraphe_descriptif}}
</div>
</div>
</div>
{% endfor %}
</div>
<div class="content">
{{item.text}}
</div>
</div>
<div class="projet row">
{% for projet in item.meta("projets") %}
<div class="wrap_content col-4">
<div class="img">
<img src="{{ Image(projet.image).src }}" alt="{{ Image(projet.image).title }}">
</div>
{% endfor %}
</div>
</section>
<div class="title">
{{projet.titre}}
</div>
<div class="content">
{{projet.text}}
</div>
</div>
{% endfor %}
</div>
</section>
{% endfor %}
{% endblock %}

View File

@@ -3,31 +3,29 @@
{% include 'components/title_page.twig'%}
{% for item in post.meta('temps_fort') %}
<section class="row">
<aside class="sidebar_left col-md-4 mr-2">
{% include 'components/sider_left.twig' with { name__template : 'temps_fors' }%}
</aside>
<div class="wrapper__content col-md-7">
<div class="wrap__content">
<div class="slide">
{% for media in item.choose %}
{% if media.acf_fc_layout == 'image' %}
<div class="image">
<img src="{{ Image(media.image).src }}" />
<p class="caption">{{ Image(media.image).caption }}</p>
</div>
{% elseif media.acf_fc_layout == 'video' %}
<div class="video">
{{media.video}}
</div>
{% endif %}
{% endfor %}
{% for item in posts %}
<section class="row tpsF">
<div class="sidebar col-4">
<div class="title">
<h3>{{item.title}}</h3>
<div class="next_edition">
<p>Prochaine Édition</p>
<time>{{item.next_edition}}</time>
</div>
</div>
<div class="content">
{{item.text}}
</div>
</div>
<div class="wrap_content col-8">
<div class="slide">
{% for media in item.meta('slide') %}
<div class="img">
<img src="{{ Image(media.images).src }}" alt="{{ Image(media.images).title }}">
</div>
{% endfor %}
</div>
</div>
</section>
{% endfor %}
{% endblock %}

View File

@@ -0,0 +1,21 @@
<div class="__header">
<h3>L'association</h3>
<h2>{{ post.meta('texte_chapeau_asso') }}</h2>
</div>
<div class="__body d-flex">
<div class="image_sectionasso">
<img src="{{ Image(post.meta('image')).src }}" />
</div>
<div class="content row">
<div class="col-6">
{{ post.meta('paragraphe_descriptif') }}
</div>
<div class="col-6">
{{ post.meta('paragraphe_descriptif_2') }}
<div class="btn redirection_page">
{% include 'components/buttons/bouton_ensavoir.html.twig' %}
</div>
</div>
</div>
</div>

View File

@@ -0,0 +1,34 @@
<div class="__header">
<h3 class="titre">Les Projets</h3>
<p class="texte_chapeau">{{ post.meta('texte_chapeau_projet') }}</p>
</div>
<div class="__body">
<div class="wrapper__content row">
{% for item in projet %}
<div class="col-4">
<div class="header">
<h3>{{item.title}}</h3>
</div>
<div class="wrap_content">
{{item.text}}
<div class="projet">
{% for projet in item.meta("projets") %}
<div class="wrap_content">
<div class="title">
<h4>{{projet.titre}}</h4>
</div>
<div class="content">
{{projet.text}}
</div>
</div>
{% endfor %}
</div>
</div>
</div>
{% endfor %}
<div class="col-12">
Tout voir
</div>
</div>
</div>

View File

@@ -0,0 +1,29 @@
<div class="__header">
<h3 class="titre">Les temps forts</h3>
</div>
<div class="__body">
<div class="wrapper__content row">
{% for item in tpsF %}
<div class="col-4">
<div class="images">
<img src="{{item.thumbnail.src}}" alt="{{item.thumbnail.title}}">
</div>
<div class="wrap_content">
<div class="title">
<h3>{{item.title}}</h3>
<div class="next_edition">
<p>Prochaine Édition</p>
<time>{{item.next_edition}}</time>
</div>
</div>
<div class="content">
{{item.text}}
</div>
</div>
</div>
{% endfor %}
<div class="col-12">
Tout voir
</div>
</div>
</div>

View File

@@ -4,7 +4,7 @@
{% include 'components/title_page.twig' %}
<section>
<div class="wrapper__content">
<div class="wrapper__content prive">
<div class="wrap__content">

View File

@@ -1,5 +1,4 @@
{% extends "base.twig" %}
{% block content %}
<div class="content-wrapper">
@@ -71,5 +70,5 @@
{% include 'components/thumbnails/thumbnails.twig' %}
{% endfor %}
</div>
{% endblock %}