still dk

owsko · Jul 11, 2024 · 00d6b84 · 00d6b84
1 parent 4ede273
commit 00d6b84
Show file tree

Hide file tree

Showing 4 changed files with 74 additions and 67 deletions.
diff --git a/index.html b/index.html
@@ -21,10 +21,10 @@
   </head>
 
   <body>
-    <header>
+    <header class="prevent">
       <!-- MENU ICON -->
-      <div class="prevent" id="menu-icon" onclick="toggleMobileMenu(this)">
-        <div class="bar1"></div>
+      <div id="menu-icon" onclick="toggleMobileMenu(this)">
+        <div class="bar1">menu</div>
         <div class="bar2"></div>
         <div class="bar3"></div>
         <ul class="mobile-menu main-menu">

diff --git a/pages/contact.html b/pages/contact.html
@@ -2,20 +2,20 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 
-    
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
     <link rel="stylesheet" href="../stylesheets/main.css" />
     <link rel="stylesheet" href="../stylesheets/common.css" />
     <link rel="stylesheet" href="../stylesheets/contact.css" />
-    <link rel="stylesheet" href="../stylesheets/menuBar.css">
+    <link rel="stylesheet" href="../stylesheets/menuBar.css" />
 
     <link rel="icon" href="media/favicons/favicon-32x32.png" />
 
-    <!-- Yarndings (font)-->
+    <!-- Flow Block -->
     <link rel="preconnect" href="https://fonts.googleapis.com" />
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
     <link
-      href="https://fonts.googleapis.com/css2?family=Yarndings+20&display=swap"
+      href="https://fonts.googleapis.com/css2?family=Flow+Block&display=swap"
       rel="stylesheet"
     />
 
@@ -30,11 +30,11 @@
     <title>sertcoat.xyz \ CONTACT</title>
   </head>
 
-  <body></body>
-    <header>
+  <body>
+    <header class="prevent">
       <!-- MENU ICON -->
-      <div class="prevent" id="menu-icon" onclick="toggleMobileMenu(this)">
-        <div class="bar1"></div>
+      <div id="menu-icon" onclick="toggleMobileMenu(this)">
+        <div class="bar1">menu</div>
         <div class="bar2"></div>
         <div class="bar3"></div>
         <ul class="mobile-menu main-menu">
@@ -55,67 +55,68 @@
         </nav>
       </div>
       <div>
-        <img src="" alt="">
+        <img src="" alt="" />
       </div>
     </header>
 
     <div class="prevent contact" id="form">
-      <form action="https://formsubmit.co/9e62680af5003eec1d00872224ed336d" method="POST" class="form">
-
+      <form
+        action="https://formsubmit.co/9e62680af5003eec1d00872224ed336d"
+        method="POST"
+        class="form"
+      >
         <!-- Honeypot -->
-        <input type="text" name="_honey" style="display: none;">
+        <input type="text" name="_honey" style="display: none" />
 
         <!-- Disable Captcha -->
-        <input type="hidden" name="_captcha" value="false">
+        <input type="hidden" name="_captcha" value="false" />
 
         <!-- Endscreen -->
-        <input type="hidden" name="_next" value="https://sertcoat.xyz">
+        <input type="hidden" name="_next" value="https://sertcoat.xyz" />
 
