ryanforce08.github.io/index.html at main · Ryanforce08/ryanforce08.github.io · 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
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
<!DOCTYPE html>
<html lang="en">
   <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>School Period Countdown</title>
      <link rel="shortcut icon" type="image/png" href="/images/favicon.png"/>
      <style>
         body {
         font-family: Arial, sans-serif;
         text-align: center;
         margin: 0;
         padding: 0;
         background-color: #333;
         }
         h1 {
         color: #ffffff;
         }
         #countdown,#lunch,#period {
         font-size: 36px;
         margin-top: 20px;
         color: #ffffff;
         }
         .notes,#credit {
         font-size: 15px;
         margin-top: 20px;
         color: #ffffff;
         }
         button {
         font-size: 25px;
         margin-top: 20px;
         color: #333;
         }
         #subway{
          margin:50px ;
          float:right;
          top:-40px;
          display: block;
         }
         #funny{
          margin:50px ;
          float:left;
          top:-40px;
          display: block;
         }
      </style>
   </head>
   <body style="color: #333",>
      <meta name="darkreader-lock">
<!--       <div id="subway">
      <video width="360" height="500" autoplay muted>
        <source src="images/subway.mp4" type="video/mp4">
      Your browser does not support the video tag.
      </video>
    </div>
    <div id="funny">
      <video width="360" height="500" autoplay muted>
        <source src="images/funny.mp4" type="video/mp4">
      Your browser does not support the video tag.
      </video>
    </div> -->
         <h1>School Period Countdown</h1>
         <div id="lunch"></div>
         <div id="period"></div>
         <div id="countdown"></div>
         <br>
         <a href="settings.html">
         <button>Settings</button>
         </a>
         <div class="notes">
            <div>Release Notes</div>
            <div id="message"></div>
         </div>
         <br>
         <div id="credit">Coded By Ryan Radtke/Ryanforce</div>
      <script src="periods.js"></script>
      <script>
        const funni = localStorage.getItem("funni");
        // Get the element by its ID
        const subway = document.getElementById('subway');
        const funny = document.getElementById('funny');

        if (funni === 'False') {
            funny.style.display = 'none';
            subway.style.display = 'none'; // Show the element if it's true
        }

      </script>
   </body>
</html>