diff --git a/src/css/base.css b/src/css/base.css new file mode 100644 index 0000000..b4a7185 --- /dev/null +++ b/src/css/base.css @@ -0,0 +1,7 @@ +@tailwind base; +@tailwind components; +@tailwind utilities; + +.glow { + box-shadow: 0 0 15px rgba(255, 255, 255, 0.5); +} \ No newline at end of file diff --git a/src/img/logo.png b/src/img/logo.png new file mode 100644 index 0000000..0a724d5 Binary files /dev/null and b/src/img/logo.png differ diff --git a/src/img/os/arch.png b/src/img/os/arch.png new file mode 100644 index 0000000..bde1483 Binary files /dev/null and b/src/img/os/arch.png differ diff --git a/src/img/os/debian.png b/src/img/os/debian.png new file mode 100644 index 0000000..67e5c08 Binary files /dev/null and b/src/img/os/debian.png differ diff --git a/src/img/os/gentoo.png b/src/img/os/gentoo.png new file mode 100644 index 0000000..98bcf88 Binary files /dev/null and b/src/img/os/gentoo.png differ diff --git a/src/img/os/mint.png b/src/img/os/mint.png new file mode 100644 index 0000000..bf4969a Binary files /dev/null and b/src/img/os/mint.png differ diff --git a/src/img/os/opensuse.png b/src/img/os/opensuse.png new file mode 100644 index 0000000..85330a5 Binary files /dev/null and b/src/img/os/opensuse.png differ diff --git a/src/img/os/oracle.png b/src/img/os/oracle.png new file mode 100644 index 0000000..ebb8726 Binary files /dev/null and b/src/img/os/oracle.png differ diff --git a/src/img/os/ubuntu.png b/src/img/os/ubuntu.png new file mode 100644 index 0000000..88a5d34 Binary files /dev/null and b/src/img/os/ubuntu.png differ diff --git a/src/img/os/void.png b/src/img/os/void.png new file mode 100644 index 0000000..60aa27f Binary files /dev/null and b/src/img/os/void.png differ diff --git a/src/img/os/windows-server.png b/src/img/os/windows-server.png new file mode 100644 index 0000000..ca97774 Binary files /dev/null and b/src/img/os/windows-server.png differ diff --git a/src/js/main.js b/src/js/main.js new file mode 100644 index 0000000..e708d01 --- /dev/null +++ b/src/js/main.js @@ -0,0 +1,25 @@ +document.addEventListener('DOMContentLoaded', () => { + const notificationBanner = document.getElementById('notification-banner'); + const dismissButton = document.getElementById('dismiss-btn'); + + if (localStorage.getItem('notificationDismissed')) { + notificationBanner.style.display = 'none'; + } + + dismissButton.addEventListener('click', () => { + notificationBanner.style.display = 'none'; + localStorage.setItem('notificationDismissed', 'true'); + }); +}); + +const openMenuBtn = document.getElementById('open-menu-btn'); +const closeMenuBtn = document.getElementById('close-menu-btn'); +const mobileMenu = document.getElementById('mobile-menu'); + +openMenuBtn.addEventListener('click', () => { + mobileMenu.style.display = 'block'; +}); + +closeMenuBtn.addEventListener('click', () => { + mobileMenu.style.display = 'none'; +}); \ No newline at end of file diff --git a/src/js/music.js b/src/js/music.js new file mode 100644 index 0000000..d8f592f --- /dev/null +++ b/src/js/music.js @@ -0,0 +1,41 @@ +const albumlabel = document.getElementById("albumlabel"); +const albumart = document.getElementById("album-art"); +const song = document.getElementById("song"); +const artist = document.getElementById("artist"); +const album = document.getElementById("album"); +const loader = document.getElementById("loader"); +const musicContent = document.getElementById("music-content"); + +async function getLatestSong() { + const api = "https://lastfm-last-played.biancarosa.com.br/aidxn_/latest-song"; + try { + const lsResponse = await fetch(api); + if (lsResponse.ok) { + const latestSongJSON = await lsResponse.json(); + if (!latestSongJSON.track["@attr"]) { + albumlabel.textContent = "Last Listen:"; + } else if (latestSongJSON.track["@attr"].nowplaying) { + albumlabel.textContent = "Now Playing:"; + } else { + console.warn("[WARN] Invalid now playing status."); + albumlabel.textContent = "Last Listen:"; + } + + albumart.src = latestSongJSON.track.image[1]["#text"] || "/img/placeholder.png"; + song.textContent = latestSongJSON.track.name; + artist.textContent = latestSongJSON.track.artist["#text"]; + album.textContent = latestSongJSON.track.album["#text"]; + + loader.classList.add("hidden"); + musicContent.classList.remove("hidden"); + } else { + console.error(`Error: ${lsResponse.status}`); + } + } catch (error) { + console.error(`Error: ${error.message}`); + } +} + +(async function() { + await getLatestSong(); +})(); \ No newline at end of file diff --git a/views/about.ejs b/views/about.ejs new file mode 100644 index 0000000..4e5dc57 --- /dev/null +++ b/views/about.ejs @@ -0,0 +1,72 @@ + + + + + + aidxn.fun | about + + + +<%- include('shards/header.ejs', { req: req }) %> +
+

