diff --git a/assets/avi.jpg b/assets/avi.jpg deleted file mode 100644 index 7eedacf..0000000 Binary files a/assets/avi.jpg and /dev/null differ diff --git a/assets/avi.png b/assets/avi.png new file mode 100644 index 0000000..87cb054 Binary files /dev/null and b/assets/avi.png differ diff --git a/assets/bg-1440p.jpg b/assets/bg-1440p.jpg index 6e2b940..efb6ef6 100644 Binary files a/assets/bg-1440p.jpg and b/assets/bg-1440p.jpg differ diff --git a/assets/bg-orig.jpg b/assets/bg-orig.jpg deleted file mode 100644 index 89935a5..0000000 Binary files a/assets/bg-orig.jpg and /dev/null differ diff --git a/assets/bg-orig.png b/assets/bg-orig.png new file mode 100644 index 0000000..25e67b5 Binary files /dev/null and b/assets/bg-orig.png differ diff --git a/index.html b/index.html index 1292a90..3130d95 100755 --- a/index.html +++ b/index.html @@ -13,22 +13,17 @@
- +
-

- Quad -

-

- (Dominik Vincent Salonen) -

+

Quad

@@ -45,6 +40,67 @@

- + - \ No newline at end of file + diff --git a/main.js b/main.js deleted file mode 100755 index 0f0701c..0000000 --- a/main.js +++ /dev/null @@ -1,61 +0,0 @@ -// I suck at JS okay, don't judge. I know this is horrendous. Heavy copy/paste junk. -// Code is commented more than it needs to be because I'm still learning and the comments are basically post-it notes to help me remember. -// Ajax is entirely pointless for this site, but I did it to learn. - -// Find all our buttons -const button1 = document.getElementById('button1'); -const button2 = document.getElementById('button2'); -const button3 = document.getElementById('button3'); - -// Create variables that will get populated by loadContent() later -var page1 = "pages/about.html"; -var page2 = "pages/social.html"; -var page3 = "pages/projects.html"; - -const contentArea = document.getElementById("page"); - -// Very bad function to get rid of the "active" class wherever it is atm -function resetButtons() { - button1.className = "nav-button"; - button2.className = "nav-button"; - button3.className = "nav-button"; -} - -function httpGet(myUrl, callback) { - var xmlHttp = new XMLHttpRequest(); - xmlHttp.onreadystatechange = function() { - if (xmlHttp.readyState == 4 && xmlHttp.status == 200) - callback(contentArea, xmlHttp.responseText); - } - xmlHttp.open("GET", myUrl, true); - xmlHttp.send(null); -} - -function activatePage(navbutt, source) { - resetButtons(); - navbutt.className += " active"; - console.log("there's absolutely no reason for this site to use ajax lmao"); - httpGet(source, setContent); -} - -function setContent(target, payload) { - target.innerHTML = payload; -} - -function initialContent() { - - // Slap on all the event listeners - button1.addEventListener('click', function() { - activatePage(button1, page1); - }, false); - button2.addEventListener('click', function() { - activatePage(button2, page2); - }, false); - button3.addEventListener('click', function() { - activatePage(button3, page3); - }, false); - - setContent(contentArea, '


Click a button!

'); -} - -initialContent(); diff --git a/pages/about.html b/pages/about.html index 3d61fca..036eacc 100755 --- a/pages/about.html +++ b/pages/about.html @@ -1,8 +1,3 @@

Hi there!

-

I'm mostly known as an internet guy. And on said internet, I go by "Quad". If you've heard of me, you probably know me as "That guy who made the Memes are bigger than Jesus tweet". If not that, it's probably openings.moe, or the now defunct QuadFile.

- -

I'm a system administrator and former developer. I still dabble in code a bit, but for the most part I mess with servers. Generally powered by Linux or FreeBSD. I'm also one of those dreaded "weeaboos" who watch lots of anime and who supposedly are the most degenerate scum on earth, but I'll leave that discussion for other people.

- -

Also I've been strangely addicted to ThinkPads lately.

- -

Long story short, I'm a huge nerd. Both for computers and for anime. You'll find me all over the internet, although I'm usually most active on Mastodon or Twitter.

\ No newline at end of file +

I am a sysadmin. That means I like things that plug into my network and have blinky lights. I never liked Windows 10, so I've also been running purely on Linux for many years now.

+

