updated pages to follow the template
This commit is contained in:
parent
e5c6206365
commit
a62345a6ca
2 changed files with 114 additions and 30 deletions
|
@ -1,11 +1,54 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<title>
|
<!-- JS Licese -->
|
||||||
Links are stupid
|
<script>
|
||||||
</title>
|
/*
|
||||||
|
@licstart The following is the entire license notice for the
|
||||||
|
JavaScript code in this page.
|
||||||
|
|
||||||
|
Copyright (C) 2022 Aviv "RustyStriker" Romem
|
||||||
|
|
||||||
|
The JavaScript code in this page is free software: you can
|
||||||
|
redistribute it and/or modify it under the terms of the GNU
|
||||||
|
General Public License (GNU GPL) as published by the Free Software
|
||||||
|
Foundation, either version 3 of the License, or (at your option)
|
||||||
|
any later version. The code is distributed WITHOUT ANY WARRANTY;
|
||||||
|
without even the implied warranty of MERCHANTABILITY or FITNESS
|
||||||
|
FOR A PARTICULAR PURPOSE. See the GNU GPL for more details.
|
||||||
|
|
||||||
|
As additional permission under GNU GPL version 3 section 7, you
|
||||||
|
may distribute non-source (e.g., minimized or compacted) forms of
|
||||||
|
that code without the copy of the GNU GPL normally required by
|
||||||
|
section 4, provided you include this license notice and a URL
|
||||||
|
through which recipients can access the Corresponding Source.
|
||||||
|
|
||||||
|
|
||||||
|
@licend The above is the entire license notice
|
||||||
|
for the JavaScript code in this page.
|
||||||
|
*/
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<title>Links are stupid</title>
|
||||||
|
|
||||||
|
<!--Style stuff -->
|
||||||
<link rel="stylesheet" type="text/css" href="default_style.css" media="all">
|
<link rel="stylesheet" type="text/css" href="default_style.css" media="all">
|
||||||
</head>
|
</head>
|
||||||
<body onscroll="onBodyScroll()">
|
<body onscroll="onBodyScroll()">
|
||||||
|
<header>
|
||||||
|
<div>
|
||||||
|
<a href = "https://rustystriker.dev/">
|
||||||
|
<h1 style="margin-bottom:0px;">Rusty's Wetbsite</h1>
|
||||||
|
</a>
|
||||||
|
<p style = "margin-top: 0px;">
|
||||||
|
A place for wanky stuff, weird JavaScript and warm-ish takes
|
||||||
|
</p>
|
||||||
|
<a href = "https://rustystriker.dev/about.html">About</a>
|
||||||
|
<a href = "https://gitea.rustystriker.dev/RustyStriker/website">Source</a>
|
||||||
|
<a href = "https://rustystriker.dev/licenses.html">Licenses</a>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
|
||||||
<p>
|
<p>
|
||||||
Oh good, the last page got really crowded,
|
Oh good, the last page got really crowded,
|
||||||
ok, back to the nonsense!
|
ok, back to the nonsense!
|
||||||
|
@ -118,12 +161,28 @@
|
||||||
|
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
|
||||||
<script>
|
<footer>
|
||||||
|
<p>
|
||||||
|
Copyright © 2022 Aviv "RustyStriker" Romem |
|
||||||
|
Except where otherwise noted.
|
||||||
|
<br>
|
||||||
|
works and publications on this website are licenced under
|
||||||
|
<a href = "https://creativecommons.org/licenses/by-sa/4.0/">CC BY-SA 4.0</a>.
|
||||||
|
<br>
|
||||||
|
Codes are published under
|
||||||
|
<a href = "https://www.gnu.org/licenses/agpl-3.0.html">GNU AGPL v3 or later</a>
|
||||||
|
and JavaScript is also published under
|
||||||
|
<a href = "https://www.gnu.org/licenses/gpl-3.0.html">GNU GPL v3 or later</a>
|
||||||
|
| Except where otherwise noted.
|
||||||
|
</p>
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
<script>
|
||||||
var needToAnimateImage = true;
|
var needToAnimateImage = true;
|
||||||
function onBodyScroll() {
|
function onBodyScroll() {
|
||||||
let scrollPercent = document.body.scrollTop / document.body.scrollTopMax;
|
let scrollPercent = document.body.scrollTop / document.body.scrollTopMax;
|
||||||
if (needToAnimateImage && scrollPercent > 0.50) {
|
if (needToAnimateImage) {
|
||||||
needToAnimateImage = false;
|
needToAnimateImage = false;
|
||||||
let img = document.getElementById("animatedImage");
|
let img = document.getElementById("animatedImage");
|
||||||
img.style.visibility = "inherit";
|
img.style.visibility = "inherit";
|
||||||
|
|
61
index.html
61
index.html
|
@ -1,7 +1,7 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<!-- JS Licese -->
|
<!-- JS Licese -->
|
||||||
<script>
|
<script>
|
||||||
/*
|
/*
|
||||||
@licstart The following is the entire license notice for the
|
@licstart The following is the entire license notice for the
|
||||||
|
@ -28,21 +28,32 @@
|
||||||
for the JavaScript code in this page.
|
for the JavaScript code in this page.
|
||||||
*/
|
*/
|
||||||
</script>
|
</script>
|
||||||
<title>Rusty's Awesome Test Site</title>
|
|
||||||
|
|
||||||
<!-- Style -->
|
<title>Rusty Striker's Awesome Website</title>
|
||||||
|
|
||||||
|
<!--Style stuff -->
|
||||||
<link rel="stylesheet" type="text/css" href="default_style.css" media="all">
|
<link rel="stylesheet" type="text/css" href="default_style.css" media="all">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<header>
|
<header>
|
||||||
💀 💀 This is my <header> 💀 💀
|
<div>
|
||||||
</header>
|
<a href = "https://rustystriker.dev/">
|
||||||
<h1 style="color: crimson;">
|
<h1 style="margin-bottom:0px;">Rusty's Wetbsite</h1>
|
||||||
Rusty's Awesome Test Site
|
</a>
|
||||||
|
<p style = "margin-top: 0px;">
|
||||||
|
A place for wanky stuff, weird JavaScript and warm-ish takes
|
||||||
|
</p>
|
||||||
|
<a href = "https://rustystriker.dev/about.html">About</a>
|
||||||
|
<a href = "https://gitea.rustystriker.dev/RustyStriker/website">Source</a>
|
||||||
|
<a href = "https://rustystriker.dev/licenses.html">Licenses</a>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
<h1>
|
||||||
|
Welcome, to my WEBSITE!
|
||||||
</h1>
|
</h1>
|
||||||
<div>
|
<div>
|
||||||
<p>
|
<p>
|
||||||
Welcome to my awesome test site,
|
Welcome to my awesome website,
|
||||||
I will Attempt to learn html using it,
|
I will Attempt to learn html using it,
|
||||||
and you can view my progress here(i guess)...
|
and you can view my progress here(i guess)...
|
||||||
</p>
|
</p>
|
||||||
|
@ -129,16 +140,31 @@
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</body>
|
<footer>
|
||||||
|
<p>
|
||||||
|
Copyright © 2022 Aviv "RustyStriker" Romem |
|
||||||
|
Except where otherwise noted.
|
||||||
|
<br>
|
||||||
|
works and publications on this website are licenced under
|
||||||
|
<a href = "https://creativecommons.org/licenses/by-sa/4.0/">CC BY-SA 4.0</a>.
|
||||||
|
<br>
|
||||||
|
Codes are published under
|
||||||
|
<a href = "https://www.gnu.org/licenses/agpl-3.0.html">GNU AGPL v3 or later</a>
|
||||||
|
and JavaScript is also published under
|
||||||
|
<a href = "https://www.gnu.org/licenses/gpl-3.0.html">GNU GPL v3 or later</a>
|
||||||
|
| Except where otherwise noted.
|
||||||
|
</p>
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
// @license magnet:?xt=urn:btih:1f739d935676111cfff4b4693e3816e664797050&dn=gpl-3.0.txt GPL-v3-or-Later
|
|
||||||
function onCoolButtonClick() {
|
function onCoolButtonClick() {
|
||||||
let bg = document.body.style.getPropertyValue("background-color");
|
let bg = document.body.style.getPropertyValue("background-color");
|
||||||
if (bg == "rgb(31, 1, 15)") {
|
if (bg == "rgb(1, 2, 47)") {
|
||||||
document.body.style.setProperty("background-color", "rgb(1, 2, 47)");
|
document.body.style.setProperty("background-color", "rgb(5, 0, 11)");
|
||||||
}
|
}
|
||||||
else {
|
else {
|
||||||
document.body.style.setProperty("background-color", "rgb(31, 1, 15)");
|
document.body.style.setProperty("background-color", "rgb(1, 2, 47)");
|
||||||
}
|
}
|
||||||
if (document.getElementById("appearing-div").style.visibility == "hidden") {
|
if (document.getElementById("appearing-div").style.visibility == "hidden") {
|
||||||
document.getElementById("appearing-div").style.visibility = "inherit";
|
document.getElementById("appearing-div").style.visibility = "inherit";
|
||||||
|
@ -181,6 +207,5 @@
|
||||||
{ duration: 500, iterations: 2 }
|
{ duration: 500, iterations: 2 }
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
// @license-end
|
|
||||||
</script>
|
</script>
|
||||||
</html>
|
</html>
|
||||||
|
|
Loading…
Reference in a new issue