1

index.html

@@ -18,7 +18,11 @@
             <p>Je développe, j'ai besoin de : scénarios, textes, illustrations, vidéos, rédaction de documentation ... je lance un appel à contribution. </p>
         </div>
 
-        <a href="https://forge.apps.education.fr/primaire/laboiteareves/-/issues/new">Créer un nouveau ticket</a>
+        <div id="boutons">
+            <a href="https://forge.apps.education.fr/primaire/laboiteareves/-/issues/new">📝 Créer un nouveau ticket</a>
+            <a href="https://forge.apps.education.fr/-/profile/notifications">🔔 Notifications mail</a>
+        </div>
+
 
         <table id="issuesTable">
             <thead>

style.css

@@ -30,6 +30,25 @@ main {
     padding: 2rem;
 }
 
+#boutons a {
+    display: inline-block; /* Pour donner des dimensions comme un bouton */
+    padding: 10px 15px;    /* Ajoute de l'espace interne */
+    text-decoration: none; /* Supprime le soulignement */
+    color: white;          /* Couleur du texte */
+    background-color: #007bff; /* Couleur d'arrière-plan */
+    border: 1px solid #0056b3; /* Bordure */
+    border-radius: 5px;    /* Coins arrondis */
+    font-size: 14px;       /* Taille de police */
+    text-align: center;    /* Centre le texte */
+    margin: 5px;           /* Ajoute un espacement entre les liens */
+    cursor: pointer;       /* Change le curseur au survol */
+    transition: background-color 0.3s ease; /* Animation douce pour le survol */
+  }
+  
+  #boutons a:hover {
+    background-color: #0056b3; /* Change la couleur au survol */
+  }
+
 button {
     font-size: 1em;;
 }