From c2357e62274b4028d37d38f5eebeae9ca2f53eed Mon Sep 17 00:00:00 2001
From: vgaNAR6ta <vga.nar6.ta@gmail.com>
Date: Mon, 28 Sep 2026 23:37:23 +0200
Subject: [PATCH] dnn webrings en reduced motion

---
 assets/webRings/dnn-reduced-motion.png | Bin 0 -> 1528 bytes
 index.html                             |   5 +++--
 style/main.css                         |   5 +++++
 style/reduced.css                      |  14 +++++++++++++-
 4 files changed, 21 insertions(+), 3 deletions(-)
 create mode 100644 assets/webRings/dnn-reduced-motion.png

diff --git a/assets/webRings/dnn-reduced-motion.png b/assets/webRings/dnn-reduced-motion.png
new file mode 100644
index 0000000000000000000000000000000000000000..97c3dc215b27131d6c5577e08e774bd110d4c93f
GIT binary patch
literal 1528
zcmdUu`BPJO6ve-9$x0SNAOs2`4_O36E2TOV7if^BKn1Zyqz<;$)&-J+i5f-|s0-0f
zD=y;#jytW&A{Gm{l)zxAiU^eAf-<rwBSL~el9%M=eH;Ib-ZSUkIlrFyT;0mF1U}cB
z3jp9JCCW0KH_K^1Hs;)!5?c=dsL#rj%y?&n5Mlu1B3y6G+Y9p&p&}_Jbwyp-2-_3$
zv=KH5CJ~}STY$|PU^NrwasP2&+?Na>EddsDfY}H4@xVL;sDOpA=s=pBLt5roMu|}}
zkaWk~$sp1YXm~-qAcM)L#8WXQ9uFF)LMeNweJW&%i7<_Gjl;piws4y%+++wfQ1hvY
zc@x9)hDRbsh9ia<2xBN>XlTLE;DSN>VmprD*5%gm)NyY&Z#SVEoQBW@Aqk-sLJC3}
z0xkovae$)$MGywYU@@nm)dX!8XtzU$1JVGh0Hp*|3h+(=Cgs2=2ZnqwwiWQ12(3cQ
zg@~yDnJGXFa%4Ooo%#WtRG>x$I+lmgJ1}ZHZd2h_B~B_Cw(SgylJP2!MXOoVPS%W)
zP3`2+MI1`aHEwfp6!GjuJe%5`(s)>QOYOz8Y<mpQJVBc#p=An^?`VsWGJ$CYaA5!r
zj=tW)Fcq>*O0GjKw(jzvwH}m4LTNoIt(U#{L(5NQXalY+AYcL(MnXGapeAUwL5hM7
zJEQ;tXh=JpqG^Z2K~a>+Wb*Rzl1il#iNxLAT_h5@y1EL5LV-ZQ=ks|yo{NhMm&@gF
zIBYhX#bPm;Oa_C2<2Z(4DC+DEaZ>SHK&#xzNBy>pv{lade;Z&V)89V;N0GRu5C9kP
zdn4dfh13auYmzKBGf_8jG&M0Z-MwA&-A1Znb4skP!?k}!=E39(=jSG`Y|q$wBvD!-
zihUDwd3MOA!MIefE{Qo-me$!G_kCIV!2(a&-g+IOIHx;Ynf7PXyn&)f`9OJUS7=PR
zy|W2UH^aitJHoyR%{8$GGc;K9uO8ty0;#yH#W(hAqUSN9&3ag#+=K0s+y5c<Ki~xu
z1kF93bQ{kJ|K$)UXuDi{C?-<0S<8vIgsdwHGYR=8COxv^v#KAm4NKj*cUQ#ARQXB7
z+A9GBQ4m_qyc~+`2qLaGOJnqRrd50IXEj%S9LJl~oJz~D`M0Ses->s)qsI&~ZoSs9
z*@IEiK$K;Fv&iM;qO*DR70+t^&fU2#G_|dwrm<{+KBr`{K4mtia}DmDTYnFp%)2B9
z3*YWd`gwPh?yk=OcX@i8Jhqjn(Pz>que<$Az|@bv?3)=ZUZ@j;^V^1a2ReQ~>b*Y7
zk3TT?#)AV-)U)qD;Fd*h)VC6=zo=6OmQN(GPYW*<XA5)EK1EYbL?5p10vnPw%T%h2
z2E1=3KJ12nL0xL^w@J?v{-`dEl1FD>JXZWcXe+5~>T4^_Nxdfs@ld+jwJ)m*c#rDC
zuiAuceI8WA?D+NCqE+i795>(iW*-hye^%Adnw!HE-=EGI`zvPIqoE;t?}_L<f5Gx6
zW1p;>$-O0dp2^uG8+p<)=X&K+YW(J*<oQvv+E<CnmRQwc`}XA>tCbFQ1$ApmIx4S}
zVr^%G8yY=tZF;?*6_RdQdv>(kZ?&++y72S;b!!LTCN>^FM-A6^w<SCrHgz`^`GeD6
z)mTKFi{dbl)CqN^&-3_h649HbC&MR8yUTt1Q%8Q>(A>$_mG<^$zsr(sFft2?S^9}B
zkK31=iH67O=qy!lM_f4w+;@E0h1z^=)%p0asmjQmFZw3VJoAg}zkTwRMCsy093;i3
K$!g+qOa22Fco{(e

literal 0
HcmV?d00001

diff --git a/index.html b/index.html
index a0a48fe..21aaeea 100644
--- a/index.html
+++ b/index.html
@@ -131,7 +131,7 @@
 
                           <!-- MESSAGE DE BIENVENUE -->
                     <aside>
-                      <button tabindex="0" type="button" popovertarget="msgWindow" popoveraction="show" aria-controls="msgWindow" class="iconBtnStyle" id="openMsg" aria-label="ouvrir le message de bienvenue">
+                      <button tabindex="0" type="button" popovertarget="msgWindow" popoveraction="show" aria-controls="msgPanel" class="iconBtnStyle" id="openMsg" aria-label="ouvrir le message de bienvenue">
                         <svg class="icon" viewBox="0 0 40.19 38.9" aria-hidden="true">
                           <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>
@@ -256,7 +256,8 @@
           <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 tabindex="0" 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">
+          <img id="flashDNN" 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">
+          <img id="reducedDNN" src="/assets/webRings/dnn-reduced-motion.png" alt="les lettres #, D, et, N en gros pixel blanc sur fond noir avec un léger effet 3D, alternée entre vert et rose, toujours fluo ">
         </a>
         <a tabindex="0" 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">
diff --git a/style/main.css b/style/main.css
index 64bf432..2debcf6 100644
--- a/style/main.css
+++ b/style/main.css
@@ -739,6 +739,11 @@ main{
                 margin-top: -7.77px;
               }
 
+              a #reducedDNN{
+                visibility: collapse;
+                display: none;
+              }
+
 
       }
 }
diff --git a/style/reduced.css b/style/reduced.css
index 22c67ab..3756181 100644
--- a/style/reduced.css
+++ b/style/reduced.css
@@ -9,4 +9,16 @@
     main aside #openMsg{
         animation: none !important;
     }
-}
\ No newline at end of file
+
+    main #webRingSection{
+      a #reducedDNN{
+        visibility: visible;
+        display: inline;
+      }
+
+      a #flashDNN{
+        visibility: collapse;
+        display: none;
+      }
+    }
+}