add: message de bienvenue !!!

2026-08-04 05:55:01 +02:00
parent 906c3a3ae2
commit af0b014581
8 changed files with 168 additions and 18 deletions
@@ -22,7 +22,6 @@
  <link rel="icon" type="image/svg" href="./assets/favicon.svg" />
 </head>
 <body>
-
    <header>
        <h1>
            <img id="logo" src="./assets/logo/logo-forme.svg" alt="">
@@ -42,6 +41,39 @@

    <main>
      <section id="homeContent">
+
+                <!-- MESSAGE DE BIENVENUE -->
+                    <aside>
+
+                      <button type="button" name="msgBtn" popovertarget="msgWindow" popoveraction="show" class="iconBtnStyle" id="openMsg">
+                        <svg class="icon" viewBox="0 0 40.19 38.9">
+                          <path d="M33.56,0H0v38.9h40.19V0h-6.62ZM34.91,33.62H5.28V8.09l15.05,19.04,14.58-18.56v25.05ZM11.12,5.28h18.39l-9.25,12.02L11.12,5.28Z"/>
+                        </svg>
+                      </button>
+
+                      <div id="msgWindow" popover="auto">
+                        <dialog class="floatingWindow">
+                          <div class="title">
+                            <h4>Bienvenue !</h4>
+                            <button class="iconBtnStyle" popovertarget="msgWindow" popoveraction="hide">
+                              <svg viewBox="0 0 53.73 53.59" class="icon">
+                                <path d="M26.87,40.16l-13.43,13.43L0,40.16l13.43-13.43L.29,13.43,13.72,0l13.15,13.29L40.01.14l13.43,13.43-13,13.15,13.29,13.29-13.43,13.43-13.43-13.29Z"/>
+                              </svg>
+                            </button>
+                          </div>
+
+                          <p>
+                            hellooo, <br>
+                            bienvenue sur le site du LOL ^^<br><br>
+                            en ce moment on cherche du monde pour nous aider à faire fonctionner le lieu, le faire évoluer et le péreniser.<br><br>
+                            si jamais ça t'intéresse<br><strong>contacte nous sur Matrix, <br>
+                            ou passe nous voir au local </strong>directement, quand il est ouvert !<br>
+                          </p>
+                        </dialog>
+                      </div>
+
+                    </aside>
+
          <section id="titleSection" class="solidBox">
              <h2>
                  Hackerspace queer
@@ -169,6 +201,9 @@
               </article>
            </section>
      </section>
+      <video src="/assets/video/close.webm" id="texture" class="closed" autoplay muted loop>
+
+      </video>
      <video data-cute-texture-video class="cute-texture-video" src="/assets/video/background.webm" autoplay muted loop ></video>
      <canvas class="cute-texture"></canvas>
    </main>