templates/frontpage.html.twig line 1

Open in your IDE?
  1. {% extends "base.html.twig" %}
  2. {% block body %}
  3.         <!-- Start Frontpage Content -->
  4.         <p>&nbsp;</p>
  5.         {% if frontpage.header_article_enabled %}
  6.           <div class="jumbotron p-4 p-md-5 text-white rounded bg-dark">
  7.             <div class="row mb-2">
  8.             
  9.               <div class="col-md-{% if header_article.image %}8{% else %}12{% endif %} px-0">
  10.                 <h1 class="display-4 font-italic">{% if app.request.locale == 'nl' %}{{ header_article.title_nl }}{% else %}{{ header_article.title_en }}{% endif %}</h1>
  11.                 <p class="lead my-3">{% if app.request.locale == 'nl' %}{{ header_article.intro_nl|striptags|slice(0,250) ~ '...' }}{% else %}{{ header_article.intro_en|striptags|slice(0,250) ~ '...' }}{% endif %}</p>
  12.                 <p class="lead mb-0"><a href="{% if frontpage.header_article_type == 'article' %}{{ path('article',{ 'id' : header_article.id, 'url' : header_article.url }) }}
  13.                 {% elseif frontpage.header_article_type == 'glossary' %}{{ path('glossary',{ 'id' : header_article.id, 'url' : header_article.url }) }}
  14.                 {% endif %}" class="text-white font-weight-bold">{{ 'Verder lezen'|trans }}...</a></p>
  15.               </div>
  16.               {% if header_article.image %}<div class="col-md-4 px-0 text-right jumbotron-image"><img src="{{ header_article.image }}" class="img-fluid img-responsive rounded"></div>{% endif %}
  17.             </div>
  18.           </div>
  19.         {% endif %}
  21.         <div class="row mb-2 mt-2">
  22.           <div class="col-md-3 mt-2">
  23.             <div class="row no-gutters border rounded overflow-hidden flex-md-row mb-4 shadow-sm h-md-250 position-relative h-100 front-item">
  24.               <div class="col p-4 d-flex flex-column position-static">
  25.                 <strong class="d-inline-block mb-2 text-locations"><span class="feather-18" data-feather="map-pin"></span> {{ 'Locaties'|trans }}</strong>
  26.                 <div class="front-item-title mb-0">{% if app.request.locale == 'nl' %}{{ highlight_location.name_nl }}{% else %}{{ highlight_location.name_en }}{% endif %}</div>
  27.                 <p class="card-text mb-auto">{% if app.request.locale == 'nl' %}{{ highlight_location.description_nl|striptags|slice(0,200) ~ '...' }}{% else %}{{ highlight_location.description_en|striptags|slice(0, 200) ~ '...' }}{% endif %}</p>
  28.                 <a href="{% if frontpage.highlight_location_type == 'fossil' %}{{ path('locations_fossil',{ 'id' : highlight_location.id }) }}
  29.                 {% elseif frontpage.highlight_location_type == 'geology' %}{{ path('locations_geology',{ 'id' : highlight_location.id }) }}
  30.                 {% elseif frontpage.highlight_location_type == 'museum' %}{{ path('locations_museum',{ 'id' : highlight_location.id }) }}
  31.                 {% elseif frontpage.highlight_location_type == 'society' %}{{ path('locations_society',{ 'id' : highlight_location.id }) }}
  32.                 {% endif %}" class="stretched-link">{{ 'Locatie bekijken'|trans }}</a>
  33.               </div>
  34.             </div>
  35.           </div>
  36.            <div class="col-md-3 mt-2">
  37.             <div class="row no-gutters border rounded overflow-hidden flex-md-row mb-4 shadow-sm h-md-250 position-relative h-100 front-item">
  38.               <div class="col p-4 d-flex flex-column position-static ">
  39.                 <strong class="d-inline-block mb-2 text-information"><span class="feather-18" data-feather="book-open"></span> {{ 'Artikel'|trans }}</strong>
  40.                 <div class="front-item-title mb-0">{% if app.request.locale == 'nl' %}{{ highlight_article.title_nl }}{% else %}{{ highlight_article.title_en }}{% endif %}</div>
  41.                 <p class="mb-auto">{% if app.request.locale == 'nl' %}{{ highlight_article.description_nl|striptags|slice(0,200) ~ '...' }}{% else %}{{ highlight_article.description_en|striptags|slice(0, 250) }}{% endif %}</p>
  42.                 <a href="{% if frontpage.highlight_article_type == 'article' %}{{ path('article',{ 'id' : highlight_article.id, 'url' : highlight_article.url }) }}
  43.                 {% elseif frontpage.highlight_article_type == 'glossary' %}{{ path('glossary',{ 'id' : highlight_article.id, 'url' : highlight_article.url }) }}
  44.                 {% endif %}" class="stretched-link">{{ 'Artikel lezen'|trans }}</a>
  45.               </div>
  46.             </div>
  47.           </div>
  48.           <div class="col-md-3 mt-2">
  49.             <div class="row no-gutters border rounded overflow-hidden flex-md-row mb-4 shadow-sm h-md-250 position-relative h-100 front-item">
  50.               <div class="col p-4 d-flex flex-column position-static">
  51.                 <strong class="d-inline-block mb-2 text-community"><span class="feather-18" data-feather="message-circle"></span> {{ 'Community'|trans }}</strong>
  52.                 <div class="mb-1 text-muted">{{ 'Door'|trans }}: <a href="{{ path('user_profile_public', {username: highlight_community.username}) }}">{{ highlight_community.username }}</a></div>
  53.                 <p class="card-text mb-auto"><b>{{ highlight_community.post_subject }}</b></br>
  54.                 {{ highlight_community.post_text|striptags|bbcode|striptags|slice(0,150) ~ '...' }}</p>
  55.                 <a href="{{ forum_uri }}/viewtopic.php?f={{ highlight_community.forum_id }}&p={{ highlight_community.post_id }}#p{{ highlight_community.post_id }}" class="stretched-link">{{ 'Forumpost lezen'|trans }}</a>
  56.               </div>
  57.             </div>
  58.           </div>
  59.           <div class="col-md-3 mt-2">
  60.             <div class="row no-gutters border rounded overflow-hidden flex-md-row mb-4 shadow-sm h-md-250 position-relative h-100 front-item">
  61.               <div class="col p-4 d-flex flex-column position-static paleontica-mainitem">
  62.                 <strong class="d-inline-block mb-2 text-fossildb"><span class="feather-18" data-feather="eye"></span> {{ 'Fossielen database'|trans }}</strong>
  63.                 <div class="front-item-title mb-0">{{ highlight_fossildb.genus }} {{ highlight_fossildb.species }}</div>
  64.                 <div class="mb-1 text-muted">{% if app.request.locale == 'nl' %}{{ highlight_fossildb.taxanomy.namenl }}{% else %}{{ highlight_fossildb.taxanomy.nameen }}{% endif %}</div>
  65.                 <p class="card-text mb-auto">
  66.                 {% for photo in highlight_fossildb.FossildbPhotos %}{% if photo.isprimary == '1' %}
  67.                 {% set thumbnail = '/uploads/fossildb/' ~ photo.filename|slice(0, 2) ~ "/" ~ photo.filename %}
  68.                 <img src="{{ thumbnail|imagine_filter('fossildb_thumb_small') }}" class="img-fluid img-responsive">
  69.                 {% endif %}{% endfor %}</p>
  70.                 <a href="{{ path('fossildb_item',{ 'id' : highlight_fossildb.id }) }}" class="stretched-link">{{ 'Fossiel bekijken'|trans }}</a>
  71.               </div>
  72.             </div>
  73.           </div>
  74.         </div>
  75.         <p>&nbsp;</p>
  76.         <div class="row flex-md-row h-md-250 position-relative">
  77.           <div class="col-md-9 position-static">
  78.             <h3>Laatste nieuws</h3>
  79.             {% set newsfeed = newsfeed_part1 %}
  80.             {% include 'frontpage_newfeed_items.html.twig' with newsfeed %}
  81.             {% if frontpage.event_enabled %}
  82.             <p></p>
  83.             <div class="jumbotron jumbotron-fluid">
  84.               <div class="container">
  85.                 <h1 class="display-4">{{ frontpage.event_title }}</h1>
  86.                 <p class="lead">{{ frontpage.event_text }}</p>
  87.                 <p class="lead mb-0"><a href="{{ frontpage.event_url }}" class="text-dark font-weight-bold">{{ 'Ik wil meer weten'|trans }}...</a></p>
  88.               </div>
  89.             </div>
  90.             <p></p>
  91.             {% endif %}
  92.             {% set newsfeed = newsfeed_part2 %}
  93.             {% include 'frontpage_newfeed_items.html.twig' with newsfeed %}
  94.             <p></p>
  95.             <a href="#">Nieuwsarchief</a>
  96.           <!-- End Frontpage Content -->
  97.           </div>
  98.           {% include 'sidebar.html.twig' %}
  99.         </div>
  100. {% endblock %}
  101. {% block javascript %}
  102. {% endblock %}