bulma.html.twig 4.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108
  1. <!DOCTYPE html>
  2. <html lang="fr" data-theme="light">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>{% block title %}Welcome!{% endblock %}</title>
  6. <!-- feuilles de style -->
  7. <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 128 128%22><text y=%221.2em%22 font-size=%2296%22>⚫️</text><text y=%221.3em%22 x=%220.2em%22 font-size=%2276%22 fill=%22%23fff%22>sf</text></svg>">
  8. {% block stylesheets %}
  9. {% endblock %}
  10. <!-- /feuilles de style -->
  11. <!-- javascripts -->
  12. {% block javascripts %}
  13. {% block importmap %}{{ importmap('app') }}{% endblock %}
  14. {% endblock %}
  15. <!-- /javascripts -->
  16. </head>
  17. <body {{ stimulus_controller('bulma-switch') }}>
  18. <!-- Navbar -->
  19. <nav class="navbar is-fixed-top has-shadow" role="navigation" aria-label="main navigation">
  20. <div class="container ">
  21. <div class="navbar-brand">
  22. <a class="navbar-item" href="/">
  23. <strong>Orgasso</strong>
  24. </a>
  25. <!-- Mobile menu toggle -->
  26. <a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbarMain" {{ stimulus_controller('bulma-burger') }}>
  27. <span aria-hidden="true"></span>
  28. <span aria-hidden="true"></span>
  29. <span aria-hidden="true"></span>
  30. </a>
  31. </div>
  32. <!-- Liens principaux -->
  33. <div id="navbarMain" class="navbar-menu">
  34. <div class="navbar-start">
  35. <a class="navbar-item" href="{{ path('app_main') }}">Accueil</a>
  36. <a class="navbar-item" href="#">Lien 1</a>
  37. <a class="navbar-item" href="#">Lien 2</a>
  38. </div>
  39. <div class="navbar-end">
  40. <div class="navbar-item is-hoverable has-text-current is-clickable" id="theme-toggle">
  41. <span class="icon is-small">
  42. {{ ux_icon('bi:circle-half') }}
  43. </span>
  44. </div>
  45. {% if app.user %}
  46. <div class="navbar-item has-dropdown is-hoverable">
  47. <a class="navbar-link">{{ app.user.firstName }}</a>
  48. <div class="navbar-dropdown is-right">
  49. <a class="navbar-item" href="{{ path('app_profile') }}" class="">Mon compte</a>
  50. <a class="navbar-item" href="#">Mes réservations</a>
  51. {% if is_granted('ROLE_ADMIN') %}
  52. <hr class="navbar-divider" />
  53. <a class="navbar-item" href="{{ path('app_admin') }}">Administration</a>
  54. <hr class="navbar-divider" />
  55. {% endif %}
  56. <a class="navbar-item" href="{{ path('app_logout') }}">Me déconnecter</a>
  57. </div>
  58. </div>
  59. {% else %}
  60. <div class="navbar-item">
  61. <div class="buttons">
  62. <a class="button is-primary" href="{{ path('app_login') }}">Connexion</a>
  63. </div>
  64. </div>
  65. {% endif %}
  66. </div>
  67. </div>
  68. </div>
  69. </nav>
  70. <!-- contenu principal -->
  71. <section class="main-content section">
  72. <div class="container">
  73. {% block messages %}
  74. {% for type, message in app.flashes() %}
  75. {{ component('Alert', {message: message[0], type: type}) }}
  76. {% endfor %}
  77. {% endblock %}
  78. {% block content %}
  79. <!-- Section 1 - Introduction -->
  80. <h1 class="title">Bienvenue sur notre site</h1>
  81. <p class="subtitle">Une introduction rapide à notre contenu et à notre mission.</p>
  82. {% endblock %}
  83. </div>
  84. </section>
  85. <footer class="footer">
  86. <div class="content has-text-centered">
  87. <p>
  88. <strong>Orgasso</strong> est une application de gestion de l'organisation d'événements pour les associations rôlistes.
  89. Application <a href="https://git.portes-imaginaire.org/portes-imaginaire_org/orgasso">diffusée</a> sous licence <a href="https://opensource.org/license/gpl-3-0">GPL 3.0</a>.
  90. </p>
  91. <p><a href="{{ path('app_code_of_conduct') }}">Charte animations</a> • <a href="{{ path('app_terms') }}">Conditions générales d'utilisation</a> • <a href="{{ path('app_legal') }}">Mentions légales</a> • <a href="{{ path('app_contact') }}">Contacts</a></p>
  92. </div>
  93. </footer>
  94. </body>
  95. </html>