diff --git a/css/icons.css b/css/icons.css
new file mode 100644
index 0000000..5c2faed
--- /dev/null
+++ b/css/icons.css
@@ -0,0 +1,17 @@
+i.icon {
+ display: inline-block;
+ width: 12px;
+ height: 12px;
+ background-position: center;
+ background-size: contain;
+ vertical-align: middle;
+ margin-right: 5px;
+}
+
+i.icon.mastodon {
+ background-image: url(../media/icons/mastodon.svg);
+}
+
+i.icon.matrix {
+ background-image: url(../media/icons/matrix.svg);
+}
\ No newline at end of file
diff --git a/style.css b/css/main.css
similarity index 51%
rename from style.css
rename to css/main.css
index 0d612f8..2f8cad0 100644
--- a/style.css
+++ b/css/main.css
@@ -1,6 +1,5 @@
:root {
- --black: #050501;
- --more-black: #000501;
+ --black: #000501;
--white: #F9F9F9;
--yellow: #EFEA5A;
--green: #16DB93;
@@ -16,23 +15,26 @@ html, body {
width: 100vw;
height: 100vh;
overflow-x: hidden;
- background-color: var(--more-black);
- font-family: monospace;
+ background-color: var(--black);
}
header {
background-color: var(--yellow);
color: var(--black);
- font-size: 69px;
- padding: 42px 0 42px 0;
+ font-size: 90px;
+ padding: 20px 0 20px 0;
text-align: center;
+ font-weight: 800;
+ position: relative;
+ font-family: 'Brush Script MT', cursive;
}
main {
- background-color: var(--black);
+ border: 5px solid var(--yellow);
+ border-top: none;
color: var(--white);
padding: 42px;
- height: 100%;
+ font-family: 'Courier New', monospace;
}
header, main {
@@ -46,5 +48,26 @@ main a, main a:visited {
}
main a:hover {
- border-bottom: 4px solid var(--green);
+ border-bottom: 2px solid var(--green);
+}
+
+main address {
+ display: flex;
+ justify-content: space-around;
+}
+
+main ul {
+ list-style-type: '🤍 ';
+}
+
+main ul li {
+ padding: 2px 0 2px 0;
+}
+
+main section#socials {
+ line-height: 200%;
+}
+
+td {
+ padding: 5px;
}
\ No newline at end of file
diff --git a/index.html b/index.html
index 4dd8013..27d5b59 100644
--- a/index.html
+++ b/index.html
@@ -1,15 +1,61 @@
-
-
-
- TSAIBAR
-
-
-
-
-
- Lorem ipsum...
-
-
+
+
+
+ TSAIBAR
+
+
+
+
+
+
+
+
+ Identity
+
+
+ | Name |
+ xoy |
+
+
+ | Age |
+ 23 |
+
+
+ | Gender |
+ non-binary |
+
+
+ | Sexuality |
+ pansexual |
+
+
+ | Pronouns |
+
+
+ | 🇬🇧 |
+ they/them |
+
+
+ | 🇩🇪 |
+ dey/denen |
+
+
+
+
+ What I like
+
+ - Softwaredevelopment
+ - Linux
+ - Gaming
+ - Bouldern
+
+
+
+
\ No newline at end of file
diff --git a/media/icons/mastodon.svg b/media/icons/mastodon.svg
new file mode 100644
index 0000000..87ec2c5
--- /dev/null
+++ b/media/icons/mastodon.svg
@@ -0,0 +1,4 @@
+
diff --git a/media/icons/matrix.svg b/media/icons/matrix.svg
new file mode 100644
index 0000000..9d1273d
--- /dev/null
+++ b/media/icons/matrix.svg
@@ -0,0 +1,7 @@
+
+
+
diff --git a/not_found.html b/not_found.html
new file mode 100644
index 0000000..3edd8ae
--- /dev/null
+++ b/not_found.html
@@ -0,0 +1,16 @@
+
+
+
+
+
+ TSAIBAR
+
+
+
+
+
+ Page Not Found
+ The requested page was not found.
+
+
+
\ No newline at end of file
Socials
+ @xoy@chaos.social+ @iamxoy:matrix.org +