diff --git a/src/css/base.css b/src/css/base.css index 502a295..a02c633 100644 --- a/src/css/base.css +++ b/src/css/base.css @@ -1,6 +1,26 @@ -@tailwind base; -@tailwind components; -@tailwind utilities; +@import 'tailwindcss'; + +@theme { + --font-afacad-flux: 'Afacad Flux', sans-serif; +} + +/* + The default border color has changed to `currentColor` in Tailwind CSS v4, + so we've added these compatibility styles to make sure everything still + looks the same as it did with Tailwind CSS v3. + + If we ever want to remove these styles, we need to add an explicit border + color utility to any element that depends on these defaults. +*/ +@layer base { + *, + ::after, + ::before, + ::backdrop, + ::file-selector-button { + border-color: var(--color-gray-200, currentColor); + } +} .glow-txt { text-shadow: 0 0 10px rgba(255, 255, 255, 0.7), 0 0 20px rgba(255, 255, 255, 0.5), 0 0 30px rgba(255, 255, 255, 0.3); diff --git a/tailwind.config.js b/tailwind.config.js deleted file mode 100644 index b7a0a9b..0000000 --- a/tailwind.config.js +++ /dev/null @@ -1,13 +0,0 @@ -/** @type {import('tailwindcss').Config} */ -module.exports = { - content: ["./views/**/*.{ejs,js}"], - theme: { - extend: { - fontFamily: { - 'afacad-flux': ['"Afacad Flux"', 'sans-serif'], - }, - }, - }, - plugins: [], -}; - diff --git a/views/about.ejs b/views/about.ejs index 9ce115f..f4d337d 100644 --- a/views/about.ejs +++ b/views/about.ejs @@ -9,13 +9,13 @@ - + <%- 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 archive adverts and culture items (especially digital media) over on my secondary website for my online personality, p0ntus.com. Maybe give it a peek! Most items are uploaded in full quality, and files are served from a server in Michigan.

diff --git a/views/cloud.ejs b/views/cloud.ejs index 4ed5165..54453ae 100644 --- a/views/cloud.ejs +++ b/views/cloud.ejs @@ -9,13 +9,13 @@ - + <%- include('shards/header.ejs', { req: req }) %>

Cloud

Looking to learn about my experience with the cloud?

-
+

Platforms

I also work a LOT in the cloud, but not the type you might be thinking about. I almost have an obsession to 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!

diff --git a/views/contact.ejs b/views/contact.ejs index f5de613..d5c7146 100644 --- a/views/contact.ejs +++ b/views/contact.ejs @@ -10,7 +10,7 @@ - + <%- include('shards/header.ejs', { req: req }) %>
@@ -18,7 +18,7 @@

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.

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!

diff --git a/views/index.ejs b/views/index.ejs index a11934e..6291c1c 100644 --- a/views/index.ejs +++ b/views/index.ejs @@ -20,7 +20,7 @@
-
+

Welcome!

Outside of the internet, I am known as Aidan. If you are a tilde.club user, you will know me as ~lxu! I am a technology enthusiast, Wikipedia editor, personal systems administator, and Linux user.

Here, you can learn more about me, put my programming skills to the test, and even have some fun along the way!

@@ -28,13 +28,13 @@

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 hosting out of Germany 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. For opinionated content, my blog (currently down) is a great place to check out. I also write casually on my tilde site hosted on tilde.club.

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?

-
+

Music

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

My Music Taste

@@ -42,7 +42,7 @@

Some of my favorite artists include tobi lou, Flyana Boss, 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.

If you are interested, you can check out my LastFM profile here.

-
+

About the design

With this revision, I was aiming to provide a modern design, with an easy-to-navigate interface. I always appreciate dark-themed websites, and decided to add some subtle gradients with glass effects to spice the design up. While I am a developer more than I am a designer, I quite favor this design and it has become the pinnacle of my design work.

For this design, I chose Tailwind CSS. I appreciate their flexibility, although it appears their documentation poorly written on purpose. They encourage purchasing their components subscription (which costs a lot of money!) all over the documentation, especially in confusing ways. While it has been a poor experience there, I have been able to figure it out with the help of their free elements, documentation, prior knowledge, and the docs.

diff --git a/views/manifesto.ejs b/views/manifesto.ejs index cb276d5..a016d64 100644 --- a/views/manifesto.ejs +++ b/views/manifesto.ejs @@ -9,13 +9,13 @@ - + <%- include('shards/header.ejs', { req: req }) %>

Digital Manifesto

A commitment from me for a better Internet space.

-
+

1. Empathy and Understanding

We live in a distant world. People I meet are from all over, which can be hard to understand for others. I aim to utilize my ability to connect by understanding and getting interested in people's lives. I pledge to:

    diff --git a/views/projects.ejs b/views/projects.ejs index e392900..729cbd5 100644 --- a/views/projects.ejs +++ b/views/projects.ejs @@ -9,13 +9,13 @@ - + <%- include('shards/header.ejs', { req: req }) %>

    Projects

    Looking to learn more about my projects?

    -
    +

    Currently working on

    You can check out my GitHub account right here.

    I am currently working on the following projects (in order of activity):

    diff --git a/views/shards/header.ejs b/views/shards/header.ejs index 3fbdf11..a76b1c2 100644 --- a/views/shards/header.ejs +++ b/views/shards/header.ejs @@ -1,7 +1,7 @@
    -
    +

    @@ -11,7 +11,7 @@ Check out old.aidxn.fun for a retro experience!

    - Go retro + Go retro
    + <% if (verifyResult) { %> -
    +

    <%= verifyResult %>

    <% } %>