-      <input 
-        type="text"
-        name="name"
-        id="name"
-        placeholder="Name*"
-        autocomplete="off"
-        class="randomfont"
-        required
-      />
-      <input 
-        type="email"
-        name="email"
-        id="email"
-        placeholder="Email*"
-        autocomplete="off"
-        class="randomfont"
-        required
-      />
-      <input 
-        type="tel"
-        name="number"
-        placeholder="Number"
-        autocomplete="off"
-        style="appearance: textfield;"
-        class="randomfont"
-      />
-      <textarea         
-        name="message"
-        id="messageValue"
-        rows="5"
-        cols="60"
-        placeholder="Message*"
-        class="randomfont"
-        required
-      ></textarea>
-      <button type="submit" id="btn">&UnderBar;&UnderBar;φ&lpar;．．&rpar;</button>
-    </form>
+        <input
+          type="text"
+          name="name"
+          id="name"
+          placeholder="Name*"
+          autocomplete="off"
+          class="randomfont"
+          required
+        />
+        <input
+          type="email"
+          name="email"
+          id="email"
+          placeholder="Email*"
+          autocomplete="off"
+          class="randomfont"
+          required
+        />
+        <input
+          type="tel"
+          name="number"
+          placeholder="Number"
+          autocomplete="off"
+          style="appearance: textfield"
+          class="randomfont"
+        />
+        <textarea
+          name="message"
+          id="messageValue"
+          rows="5"
+          cols="60"
+          placeholder="Message*"
+          class="randomfont"
+          required
+        ></textarea>
+        <button type="submit" id="btn">&UnderBar;φ&lpar;．．&rpar;</button>
+      </form>
     </div>
-
 
     <script src="../scripts/script_randomHeader.js"></script>
     <script src="../scripts/script_eraseText.js"></script>
     <script src="../scripts/script_menuIcon.js"></script>
 
     <script src="../scripts/script_formfont.js"></script>
-
   </body>
 </html>
diff --git a/scripts/script_formfont.js b/scripts/script_formfont.js
@@ -1,4 +1,4 @@
-const fontType = ["'Yarndings 20'"];
+const fontType = ["'Flow Block'"];
 const font_sub = document.querySelector(".form");
 const buttonEl = document.getElementById("btn");
 
@@ -9,17 +9,14 @@ font_sub.addEventListener("submit", function randomizeFont() {
     num = Math.floor(Math.random() * fontType.length);
     for (let i = 0; i < fontEl.length; i++) {
         fontEl[i].style.fontFamily = fontType[num];
-        fontEl[i].style.borderTopWidth = '0px';
-        fontEl[i].style.borderBottomWidth = '0px';
+        fontEl[i].style.borderWidth = '0px';
     }
-
-    buttonEl.textContent = "Almost Done";
 });
 
 buttonEl.addEventListener("mouseover", function changeName() {
-    buttonEl.textContent = "SEND";
+    buttonEl.textContent = "chat";
 });
 
 buttonEl.addEventListener("mouseout", function changeName() {
-    buttonEl.textContent = "__φ(．．)";
+    buttonEl.textContent = "_φ(．．)";
 });
diff --git a/stylesheets/contact.css b/stylesheets/contact.css
@@ -1,5 +1,7 @@
 .contact {
     display: flex;
+    justify-content: space-around;
+    margin-top: 50px;
 }
 
 header {
@@ -16,8 +18,7 @@ input {
     font-family: "Press Start 2P", monospace;
     padding: 9px 9px; /* remove?? */
     border-radius: 4px;
-    border-left-width: 0px;
-    border-right-width: 0px;
+
     margin-bottom: 20px;
     border: 1;
 }
@@ -30,7 +31,7 @@ textarea {
     font-size: small;
     font-family: "Press Start 2P", monospace;
     padding: 9px 9px;
-    border-radius: 4px;
+    border-radius: 3px;
     border-left-width: 0px;
     border-right-width: 0px;
     margin-bottom: 25px;
@@ -61,8 +62,10 @@ input:focus-within {
     outline: none;
     border-color: rgb(223, 182, 129) ;
     border-width: 3px;
+    /*
     border-left-width: 0px;
     border-right-width: 0px;
+    */
 }
 
 input[type="text"] {
@@ -98,7 +101,9 @@ button:hover {
     font-size: medium;
 }
 
+form:active {
 
+}
 
 @media (max-width: 800px) {
     div {
@@ -127,5 +132,9 @@ button:hover {
     ::placeholder {
         font-size: 13px;
     }
+
+    .contact {
+        margin-top: 0px;
+    }
 
 }