🚀Version 2.0

0xMukesh · Nov 18, 2021 · 83249d3 · 83249d3
1 parent ba27fee
commit 83249d3
Show file tree

Hide file tree

Showing 22 changed files with 546 additions and 1,308 deletions.
diff --git a/breath/breath.css b/breath/breath.css
@@ -7,7 +7,7 @@
   font-family: "Poppins", sans-serif;
 }
 
-body {
+main {
   min-height: 100vh;
   display: flex;
   flex-direction: column;
@@ -18,7 +18,7 @@ body {
   background-size: cover;
 }
 
-body::after {
+main::after {
   content: "";
   position: absolute;
   height: 100%;

diff --git a/breath/breath.html b/breath/breath.html
@@ -5,28 +5,72 @@
   <meta charset="UTF-8" />
   <meta http-equiv="X-UA-Compatible" content="IE=edge" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <link rel="stylesheet" href="/breath/breath.css" />
   <link rel="shortcut icon" href="../assests/images/favicon.ico" type="image/x-icon">
   <title>Breath Counter</title>
+  <link rel="stylesheet" href="./breath.css" />
+  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.2/dist/css/bootstrap.min.css" rel="stylesheet"
+    integrity="sha384-uWxY/CJNBR+1zjPWmfnSnVxwRheevXITnMqoEIeG1LJrdI0GlVs/9cVSyPYXdcSF" crossorigin="anonymous">
 </head>
 
 <body>
-  <div class="input">
-    <label>Select Breaths</label>
-    <select class="breath-input">
-      <option value="3">3 Breaths</option>
-      <option value="5">5 Breaths</option>
-      <option value="7">7 Breaths</option>
-    </select>
-  </div>
-  <div class="circle-wrap">
-    <div class="circle-outline"></div>
-    <div class="circle-progress"></div>
-  </div>
-  <p class="breaths">Breaths remaining: <span class="breaths-text">3</span></p>
-  <p class="instructions">Are you ready to start breathing?</p>
-  <button class="start">Begin</button>
-  <script src="/breath/breath.js"></script>
+  <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
+    <div class="container-fluid">
+      <a class="navbar-brand" href="../index.html">It's Time To Focus</a>
+      <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
+        aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+        <span class="navbar-toggler-icon"></span>
+      </button>
+      <div class="collapse navbar-collapse" id="navbarSupportedContent">
+        <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+          <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown"
+              aria-expanded="false">
+              Pomodoro Clock
+            </a>
+            <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
+              <li><a class="dropdown-item" href="../pomodoro/25-5/pomodoro.html">25/5 Pomodoro</a></li>
+              <li><a class="dropdown-item" href="../pomodoro/50-10/pomodoro.html">50/10 Pomodoro</a></li>
+            </ul>
+          <li class="nav-item">
+            <a class="nav-link" href="../lofi/lofi.html">Lofi Music</a>
+          </li>
+          <li class="nav-item">
+            <a class="nav-link" href="../todo/todo.html">Todo List</a>
+          </li>
+          <li class="nav-item">
+            <a class="nav-link" href="../breath/breath.html">Breath Counter</a>
+          </li>
+          <li class="nav-item">
+            <a class="nav-link" target="_blank" href="https://github.com/Kira272921/kira272921.github.io">GitHub</a>
+          </li>
+        </ul>
+      </div>
+    </div>
+  </nav>
+
+  <main>
+    <div class="input">
+      <label>Select Breaths</label>
+      <select class="breath-input">
+        <option value="3">3 Breaths</option>
+        <option value="5">5 Breaths</option>
+        <option value="7">7 Breaths</option>
+      </select>
+    </div>
+    <div class="circle-wrap">
+      <div class="circle-outline"></div>
+      <div class="circle-progress"></div>
+    </div>
+    <p class="breaths">Breaths remaining: <span class="breaths-text">3</span></p>
+    <p class="instructions">Are you ready to start breathing?</p>
+    <button class="start">Begin</button>
+  </main>
+  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.2/dist/js/bootstrap.bundle.min.js"
+    integrity="sha384-kQtW33rZJAHjgefvhyyzcGF3C5TFyBQBA13V1RKPf4uH+bwyzQxZ6CmMZHmNBEfJ"
+    crossorigin="anonymous"></script>
+  <script src="https://code.jquery.com/jquery-3.6.0.min.js"
+    integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
+  <script src="./breath.js"></script>
 </body>
 
 </html>
diff --git a/clock/dark/clock_dark.html b/clock/dark/clock_dark.html
diff --git a/clock/dark/style.css b/clock/dark/style.css