About Me

+

+ Looking to learn more? +

+
+
+

What you're looking for

+

Heyo! I'm Aidan, and I'm a human being, like you. I'm a Wikipedia editor, hobbyist programmer (Python, Node.js and PHP) and student. I am a troubled teen industry survivor and I also love music! I love walking (pretty much anywhere), particularly Boston and some Mass suburbs. I'm a cryptocurrency user and love it way more than credit cards/cash. However, I am strongly opposed to the adoption of Web3 technology.

+

I strive, as a person, to understand my peers in life. I consider myself to be extremely understanding and accepting, albeit nobody is perfect, and I still hold my biases.

+

Thus, I've tried to do about almost everything and learn about almost everything to get a better understanding of the world around me. I love to debate, talk and learn about other people's views, while keeping it judgement-free. I believe this has helped me find more diverse relationships.

+

In politics, I'm a strong Democrat and a supporter of the Pirate Party. I hope, by the time I die, that everyone may have fair human rights, open source is standard and the troubled teen industry is torn down or rebuilt into a truly healing environment. Also, let's try our best not to let AI take over too fast, eh?

+

If you want, you can check out my LastFM profile here. If you don't already know what LastFM is, you can see more about my music taste there. It's where the sidebar fetches now playing stats from, too!

+ +

Technology

+

I have a lot of experience with varying types of technologies. From servers to old XP machines, I've tried it all. I currently administer two Linux servers, both running Ubuntu.

+ +

Linux Distro Experience

+ + +

Cloud

+

I also work a LOT in the cloud, but not the type you might be thinking about. I almost have an obsession with enterprise cloud computing. Hell, you're actually connected to one... right now! Here are some of my favorite platforms, ranked.

+

This section is a work in progress, for those who don't know cloud computing. I'm working to make the wording clearer, so the non-technical folk can still understand everything here!

+ +
    +
  1. Oracle Cloud
    2. +
  2. Azure
    3. +
  3. AWS
    4. +
+ +

You can learn more about my opinions on cloud platforms on this page.

+
+ +<%- include('shards/footer.ejs') %> \ No newline at end of file diff --git a/views/contact.ejs b/views/contact.ejs new file mode 100644 index 0000000..628c500 --- /dev/null +++ b/views/contact.ejs @@ -0,0 +1,46 @@ + + + + + + aidxn.fun | Contact + + + + +<%- include('shards/header.ejs', { req: req }) %> + +
+

Contact

+

Looking to contact me? You found it!

+
+ +
+

Contact Details

+

This one can be a hard one for most people, as I'm not a fan of modern social media, albeit I give in here and there.

