templates/main/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  4. {% block body %}
  5. <style>
  6. .example-wrapper { margin: 1em auto; max-width: 800px; width: 95%; font: 18px/1.5 sans-serif; }
  7. .example-wrapper code { background: #F5F5F5; padding: 2px 6px; }
  8. </style>
  12. {% include 'main/homeslide.html.twig' %}
  14. {% include 'main/slide.html.twig' %}
  15. {% include 'main/pub.html.twig' %}
  16. <div class=" w3-panel w3-animate-fading w3-round-xxlarge w3-center">
  17. <div class="w3-half">
  18. <button class="w3-bar-item w3-button w3-third " onclick="openCity('main')">
  19. <span class="w3-tag w3-round-large w3-white ">
  20. {% trans %}Description{% endtrans %}</span> </button>
  21. <button class="w3-bar-item w3-button w3-third " onclick="openCity('findings')">
  22. <span class="w3-tag w3-round-large w3-red w3-border w3-border-white">
  23. {% trans %}Findings{% endtrans %}</span> </button>
  24. <button class="w3-bar-item w3-button w3-third " onclick="openCity('motivations')">
  25. <span class="w3-tag w3-round-large w3-blue w3-border w3-border-white">
  26. {% trans %}Motivations{% endtrans %}</span> </button>
  27. </div>
  28. <div class="w3-half">
  29. <button class="w3-bar-item w3-button w3-third " onclick="openCity('actors')">
  30. <span class="w3-tag w3-round-large w3-light-blue w3-border w3-border-white">
  31. {% trans %} Actors{% endtrans %}</span> </button>
  32. <button class="w3-bar-item w3-button w3-third " onclick="openCity('functions')">
  33. <span class="w3-tag w3-round-large w3-lime w3-border w3-border-white">
  34. {% trans %}Functions{% endtrans %}</span> </button>
  35. <button class="w3-bar-item w3-button w3-third " onclick="openCity('benefits')">
  36. <span class="w3-tag w3-round-large w3-green w3-border w3-border-white">
  37. {% trans %} Benefits{% endtrans %}</span> </button>
  39. </div>
  40. </div>
  42. {% include 'main/description.html.twig' %}
  43. {% include 'main/findings.html.twig' %}
  44. {% include 'main/actors.html.twig' %}
  45. {% include 'main/motivations.html.twig' %}
  46. {% include 'main/functions.html.twig' %}
  47. {% include 'main/benefits.html.twig' %}
  52. <script>
  53. function openCity(cityName) {
  54. var i;
  55. var x = document.getElementsByClassName("city");
  56. for (i = 0; i < x.length; i++) {
  57. x[i].style.display = "none";
  58. }
  59. document.getElementById(cityName).style.display = "block";
  60. }
  61. </script>
  62. {% endblock %}