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

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

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

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