bulma.html.twig 4.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106
  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="#" class="">Mon compte</a>
  50. <a class="navbar-item" href="#">Mes réservations</a>
  51. <hr class="navbar-divider" />
  52. <a class="navbar-item" href="{{ path('app_admin') }}">Administration</a>
  53. <hr class="navbar-divider" />
  54. <a class="navbar-item" href="{{ path('app_logout') }}">Me déconnecter</a>
  55. </div>
  56. </div>
  57. {% else %}
  58. <div class="navbar-item">
  59. <div class="buttons">
  60. <a class="button is-primary" href="{{ path('app_login') }}">Connexion</a>
  61. </div>
  62. </div>
  63. {% endif %}
  64. </div>
  65. </div>
  66. </div>
  67. </nav>
  68. <!-- contenu principal -->
  69. <section class="main-content section">
  70. <div class="container">
  71. {% block messages %}
  72. {% for type, message in app.flashes() %}
  73. {{ component('Alert', {message: message[0], type: type}) }}
  74. {% endfor %}
  75. {% endblock %}
  76. {% block content %}
  77. <!-- Section 1 - Introduction -->
  78. <h1 class="title">Bienvenue sur notre site</h1>
  79. <p class="subtitle">Une introduction rapide à notre contenu et à notre mission.</p>
  80. {% endblock %}
  81. </div>
  82. </section>
  83. <footer class="footer">
  84. <div class="content has-text-centered">
  85. <p>
  86. <strong>Orgasso</strong> est une application de gestion de l'organisation d'événements pour les associations rôlistes.
  87. 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>.
  88. </p>
  89. <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>
  90. </div>
  91. </footer>
  92. </body>
  93. </html>