diff --git a/css/footer.css b/css/footer.css index 0a46be6..4b1f026 100644 --- a/css/footer.css +++ b/css/footer.css @@ -9,11 +9,14 @@ footer { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-around; align-items: center; - background-color: var(--bg-dark); color: var(--fg); + background-color: var(--bg); color: var(--fg); border-radius: var(--rad); box-shadow: var(--shadow); + + border: 0.2rem solid var(--green); + outline: 0.5rem solid var(--bg); } footer * { margin: 0; padding: 0; diff --git a/css/main.css b/css/main.css index 8f67067..2ce9fe4 100644 --- a/css/main.css +++ b/css/main.css @@ -10,6 +10,9 @@ main section { border-radius: var(--rad); box-shadow: var(--shadow); + + border: 0.2rem solid var(--green); + outline: 0.5rem solid var(--bg); } main section * { margin: 0 0 0.5rem; padding: 0; diff --git a/css/nav.css b/css/nav.css index 81047f0..8073eb3 100644 --- a/css/nav.css +++ b/css/nav.css @@ -11,11 +11,14 @@ nav { display: flex; flex-direction: row; justify-content: space-between; align-items: center; - background-color: var(--bg-dark); color: var(--fg); + background-color: var(--bg); color: var(--fg); border-radius: var(--rad); box-shadow: var(--shadow); + + border: 0.2rem solid var(--green); + outline: 0.5rem solid var(--bg); } nav * { margin: 0; padding: 0; @@ -28,7 +31,7 @@ nav * { margin: 0; padding: 0; height: 2rem; width: auto; - transform: rotate(-25deg) scale(3); + transform: rotate(-25deg) scale(3.5); /*filter: drop-shadow(1px 0 0 var(--bg-dark)) drop-shadow(0 1px 0 var(--bg-dark)) diff --git a/gallery/photo_rocks.webp b/gallery/photo_rocks.webp new file mode 100644 index 0000000..ed0504c Binary files /dev/null and b/gallery/photo_rocks.webp differ diff --git a/images/bg-5.svg b/images/bg-5.svg new file mode 100644 index 0000000..4a49c34 --- /dev/null +++ b/images/bg-5.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/images/bg-6.svg b/images/bg-6.svg new file mode 100644 index 0000000..7423d83 --- /dev/null +++ b/images/bg-6.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/index.php b/index.php index eb579a0..a4139f7 100644 --- a/index.php +++ b/index.php @@ -41,7 +41,7 @@

My interests

-

I am very interested in computers mainly from any era, mainly the software side of them. I always tinkered with them from a very young age, and broke many computers and laptops on the way, but that didn’t stop me! Look where I am now dad, it was worth it.

+

I am very interested in computers from any era, mainly the software side of them. I always tinkered with them from a very young age, and broke many computers and laptops on the way, but that didn’t stop me! Look where I am now dad, it was worth it.

Unsurprisingly that led me to using Linux, Arch btw, which gives me access to many more cool thingys to play around with like a proper terminal with no batch crap.

I also enjoy listening to music, a lot of it, and which leads me nicely to my next part, Rhythm games!The main 2 titles I enjoy playing are Beat Saber and Spin Rhythm XD, but I also enjoy playing other games like Minecraft, The Witcher 3 and the Half Life and Portal series.

@@ -186,7 +186,7 @@

Page status

-

Last updated 29 Jun 2022

+

Last updated 13 Jul 2022

Made and designed by Fluffy

diff --git a/stylesheet.css b/stylesheet.css index 04bb72e..2fa5155 100644 --- a/stylesheet.css +++ b/stylesheet.css @@ -3,16 +3,17 @@ @import "css/footer.css"; :root { - --bg: #151515; - --bg-dark: #0f0f0f; + --bg: #151515df; --bg-alt: #E8E3E3; + --bg-dark: #242621; + --bg-dark-alt: #1D1E1C; --h: #8C977D; --fg:#E8E3E3; --fg-dark: #151515; --shadow: 6px 6px 10px #15151588; - --rad: 15px; + --rad: 5px; --orange: #FF7700; --orange-alt: #E0863E; @@ -25,8 +26,8 @@ html { margin: 0; padding: 0; - background-color: #817670; - background-image: url("images/bg-4.jpg"); + background-color: var(--bg-dark-alt); + background-image: url("images/bg-6.svg"); height: 100vh; background-position: center;