portes-imaginaire_org
/
orgasso


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142
							<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>{% block title %}Welcome!{% endblock %}</title>

        <!-- feuilles de style -->
        <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>">
        {% block stylesheets %}
        {% endblock %}
        <!-- /feuilles de style -->

        <!-- javascripts -->
        {% block javascripts %}
            {% block importmap %}{{ importmap('app') }}{% endblock %}
        {% endblock %}
        <!-- /javascripts -->
    </head>
    <body>
          <!-- Navbar -->
<nav class="navbar is-fixed-top is-dark has-shadow" role="navigation" aria-label="main navigation">
  <div class="container ">
    <div class="navbar-brand">
      <a class="navbar-item" href="/">
        <strong>Orgasso</strong>
      </a>

      <!-- Mobile menu toggle -->
      <a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbarMain">
        <span aria-hidden="true"></span>
        <span aria-hidden="true"></span>
        <span aria-hidden="true"></span>
      </a>
    </div>

    <!-- Liens principaux -->
    <div id="navbarMain" class="navbar-menu">
      <div class="navbar-start">
        <a class="navbar-item" href="#">Accueil</a>
        <a class="navbar-item" href="#">Articles</a>
        <a class="navbar-item" href="#">À propos</a>
      </div>

      <div class="navbar-end">
        <a class="navbar-item">

                <twig:ux:icon name="bi:moon-stars-fill" class="size-2" />

        </a>
        {% if app.user %}
        <div class="navbar-item has-dropdown is-hoverable">
          <a class="navbar-link">{{ app.user.firstName }}</a>
          <div class="navbar-dropdown is-right">
            <a class="navbar-item" href="#">Mon compte</a>
            <a class="navbar-item" href="#">Mes réservations</a>
            <hr class="navbar-divider" />
            <a class="navbar-item" href="{{ path('app_admin') }}">Administration</a>
            <hr class="navbar-divider" />
            <a class="navbar-item" href="{{ path('app_logout') }}">Me déconnecter</a>
          </div>
        </div>
        {% else %}
        <div class="navbar-item">
          <div class="buttons">
            <a class="button is-primary" href="{{ path('app_login') }}">Connexion</a>
        </div>
        </div>
        {% endif %}
      </div>
    </div>
  </div>
</nav>

<div class="main-content">
{% block content %}
  <!-- Section 1 - Introduction -->
  <section class="section">
    <div class="container">
      <h1 class="title">Bienvenue sur notre site</h1>
      <p class="subtitle">Une introduction rapide à notre contenu et à notre mission.</p>
    </div>
  </section>

  <!-- Section 2 - Grille de Colonnes -->
  <section class="section">
    <div class="container">
      <div class="columns">
        <!-- Colonne 1 -->
        <div class="column">
          <div class="box">
            <h2 class="title is-4">Colonne 1</h2>
            <p>Voici du contenu pour la première colonne. Elle peut contenir des images, du texte ou des éléments divers.</p>
          </div>
        </div>
        <!-- Colonne 2 -->
        <div class="column">
          <div class="box">
            <h2 class="title is-4">Colonne 2</h2>
            <p>Voici du contenu pour la deuxième colonne. Utilisez les colonnes pour organiser l'affichage sur plusieurs sections.</p>
          </div>
        </div>
        <!-- Colonne 3 -->
        <div class="column">
          <div class="box">
            <h2 class="title is-4">Colonne 3</h2>
            <p>Voici du contenu pour la troisième colonne. Les colonnes sont responsives et s'ajustent en fonction de la taille de l'écran.</p>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- Section 3 - Contenu additionnel -->
  <section class="section">
    <div class="container">
      <div class="content">
        <h2>Titre de la section additionnelle</h2>
        <p>Cette section contient du texte supplémentaire et peut inclure d'autres éléments comme des images, des listes ou des citations.</p>
        <ul>
          <li>Premier point de la liste</li>
          <li>Deuxième point de la liste</li>
          <li>Troisième point de la liste</li>
        </ul>


      </div>
    </div>
  </section>
{% endblock %}
</div>

        <footer class="footer">
            <div class="content has-text-centered">
                <p>
                    <strong>Orgasso</strong> est une application de gestion de l'organisation d'événements pour les associations rôlistes.
                    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>.
                </p>
                <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>
            </div>
        </footer>
    </body>
</html>