-
Notifications
You must be signed in to change notification settings - Fork 2
/
src.html
133 lines (133 loc) · 7.89 KB
/
src.html
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
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
<!DOCTYPE html>
<html lang="en">
<head>
<title>Ugwisha</title>
<meta charset="UTF-8">
<meta name="description" content="A simple-ish web app that shows the Gunn schedule, including alternate schedules."/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<meta name="theme-color" content="#ff5959">
<meta name="apple-mobile-web-app-capable" content="yes"/>
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="apple-mobile-web-app-title" content="Ugwisha">
<link rel="apple-touch-icon" href="./images/logo/ios.png">
<link rel="icon" href="./images/logo/192.png" id="favicon">
<link rel="manifest" href="./manifest.json">
<link href="https://fonts.googleapis.com/css?family=Open+Sans%7CRoboto+Condensed&display=swap" rel="stylesheet">
<!-- BEGIN: styles -->
<link rel="stylesheet" href="./css/main.css">
<link rel="stylesheet" href="./css/sidebar.css">
<link rel="stylesheet" href="./css/content.css">
<link rel="stylesheet" href="./css/preview.css">
<link rel="stylesheet" href="./css/extensions.css">
<link rel="stylesheet" href="./css/select-input.css">
<link rel="stylesheet" href="./css/buttons.css">
<link rel="stylesheet" href="./css/periods.css">
<link rel="stylesheet" href="./css/events.css">
<link rel="stylesheet" href="./css/week-preview.css">
<link rel="stylesheet" href="./css/date-picker.css">
<link rel="stylesheet" href="./css/colour-picker.css">
<link rel="stylesheet" href="./css/psa.css">
<!-- END: styles -->
<script type="text/javascript">
if (parent !== window && !location.search.includes('acknowledgement=ugwisha-wont-work-offline-when-embedded') || location.hostname !== 'localhost' && location.hostname !== 'orbiit.github.io' && location.hostname !== '192.168.86.69') {
location = './no-embed.html';
}
</script>
<script src="./js/gunn.js" charset="utf-8"></script>
<!-- BEGIN: scripts -->
<script src="./js/ugwisha-options.js" charset="utf-8"></script>
<script src="./js/main.js" charset="utf-8"></script>
<script src="./js/dom.js" charset="utf-8"></script>
<script src="./js/periods.js" charset="utf-8"></script>
<script src="./js/backgrounds.js" charset="utf-8"></script>
<script src="./js/events.js" charset="utf-8"></script>
<script src="./js/date-selector.js" charset="utf-8"></script>
<script src="./js/ripple.js" charset="utf-8"></script>
<script src="./js/extensions.js" charset="utf-8"></script>
<script src="./js/colour.js" charset="utf-8"></script>
<!-- END: scripts -->
</head>
<body>
<div class="preview">
<span id="preview-time"></span>
<span id="preview-msg"></span>
<div id="progress"></div>
</div>
<div class="content" id="content">
<div id="date-nav-button-wrapper" class="center">
<div id="jump-btn-wrapper">
<button class="icon-btn ripples" id="jump" aria-label="scroll to content"></button>
</div>
<div class="date-controls">
<button class="date-control-btn icon-btn ripples" id="back-day" aria-label="view previous day"></button>
<button class="date-control-btn button ripples" id="select-date" aria-label="select day">select date</button>
<div id="date-selector" class="hidden picker">
<div class="date-selector-month-wrapper">
<button class="icon-btn ripples month-arrow" id="prev-month" aria-label="previous month"></button>
<div id="date-selector-month-year"></div>
<button class="icon-btn ripples month-arrow" id="next-month" aria-label="next month"></button>
</div>
<div id="date-selector-day-headings"></div>
<div id="date-selector-days" tabindex="0" aria-label="select date"></div>
<div class="date-selector-btn-wrapper">
<button class="button ripples" id="today">today</button>
<button class="button ripples" id="cancel-select-date">Close</button>
</div>
</div>
<button class="date-control-btn icon-btn ripples" id="forth-day" aria-label="view next day"></button>
</div>
<a id="weekday"></a>
</div>
<div id="periods"></div>
<div id="week-preview"></div>
<div class="picker hidden" id="extension-list">
<div id="native-list"></div>
<div class="from-url-wrapper">
<input type="text" class="select-input" id="extension-url" placeholder="URL">
<button class="button ripples" id="extension-url-add">Add from URL</button>
</div>
</div>
<h2 class="extension-title"><span id="extension-icon"></span><span id="extension-name"></span><button class="icon-btn ripples" id="remove-extensions" aria-label="remove apps"></button><button class="icon-btn ripples" id="extension-menu"></button></h2>
<div id="extension-wrapper"></div>
<div id="events-wrapper">
<h2>Events</h2>
<div id="events" class="events"></div>
</div>
<p class="hidden" id="offline-msg">You're offline, so some features won't work. When you come back online, <a href="" id="reload" tabindex="-1">reload</a>.</p>
<div class="tabs" id="tabs">
<button class="button ripples" data-for="settings" id="settings-btn"></button>
<button class="button ripples" data-for="about" id="about-btn"></button>
<button class="button ripples" data-for="psa" id="psa-btn"></button>
</div>
<div id="settings" class="tab-section">
<h2>Settings<button class="button ripples" id="reset">reset</button></h2>
<p><button class="button ripples" id="fetch-alts">get alternate schedules</button></p>
<p><label><input class="toggle-setting" data-option="showSELF" data-default="true" type="checkbox">Show SELF instead of Flex?</label></p>
<p><label><input class="toggle-setting" data-option="showEvents" data-default="true" type="checkbox">Show events?</label></p>
<p><label><input class="toggle-setting" data-option="metricTime" data-default="false" type="checkbox">24-hour time?</label></p>
<p><label><input class="toggle-setting" data-option="allowSliding" data-default="true" type="checkbox">Swipe between days? (touch only)</label></p>
<p><label><input class="toggle-setting" data-option="dynamicContrast" data-default="true" type="checkbox">Make text black on light-coloured periods?</label></p>
<p><label><input class="toggle-setting" data-option="blurBack" data-default="true" type="checkbox">Enable frosted glass effect?</label></p>
</div>
<div id="about" class="tab-section">
<h2>About</h2>
<p>Ugwisha is a rewrite of <a href="https://orbiit.github.io/gunn-web-app/lite/" rel="noopener noreferrer" target="_blank">Ugwita</a>; it is open-sourced on <a href="https://github.com/Orbiit/ugwisha" rel="noopener noreferrer" target="_blank">Github</a>. You can send suggestions and bug reports as an issue on Github or by email to <a href="mailto:[email protected]">[email protected]</a>.</p>
<h2>Credits</h2>
<p>Font: <a href="https://fonts.google.com/specimen/Roboto+Condensed" rel="noopener noreferrer" target="_blank">Roboto Condensed</a></p>
<p>Icons: <a href="https://material.io/tools/icons/" rel="noopener noreferrer" target="_blank">material design</a></p>
<p>Nature images: <a href="https://unsplash.com/" rel="noopener noreferrer" target="_blank">Unsplash</a></p>
<p>Assembled by <a href="https://sheeptester.github.io/" rel="noopener noreferrer" target="_blank">Sean</a></p>
</div>
<div id="drag-handle"></div>
</div>
<div id="psa" class="hidden">
<div id="psa-wrapper">
<h2>Announcement</h2>
<div id="psa-content"></div>
<div class="psa-close-wrapper">
<button class="button ripples" id="psa-close">close</button>
</div>
</div>
</div>
</body>
</html>