templates/index.html.twig line 1

Open in your IDE?
  1. {% extends "base.html.twig" %}
  2. {% block body %}
  3. <style>
  4. * {margin: 0}
  5. #dashboard {
  6. padding: 20px;
  7. display: flex;
  8. height: 100%;
  9. width: 90%;
  10. flex-direction: row;
  11. flex-wrap: wrap;
  12. justify-content: space-evenly;
  13. align-items: center;
  14. }
  15. #dashboard .card {
  16. margin: 20px;
  17. border-radius: 6px;
  18. box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  19. padding: 20px;
  20. background-color: #fff;
  21. height: 100px;
  22. }
  23. #dashboard .card h2 {
  24. font-size: 1.5em;
  25. font-weight: bold;
  26. margin-bottom: 10px;
  27. }
  28. #dashboard ul li {
  29. margin-bottom: 10px;
  30. }
  31. </style>
  32. <a href="{{ path('admin') }}">Admin</a>
  33. <div id="dashboard">
  34. {% for jeu in jeux %}
  35. <div class="card">
  36. <h2>{{ jeu.nom }}</h2>
  37. <h3>{{ jeu.variante }}</h3>
  38. <p>{{ jeu.joueursMin }} à {{ jeu.joueursMax }} joueurs</p>
  39. </div>
  40. {% endfor %}
  41. </div>
  42. {% endblock %}