Science Commit 5.

Author: mearvk

modules/black/presidential/Brarner.M.Alete/servlets/servlet/src/main/webapp/art.xhtml

@@ -35,9 +35,9 @@
 </section>
 
 <!-- CD1 Connector Button + Floating Dialog -->
-<div class="cd1-button-wrap">
-    <button id="cd1-btn" class="cd1-btn" type="button" aria-pressed="false">
-        <img class="cd1-btn-img" src="images/black.button.png" alt="Connector"/>
+<div style="display:flex;justify-content:center;align-items:center;width:100%;padding:2rem 0;">
+    <button id="cd1-btn" type="button" aria-pressed="false" style="all:unset;display:block;margin:0 auto;cursor:pointer;padding:0;border:none;background:transparent;transition:transform 0.3s cubic-bezier(0.42,-1.84,0.42,1.84),filter 0.3s ease;">
+        <img src="images/black.button.png" alt="Connector" style="display:block;width:80px;height:80px;border-radius:50%;background:transparent;"/>
     </button>
 </div>
 <div id="cd1-overlay" class="cd1-overlay" style="display:none;"></div>

modules/black/presidential/Brarner.M.Alete/servlets/servlet/src/main/webapp/js/connector.js

@@ -20,13 +20,17 @@
         dialog.style.display = 'block';
         overlay.style.display = 'block';
         btn.setAttribute('aria-pressed', 'true');
+        btn.style.transform = 'scale(0.9)';
+        btn.style.filter = 'drop-shadow(0 0 8px rgba(59,130,246,0.6))';
         resetIdleTimer();
     }
 
     function closeDialog() {
         dialog.style.display = 'none';
         overlay.style.display = 'none';
         btn.setAttribute('aria-pressed', 'false');
+        btn.style.transform = '';
+        btn.style.filter = '';
         // Save content before clearing
         if (textarea.value && textarea.value !== 'Connection idle...') {
             savedContent = textarea.value;

modules/black/presidential/Brarner.M.Alete/servlets/servlet/src/main/webapp/postal.xhtml

@@ -35,9 +35,9 @@
 </section>
 
 <!-- CD1 Connector Button + Floating Dialog -->
-<div class="cd1-button-wrap">
-    <button id="cd1-btn" class="cd1-btn" type="button" aria-pressed="false">
-        <img class="cd1-btn-img" src="images/black.button.png" alt="Connector"/>
+<div style="display:flex;justify-content:center;align-items:center;width:100%;padding:2rem 0;">
+    <button id="cd1-btn" type="button" aria-pressed="false" style="all:unset;display:block;margin:0 auto;cursor:pointer;padding:0;border:none;background:transparent;transition:transform 0.3s cubic-bezier(0.42,-1.84,0.42,1.84),filter 0.3s ease;">
+        <img src="images/black.button.png" alt="Connector" style="display:block;width:80px;height:80px;border-radius:50%;background:transparent;"/>
     </button>
 </div>
 <div id="cd1-overlay" class="cd1-overlay" style="display:none;"></div>

modules/black/presidential/Brarner.M.Alete/servlets/servlet/src/main/webapp/science.xhtml

@@ -35,9 +35,9 @@
 </section>
 
 <!-- CD1 Connector Button + Floating Dialog -->
-<div class="cd1-button-wrap">
-    <button id="cd1-btn" class="cd1-btn" type="button" aria-pressed="false">
-        <img class="cd1-btn-img" src="images/black.button.png" alt="Connector"/>
+<div style="display:flex;justify-content:center;align-items:center;width:100%;padding:2rem 0;">
+    <button id="cd1-btn" type="button" aria-pressed="false" style="all:unset;display:block;margin:0 auto;cursor:pointer;padding:0;border:none;background:transparent;transition:transform 0.3s cubic-bezier(0.42,-1.84,0.42,1.84),filter 0.3s ease;">
+        <img src="images/black.button.png" alt="Connector" style="display:block;width:80px;height:80px;border-radius:50%;background:transparent;"/>
     </button>
 </div>
 <div id="cd1-overlay" class="cd1-overlay" style="display:none;"></div>

modules/black/presidential/Brarner.M.Alete/servlets/servlet/src/main/webapp/species.xhtml

@@ -35,9 +35,9 @@
 </section>
 
 <!-- CD1 Connector Button + Floating Dialog -->
-<div class="cd1-button-wrap">
-    <button id="cd1-btn" class="cd1-btn" type="button" aria-pressed="false">
-        <img class="cd1-btn-img" src="images/black.button.png" alt="Connector"/>
+<div style="display:flex;justify-content:center;align-items:center;width:100%;padding:2rem 0;">
+    <button id="cd1-btn" type="button" aria-pressed="false" style="all:unset;display:block;margin:0 auto;cursor:pointer;padding:0;border:none;background:transparent;transition:transform 0.3s cubic-bezier(0.42,-1.84,0.42,1.84),filter 0.3s ease;">
+        <img src="images/black.button.png" alt="Connector" style="display:block;width:80px;height:80px;border-radius:50%;background:transparent;"/>
     </button>
 </div>
 <div id="cd1-overlay" class="cd1-overlay" style="display:none;"></div>

modules/black/presidential/Brarner.M.Alete/servlets/servlet/src/main/webapp/status.xhtml

@@ -35,9 +35,9 @@
 </section>
 
 <!-- CD1 Connector Button + Floating Dialog -->
-<div class="cd1-button-wrap">
-    <button id="cd1-btn" class="cd1-btn" type="button" aria-pressed="false">
-        <img class="cd1-btn-img" src="images/black.button.png" alt="Connector"/>
+<div style="display:flex;justify-content:center;align-items:center;width:100%;padding:2rem 0;">
+    <button id="cd1-btn" type="button" aria-pressed="false" style="all:unset;display:block;margin:0 auto;cursor:pointer;padding:0;border:none;background:transparent;transition:transform 0.3s cubic-bezier(0.42,-1.84,0.42,1.84),filter 0.3s ease;">
+        <img src="images/black.button.png" alt="Connector" style="display:block;width:80px;height:80px;border-radius:50%;background:transparent;"/>
     </button>
 </div>
 <div id="cd1-overlay" class="cd1-overlay" style="display:none;"></div>