mediatheque

This commit is contained in:
armansansd
2023-07-18 10:47:46 +01:00
commit 4b7c97a02e
3044 changed files with 544089 additions and 0 deletions
+199
View File
@@ -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'>&nbsp;+</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>
View File
+60
View File
@@ -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&amp;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
View File
@@ -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/>
&#8213;&nbsp;<b>{{ p.header.info.nb }}</b> organisations<br/>
<u>Organisation coordinatrice</u>&nbsp;:<br/>
<b>{{ p.header.info.orga }}</b>
{% else %}
Created in <b>{{ p.header.info.date }}</b><br/>
&#8213;&nbsp;<b>{{ p.header.info.nb }}</b> organisations<br/>
<u>Coordinating organization</u>&nbsp;:<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
View File
@@ -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/>
&#8213;&nbsp;<b>{{ page.header.info.nb }}</b> organisations<br/>
<u>Organisation coordinatrice</u>&nbsp;:<br/>
<b>{{ page.header.info.orga }}</b>
{% else %}
Created in <b>{{ page.header.info.date }}</b><br/>
&#8213;&nbsp;<b>{{ page.header.info.nb }}</b> organisations<br/>
<u>Coordinating organization</u>&nbsp;:<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
View File
@@ -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>
File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 183 KiB

+92
View File
@@ -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
View File
@@ -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 }}">&laquo;</a></li>
{% else %}
<li><span>&laquo;</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>&hellip;</span></li>
{% endif %}
{% endfor %}
{% if pagination.hasNext %}
{% set url = (base_url ~ pagination.params ~ pagination.nextUrl)|replace({'//':'/'}) %}
<li><a rel="next" href="{{ url }}">&raquo;</a></li>
{% else %}
<li><span>&raquo;</span></li>
{% endif %}
</ul>
{% endif %}
+76
View File
@@ -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
View File
@@ -0,0 +1,8 @@
{{ _self.img(page) }}
<div id="carousel">
{% for image in page.header.custom.gallery %}
{% endfor %}
</div>
+31
View File
@@ -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;"' : '' }}>&times;</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>