diff --git a/src/assets/albums/GreenDay_AmericanIdiot.jpg b/src/assets/albums/GreenDay_AmericanIdiot.jpg new file mode 100644 index 0000000..c361b2a Binary files /dev/null and b/src/assets/albums/GreenDay_AmericanIdiot.jpg differ diff --git a/src/assets/albums/GreenDay_Dookie.jpg b/src/assets/albums/GreenDay_Dookie.jpg new file mode 100644 index 0000000..8a1c52f Binary files /dev/null and b/src/assets/albums/GreenDay_Dookie.jpg differ diff --git a/src/assets/albums/JimmyEatWorld_BleedAmerican.jpg b/src/assets/albums/JimmyEatWorld_BleedAmerican.jpg new file mode 100644 index 0000000..9d9e7bd Binary files /dev/null and b/src/assets/albums/JimmyEatWorld_BleedAmerican.jpg differ diff --git a/src/assets/albums/MCR_BlackParade.jpg b/src/assets/albums/MCR_BlackParade.jpg new file mode 100644 index 0000000..203af3f Binary files /dev/null and b/src/assets/albums/MCR_BlackParade.jpg differ diff --git a/src/assets/albums/MCR_Helena.jpg b/src/assets/albums/MCR_Helena.jpg new file mode 100644 index 0000000..976dec6 Binary files /dev/null and b/src/assets/albums/MCR_Helena.jpg differ diff --git a/src/assets/albums/MCR_ThreeCheers.jpg b/src/assets/albums/MCR_ThreeCheers.jpg new file mode 100644 index 0000000..2731d9d Binary files /dev/null and b/src/assets/albums/MCR_ThreeCheers.jpg differ diff --git a/src/assets/albums/RitesOfSpring.jpg b/src/assets/albums/RitesOfSpring.jpg new file mode 100644 index 0000000..982dc41 Binary files /dev/null and b/src/assets/albums/RitesOfSpring.jpg differ diff --git a/src/assets/albums/TBS_TellAllYourFriends.jpg b/src/assets/albums/TBS_TellAllYourFriends.jpg new file mode 100644 index 0000000..6836bfd Binary files /dev/null and b/src/assets/albums/TBS_TellAllYourFriends.jpg differ diff --git a/src/layouts/BaseLayout.astro b/src/layouts/BaseLayout.astro index 349d23d..2a0e3c8 100644 --- a/src/layouts/BaseLayout.astro +++ b/src/layouts/BaseLayout.astro @@ -20,6 +20,7 @@ const { pageTitle, pageCustomTitle = pageTitle } = Astro.props; +
This site is best viewed on a computer.

{pageTitle}

diff --git a/src/pages/index.astro b/src/pages/index.astro index e191df2..9aee95a 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -1,6 +1,16 @@ --- +import { Image } from 'astro:assets'; import BaseLayout from '../layouts/BaseLayout.astro'; const pageTitle = 'home'; + +import MCR_ThreeCheers from '../assets/albums/MCR_ThreeCheers.jpg'; +import GreenDay_AmericanIdiot from '../assets/albums/GreenDay_AmericanIdiot.jpg'; +import MCR_BlackParade from '../assets/albums/MCR_BlackParade.jpg'; +import GreenDay_Dookie from '../assets/albums/GreenDay_Dookie.jpg'; +import TBS_TellAllYourFriends from '../assets/albums/TBS_TellAllYourFriends.jpg'; +import MCR_Helena from '../assets/albums/MCR_Helena.jpg'; +import JimmyEatWorld_BleedAmerican from '../assets/albums/JimmyEatWorld_BleedAmerican.jpg'; +import RitesOfSpring from '../assets/albums/RitesOfSpring.jpg'; --- @@ -39,7 +49,6 @@ const pageTitle = 'home'; background-color: rgba(0, 0, 0, 0.3); } - /* Mobile: Stack the columns */ @media screen and (max-width: 900px) { .container { flex-direction: column; @@ -50,7 +59,7 @@ const pageTitle = 'home'; max-width: 100%; } } - + h3 { margin-top: 0; } @@ -66,6 +75,23 @@ const pageTitle = 'home'; td:first-child { font-weight: bold; } + + .albums { + display: grid; + grid-template-columns: repeat(4, 1fr); + gap: 20px 10px; + } + + .albums img { + height: 100%; + width: 100%; + } + + @media screen and (max-width: 600px) { + .albums { + grid-template-columns: repeat(2, 1fr); + } + }
@@ -93,7 +119,7 @@ const pageTitle = 'home';

Music

-

MCR, Green Day, The Offspring, American Football, Taking Back Sunday, Jimmy Eat World, underscores, deadmau5, Billie Eilish and the list goes on...

+

My Chemical Romance, Green Day, The Offspring, American Football, Taking Back Sunday, Jimmy Eat World, underscores, deadmau5, Billie Eilish and the list goes on...

Hobbies

@@ -116,6 +142,11 @@ const pageTitle = 'home';

RSS

https://ruds.io/rss.xml
+ +
+

this website

+ https://git.ruds.io/rs2009/ruds.io +
@@ -126,7 +157,8 @@ const pageTitle = 'home';

about me

-

hi! I'm just your local 15-year-old with some nerdy tendencies — these include a love for anything and everything technology (GNU/Linux in particular) and a liking for pop-punk and emo music (and emo/scene culture)!

+

hi! I'm just your local (bi) 15-year-old with some nerdy tendencies — these include a love for anything and everything technology (GNU/Linux in particular) and a liking for pop-punk and emo music (and emo/scene culture)!

+

I also serve as the lead maintainer for several projects you might have heard of, including Ubuntu Unity (owing to which I am an Ubuntu member) & blendOS.

projects (& past projects)

@@ -145,7 +177,28 @@ const pageTitle = 'home';

UbuntuEd: an educational Ubuntu remix (superseded by Edubuntu)

+
+

albums & songs I enjoy

+ +
+ My Chemical Romance — Three Cheers For Sweet Revenge + Green Day — American Idiot + My Chemical Romance — Black Parade + Green Day — Dookie + Taking Back Sunday — Tell All Your Friends + My Chemical Romance — Helena + Jimmy Eat World — Bleed American + Rites of Spring — Rites of Spring +
+
+ + \ No newline at end of file diff --git a/src/styles/global.css b/src/styles/global.css index 68491fd..5be7deb 100644 --- a/src/styles/global.css +++ b/src/styles/global.css @@ -39,4 +39,14 @@ a,a:visited { a:hover { color: gray; +} + +.screen_size_warning { + display: none; +} + +@media screen and (max-width: 600px) { + .screen_size_warning { + display: block; + } } \ No newline at end of file