curseur custom, target blank, 1312.media

index.html

@@ -37,10 +37,10 @@
 
         <nav aria-label="outils numériques du LOL">
             <ul>
-                <li><a href="https://git.labolyon.fr/explore/repos" class="textBtnStyle" target="_blank">Git</a></li>
+                <li><a href="https://git.labolyon.fr/explore/repos" class="textBtnStyle" >Git</a></li>
-                <li><a href="https://wiki.labolyon.fr/" class="textBtnStyle" target="_blank">Wiki</a></li>
+                <li><a href="https://wiki.labolyon.fr/" class="textBtnStyle" >Wiki</a></li>
-                <li><a href="https://matrix.to/#/#lol-space:chat.labolyon.fr" class="textBtnStyle" target="_blank">Matrix</a></li>
+                <li><a href="https://matrix.to/#/#lol-space:chat.labolyon.fr" class="textBtnStyle" >Matrix</a></li>
-                <li><a href="https://nerdculture.de/@labolyon" class="textBtnStyle" target="_blank">Fediverse</a></li>
+                <li><a href="https://nerdculture.de/@labolyon" class="textBtnStyle" >Fediverse</a></li>
             </ul>
         </nav>
     </header>
@@ -124,7 +124,7 @@
           </div>
 
           <div id="extLinkSection" class="transparentBox" aria-label="Liens externes">
-            <a href="https://www.hackerspaces.org/" id="hackerLogo" target="_blank" aria-label="hackerspace.org est un site qui recense les hackerspaces en Europe">
+            <a href="https://www.hackerspaces.org/" id="hackerLogo"  aria-label="hackerspace.org est un site qui recense les hackerspaces en Europe">
                 <img src="assets/logo_hackerspaces_monde.png" aria-hidden="true" alt=""> 
             </a>
           </div>
@@ -169,7 +169,7 @@
                 <small>Un capteur sur la porte d'entrée indique si le local est ouvert:</small>
             </p>
         </div>
-        <a href="status" target="_blank" class="textBtnStyle">Vérifier <br>si c'est<br> ouvert <br>&rarr; &rarr; &rarr;</a>
+        <a href="status"  class="textBtnStyle">Vérifier <br>si c'est<br> ouvert <br>&rarr; &rarr; &rarr;</a>
         </section>
       <aside id="extraContent">
         <div id="aboutSection" class="solidBox" aria-label="Description de l'asso, de ses objectifs et valeurs">
@@ -208,7 +208,7 @@
                 <article class="solidBox">
                   <h4>Permanences du LOL</h4>
                   <p class="date">↻ Mardi & Samedi</p>
-                  <a href="/affiches/mardis/" class="iconBtnStyle" target="_blank" aria-label="Plus d'infos sur cet évènement">
+                  <a href="/affiches/mardis/" class="iconBtnStyle"  aria-label="Plus d'infos sur cet évènement">
                     <svg viewBox="0 0 53.73 53.59" class="icon" aria-hidden="true">
                       <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>
@@ -217,15 +217,18 @@
         </section>
       </aside>
       <footer id="webRingSection" aria-label="les copaines du LOL">
-        <a href="https://berthe.cc" target="_blank" aria-label="berthe.cc">
+        <a href="https://berthe.cc"  aria-label="berthe.cc">
           <img src="/assets/webRings/berthe.cc.png" alt="une créature étrange verte et rouge avec 4 grands yeux et un inscription blanche : berthe.cc">
         </a>
-        <a href="https://murmure.cafe" target="_blank" aria-label="murmure.café, collectif de réappropriation du web et des réseaux">
+        <a href="https://murmure.cafe"  aria-label="murmure.café, collectif de réappropriation du web et des réseaux">
           <img src="/assets/webRings/murmure-cafe-webring.png" alt="une une tasse de café pixélisées en couleurs pastel avec des chevrons, quelques gouttes de café renversées et une écriture noire : murmure.café">
         </a>
-        <a href="https://drags-nerds.net" target="_blank" aria-label="drags and nerds, collectif d'organisation d'évènements queer et nerds inclusifs">
+        <a href="https://drags-nerds.net"  aria-label="drags and nerds, collectif d'organisation d'évènements queer et nerds inclusifs">
           <img class="needOutline" src="/assets/webRings/DNNwebring.gif" alt="les mots drags, and et nerds qui défilent dans tous les sens sur un fond rose et vert fluo qui clignote">
         </a>
+        <a href="https://peertube.1312.media/"  aria-label="the 1312 media collective">
+          <img src="/assets/webRings/1312.media-webring.png" alt="le logo antifasciste et un texte rouge très large, the 1312 media collective">
+        </a>
       </footer>
       <noscript>
         <video src="/assets/video/closed.webm" class="closedBackground" autoplay muted loop aria-hidden="true"></video>

style/common.css

@@ -167,7 +167,7 @@
     padding-right: 7.77px;
 
     box-sizing: border-box;
-    cursor: move;
+    cursor: url(../assets/cursor/move.png) 2 16 , auto;
 
     h4{
       pointer-events: none;

style/default.css

@@ -6,12 +6,9 @@ input {
 a{
   text-decoration: none;
   color: inherit;
-  cursor: alias;
+  cursor: url(../assets/cursor/lien.png) 2 2 auto;
 }
 
-button{
-  cursor: cell;
-}
 
 a p{
   cursor:inherit;

style/main.css

@@ -27,6 +27,8 @@ body{
   position: relative;
   z-index: -33;
   box-sizing: border-box;
+
+  cursor: url(../assets/cursor/default.png) 2 2 , auto;
 }
 /*================ STRUCTURE ======================*/
 
@@ -178,6 +180,8 @@ main{
                         box-sizing: border-box;
 
                         border-radius: 13.12px;
+
+                        cursor: url(../assets/cursor/msg.png) 2 16 , auto;
                       }
 
                       #openMsg:hover{
@@ -360,7 +364,6 @@ main{
                 gap: 13.12px;
 
                 a{
-                  cursor: alias;
                         img{
                           width: auto;
                           height: 55px;
@@ -589,10 +592,6 @@ main{
                           overflow: hidden;
                           margin-bottom: 7.77px;
 
-                          details{
-                            cursor: default;
-                          }
-
                         }
 
                         .iconBtnStyle{
@@ -607,7 +606,6 @@ main{
                         details{
                           width: 100%;
                           height: 100%;
-                          cursor: copy;
                           overflow: hidden;
 
                                 summary{
@@ -619,11 +617,17 @@ main{
                                   box-sizing: border-box;
                                   list-style-type: none;
                                   padding: 16.1px;
+
+                                  cursor: url(../assets/cursor/details.png) 2 16 , auto;                                  
+                            
+                                }
+
+                                &:not([open]) summary{
+                                  cursor: url(../assets/cursor/default.png) 2 16 , auto;
                                 }
 
                                 article{
                                   width: 100%;
-                                  cursor: default;
                                   text-transform: none;
                                 }
                         }
@@ -649,6 +653,7 @@ main{
 
                       img{
                         width: 100%;
+                        image-rendering: pixelated;
                       }
 
                       .needOutline{