diff --git a/css/main.css b/css/main.css index 2f8cad0..877122c 100644 --- a/css/main.css +++ b/css/main.css @@ -1,73 +1,113 @@ :root { - --black: #000501; - --white: #F9F9F9; - --yellow: #EFEA5A; - --green: #16DB93; + --black: #000501; + --white: #F9F9F9; + --yellow: #EFEA5A; + --green: #16DB93; } * { - box-sizing: border-box; + box-sizing: border-box; } html, body { - padding: 0; - margin: 0; - width: 100vw; - height: 100vh; - overflow-x: hidden; - background-color: var(--black); + padding: 0; + margin: 0; + width: 100vw; + height: 100vh; + overflow-x: hidden; + background-color: var(--black); + background-image: url(../media/SpaceBackground.png); + background-size: 512px 512px; + background-repeat: repeat; } header { - background-color: var(--yellow); - color: var(--black); - font-size: 90px; - padding: 20px 0 20px 0; - text-align: center; - font-weight: 800; - position: relative; - font-family: 'Brush Script MT', cursive; + background-color: var(--yellow); + padding: 0 0 20px 0; + border-top-left-radius: 100px; + border-top-right-radius: 100px; +} + +header > img { + width: 512px; + height: auto; + display: block; + margin: auto; +} + +@media only screen and (max-width: 512px) { + header > img { + width: 90vw; + } } main { - border: 5px solid var(--yellow); - border-top: none; - color: var(--white); - padding: 42px; - font-family: 'Courier New', monospace; + border: 5px solid var(--yellow); + border-top: none; + color: var(--white); + padding: 42px; + font-family: 'Courier New', monospace; + background-color: black; + border-bottom-left-radius: 100px; + border-bottom-right-radius: 100px; } header, main { - max-width: 1024px; - margin: auto; + max-width: 1024px; + margin: auto; } main a, main a:visited { - color: var(--green); - text-decoration: none; + color: var(--green); + text-decoration: none; } main a:hover { - border-bottom: 2px solid var(--green); + border-bottom: 2px solid var(--green); } main address { - display: flex; - justify-content: space-around; + display: flex; + justify-content: space-around; } -main ul { - list-style-type: '๐Ÿค '; +main section#wil ul { + list-style-type: ''; +} + +main section#wil ul li::before { + content: '๐Ÿงก '; +} + +main section#wil ul li:nth-child(even)::before { + content: '๐Ÿ’› '; +} + +main section#games ul { + list-style-type: ''; +} + +main section#games ul li::before { + content: '๐ŸŸง '; +} + +main section#games ul li:nth-child(even)::before { + content: '๐ŸŸจ '; } main ul li { - padding: 2px 0 2px 0; + padding: 2px 0 2px 0; } main section#socials { - line-height: 200%; + line-height: 200%; } td { - padding: 5px; -} \ No newline at end of file + padding: 5px; +} + +hr { + border: none; + border-top: 1px dashed var(--yellow); +} diff --git a/index.html b/index.html index 27d5b59..5925120 100644 --- a/index.html +++ b/index.html @@ -8,13 +8,16 @@ -
TSAIBAR
+
+ +

Socials

@xoy@chaos.social
@iamxoy:matrix.org
+

Identity

@@ -47,15 +50,40 @@
+

What I like

+
+
+

Games

+

Currently playing

+ +

Pile of Shame

+ +

Waiting for

+ +
- \ No newline at end of file + diff --git a/media/SpaceBackground.png b/media/SpaceBackground.png new file mode 100644 index 0000000..91adb46 Binary files /dev/null and b/media/SpaceBackground.png differ diff --git a/media/title.gif b/media/title.gif new file mode 100644 index 0000000..4c49cd1 Binary files /dev/null and b/media/title.gif differ diff --git a/not_found.html b/not_found.html index 3edd8ae..bd6c299 100644 --- a/not_found.html +++ b/not_found.html @@ -7,10 +7,13 @@ -
TSAIBAR
+
+ +

Page Not Found

The requested page was not found.

+ Go to index
- \ No newline at end of file +