updated pages to follow the template

This commit is contained in:
Aviv "RustyStriker" Romem 2022-04-23 15:30:28 +03:00
parent e5c6206365
commit a62345a6ca
2 changed files with 114 additions and 30 deletions

View File

@ -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";
@ -138,4 +197,4 @@
} }
} }
</script> </script>
</html> </html>

View File

@ -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>
<title>Rusty Striker's Awesome Website</title>
<!-- Style -->
<!--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>
&#128128; &#128128; This is my &lt;header&gt; &#128128; &#128128; <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>
@ -128,17 +139,32 @@
<a href="another_page.html">I am really not sure how it works</a> <a href="another_page.html">I am really not sure how it works</a>
</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>