valentin_le_moign/lamine_wp
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

html && bootsrap all section

Browse Source
This commit is contained in:
Kevin Tessier 2020-09-07 19:18:04 +02:00
parent 50669501c1
commit e0fc506ae1
3 changed files with 55 additions and 70 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
web/app/themes/la_mine/templates/accueil.twig
View File

@ -28,24 +28,28 @@
</section>
<section id="section_projets" class="row">
<div class="container-fluid">
{% include 'partial/section_projets.twig' %}
{# <div class="paralax" data-rellax-speed="-2" data-rellax-percentage="0.5">
<img src="{{theme.link}}/asset/images/objet_3.svg" alt="objet 3">
</div> #}
</div>
</section>
<section id="section_tpsF" class="row">
<div class="container-fluid">
{% include 'partial/section_tpsF.twig' %}
</div>
</section>
<section id="section_MineVideo" class="row">
<div class="__header">
<h3 class="titre">La Mine en vidéo</h3>
</div>
<div class="__body">
<div class="wrapper__content">
<div class="container-fluid">
<h3>La Mine en vidéo</h3>
<div class="row">
{% if post.video_la_mine %}
<figure>
<iframe width="560" height="315" src="//www.youtube.com/embed/{{ post.video_la_mine }}" frameborder="0" allowfullscreen></iframe>
</figure>
{% endif %}
</div>
</div>

37
web/app/themes/la_mine/templates/partial/section_projets.twig
View File

@ -1,10 +1,8 @@
<div class="__header">
<h3 class="titre">Les Projets</h3>
<h2 class="texte_chapeau">{{ post.meta('texte_chapeau_projet') }}</h2>
</div>
<div class="__body">
<h3>Les Projets</h3>
<h2>{{ post.meta('texte_chapeau_projet') }}</h2>
<div class="row">
<!--ajout chloe drag-->
<div id="drag_1" class="group_drag">
{# <div id="drag_1" class="group_drag">
<img src="{{theme.link}}/asset/images/objet_drag_1.svg">
</div>
<div id="drag_2" class="group_drag">
@ -30,35 +28,24 @@
</div>
<div id="drag_9" class="group_drag">
<img src="{{theme.link}}/asset/images/objet_drag_9.svg">
</div>
</div> #}
<!--fin ajout chloe drag-->
<div class="wrapper__content row justify-content-center">
{% for item in projet %}
<div class="colonne_section col-md-6 col-lg-4">
<div class="header">
<div class="col-4">
<h3>{{item.title}}</h3>
</div>
<div class="wrap_content">
<div class="row">
{{item.meta('text')|truncate(30)}}
<div class="projet">
<div class="col">
{% for projet in item.meta("projets") %}
<div class="wrap__content">
<div class="title_pjt">
{{projet.titre}}
</div>
<div class="content_pjt">
<h4>{{projet.titre}}</h4>
{{projet.text|truncate(20)}}
</div>
</div>
<!--les titres a utilisé pour faire les patch qui se drag-->
{% endfor %}
</div>
</div>
</div>
{% endfor %}
</div>
<div class="btn tout_voir">
<a href="/les-projets">Tout voir</a>
<div class="col">
<a rel="noreferrer" class="btn _all" href="/les-projets">Tout voir</a>
</div>
</div>

36
web/app/themes/la_mine/templates/partial/section_tpsF.twig
View File

@ -1,32 +1,26 @@
<div class="__header">
<h3 class="titre">Les temps forts</h3>
</div>
<div class="__body">
<div class="wrapper__content row justify-content-center">
<div class="row">
{% for item in tpsF %}
<div class="colonne_section col-12 col-sm-6 col-lg-4">
<div class="item tpsF_thumbnails">
<div class="__img">
<img src="{{item.thumbnail.src|resize(500, 500) }}" alt="{{item.thumbnail.title}}">
</div>
<div class="_content_tpsF">
<div class="title">
<div class="col-4 item tpsF_thumbnails">
<figure>
<img src="{{item.thumbnail.src }}" alt="{{item.thumbnail.alt}}" title="{{item.thumbnail.title}}">
</figure>
<div class="wrapper_content">
<div class="_title">
<h3>{{item.title}}</h3>
<div class="next_edition">
<p>Prochaine Édition :
<br><time>{{item.next_edition|date("F Y") }}</time></br>
</p>
<span>Prochaine Édition :
<br><time datetime="{{item.next_edition|date("F Y") }}">{{item.next_edition|date("F Y") }}</time></br>
</span>
</div>
</div>
<div class="content">
<div class="_content">
{{item.text|truncate(20)}}
</div>
</div>
</div>
</div>
{% endfor %}
</div>
<div class="btn tout_voir">
<a href="/les-temps-forts">Tout voir</a>
</div>
<div class="row">
<a rel="noreferrer" class="btn _all" href="/les-temps-forts">Tout voir</a>
</div>