commit fonctionne ou pas ?
This commit is contained in:
val
@@ -0,0 +1,5 @@
|
||||
{% extends 'partials/base.html.twig' %}
|
||||
|
||||
{% block content %}
|
||||
{{ page.content|raw }}
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,8 @@
|
||||
{% extends 'partials/base.html.twig' %}
|
||||
|
||||
{% block content %}
|
||||
<div class="lead text-center">
|
||||
<h1>Error!</h1>
|
||||
{{ page.content|raw }}
|
||||
</div>
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,36 @@
|
||||
{% extends 'partials/base.html.twig' %}
|
||||
|
||||
{% block content %}
|
||||
<div class="content" id="index-content" data-barba="container" data-barba-namespace="index">
|
||||
|
||||
<div id="loader-index">
|
||||
<img src="{{ url('theme://images/loader/rolling.svg') }}" alt="loading animation" />
|
||||
</div>
|
||||
|
||||
<div id="main-p-index">
|
||||
{{ page.content|raw }}
|
||||
</div>
|
||||
|
||||
<div id="extrait-projets">
|
||||
{% include 'partials/extrait-projets.html.twig' %}
|
||||
</div>
|
||||
|
||||
<div id="second-p-index" class="container">
|
||||
{% set home = { items: {'@page.self': '/home/texte-intro-partie-2'} } %}
|
||||
{% for item in page.collection(home) %}
|
||||
{{item.content}}
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
<div id="commanditaires-grid" class="container">
|
||||
{% for p in page.find('/home/commanditaires').children.order('date','desc') %}
|
||||
{{p.media.images|first}}
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
<div id="arrow-container">
|
||||
<div class="picto" id="arrowIndex" data-src="{{ url('theme://images/pictos/arrow-down.svg') }}" aria-hidden="true"></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,70 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="{{ (grav.language.getActive ?: grav.config.site.default_lang)|e }}">
|
||||
<head>
|
||||
{% block head %}
|
||||
<meta charset="utf-8" />
|
||||
<title>{% if header.title %}{{ header.title|e }} | {% endif %}{{ site.title|e }}</title>
|
||||
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0">
|
||||
{% include 'partials/metadata.html.twig' %}
|
||||
|
||||
<link rel="icon" type="image/png" href="{{ url('theme://images/favicon.png')|e }}" />
|
||||
<link rel="canonical" href="{{ page.canonical(true)|e }}" />
|
||||
{% endblock head %}
|
||||
|
||||
{% block stylesheets %}
|
||||
{% do assets.addCss('theme://css/theme.css', 95) %}
|
||||
{% do assets.addCss('theme://css/owl.carousel.min.css', 95) %}
|
||||
{% endblock %}
|
||||
|
||||
{% block javascripts %}
|
||||
{% do assets.addJs('jquery', 100) %}
|
||||
<script src="https://unpkg.com/@barba/core"></script>
|
||||
<script src="https://unpkg.com/animate-css-grid@latest"></script>
|
||||
{% do assets.addJs('theme://js/libraries/lazy/jquery.lazy.min.js', 99) %}
|
||||
{% do assets.addJs('theme://js/libraries/blotter/blotter.min.js', 98) %}
|
||||
{% do assets.addJs('theme://js/libraries/blotter/liquidDistortMaterial.js', 97) %}
|
||||
{% do assets.addJs('theme://js/libraries/gsap/gsap.min.js', 96) %}
|
||||
{% do assets.addJs('theme://js/libraries/owl.carousel.min.js', 94) %}
|
||||
{% endblock %}
|
||||
|
||||
{% block assets deferred %}
|
||||
{{ assets.css()|raw }}
|
||||
{{ assets.js()|raw }}
|
||||
{% endblock %}
|
||||
</head>
|
||||
<body id="top" class="{{ page.header.body_classes|e }}" data-barba="wrapper">
|
||||
|
||||
{% block header %}
|
||||
<header>
|
||||
{% block header_navigation %}
|
||||
{% include 'partials/navigation.html.twig' %}
|
||||
{% endblock %}
|
||||
</header>
|
||||
{% endblock %}
|
||||
|
||||
{% block body %}
|
||||
<main>
|
||||
{% block content %}{% endblock %}
|
||||
</main>
|
||||
{% endblock %}
|
||||
|
||||
{% block footer %}
|
||||
{% set contact = { items: {'@page.self': '/home/contact'} } %}
|
||||
|
||||
<footer>
|
||||
{% for item in page.collection(contact) %}
|
||||
{{item.content}}
|
||||
{% endfor %}
|
||||
</footer>
|
||||
|
||||
{% endblock %}
|
||||
|
||||
{% block bottom %}
|
||||
{{ assets.js('bottom')|raw }}
|
||||
{% do assets.addJs('theme://js/script.js', 94) %}
|
||||
{% endblock %}
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,24 @@
|
||||
<div id="carousel-container">
|
||||
<div class="owl-carousel owl-theme">
|
||||
{# <div id="bg-carrousel">
|
||||
</div>
|
||||
<div id="slider">
|
||||
<div id="arrow-left">
|
||||
<div class="picto" data-src="{{ url('theme://images/pictos/arrow-left.svg') }}" aria-hidden="true"></div>
|
||||
</div>
|
||||
|
||||
<figure>
|
||||
|
||||
<img alt="{{ page.title }}" class="project-image">
|
||||
</figure>
|
||||
|
||||
<div id="arrow-right">
|
||||
<div class="picto" data-src="{{ url('theme://images/pictos/arrow-right.svg') }}" aria-hidden="true"></div>
|
||||
</div>
|
||||
</div> #}
|
||||
|
||||
{% for image in page.media.images %}
|
||||
<img src="{{ url('theme://images/loader/rolling.svg') }}" data-src="{{ image.url }}" alt="{{ page.title }}" class="lazy loader project-image">
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,42 @@
|
||||
<div id="extrait-publique" class="container">
|
||||
{% set utilite = { items: {'@page.children': '/projets/publique'} } %}
|
||||
{% for p in page.collection(utilite).order('date', 'desc').slice(0, 4) %}
|
||||
{% block extrait_cards_publiques %}
|
||||
{% include 'partials/projet_card.html.twig' %}
|
||||
{% endblock %}
|
||||
{% endfor %}
|
||||
<div>
|
||||
<a href="/projets?filter=publique" class="projets-link-filter">
|
||||
<p><span>Consulter tous nos projets</span></p>
|
||||
<p><span>d'utilité <i id="publique-link">publique</i></span><span class="picto" data-src="{{ url('theme://images/pictos/arrow-right.svg') }}" aria-hidden="true"></span></p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div id="extrait-sociale" class="container">
|
||||
{% set utilite = { items: {'@page.children': '/projets/sociale'} } %}
|
||||
{% for p in page.collection(utilite).order('date', 'desc').slice(0, 4) %}
|
||||
{% block extrait_cards_sociales %}
|
||||
{% include 'partials/projet_card.html.twig' %}
|
||||
{% endblock %}
|
||||
{% endfor %}
|
||||
<div>
|
||||
<a href="/projets?filter=sociale" class="projets-link-filter">
|
||||
<p><span>Consulter tous nos projets</span></p>
|
||||
<p><span>d'utilité <i id="sociale-link">sociale</i></span><span class="picto" data-src="{{ url('theme://images/pictos/arrow-right.svg') }}" aria-hidden="true"></span></p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div id="extrait-culturelle" class="container">
|
||||
{% set utilite = { items: {'@page.children': '/projets/culturelle'} } %}
|
||||
{% for p in page.collection(utilite).order('date', 'desc').slice(0, 4) %}
|
||||
{% block extrait_cards_culturelles %}
|
||||
{% include 'partials/projet_card.html.twig' %}
|
||||
{% endblock %}
|
||||
{% endfor %}
|
||||
<div>
|
||||
<a href="/projets?filter=culturelle" class="projets-link-filter">
|
||||
<p><span>Consulter tous nos projets</span></p>
|
||||
<p><span>d'utilité <i id="culturelle-link">culturelle</i></span><span class="picto" data-src="{{ url('theme://images/pictos/arrow-right.svg') }}" aria-hidden="true"></span></p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,21 @@
|
||||
<div id="nav-container">
|
||||
<h1 onclick="titleScrollTop()">
|
||||
{{ page.title }}
|
||||
</h1>
|
||||
<div class="picto" id="burger" onclick="toggleMobileNav()" data-src="{{ url('theme://images/pictos/burger.svg') }}" aria-hidden="true"></div>
|
||||
</div>
|
||||
|
||||
|
||||
<nav>
|
||||
<div class="picto" id="crossMenu" onclick="toggleMobileNav()" data-src="{{ url('theme://images/pictos/cross.svg') }}" aria-hidden="true"></div>
|
||||
<ul>
|
||||
{% for page in pages.children.visible %}
|
||||
{% set current_page = (page.active or page.activeChild) ? 'selected' : '' %}
|
||||
<li class="{{ current_page|e }}" onclick="changeMenuSelected(this)">
|
||||
<a href="{{ page.url|e }}">
|
||||
{{ page.menu|e }}
|
||||
</a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</nav>
|
||||
@@ -0,0 +1,37 @@
|
||||
{% switch p.parent.title %}
|
||||
{% case 'Publique' %}
|
||||
<div class="publique-card card-displayed">
|
||||
{% case 'Sociale' %}
|
||||
<div class="sociale-card card-displayed">
|
||||
{% case 'Culturelle' %}
|
||||
<div class="culturelle-card card-displayed">
|
||||
{% endswitch %}
|
||||
{% set url = p.media.videos|first.url %}
|
||||
{% if url != null %}
|
||||
<figure class="projet-card loaded">
|
||||
<a href="{{ p.url }}">
|
||||
{# <video autoplay muted loop src="{{ url('theme://images/loader/circle.mp4') }}" data-src="{{ p.media.videos|first.url }}" type="video/mp4" class="lazy loader"> #}
|
||||
<video autoplay muted loop src="{{ p.media.videos|first.url }}" type="video/mp4">
|
||||
{% else %}
|
||||
<figure class="projet-card">
|
||||
<a href="{{ p.url }}">
|
||||
<img src="{{ url('theme://images/loader/rolling.svg') }}" data-src="{{ p.media.images|first.url }}" alt="{{ p.title }}" class="lazy loader">
|
||||
{% endif %}
|
||||
</a>
|
||||
<a href="{{ p.url }}">
|
||||
<figcaption>
|
||||
{% switch p.parent.title %}
|
||||
{% case 'Publique' %}
|
||||
<span class="publique-title">
|
||||
{% case 'Sociale' %}
|
||||
<span class="sociale-title">
|
||||
{% case 'Culturelle' %}
|
||||
<span class="culturelle-title">
|
||||
{% endswitch %}
|
||||
{{ p.title }}</span>,
|
||||
{% for tag in p.taxonomy.tag %}{{ tag }}, {% endfor %}
|
||||
{{ p.date|date("Y") }}
|
||||
</figcaption>
|
||||
</a>
|
||||
</figure>
|
||||
</div>
|
||||
@@ -0,0 +1,50 @@
|
||||
<div id="related-pages">
|
||||
<hr>
|
||||
<h3>Voir aussi</h3>
|
||||
|
||||
<div id="related-grid">
|
||||
{% set category = random(page.taxonomy.category) %}
|
||||
{% set p = random(taxonomy.findTaxonomy({'category': category}))%}
|
||||
{% if p == page %}
|
||||
{% set category = random(page.taxonomy.category) %}
|
||||
{% set p = random(taxonomy.findTaxonomy({'category': category}))%}
|
||||
{% if p == page %}
|
||||
{% set category = random(page.taxonomy.category) %}
|
||||
{% set p = random(taxonomy.findTaxonomy({'category': category}))%}
|
||||
{% if p == page %}
|
||||
{% set category = random(page.taxonomy.category) %}
|
||||
{% set p = random(taxonomy.findTaxonomy({'category': category}))%}
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
{% include 'partials/projet_card.html.twig' %}
|
||||
|
||||
{% set p = random(page.parent.children) %}
|
||||
{% if p == page or p == related_category_page %}
|
||||
{% set p = random(page.parent.children) %}
|
||||
{% if p == page or p == related_category_page %}
|
||||
{% set p = random(page.parent.children) %}
|
||||
{% if p == page or p == related_category_page %}
|
||||
{% set p = random(page.parent.children) %}
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
{% include 'partials/projet_card.html.twig' %}
|
||||
|
||||
{% set random_utilite = random(page.find('/projets').children) %}
|
||||
{% set p = random(random_utilite.children) %}
|
||||
{% if p == page or p == related_utilite_page or p == related_category_page %}
|
||||
{% set random_utilite = random(page.find('/projets').children) %}
|
||||
{% set p = random(random_utilite.children) %}
|
||||
{% if p == page or p == related_utilite_page or p == related_category_page %}
|
||||
{% set random_utilite = random(page.find('/projets').children) %}
|
||||
{% set p = random(random_utilite.children) %}
|
||||
{% if p == page or p == related_utilite_page or p == related_category_page %}
|
||||
{% set random_utilite = random(page.find('/projets').children) %}
|
||||
{% set p = random(random_utilite.children) %}
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
{% include 'partials/projet_card.html.twig' %}
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,39 @@
|
||||
{% extends 'partials/base.html.twig' %}
|
||||
|
||||
{% block content %}
|
||||
<div class="content" id="projets-index" data-barba="container" data-barba-namespace="projetsindex">
|
||||
|
||||
<div id="filter-index">
|
||||
<p>Consulter les projets d'utilité</p>
|
||||
<p>
|
||||
<span id="publique-filter" class="filter-button" onClick="filterCards('publique')">publique</span>,
|
||||
<span id="sociale-filter" class="filter-button" onClick="filterCards('sociale')">sociale</span>,
|
||||
<span id="culturelle-filter" class="filter-button" onClick="filterCards('culturelle')">culturelle</span>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<hr>
|
||||
|
||||
{% for category in taxonomylist.get().category|keys %}
|
||||
|
||||
<div class="title-category" onclick="toggleCategory(this)">
|
||||
<h2>
|
||||
{{ category }}
|
||||
</h2>
|
||||
<div class="picto chevron-category" data-src="{{ url('theme://images/pictos/chevron-down.svg') }}" aria-hidden="true"></div>
|
||||
</div>
|
||||
|
||||
{% set cat = { items: {'@taxonomy': {'category': category} } } %}
|
||||
{% set pages = page.collection(cat) %}
|
||||
|
||||
<div class="projets-grid">
|
||||
{% for p in pages.order('date', 'desc') %}
|
||||
{% block project_card %}
|
||||
{% include 'partials/projet_card.html.twig' %}
|
||||
{% endblock %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,61 @@
|
||||
{% extends 'partials/base.html.twig' %}
|
||||
|
||||
{% block content %}
|
||||
<div id="reader" class="content" data-barba="container" data-barba-namespace="reader">
|
||||
<div id="header-project">
|
||||
{% switch page.parent.title %}
|
||||
{% case 'Publique' %}
|
||||
<h2 class="info-project-publique">
|
||||
{% case 'Sociale' %}
|
||||
<h2 class="info-project-sociale">
|
||||
{% case 'Culturelle' %}
|
||||
<h2 class="info-project-culturelle">
|
||||
{% endswitch %}
|
||||
<span data-text="{{ page.title }}">{{ page.title }}</span></h2>
|
||||
</div>
|
||||
<a href="{{ page.parent.parent.url }}"><div id="close-project" class="picto" data-src="{{ url('theme://images/pictos/cross.svg') }}" aria-hidden="true"></div></a>
|
||||
<figure id="cover-image-mobile">
|
||||
<img src="{{ url('theme://images/loader/rolling.svg') }}" data-src="{{ page.media.images|first.url }}" alt="{{ page.title }}" class="lazy loader">
|
||||
</figure>
|
||||
{% switch page.parent.title %}
|
||||
{% case 'Publique' %}
|
||||
<div id="info-project" class="info-project-publique">
|
||||
{% case 'Sociale' %}
|
||||
<div id="info-project" class="info-project-sociale">
|
||||
{% case 'Culturelle' %}
|
||||
<div id="info-project" class="info-project-culturelle">
|
||||
{% endswitch %}
|
||||
<h2 id="main-project-title">{{ page.title }}</h2>
|
||||
<div>
|
||||
{% for tag in page.taxonomy.tag %}
|
||||
{{ tag }},
|
||||
{% endfor %}
|
||||
{{ page.date|date("Y") }}
|
||||
</div>
|
||||
</div>
|
||||
<figure id="cover-image">
|
||||
<img src="{{ url('theme://images/loader/rolling.svg') }}" data-src="{{ page.media.images|first.url }}" alt="{{ page.title }}" class="lazy loader">
|
||||
</figure>
|
||||
<hr>
|
||||
<div id="project-description">
|
||||
{{ page.content|raw }}
|
||||
</div>
|
||||
|
||||
<div id="project-images-grid">
|
||||
{% for image in page.media.images %}
|
||||
{% if image != page.media.images | first %}
|
||||
<figure>
|
||||
<img src="{{ url('theme://images/loader/rolling.svg') }}" data-src="{{ image.url }}" alt="{{ page.title }}" class="lazy loader project-image">
|
||||
</figure>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
|
||||
</div>
|
||||
{% block related_pages %}
|
||||
{% include 'partials/relatedpages.html.twig' %}
|
||||
{% endblock %}
|
||||
{% block carrousel %}
|
||||
{% include 'partials/carrousel.html.twig' %}
|
||||
{% endblock %}
|
||||
</div>
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,11 @@
|
||||
{% extends 'partials/base.html.twig' %}
|
||||
|
||||
{% block content %}
|
||||
<div class="content" id="text-content" data-barba="container" data-barba-namespace="text-content">
|
||||
{% for p in page.children.order('date', 'asc') %}
|
||||
<div class="text-item">
|
||||
{{ p.content }}
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endblock %}
|
||||
Reference in New Issue
Block a user