Skip to content

Commit

Permalink
Merged Scripts
Browse files Browse the repository at this point in the history
  • Loading branch information
xbubbo committed Oct 7, 2023
1 parent 6c7a772 commit 263c0bb
Show file tree
Hide file tree
Showing 6 changed files with 133 additions and 108 deletions.
2 changes: 0 additions & 2 deletions static/apps.html
Original file line number Diff line number Diff line change
Expand Up @@ -65,7 +65,5 @@
gtag('config', 'G-WKJQ5QHQTJ');
</script>
<script src="/scripts/main.js"></script>
<script src="/scripts/main.js"></script>
<script src="/scripts/customIcon.js"></script>
</body>
</html>
5 changes: 2 additions & 3 deletions static/games.html
Original file line number Diff line number Diff line change
Expand Up @@ -61,8 +61,7 @@
gtag('config', 'G-WKJQ5QHQTJ');
</script>
<script src="/scripts/main.js"></script>
<script src="/scripts/main.js"></script>
<script src="/scripts/settings.js"></script>
<script src="/scripts/customIcon.js"></script>
<script src="/scripts/main.js"></script>
<script src="/scripts/settings.js"></script>
</body>
</html>
110 changes: 73 additions & 37 deletions static/go.html
Original file line number Diff line number Diff line change
@@ -1,8 +1,11 @@
<html lang="en">
<head>
<link rel="shortcut icon" id="dynamic-favicon" href="favicon.png">
<link rel="shortcut icon" id="dynamic-favicon" href="favicon.png" />
<title id="dynamic-title">Classes</title>
<script src="https://kit.fontawesome.com/1237c86ba0.js" crossorigin="anonymous"></script>
<script
src="https://kit.fontawesome.com/1237c86ba0.js"
crossorigin="anonymous"
></script>
<!--- Style --->
<style>
body {
Expand All @@ -17,70 +20,103 @@
width: 100vw;
}
.navbtn {
float:right;
float: right;
border-radius: 100%;
width:50px;
height:50px;
background-color: rgba(255,255,255, 0.2);
border:none;
width: 50px;
height: 50px;
background-color: rgba(255, 255, 255, 0.2);
border: none;
position: fixed;
top:10px;
top: 10px;
right: 10px;
cursor: pointer;
}
.navbtn1 {
float:right;
float: right;
border-radius: 100%;
width:50px;
height:50px;
background-color: rgba(255,255,255, 0.2);
border:none;
width: 50px;
height: 50px;
background-color: rgba(255, 255, 255, 0.2);
border: none;
position: fixed;
top:70px;
top: 70px;
right: 10px;
cursor: pointer;
}
.navbtn2 {
float:right;
float: right;
border-radius: 100%;
width:50px;
height:50px;
background-color: rgba(255,255,255, 0.2);
border:none;
width: 50px;
height: 50px;
background-color: rgba(255, 255, 255, 0.2);
border: none;
position: fixed;
top:130px;
top: 130px;
right: 10px;
cursor: pointer;
}
</style>
</head>
<body>
<iframe src="" id="iframeId" style="bottom: 0" style="border: 0px #ffffff none" name="Iframe" scrolling="yes" frameborder="0" marginheight="0px" marginwidth="0px" height="100%" width="100%" allowfullscreen></iframe>
<iframe
src=""
id="iframeId"
style="bottom: 0"
style="border: 0px #ffffff none"
name="Iframe"
scrolling="yes"
frameborder="0"
marginheight="0px"
marginwidth="0px"
height="100%"
width="100%"
allowfullscreen
></iframe>

<button onclick="reload()" class="navbtn"> <i class="fa-solid fa-rotate-right"></i> </button>
<button id="home-page" class="navbtn1" onclick="reload()"> <i class="fa-solid fa-house"></i> </button>
<button id="fullscreen-button" class="navbtn2"><i class="fa-solid fa-expand"></i></button>
<button onclick="reload()" class="navbtn">
<i class="fa-solid fa-rotate-right"></i>
</button>
<button id="home-page" class="navbtn1" onclick="reload()">
<i class="fa-solid fa-house"></i>
</button>
<button id="fullscreen-button" class="navbtn2">
<i class="fa-solid fa-expand"></i>
</button>

