diff --git a/css/main.css b/css/main.css index 2ce9fe4..b1d070b 100644 --- a/css/main.css +++ b/css/main.css @@ -1,7 +1,7 @@ /* Main */ -main section { +section { margin: 5rem 0; padding: 1rem; width: auto; @@ -14,34 +14,47 @@ main section { border: 0.2rem solid var(--green); outline: 0.5rem solid var(--bg); } -main section * { +section * { margin: 0 0 0.5rem; padding: 0; max-width: 100%; width: auto; min-width: none; border-radius: 5px; } -main section *:last-child { +section *:last-child { margin-bottom: 0; } -main section img { +section img { margin-bottom: 0.5rem; height: auto; } -main section p, main section a { +section p, section a { margin-bottom: 0.5rem; } /* - I hate CSS + I suck at CSS */ #experience img { display: block; } + #spotify { display: flex; flex-direction: column; } +#projects div { + display: flex; flex-direction: row; + justify-content: space-around; +} +#projects div img { + margin-right: 1rem; margin-bottom: 0; + height: 150px; width: 150px; +} +#projects div img:last-child { + margin: 0; +} + /* Gallery */ @@ -52,7 +65,7 @@ main section p, main section a { display: block; - background-color: var(--bg-dark); + background-color: var(--bg-1); } .gallery { @@ -96,39 +109,3 @@ main section p, main section a { .gallery img:last-child { margin-right: 0; } - -/* - Filter -*/ -.filter-list { - margin: 0 0 1rem 0; padding: 0; - width: 100%; - display: flex; flex-direction: row; - - justify-content: space-between; -} - -.filter-list div { - margin: 0 1rem 0 0; padding: 0.5rem; - width: 15rem; min-width: 8rem; - height: 1.5rem; - - display: flex; - justify-content: center; align-items: center; - - text-align: center; - - background-color: var(--bg-dark); -} -@media (max-width:750px) { - .filter-list { - flex-direction: column; - } - .filter-list div { - margin: 0 0 1rem 0; - width: auto; - } -} -.filter-list div:last-child { - margin: 0; -} diff --git a/css/nav.css b/css/nav.css index 8073eb3..f74c04a 100644 --- a/css/nav.css +++ b/css/nav.css @@ -32,11 +32,6 @@ nav * { height: 2rem; width: auto; transform: rotate(-25deg) scale(3.5); - - /*filter: drop-shadow(1px 0 0 var(--bg-dark)) - drop-shadow(0 1px 0 var(--bg-dark)) - drop-shadow(-1px 0 0 var(--bg-dark)) - drop-shadow(0 -1px 0 var(--bg-dark));*/ } .nav-logo h2 { margin: 0 0 0 2rem; padding: 0; diff --git a/images/Black_Candy.svg b/images/Black_Candy.svg new file mode 100644 index 0000000..5bb9c28 --- /dev/null +++ b/images/Black_Candy.svg @@ -0,0 +1,41 @@ + + \ No newline at end of file diff --git a/images/Nextcloud.webp b/images/Nextcloud.webp new file mode 100644 index 0000000..b89f659 Binary files /dev/null and b/images/Nextcloud.webp differ diff --git a/index.php b/index.php index a4139f7..0e5629f 100644 --- a/index.php +++ b/index.php @@ -60,8 +60,8 @@
My main operating system is Arch Linux, in this screenshot you can see a "rice" of Rofi and Polybar! Which you can see here!
-My secondary system is Windows 10 just for VR
+My main operating system is Arch Linux, in this screenshot you can see a "rice" of Rofi and Polybar! Which you can see here!
+My secondary operating system is Windows 10 just for VR
For my PC case, I'm using an NZXT H510 (white) covered with a bunch of stickers and magnets.
@@ -81,7 +81,16 @@And it is running a Proxmox server with many many LXC containers because why not :3
-Other than this website I also have been working on hosting these:
+To Jeetix for helping me with learning how to make websites and keeping the original site up and running!
And to Carty for teaching me how to run servers and the networking required to keep sites online!
@@ -92,22 +101,6 @@