diff --git a/css/main.css b/css/main.css
index 877122c..05c37fe 100644
--- a/css/main.css
+++ b/css/main.css
@@ -28,13 +28,24 @@ header {
border-top-right-radius: 100px;
}
-header > img {
+footer {
+ background-color: var(--yellow);
+ padding: 20px 0 0 0;
+ border-bottom-left-radius: 100px;
+ border-bottom-right-radius: 100px;
+}
+
+header > img, footer > img {
width: 512px;
height: auto;
display: block;
margin: auto;
}
+footer > img {
+ width: 128px;
+}
+
@media only screen and (max-width: 512px) {
header > img {
width: 90vw;
@@ -48,15 +59,21 @@ main {
padding: 42px;
font-family: 'Courier New', monospace;
background-color: black;
- border-bottom-left-radius: 100px;
- border-bottom-right-radius: 100px;
}
-header, main {
+header, main, footer {
max-width: 1024px;
margin: auto;
}
+main table th {
+ text-align: left;
+}
+
+main table th[colspan="2"] {
+ text-align: center;
+}
+
main a, main a:visited {
color: var(--green);
text-decoration: none;
@@ -71,7 +88,18 @@ main address {
justify-content: space-around;
}
-main section#wil ul {
+main section div.section-row {
+ display: flex;
+ justify-content: space-between;
+}
+
+main section div.section-row img.section-icon {
+ width: 128px;
+ height: 128px;
+ margin: auto 0 auto 0;
+}
+
+main section ul {
list-style-type: '';
}
@@ -83,10 +111,6 @@ main section#wil ul li:nth-child(even)::before {
content: '💛 ';
}
-main section#games ul {
- list-style-type: '';
-}
-
main section#games ul li::before {
content: '🟧 ';
}
diff --git a/index.html b/index.html
index 5925120..c0d2f27 100644
--- a/index.html
+++ b/index.html
@@ -1,89 +1,107 @@
-
-
-
- TSAIBAR
-
-
-
-
-
- 
-
-
-
-
-
- Identity
-
-
- | Name |
- xoy |
-
-
- | Age |
- 23 |
-
-
- | Gender |
- non-binary |
-
-
- | Sexuality |
- pansexual |
-
-
- | Pronouns |
-
-
- | 🇬🇧 |
- they/them |
-
-
- | 🇩🇪 |
- dey/denen |
-
-
-
-
-
- What I like
-
- - Software development
- - Linux
- - Gaming
- - Bouldern
-
-
-
-
- Games
- Currently playing
-
- Pile of Shame
-
- Waiting for
-
-
-
-
+
+
+
+ TSAIBAR
+
+
+
+
+
+
+
+
+
+ Socials
+
+
+
+
+
+ Identity
+
+
+
+ | Name |
+ xoy |
+
+
+ | Age |
+ 23 |
+
+
+ | Gender |
+ non-binary |
+
+
+ | Sexuality |
+ pansexual |
+
+
+ | Pronouns |
+
+
+ | 🇬🇧 |
+ they/them |
+
+
+ | 🇩🇪 |
+ dey/denen |
+
+
+
+
+
+ What I like
+
+
+ - Software development
+ - Linux
+ - Gaming
+ - Bouldern
+
+
+
+
+ Games
+ Currently playing
+
+ Pile of Shame
+
+ Waiting for
+
+
+
+
+
diff --git a/media/hearts.gif b/media/hearts.gif
new file mode 100644
index 0000000..1dceb6d
Binary files /dev/null and b/media/hearts.gif differ
diff --git a/media/identity.gif b/media/identity.gif
new file mode 100644
index 0000000..2498936
Binary files /dev/null and b/media/identity.gif differ
diff --git a/media/social.gif b/media/social.gif
new file mode 100644
index 0000000..3c0b070
Binary files /dev/null and b/media/social.gif differ
diff --git a/media/xoy.gif b/media/xoy.gif
new file mode 100644
index 0000000..ad5211d
Binary files /dev/null and b/media/xoy.gif differ
diff --git a/not_found.html b/not_found.html
index bd6c299..5e76a00 100644
--- a/not_found.html
+++ b/not_found.html
@@ -1,19 +1,22 @@
-
-
-
- TSAIBAR
-
-
-
-
-
-
-
- Page Not Found
- The requested page was not found.
- Go to index
-
-
+
+
+
+ TSAIBAR
+
+
+
+
+
+
+
+ Page Not Found
+ The requested page was not found.
+ Go to index
+
+
+
Socials
- @xoy@chaos.social- @iamxoy:matrix.org -