templates/accueil/public.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}CEP-I Accueil{% endblock %}
  5. {% block stylesheets %}
  6.   <link rel="shortcut icon" type="image/x-icon" href="assets/images/favicon.ico">
  7.   <link rel="stylesheet" type="text/css" href="assets/vendor/magnific-popup.css">
  8.   <link rel="stylesheet" type="text/css" href="assets/vendor/slick-master/slick/slick.css">
  9.   <link rel="stylesheet" type="text/css" href="assets/vendor/selectric/public/selectric.css">
  10.   <link rel="stylesheet" type="text/css" href="assets/css/bundle.css">
  11.   <script src="assets/vendor/jquery-3.1.1.min.js"></script>
  12. {% endblock %}
  14. {% block breadcrumps %}{% endblock %}
  16. {% block body %}
  18.   <div class="slider-intro">
  19.     <div class="slider__clip">
  20.       <div class="slider__slides">
  22.           {% for slider in sliders %}
  24.             <div class="slider__slide" {% if loop.index != 1 %} style="display: none;" {% endif %} >
  25.               <div class="intro">
  26.                 {% if slider.link %}<a href="{{ slider.link }}">{% endif %}
  27.                 <div class="intro__bg" {% if slider.image %} style="background-image: url(/assets/uploads/slider/{{ slider.id }}/{{ slider.image }});" {% endif %} ></div>
  29.                 <div class="intro__inner">
  30.                   <div class="shell">
  31.                     <div class="intro__content">
  32.                       <h1>{{ slider.title }}</h1>
  34.                       <h2>{{ slider.subtitle }}</h2>
  36.                       <p>{{ slider.subtext }}</p>
  38.                     </div><!-- /.intro__content -->
  39.                   </div><!-- /.shell -->
  40.                 </div><!-- /.intro__inner -->
  41.                 {% if slider.link %}</a>{% endif %}
  42.               </div><!-- /.intro -->
  43.             </div><!-- /.slider__slide -->
  45.           {% endfor %}
  46.       </div><!-- /.slider__slides -->
  47.     </div><!-- /.slider__clip -->
  48.   </div><!-- /.slider -->
  51.   <section class="section-primary">
  52.     <div class="shell">
  53.       <div class="section__container">
  55.           {% if dossier %}
  56.             <div class="feature">
  58.                 {% if dossier.image is defined and dossier.image is not null %}
  59.                   <div class="feature__image" style="background-image: url('{{ '/assets/uploads/actualite/' ~ dossier.id ~ '/' ~ dossier.image }}');"></div>
  60.                 {% else %}
  61.                   <div class="feature__image" style="background-color: #A0C32E;"></div>
  62.                 {% endif %}
  64.               <div class="feature__body">
  65.                 <h6 class="feature__label">Dossier Du Mois</h6>
  67.                 <a href="{{ path('actualite_view', {'title' : dossier.link}) }}">
  68.                   <h2>{{ dossier.title }}</h2>
  70.                   <p>{{ dossier.description }}</p>
  72.                   <span class="link">
  73.                                       <span class="ico-container">
  74.                                           <i class="ico-arrow-white"></i>
  76.                                           <i class="ico-arrow-green"></i>
  77.                                       </span>
  79.                                       Voir Le Dossier
  80.                                   </span>
  81.                 </a>
  82.               </div><!-- /.feature__body -->
  83.             </div><!-- /.feature -->
  84.           {% endif %}
  86.       </div><!-- /.section__container -->
  88.       <aside class="section__aside">
  89.         <div class="widget-info widget-info--secondary" id="public-qui">
  90.           <h2>
  91.             <span>{{ about_us_page.subtitle ?? 'CEP I' }}</span>
  92.           </h2>
  94.           <div class="sub-box-public-homepage">
  95.             <div class="sub-box-public-homepage-contenu">
  96.               {{ util_service.bbcodeToHtml(about_us_page.content|replace({"\r\n\r\n" : ""})|escape)|raw|nl2br }}
  97.             </div>
  98.           </div>
  100.           <a href="/cepi" class="link" style="margin-top:20px">
  101.             <span class="ico-container">
  102.               <i class="ico-arrow"></i>
  103.               <i class="ico-arrow-green"></i>
  104.             </span>
  105.             Lire La Suite
  106.           </a>
  107.         </div><!-- /.widget-info -->
  108.       </aside><!-- /.section__aside -->
  109.     </div><!-- /.shell -->
  110.   </section><!-- /.section -->
  112.   <section class="section section--features">
  113.     <div class="section__bg" style="background-image: url(assets/images/temp/bg-1.jpg);"></div><!-- /.section__bg -->
  115.     <div class="shell">
  116.       <header class="section__head">
  117.         <h2 class="title">Dernières Actualités</h2>
  118.       </header><!-- /.section__head -->
  120.       <div class="section__body">
  121.         <div class="features">
  123.             {% for actualite in actualites %}
  125.               <div class="feature feature--primary">
  126.                 <a href="{{ path('actualite_view', {'title' : actualite.link}) }}">
  128.                     {% if actualite.image is defined and actualite.image is not null %}
  129.                       <div class="feature__image" style="background-image: url(
  130.                       {{ '/assets/uploads/actualite/' ~ actualite.id ~ '/' ~ actualite.image }}
  131.                               );"></div>
  132.                     {% else %}
  133.                       <div class="feature__image" style="background-color: #A0C32E;"></div>
  134.                     {% endif %}
  136.                   <div class="feature__body">
  137.                     <h5>
  138.                         {% set categories = actualite.category|split(',') %}
  139.                         {% for cat in categories %}
  140.                             {{ util_service.articleCategorieVersLabel(cat) }}
  141.                         {% endfor %}
  142.                     </h5>
  144.                     <p>
  145.                         {{ actualite.title }}
  146.                     </p>
  147.                   </div><!-- /.feature__body -->
  148.                 </a>
  149.               </div><!-- /.feature -->
  151.             {% endfor %}
  153.         </div><!-- /.features -->
  154.       </div><!-- /.section__body -->
  156.       <div class="section__actions">
  157.         <a href="{{ path('actualites') }}" class="btn">
  158.           <i class="ico-arrow-white"></i> Toutes Les Actualités
  159.         </a>
  160.       </div><!-- /.section__actions -->
  161.     </div><!-- /.shell -->
  162.   </section><!-- /.section -->
  164.   {% include '__includes__/newsletterForm.html.twig' %}
  166. {% endblock %}
  168. {% block javascripts %}
  169.   <script src="assets/vendor/magnific-popup.js"></script>
  170.   <script src="assets/vendor/slick-master/slick/slick.min.js"></script>
  171.   <script src="assets/vendor/selectric/public/jquery.selectric.min.js"></script>
  172.   <script src="assets/vendor/jquery-scrollLock.min.js"></script>
  173.   <script src="assets/vendor/validator.js"></script>
  174.   <script src="assets/js/bundle.js"></script>
  175.     <script>
  177. //        var textContainerHeight= $('.sub-box-public-homepage').height();
  178. //
  179. //        $('.sub-box-public-homepage-contenu').each(function () {
  180. //            var $ellipsisText = $(this);
  182.             // while ($ellipsisText.outerHeight(true) > textContainerHeight) {
  183.             //     $ellipsisText.text(function(index, text) {
  184.             //         return text.replace(/\W*\s(\S)*$/, '...');
  185.             //     });
  186.             // }
  187.         // })
  188.     </script>
  189. {% endblock %}