From f50299fd91462f0f8feb02f558bc9149af8a2fcb Mon Sep 17 00:00:00 2001
From: Stone-Red-Code <56473591+Stone-Red-Code@users.noreply.github.com>
Date: Tue, 16 Mar 2021 17:43:37 +0100
Subject: [PATCH] Added "fun" page
---
Images/fun/DVD_logo.svg | 1 +
Scripts/fun.js | 47 +++++++++++++++++++++++++++++++++++++
Scripts/quotes.js | 9 ++++----
footer.html | 4 +++-
fun.html | 51 +++++++++++++++++++++++++++++++++++++++++
header.html | 1 +
index.html | 1 -
nav.html | 15 ++++++++++--
projects.html | 1 -
style.css | 17 +++++++++++---
10 files changed, 134 insertions(+), 13 deletions(-)
create mode 100644 Images/fun/DVD_logo.svg
create mode 100644 Scripts/fun.js
create mode 100644 fun.html
diff --git a/Images/fun/DVD_logo.svg b/Images/fun/DVD_logo.svg
new file mode 100644
index 0000000..77ca2e8
--- /dev/null
+++ b/Images/fun/DVD_logo.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/Scripts/fun.js b/Scripts/fun.js
new file mode 100644
index 0000000..9edb1db
--- /dev/null
+++ b/Scripts/fun.js
@@ -0,0 +1,47 @@
+let speed = 20;
+let scale = 0.15;
+let canvas;
+let ctx;
+
+let image = {
+ x: -4,
+ y: -4,
+ xspeed: 5,
+ yspeed: 5,
+ img: new Image()
+};
+
+(function main() {
+ canvas = document.getElementById("mainpanel");
+ ctx = canvas.getContext("2d");
+ image.img.src = 'http://github.com/Stone-Red-Code.png';
+ canvas.style.width = '100%';
+ canvas.style.height = '100%';
+ canvas.width = 1000;
+ canvas.height = 500;
+ update();
+})();
+
+function update() {
+ setTimeout(() => {
+ ctx.fillStyle = 'transparent';
+ ctx.fillRect(image.x, image.y, image.img.width * scale, image.img.height * scale);
+ ctx.drawImage(image.img, image.x, image.y, image.img.width * scale, image.img.height * scale);
+
+ image.x += image.xspeed;
+ image.y += image.yspeed;
+
+ checkCollision();
+ update();
+ }, speed)
+}
+
+function checkCollision() {
+ if (image.x + image.img.width * scale >= canvas.width || image.x <= 0) {
+ image.xspeed *= -1;
+ }
+
+ if (image.y + image.img.height * scale >= canvas.height || image.y <= 0) {
+ image.yspeed *= -1;
+ }
+}
\ No newline at end of file
diff --git a/Scripts/quotes.js b/Scripts/quotes.js
index ad4cc20..4ab0b96 100644
--- a/Scripts/quotes.js
+++ b/Scripts/quotes.js
@@ -1,5 +1,5 @@
-window.onload = function() {
- var answerArray = new Array(
+
+ let answerArray = new Array(
"“A million sorry’s is not equal to 1 thank you.” – Emilia (Re:Zero)",
"“When you said that you hate yourself, it made me want to tell you all the wonderful things I know about you.” – Rem (Re:Zero)",
"“No matter what happens, even when it looks like you’re gonna lose, when no one else believes in you, when you don’t believe in your self, I will believe!” – Rem (Re:Zero)",
@@ -27,7 +27,6 @@ window.onload = function() {
"“Make the best of a bad situation.” – Aqua (KonoSuba)",
"“This sunlight is my worst enemy after three straight all-nighters.” – Kazuma Satou (KonoSuba)"
);
-
+
document.getElementById('quotes').innerHTML = answerArray[Math.floor(Math.random() * answerArray.length)];
- document.getElementById('quotes').classList.add("fade-in");
-}
\ No newline at end of file
+ document.getElementById('quotes').classList.add("fade-in");
\ No newline at end of file
diff --git a/footer.html b/footer.html
index c06731e..a3ba29b 100644
--- a/footer.html
+++ b/footer.html
@@ -1,3 +1,5 @@
+
+