|
| 1 | +<!DOCTYPE html> |
| 2 | +<html> |
| 3 | + |
| 4 | +<head> |
| 5 | + <meta charset="utf-8"> |
| 6 | + <meta name="viewport" content="width=device-width"> |
| 7 | + <title>Msgv3</title> |
| 8 | + |
| 9 | + <link href="../style.css" rel="stylesheet" type="text/css" /> |
| 10 | + <link href="../hover.min.css" rel="stylesheet" type="text/css" /> |
| 11 | + <link href="../games/themes.css" rel="stylesheet" type="text/css" /> |
| 12 | + <link href="./settings.css" rel="stylesheet" type="text/css" /> |
| 13 | + <script src="../quick.js"></script> |
| 14 | +</head> |
| 15 | + |
| 16 | +<body> |
| 17 | + <div class="navMain" id="nav"> |
| 18 | +<div class="mobile spaceMobile2"></div> |
| 19 | + <div class="title-nav"><a class="title-link navlink" onclick="">MSGV3</a></div> |
| 20 | +<div class="linkBack"><a class="link navlink " onclick="homeChange();">Home</a></div> |
| 21 | +<div class="linkBack"><a class="link navlink" onclick="gameChange();" >Games</a></div> |
| 22 | +<div class="linkBack"><a class="link navlink" onclick="">Music</a></div> |
| 23 | +<div class="linkBack"><a class="link navlink" onclick="settingsChange();">Settings</a></div> |
| 24 | +<div class="linkBack"><a class="link navlink" onclick="gptChange();">ChatGPT</a></div> |
| 25 | +<div class="desktop spaceDesktop2" id="spaceDesktop2"></div> |
| 26 | +<div class="quick-settings-wrap" id="quickSettingsOuter"> |
| 27 | + <div class="quick-button-wrap" id="quickSettingsWrap"> |
| 28 | + <div class="night-button-option" onclick="darkLightSwitch();" id="themeSwitch"> |
| 29 | + <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"> |
| 30 | + <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" /> |
| 31 | + </svg> |
| 32 | + </div> |
| 33 | + <div class="refresh-button-option" onclick="reloadSite();" id="reloadSwitch"> |
| 34 | + <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"> |
| 35 | + <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" /> |
| 36 | + </svg> |
| 37 | + </div> |
| 38 | + <div class="fullscreen-button-option" onclick="toggleFullScreen();" id="fullScreenSwitch"> |
| 39 | + <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"> |
| 40 | + <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" /> |
| 41 | + </svg> |
| 42 | + </div> |
| 43 | + </div> |
| 44 | +</div> |
| 45 | +<div class="desktop spaceDesktop1" id="spaceDesktop1"></div> |
| 46 | +<div class="desktop spaceDesktop2"></div> |
| 47 | +<h1 class="time-clock" id="time"> Test </p> |
| 48 | +</div> |
| 49 | +<div class="mobile menuExpandClosed" id="menuExpanded"></div> |
| 50 | +<div class="hamburger-menu mobile" id="menuExpand"> |
| 51 | +<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"> |
| 52 | + <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" /> |
| 53 | +</svg> |
| 54 | +</div> |
| 55 | +<div id="menuContent" class="menuContent"> |
| 56 | + |
| 57 | +</div> |
| 58 | +<div class="bottom-wrap desktop" id="sidebarWrap"> |
| 59 | + |
| 60 | + <div class="song-photo"> |
| 61 | + <img src="assets/a3783174096_10.jpg" class="photo-style" alt="Song Photo" id="songPhoto"> |
| 62 | + </div> |
| 63 | + |
| 64 | + <div class="song-title-container"> |
| 65 | + <p class="song-artist" id="songArtist">Uknown Artist</p> |
| 66 | + <h1 class="song-title" id="songTitle"> Unknown Song</h1> |
| 67 | + </div> |
| 68 | + |
| 69 | + <div class="back-arrow" id="backArrow"> |
| 70 | + <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" style="color:white;" class="w-6 h-6"> |
| 71 | + <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" /> |
| 72 | + </svg> |
| 73 | + </div> |
| 74 | + |
| 75 | + <div class="pause-play" id="pause"> |
| 76 | + <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" style="color:white;" fill="currentColor" class="w-6 h-6"> |
| 77 | + <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" /> |
| 78 | + </svg> |
| 79 | + </div> |
| 80 | + |
| 81 | + |
| 82 | + <div class="forward-arrow" id="forwardArrow"> |
| 83 | + <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" style="color:white;" class="w-6 h-6"> |
| 84 | + <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" /> |
| 85 | + </svg> |
| 86 | +</div> |
| 87 | + |
| 88 | +<div class="progress-container"> |
| 89 | + <p style="position: absolute; margin-left: 7.2vh; font-size: 1.5vh;" id="currentTime">00:00/00:00</p> |
| 90 | + <div class="progress-bar" id="progressBar"></div> |
| 91 | +</div> |
| 92 | +<div class="volume-icon" id="mute"> |
| 93 | +<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-6 h-6"> |
| 94 | + <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" /> |
| 95 | + <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" /> |
| 96 | +</svg> |
| 97 | +</div> |
| 98 | + |
| 99 | +<div class="volume-icon-mute" id="muted"> |
| 100 | +<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-6 h-6"> |
| 101 | + <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" /> |
| 102 | +</svg> |
| 103 | +</div> |
| 104 | + |
| 105 | + |
| 106 | +<div class="volume-container"> |
| 107 | + <input type="range" id="volumeControl" min="0" max="1" step="0.01" value="1" class="volumeSlide"> |
| 108 | +</div> |
| 109 | +</div> |
| 110 | + |
| 111 | +</div> |
| 112 | + <div class="space-make"><p> space </p></div> |
| 113 | + <div class="first-content"> |
| 114 | + <h1 class="title-text" style="text-align: center;"> ChatGPT </h1> |
| 115 | + <p>Looking for free access to ChatGPT? MSG is looking into soon providing a chatGPT box here! For now, you can go<a class="big-link" href="https://discord.gg/math-study-934807331668099142"> here</a> and visit #chatgpt. It's free! (You may need to use a proxy)</p> |
| 116 | + </div> |
| 117 | + |
| 118 | + <div id="siteContent"> |
| 119 | + |
| 120 | +</div> |
| 121 | + |
| 122 | +</body> |
| 123 | +<script src="../script.js"></script> |
| 124 | +<script src="../theme.js"></script> |
| 125 | +</html> |
0 commit comments