This repository has been archived by the owner on Jul 26, 2024. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 59
/
index.html
187 lines (172 loc) · 9.55 KB
/
index.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
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Msgv3</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<link href="hover.min.css" rel="stylesheet" type="text/css" />
<link href="games/themes.css" rel="stylesheet" type="text/css" />
<link href="mobile.css" rel="stylesheet" type="text/css" />
<!-- <link href="assets/msg-logo.png" rel="icon" type="image/png" /> -->
<script src="quick.js"></script>
</head>
<body>
<div class="navMain" id="nav">
<div class="mobile spaceMobile2"></div>
<div class="title-nav"><a class="title-link navlink" onclick="homeChange();">MSGV3</a></div>
<div class="linkBack"><a class="link navlink " onclick="homeChange();">Home</a></div>
<div class="linkBack"><a class="link navlink" onclick="gameChange();" >Games</a></div>
<div class="linkBack"><a class="link navlink" onclick="musicChange();">Music</a></div>
<div class="linkBack"><a class="link navlink" onclick="settingsChange();">Settings</a></div>
<div class="linkBack"><a class="link navlink" onclick="gptChange();">ChatGPT</a></div>
<div class="desktop spaceDesktop2" id="spaceDesktop2"></div>
<div class="quick-settings-wrap" id="quickSettingsOuter">
<div class="quick-button-wrap" id="quickSettingsWrap">
<div class="night-button-option" onclick="darkLightSwitch();" id="themeSwitch">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M21.752 15.002A9.718 9.718 0 0118 15.75c-5.385 0-9.75-4.365-9.75-9.75 0-1.33.266-2.597.748-3.752A9.753 9.753 0 003 11.25C3 16.635 7.365 21 12.75 21a9.753 9.753 0 009.002-5.998z" />
</svg>
</div>
<div class="refresh-button-option" onclick="reloadSite();" id="reloadSwitch">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0l3.181 3.183a8.25 8.25 0 0013.803-3.7M4.031 9.865a8.25 8.25 0 0113.803-3.7l3.181 3.182m0-4.991v4.99" />
</svg>
</div>
<div class="fullscreen-button-option" onclick="toggleFullScreen();" id="fullScreenSwitch">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M3.75 3.75v4.5m0-4.5h4.5m-4.5 0L9 9M3.75 20.25v-4.5m0 4.5h4.5m-4.5 0L9 15M20.25 3.75h-4.5m4.5 0v4.5m0-4.5L15 9m5.25 11.25h-4.5m4.5 0v-4.5m0 4.5L15 15" />
</svg>
</div>
</div>
</div>
<div class="desktop spaceDesktop1" id="spaceDesktop1"></div>
<div class="desktop spaceDesktop2"></div>
<h1 class="time-clock" id="time"> Test </p>
</div>
<div class="mobile menuExpandClosed" id="menuExpanded"></div>
<div class="hamburger-menu mobile" id="menuExpand">
<svg id="hamburgerMenu" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M3.75 5.25h16.5m-16.5 4.5h16.5m-16.5 4.5h16.5m-16.5 4.5h16.5" />
</svg>
</div>
<div id="menuContent" class="menuContent">
</div>
<div class="bottom-wrap desktop" id="sidebarWrap">
<div class="song-photo">
<img src="assets/a3783174096_10.jpg" class="photo-style" alt="Song Photo" id="songPhoto">
</div>
<div class="song-title-container">
<p class="song-artist" id="songArtist">Uknown Artist</p>
<h1 class="song-title" id="songTitle"> Unknown Song</h1>
</div>
<div class="back-arrow" id="backArrow" onclick="goBack();">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" style="color:white;" class="w-6 h-6">
<path d="M9.195 18.44c1.25.713 2.805-.19 2.805-1.629v-2.34l6.945 3.968c1.25.714 2.805-.188 2.805-1.628V8.688c0-1.44-1.555-2.342-2.805-1.628L12 11.03v-2.34c0-1.44-1.555-2.343-2.805-1.629l-7.108 4.062c-1.26.72-1.26 2.536 0 3.256l7.108 4.061z" />
</svg>
</div>
<div class="pause-play" id="pause" onclick="pausePlay();">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" style="color:white;" fill="currentColor" class="w-6 h-6">
<path fill-rule="evenodd" d="M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12zM9 8.25a.75.75 0 00-.75.75v6c0 .414.336.75.75.75h.75a.75.75 0 00.75-.75V9a.75.75 0 00-.75-.75H9zm5.25 0a.75.75 0 00-.75.75v6c0 .414.336.75.75.75H15a.75.75 0 00.75-.75V9a.75.75 0 00-.75-.75h-.75z" clip-rule="evenodd" />
</svg>
</div>
<div class="forward-arrow" id="forwardArrow" onclick="goForward();">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" style="color:white;" class="w-6 h-6">
<path d="M5.055 7.06c-1.25-.714-2.805.189-2.805 1.628v8.123c0 1.44 1.555 2.342 2.805 1.628L12 14.471v2.34c0 1.44 1.555 2.342 2.805 1.628l7.108-4.061c1.26-.72 1.26-2.536 0-3.256L14.805 7.06C13.555 6.346 12 7.25 12 8.688v2.34L5.055 7.06z" />
</svg>
</div>
<div class="progress-container">
<p style="position: absolute; margin-left: 7.2vh; font-size: 1.5vh;" id="currentTime">00:00/00:00</p>
<div class="progress-bar" id="progressBar"></div>
</div>
<div class="volume-icon" id="mute" onclick="mutePlay();">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-6 h-6">
<path d="M13.5 4.06c0-1.336-1.616-2.005-2.56-1.06l-4.5 4.5H4.508c-1.141 0-2.318.664-2.66 1.905A9.76 9.76 0 001.5 12c0 .898.121 1.768.35 2.595.341 1.24 1.518 1.905 2.659 1.905h1.93l4.5 4.5c.945.945 2.561.276 2.561-1.06V4.06zM18.584 5.106a.75.75 0 011.06 0c3.808 3.807 3.808 9.98 0 13.788a.75.75 0 11-1.06-1.06 8.25 8.25 0 000-11.668.75.75 0 010-1.06z" />
<path d="M15.932 7.757a.75.75 0 011.061 0 6 6 0 010 8.486.75.75 0 01-1.06-1.061 4.5 4.5 0 000-6.364.75.75 0 010-1.06z" />
</svg>
</div>
<div class="volume-icon-mute" id="muted" onclick="unmutePlay();">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-6 h-6">
<path d="M13.5 4.06c0-1.336-1.616-2.005-2.56-1.06l-4.5 4.5H4.508c-1.141 0-2.318.664-2.66 1.905A9.76 9.76 0 001.5 12c0 .898.121 1.768.35 2.595.341 1.24 1.518 1.905 2.659 1.905h1.93l4.5 4.5c.945.945 2.561.276 2.561-1.06V4.06zM17.78 9.22a.75.75 0 10-1.06 1.06L18.44 12l-1.72 1.72a.75.75 0 001.06 1.06l1.72-1.72 1.72 1.72a.75.75 0 101.06-1.06L20.56 12l1.72-1.72a.75.75 0 00-1.06-1.06l-1.72 1.72-1.72-1.72z" />
</svg>
</div>
<div id="musicSettings" class="hide"></div>
<div id="musicSettingsContainer" class="hide"></div>
<div class="volume-container">
<input type="range" id="volumeControl" min="0" max="1" step="0.01" value="1" class="volumeSlide">
</div>
</div>
</div>
<div class="space-make"><p> space </p></div>
<div class="first-content">
<h1 class="title-text" id="nameTitle"> Welcome Back! </h1>
<h1 class="title-text mobile" id="pageTitle"> Math Study </h1>
</div>
<div id="siteContent">
<div id="testycontent" class="testy12">
<!--<div id="games"></div>
<div class="settings-container">
<div class="settings-card">
<h1 class="settings-title mobileSize-h2" onclick="gameChange();">Games!</h1>
<p class="settings-text">View our Games!</p>
</div>
<div class="settings-card">
<h1 class="settings-title mobileSize-h2">Proxy Viewer!</h1>
<p class="settings-text">Link the site with a proxy (WIP)</p>
</div>
<div class="settings-card" onclick="settingsChange();">
<h1 class="settings-title mobileSize-h2">Settings!</h1>
<p class="settings-text">View site Settings</p>
</div>
</div>
<div id="songDatas"></div>
-->
<h1 class="title-text2"> Featured Items </h1>
<div class="home-tile-container">
<div class="home-tile" onclick="gameChange();">
<h1 class="home-tile-title">Games!</h1>
<p class="home-tile-text">View our Games!</p>
</div>
<div class="home-tile" onclick="musicChange();">
<h1 class="home-tile-title">Music!</h1>
<p class="home-tile-text">View your Music Library!</p>
</div>
<div class="home-tile" onclick="settingsChange();">
<h1 class="home-tile-title">Settings!</h1>
<p class="home-tile-text">View site Settings</p>
</div>
<div class="home-tile" onclick="window.location.href = 'https://github.com/Cattn/msgweb/issues/new?assignees=&labels=bug&template=bug_report.md&title=%5BBUG%5D'">
<h1 class="home-tile-title">Bug Reporting</h1>
<p class="home-tile-text">Click here to report a bug</p>
</div>
<div class="home-tile" onclick="window.location.href = 'https://github.com/Cattn/msgweb/issues/new?assignees=&labels=enhancement&template=game_request.md&title='">
<h1 class="home-tile-title">Feature Request</h1>
<p class="home-tile-text">Click here to request a new game or feature!</p>
</div>
</div>
<br>
<h1 class="title-text2"> Jump Back In! </h1>
<div class="recentlyPlayed" id="recentlyPlayed">
<p> No Recent Music. :(</p>
</div>
<label for="f" class="custom-file-upload">
Upload Music
</label>
<div class="hide">
<div class="song-container" id="songData">
</div>
</div>
</div>
</div>
</body>
<div class="mobile spaceMobile"></div>
<div class="library-container">
<h1 class="mobileSize-h1 mobile"> Your Library </h1>
<input id="f" type="file" multiple/>
</div>
<h1 class="mobileSize-h5"> Copyright Math Study - 2023.</h1>
<script src="onboarding.js"></script>
<script src="jsmediatags.min.js"></script>
<script src="script.js"></script>
<script src="theme.js"></script>
</html>