progress saving commit, idak know what i did

Majestic9169 · Nov 25, 2024 · 3ce4ffd · 3ce4ffd
1 parent d46c079
commit 3ce4ffd
Show file tree

Hide file tree

Showing 2 changed files with 134 additions and 15 deletions.
diff --git a/global.css b/global.css
@@ -0,0 +1,119 @@
+/* Reset some default styles */
+body,
+h3,
+p {
+  margin: 0;
+  padding: 0;
+}
+
+/* Body styles with gradient background */
+body {
+  font-family: Arial, sans-serif;
+  background: linear-gradient(to right, #6a11cb, #2575fc);
+  /* Gradient background */
+  color: #333;
+  padding: 20px;
+}
+
+/* Heading styles */
+.heading {
+  text-align: center;
+  margin-bottom: 20px;
+}
+
+.heading h3 {
+  font-size: 24px;
+  font-weight: bold;
+}
+
+/* Button styles */
+.buttons {
+  text-align: center;
+  margin-bottom: 20px;
+}
+
+.button {
+  background-color: #28a745;
+  color: white;
+  border: none;
+  padding: 10px 20px;
+  margin: 5px;
+  cursor: pointer;
+  border-radius: 5px;
+  transition: background-color 0.3s;
+}
+
+.button:hover {
+  background-color: #218838;
+}
+
+/* Input styles */
+.fps-and-time {
+  margin-bottom: 20px;
+}
+
+.label {
+  margin-right: 10px;
+  color: white;
+}
+
+.input-text,
+.input-textarea {
+  padding: 10px;
+  border: 1px solid #ccc;
+  border-radius: 5px;
+  width: calc(100% - 22px);
+  margin-bottom: 10px;
+}
+
+/* Textarea styles */
+.input-textarea {
+  resize: none;
+}
+
+/* Table styles */
+.table {
+  margin-top: 20px;
+}
+
+.table table {
+  width: 100%;
+  border-collapse: collapse;
+}
+
+.table table,
+.table th,
+.table td {
+  border: 1px solid #ccc;
+}
+
+.table th,
+.table td {
+  padding: 10px;
+  text-align: left;
+}
+
+/* Iframe styles */
+.iframe {
+  margin-top: 20px;
+  text-align: center;
+}
+
+.iframe iframe {
+  width: 100%;
+  height: 400px;
+  border: none;
+}
+
+/* Link styles */
+.link {
+  display: block;
+  margin-top: 10px;
+  text-align: center;
+  color: #007bff;
+  text-decoration: none;
+}
+
+.link:hover {
+  text-decoration: underline;
+}
diff --git a/solve.html b/solve.html
@@ -4,32 +4,33 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title id="title">SUbmit Recon</title>
-    <link rel="stylesheet" href="solve.css">
+    <title>Submit Recon</title>
+    <link rel="stylesheet" href="global.css">
 </head>
 
 <body>
-    <div id="buttons">
+    <div class="buttons">
+        <!-- You can add buttons here if needed -->
     </div>
     <div class="heading">
-        <h3 id="heading"></h1>
+        <h3>Submit Recon</h3>
     </div>
-    <div class="fpsAndTime">
-        <label for="fps">fps:</label>
-        <input type="text" id="fps">
+    <div class="fps-and-time">
+        <label class="label" for="fps">fps:</label>
+        <input type="text" class="input-text" id="fps">
         <br>
-        <label for="time">time:</label>
-        <input type="text" id="time">
+        <label class="label" for="time">time:</label>
+        <input type="text" class="input-text" id="time">
     </div>
     <div class="scramble">
         <h3 id="scramble"></h3>
     </div>
     <div class="input">
-        <textarea name="" id="reconstruction" cols="30" rows="10" placeholder="recon"></textarea>
-        <textarea name="" id="splits" cols="30" rows="10" placeholder="splits"></textarea>
+        <textarea class="input-textarea" id="reconstruction" cols="30" rows="10" placeholder="recon"></textarea>
+        <textarea class="input-textarea" id="splits" cols="30" rows="10" placeholder="splits"></textarea>
         <br><br>
-        <input class="submitBTN" type="button" value="submit" id="submit-button">
-        <input type="button" class="saveBTN" id="save" value="save" style="display: none;">
+        <input class="button submitBTN" type="button" value="submit" id="submit-button">
+        <input type="button" class="button saveBTN" id="save" value="save" style="display: none;">
         <br><br>
     </div>
     <div class="table">
@@ -39,10 +40,9 @@ <h3 id="scramble"></h3>
         <br>
         <iframe src="https://alg.cubing.net/?alg=_&setup=_" frameborder="0" id="alg.cubing.net"></iframe>
         <br>
-        <a id="link">alg.cubing.net link</a>  
+        <a class="link" id="link">alg.cubing.net link</a>  
     </div>
 
-
     <script src="solve.js"></script>
 </body>