adaptations interface

12e863f4 · Jouski · d5acb19d · 12e863f4 · 12e863f4 · 12e863f4
--- a/index.html
+++ b/index.html
@@ -8,9 +8,20 @@
 </head>
 <body>
    <header>
-        <img id="brigit" src="images/brigit.png">
+        <a href="https://docs.forge.apps.education.fr/" title="Aller à l'accueil de la Forge"><img id="brigit" src="images/brigit.png"></a>
        <img id="kommit" src="images/komit.png">
        <h1>La boîte à rêves</h1>
+        <div id="menuProfil">
+            <!-- Bouton pour "Réglages des notifications" -->
+            <a href="https://forge.apps.education.fr/-/profile/notifications" target="_blank">
+                🔔 Notifications
+            </a>
+
+            <!-- Bouton pour "Réglages du profil" -->
+            <a href="https://forge.apps.education.fr/-/user_settings/profile" target="_blank">
+                👤 Mon profil
+            </a>
+        </div>
    </header>
    <main>
        <div id="intro">
@@ -28,45 +39,34 @@
            <!-- Bouton pour "J'ai besoin d'aide sur mon projet" -->
            <button onclick="ajouterTicket('help')">
                🛠️ J'ai besoin d'aide sur mon projet
-            </button>
-        
-            <!-- Bouton pour "Réglages des notifications" -->
-            <a href="https://forge.apps.education.fr/-/profile/notifications" target="_blank">
-                🔔 Réglages des notifications
-            </a>
+            </button>     

-            <!-- Bouton pour "Réglages du profil" -->
-            <a href="https://forge.apps.education.fr/-/user_settings/profile" target="_blank">
-                👤 Mon profil
-            </a>
+        </div>

-            <!-- Bouton RSS -->
-            <a href="https://forge.apps.education.fr/laboiteareves/laboiteareves.forge.apps.education.fr/-/issues.atom?feed_token=glft-0970974fbd862d18581c42e7ce04464307d8d4d32b0656076672dcbbc1b8b40c-77" target="_blank">
-                🛜 RSS
-            </a>
+        <div style="text-align: center">

+            <div id="choixLabels">

-        </div>
-        <div id="choixLabels">
+                Filtrer les sujets

-            Filtrer les sujets
+                <span class="label">
+                    <input type="checkbox" id="inputHelp" value="help" oninput="majLabelsActifs()">
+                    <label for="inputHelp">help</label>
+                </span>
+                
+                <span class="label">
+                    <input type="checkbox" id="inputIdee" value="idée" oninput="majLabelsActifs()">
+                    <label for="inputIdee">idée</label>
+                </span>
+                
+            </div>

-            <span class="label">
-                <input type="checkbox" id="inputHelp" value="help" oninput="majLabelsActifs()">
-                <label for="inputHelp">help</label>
-            </span>
-            
-            <span class="label">
-                <input type="checkbox" id="inputIdee" value="idée" oninput="majLabelsActifs()">
-                <label for="inputIdee">idée</label>
-            </span>
-            
-        </div>
+            <div id="options">

-        <div id="options">
+                <input type="checkbox" id="inputDescriptions" oninput="toggleDescriptions()">
+                <label for="inputDescriptions">Aperçu des messages</label>

-            <input type="checkbox" id="inputDescriptions" oninput="toggleDescriptions()">
-            <label for="inputDescriptions">Aperçu des messages</label>
+            </div>

        </div>
        
@@ -89,7 +89,12 @@
        </div>
    </main>
    <footer>
-        <p>La boîte à rêves est sur la <a href="https://forge.apps.education.fr/">Forge des Communs Numériques Éducatifs</a>. - <a href="https://forge.apps.education.fr/laboiteareves/laboiteareves.forge.apps.education.fr">Page du projet</a> <button class="bouton" onclick="ajouterTicket('bug')">Signaler un bug</button></p>
+        <!-- Bouton RSS -->
+        <p>La boîte à rêves est sur la <a href="https://forge.apps.education.fr/">Forge des Communs Numériques Éducatifs</a>. - <a href="https://forge.apps.education.fr/laboiteareves/laboiteareves.forge.apps.education.fr">Page du projet</a> <button class="bouton" onclick="ajouterTicket('bug')">Signaler un bug</button>
+        <a style="text-decoration: none;" href="https://forge.apps.education.fr/laboiteareves/laboiteareves.forge.apps.education.fr/-/issues.atom?feed_token=glft-0970974fbd862d18581c42e7ce04464307d8d4d32b0656076672dcbbc1b8b40c-77" target="_blank">
+            🛜 RSS
+        </a>
+        </p>
    </footer>
    <script src="script.js"></script>
 </body>

--- a/script.js
+++ b/script.js
@@ -199,7 +199,7 @@ function displayIssues(issues) {
            <td>${spanLabel}<a class="titre" href="${issue.web_url}" target="_blank">${issue.title}</a>
            <div class="description">
            ${description}
-            <a class="bouton" href="${issue.web_url}" target="_blank">Lire en entier et répondre</a>
+            <a class="bouton" href="${issue.web_url}" target="_blank">... la suite</a>
            </div>            
            </td>
            <td>${issue.upvotes} 👍</td>

--- a/style.css
+++ b/style.css
@@ -27,6 +27,7 @@ header {
    text-align: center;
    position: relative;
    min-height: 7rem;
+    position: relative;
 }

 header h1 {
@@ -50,6 +51,23 @@ header img {
    float: right;
 }

+#menuProfil {
+    position: absolute;
+    right: 5px;
+    top: 100px;
+    background-color: #ffffff;
+    display: flex;
+    flex-direction: column;
+    border: 1px #000000 solid;
+    text-align: left;
+    padding: 5px;
+    border-radius: 5px;
+}
+
+#menuProfil a {
+    text-decoration: none;
+}
+
 /* Main content */
 main {
    padding: 1rem;