src/views/index.twig line 1

Open in your IDE?
  1. {% import 'utility/_macros.twig' as macros %}
  3. {% extends 'layout/_base.twig' %}
  5. {% block head %}
  6. {% include 'layout/_head.twig' %}
  7. <script src="{{ asset('bundles/bazingajstranslation/js/translator.min.js') }}"></script>
  8. <script src="{{ url('bazinga_jstranslation_js') }}"></script>
  9. {{ macros.styleNscript('index') }}
  10. {% endblock %}
  12. {% block navbar include('layout/_navbar.twig') %}
  14. {% block main %}
  15. {{ include('headers/_index.twig') }}
  16. <style>
  17. .wrapper--small {
  18. max-width:94% !important;
  19. }
  20. </style>
  21. {# SECTION #}
  22. <section class="section section--issuesthemes" id="issuesandthemes">
  23.     <div class="wrapper--small text-center">
  24.         <h2 class="heading--display semibold issuesthemes--title mb-3">{{ 'issues_and_themes'|trans }}</h2>
  25.     </div>
  27.     <div class="wrapper--small ">
  29.         <div>
  30.             <div class="issues__theme">
  31.                 {% for bucket in data.buckets %}
  32.                 {% set bg = asset("uploads/#{bucket.cover}") %}
  33.                 <div class="card">
  34.                     <div class="card-body">
  35.                         <div style="background-image: url({{ bg }});height: 250px; width: 100%; background-position: center;background-size: cover;">
  36.                         </div>
  37.                         <div class="card-heading">{{ bucket.title|striptags|raw }}</div>
  38.                         <p style="font-size: 14px;height: 70px;">{{ bucket.description|u.truncate(120, '...') }}</p>
  39.                         <a class="btn btn-warning rounded-5" style="font-size: 14px;"
  40.                             href="{{ path('web_bucket', { id: bucket.id }) }}">{{ 'know_more'|trans }}
  41.                             <i class="fa-solid fa-arrow-right-long"></i>
  42.                         </a>
  43.                     </div>
  44.                 </div>
  46.                 {% else %}
  47.                 <div class="alert alert--warning alert--100">{{ 'no_issues_and_themes_found'|trans }}</div>
  48.                 {% endfor %}
  49.             </div>
  50.         </div>
  51.     </div>
  52. </section>
  54. <section class="section section--issuesthemes" style="background-color: #fff !important;">
  55.     <div class="wrapper--small text-center">
  56.         <h1 class="heading--display semibold header__news--head">{{ 'home.updates'|trans }}</h1>
  57.     </div>
  58.     <div class="wrapper--small ">
  59.         <div class="updates__theme">
  60.             {% for update in data.updates %}
  61.            <div>
  62.                 <div class="card">
  63.                     <div class="card-body"> 
  64.                         <div style="background-image: url('./assets/images/update-img.png');height: 250px; width: 100%; background-position: center;background-size: cover;">
  65.                         </div>
  66.                    <p class="article--title" style="font-size: 14px;height: 100px;padding: 12px 0px;">{{ update.title|raw }}</p>
  67.                 <a  class="btn btn-warning rounded-5" style="font-size: 14px;" href="{{ update.link }}" target="_blank">{{ 'home.read'|trans }} 
  68.                     <i class="fa-solid fa-arrow-right-long"></i></a>           
  69.                      </div>
  70.                 </div>
  71.             </div>            
  72.             {% endfor %}
  73.         </div>
  74. </section>
  76. {{ include('/join_our_mailing.twig') }}
  77. {% endblock %}
  78. {% block footer include('layout/_footer.twig') %}