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 @@ +DVD logo \ 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 @@ +
+ \ No newline at end of file diff --git a/fun.html b/fun.html new file mode 100644 index 0000000..995b295 --- /dev/null +++ b/fun.html @@ -0,0 +1,51 @@ + + + + + + + Fun + + + + + +
+ +
+ + + + + + + +
+
+
+
+ +
+
+
+
+ + + + + +
+ + + + + + + + + \ No newline at end of file diff --git a/header.html b/header.html index 4e9ee10..8ebe76a 100644 --- a/header.html +++ b/header.html @@ -5,4 +5,5 @@

-
+ \ No newline at end of file diff --git a/index.html b/index.html index fb5ca3a..2309fca 100644 --- a/index.html +++ b/index.html @@ -68,7 +68,6 @@ crossorigin="anonymous"> - \ No newline at end of file diff --git a/nav.html b/nav.html index 8fc9034..2674971 100644 --- a/nav.html +++ b/nav.html @@ -1,6 +1,7 @@ diff --git a/projects.html b/projects.html index e116d5f..d0c0f78 100644 --- a/projects.html +++ b/projects.html @@ -101,7 +101,6 @@ crossorigin="anonymous"> - \ No newline at end of file diff --git a/style.css b/style.css index 358cee6..011a14f 100644 --- a/style.css +++ b/style.css @@ -97,6 +97,7 @@ h3 { color: black; } + a:link { color: gray; text-decoration: underline; @@ -122,12 +123,18 @@ a:active { .nav-link { text-decoration: var(--fg-theme); + text-decoration: none!important; } .toolIcon img { width: 100; } +.dropdown-item:active +{ + background-color: lightgray; +} + @media screen and (max-width: 768px) { h2 { font-size: 20px; @@ -141,14 +148,18 @@ a:active { .header-text { margin-top: 1.1rem; } + #quotes { display: none; } } -.main{ - animation: fadeIn; - animation-duration: 5; +@media screen and (max-width: 580px) +{ + .dropdown-menu{ + background-color: var(--fg-theme)!important; + border: none; + } } @media screen and (max-width: 360px) {