From a07c870cc024ba544dfc77ad725b9a8acf23bbce Mon Sep 17 00:00:00 2001 From: xoy Date: Sun, 8 Sep 2024 23:38:18 +0200 Subject: [PATCH] [Add content] --- css/icons.css | 17 ++++++++++ style.css => css/main.css | 41 ++++++++++++++++++----- index.html | 70 ++++++++++++++++++++++++++++++++------- media/icons/mastodon.svg | 4 +++ media/icons/matrix.svg | 7 ++++ not_found.html | 16 +++++++++ 6 files changed, 134 insertions(+), 21 deletions(-) create mode 100644 css/icons.css rename style.css => css/main.css (51%) create mode 100644 media/icons/mastodon.svg create mode 100644 media/icons/matrix.svg create mode 100644 not_found.html 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 - - - -
TSAIBAR
-
- Lorem ipsum... -
- + + + + TSAIBAR + + + + +
TSAIBAR
+
+
+

Socials

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

Identity

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Namexoy
Age23
Gendernon-binary
Sexualitypansexual
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 + + + +
TSAIBAR
+
+

Page Not Found

+

The requested page was not found.

+
+ + \ No newline at end of file