diff --git a/index.html b/index.html
index 999c0ab..ecd4785 100644
--- a/index.html
+++ b/index.html
@@ -5,7 +5,7 @@
Alfieking.dev
-
+
@@ -145,9 +145,43 @@ ZZZzz /,`.-'`' -. ;-;;,_
-
- 
-
+
+
+
+
+
+ Buttons!!! :3
+
diff --git a/static/content/bleeps.gif b/static/content/bleeps.gif
new file mode 100644
index 0000000..a4414f2
Binary files /dev/null and b/static/content/bleeps.gif differ
diff --git a/static/content/btns/anything_but_chrome.gif b/static/content/btns/anything_but_chrome.gif
new file mode 100644
index 0000000..eabb7d8
Binary files /dev/null and b/static/content/btns/anything_but_chrome.gif differ
diff --git a/static/content/btns/archlinux.gif b/static/content/btns/archlinux.gif
new file mode 100644
index 0000000..6fcc440
Binary files /dev/null and b/static/content/btns/archlinux.gif differ
diff --git a/static/content/btns/deltarune.png b/static/content/btns/deltarune.png
new file mode 100644
index 0000000..a7b0943
Binary files /dev/null and b/static/content/btns/deltarune.png differ
diff --git a/static/content/btns/discord.gif b/static/content/btns/discord.gif
new file mode 100644
index 0000000..250c6b9
Binary files /dev/null and b/static/content/btns/discord.gif differ
diff --git a/static/content/btns/firefoxget.gif b/static/content/btns/firefoxget.gif
new file mode 100644
index 0000000..3cd754f
Binary files /dev/null and b/static/content/btns/firefoxget.gif differ
diff --git a/static/content/btns/handcoded.gif b/static/content/btns/handcoded.gif
new file mode 100644
index 0000000..73c1a23
Binary files /dev/null and b/static/content/btns/handcoded.gif differ
diff --git a/static/content/btns/learn_html.gif b/static/content/btns/learn_html.gif
new file mode 100644
index 0000000..dd832a0
Binary files /dev/null and b/static/content/btns/learn_html.gif differ
diff --git a/static/content/btns/love_blahaj.gif b/static/content/btns/love_blahaj.gif
new file mode 100644
index 0000000..0ceea38
Binary files /dev/null and b/static/content/btns/love_blahaj.gif differ
diff --git a/static/content/btns/made_with_paws.png b/static/content/btns/made_with_paws.png
new file mode 100644
index 0000000..ea87982
Binary files /dev/null and b/static/content/btns/made_with_paws.png differ
diff --git a/static/content/btns/no_web3.gif b/static/content/btns/no_web3.gif
new file mode 100644
index 0000000..4f5a2f1
Binary files /dev/null and b/static/content/btns/no_web3.gif differ
diff --git a/static/content/btns/ublock_origin_now.png b/static/content/btns/ublock_origin_now.png
new file mode 100644
index 0000000..5ce5191
Binary files /dev/null and b/static/content/btns/ublock_origin_now.png differ
diff --git a/static/content/btns/use-discord.gif b/static/content/btns/use-discord.gif
new file mode 100644
index 0000000..8b8b457
Binary files /dev/null and b/static/content/btns/use-discord.gif differ
diff --git a/static/content/btns/vscbutton.gif b/static/content/btns/vscbutton.gif
new file mode 100644
index 0000000..8a4cad2
Binary files /dev/null and b/static/content/btns/vscbutton.gif differ
diff --git a/static/css/index.css b/static/css/main.css
similarity index 84%
rename from static/css/index.css
rename to static/css/main.css
index b4782e9..734002f 100644
--- a/static/css/index.css
+++ b/static/css/main.css
@@ -64,6 +64,7 @@ nav ul li a:hover img {
}
nav ul li#music {
+ z-index: 100;
margin-top: auto;
padding-bottom: 2rem;
display: none;
@@ -252,10 +253,23 @@ main section a:hover {
.links a img {
height: 120px;
- transition: all 0.3s ease-in-out;
+ transition: all 0.2s ease-in-out;
}
-.links a img:hover {
+.links a:nth-child(even) img:hover {
+ transform: scale(1.1) rotate(5deg);
+}
+
+.links a:nth-child(odd) img:hover {
+ transform: scale(1.1) rotate(-5deg);
+}
+
+.links iframe {
+ height: 120px;
+ transition: all 0.2s ease-in-out;
+}
+
+.links iframe:hover {
transform: scale(1.1);
}
@@ -266,10 +280,39 @@ main section a:hover {
.blinkies a img {
height: 60px;
- transition: all 0.3s ease-in-out;
+ transition: all 0.2s ease-in-out;
+}
+
+.blinkies a {
+ height: 60px;
}
img.btn {
- height: 50px !important;
- transition: all 0.3s ease-in-out;
-}
\ No newline at end of file
+ height: 60px !important;
+ transition: all 0.2s ease-in-out;
+}
+
+#links h2 {
+ margin-top: 2rem;
+}
+
+.btns {
+ display: flex;
+ flex-direction: row;
+ flex-wrap: wrap;
+ gap: 0.5rem;
+ margin-top: 2rem;
+}
+
+.btns img {
+ height: 40px;
+ transition: all 0.2s ease-in-out;
+}
+
+.btns img:hover:nth-child(even) {
+ transform: scale(1.3) rotate(5deg);
+}
+
+.btns img:hover:nth-child(odd) {
+ transform: scale(1.3) rotate(-5deg);
+}
\ No newline at end of file
diff --git a/static/js/music.js b/static/js/music.js
index 0dc7aa1..4b00d77 100644
--- a/static/js/music.js
+++ b/static/js/music.js
@@ -64,8 +64,9 @@ function hideUi() {
function update() {
fetchData().then(data => {
+ console.log(data);
if (data.item != null) {
- hideUi();
+ updateUi(data);
}
else {
hideUi();
diff --git a/static/js/typing.js b/static/js/typing.js
index 562162d..26cc601 100644
--- a/static/js/typing.js
+++ b/static/js/typing.js
@@ -1,9 +1,36 @@
-const values = ["Web developer", "Pc games enjoyer", "Server backend survivor", "python programmer", "Javascript disliker"];
+const values = [
+ "Web developer",
+ "Pc games enjoyer",
+ "Server backend survivor",
+ "python programmer",
+ "Javascript disliker",
+ "I use Arch btw",
+ "Owo, what's this?",
+ "Ultimate procrastinator",
+ "Ultrakill gaming",
+ "00111010 00110011",
+ "fistful of dollar",
+ "Thy end is now!!!",
+ "Possibly a furry",
+ "Prepare thyself!!!",
+ "Spegatti code master",
+ "Ethernet cable untangler",
+ "Caffeine addict",
+ "I'm not a robot ☑",
+ "Loud Music enjoyer",
+ "part time femboy :<",
+];
var direction = 1;
var text = "";
var speed = 100;
var selectedValue = 0;
-var currentValueIndex = 0;
+var currentValueIndex = 0;
+var pause = false;
+
+function randomValue() {
+ selectedValue = Math.floor(Math.random() * values.length);
+ currentValueIndex = 0;
+}
function type() {
if (direction == 1) {
@@ -12,7 +39,7 @@ function type() {
currentValueIndex++;
} else {
direction = -1;
- speed = 1500;
+ pause = true;
}
} else {
if (currentValueIndex > 0) {
@@ -20,10 +47,7 @@ function type() {
currentValueIndex--;
} else {
direction = 1;
- selectedValue++;
- if (selectedValue >= values.length) {
- selectedValue = 0;
- }
+ randomValue();
}
}
}
@@ -36,7 +60,12 @@ function typing() {
} else {
speed = 60 + (Math.random() * 100) / 2;
}
- setTimeout(typing, speed);
+ if (!pause) {
+ setTimeout(typing, speed);
+ } else {
+ setTimeout(typing, 500);
+ pause = false;
+ }
}
typing();
\ No newline at end of file
+
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+