+

Now, the part you came for!

+

If you're looking for my email, simply replace the brackets with the character it's referencing, like so: test[at]test[dot]com becomes test@test.com

+

This is in order to prevent bots from contacting me.

+ + +
+ + +<%- include('shards/footer.ejs') %> \ No newline at end of file diff --git a/views/index.ejs b/views/index.ejs new file mode 100644 index 0000000..f1a7904 --- /dev/null +++ b/views/index.ejs @@ -0,0 +1,50 @@ + + + + + + aidxn.fun + + + +<%- include('shards/header.ejs', { req: req }) %> +
+
+
+

Welcome to aidxnFUN

+

Welcome to my slice of the web... It's good to see you

+
+
+
+
+
+

Welcome!

+

My name is Aidan, but if you are on tilde.club, you will know me as ~lxu! I'm a technology enthusiast, and a Wikipedia editor, among other things.

+

Here, you can learn more about me, enjoy a sleek design, and even have some fun along the way!

+

This website is currently hosted in Frankfurt, Germany. Page load speeds may be impacted, however my website's data is hosted under stricter data protection laws. I'm not a millionaire, and thus helps me save money on hosting, and serve a wider range of countries with better speeds.

+

The content and code of this website is hereby released under the public domain. You are free to use this servers content for whatever you please, and you can additionally view this website's source code on GitHub here.

+
+
+

Where to start

+

This website has a lot of content, albeit spread apart. If you're interested in learning about me as a person, I'd obviously suggest my about page.

+

If you merely need to contact me, check out the contact page on the sidebar (or you could click that link).

+

This website is always a work in progress, and not every page is going to be finished, however I aim for every page to be functional and relevant. Content is always being added, as I progress through my life. Why not start early?

+
+
+

About the design

+

With this revision, I was aiming to provide a modern design, with an easy-to-navigate interface.

+

For this design, I chose Tailwind CSS. I appreciate their flexibility, though their documentation is terrible on purpose. They encourage purchasing their components subscription (which costs a lot of money!) all over the place. It has been a poor experience, but I have been able to figure it out with the help of their free elements, documentation, prior knowledge, and the docs.

+

This code is also under Public Domain, and can be found here. Feel free to use the code and content how you wish. If you would like to respect my best wishes, please do not use this content or code for AI. Thanks, if you respect me! :]

+
+
+

Music

+ <%- include('shards/music.ejs') %> +

My Music Taste

+

I am mainly into hip hop and rap, but I appreciate a slower song, as opposed to the fast nature of some rap songs. I feel like I seek songs that match my current energy level, and I can tend to have a low energy level during the day.

+

Some of my favorite artists include tobi lou, Skizzy Mars, and Kali Uchis. Some of my classics are Mike Stud (before his name change to "mike."), Skizzy Mars, tobi lou, The Neighbourhood, and Ryan Caraveo.

+
+
+ + + +<%- include('shards/footer.ejs') %> \ No newline at end of file diff --git a/views/shards/footer.ejs b/views/shards/footer.ejs new file mode 100644 index 0000000..a4b8fbe --- /dev/null +++ b/views/shards/footer.ejs @@ -0,0 +1,21 @@ + + + \ No newline at end of file diff --git a/views/shards/header.ejs b/views/shards/header.ejs new file mode 100644 index 0000000..40db172 --- /dev/null +++ b/views/shards/header.ejs @@ -0,0 +1,78 @@ +
+
+
+
+
+

+ old.aidxn.fun + + Do you prefer a retro design? Check out old.aidxn.fun! +

+ Go retro +
+
+ +
+
+
+ + +
\ No newline at end of file diff --git a/views/shards/music.ejs b/views/shards/music.ejs new file mode 100644 index 0000000..fe20c1b --- /dev/null +++ b/views/shards/music.ejs @@ -0,0 +1,21 @@ +
+

+
+
+
+
+ + +
+
\ No newline at end of file