fix: mettre à jour l'environnement en production et améliorer le style du bouton de soumission

socraticDevBlog · socraticDevBlog · commit ef682ecf6944 · 2025-06-09T20:44:08.000-04:00
diff --git a/client/web/index.html b/client/web/index.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html lang="en">
   <head>
-    <meta name="environment" content="local" />
+    <meta name="environment" content="production" />
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Pastebin</title>
@@ -11,13 +11,18 @@
         --text-color: black;
         --button-bg: #007bff;
         --button-hover: #0056b3;
+        --submit-bg: #007bff; /* Blue color for Submit (default) */
+        --submit-hover: #0056b3; /* Darker blue for hover */
+        --font-size: 16px;
       }
 
       body.dark-mode {
         --bg-color: #121212;
         --text-color: #ffffff;
         --button-bg: #ff9800;
         --button-hover: #e68900;
+        --submit-bg: #ff9800; /* Dark mode submit color */
+        --submit-hover: #e68900;
       }
 
       body {
@@ -82,6 +87,28 @@
       #toggleModeButton:hover {
         background-color: var(--button-hover);
       }
+
+      /* Submit Button Styling */
+      button {
+        font-size: 18px;
+        padding: 12px 20px;
+        margin-top: 10px;
+        background-color: var(--submit-bg);
+        color: white;
+        border: none;
+        border-radius: 8px;
+        cursor: pointer;
+        transition: background-color 0.3s ease, transform 0.2s ease;
+      }
+
+      button:hover {
+        background-color: var(--submit-hover);
+        transform: scale(1.05);
+      }
+
+      button:active {
+        transform: scale(1);
+      }
     </style>
   </head>
   <body>
@@ -98,6 +125,6 @@ <h1>Pastebin</h1>
     <div id="responseContainer"></div>
     <h2>latest pastes</h2>
     <div id="latestPasteUrls"></div>
-    <script src="script.js"></script>
+    <script src="pastebinscript.js"></script>
   </body>
 </html>
diff --git a/client/web/script.js b/client/web/script.js
@@ -24,7 +24,6 @@ async function submitText() {
   let content;
   if (textData) {
     content = textData;
-    console.log(`content: {content}`);
   } else {
     alert("Please enter text to be saved");
     return;
@@ -139,4 +138,5 @@ window.onload = function () {
   } else {
     document.getElementById("toggleModeButton").innerHTML = "🌙";
   }
+  document.getElementById("pasteContent").focus();
 };
