Firepup650/firepup-site
1
1
Fork 1
Code Issues Pull requests Activity Actions
firepup-site/public/pages/dvd-screensaver.html

93 lines
3.9 KiB
HTML
Raw Normal View History

Initial commit
2023-10-01 23:39:12 +00:00
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>FP650 - DVD Screensaver</title>
Uh... Stuff.
2024-04-27 02:56:26 +00:00
<link href="/style.css" rel="stylesheet" type="text/css" />
Make lots of changes I made lots of changes and removed a few leftover dependencies that got copied over from the world of Replit. Reviewed-on: https://git.amcforum.wiki/Firepup650/firepup-site/pulls/5 Co-authored-by: 9pfs <9pfs@amcforum.wiki> Co-committed-by: 9pfs <9pfs@amcforum.wiki>
2023-10-02 02:21:42 +00:00
<link href="/styles/bounce.css" rel="stylesheet" type="text/css" />
Normalize HTML comments
2023-10-02 01:28:54 +00:00
<!-- <script async src="https://api.countapi.xyz/hit/firepup650.repl.co/visits"></script> -->
<!-- <script async src="https://api.countapi.xyz/hit/firepup650.repl.co/dvdscreensaver"></script> -->
Label preload sections Reviewed-on: https://git.amcforum.wiki/Firepup650/firepup-site/pulls/2 Co-authored-by: 9pfs <9pfs@amcforum.wiki> Co-committed-by: 9pfs <9pfs@amcforum.wiki>
2023-10-02 01:47:19 +00:00
<!-- this is a preload \/ -->
Remove illegal div element in <head>
2023-10-02 01:36:55 +00:00
<link rel="preload" href="/images/dvd-logo/norm.png" as="image">
<link rel="preload" href="/images/dvd-logo/light.png" as="image">
<link rel="preload" href="/images/dvd-logo/B.png" as="image">
<link rel="preload" href="/images/dvd-logo/C.png" as="image">
<link rel="preload" href="/images/dvd-logo/G.png" as="image">
<link rel="preload" href="/images/dvd-logo/P.png" as="image">
<link rel="preload" href="/images/dvd-logo/R.png" as="image">
<link rel="preload" href="/images/dvd-logo/Y.png" as="image">
Label preload sections Reviewed-on: https://git.amcforum.wiki/Firepup650/firepup-site/pulls/2 Co-authored-by: 9pfs <9pfs@amcforum.wiki> Co-committed-by: 9pfs <9pfs@amcforum.wiki>
2023-10-02 01:47:19 +00:00
<!-- This is a preload /\ -->
<!-- these are not preloads \/ -->
Initial commit
2023-10-01 23:39:12 +00:00
</head>
<body>
<h5 hidden id='Maintenance' class="center"></h5>
<input class="center" type="checkbox" name="checkbox1" id="check" onclick="return logoTheme();"></input>
<label for="check"><span class="center force-color">Toggle logo theme</span></label>
<input class="center" type="checkbox" name="checkbox1" id="check2" onclick="return logoRainbow();"></input>
<label for="check2"><span class="center force-color">Toggle rainbow theme</span></label>
<img alt="DVD logo" id="logo" src="/images/dvd-logo/norm.png" style="position: fixed; z-index: -1;">
<script>
function logoTheme() {
var checkbox = document.getElementById("check");
var checkbox2 = document.getElementById("check2");
if (checkbox2.checked) {
checkbox2.checked = false;
}
if(checkbox.checked) {
document.getElementById("logo").src = "/images/dvd-logo/light.png"
document.getElementById("logo").alt = "DVD logo light"
} else {
document.getElementById("logo").src = "/images/dvd-logo/norm.png"
document.getElementById("logo").alt = "DVD logo"
}
}
function logoRainbow() {
var checkbox2 = document.getElementById("check");
var checkbox = document.getElementById("check2");
if (checkbox2.checked) {
checkbox2.checked = false;
}
if(!checkbox.checked) {
document.getElementById("logo").src = "/images/dvd-logo/norm.png"
document.getElementById("logo").alt = "DVD logo"
}
}
var vX = 2;
var vY = 2;
var vC = 0;
var colors = ["B","C","G","P","R","Y"]
function move() {
var width = window.innerWidth;
var height = window.innerHeight;
var checkbox = document.getElementById("check2");
var elem = document.getElementById("logo");
if(!elem.style.left) elem.style.left = width / 2 + "px";
if(!elem.style.top) elem.style.top = height / 2 + "px";
var oldX = parseInt(elem.style.left.slice(0, -2));
var oldY = parseInt(elem.style.top.slice(0, -2));
var oldvX = vX;
var oldvY = vY;
var oldvC = vC;
if(oldX < 0) vX = Math.abs(vX);
if(oldY < 0) vY = Math.abs(vY);
if(oldX + 150 > width) vX = -Math.abs(vX);
if(oldY + 150 > height) vY = -Math.abs(vY);
if((oldvY != vY || oldvX != vX)) {
vC+=1;
if (vC > 5) vC = 0;
}
if (oldvC != vC && checkbox.checked) {
document.getElementById("logo").src = "/images/dvd-logo/"+colors[vC]+".png";
document.getElementById("logo").alt = "DVD logo "+colors[vC];
}
elem.style.left = (oldX + vX) + "px";
elem.style.top = (oldY + vY) + "px";
setTimeout(move, 1000 / 60);
}
move();
</script>
Add Maintenence banner to many pages, swap many from using `footer.js` directly to using `script.js`.
2024-05-05 04:28:59 +00:00
<script src="/script.js"></script>
Initial commit
2023-10-01 23:39:12 +00:00
</body>
Uh... Stuff.
2024-04-27 02:56:26 +00:00
</html>
Reference in a new issue Copy permalink