templates/index/index.html.twig line 1

Open in your IDE?
  1. {% extends "base.html.twig" %}
  3. {% block messages %}{% endblock %}
  5. {% block body %}
  6.     <div class="row maintop">
  7.         {% for message in app.flashes('notice') %}
  8.             <div class="resultbar front">
  9.                 <div class="resulttext">
  10.                     <span class="p1">{{ message|raw }}</span>
  11.                 </div>
  12.             </div>
  13.         {% endfor %}
  14.         <div class="nine columns slider">
  15.             <ul class="bxslider">
  16.                 <li><img src="{{ asset('assets/layout/slider/survive.jpg') }}" title="Survival: Lead your people as mayor of your town as the game progresses" alt="<h1>Survival</h1>Lead your people as mayor of your town"/></li>
  17.                 <li><img src="{{ asset('assets/layout/slider/build.jpg') }}" title="Build: Make your town stronger, build up your economy and defense" alt="<h1>Build</h1>Make your town stronger, build up your economy and defense"/></li>
  18.                 <li><img src="{{ asset('assets/layout/slider/strategy_game.jpg') }}" title="Realtime: Receive resources and energy to perform special actions each hour" alt="<h1>Realtime</h1>Receive resources and energy to perform special actions each hour"/></li>
  19.                 <li><img src="{{ asset('assets/layout/slider/multiplayer.jpg') }}" title="Multiplayer: Negotiate relations, trade and compete with other players in the game" alt="<h1>Multiplayer</h1>Negotiate relations, trade and compete with other players"/></li>
  20.                 <li><img src="{{ asset('assets/layout/slider/bam.jpg') }}" title="Attack: Use special operations and build an army to crush your enemies " alt="<h1>Attack</h1>Use special operations and build an army to crush your enemies "/></li>
  21.                 <li><img src="{{ asset('assets/layout/slider/government.jpg') }}" title="Area locations: Capture and control government locations" alt="<h1>Area locations</h1>Capture and control government locations"/></li>
  22.                 <li><a href="{{ path('story_diary_list') }}"><img src="{{ asset('assets/layout/slider/diary.jpg') }}" title="A survivors journal: Read how the story unfolds of an ordinary man that became an extraordinary leader"alt="<h1>A survivors journal</h1>Read how the story unfolds of an ordinary man that became an extraordinary leader"/></a></li>
  23.             </ul>
  24.         </div>
  26.         <div class="three columns loginbox">
  27.             {% if not app.user %}
  28.                 {{ message }}
  29.                 {{ form(form) }}
  30.                 <a href="{{ path('account_forgot_password') }}">Forgot your account details?</a>
  32.                 <a class='signup' href='{{ path('index_about') }}' target='_black'>About the game</a>
  33.                 <a class='signup' href='{{ path('account_index') }}' target='_self'>Create account</a>
  34.             {% else %}
  35.                 <center>
  36.                     {% if not app.user.hasArea %}
  37.                         <a class="logged" href="{{ path('area_index') }}"><img src="{{ asset('assets/layout/play.png') }}" alt="Outbreak - Play game" width="145" height="55"></a>
  38.                     {% elseif app.user.area.isTutorial %}
  39.                         <a class="logged" href="{{ path('tutorial_index') }}"><img src="{{ asset('assets/layout/play.png') }}" alt="Outbreak - Play game" width="145" height="55"></a>
  40.                     {% else %}
  41.                         <a href="{{ path('game_index') }}" class="logged"><img src="{{ asset('assets/layout/play.png') }}" alt="Outbreak - Play game" width="145" height="55"></a>
  42.                     {% endif %}
  43.                     <br>
  44.                     <a href="{{ path('logout') }}" class="logged"><img src="{{ asset('assets/layout/logout.png') }}" title="Outbreak - Logout" alt="Outbreak - Logout"></a>
  45.                 </center>
  46.                 <br>
  47.                 <br>
  48.                 <br>
  49.                 <a class='signup' href='{{ path('index_about') }}'>About the game</a>
  50.             {% endif %}
  51.             <a class='signup' href='{{ path('index_contributors') }}' target='_self'>Contributors</a>
  52.         </div>
  53.     </div>
  54.     <div class="row" style="margin-top: 3%">
  55.         <div class="nine columns">
  56.             <h2>Latest news</h2>
  57.             {% for announcement in latestNews %}
  58.                 <div class='minor-padding-frontpage'><span class='title'>{{ announcement.title }}</span> <br>
  59.                     <span class='announcement'>{{ announcement.text|raw|nl2br }}</span><br>
  60.                     <div class='seperator'></div>
  61.                     <span class='anlinks'>
  62.                         Posted: {{ announcement.published|format('F d Y') }}
  63.                         <!-- <a target='blank' href='/site/forum/list_topics.php?parent=1'><i class='fa fa-arrow-circle-down'></i>Older news</a>-->
  64.                         <a href='{{ path('announcement_index') }}'><i class='fa fa-comments'></i>Read full post</a>
  65.                     </span>
  66.                 </div>
  67.             {% endfor %}
  68.             <br><br>
  70.             <h1> What is The Outbreak? </h1>
  71.             <p>The Outbreak is an online strategy, survival and roleplaying browser game. It is based in a post
  72.                 apocalyptic world, where you survived and managed to secure a location within Kansas. It has become
  73.                 a community, growing bigger and bigger till the point you can call it a town.
  74.                 <br><br>
  75.                 This is where The Outbreak starts. You will have to provide your population with enough resources
  76.                 and keep them safe from harm. Will you need to expand? or are your troops only there to protect your
  77.                 town? maybe you will be an aggressor and plunder resources from the towns near you. It is all up to
  78.                 you. Act and react, as you respond to the problems a post apocalyptic town faces.<br><br>
  80.                 <a href="{{ path('story_index') }}"> Read more about the game </a> <br><br>
  81.             </p>
  83.             <h2>Lead and survive</h2>
  84.             <p>
  85.                 You are one of the few who have made it, using your surival skills you have impressed many. People
  86.                 are now looking at you to lead them. Survive, build, trade, negotiate and compete with other
  87.                 players. Can you lead the people of your town and prevent utter destruction?
  88.                 <h3><a href="{{ path('account_index') }}">Sign up now!</a></h3>
  89.             </p>
  90.         </div>
  92.         <div class="three columns side">
  93.             <a class="social shop" href="https://shop.the-outbreak.com/" target="_blank"> </a>
  94.             <a class="social discord" href="https://discord.com/invite/xve3r9c" target="_blank"> </a>
  95.             <a class="social facebook" href="https://www.facebook.com/TheOutbreakGame" target="blank"></a>
  96.             <br>
  97.             <a class="credit store" href="{{ path('account_order_credits') }}"></a>
  98.             <a class="social youtube" href="https://www.youtube.com/user/OutbreakWebgame" target="blank">Watch on Youtube </a>
  99.             <br>
  100.         </div>
  101.     </div>
  102. {% endblock %}