templates/pages/homepage.html.twig line 1

Open in your IDE?
  1. {% extends "base.html.twig" %}
  2. {% block title %}Homepage{% endblock %}
  3. {% block bodyClass %}homepage{% endblock %}
  5. {% import "components/macros.html.twig" as macros %}
  7. {% block body %}
  8.     <main role="main">
  9.         <section class="jumbotron text-center pt-5">
  10.             <div class="jumbotron-filter"></div>
  11.             <div class="container position-relative z-200">
  12.                 <h1 class="jumbotron-heading">Welcome to</h1>
  13.                 <img src="{{ asset('build/images/RappBattleLogoAlpha.png') }}" class="main-logo" alt="" />
  14.                 <p class="lead text-white">Where you can challenge your bros in a real RAP BATTLE! You can go to</p>
  15.                 <p>
  16.                     <a href="{{ path('downloads') }}" class="btn btn-primary my-2" >Downloads</a>
  17.                     <a href="#" class="btn btn-secondary my-2 js-scroll-to" data-target="battles">Or vote in battles bellow</a>
  18.                 </p>
  19.             </div>
  20.         </section>
  22.         <section id="battles" class="battles">
  23.             <div class="container py-5">
  24.                 <div class="row">
  25.                     <div class="col-12 heading">
  26.                         <h2>New battles</h2>
  27.                     </div>
  28.                 </div>
  29.                 <div class="row">
  30.                     {% if homepageBattles|length > 0 %}
  31.                         {% for battle in homepageBattles %}
  32.                             {{ macros.renderCard('battlecard',null,battle) }}
  33.                         {% endfor %}
  35.                         <a href="{{ path('battles') }}" class="btn btn-outline">See all battles</a>
  36.                     {% else %}
  37.                         <div class="no-content-message">
  38.                             <p class="text-center">No battles at this moment :(</p>
  39.                         </div>
  40.                     {% endif %}
  41.                 </div>
  42.             </div>
  43.         </section>
  45.         <section id="beats" class="beats bg-custom">
  46.             <div class="container py-5">
  47.                 <div class="row">
  48.                     <div class="col-12 heading">
  49.                         <h2 class="text-white">New beats</h2>
  50.                     </div>
  51.                 </div>
  53.                     {% if homepageBeats|length > 0 %}
  54.                     <div class="row">
  55.                         {% for beat in homepageBeats %}
  56.                             {{ macros.renderCard('samplecard',beat,null) }}
  57.                         {% endfor %}
  58.                     </div>
  59.                     <div class="row">
  60.                         <a href="{{ path('battles') }}" class="btn btn-outline-primary btn-outline col-3 mt-5 m-auto text-center text-white">See all beats</a>
  61.                     </div>
  62.                     {% else %}
  63.                     <div class="row">
  64.                         <div class="no-content-message">
  65.                             <p class="text-center text-white">No beats at this moment :(</p>
  66.                         </div>
  67.                     </div>
  68.                     {% endif %}
  70.             </div>
  71.         </section>
  73.         {% include 'components/parts/downloads.html.twig' %}
  74.     </main>
  75. {% endblock %}