cclock/index.html at master · EKKOING/cclock · 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
91
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="description" content="Countdown time, clock and useful widgets. ">
    <meta name="viewport" content="width=device-width, initial-scale=0.8, user-scalable=no">
    <meta http-equiv="Cache-control" content="public">
    <title>Hotchkiss Clock</title>

    <!-- Loads external styles/fonts -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&display=swap">

    <!-- Loads stylesheet -->
    <link rel="stylesheet" href="./style.css">

</head>

<body scroll="no" style="overflow: hidden">
<!-- Darksky Weather Widget -->
<div class="weather">
    <script type="text/javascript"
            src="https://darksky.net/widget/default-small/41.9474,-73.4464/us12/en.js?width=90%&height=100&title=Full Forecast&textColor=ffffff&bgColor=transparent&transparency=true&skyColor=undefined&fontFamily=Default&customFont=&units=us"></script>
</div>

<!-- Clock Element (top left) -->
<div id="clock">
</div>

<!-- Period/Block Name -->
<div id="class-info">
</div>

<!-- Schedule info/content -->
<div id="schedule-info">
</div>

<!-- Clock container -->
<div class="clock-container">
    <div class="clock-col" id="hrs">
        <p class="clock-hours clock-timer">
        </p>
        <p class="clock-label">
            Hours
        </p>
    </div>
    <div class="clock-col" id="mins">
        <p class="clock-minutes clock-timer">
        </p>
        <p class="clock-label">
            Minutes
        </p>
    </div>
    <div class="clock-col" id="secs">
        <p class="clock-seconds clock-timer">
        </p>
        <p class="clock-label">
            Seconds
        </p>
    </div>
</div>

<div id="info">
    <span id="info-text">Eric Li ’13, Jiahua Chen ’20, Nicholas Lorentzen ’20 V1.13</span>
    <i id="info-circle" class="fas fa-info-circle"></i>
    <a href="mailto:nlorentzen@hotchkiss.org"><i id="bug-report" class="fas fa-bug"></i></a>
</div>

<div id="widgets-bar">
    <div class="widget" id="message-widget" style="display: none;">
        <p id="message" align="center" style="font-weight: 700;"></p>
    </div>
    <div class="widget" id="quote-widget" style="display: none;">
        <p id="quote"></p>
        <p align="right" id="speaker" style="font-weight: 700;"></p>
    </div>
    <div class="widget" id="schedule-message" style="display: none;">
		<p align="center" style="color: #FFFFFF;"><a style="color: white" href="scheduler/">Input A Schedule Here!</a></p>
        <p id="opening-message" align="center" style="font-weight: 700; margin-bottom: 5px; margin-top: 10px;"></p>
		<div id="preview-table"></div>
    </div>
</div>

<!-- Load scripts -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="./script.js"></script>
<script src="./message.js"></script>
<script src="https://kit.fontawesome.com/0eed931c3a.js"></script>
</body>
</html>