From 447a2fb6687aa75151a62658700683d2744e0490 Mon Sep 17 00:00:00 2001 From: amolinae06 Date: Mon, 7 Apr 2025 23:37:13 -0600 Subject: [PATCH] improvements --- aboutme.html | 12 ++++++++---- index.css | 26 ++++++++------------------ index.html | 2 +- music.html | 31 +++++++++++++++++++++++++++++++ setup.html | 3 ++- 5 files changed, 50 insertions(+), 24 deletions(-) create mode 100644 music.html diff --git a/aboutme.html b/aboutme.html index 93afdac..8b62389 100644 --- a/aboutme.html +++ b/aboutme.html @@ -13,10 +13,14 @@

About Me

-

Linux enthusiast.

-

Listen to Music.

-

Likes Self-hosting.

-

And other stuff.

+
+

Linux enthusiast.

+

Listen to Music.

+

Collect iPods.

+

Likes Self-hosting.

+

Collect ThinkPads.

+

And other stuff.

+
[ Back ] diff --git a/index.css b/index.css index 9117980..4a0622e 100644 --- a/index.css +++ b/index.css @@ -1,7 +1,7 @@ :root { --primary-color: #feb938; --secondary-color: #a3741d; - --card-bg-color: #101010; + --card-bg-color: #050505; } * { @@ -37,30 +37,25 @@ body { align-items: center; justify-content: center; height: 100vh; + overflow: hidden; } ul { list-style-type: none; margin-bottom: 2px; } -a { - text-decoration: none; - text-shadow: none; - color: var(--secondary-color); -} +a { text-decoration: none; text-shadow: none; color: var(--secondary-color); } a:hover { color: var(--primary-color); text-shadow: 1px 1px 10px var(--primary-color); } -.card { +.card { border: 4px solid var(--primary-color); box-shadow: 0px 0px 8px var(--primary-color); background: var(--card-bg-color); - border-radius: 5%; - text-align: center; - padding: 25px; - margin: 16px; + border-radius: 3%; + text-align: center; padding: 25px; margin: 16px; } .card img { - border: 3px solid var(--primary-color); + border: 4px solid var(--primary-color); box-shadow: 0px 0px 8px var(--primary-color); background-color: var(--secondary-color); border-radius: 50%; @@ -82,11 +77,6 @@ a:hover { color: var(--primary-color); text-shadow: 1px 1px 10px var(--primary-c .list li { margin-top: 8px; } @media only screen and (max-width: 600px) { - .card { - border: none; - box-shadow: none; - background: none; - } - + .card { border: none; box-shadow: none; background: none; } .card img { width: 150px; height: auto; } } diff --git a/index.html b/index.html index 19c55ff..679bcb1 100644 --- a/index.html +++ b/index.html @@ -14,7 +14,7 @@

amolinae's website

-

Now with a 100% less Javascript!

+

What you see is what you get.