mediatheque
This commit is contained in:
armansansd
Executable
+73
@@ -0,0 +1,73 @@
|
||||
{% extends 'partials/base.html.twig' %}
|
||||
|
||||
{% block content %}
|
||||
<div class="post_bottom columns large-12">
|
||||
<div class="row">
|
||||
{% set top_name = page.header.top %}
|
||||
{% if top_name != "/actualites" %}
|
||||
<div class="columns small-12 recent-posts">
|
||||
<div class=" row ">
|
||||
<div class="columns large-12 thumb_news top">
|
||||
|
||||
{% set top_page = page.find(top_name) %}
|
||||
{% set source = top_page.header.media_thumbnail %}
|
||||
|
||||
{% if source != null%}
|
||||
{% set info = "url('"~top_page.url~"/"~source~"')" %}
|
||||
{% endif %}
|
||||
<a style="background: {{ info }} rgb( 233, 77, 26);" href="{{ top_page.url }}">
|
||||
<div class="row">
|
||||
<div class="columns large-8 align-self-bottom">
|
||||
<mark>{{ top_page.title }}</mark>
|
||||
<span class="tag" ><span>{{ top_page.header.taxonomy.tag|first }}</span></span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</a>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% for post in page.collection %}
|
||||
{% set source = post.header.media_thumbnail %}
|
||||
{% if source != null %}
|
||||
{% set info = post.url~"/"~source %}
|
||||
{% else %}
|
||||
{% set info = null %}
|
||||
{% endif %}
|
||||
{% if top_page.title != post.title %}
|
||||
<div class=" columns large-12 medium-12 medium-offset-0 small-8 small-offset-2 recent-posts">
|
||||
<div class=" row ">
|
||||
<div class="columns large-12 ">
|
||||
<a style="background: rgb( 233, 77, 26);" href="{{ post.url }}">
|
||||
<div class="row">
|
||||
<div class="columns small-4">
|
||||
<img src="{{ info }}" alt="">
|
||||
</div>
|
||||
<div class="columns small-7 small-offset-0 align-self-middle">
|
||||
<mark>{{ post.title }} - {{ post.header.publish_date|date("d/m/Y") }}</mark>
|
||||
<span class="tag" ><span>{{ post.header.taxonomy.tag|first }}</span></span>
|
||||
<br>
|
||||
<p style="color:black;">
|
||||
{{post.content|truncate(260, true)|raw|striptags }}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% if config.plugins.pagination.enabled and page.collection.params.pagination %}
|
||||
{% include 'partials/pagination.html.twig' with {'base_url':page.url, 'pagination':collection.params.pagination} %}
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
|
||||
{% endblock %}
|
||||
Executable
+5
@@ -0,0 +1,5 @@
|
||||
{% extends 'partials/base.html.twig' %}
|
||||
|
||||
{% block content %}
|
||||
|
||||
{% endblock %}
|
||||
Executable
+271
@@ -0,0 +1,271 @@
|
||||
{% extends 'partials/base.html.twig' %}
|
||||
|
||||
{% block content %}
|
||||
|
||||
{% include 'partials/head.html.twig' %}
|
||||
<div class="columns medium-12 medium-offset-0 small-11 small-offset-1 ss_menu">
|
||||
<div class="row">
|
||||
{% for module in page.header.sections %}
|
||||
<div class="">
|
||||
<a href="#{{module.title|hyphenize}}" >{{module.title}}</a>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
{% include 'partials/sidebar.html.twig' %}
|
||||
|
||||
|
||||
<div class="post columns small-12">
|
||||
<div class="row">
|
||||
|
||||
<div class="columns post_content large-12 large-offset-0 medium-12 medium-offset-0 small-10 small-offset-1">
|
||||
|
||||
<div class="row">
|
||||
|
||||
<div class="columns small-8 small-offset-4">
|
||||
{{ page.header.intro}}
|
||||
</div>
|
||||
|
||||
{% for member in page.header.memberList %}
|
||||
|
||||
<div class="columns medium-4 medium-offset-0 small-12 membre" id="{{member.membre|replace({' ': '_'})}}">
|
||||
{% if page.find(member.article).url %}
|
||||
<a href="{{page.find(member.article).url}}">
|
||||
{% else %}
|
||||
<a href="">
|
||||
{% endif %}
|
||||
|
||||
<div class="pays">
|
||||
<mark>{{member.pays}}</mark>
|
||||
</div>
|
||||
<div class="picture">
|
||||
<img src="{{ uri.url }}/{{member.photo}}" alt="">
|
||||
<mark>{{member.membre}}</mark>
|
||||
</div>
|
||||
<div class="info">
|
||||
<div class="row">
|
||||
|
||||
|
||||
{% set stat = member.statut %}
|
||||
{% switch stat %}
|
||||
{% case 'menace' %}
|
||||
<div class="columns small-3 pic">
|
||||
<img src="{{ url('theme://images/menace.png') }}" alt="">
|
||||
</div>
|
||||
<div class="columns small-8">
|
||||
<p class="date">{{t('DANGER.MENACE')|e}}
|
||||
{% if lang == "fr" %}
|
||||
{{member.menace|date('d')}} {{'GRAV.MONTHS_OF_THE_YEAR'|ta(member.menace|date('n') - 1)}} {{member.menace|date('Y')}}
|
||||
{% else %}
|
||||
{{'GRAV.MONTHS_OF_THE_YEAR'|ta(member.menace|date('n') - 1)}} {{member.menace|date('d')}}, {{member.menace|date('Y')}}
|
||||
{% endif %}
|
||||
|
||||
</p>
|
||||
<p>
|
||||
<b>{{member.menace_type}}</b>
|
||||
</p>
|
||||
</div>
|
||||
{% case 'prison' %}
|
||||
<div class="columns small-3 pic">
|
||||
<img src="{{ url('theme://images/prison.png') }}" alt="">
|
||||
</div>
|
||||
<div class="columns small-8">
|
||||
<p class="date">{{t('DANGER.PRISON')|e}}
|
||||
{% if lang == "fr" %}
|
||||
{{member.prison|date('d')}} {{'GRAV.MONTHS_OF_THE_YEAR'|ta(member.prison|date('n') - 1)}} {{member.prison|date('Y')}}
|
||||
{% else %}
|
||||
{{'GRAV.MONTHS_OF_THE_YEAR'|ta(member.prison|date('n') - 1)}} {{member.prison|date('d')}}, {{member.prison|date('Y')}}
|
||||
{% endif %}
|
||||
|
||||
|
||||
</p>
|
||||
<p><b>{{t('DANGER.PRISON')|e}}<br/> {{nicetime(member.prison, true, false)}}</b></p>
|
||||
</div>
|
||||
|
||||
{% case 'free' %}
|
||||
<div class="columns small-3 pic">
|
||||
<img src="{{ url('theme://images/free.png') }}" alt="">
|
||||
</div>
|
||||
<div class="columns small-8">
|
||||
|
||||
<p class="date">{{t('DANGER.FREE')|e}}
|
||||
{% if lang == "fr" %}
|
||||
{{member.free|date('d')}} {{'GRAV.MONTHS_OF_THE_YEAR'|ta(member.free|date('n') - 1)}} {{member.free|date('Y')}}
|
||||
{% else %}
|
||||
{{'GRAV.MONTHS_OF_THE_YEAR'|ta(member.free|date('n') - 1)}} {{member.free|date('d')}}, {{member.free|date('Y')}}
|
||||
{% endif %}
|
||||
|
||||
</p>
|
||||
<p><b>Encore en danger</b></p>
|
||||
</div>
|
||||
|
||||
{% default %}
|
||||
<p>error</p>
|
||||
{% endswitch %}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="resume">
|
||||
{{member.text}}
|
||||
</div>
|
||||
<div class="act">
|
||||
{% if member.textreso %}
|
||||
{% if lang == "fr" %}
|
||||
<h5>Comment agir ?</h5>
|
||||
{{ member.textreso }}
|
||||
{% else %}
|
||||
<h5>How to act ?</h5>
|
||||
{{ member.textreso }}
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
{% if lang == "fr" %}
|
||||
<h5>Partager sur les réseaux</h5>
|
||||
{% else %}
|
||||
<h5>Share on social media</h5>
|
||||
{% endif %}
|
||||
<div class="row">
|
||||
|
||||
<div class="columns small-3 post_picto">
|
||||
<a href="mailto:mail?subject={{ page.title }}&body={{ uri.url }}#{{member.membre|replace({' ': '_'})}}">
|
||||
<img src="{{ url('theme://images/contact.svg') }}" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div class="columns small-3 post_picto">
|
||||
<a href="https://www.facebook.com/sharer/sharer.php?u={{uri.url}}#{{member.membre|replace({' ': '_'})}}" target="_blank">
|
||||
<img src="{{ url('theme://images/f.svg') }}" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div class="columns small-3 post_picto">
|
||||
<a href="https://twitter.com/intent/tweet?url={{uri.url}}#{{member.membre|replace({' ': '_'})}}&text={{ page.title }}" target="_blank">
|
||||
<img src="{{ url('theme://images/t.svg') }}" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div class="columns small-3 post_picto">
|
||||
<a href="https://www.linkedin.com/shareArticle?mini=true&url={{ uri.url }}#{{member.membre|replace({' ': '_'})}}&title={{ page.title }}" target="_blank">
|
||||
<img src="{{ url('theme://images/in.svg') }}" alt="">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% if page.header.datavis == 1 %}
|
||||
<div id="datavis" class="columns large-12 large-offset-0 medium-12 medium-offset-0 small-10 small-offset-1" >
|
||||
<h2>{{ page.header.datavis_title}}</h2>
|
||||
<p>{{ page.header.datavis_text}}</p>
|
||||
{% set data = getJson() %}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% if page.header.datavis == 1 %}
|
||||
<div class="overlay_danger">
|
||||
<div class="row">
|
||||
|
||||
{% set coa_page = page.find("/coalitions") %}
|
||||
{% set c = 0 %}
|
||||
{% for coa in coa_page.children %}
|
||||
|
||||
{% if coa.header.member|length > 0 %}
|
||||
|
||||
{% for activist in coa.header.member %}
|
||||
|
||||
|
||||
<div class="columns small-10 small-offset-1 fiche" data-ref="{{c}}_{{activist.membre|replace({' ': ''})}}">
|
||||
<div class="row ">
|
||||
<div class="large-1 close-btn large-offset-11"></div>
|
||||
<div class="small-12">
|
||||
<div class=" row description">
|
||||
<div class="small-12 medium-6">
|
||||
<img class="member_pic" src="{{coa.url}}/{{activist.photo}}" alt="">
|
||||
</div>
|
||||
<div class="small-12 medium-6">
|
||||
<h3> {{coa.title}} </h3>
|
||||
|
||||
<mark class="act_name"> {{activist.membre}} </mark>
|
||||
|
||||
<p>
|
||||
<span class="info_date" >Arrêté·e le {{activist.prison|date('d')}} {{'GRAV.MONTHS_OF_THE_YEAR'|ta(activist.prison|date('n') - 1)}} {{activist.prison|date('Y')}} </span><br/>
|
||||
{% if activist.free %}
|
||||
<span class="info_date" >Libéré·e le {{activist.free|date('d')}} {{'GRAV.MONTHS_OF_THE_YEAR'|ta(activist.free|date('n') - 1)}} {{activist.free|date('Y')}} </span><br/>
|
||||
{% else %}
|
||||
<span class="info_date" >Toujours en prison </span><br/>
|
||||
{% endif %}
|
||||
<br/>
|
||||
{{activist.text}}
|
||||
</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
{% set c = c + 1 %}
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if page.header.datavis == 1 %}
|
||||
<script type="text/javascript">
|
||||
let data = {{ data|json_encode|raw }};
|
||||
displayDataviz(data);
|
||||
$( window ).resize(function() {
|
||||
$(".chart").remove();
|
||||
displayDataviz(data);
|
||||
});
|
||||
|
||||
$(".close-btn").on("click", function(){
|
||||
/* console.log($(".overlay_danger"));*/
|
||||
$(".overlay_danger").hide();
|
||||
$("body").find('.fiche').fadeOut();
|
||||
$("body").removeClass("no-scroll");
|
||||
});
|
||||
$(".overlay_danger").on("click", function(){
|
||||
/* console.log($(".overlay_danger"));*/
|
||||
$(".overlay_danger").hide();
|
||||
$("body").find('.fiche').fadeOut();
|
||||
$("body").removeClass("no-scroll");
|
||||
});
|
||||
|
||||
|
||||
$("#datavis").on("click",".label_info", function(){
|
||||
let ref = $(this).data("ref");
|
||||
$("body").find('.fiche[data-ref="'+ref+'"]').fadeIn();
|
||||
$(".overlay_danger").show();
|
||||
$("body").addClass("no-scroll");
|
||||
|
||||
|
||||
});
|
||||
$("#datavis").on("click",".miniItem", function(){
|
||||
let ref = $(this).data("ref");
|
||||
|
||||
$("body").find('.fiche[data-ref="'+ref+'"]').fadeIn();
|
||||
$(".overlay_danger").show();
|
||||
$("body").addClass("no-scroll");
|
||||
|
||||
});
|
||||
</script>
|
||||
{% endif %}
|
||||
|
||||
|
||||
|
||||
{% endblock %}
|
||||
Executable
+52
@@ -0,0 +1,52 @@
|
||||
{% extends 'partials/base.html.twig' %}
|
||||
|
||||
{% block content %}
|
||||
{% include 'partials/head.html.twig' %}
|
||||
|
||||
<div class="post columns large-9 medium-9 medium-offset-3 small-12 small-offset-0">
|
||||
<div class="row">
|
||||
<div class=" columns large-1 medium-1 medium-offset-0 small-10 small-offset-1" style="height:auto;">
|
||||
<div class="row post_picto_container">
|
||||
<div class="columns large-12 medium-12 medium-offset-0 small-1 small-offset-8 ">
|
||||
<div class="post_picto">
|
||||
<a href="mailto:mail?subject={{ page.title }}&body={{page.url}}">
|
||||
<img src="{{ url('theme://images/contact.svg') }}" alt="">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="columns large-12 medium-12 small-1">
|
||||
<div class="post_picto">
|
||||
<a href="https://www.facebook.com/sharer/sharer.php?u={{page.url}}" target="_blank">
|
||||
<img src="{{ url('theme://images/f.svg') }}" alt="">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="columns large-12 medium-12 small-1">
|
||||
<div class="post_picto">
|
||||
<a href="https://twitter.com/intent/tweet?url={{ page.url }}&text={{ page.title }}" target="_blank">
|
||||
<img src="{{ url('theme://images/t.svg') }}" alt="">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="columns large-12 medium-12 small-1">
|
||||
<div class="post_picto">
|
||||
<a href="https://www.linkedin.com/shareArticle?mini=true&url={{ page.url }}&title={{ page.title }}" target="_blank">
|
||||
<img src="{{ url('theme://images/in.svg') }}" alt="">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="columns post_content large-11 large-offset-0 medium-11 medium-offset-0 small-10 small-offset-1">
|
||||
<p>
|
||||
{{ page.content }}
|
||||
</p>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
{% endblock %}
|
||||
Executable
+7
@@ -0,0 +1,7 @@
|
||||
{% extends 'partials/base.html.twig' %}
|
||||
|
||||
{% block content %}
|
||||
<div class="lead text-center">
|
||||
<h2>Nous sommes désolés, cette page est introuvable.</h2>
|
||||
</div>
|
||||
{% endblock %}
|
||||
Executable
+157
@@ -0,0 +1,157 @@
|
||||
{% extends 'partials/base.html.twig' %}
|
||||
|
||||
{% block content %}
|
||||
|
||||
<div class="columns large-12 home_top">
|
||||
{% if page.header.activate_top == true %}
|
||||
{% set top = page.find(page.header.top) %}
|
||||
<div class="une row" style="background-image:url('{{top.url}}/{{top.header.media_thumbnail}}'); left:0;">
|
||||
<div class="columns small-3 bl">
|
||||
<h1>A la une</h1>
|
||||
</div>
|
||||
<div class="columns small-12 small-offset-0">
|
||||
<div class="row">
|
||||
<div class="columns medium-6 small-8 small-offset-1 ">
|
||||
<a href="{{top.url}}">
|
||||
|
||||
<mark>{{top.title}}</mark>
|
||||
<span class="tag" ><span>{{ top.header.taxonomy.tag|first }}</span></span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="columns large-12 close_col">
|
||||
<a href="#" class="close"></a>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
<div class="row">
|
||||
<div id="carousel" class="columns small-12">
|
||||
{% for image_list in page.header.gallery %}
|
||||
{% set elem = page.find(image_list.url) %}
|
||||
<div class='content'>
|
||||
<a href="{{base_url}}{{image_list.url}}">
|
||||
<mark>{{elem.title}}</mark>
|
||||
<img src="{{page.url}}/{{ image_list.image }}" alt="">
|
||||
|
||||
</a>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="columns large-4 medium-12 small-12">
|
||||
</div>
|
||||
<div class="large-7 medium-12 medium-offset-0 small-10 small-offset-1 intro">
|
||||
{{ page.content }}
|
||||
{# {% if lang == "fr" %}
|
||||
<a class="seemore" href="le-mouvement"> Qui sommes-nous ? </a>
|
||||
{% else %}
|
||||
<a class="seemore" href="le-mouvement"> Who are we ? </a>
|
||||
{% endif %} #}
|
||||
|
||||
</div>
|
||||
<div class="columns small-4 small-offset-1 big_buttons home_button" >
|
||||
<a href="le-mouvement" style="background:url('{{ url('theme://images/photo_home_qui.jpg') }}') rgba(233, 77, 26, 0.4);">
|
||||
{% if lang == "fr" %}
|
||||
<h3 class="inter"> Qui sommes-nous ?</h3>
|
||||
{% else %}
|
||||
<h3 class="inter"> Who are we ?</h3>
|
||||
{% endif %}
|
||||
{# <img src="{{ url('') }}" alt=""> #}
|
||||
</a>
|
||||
</div>
|
||||
<div class="columns small-3 big_buttons home_button" >
|
||||
|
||||
{% if lang == "fr" %}
|
||||
<a target="_blank" href="le-mouvement#devenir-membre" style="background:url('{{ url('theme://images/photo_home_membre.jpg') }}') rgb( 233, 77, 26);">
|
||||
<h3 class="inter">Devenir Membre</h3>
|
||||
{% else %}
|
||||
<a target="_blank" href="e/en/le-mouvement#become-a-member" style="background:url('{{ url('theme://images/photo_home_membre.jpg') }}') rgb( 233, 77, 26);">
|
||||
<h3 class="inter">Become a member</h3>
|
||||
{% endif %}
|
||||
{# <img src="" alt=""> #}
|
||||
</a>
|
||||
</div>
|
||||
<div class="columns small-3 big_buttons home_button" >
|
||||
<a target="_blank" href="https://www.helloasso.com/associations/tournons-la-page/formulaires/1" style="background:url('{{ url('theme://images/photo_home_soutenir.jpg') }}') rgb( 233, 77, 26);">
|
||||
{% if lang == "fr" %}
|
||||
<h3 class="inter">Nous soutenir</h3>
|
||||
{% else %}
|
||||
<h3 class="inter">Make a donation</h3>
|
||||
{% endif %}
|
||||
{# <img src="" alt=""> #}
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="columns small-12">
|
||||
<br><br>
|
||||
</div>
|
||||
|
||||
<div class="footer columns large-10 large-offset-1">
|
||||
{% include 'partials/footer_coa.html.twig' %}
|
||||
</div>
|
||||
|
||||
<!-- Actu -->
|
||||
<div class="post_bottom columns large-10 large-offset-1 medium-12 small-12 ">
|
||||
<div class="row">
|
||||
<div class="columns large-10 large-offset-0 medium-10 medium-offset-0 small-12">
|
||||
<h1 class="inter" >{{ page.find('/actualites').title }}</h1>
|
||||
</div>
|
||||
|
||||
{% for post in page.find('/actualites').children.remove(page.slug).order('date', 'desc').slice(0, 2) %}
|
||||
{% set source = post.header.media_thumbnail %}
|
||||
{% if source != null%}
|
||||
{% set info = "url('"~post.url~"/"~source~"')" %}
|
||||
{% else %}
|
||||
{% set info = null %}
|
||||
{% endif %}
|
||||
<div class=" columns large-6 medium-6 medium-offset-0 small-8 small-offset-2 recent-posts">
|
||||
<div class=" row ">
|
||||
<div class="columns large-12 thumb_news">
|
||||
<a style="background:{{ info }} rgb( 233, 77, 26);" href="{{ post.url }} ">
|
||||
<div class="row">
|
||||
<div class="columns large-8 align-self-bottom">
|
||||
<mark>{{ post.title }}</mark>
|
||||
<span class="tag" ><span>{{ post.header.taxonomy.tag|first }}</span></span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
{% for post in page.find('/actualites').children.remove(page.slug).order('date', 'desc').slice(2,3) %}
|
||||
{% set source = post.header.media_thumbnail %}
|
||||
{% if source != null%}
|
||||
{% set info = "url('"~post.url~"/"~source~"')" %}
|
||||
{% else %}
|
||||
{% set info = null %}
|
||||
{% endif %}
|
||||
<div class="columns large-4 medium-4 medium-offset-0 small-8 small-offset-2 recent-posts">
|
||||
<div class=" row ">
|
||||
<div class="columns large-12 thumb_news">
|
||||
<a style="background:{{ info }} rgb( 233, 77, 26);" href="{{ post.url }}">
|
||||
<div class="row">
|
||||
<div class="columns large-11 align-self-bottom">
|
||||
<mark>{{ post.title }}</mark>
|
||||
<span class="tag" ><span>{{ post.header.taxonomy.tag|first }}</span></span>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
<div class="columns large-12 medium-12 medium-offset-0 small-8 small-offset-2 ">
|
||||
{% if lang == "fr" %}
|
||||
<a class="seemore" href="actualites"> Voir toutes les actualités </a>
|
||||
{% else %}
|
||||
<a class="seemore" href="actualites"> See all the news </a>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
Executable
+70
@@ -0,0 +1,70 @@
|
||||
{% extends 'partials/base.html.twig' %}
|
||||
|
||||
{% block content %}
|
||||
{% include 'partials/head.html.twig' %}
|
||||
<div class="columns large-3 media_col">
|
||||
|
||||
<img src="{{page.url}}/{{ page.header.media_thumb}}" alt="">
|
||||
<h4 class="media_ref">{{page.header.info}}</h4>
|
||||
<p> fiche de lecture : {{page.header.author }} </p>
|
||||
<mark> {{ page.header.type|join(", ")}}</mark>
|
||||
<hr>
|
||||
{% if header.private == 1 %}
|
||||
{% if "lecteur" in grav.user.groups %}
|
||||
<div class="big_buttons"> <a href="{{page.url}}/{{header.file|first.name}}">{{t('MEDIA.DOWNLOAD')|e}} </a></div>
|
||||
{% else %}
|
||||
<div class="big_buttons"><a href="{{base_url}}/login" >{{t('MEDIA.CONNECTION')|e}}</a></div>
|
||||
{% endif %}
|
||||
{% else %}
|
||||
<div class="big_buttons"><a href="{{page.url}}/{{header.file|first.name}}">{{t('MEDIA.DOWNLOAD')|e}}</a></div>
|
||||
{% endif %}
|
||||
|
||||
|
||||
</div>
|
||||
<div class="post columns large-9 medium-9 small-12 small-offset-0">
|
||||
<div class="row">
|
||||
<div class=" columns large-1 medium-1 medium-offset-0 small-10 small-offset-1" style="height:auto;">
|
||||
<div class="row post_picto_container">
|
||||
<div class="columns large-12 medium-12 medium-offset-0 small-1 small-offset-8 ">
|
||||
<div class="post_picto">
|
||||
<a href="mailto:mail?subject={{ page.title }}&body={{page.url}}">
|
||||
<img src="{{ url('theme://images/contact.svg') }}" alt="">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="columns large-12 medium-12 small-1">
|
||||
<div class="post_picto">
|
||||
<a href="https://www.facebook.com/sharer/sharer.php?u={{page.url}}" target="_blank">
|
||||
<img src="{{ url('theme://images/f.svg') }}" alt="">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="columns large-12 medium-12 small-1">
|
||||
<div class="post_picto">
|
||||
<a href="https://twitter.com/intent/tweet?url={{ page.url }}&text={{ page.title }}" target="_blank">
|
||||
<img src="{{ url('theme://images/t.svg') }}" alt="">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="columns large-12 medium-12 small-1">
|
||||
<div class="post_picto">
|
||||
<a href="https://www.linkedin.com/shareArticle?mini=true&url={{ page.url }}&title={{ page.title }}" target="_blank">
|
||||
<img src="{{ url('theme://images/in.svg') }}" alt="">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="columns post_content large-11 large-offset-0 medium-11 medium-offset-0 small-10 small-offset-1">
|
||||
|
||||
{{ page.content }}
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
{% endblock %}
|
||||
Executable
+123
@@ -0,0 +1,123 @@
|
||||
{% extends 'partials/base.html.twig' %}
|
||||
|
||||
|
||||
{% block content %}
|
||||
{% include 'partials/head.html.twig' %}
|
||||
{# <div class="columns medium-12 medium-offset-0 small-11 small-offset-1 ss_menu">
|
||||
<div class="row">
|
||||
{% for module in page.header.sections %}
|
||||
<div class="">
|
||||
<a href="#{{module.title|hyphenize}}" >{{module.title}}</a>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
</div> #}
|
||||
|
||||
<div class="columns large-3 medium-3 medium-offset-0 small-10 small-offset-1 side_container">
|
||||
<div class="row">
|
||||
{% for module in page.header.sections %}
|
||||
<div class="columns small-12 ss_menu">
|
||||
<a href="#{{module.title|hyphenize}}" >{{module.title}}</a>
|
||||
</div>
|
||||
{% endfor %}
|
||||
|
||||
<div class="columns small-12 extra_content">
|
||||
{% if lang == "fr" %}
|
||||
<h4>Consultez aussi</h4>
|
||||
{% else %}
|
||||
<h4>Consult Also</h4>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
<div class="columns small-12 extra_content">
|
||||
{% if lang == "fr" %}
|
||||
<a href="{{page.find('/home/lappel').url}}" >L'appel</a>
|
||||
{% else %}
|
||||
<a href="{{page.find('/home/lappel').url}}" >Our plea</a>
|
||||
{% endif %}
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="columns small-12 extra_content">
|
||||
{% if lang == "fr" %}
|
||||
<a href="{{page.find('/home/5-questions').url}}" >5 questions pour comprendre la mobilisation</a>
|
||||
{% else %}
|
||||
<a href="{{page.find('/home/5-questions').url}}" >5 questions to understand mobilisation</a>
|
||||
{% endif %}
|
||||
</div>
|
||||
{# <div class="columns small-12 extra_content">
|
||||
{% if lang == "fr" %}
|
||||
<a href="{{page.find('/membres-en-danger').url}}" >Nos membres en danger</a>
|
||||
{% else %}
|
||||
<a href="{{page.find('/membres-en-danger').url}}" >Our members in danger</a>
|
||||
{% endif %}
|
||||
</div> #}
|
||||
{# <div class="columns small-12 extra_content">
|
||||
{% if lang == "fr" %}
|
||||
<a href="{{page.find('/podium').url}}" >Podiums des dictateurs au pouvoir</a>
|
||||
{% else %}
|
||||
<a href="{{page.find('/podium').url}}" >Dictators podium</a>
|
||||
{% endif %}
|
||||
</div> #}
|
||||
</div>
|
||||
{% include 'partials/sidebar.html.twig' %}
|
||||
</div>
|
||||
|
||||
<div class="post columns large-9 medium-9 small-12">
|
||||
<div class="row">
|
||||
<div class=" columns large-1 medium-1 medium-offset-0 small-10 small-offset-1" style="height:auto;">
|
||||
<div class="row post_picto_container">
|
||||
<div class="columns large-12 medium-12 medium-offset-0 small-1 small-offset-8 ">
|
||||
<div class="post_picto">
|
||||
<a href="mailto:mail?subject={{ page.title }}&body={{uri.url}}">
|
||||
<img src="{{ url('theme://images/contact.svg') }}" alt="">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="columns large-12 medium-12 small-1">
|
||||
<div class="post_picto">
|
||||
<a href="https://www.facebook.com/sharer/sharer.php?u={{uri.url}}" target="_blank">
|
||||
<img src="{{ url('theme://images/f.svg') }}" alt="">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="columns large-12 medium-12 small-1">
|
||||
<div class="post_picto">
|
||||
<a href="https://twitter.com/intent/tweet?url={{ uri.url }}&text={{ page.title }}" target="_blank">
|
||||
<img src="{{ url('theme://images/t.svg') }}" alt="">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="columns large-12 medium-12 small-1">
|
||||
<div class="post_picto">
|
||||
<a href="https://www.linkedin.com/shareArticle?mini=true&url={{ uri.url }}&title={{ page.title }}" target="_blank">
|
||||
<img src="{{ url('theme://images/in.svg') }}" alt="">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="columns post_content large-11 large-offset-0 medium-11 medium-offset-0 small-10 small-offset-1">
|
||||
{% for module in page.header.sections %}
|
||||
<div class="row modules">
|
||||
<div class="columns small-12 ">
|
||||
<h3 class="inter" id="{{module.title|hyphenize}}">{{module.title}}</h3>
|
||||
<p>{{ module.text}}</p>
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
|
||||
$("table img").each(function(){
|
||||
$(this).attr("src", window.location.href+"/"+$(this).attr("src"))
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
{% endblock %}
|
||||
Executable
+180
@@ -0,0 +1,180 @@
|
||||
<script type="text/javascript">
|
||||
var data = {{ data|json_encode|raw }};
|
||||
|
||||
let now = Date.now();
|
||||
/*let year_now = new Date().getFullYear() + 0;
|
||||
let futur = new Date( year_now.toString() );
|
||||
|
||||
now = futur.getTime();*/
|
||||
|
||||
let lane_array = []
|
||||
data.forEach(function(e){
|
||||
lane_array.push(e.title)
|
||||
});
|
||||
let datum = new Date('19990');
|
||||
let sec = datum.getTime();
|
||||
|
||||
var lanes = lane_array,
|
||||
laneLength = lanes.length,
|
||||
items = data,
|
||||
timeBegin = sec ,
|
||||
timeEnd = now ;
|
||||
|
||||
// get the d3 lib
|
||||
// append the d3
|
||||
var m = [20, 15, 15, 120], //top right bottom left -> margin
|
||||
w = 960 - m[1] - m[3], // width
|
||||
h = (laneLength * 150) - m[0] - m[2], // height
|
||||
miniHeight = laneLength * 12 + 50,
|
||||
mainHeight = h - miniHeight - 50;
|
||||
|
||||
//scales
|
||||
var x = d3.scaleLinear()
|
||||
.domain([timeBegin, timeEnd])
|
||||
.range([0, w]);
|
||||
|
||||
var x1 = d3.scaleLinear()
|
||||
.range([0, w]);
|
||||
|
||||
var y1 = d3.scaleLinear()
|
||||
.domain([0, laneLength])
|
||||
.range([0, mainHeight]);
|
||||
|
||||
var y2 = d3.scaleLinear()
|
||||
.domain([0, laneLength])
|
||||
.range([0, miniHeight]);
|
||||
|
||||
|
||||
|
||||
//creat the chart body
|
||||
var w_box = w + m[1] + m[3];
|
||||
var h_box = h + m[0] + m[2];
|
||||
var chart = d3.select(".datavis")
|
||||
.append("svg")
|
||||
.attr("viewBox",'0 0 '+ w_box +' '+ h_box )
|
||||
/*.attr("width", w + m[1] + m[3])
|
||||
.attr("height", h + m[0] + m[2])*/
|
||||
.attr("class", "chart");
|
||||
|
||||
|
||||
var main = chart.append("g")
|
||||
.attr("transform", "translate(" + m[3] + "," + m[0] + ")")
|
||||
.attr("width", w)
|
||||
.attr("height", mainHeight)
|
||||
.attr("class", "main");
|
||||
|
||||
|
||||
// X axis
|
||||
const xaxis = d3.scaleLinear()
|
||||
.domain([timeBegin, timeEnd])
|
||||
.range([0, w]);
|
||||
|
||||
main.append("g")
|
||||
.attr("transform", "translate(0," + mainHeight + ")")
|
||||
.call(d3.axisBottom(xaxis).ticks(4).tickFormat(d3.timeFormat('%Y')))
|
||||
.selectAll("text")
|
||||
/*.attr("transform", "translate(-10,10)rotate(-45)")*/
|
||||
.style("text-anchor", "center")
|
||||
.style("font-size", 10)
|
||||
.style("fill", "black");
|
||||
|
||||
|
||||
|
||||
|
||||
//main lanes and texts
|
||||
main.append("g").selectAll(".laneLines")
|
||||
.data(items)
|
||||
.enter().append("line")
|
||||
.attr("x1", m[1])
|
||||
.attr("y1", function(d) {return y1(d.lane);})
|
||||
.attr("x2", w)
|
||||
.attr("y2", function(d) {return y1(d.lane);})
|
||||
.attr("stroke", "lightgray")
|
||||
|
||||
main.append("g").selectAll(".laneText")
|
||||
.data(lanes)
|
||||
.enter().append("text")
|
||||
.text(function(d) {return d;})
|
||||
.attr("x", -m[1])
|
||||
.attr("y", function(d, i) {return y1(i + .5);})
|
||||
.attr("dy", ".5ex")
|
||||
|
||||
.attr("text-anchor", "end")
|
||||
.attr("class", "laneText");
|
||||
|
||||
// coalition
|
||||
|
||||
var coa = main.append("g").selectAll("rect")
|
||||
.data(items)
|
||||
.enter().append("rect")
|
||||
.attr("class", "coalition")
|
||||
.attr("x", function(d) {var date = new Date(d.start); console.log(d.start); return x(d.start);})
|
||||
.attr("y", function(d) {return y1(d.lane) + 10;})
|
||||
.attr("height", function(d) {return .8 * y1(1);})
|
||||
.attr("width", function(d) { return x(d.end) - x(d.start);})
|
||||
.attr("pos", function(d) {return d.lane });
|
||||
|
||||
|
||||
// labels
|
||||
/*labels = main.append("g").selectAll("text")
|
||||
.data(items, function (d) { return d.id; })
|
||||
.attr("x", function(d) {return x(d.start + 2);});
|
||||
|
||||
labels.enter().append("text")
|
||||
.text(function(d) {return d.id;})
|
||||
.attr("fill", "White")
|
||||
.attr("x", function(d) {return x(d.start + 2);})
|
||||
.attr("y", function(d) {return y1(d.lane + .5);});*/
|
||||
|
||||
|
||||
|
||||
//ok
|
||||
var act = main.append("g").selectAll("activists")
|
||||
.data(items)
|
||||
.enter()
|
||||
act.selectAll("rects")
|
||||
.data(function(d){ return d.activist })
|
||||
.enter().append("rect")
|
||||
.attr("x", function (d) { return x(d.start) } )
|
||||
.attr("y", function(d, i) { let l = items[d.lane].activist.length; let margin = y1(1)/(l+1) ; /*return y1(d.lane)*/ return y1( d.lane ) + ( margin * (i+1)) - 10 })
|
||||
.attr("height", 15 )
|
||||
.attr("width", function(d) {return x(d.end) - x(d.start);} )
|
||||
.attr("class", "rectangle");
|
||||
|
||||
act.selectAll("name")
|
||||
.data(function(d){ return d.activist })
|
||||
.enter().append("text")
|
||||
.text(function(d) {return d.name;})
|
||||
.attr("class", "name")
|
||||
.attr("x", function(d) {return x(d.start + .4) + 7;})
|
||||
.attr("y", function(d, i) {let l = items[d.lane].activist.length; let margin = y1(1)/(l+1) ; return y1( d.lane ) + ( margin * (i+1) ) + 1 });
|
||||
|
||||
|
||||
//adjust rect size
|
||||
let rect_array = $(".rectangle");
|
||||
$(".name").each(function(i, e){
|
||||
var bbox = this.getBBox();
|
||||
let name_size = bbox.width;
|
||||
let rect_size = $(rect_array[i]).width();
|
||||
if( name_size+ 15 > rect_size){
|
||||
$(rect_array[i]).css("width", name_size + 15);
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
//chart interaction
|
||||
|
||||
$(".rectangle").on("click", function(){
|
||||
$(".container_info").fadeIn("fast", function(){
|
||||
$(this).css("display", "grid");
|
||||
});
|
||||
});
|
||||
$(".container_info .button").on("click", function(){
|
||||
$(".container_info").fadeOut();
|
||||
});
|
||||
|
||||
|
||||
</script>
|
||||
+199
@@ -0,0 +1,199 @@
|
||||
{% set theme_config = attribute(config.themes, config.system.pages.theme) %}
|
||||
<!DOCTYPE html>
|
||||
<html lang="{{ grav.language.getActive ?: theme_config.default_lang }}">
|
||||
<head>
|
||||
{% block head %}
|
||||
<meta charset="utf-8" />
|
||||
<title>{% if header.title %}{{ header.title|e('html') }} ~ {% endif %}{{ site.title|e('html') }}</title>
|
||||
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
{% include 'partials/metadata.html.twig' %}
|
||||
|
||||
<link rel="icon" href="{{ url('theme://images/favicon.ico') }}" />
|
||||
<link rel="canonical" href="{{ page.url(true, true) }}" />
|
||||
|
||||
{% block stylesheets %}
|
||||
{% do assets.addCss('theme://css/app.css?q=1027') %}
|
||||
{% endblock %}
|
||||
<link rel="stylesheet" type="text/css" href="{{url('theme://css/slick.css')}}"/>
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fork-awesome@1.2.0/css/fork-awesome.min.css" integrity="sha256-XoaMnoYC5TH6/+ihMEnospgm0J1PM/nioxbOUdnM8HY=" crossorigin="anonymous">
|
||||
{{ assets.css() }}
|
||||
<script
|
||||
src="{{url('theme://js/jq.js')}}"
|
||||
></script>
|
||||
|
||||
|
||||
|
||||
{% block javascripts %}
|
||||
{% do assets.addJs('theme://js/app.js?q=099', 100) %}
|
||||
{% do assets.addJs('theme://js/lightbox.js', 99) %}
|
||||
{% do assets.addJs('theme://js/datavis.js?q=80', 99) %}
|
||||
{% endblock %}
|
||||
{{ assets.js() }}
|
||||
<script type="text/javascript" src="https://d3js.org/d3.v4.min.js"></script>
|
||||
|
||||
{% endblock head %}
|
||||
|
||||
</head>
|
||||
<body id="top" class="{{ page.header.body_classes }}">
|
||||
{% set lang = grav.language.getActive %}
|
||||
<div class="search_overlay row hide_s">
|
||||
{# <div class="columns small-10 small-offset-1 searchbar">
|
||||
</div>
|
||||
<div class="columns small-10 small-offset-1 results">
|
||||
</div> #}
|
||||
{% embed 'partials/tntsearch.html.twig' with { limit: 20, snippet: 150, min: 1, search_type: 'auto', dropdown: true } %}{% endembed %}
|
||||
<div class="columns small-1"><a class="close_search"><i class="fa fa-times" aria-hidden="true"></i></a></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
{% if page.slug != "home" %}
|
||||
<div class="container large-10 large-offset-1 medium-10 medium-offset-1 small-12 small-offset-0">
|
||||
{% else %}
|
||||
<div class="container large-12 large-offset-0 medium-12 medium-offset-0 small-12 small-offset-0">
|
||||
{% endif %}
|
||||
{% block body %}
|
||||
<div class="navigation row">
|
||||
{% include 'partials/navigation.html.twig' %}
|
||||
</div>
|
||||
<div class="row">
|
||||
{% block content %}{% endblock %}
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
||||
{% block footer %}
|
||||
{% if page.slug != "home" %}
|
||||
<div class="row">
|
||||
<div class="footer columns large-12">
|
||||
{% include 'partials/footer_coa.html.twig' %}
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
<div class="row">
|
||||
<div class="footer columns large-10 large-offset-1">
|
||||
{% include 'partials/footer.html.twig' %}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
{% endblock %}
|
||||
|
||||
|
||||
{% block bottom %}
|
||||
{{ assets.js('bottom') }}
|
||||
|
||||
{% endblock %}
|
||||
|
||||
</div>
|
||||
{% block last %}
|
||||
<div class="columns small-12">
|
||||
<div class="row mention">
|
||||
<div class="columns small-10 small-offset-1">
|
||||
<div class="row">
|
||||
<div class="columns large-4 medium-4 small-12">
|
||||
<p>{{ pages.find("/home").header.info_tel }}<br/>
|
||||
{{ page.find("/home").header.info_addr }}<br/>
|
||||
{{ page.find("/home").header.info_addr_post }}</p>
|
||||
</div>
|
||||
<div class="columns large-4 medium-4 small-12">
|
||||
<p>
|
||||
{% if lang == "fr" %}
|
||||
<a href="{{ page.find('/le-mouvement').url}}">Le Mouvement</a><br>
|
||||
<a href="{{ page.find('/nos-campagnes').url}}">Nos campagnes</a><br>
|
||||
<a href="{{ page.find('/actualites').url}}">Actualités</a><br>
|
||||
<a href="{{ page.find('/home/mentions-legales-et-credits').url}}">Mentions légales et crédits</a>
|
||||
{% else %}
|
||||
<a href="{{ page.find('/le-mouvement').url}}">The movement</a><br>
|
||||
<a href="{{ page.find('/nos-campagnes').url}}">Our campaigns</a><br>
|
||||
<a href="{{ page.find('/actualites').url}}">News</a><br>
|
||||
<a href="{{ page.find('/home/mentions-legales-et-credits').url}}">Credits</a>
|
||||
{% endif %}
|
||||
</p>
|
||||
|
||||
</div>
|
||||
<div class="columns large-4 medium-4 small-12 links">
|
||||
<div class="row">
|
||||
<div class="columns large-2 align-self-bottom">
|
||||
<a href="mailto:{{site.author.email}}">
|
||||
<img src="{{ url('theme://images/contact_w.svg') }}" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div class="columns large-2 align-self-bottom">
|
||||
<a href="https://www.facebook.com/CampagneTournonslapage">
|
||||
<img src="{{ url('theme://images/f_w.svg') }}" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div class="columns large-2 align-self-bottom">
|
||||
<a href="https://twitter.com/TournonsLaPage/">
|
||||
<img src="{{ url('theme://images/t_w.svg') }}" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div class="columns large-2 align-self-bottom">
|
||||
<a href="https://www.linkedin.com/company/tournons-la-page">
|
||||
<img src="{{ url('theme://images/in_w.svg') }}" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div class="columns large-2 align-self-bottom">
|
||||
<a href="https://www.youtube.com/channel/UCj5XBLG7pHdvuZaUEmV1HbQ">
|
||||
<img src="{{ url('theme://images/you_w.svg') }}" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div class="row" style="margin-top:2rem">
|
||||
{% for item in page.find("/home").header.logo %}
|
||||
<div class="column small-2">
|
||||
<img src="{{page.find("/home").url}}/{{ item.name }}" alt="">
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% endblock %}
|
||||
</div>
|
||||
|
||||
<script>
|
||||
|
||||
$(".close_search").on("click", function(){
|
||||
$(".search_overlay").addClass("hide_s");
|
||||
$("body").removeClass("no-scroll");
|
||||
});
|
||||
|
||||
$(".searchBar").on("click", function(){
|
||||
$(".search_overlay").removeClass("hide_s");
|
||||
$("body").addClass("no-scroll");
|
||||
});
|
||||
|
||||
//add +
|
||||
$(".menu .item a").each(function(){
|
||||
if( $(this).parent().find(".subitem").length > 0) {
|
||||
console.log($(this).find(".subitem"));
|
||||
let elem = " <a style='display:contents;font-weight:600;flex-flow:unset;' class='open_sesame'> +</a>";
|
||||
|
||||
$(this).append(elem);
|
||||
}
|
||||
});
|
||||
|
||||
/*$(".menu .item a").on("click",function(event){
|
||||
|
||||
if( $(this).parent().find(".subitem").length > 0 ) {
|
||||
event.preventDefault();
|
||||
$(this).parent().find(".subitem").fadeToggle();
|
||||
}
|
||||
});*/
|
||||
$(".menu .item a").on("click",".open_sesame",function(event){
|
||||
console.log("open");
|
||||
event.preventDefault();
|
||||
$(this).parents().eq(1).find(".subitem").fadeToggle();
|
||||
$(this).toggleClass("rotate");
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
+60
@@ -0,0 +1,60 @@
|
||||
|
||||
{# <div class="columns large-6 medium-6">
|
||||
|
||||
<a href="{{ page.find('/nos-campagnes').url }}"><img src="{{ url('theme://images/campagnes.svg') }}" alt="">
|
||||
{% if lang == "fr" %}
|
||||
<h1 class="inter">Nos<br/>Campagnes</h1>
|
||||
{% else %}
|
||||
<h1 class="inter">Our<br/>campaigns</h1>
|
||||
{% endif %}
|
||||
</a>
|
||||
</div> #}
|
||||
{# <div class="columns large-6 medium-6">
|
||||
|
||||
|
||||
|
||||
<a href="{{ page.find('/outils-et-ressources').url }}"><img src="{{ url('theme://images/outils.svg') }}" alt="">
|
||||
{% if lang == "fr" %}
|
||||
<h1 class="inter">Outils et ressources</h1>
|
||||
{% else %}
|
||||
<h1 class="inter">Tools and resources</h1>
|
||||
|
||||
{% endif %}
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
</div> #}
|
||||
<div class="row newsletter-widget">
|
||||
<div class="columns large-6 big_buttons">
|
||||
<a target="_blank" href="http://eepurl.com/g_-arn">
|
||||
{% if lang == "fr" %}
|
||||
<h3 class="inter">Recevoir notre newsletter</h3>
|
||||
{% else %}
|
||||
<h3 class="inter">Receive our newsletter</h3>
|
||||
{% endif %}
|
||||
<img src="{{ url('theme://images/newsletter.svg') }}" alt="">
|
||||
</a>
|
||||
{# <div id="mc_embed_signup ">
|
||||
<form action="https://tournonslapage.us10.list-manage.com/subscribe/post?u=80863159dc167fbb635d1ce17&id=1a3058fabd" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate " target="_blank" novalidate>
|
||||
<div id="mc_embed_signup_scroll row ">
|
||||
<input type="email" value="" name="EMAIL" class="email columns medium-10 medium-offset-0 small-10 small-offset-1" id="mce-EMAIL" placeholder="email address" required>
|
||||
<input type="submit" value="Envoyer" name="subscribe" id="mc-embedded-subscribe" class="button columns medium-3 medium-offset-0 small-10 small-offset-1">
|
||||
<!-- <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_80863159dc167fbb635d1ce17_1a3058fabd" tabindex="-1" value=""></div> -->
|
||||
</div>
|
||||
</form>
|
||||
</div> #}
|
||||
|
||||
<!--End mc_embed_signup-->
|
||||
</div>
|
||||
<div class="columns large-6 big_buttons">
|
||||
<a target="_blank" href="https://www.helloasso.com/associations/tournons-la-page/formulaires/1">
|
||||
{% if lang == "fr" %}
|
||||
<h3 class="inter">Faire un don</h3>
|
||||
{% else %}
|
||||
<h3 class="inter">Make a donation</h3>
|
||||
{% endif %}
|
||||
<img src="{{ url('theme://images/Donation.svg') }}" alt="">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
+115
@@ -0,0 +1,115 @@
|
||||
|
||||
<div class="coalition_footer row">
|
||||
<div class="columns large-12 medium-12 small-12">
|
||||
|
||||
{% if lang == "fr" %}
|
||||
<h1 class="inter">Les Coalitions</h1>
|
||||
{% else %}
|
||||
<h1 class="inter">The coalitions</h1>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="columns large-12 bcklines" style="position:relative;">
|
||||
<div class="europe seemore"><a href=" https://tournonslapage.org/fr/coalitions/tlp-europe ">Europe</a></div>
|
||||
<div class="row">
|
||||
|
||||
<div class="columns large-6 medium-6 small-12 coa_info">
|
||||
{% set pc = page.find('/coalitions') %}
|
||||
{% set coa = 0 %}
|
||||
{% set orga = 0 %}
|
||||
{% set danger = 0 %}
|
||||
{% for pays in pc.children %}
|
||||
{% set coa = coa + 1 %}
|
||||
{% set orga = orga + pays.header.info.nb|number_format %}
|
||||
{% for item in pays.header.member %}
|
||||
{% set danger = danger + 1 %}
|
||||
|
||||
{% endfor %}
|
||||
{% endfor %}
|
||||
<div class="row coa_intro">
|
||||
<div class="columns large-8 large-offset-1 medium-8 medium-offset-1">
|
||||
{# {{ pc.header.presentation}} #}
|
||||
<div class="row" style="text-align:center;">
|
||||
<div class="columns small-12 medium-10 medium-offset-1">
|
||||
<h4>{{coa}}</h4>
|
||||
{{t('COALITION')|e}}
|
||||
<hr>
|
||||
</div>
|
||||
|
||||
<div class="columns small-12 medium-10 medium-offset-1">
|
||||
<h4>{{orga}}</h4>
|
||||
{{t('ORGA')|e}}
|
||||
<hr>
|
||||
</div>
|
||||
<div class="columns small-12 medium-10 medium-offset-1">
|
||||
|
||||
<h4>{{danger}}</h4>
|
||||
{{t('MEMBER')|e}}
|
||||
<hr>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% for p in pc.children if p != page and p.slug != "tlp-europe" %}
|
||||
<div class="row {{p.slug}} country" data-country="{{p.slug}}">
|
||||
{# <a href="{{p.url}}"> #}
|
||||
<div class="columns large-11 large-offset-1 medium-11 medium-offset-1">
|
||||
<h2>{{ p.title }}</h2>
|
||||
<p>
|
||||
{% if lang == "fr" %}
|
||||
Crée en <b>{{ p.header.info.date }}</b><br/>
|
||||
― <b>{{ p.header.info.nb }}</b> organisations<br/>
|
||||
<u>Organisation coordinatrice</u> :<br/>
|
||||
<b>{{ p.header.info.orga }}</b>
|
||||
{% else %}
|
||||
Created in <b>{{ p.header.info.date }}</b><br/>
|
||||
― <b>{{ p.header.info.nb }}</b> organisations<br/>
|
||||
<u>Coordinating organization</u> :<br/>
|
||||
<b>{{ p.header.info.orga }}</b>
|
||||
{% endif %}
|
||||
|
||||
</p>
|
||||
</div>
|
||||
<div class="columns large-12 medium-12 seemore_container">
|
||||
|
||||
{% if lang == "fr" %}
|
||||
<a class="seemore" href="{{p.url}}">En savoir plus </a>
|
||||
{% else %}
|
||||
<a class="seemore" href="{{p.url}}"> Learn more </a>
|
||||
{% endif %}
|
||||
|
||||
</div>
|
||||
{# </a> #}
|
||||
</div>
|
||||
|
||||
{% endfor %}
|
||||
|
||||
|
||||
{# fix bug #}
|
||||
|
||||
<div class="row country active_land unknow" data-country="unknow">
|
||||
<a href="">
|
||||
<div class="columns large-11 large-offset-1 medium-11 medium-offset-1">
|
||||
|
||||
</div>
|
||||
<div class="columns large-12 medium-12 seemore_container">
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="columns large-6 medium-6 small-12 map">
|
||||
{% include 'partials/map.html.twig' %}
|
||||
</div>
|
||||
<script>
|
||||
var url = $(location).attr('href'),
|
||||
parts = url.split("/"),
|
||||
last_part = parts[parts.length-1];
|
||||
|
||||
$("#"+last_part).addClass("current_coa");
|
||||
</script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
+57
@@ -0,0 +1,57 @@
|
||||
<div class="columns large-12 medium-12 small-12">
|
||||
<div class="row head">
|
||||
{% if page.slug == "outils-et-ressources" %}
|
||||
{% set source = page.header.media_thumbnail|first.name %}
|
||||
{% else %}
|
||||
{% set source = page.header.media_thumbnail %}
|
||||
{% endif %}
|
||||
|
||||
{% if page.parent.slug != "coalitions" %}
|
||||
{% if source %}
|
||||
<div class="columns large-12 medium-12 small-12 image_wrapper">
|
||||
<img src="{{ page.url }}/{{ source }}" alt="">
|
||||
</div>
|
||||
{% endif %}
|
||||
<div class="columns large-12 medium-12 small-12 title_wrapper">
|
||||
<div class="title row align-bottom">
|
||||
<div class="columns large-7 medium-7 small-12">
|
||||
<mark>{{ page.title }}</mark>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% else %}
|
||||
<div class="columns large-12 head_coa coa_intro">
|
||||
<div class="row">
|
||||
<div style="background-color: white;" class="columns large-10 large-offset-1 medium-10 medium-offset-1 coa_info">
|
||||
<div class="row">
|
||||
<div class="columns small-6">
|
||||
<h2>{{ page.title }}</h2>
|
||||
<p>
|
||||
{% if lang == "fr" %}
|
||||
Créée en <b>{{ page.header.info.date }}</b><br/>
|
||||
― <b>{{ page.header.info.nb }}</b> organisations<br/>
|
||||
<u>Organisation coordinatrice</u> :<br/>
|
||||
<b>{{ page.header.info.orga }}</b>
|
||||
{% else %}
|
||||
Created in <b>{{ page.header.info.date }}</b><br/>
|
||||
― <b>{{ page.header.info.nb }}</b> organisations<br/>
|
||||
<u>Coordinating organization</u> :<br/>
|
||||
<b>{{ page.header.info.orga }}</b>
|
||||
{% endif %}
|
||||
|
||||
</p>
|
||||
</div>
|
||||
<div class="columns small-6">
|
||||
<img src="{{ page.url }}/{{ source }}" alt=""></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,9 @@
|
||||
{% set langobj = grav['language'] %}
|
||||
{% for key in langswitcher.languages %}
|
||||
{% if key == langswitcher.current %}
|
||||
{% set lang_url = page.url %}
|
||||
{% else %}
|
||||
{% set lang_url = base_url_simple ~ langobj.getLanguageURLPrefix(key) ~ langswitcher.page_route ~ page.urlExtension ?: '/' %}
|
||||
{% endif %}
|
||||
<link rel="alternate" hreflang="{{ key }}" href="{{ lang_url ~ uri.params }}" />
|
||||
{% endfor %}
|
||||
+30
@@ -0,0 +1,30 @@
|
||||
<ul class="langswitcher">
|
||||
{% for language in langswitcher.languages %}
|
||||
|
||||
{% set show_language = true %}
|
||||
{% if language == langswitcher.current %}
|
||||
{% set lang_url = page.url %}
|
||||
{% set active_class = ' active' %}
|
||||
{% else %}
|
||||
{% set base_lang_url = base_url_simple ~ grav.language.getLanguageURLPrefix(language) %}
|
||||
{% set lang_url = base_lang_url ~ langswitcher.page_route ~ page.urlExtension %}
|
||||
{% set untranslated_pages_behavior = grav.config.plugins.langswitcher.untranslated_pages_behavior %}
|
||||
{% if untranslated_pages_behavior != 'none' %}
|
||||
{% set translated_page = langswitcher.translated_pages[language] %}
|
||||
{% if (not translated_page) or (not translated_page.published) %}
|
||||
{% if untranslated_pages_behavior == 'redirect' %}
|
||||
{% set lang_url = base_lang_url ~ '/' %}
|
||||
{% elseif untranslated_pages_behavior == 'hide' %}
|
||||
{% set show_language = false %}
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
{% set active_class = '' %}
|
||||
{% endif %}
|
||||
|
||||
{% if show_language %}
|
||||
<li><a href="{{ lang_url ~ uri.params }}" class="external{{ active_class }}">{{ language }}</a></li>
|
||||
{% endif %}
|
||||
|
||||
{% endfor %}
|
||||
</ul>
|
||||
+265
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 183 KiB |
+92
@@ -0,0 +1,92 @@
|
||||
{% macro menu(page) %}
|
||||
|
||||
<ul class="vertical menu simple icon-top" style="display:none;">
|
||||
|
||||
{% for p in page.children %}
|
||||
{% if p.slug != "coalitions" and p.published() %}
|
||||
|
||||
<li class="item "><a href="{{ p.url }}"><i class="fi-list"></i>{{ p.title }}</a>
|
||||
|
||||
{% if p.slug == "outils-et-ressources" and p.published() %}
|
||||
|
||||
<ul class="subitem">
|
||||
<li class=""><a href="{{ p.url }}/type:doc">Documents</a></li>
|
||||
<li class=""><a href="{{ p.url }}/type:video">Video</a></li>
|
||||
<li class=""><a href="{{ p.url }}/type:images">Photos</a></li>
|
||||
<li class=""><a href="{{ p.url }}/type:newsletter">Newsletter</a></li>
|
||||
<li class=""><a href="{{ p.url }}/type:pod">Podcasts</a></li>
|
||||
<li class=""><a href="{{ p.url }}/type:media">Media</a></li>
|
||||
</ul>
|
||||
{% else %}
|
||||
{% if p.slug == "nos-projets" %}
|
||||
<ul class="subitem">
|
||||
{% for c in p.children %}
|
||||
|
||||
<li class=""><a href="{{ c.url }}">{{c.title}}</a></li>
|
||||
|
||||
{% endfor %}
|
||||
</ul>
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
</li>
|
||||
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
|
||||
{% if grav.user.access.site.login == 1 %} <li><a href="{{ base_url }}/login">{{t('MEDIA.LOGOUT')|e}}</a></li> {% endif %}
|
||||
</ul>
|
||||
{% endmacro %}
|
||||
|
||||
<ul class="nav columns large-11 medium-12 small-12 large-offset-1 medium-offset-0 small-offset-0">
|
||||
|
||||
<div class="row">
|
||||
<div class="logo columns large-5 medium-6 small-9">
|
||||
<a href="{{ base_url }}"><img src="{{ url('theme://images/logo.svg') }}" alt=""></a>
|
||||
</div>
|
||||
<div class="reseau large-5 large-offset-0 medium-5 medium-offset-0">
|
||||
<div class="row">
|
||||
<div class="columns large-2 align-self-bottom">
|
||||
<a href="mailto:{{site.author.email}}">
|
||||
<img src="{{ url('theme://images/contact.svg') }}" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div class="columns large-1 align-self-bottom">
|
||||
<a href="https://www.facebook.com/CampagneTournonslapage">
|
||||
<img src="{{ url('theme://images/f.svg') }}" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div class="columns large-2 align-self-bottom">
|
||||
<a href="https://twitter.com/TournonsLaPage/">
|
||||
<img src="{{ url('theme://images/t.svg') }}" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div class="columns large-2 align-self-bottom">
|
||||
<a href="https://www.linkedin.com/company/tournons-la-page">
|
||||
<img src="{{ url('theme://images/in.svg') }}" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div class="columns large-2 align-self-bottom">
|
||||
<a href="https://www.youtube.com/channel/UCj5XBLG7pHdvuZaUEmV1HbQ">
|
||||
<img src="{{ url('theme://images/you.svg') }}" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div class="columns large-1 align-self-bottom searchBar">
|
||||
<a>
|
||||
<i style="color: #6c6d7d"class="fa fa-search" aria-hidden="true"></i>
|
||||
</a>
|
||||
</div>
|
||||
<div class="columns large-2 align-self-bottom" >
|
||||
{% include 'partials/langswitcher.html.twig' %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="large-1 columns large-offset-1 medium-1 small-2" style="position:relative" >
|
||||
<div class="menu-container">
|
||||
<div class="icon">
|
||||
<div></div><div></div><div></div>
|
||||
</div>
|
||||
{{ _self.menu(pages) }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</ul>
|
||||
+34
@@ -0,0 +1,34 @@
|
||||
{% set pagination = pagination|default(page.collection.params.pagination) %}
|
||||
{% set base_url = base_url|default(page.url) %}
|
||||
|
||||
{% if pagination|length > 1 %}
|
||||
|
||||
<ul class="pagination">
|
||||
{% if pagination.hasPrev %}
|
||||
{% set url = (base_url ~ pagination.params ~ pagination.prevUrl)|replace({'//':'/'}) %}
|
||||
<li><a rel="prev" href="{{ url }}">«</a></li>
|
||||
{% else %}
|
||||
<li><span>«</span></li>
|
||||
{% endif %}
|
||||
|
||||
{% for paginate in pagination %}
|
||||
|
||||
{% if paginate.isCurrent %}
|
||||
<li><span class="active">{{ paginate.number }}</span></li>
|
||||
{% elseif paginate.isInDelta %}
|
||||
{% set url = (base_url ~ pagination.params ~ paginate.url)|replace({'//':'/'}) %}
|
||||
<li><a href="{{ url }}">{{ paginate.number }}</a></li>
|
||||
{% elseif paginate.isDeltaBorder %}
|
||||
<li class="gap"><span>…</span></li>
|
||||
{% endif %}
|
||||
|
||||
{% endfor %}
|
||||
{% if pagination.hasNext %}
|
||||
{% set url = (base_url ~ pagination.params ~ pagination.nextUrl)|replace({'//':'/'}) %}
|
||||
<li><a rel="next" href="{{ url }}">»</a></li>
|
||||
{% else %}
|
||||
<li><span>»</span></li>
|
||||
{% endif %}
|
||||
</ul>
|
||||
|
||||
{% endif %}
|
||||
+76
@@ -0,0 +1,76 @@
|
||||
<div class="row sidebar">
|
||||
{% if page.header.danger == 1 %}
|
||||
<div class="columns small-12 extra_content">
|
||||
{% if lang == "fr" %}
|
||||
<a href="{{page.find('membres-en-danger').url}}" >Nos membres en danger</a>
|
||||
{% else %}
|
||||
<a href="{{page.find('membres-en-danger').url}}" >Our members in danger</a>
|
||||
{% endif %}
|
||||
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if page.slug == "appel-a-dons" %}
|
||||
<div class="columns small-12 extra_content">
|
||||
<iframe id="haWidget" allowtransparency="true" src="https://www.helloasso.com/associations/tournons-la-page/formulaires/1/widget-bouton" style="width:100%;height:70px;border:none;"></iframe>
|
||||
|
||||
</div>
|
||||
{% endif %}
|
||||
{% for element in page.header.post_sidebar %}
|
||||
|
||||
<div class="columns large-12 medium-12 small-12">
|
||||
|
||||
{% set break = false %}
|
||||
{% set value = "" %}
|
||||
{% for key,type in element.type_info if not break %}
|
||||
{% if type == true %}
|
||||
{% set value = key %}
|
||||
{% set break = true %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
|
||||
{% if value == 'pages'%}
|
||||
{% set url_fetch = element.page %}
|
||||
{% set title = page.find(url_fetch).title %}
|
||||
{% set tag = page.find(url_fetch).taxonomy.tag[0] %}
|
||||
{% set url = base_url ~ element.page %}
|
||||
{% elseif value == 'url' %}
|
||||
{% set url = element.url %}
|
||||
{% set title = element.title %}
|
||||
{% set tag ="liens" %}
|
||||
{% elseif value == 'ressources' %}
|
||||
{% set title = element.ressources %}
|
||||
{% set ressources_collection = page.find("/outils-et-ressources").header%}
|
||||
{% set break = false %}
|
||||
{% for key,r in ressources_collection.images if not break %}
|
||||
{% if r.title == title %}
|
||||
{% set tag = r.tag[0] %}
|
||||
{% set url = page.find("/outils-et-ressources").url~"/title:"~r.title|hyphenize %}
|
||||
{% set break = true %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
{% for key,r in ressources_collection.doc if not break %}
|
||||
{% if r.title == title %}
|
||||
{% set tag = r.tag[0] %}
|
||||
{% set url = base_url ~"/"~r.doc|first.path %}
|
||||
{% set break = true %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
{% for key,r in ressources_collection.vid if not break %}
|
||||
{% if r.title == title %}
|
||||
{% set tag = r.tag[0] %}
|
||||
{% set url = r.url %}
|
||||
{% set break = true %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
|
||||
<a target="_blank" href="{{url}}"><mark>{{ title }}</mark></a>
|
||||
<span class="tag" ><span>{{ tag }}</span></span>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
{% endfor %}
|
||||
|
||||
|
||||
</div>
|
||||
+8
@@ -0,0 +1,8 @@
|
||||
{{ _self.img(page) }}
|
||||
<div id="carousel">
|
||||
|
||||
{% for image in page.header.custom.gallery %}
|
||||
|
||||
{% endfor %}
|
||||
|
||||
</div>
|
||||
+31
@@ -0,0 +1,31 @@
|
||||
{% set url = url|default(base_url|rtrim('/') ~ '/' ~ config.get('plugins.tntsearch.query_route', 's')|trim('/')) %}
|
||||
{% set limit = limit|default(config.get('plugins.tntsearch.limit', 20)) %}
|
||||
{% set snippet = snippet|default(config.get('plugins.tntsearch.snippet', 300)) %}
|
||||
{% set min = min|default(config.get('plugins.tntsearch.min', 3)) %}
|
||||
{% set search_type = search_type|default(config.get('plugins.tntsearch.search_type', 'auto')) %}
|
||||
{% set placeholder = placeholder|default('Search...') %}
|
||||
{% set live_update = in_page ? live_update|default(config.get('plugins.tntsearch.live_uri_update', 1)) : 0 %}
|
||||
{% set nojs_action = config.get('plugins.tntsearch.search_route', '/search')|trim('/') %}
|
||||
|
||||
{% set options = { uri: url, limit: limit, snippet: snippet, min: min, in_page: in_page, live_update: live_update, search_type: search_type } %}
|
||||
|
||||
<form role="form" class="tntsearch-form columns small-10 small-offset-1" action="{{ nojs_action }}" method="get">
|
||||
|
||||
{% block tntsearch_input %}
|
||||
<div id="tntsearch-wrapper columns small-12" class="form-group{{ dropdown ? ' tntsearch-dropdown' : '' }}">
|
||||
<input type="text" name="q" class="form-control form-input tntsearch-field{{ in_page ? ' tntsearch-field-inpage' : '' }}" data-tntsearch="{{ options|json_encode|e('html_attr') }}" placeholder="{{ placeholder }}" value="{{ not dropdown ? query|e : '' }}" autofocus>
|
||||
<span class="tntsearch-clear"{{ not query or dropdown ? ' style="display: none;"' : '' }}>×</span>
|
||||
</div>
|
||||
{% endblock %}
|
||||
<div class="tntsearch-results{{ in_page ? ' tntsearch-results-inpage' : '' }}">
|
||||
{% if tntsearch_results is defined and tntsearch_results is not empty and in_page %}
|
||||
{% include 'tntquery-ajax.html.twig' %}
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
{% if config.get('plugins.tntsearch.powered_by') %}
|
||||
<p class="tntsearch-powered-by">
|
||||
{{ "PLUGIN_TNTSEARCH.POWERED_BY"|t("<a href='https://github.com/trilbymedia/grav-plugin-tntsearch' target='_blank'>TNTSearch</a>")|raw }}
|
||||
</p>
|
||||
{% endif %}
|
||||
</form>
|
||||
Executable
+69
@@ -0,0 +1,69 @@
|
||||
{% extends 'partials/base.html.twig' %}
|
||||
|
||||
|
||||
{% block content %}
|
||||
{% include 'partials/head.html.twig' %}
|
||||
<div class="columns large-3 medium-3 medium-offset-0 small-10 small-offset-1 side_container">
|
||||
{% include 'partials/sidebar.html.twig' %}
|
||||
</div>
|
||||
|
||||
<div class="post columns large-9 medium-9 small-12">
|
||||
<div class="row">
|
||||
<div class=" columns large-1 medium-1 medium-offset-0 small-10 small-offset-1" style="height:auto;">
|
||||
<div class="row post_picto_container">
|
||||
<div class="columns large-12 medium-12 medium-offset-0 small-1 small-offset-8 ">
|
||||
<div class="post_picto">
|
||||
<a href="mailto:mail?subject={{ page.title }}&body={{page.url}}">
|
||||
<img src="{{ url('theme://images/contact.svg') }}" alt="">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="columns large-12 medium-12 small-1">
|
||||
<div class="post_picto">
|
||||
<a href="https://www.facebook.com/sharer/sharer.php?u={{page.url}}" target="_blank">
|
||||
<img src="{{ url('theme://images/f.svg') }}" alt="">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="columns large-12 medium-12 small-1">
|
||||
<div class="post_picto">
|
||||
<a href="https://twitter.com/intent/tweet?url={{ page.url }}&text={{ page.title }}" target="_blank">
|
||||
<img src="{{ url('theme://images/t.svg') }}" alt="">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="columns large-12 medium-12 small-1">
|
||||
<div class="post_picto">
|
||||
<a href="https://www.linkedin.com/shareArticle?mini=true&url={{ page.url }}&title={{ page.title }}" target="_blank">
|
||||
<img src="{{ url('theme://images/in.svg') }}" alt="">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="columns post_content large-11 large-offset-0 medium-11 medium-offset-0 small-10 small-offset-1">
|
||||
<div class="row info_post">
|
||||
{% for cat in page.header.taxonomy.tag %}
|
||||
{% if cat == "Tribune" %}
|
||||
{% set source = url('theme://images/trib.svg') %}
|
||||
{% else %}
|
||||
{% set source = url('theme://images/com.svg') %}
|
||||
{% endif %}
|
||||
|
||||
<div class=" columns large-12"><span class="post_cat"><img src="{{ source }}" alt=""> {{ cat }}</span> {{ (page.header.date != "") ? "Posté le "~page.header.date~", " : '' }} {{ (page.header.publish_date != "") ? "modifié le "~page.header.publish_date : '' }} {{ (page.header.author != "") ? "par "~page.header.author : '' }}</div>
|
||||
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
<p>
|
||||
{{ page.content }}
|
||||
</p>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
{% endblock %}
|
||||
Executable
+131
@@ -0,0 +1,131 @@
|
||||
{% extends 'partials/base.html.twig' %}
|
||||
|
||||
|
||||
{% block content %}
|
||||
{% include 'partials/head.html.twig' %}
|
||||
<div class="columns large-3 medium-3 medium-offset-0 small-10 small-offset-1 side_container">
|
||||
{% include 'partials/sidebar.html.twig' %}
|
||||
</div>
|
||||
|
||||
<div class="post columns large-9 medium-9 small-12">
|
||||
<div class="row">
|
||||
<div class=" columns large-1 medium-1 medium-offset-0 small-10 small-offset-1" style="height:auto;">
|
||||
<div class="row post_picto_container">
|
||||
<div class="columns large-12 medium-12 medium-offset-0 small-1 small-offset-8 ">
|
||||
<div class="post_picto">
|
||||
<a href="mailto:mail?subject={{ page.title }}&body={{ uri.url }}">
|
||||
<img src="{{ url('theme://images/contact.svg') }}" alt="">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="columns large-12 medium-12 small-1">
|
||||
<div class="post_picto">
|
||||
<a href="https://www.facebook.com/sharer/sharer.php?u={{uri.url }}" target="_blank">
|
||||
<img src="{{ url('theme://images/f.svg') }}" alt="">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="columns large-12 medium-12 small-1">
|
||||
<div class="post_picto">
|
||||
<a href="https://twitter.com/intent/tweet?url={{ uri.url }}&text={{ page.title }}" target="_blank">
|
||||
<img src="{{ url('theme://images/t.svg') }}" alt="">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="columns large-12 medium-12 small-1">
|
||||
<div class="post_picto">
|
||||
<a href="https://www.linkedin.com/shareArticle?mini=true&url={{ uri.url }}&title={{ page.title }}" target="_blank">
|
||||
<img src="{{ url('theme://images/in.svg') }}" alt="">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="columns post_content large-11 large-offset-0 medium-11 medium-offset-0 small-10 small-offset-1">
|
||||
<div class="row info_post">
|
||||
{% for cat in page.header.taxonomy.tag %}
|
||||
{% if cat == "Tribune" %}
|
||||
{% set source = url('theme://images/trib.svg') %}
|
||||
{% else %}
|
||||
{% set source = url('theme://images/com.svg') %}
|
||||
{% endif %}
|
||||
|
||||
<div class=" columns large-12"><span class="post_cat"><img src="{{ source }}" alt=""> {{ cat }}</span> {{ (page.header.date != "") ? "Posté le "~page.header.date~", " : '' }} {{ (page.header.publish_date != "") ? "modifié le "~page.header.publish_date : '' }} {{ (page.header.author != "") ? "par "~page.header.author : '' }}</div>
|
||||
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
<p>
|
||||
{{ page.content }}
|
||||
</p>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="post_bottom columns large-12 ">
|
||||
<div class="row">
|
||||
<div class="columns large-12 medium-12 small-12">
|
||||
<h1 class="inter" >{{ page.find('/actualites').title }}</h1>
|
||||
</div>
|
||||
|
||||
{% for post in page.find('/actualites').children.remove(page.slug).order('date', 'desc').slice(0, 2) %}
|
||||
{% set source = post.header.media_thumbnail %}
|
||||
{% if source != null%}
|
||||
{% set info = "url('"~post.url~"/"~source~"')" %}
|
||||
{% else %}
|
||||
{% set info = null %}
|
||||
{% endif %}
|
||||
<div class=" columns large-6 medium-6 medium-offset-0 small-8 small-offset-2 recent-posts">
|
||||
<div class=" row ">
|
||||
<div class="columns large-12 thumb_news">
|
||||
<a style="background:{{ info }};" href="{{ post.url }}">
|
||||
<div class="row">
|
||||
<div class="columns large-8 align-self-bottom">
|
||||
<mark>{{ post.title }}</mark>
|
||||
<span class="tag" ><span>{{ post.header.taxonomy.tag|first }}</span></span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
{% for post in page.find('/actualites').children.remove(page.slug).order('date', 'desc').slice(2,3) %}
|
||||
{% set source = post.header.media_thumbnail %}
|
||||
{% if source != null%}
|
||||
{% set info = "url('"~post.url~"/"~source~"')" %}
|
||||
{% else %}
|
||||
{% set info = null %}
|
||||
{% endif %}
|
||||
<div class="columns large-4 medium-4 medium-offset-0 small-8 small-offset-2 recent-posts">
|
||||
<div class=" row ">
|
||||
<div class="columns large-12 thumb_news">
|
||||
<a style="background:{{ info }};" href="{{ post.url }}">
|
||||
<div class="row">
|
||||
<div class="columns large-11 align-self-bottom">
|
||||
<mark>{{ post.title }}</mark>
|
||||
<span class="tag" ><span>{{ post.header.taxonomy.tag|first }}</span></span>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
<div class="columns large-12 medium-12 medium-offset-0 small-8 small-offset-2 ">
|
||||
<a class="seemore" href="../actualites"> voir toutes les actualités</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
|
||||
$("p img").each(function(){
|
||||
$(this).attr("src", window.location.href+"/"+$(this).attr("src"))
|
||||
});
|
||||
|
||||
</script>
|
||||
{% endblock %}
|
||||
Executable
+159
@@ -0,0 +1,159 @@
|
||||
{% extends 'partials/base.html.twig' %}
|
||||
|
||||
|
||||
{% block content %}
|
||||
|
||||
{% include 'partials/head.html.twig' %}
|
||||
<div class="columns medium-12 medium-offset-0 small-11 small-offset-1 ss_menu">
|
||||
<div class="row">
|
||||
{% for module in page.header.sections %}
|
||||
<div class="">
|
||||
<a href="#{{module.title|hyphenize}}" >{{module.title}}</a>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="columns large-3 medium-3 medium-offset-0 small-10 small-offset-1 side_container">
|
||||
<div class="row">
|
||||
<div class="columns small-12 extra_content">
|
||||
{% if lang == "fr" %}
|
||||
<a href="{{page.find('\/home\/lappel').url}}" >L'appel</a>
|
||||
{% else %}
|
||||
<a href="{{page.find('\/home\/lappel').url}}" >Our plea</a>
|
||||
{% endif %}
|
||||
|
||||
</div>
|
||||
<div class="columns small-12 extra_content">
|
||||
{% if lang == "fr" %}
|
||||
<a href="{{page.find('\/home\/5-questions').url}}" >5 questions pour comprendre la mobilisation</a>
|
||||
{% else %}
|
||||
<a href="{{page.find('\/home\/5-questions').url}}" >5 questions to understand mobilisation</a>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="columns small-12 extra_content">
|
||||
{% if lang == "fr" %}
|
||||
<a href="{{page.find('\/membres-en-danger').url}}" >Nos membres en danger</a>
|
||||
{% else %}
|
||||
<a href="{{page.find('\/membres-en-danger').url}}" >Our members in danger</a>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
{% include 'partials/sidebar.html.twig' %}
|
||||
</div>
|
||||
|
||||
<div class="post columns large-9 medium-9 small-12">
|
||||
<div class="row">
|
||||
<div class=" columns large-1 medium-1 medium-offset-0 small-10 small-offset-1" style="height:auto;">
|
||||
<div class="row post_picto_container">
|
||||
<div class="columns large-12 medium-12 medium-offset-0 small-1 small-offset-8 ">
|
||||
<div class="post_picto">
|
||||
<a href="mailto:mail?subject={{ page.title }}&body={{uri.url}}">
|
||||
<img src="{{ url('theme:\/\/images\/contact.svg') }}" alt="">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="columns large-12 medium-12 small-1">
|
||||
<div class="post_picto">
|
||||
<a href="https://www.facebook.com/sharer/sharer.php?u={{uri.url}}" target="_blank">
|
||||
<img src="{{ url('theme:\/\/images\/f.svg') }}" alt="">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="columns large-12 medium-12 small-1">
|
||||
<div class="post_picto">
|
||||
<a href="https://twitter.com/intent/tweet?url={{ uri.url }}&text={{ page.title }}" target="_blank">
|
||||
<img src="{{ url('theme:\/\/images\/t.svg') }}" alt="">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="columns large-12 medium-12 small-1">
|
||||
<div class="post_picto">
|
||||
<a href="https://www.linkedin.com/shareArticle?mini=true&url={{ uri.url }}&title={{ page.title }}" target="_blank">
|
||||
<img src="{{ url('theme:\/\/images\/in.svg') }}" alt="">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="columns post_content podiums large-11 large-offset-0 medium-11 medium-offset-0 small-10 small-offset-1">
|
||||
{% set this_year = "now"|date('Y')|number_format %}
|
||||
|
||||
{% if lang == "fr" %}
|
||||
<h3 class="inter">TOP 10 DES DICTATEURS AU POUVOIR</h3>
|
||||
|
||||
{% else %}
|
||||
<h3 class="inter">Top 10 dictators in power</h3>
|
||||
{% endif %}
|
||||
<p>{{ page.header.dictateurIntro }}</p>
|
||||
<br>
|
||||
<div class="row dictateurs">
|
||||
{% set max = this_year|number_format - page.header.topDic|first.years|number_format %}
|
||||
{% for dic in page.header.topDic %}
|
||||
<div class="columns small-5 dicInfo">
|
||||
<b>
|
||||
{{ dic.name }},<br/>
|
||||
{{ dic.country }}
|
||||
</b>
|
||||
</div>
|
||||
<div class="columns small-7 align-self-middle">
|
||||
{% set c = this_year|number_format - dic.years|number_format %}
|
||||
|
||||
{% set p = c * 80 / max %}
|
||||
<div class="chartBar" style="height:100%; width:{{ p }}%">
|
||||
<span><b>{{ c * -1 }}</b></span>
|
||||
</div>
|
||||
<div class="crown" style="width:calc( 100% - {{ p }}%)">
|
||||
<img src="{{uri.url}}/{{ dic.dicpic }}" alt="">
|
||||
<div class="crown_pic" style="content: url({{ url('theme:\/\/images\/crown.svg') }});" ></div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
<div class="columns small-5 dicInfo"></div>
|
||||
<div class="columns small-7 align-self-middle">
|
||||
<div class="" style="height:100%; width:100%">
|
||||
<b>{{header.classementType}}</b>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<br><br>
|
||||
{% if land == "fr" %}
|
||||
<h3 class="inter">Classement - Pourcentage population ayant connu une même famille ou personne au pouvoir</h3>
|
||||
{% else %}
|
||||
<h3 class="inter">Ranking - Percentage of population having known the same family or person in power</h3>
|
||||
{% endif %}
|
||||
<div class="row countries">
|
||||
{% for c in page.header.classement %}
|
||||
<div class="columns small-6 country">
|
||||
|
||||
|
||||
<div class="flag"><div class="percent">{{ c.perc }}%</div><img src="{{uri.url}}\/{{c.flag}}" alt=""></div>
|
||||
<div class="cinfo">
|
||||
<span class="orange">{{c.name}}</span><br/>
|
||||
{{ c.info }}
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
if($(".crown_pic").length > 0) {
|
||||
$(".crown_pic").each(function(){
|
||||
let angle = Math.random() * 20 - 1;
|
||||
console.log(angle);
|
||||
$(this).css("transform", "rotate("+angle+"deg)")
|
||||
});
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
{% endblock %}
|
||||
Executable
+119
@@ -0,0 +1,119 @@
|
||||
{% extends 'partials/base.html.twig' %}
|
||||
|
||||
{% block content %}
|
||||
{% include 'partials/head.html.twig' %}
|
||||
|
||||
<div class="post columns large-12 medium-12 medium-offset-0 small-12 small-offset-0">
|
||||
<div class="row">
|
||||
<div class=" columns large-1 medium-1 medium-offset-0 small-10 small-offset-1" style="height:auto;">
|
||||
<div class="row post_picto_container">
|
||||
<div class="columns large-12 medium-12 medium-offset-0 small-1 small-offset-8 ">
|
||||
<div class="post_picto">
|
||||
<a href="mailto:mail?subject={{ page.title }}&body={{page.url}}">
|
||||
<img src="{{ url('theme://images/contact.svg') }}" alt="">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="columns large-12 medium-12 small-1">
|
||||
<div class="post_picto">
|
||||
<a href="https://www.facebook.com/sharer/sharer.php?u={{page.url}}" target="_blank">
|
||||
<img src="{{ url('theme://images/f.svg') }}" alt="">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="columns large-12 medium-12 small-1">
|
||||
<div class="post_picto">
|
||||
<a href="https://twitter.com/intent/tweet?url={{ page.url }}&text={{ page.title }}" target="_blank">
|
||||
<img src="{{ url('theme://images/t.svg') }}" alt="">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="columns large-12 medium-12 small-1">
|
||||
<div class="post_picto">
|
||||
<a href="https://www.linkedin.com/shareArticle?mini=true&url={{ page.url }}&title={{ page.title }}" target="_blank">
|
||||
<img src="{{ url('theme://images/in.svg') }}" alt="">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="columns post_content large-11 large-offset-0 medium-11 medium-offset-0 small-10 small-offset-1" style="margin-bottom: 2rem;">
|
||||
|
||||
<div class="row">
|
||||
|
||||
<div class="columns small-12">
|
||||
{{ page.content }}
|
||||
</div>
|
||||
|
||||
{% if page.slug == "mediatheque" %}
|
||||
|
||||
<div class="columns small-12 ss_menu">
|
||||
<hr>
|
||||
<div class="row">
|
||||
<div class="doc_b columns small-3">
|
||||
{% if lang == "fr" %}
|
||||
<a class="selectable" data-type="film" >Film</a>
|
||||
{% else %}
|
||||
<a class="selectable" data-type="film" >Film</a>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="doc_b columns small-3">
|
||||
{% if lang == "fr" %}
|
||||
<a class="selectable" data-type="ouvrage" >Ouvrage</a>
|
||||
{% else %}
|
||||
<a class="selectable" data-type="ouvrage" >Ouvrage</a>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% for post in page.children %}
|
||||
{% set source = post.header.media_thumbnail %}
|
||||
{% if source != null%}
|
||||
{% set info = "url('"~post.url~"/"~source~"')" %}
|
||||
{% else %}
|
||||
{% set info = null %}
|
||||
{% endif %}
|
||||
{% set c = "" %}
|
||||
{% if post.header.type %}
|
||||
{% set c = post.header.type|join(" ") %}
|
||||
{% endif %}
|
||||
{% if top_page.title != post.title %}
|
||||
<div class=" columns large-4 medium-4 medium-offset-0 small-8 small-offset-2 sub-posts {{ c }} type">
|
||||
<div class=" row ">
|
||||
<div class="columns large-12 thumb_news thumb_sub">
|
||||
<a class="sub_grid_lk" style="background:{{ info }} rgb( 233, 77, 26);" href="{{ post.url }}">
|
||||
<div class="row">
|
||||
<div class="sub_title columns large-8 align-self-bottom">
|
||||
<mark>{{ post.title }}</mark>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
{% if page.slug == "mediatheque" %}
|
||||
<div class="columns small-12" style="margin-top:1rem">
|
||||
<h1 class="inter">Je participe</h1>
|
||||
<div class="columns small-10 small-offset-1 ">
|
||||
{{header.textform}}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="columns small-10 small-offset-1 contact_form">
|
||||
|
||||
{% include "forms/form.html.twig" %}
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
{% endblock %}
|
||||
Executable
+278
@@ -0,0 +1,278 @@
|
||||
{% extends 'partials/base.html.twig' %}
|
||||
|
||||
{% block content %}
|
||||
{% set t = grav.uri.param('title') %}
|
||||
{% set type = grav.uri.param('type') %}
|
||||
|
||||
|
||||
{% include 'partials/head.html.twig' %}
|
||||
<div class="columns medium-12 medium-offset-0 small-11 small-offset-1 ss_menu">
|
||||
<div class="row">
|
||||
<div class="doc_b">
|
||||
{% if type and type =="doc"%}
|
||||
{% set c = "select" %}
|
||||
{% else %}
|
||||
{% set c = " " %}
|
||||
{% endif %}
|
||||
<a class="selectable {{c}}" data-type="doc" >Documents</a>
|
||||
</div>
|
||||
<div class="doc_b">
|
||||
{% if type and type == "video"%}
|
||||
{% set c = "select" %}
|
||||
{% else %}
|
||||
{% set c = " " %}
|
||||
{% endif %}
|
||||
{% if lang == "fr" %}
|
||||
<a class="selectable {{c}}" data-type="video" >Vidéos</a>
|
||||
{% else %}
|
||||
<a class="selectable {{c}}" data-type="video" >Videos</a>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="doc_b">
|
||||
{% if type and type =="images"%}
|
||||
{% set c = "select" %}
|
||||
{% else %}
|
||||
{% set c = " " %}
|
||||
{% endif %}
|
||||
|
||||
{% if lang == "fr" %}
|
||||
<a class="selectable {{c}}" data-type="images" >Photos</a>
|
||||
{% else %}
|
||||
<a class="selectable {{c}}" data-type="images" >Pictures</a>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="doc_b">
|
||||
{% if type and type =="pod"%}
|
||||
{% set c = "select" %}
|
||||
{% else %}
|
||||
{% set c = " " %}
|
||||
{% endif %}
|
||||
|
||||
{% if lang == "fr" %}
|
||||
<a class="selectable {{c}}" data-type="pod" >Podcasts</a>
|
||||
{% else %}
|
||||
<a class="selectable {{c}}" data-type="pod" >Podcasts</a>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="doc_b">
|
||||
{% if type and type =="newsletter"%}
|
||||
{% set c = "select" %}
|
||||
{% else %}
|
||||
{% set c = " " %}
|
||||
{% endif %}
|
||||
|
||||
{% if lang == "fr" %}
|
||||
<a class="selectable {{c}}" data-type="newsletter" >Newsletter</a>
|
||||
{% else %}
|
||||
<a class="selectable {{c}}" data-type="newsletter" >Newsletter</a>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="doc_b">
|
||||
{% if type and type =="media"%}
|
||||
{% set c = "select" %}
|
||||
{% else %}
|
||||
{% set c = " " %}
|
||||
{% endif %}
|
||||
|
||||
{% if lang == "fr" %}
|
||||
<a class="selectable {{c}}" data-type="media" >TLP dans les médias</a>
|
||||
{% else %}
|
||||
<a class="selectable {{c}}" data-type="media" >TLP in the media</a>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
|
||||
<div class="columns medium-12 small-11 doc type">
|
||||
|
||||
{% if lang == "fr" %}
|
||||
{% set arr = {
|
||||
rapports : "Rapports de recherche",
|
||||
admin : "Rapports d’activités et administratifs",
|
||||
digital : "Outils numériques",
|
||||
com: "Communiqués et tribunes"
|
||||
} %}
|
||||
{% else %}
|
||||
{% set arr = {
|
||||
rapports : "Research reports",
|
||||
admin : "Activity and administrative reports",
|
||||
digital : "Digital tools",
|
||||
com: "Press releases and tribunes",
|
||||
} %}
|
||||
{% endif %}
|
||||
|
||||
|
||||
|
||||
<div class="row">
|
||||
{% for key,section in arr %}
|
||||
<div class="menu_selector column small-12" >
|
||||
<a class="selector" data-section="{{key}}" onclick="displaysection(this)">{{section}}</a>
|
||||
</div>
|
||||
{% endfor %}
|
||||
{% for key,section in arr %}
|
||||
<div class="section column small-12" >
|
||||
<div data-type="{{key}}" class="row">
|
||||
{% for item in page.header.doc %}
|
||||
{% if item.docTag[0] == key %}
|
||||
<div class="elem column small-4">
|
||||
{% set id = item.url|split("=") %}
|
||||
|
||||
<a style="background-image:url('{{ page.url~'/'~item.thumbnail|first.name }}'); background-color: grey;" href="{{ page.url~'/'~item.doc|first.name }}">
|
||||
|
||||
</a>
|
||||
</div>
|
||||
<div class="doc_desc column small-8">
|
||||
<div class="title">{{ item.title }}</div>
|
||||
<br>
|
||||
<p>{{ item.description }}</p>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row doc_container">
|
||||
<div class="columns medium-12 small-11 images type">
|
||||
<div class="row">
|
||||
{% for elem in page.header.images %}
|
||||
{% if t == elem.title|hyphenize %}
|
||||
{% set class = "requested" %}
|
||||
{% else %}
|
||||
{% set class = "" %}
|
||||
{% endif %}
|
||||
<div class=" elem columns small-4 {{ class }}">
|
||||
<!-- <div class="overlay"></div> -->
|
||||
{% for img in elem.image_list %}
|
||||
<a style="background-image:url('{{page.url}}/{{img.name}}')" href="{{page.url}}/{{img.name}}" data-lightbox="{{ elem.title|hyphenize }}" data-title="{{ elem.title }} - {{ img.meta.caption }}">
|
||||
<div class="title">{{ elem.title }} ({{ elem.image_list|length }} photos)</div>
|
||||
</a>
|
||||
{% endfor %}
|
||||
|
||||
</div>
|
||||
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="columns medium-12 small-11 video type">
|
||||
<div class="row">
|
||||
{% for elem in page.header.vid %}
|
||||
<div class="elem columns small-4">
|
||||
{% set id = elem.url|split("=") %}
|
||||
<a style="background-image:url(' https://img.youtube.com/vi/{{ id[1]}}/0.jpg')" href="{{ elem.url }}">
|
||||
<div class="title">{{ elem.title }}</div>
|
||||
</a>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="columns medium-12 small-11 pod type">
|
||||
<div class="row">
|
||||
{% for elem in page.header.pod %}
|
||||
<div class="elem pod_thumb columns large-4 small-10 small-offset-1">
|
||||
<mark>{{ elem.title }}</mark>
|
||||
<img src="{{page.url}}/{{elem.thumbnail|first.name}}" alt="">
|
||||
<br><br>
|
||||
{% for audio in elem.file %}
|
||||
<audio controls>
|
||||
<source src="{{page.url}}/{{audio.path}}" type="{{audio.type}}">
|
||||
Your browser does not support the audio element.
|
||||
</audio>
|
||||
{% endfor %}
|
||||
<p>
|
||||
{{ elem.desc }}
|
||||
</p>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="columns medium-12 small-11 newsletter type">
|
||||
<div class="row">
|
||||
{% for elem in page.header.nl %}
|
||||
<div class="columns small-12" style ="margin-bottom:1rem;">
|
||||
<a href="{{elem.url}}">
|
||||
<div class="row">
|
||||
<div class="newsletter_item small-12" >
|
||||
|
||||
<h5>{{ elem.title }}</h5>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="columns medium-12 small-11 media type">
|
||||
<div class="row">
|
||||
{% for elem in page.header.media %}
|
||||
<div class="columns small-12">
|
||||
<a href="{{elem.url}}">
|
||||
<div class="row">
|
||||
<div class="elem pod_thumb columns small-4">
|
||||
<img src="{{page.url}}/{{elem.thumbnail|first.name}}" alt="">
|
||||
</div>
|
||||
<div style="padding-left:1rem; margin:0;"class="elem small-8">
|
||||
|
||||
<p><mark>{{ elem.title }}</mark><br></p>
|
||||
<p><b>{{elem.date|date("d-m-Y")}}</b></p>
|
||||
<p> {{ elem.desc }} </p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<script>
|
||||
lightbox.option({
|
||||
'resizeDuration': 200,
|
||||
'wrapAround': true
|
||||
});
|
||||
|
||||
function displaysection(elem){
|
||||
let v = $(elem).data("section");
|
||||
if($(elem).hasClass("active")){
|
||||
$('.selector').removeClass("active");
|
||||
$(".section .row").show();
|
||||
}else{
|
||||
$('.selector').removeClass("active");
|
||||
$(elem).addClass("active");
|
||||
$(".section .row").hide();
|
||||
$(".section").find(`[data-type='${v}']`).show();
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
$(".selectable").each(function(){
|
||||
if($(this).hasClass("select")){
|
||||
console.log(this);
|
||||
var e=$(this).data("type");
|
||||
$(".type").hide();
|
||||
$("."+e).show();
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
|
||||
{% endblock %}
|
||||
Executable
+52
@@ -0,0 +1,52 @@
|
||||
{% extends 'partials/base.html.twig' %}
|
||||
|
||||
{% block content %}
|
||||
{% include 'partials/head.html.twig' %}
|
||||
|
||||
<div class="post columns large-9 medium-9 medium-offset-3 small-12 small-offset-0">
|
||||
<div class="row">
|
||||
<div class=" columns large-1 medium-1 medium-offset-0 small-10 small-offset-1" style="height:auto;">
|
||||
<div class="row post_picto_container">
|
||||
<div class="columns large-12 medium-12 medium-offset-0 small-1 small-offset-8 ">
|
||||
<div class="post_picto">
|
||||
<a href="mailto:mail?subject={{ page.title }}&body={{page.url}}">
|
||||
<img src="{{ url('theme://images/contact.svg') }}" alt="">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="columns large-12 medium-12 small-1">
|
||||
<div class="post_picto">
|
||||
<a href="https://www.facebook.com/sharer/sharer.php?u={{page.url}}" target="_blank">
|
||||
<img src="{{ url('theme://images/f.svg') }}" alt="">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="columns large-12 medium-12 small-1">
|
||||
<div class="post_picto">
|
||||
<a href="https://twitter.com/intent/tweet?url={{ page.url }}&text={{ page.title }}" target="_blank">
|
||||
<img src="{{ url('theme://images/t.svg') }}" alt="">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="columns large-12 medium-12 small-1">
|
||||
<div class="post_picto">
|
||||
<a href="https://www.linkedin.com/shareArticle?mini=true&url={{ page.url }}&title={{ page.title }}" target="_blank">
|
||||
<img src="{{ url('theme://images/in.svg') }}" alt="">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="columns post_content large-11 large-offset-0 medium-11 medium-offset-0 small-10 small-offset-1">
|
||||
<p>
|
||||
{{ page.content }}
|
||||
</p>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
{% endblock %}
|
||||
+19
@@ -0,0 +1,19 @@
|
||||
<div class=" tntsearch_results_container">
|
||||
{# <p class="info">
|
||||
{% if config.get('plugins.tntsearch.display_hits') %}
|
||||
<span class="hits">{{ "PLUGIN_TNTSEARCH.FOUND_RESULTS"|t(tntsearch_results.number_of_hits)|raw }}</span>
|
||||
{% endif %}
|
||||
{% if config.get('plugins.tntsearch.display_time') %}
|
||||
<span class="time">{{ "PLUGIN_TNTSEARCH.FOUND_IN"|t(tntsearch_results.execution_time)|raw }}</span>
|
||||
{% endif %}
|
||||
</p> #}
|
||||
{% for key, val in tntsearch_results.hits %}
|
||||
<h3 style="color: #e94d1a" class="title">
|
||||
<a href="{{ base_url ~ val.link }}">{{ val.title|raw }}</a>
|
||||
</h3>
|
||||
{% if config.get('plugins.tntsearch.display_route') %}
|
||||
<h6 class="route">{{ val.link|raw }}</h6>
|
||||
{% endif %}
|
||||
<p>{{ val.content|raw }}</p>
|
||||
{% endfor %}
|
||||
</div>
|
||||
Reference in New Issue
Block a user