second commit

MehmetBozkir · Dec 18, 2023 · ba77b51 · ba77b51
1 parent 8d7c7d0
commit ba77b51
Show file tree

Hide file tree

Showing 3 changed files with 32 additions and 5 deletions.
diff --git a/app.js b/app.js
@@ -0,0 +1,26 @@
+let countDownDate = new Date("Nov 17, 2023 21:00:00");
+
+let x = setInterval(function () {
+  let now = new Date().getTime();
+
+  let spentTime = now - countDownDate;
+
+  let day = Math.floor(spentTime / (1000 * 60 * 60 * 24));
+  let hour = Math.floor((spentTime % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
+  let minute = Math.floor((spentTime % (1000 * 60 * 60)) / (1000 * 60));
+  let second = Math.floor((spentTime % (1000 * 60)) / 1000);
+  let millisecond = Math.floor(spentTime % 1000);
+
+  document.getElementById("time").innerHTML =
+    "Time Spent: " +
+    day +
+    "d " +
+    hour +
+    "h " +
+    minute +
+    "m " +
+    second +
+    "s " +
+    millisecond +
+    "ms ";
+});
diff --git a/detail.css b/detail.css
@@ -4,8 +4,8 @@
   --black: #373737;
   --sect1: #ff9900;
   --sect2: #2196f3;
-  --sect3: #e63232;
-  --sect4: #8bc34a;
+  --sect3: #8bc34a;
+  --sect4: #e63232;
   --sect5: #8946ff;
 }
 

diff --git a/index.html b/index.html
@@ -6,13 +6,14 @@
     <title>Who I Am</title>
     <link rel="stylesheet" href="detail.css" />
     <link rel="icon" href="https://fav.farm/🔥" />
+    <script src="app.js"></script>
   </head>
   <body>
     <header>
       <nav>
         <a href="#pro">PROMOTION</a>
         <a href="#skl">SKILLS</a>
-        <a href="#emp1">Empty-1</a>
+        <a href="#emp1">EXPERINCE</a>
         <a href="#emp2">Empty-2</a>
         <a href="#cnnct">CONNECTION</a>
       </nav>
@@ -98,8 +99,8 @@ <h2>SKILLS</h2>
     </section>
 
     <section id="emp1">
-      <h2>Empty-1</h2>
-      <p>Fill in here mehmet</p>
+      <h2>My time working on <br />Front-end <br />Development</h2>
+      <p id="time"></p>
     </section>
 
     <section id="emp2">