templates/Pages/NewsPage/pagetemplate.html.twig line 1

Open in your IDE?
  1.     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css">
  2.     <link href="{{ asset('galerie/css/main.css')}}" rel="stylesheet">
  3.     {%  set homepagePageNode = nodemenu.getNodeByInternalName('homepage') %}
  4. <div class="hi-jumbo">
  5.     <h1 class="jumbo-title">News &amp; Événements</h1>
  6. </div>
  7. <style>
  8.     footer {
  9.     background-color:#3b3b3b;
  10.     color: #d6d4d7;
  11.     padding-top: 30px;
  12.     padding-bottom: 30px;
  13.     }
  14.     
  15.     .hsn-photo-viewer {
  16.     background: #F5F5F5;
  17. }
  18. body {
  19.     background-color: #FFF;
  20.     font-family: 'Oxygen', sans-serif;
  21.     font-size: medium;
  22. }
  23. </style>
  24. <section class="section" style="margin-bottom:25px;">
  25.     <div class="container">
  26.         <div class="row">
  27.             <div class="col-12">
  28.                 <nav aria-label="breadcrumb" role="navigation">
  29.                     <ol class="breadcrumb">
  30.                         <li class="breadcrumb-item"><a href="{{ path('_slug', { 'url': homepagePageNode.slug }) }}"><i class="icon-home"></i></a></li>
  31.                         <li class="breadcrumb-item">News &amp; Événements</li>
  32.                         <li class="breadcrumb-item">Lecture de l'article</li>
  33.                         <li class="breadcrumb-item active" aria-current="page">{{ page.title }}</li>
  34.                     </ol>
  35.                 </nav>
  36.             </div>
  37.             <div class="col-sm-8">
  38.                 <div class="row">
  39.                     <div class="col">
  40.                         <article class="article-open">
  41.                             <h1 class="art-title">{{ page.title }}</h1>
  42.                             {% if page.image is not empty %}
  43.                                 <figure class="art-img">
  44.                                     <img src="{{ asset(page.image.url) }}" class="img-fluid" {% if page.imageAltText is not empty %}alt="{{ page.imageAltText }}"{% endif %}>
  45.                                     {#<figcaption>
  46.                                         Aenean sit amet mi in nunc fermentum varius. Cras vehicula mauris sed est laoreet, et sagittis quam euismod. Fusce nisi risus, posuere in urna et, suscipit rutrum ex
  47.                                     </figcaption>#}
  48.                                 </figure>
  49.                             {% endif %}
  50.                             <time datetime="{{ page.date | date("Y-m-d")}}">{{ format_date(page.date) }}</time>
  51.                             <div class="text-content">
  52.                                 <p>
  53.                                     {{ page.summary|replace_url|raw }}
  54.                                 </p>
  55.                             </div>
  56.                             {#{ render_pageparts(page, 'newsmain') }#}
  57.                             
  58.                             {% set pagespart = getpageparts(page, 'newsmain') %}
  59.                             
  60.                             
  61.                             {% if pagespart!=null %}
  62.                             <div class="col-sm-12">
  63.                         <!--Content-->
  64.                         <h1 class="title-in">Gallérie photos</h1>
  65.                         <hr style="border-color:#ccc" />
  66.                     </div>
  68.                     <div class="col-sm-12">
  69.                         <div class="hsn-photo-viewer">
  70.                             <!--Liste des diapo-->
  71.                             
  72.                             {% for page_part in pagespart %}
  73.                                      {% if page_part is instanceof('App\\Entity\\PageParts\\ImagePagePart')  %}    
  74.                                 
  75.                                         <div class="diapo">
  76.                                  {% if page_part.media is not empty %}
  77.                                   <img src="{{ asset(page_part.media.url) }}" alt="{{page_part.altText}}" />
  78.                                   
  79.                                 <a class="dl-img" href="{{ asset(page_part.media.url) }}" title="Télécharger l'image"><i class="fa fa-download fa-lg"></i></a>
  80.                                 {% endif %}
  81.                                 <div class="hsn-diapo-caption">{{page_part.caption}}
  82.                                 </div>
  83.                             </div>
  84.                             
  85.                                         {# <div class="col-md-6">
  86.                                     <div class="card-services">
  87.                                         <a href="{{ page_part.media|replace_url }}" class="stretched-link">
  88.                                               {% if page_part.media is not empty %}
  89.                                               <img src="{{ asset(page_part.media.url)|imagine_filter('image_medium_jpg') }}"  class="card-services-img w-100" />
  90.                                               {% endif %}
  91.                                         </a>
  92.                                         <div class="card-services-caption">
  93.                                             <h3 class="card-services-title"></h3>
  94.                                         </div>
  95.                                     </div>
  96.                                 </div>
  97.                                 #}
  98.                                      {% endif %}
  99.                                 {% endfor %}
  100.                             
  101.                            
  102.                             
  103.                             <a href="#" class="hnext"><i class="fa fa-angle-right fa-3x"></i></a>
  104.                             <a href="#" class="hprev"><i class="fa fa-angle-left fa-3x"></i></a>
  105.                         </div>
  106.                     </div>
  107.                     {% endif %}
  108.                 
  109.                         </article>
  110.                     </div>
  111.                 </div>
  112.             </div>
  113.             {% include '@IUTUDCWebsite/Layout/_aside_right.html.twig' %}
  114.         </div>
  115.     </div>
  116. </section>
  117.    <!-- Javascript -->
  118.     <script type="text/javascript" src="{{ asset('galerie/js/jquery.min.js')}}"></script>
  119.     <script type="text/javascript" src="{{ asset('galerie/js/main.js')}}"></script>
  120.     <br>