I run some public services, such as Weeaboo.space, but the majority of what I do tends to be run in my home. I've got an interest for most things tech-related, so I'll happily partake in most dicusssions about tech. These days I mainly communicate via the Fediverse as Twitter was my preferred social media, however their management seems to have gone overly downhill lately. People who prefer more traditional methods can also just throw me an E-mail.

diff --git a/pages/contact.html b/pages/contact.html new file mode 100644 index 0000000..d632196 --- /dev/null +++ b/pages/contact.html @@ -0,0 +1,4 @@ +
+
Fediverse +
E-Mail +
diff --git a/pages/projects.html b/pages/projects.html index 84a35c9..9578587 100644 --- a/pages/projects.html +++ b/pages/projects.html @@ -1,17 +1,11 @@ -

I'm not an active dev anymore. But I've still got some small things going on around the internet.

+

I'm not an active dev anymore, focusing on being a sysadmin and labbing with hardware at home. But I've still got some small things going on around the internet.

openings.moe is still a huge site, although I'm mostly just responsible for servers now.

My blog is a thing that exists. I tend to forget it, but I'm hoping that I manage to come up with something interesting for it once in a while.

-

masto.quad.moe is a mastodon instance run by me. It's getting replaced by weeaboo.space

- -

weeaboo.space is a pleroma instance run by me. I use it along with some other internet people, it's invite-only (because Pleroma is still kinda bad at handling many users long-term) but we're all nice people, so feel free to hit us up if you're on the fediverse!

- -

Anipictures is a bot written by me. Though I don't do much other than fix it if it implodes.

+

weeaboo.space is a pleroma instance run by me. I use it along with some other internet people, we're all nice people, so feel free to join.

Dotfiles aren't exactly a project, but many fellow Linux users have asked me to share them in the past. My selection is pretty sparse though.

-

The rest of the "Quad Network", I run a boatload of servers. Mail server, gogs, IRC bouncer, etc. Though most of these are only for personal use or invite-only.

- -

This website is also Open Source and available in a git repo, because why not.

\ No newline at end of file +

This website is also Open Source and available in a git repo, because why not.

diff --git a/pages/social.html b/pages/social.html deleted file mode 100644 index 434a661..0000000 --- a/pages/social.html +++ /dev/null @@ -1,11 +0,0 @@ -
-
Fediverse -
Twitter -
diaspora -
E-Mail -
-
-

Also available via XMPP.

-

Server is conversations.im and username is quad.

-

Gotta type it out like that, otherwise I get bombarded by spambots.

-
diff --git a/style.css b/style.css index 4698504..02170fd 100755 --- a/style.css +++ b/style.css @@ -27,7 +27,7 @@ a:hover { color: #FF9999; } -/* Main IDs forthe site */ +/* Main IDs for the site */ #site { position: absolute; top: 0; @@ -54,7 +54,7 @@ a:hover { } #main-container { - background-color: rgba(30,25,25,0.75); + background-color: rgba(25,25,30,0.75); margin-top: 10px; padding: 5px; box-sizing: border-box; @@ -69,7 +69,7 @@ a:hover { #page { width: calc(100% - 5px); padding: 15px 5px 8px 5px; - height: calc(40vh - 50px); + max-height: calc(40vh - 50px); overflow-y: auto; } @@ -83,7 +83,7 @@ a:hover { } #page { - height: calc(50vh - 40px); + max-height: calc(50vh - 40px); } } @@ -145,7 +145,7 @@ a:hover { .nav-button { display: inline-block; - border-bottom: solid 3px #5b4b4b; + border-bottom: solid 3px #4b4b5b; background-color: rgba(30,25,25,0); color: #AAA; transition: background 0.15s ease-in-out, border 0.5s ease-in-out, color 0.15s ease-in-out; @@ -160,13 +160,13 @@ a:hover { } .nav-button:hover { - background-color: rgba(90,75,75,0.75); + background-color: rgba(75,75,90,0.75); color: #FFF; transition: background 0.15s ease-in-out, color 0.15s ease-in-out; } .nav-button.active { - border-color: #FF5555; + border-color: #5555FF; color: #FFF; transition: background 0.15s ease-in-out, border 0.5s ease-in-out, color 0.15s ease-in-out; } @@ -228,7 +228,7 @@ a:hover { } .icon-container a:hover { - color: #FF5555; + color: #5555FF; transition: color 0.25s ease-in-out; } @@ -271,5 +271,5 @@ a:hover { } .highlight { - color: #FF5555; -} \ No newline at end of file + color: #5555FF; +}