age-timer/timer.html at main · shivamksharma/age-timer · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<!doctype html>
<html>

<head>
  <meta charset="utf-8" />
  <title>Age Timer - Live Age</title>
  <link rel="icon" href="assets/clock.svg" type="image/svg+xml" />
  <link rel="manifest" href="manifest.json" />
  <meta name="description" content="View your live age counting up in real-time." />
  <meta name="viewport" content="width=device-width" />
  <script src="https://code.jquery.com/jquery-2.2.4.min.js"
    integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin="anonymous"></script>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" />
  <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css" rel="stylesheet">
  <link rel="stylesheet" href="style.css" />
  <script>
    (function () {
      var theme = localStorage.getItem("theme");
      if (theme === "dark") {
        document.documentElement.classList.add("dark-mode");
      }
    })();
  </script>
</head>

<body>
  <div id="timer" style="display: none">
    <h1 class="age-label">AGE</h1>
    <h2 class="count" id="age"></h2>
    <button id="reset" class="button2"><i class="fas fa-sync-alt"></i></button>
  </div>

  <button id="toggleTheme" class="toggleTheme">
    <i class="fas fa-moon"></i>
  </button>
  <script src="timer.js"></script>
</body>

</html>