templates/area/map_preview.html.twig line 1

Open in your IDE?
  1. {% block css %}
  2.     <link rel="stylesheet" type="text/css" media="screen" href="{{ asset('assets/game/styles/map.css') }}"/>
  3.     <link rel="stylesheet" type="text/css" media="screen" href="{{ asset('assets/game/scripts/stickytooltip.css') }}"/>
  4.     <link rel="stylesheet" type="text/css" media="screen" href="{{ asset('assets/game/style.css') }}"/>
  6. {% endblock %}
  8. {% block body %}
  9.     <div id="container"><br>
  10.         <center>
  11.             <h1>MAP PREVIEW {{ area.description }}</h1>
  12.             <font color=white>The preview only shows <a href="{{ path('guide_subpage', {'subpage': 'acre'}) }}">acres</a> and <a href="{{ path('guide_subpage', {'subpage': 'government'}) }}">government locations</a>, other info remains hidden. <a href="{{ path('site_index') }}">(www.the-outbreak.com)</a>
  13.             <br><br> Total active towns: ? | Total active raider camps: ?</font></center>
  15.         <div class="mapholder">
  16.             {% for acre in acres %}
  17.                 <div style="position:absolute;left:{{ (acre.x * 30) + 20 }}px;top:{{ (acre.y * 30) + 5 }}px;width:23px;height:23px;">
  18.                     <p><img src="{{ asset('assets/game/contentimages/map/icons/' ~ acre.type ~ '.png') }}" data-tooltip="acre{{ acre.id }}"></p>
  19.                 </div>
  20.             {% endfor %}
  22.             {% for location in govLocations %}
  23.                 <div style="position:absolute;left:{{ (location.x * 30) + 20 }}px;top:{{ (location.y * 30) + 5 }}px;width:23px;height:23px;">
  24.                     <p><img src="{{ asset('assets/game/contentimages/map/icons/' ~ location.name ~ '.png') }}" data-tooltip="gov{{ location.id }}"></p>
  25.                 </div>
  26.             {% endfor %}
  27.         </div>
  28.     </div>
  29. {% endblock %}
  31. {% block js %}
  32.     <script type="text/javascript" src="{{ asset('assets/game/scripts/jquery.min_new.js') }}"></script>
  33.     <script type="text/javascript" src="{{ asset('assets/game/scripts/stickytooltip.js') }}"></script>
  34. {% endblock %}