<script>
function reload() {
document.getElementById("iframeId").src=document.getElementById("iframeId").src;
document.getElementById('iframeId').src =
document.getElementById('iframeId').src;
}
const fullscreenButton = document.getElementById("fullscreen-button");
fullscreenButton.addEventListener("click", function () {
const fullscreenButton = document.getElementById('fullscreen-button');
fullscreenButton.addEventListener('click', function () {
if (!document.fullscreenElement) {
document.documentElement.requestFullscreen();
} else {
document.exitFullscreen();
}
});
const homeButton = document.getElementById("home-page");
homeButton.addEventListener("click", function () {
window.location.href = "./";
const homeButton = document.getElementById('home-page');
homeButton.addEventListener('click', function () {
window.location.href = './';
});
window.onload = function() {
let encodedUrl = sessionStorage.getItem("encodedUrl");
encodedUrl = "/astronomy/" + encodedUrl;
console.log(encodedUrl);
document.querySelector("#iframeid").src = encodedUrl;
window.onload = function () {
if (
window.localStorage.getItem('uvOff') == null ||
window.localStorage.getItem('uvOff') == 'false'
) {
let encodedUrl = sessionStorage.getItem('encodedUrl');
encodedUrl = '/astronomy/uv/' + encodedUrl;
console.log(encodedUrl);
document.querySelector('#iframeid').src = encodedUrl;
} else {
let encodedUrl = sessionStorage.getItem('encodedUrl');
encodedUrl = '/astronomy/' + encodedUrl;
console.log(encodedUrl);
document.querySelector('#iframeid').src = encodedUrl;
}
};
</script>
<script src="/scripts/main.js"></script>
<script src="/scripts/customIcon.js"></script>
</body>
</body>
</html>
6 changes: 2 additions & 4 deletions static/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -11,10 +11,11 @@
<!-- Site Stylesheets-->
<link rel="stylesheet" href="/css/main.css">
<link rel="stylesheet" href="/css/nav.css">
<link rel="stylesheet" href="/css/home.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" />
<!-- Main Site Scripts-->
<script src="https://kit.fontawesome.com/1237c86ba0.js" crossorigin="anonymous"></script>
<script src="/scripts/main.js"></script>
<link rel="stylesheet" href="/css/home.css">
</head>
<body>
<!-- Nav Bar Start-->
Expand Down Expand Up @@ -52,8 +53,5 @@ <h2 class="title">Interstellar</h2>
gtag('js', new Date());
gtag('config', 'G-WKJQ5QHQTJ');
</script>
<script src="/scripts/customIcon.js"></script>
<script src="/scripts/main.js"></script>
<script src="/scripts/settings.js"></script>
<script src="/scripts/main.js"></script>
</body>
87 changes: 49 additions & 38 deletions static/settings.html
Original file line number Diff line number Diff line change
@@ -1,8 +1,8 @@
<!DOCTYPE html>
<head>
<link rel="shortcut icon" id="dynamic-favicon" href="favicon.png">
<title id="dynamic-title">Classes</title>
<script src="/scripts/main.js"></script>
<link rel="shortcut icon" id="dynamic-favicon" href="favicon.png">
<title id="dynamic-title">Classes</title>
<script src="/scripts/main.js"></script>
<!-- Meta Data-->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Expand All @@ -17,13 +17,15 @@
</head>
<!-- Nav Bar Start-->
<div class="fixed-nav-bar">
<a class="logo" href="/./"><img id="INImg" src="main.png"></a>
<div class="fixed-nav-bar-right">
<a class="logo" href="/./"><img id="INImg" src="main.png"></a>
<div class="fixed-nav-bar-right">
<a class="navbar-link" href="/./algebra"><i class="fa-solid fa-gamepad navbar-icon"></i>Games</a>
<a class="navbar-link" href="/./news"><span class="material-symbols-outlined weird-icon">apps</span>Apps</a>
<a class="navbar-link" href="/./tabs"><i class="fa-solid fa-table navbar-icon"></i>Tabs</a>
<a class="navbar-link" href="/./settings"><i class="fa-solid fa-gear navbar-icon settings-icon"></i>Settings</a>
</div></div></div></div>
</div>
</div>
</div></div>
<!-- Nav Bar End-->
<div class="main">
<div class="settings-container">
Expand All @@ -32,57 +34,66 @@ <h3>About:Blank</h3>
<p>Cloak the site in an about:blank page.</p>
<button onclick="AB()">Open Popup</button>
</div>
<div class="settings-card">
<h3>Set Panic Key</h3>
<p>Quickly open a educational site, when the teacher comes.</p>
<input type="text" id="eventKeyInput" placeholder="Panic Key" class="key-form">
<input class="key-form" placeholder="Panic Link" type="text" id="linkInput" value>
<button class="key-button" value="Save" onclick="saveEventKey()">Save</button>
</input>
<div class="settings-card">
<h3>Set Panic Key</h3>
<p>Quickly open a educational site, when the teacher comes.</p>
<input type="text" id="eventKeyInput" placeholder="Panic Key" class="key-form">
<input class="key-form" placeholder="Panic Link" type="text" id="linkInput" value>
<button class="key-button" value="Save" onclick="saveEventKey()">Save</button>
</input>
</div>
<div class="settings-card">
<h3>Set Background Image</h3>
<p>Change the site's background image.</p>
<div class="settings-card">
<h3>Set Background Image</h3>
<p>Change the site's background image.</p>
<input type="text" id="background-input" placeholder="Enter image URL">
<button class="key-button" id="save-button">Save</button>
<button class="key-button" id="reset-button">Reset</button>
</div>
<div class="settings-card">
<h3>Tab Cloaker</h3>
<p>Makes the site look educational.</p>
<select id="dropdown" onchange="handleDropdownChange(this)">
<option value="Classroom">Default</option>
<option value="Classroom">Google Classroom</option>
<option value="Google">Google</option>
<option value="Drive">Google Drive</option>
<option value="Clever">Clever</option>
<option value="Schoology">Schoology</option>
<option value="Gmail">Gmail</option>
<option value="Khan">Khan Academy</option>
</select>
<input class="key-form" type="text" id="icon" placeholder="Change Tab Icon" name="icon">
<input class="key-form" type="text" id="name" name="name" placeholder="Change Tab Name">
<button class="key-button" value="Save" onclick="saveIcon(); saveName(); redirectToMainDomain()">Save</button>
<div class="settings-card">
<h3>Tab Cloaker</h3>
<p>Makes the site look educational.</p>
<select id="dropdown" onchange="handleDropdownChange(this)">
<option value="Classroom">Default</option>
<option value="Classroom">Google Classroom</option>
<option value="Google">Google</option>
<option value="Drive">Google Drive</option>
<option value="Clever">Clever</option>
<option value="Schoology">Schoology</option>
<option value="Gmail">Gmail</option>
<option value="Khan">Khan Academy</option>
</select>
<input class="key-form" type="text" id="icon" placeholder="Change Tab Icon" name="icon">
<input class="key-form" type="text" id="name" name="name" placeholder="Change Tab Name">
<button class="key-button" value="Save" onclick="saveIcon(); saveName(); redirectToMainDomain()">Save</button>
</div>
<div class="settings-card">
<div class="settings-card">
<h3>Particles</h3>
<p>Add the particles from the previous version to the new site.</p>
<label class="switch">
<input type="checkbox" class="slider-checkbox" id="2">
<span class="slider-round"></span>
</label>
</div>
<div class="settings-card">
<h3>Toggle UV and Dynamic</h3>
<p>Disable the switch for UV, enable it for Dynamic! (UV is default)</p>
<label class="switch">
<input type="checkbox" class="slider-checkbox" id="3">
<span class="slider-round"></span>
</label>
</div>
<div class="settings-card">
<h3>Themes!</h3>
<p>Choose through a selection of themes!</p>
<select id="dropdown" class="td" onchange="themeChange(this)">
<option value="d">Default</option>
<option value="b">Yellow & Green</option>
<option value="midnight">Midnight (Black/White)</option>
<option value="light">Light (White/Black)</option>
<option value="yellow-green">Yellow/Green</option>
<option value="spongebob">Spongebob & Patrick</option>
<option value="bg">Blue & Green</option>
<option value="cr">Dark Red</option>
<option value="fg">Dark Green</option>
<option value="l">Light Mode</option>
<option value="m">Milkshake</option>
<option value="nb">Dark Blue</option>
<option value="rb">Red & Black</option>
<option value="s">Purple & Blue</option>
Expand All @@ -101,5 +112,5 @@ <h3>Themes!</h3>

gtag('config', 'G-WKJQ5QHQTJ');
</script>
<script src="/scripts/customIcon.js"></script>
</body>
<script src="/scripts/icon.js"></script>
</body>
31 changes: 7 additions & 24 deletions static/tabs.html
Original file line number Diff line number Diff line change
@@ -1,27 +1,15 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>
Earth's Moon: Formation, Composition, Orbit & Exploration | Solar Eclipse,
Solar System & Astronomy
</title>
<head>
<link rel="shortcut icon" id="dynamic-favicon" href="favicon.png">
<title id="dynamic-title">Classes</title>
<link rel="stylesheet" type="text/css" href="/css/tab.css" />
<link rel="stylesheet" href="/css/tabinner.css" />
<script src="/scripts/tab.js"></script>
<script
src="https://kit.fontawesome.com/1237c86ba0.js"
crossorigin="anonymous"
></script>
<script src="https://kit.fontawesome.com/1237c86ba0.js" crossorigin="anonymous"></script>
</head>
<body>
<input
type="checkbox"
id="toggle-nav-checkbox"
class="toggle-nav-checkbox"
/>
<input type="checkbox" id="toggle-nav-checkbox" class="toggle-nav-checkbox"/>
<label for="toggle-nav-checkbox" id="toggle-nav" class="toggle-nav">
<span class="hamburger"></span>
</label>
<div class="container">
<nav class="nav" id="right-side-nav">
Expand All @@ -31,12 +19,7 @@
<button id="reload" onclick="reload()"><i class="fa-solid fa-rotate-right"></i></button>
<div class="adress-bar-container">
<form method="POST" class="adress-bar-search-form" id="inpbox">
<input
class="adress-bar-input"
tag="searchbar"
id="searchbar"
placeholder="Search the web freely"
/>
<input class="adress-bar-input" tag="searchbar" id="searchbar" placeholder="Search the web freely"/>
</form>
</div>
</nav>
Expand All @@ -46,6 +29,6 @@
<script src="./h/mathematics.js"></script>
<script src="./h/geography.js"></script>
<script src="/scripts/index.js"></script>
<script src="/scripts/icon.js"></script>
</body>
<script src="/scripts/customIcon.js"></script>
</html>

0 comments on commit 263c0bb

Please sign in to comment.