correction && add form && add slide && add masonry && css
This commit is contained in:
@@ -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);
|
||||
|
137
web/app/themes/la_mine/asset/dist/css/flickity.css
vendored
Normal file
137
web/app/themes/la_mine/asset/dist/css/flickity.css
vendored
Normal 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;
|
||||
}
|
30
web/app/themes/la_mine/asset/dist/index.js
vendored
Normal file
30
web/app/themes/la_mine/asset/dist/index.js
vendored
Normal 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
|
||||
});
|
12
web/app/themes/la_mine/asset/dist/js/flickity.pkgd.min.js
vendored
Normal file
12
web/app/themes/la_mine/asset/dist/js/flickity.pkgd.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
9
web/app/themes/la_mine/asset/dist/js/masonry.pkgd.min.js
vendored
Normal file
9
web/app/themes/la_mine/asset/dist/js/masonry.pkgd.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
112
web/app/themes/la_mine/asset/dist/style.css
vendored
Normal file
112
web/app/themes/la_mine/asset/dist/style.css
vendored
Normal 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 */
|
62
web/app/themes/la_mine/asset/images/fb.svg
Normal file
62
web/app/themes/la_mine/asset/images/fb.svg
Normal 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 |
53
web/app/themes/la_mine/asset/images/inst.svg
Normal file
53
web/app/themes/la_mine/asset/images/inst.svg
Normal file
File diff suppressed because one or more lines are too long
After Width: | Height: | Size: 20 KiB |
0
web/app/themes/la_mine/asset/images/logo.svg
Normal file
0
web/app/themes/la_mine/asset/images/logo.svg
Normal 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);
|
||||
|
||||
|
||||
|
||||
|
||||
?>
|
||||
|
@@ -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
12
web/app/themes/la_mine/les_temps_forts.php
Executable file → Normal 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 );
|
||||
|
16
web/app/themes/la_mine/single-les-temps-forts.php
Normal file
16
web/app/themes/la_mine/single-les-temps-forts.php
Normal 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 );
|
35
web/app/themes/la_mine/single0.php
Normal file
35
web/app/themes/la_mine/single0.php
Normal 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 );
|
@@ -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>
|
||||
|
||||
|
||||
|
@@ -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>
|
||||
|
@@ -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 %}
|
||||
|
@@ -1,3 +1,5 @@
|
||||
<form class="" action="index.html" method="post">
|
||||
{# INTÉGRATION DU formulaire #}
|
||||
{% apply shortcodes %}
|
||||
[advanced_form form="form_5edd062310705"]
|
||||
{% endapply %}
|
||||
</form>
|
||||
|
16
web/app/themes/la_mine/templates/components/hero/hero.twig
Normal file
16
web/app/themes/la_mine/templates/components/hero/hero.twig
Normal 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>
|
@@ -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>
|
||||
|
@@ -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')}}
|
||||
|
@@ -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 %}
|
||||
|
@@ -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 %}
|
||||
|
21
web/app/themes/la_mine/templates/partial/section_asso.twig
Normal file
21
web/app/themes/la_mine/templates/partial/section_asso.twig
Normal 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>
|
@@ -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>
|
29
web/app/themes/la_mine/templates/partial/section_tpsF.twig
Normal file
29
web/app/themes/la_mine/templates/partial/section_tpsF.twig
Normal 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>
|
@@ -4,7 +4,7 @@
|
||||
{% include 'components/title_page.twig' %}
|
||||
|
||||
<section>
|
||||
<div class="wrapper__content">
|
||||
<div class="wrapper__content prive">
|
||||
|
||||
<div class="wrap__content">
|
||||
|
||||
|
@@ -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 %}
|
||||
|
Reference in New Issue
Block a user