removing date formatting functionality

HarukaYamamoto0 · Mar 28, 2024 · e0b7bda · e0b7bda
1 parent 06c6754
commit e0b7bda
Show file tree

Hide file tree

Showing 5 changed files with 15 additions and 51 deletions.
diff --git a/images/logo.png b/images/logo.png
diff --git a/images/screenshot.jpg b/images/screenshot.jpg
diff --git a/index.html b/index.html
@@ -6,8 +6,15 @@
     <title>Timestamp Generator and Converter</title>
     <meta
       name="description"
-      content="Take the current timestamp, convert it to a date, or even convert a date to a timestamp"
+      content="Get the current timestamp or see the date it represents."
     />
+    <meta
+      name="keywords"
+      content="timestamp, converter, date, timestamp generator, timestamp to date, date to timestamp"
+    />
+    <meta name="author" content="HarukaYamamoto0" />
+    <meta name="robots" content="index, follow" />
+    <meta name="language" content="English" />
     <link rel="preconnect" href="https://fonts.googleapis.com" />
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
     <link
@@ -18,7 +25,7 @@
   </head>
   <body>
     <header>
-      <h1>Converter and timestamp generator</h1>
+      <h1>Timestamp Converter</h1>
     </header>
     <main>
       <section id="section-get-current-timestamp">
@@ -59,32 +66,6 @@ <h2>Convert Timestamp To Date</h2>
           </span>
         </button>
       </section>
-
-      <div class="divider"></div>
-
-      <section id="section-convert-date-to-timestamp">
-        <h2>Convert Date to Timestamp</h2>
-        <input
-          id="input-convert-date-to-timestamp"
-          class="input"
-          type="text"
-          placeholder="YYYY-MM-DD hh:mm:ss p.m."
-        />
-        <button
-          onclick="convertDateToTimestamp()"
-          class="action-button convert-to-timestamp-button"
-        >
-          Convert!
-        </button>
-        <button class="result-button">
-          <span id="result-button-convert-date-to-timestamp" class="result-text"
-            >1695938792</span
-          >
-          <span class="icons">
-            <img src="./assets/clipboard.svg" />
-          </span>
-        </button>
-      </section>
     </main>
     <script src="scripts.js"></script>
   </body>

diff --git a/scripts.js b/scripts.js
@@ -25,33 +25,15 @@ function convertTimestampToDate(timestamp) {
     "input-convert-timestamp-to-date",
   );
 
-  const date = new Date(parseInt(timestampInput.value) * 1000);
-  const localizedDate = date.toLocaleString().replace(",", "");
+  const date = new Date(parseInt(timestamp || timestampInput.value) * 1000);
+  const localizedDate = date
+    .toLocaleString("sv", { timeZoneName: "short" })
+    .replace(",", "");
 
   resultButton.textContent = localizedDate;
   return localizedDate;
 }
 
-function convertDateToTimestamp() {
-  const resultButton = document.getElementById(
-    "result-button-convert-date-to-timestamp",
-  );
-  const timestampInput = document.getElementById(
-    "input-convert-date-to-timestamp",
-  );
-
-  const formattedDate = new Date(
-    timestampInput.value.replace("p.m.", "PM").replace("a.m.", "AM"),
-  );
-  const timestamp = formattedDate.getTime() / 1000;
-
-  if (Number.isNaN(timestamp)) {
-    return alert("Please enter a valid date!");
-  }
-
-  resultButton.textContent = timestamp;
-}
-
 const resultButtons = document.querySelectorAll(".result-button");
 
 resultButtons.forEach((button) => {

diff --git a/styles.css b/styles.css
@@ -13,6 +13,7 @@
 }
 
 body {
+
   font-family: "Ubuntu Mono", monospace;
   font-weight: 400;
   font-style: normal;
@@ -36,7 +37,7 @@ header {
 
 main {
   padding: 10vw;
-  padding-top: 4vh;
+  padding-top: 5vh;
   display: flex;
   flex-direction: column;
   justify-content: center;