commit faa8efb362513539f0320b91b76e6778985dd066 Author: xoy Date: Mon Jan 20 03:13:25 2025 +0100 first commit diff --git a/css/games.css b/css/games.css new file mode 100644 index 0000000..c8277e4 --- /dev/null +++ b/css/games.css @@ -0,0 +1,32 @@ +div.game-container > a.game { + display: inline-block; + width: calc(460px * 0.8); + height: calc(215px * 0.8); + background-size: calc(460px * 0.8) calc(215px * 0.8); + background-position: center; + background-repeat: no-repeat; + transition: background-size 200ms; +} +div.game-container > a.game:hover { + background-size: calc(460px * 0.7) calc(215px * 0.7); +} + +div.game-container > a.game.dd2 { + background-image: url(../media/games/dd2.jpg); +} + +div.game-container > a.game.enshrouded { + background-image: url(../media/games/enshrouded.jpg); +} + +div.game-container > a.game.fallout4 { + background-image: url(../media/games/fallout4.jpg); +} + +div.game-container > a.game.noita { + background-image: url(../media/games/noita.jpg); +} + +div.game-container > a.game.sotf { + background-image: url(../media/games/sotf.jpg); +} \ No newline at end of file diff --git a/css/icons.css b/css/icons.css new file mode 100644 index 0000000..d44bb61 --- /dev/null +++ b/css/icons.css @@ -0,0 +1,18 @@ +i.icon { + display: inline-block; + width: 16px; + height: 16px; + background-position: center; + background-size: contain; + vertical-align: middle; + margin-right: 5px; + background-repeat: no-repeat; +} + +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/css/main.css b/css/main.css new file mode 100644 index 0000000..baaaca8 --- /dev/null +++ b/css/main.css @@ -0,0 +1,96 @@ +* { + box-sizing: border-box; +} + +html, body { + padding: 0; + margin: 0; + font-family: monospace; + background-color: black; + color: white; + overflow-x: hidden; +} + +@keyframes huerot-filter { + 0% { filter: hue-rotate(0deg); } + 100% { filter: hue-rotate(360deg); } +} + +@keyframes huerot-text { + 0% { color: red; } + 33% { color: green; } + 66% { color: blue; } + 100% {color: red; } +} + +@keyframes huerot-border { + 0% { border-color: red; } + 33% { border-color: green; } + 66% { border-color: blue; } + 100% { border-color: red; } +} + +header { + width: calc(100vw - 10px); + height: 200px; + margin: auto; + display: flex; + flex-direction: column; + justify-content: center; +} + +header > img { + animation: linear huerot-filter 5s infinite; + margin: auto; + display: block; +} + +header > nav { + display: flex; + justify-content: space-around; + max-width: 720px; + width: 100%; + margin: auto; +} + +header > nav > a { + text-decoration: none; + font-size: 120%; + font-weight: bold; + padding: 10px 0 10px 0; + animation: linear huerot-text 5s infinite; +} + +header > nav > a::before { + content: '< '; +} + +header > nav > a::after { + content: ' >'; +} + +header > nav > a:hover::before { + content: '> '; +} + +header > nav > a:hover::after { + content: ' <'; +} + +main { + width: calc(100vw - 10px); + margin: auto; + min-height: calc(100vh - 200px); + border-top: 2px solid red; + border-left: 2px solid red; + animation: linear huerot-border 5s infinite; + padding: 10px; +} + +main table th { + text-align: left; +} + +main table th[colspan="2"] { + text-align: center; +} \ No newline at end of file diff --git a/css/privacy.css b/css/privacy.css new file mode 100644 index 0000000..8a09801 --- /dev/null +++ b/css/privacy.css @@ -0,0 +1,3 @@ +main { + line-height: 150%; +} \ No newline at end of file diff --git a/css/whoami.css b/css/whoami.css new file mode 100644 index 0000000..e9904d2 --- /dev/null +++ b/css/whoami.css @@ -0,0 +1,58 @@ +div.yuki { + display: inline-block; +} + +div.yuki > img { + width: 100px; + animation: linear huerot-filter 5s infinite; +} + +div.yuki > img:nth-child(1) { + opacity: 100%; + position: relative; + z-index: 4; +} + +div.yuki > img:nth-child(2) { + opacity: 50%; + margin-left: -80px; + animation-delay: 1s; + position: relative; + z-index: 3; +} + +div.yuki > img:nth-child(3) { + opacity: 25%; + margin-left: -80px; + animation-delay: 2s; + position: relative; + z-index: 2; +} + +div.yuki > img:nth-child(4) { + opacity: 12.5%; + margin-left: -80px; + animation-delay: 3s; + position: relative; + z-index: 1; +} + +section#identity { + display: flex; +} + +main section#socials { + line-height: 200%; +} + +section#socials a, +section#socials a:visited { + color: red; + text-decoration: none; + animation: linear huerot-text 5s infinite; + font-size: 16px; +} + +section#socials a:hover::after { + content: ' <'; +} \ No newline at end of file diff --git a/games.html b/games.html new file mode 100644 index 0000000..824b4d7 --- /dev/null +++ b/games.html @@ -0,0 +1,29 @@ + + + + introvertial space + + + + + + +
+ + +
+
+
+ + + + + +
+
+ + diff --git a/index.html b/index.html new file mode 100644 index 0000000..d2ed13a --- /dev/null +++ b/index.html @@ -0,0 +1,73 @@ + + + + introvertial space + + + + + + +
+ + +
+
+
+ + + + + + + +
@xoy@chaos.social
@iamxoy:matrix.org
+
+
+
+ + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameYuki
Nickxoy
Age23
Gendernon-binary
Sexualitypansexual
Pronouns
🇬🇧they/them
🇩🇪dey/denen
+
+
+ + diff --git a/media/games/dd2.jpg b/media/games/dd2.jpg new file mode 100644 index 0000000..296a7da Binary files /dev/null and b/media/games/dd2.jpg differ diff --git a/media/games/enshrouded.jpg b/media/games/enshrouded.jpg new file mode 100644 index 0000000..3a78829 Binary files /dev/null and b/media/games/enshrouded.jpg differ diff --git a/media/games/fallout4.jpg b/media/games/fallout4.jpg new file mode 100644 index 0000000..ca1a6b3 Binary files /dev/null and b/media/games/fallout4.jpg differ diff --git a/media/games/noita.jpg b/media/games/noita.jpg new file mode 100644 index 0000000..2b65b0a Binary files /dev/null and b/media/games/noita.jpg differ diff --git a/media/games/sotf.jpg b/media/games/sotf.jpg new file mode 100644 index 0000000..5063a3a Binary files /dev/null and b/media/games/sotf.jpg differ 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/media/introvertialspace.svg b/media/introvertialspace.svg new file mode 100644 index 0000000..b22e0ac --- /dev/null +++ b/media/introvertialspace.svg @@ -0,0 +1,30 @@ + + + + + + + + + + diff --git a/media/yuki.svg b/media/yuki.svg new file mode 100644 index 0000000..350e6e2 --- /dev/null +++ b/media/yuki.svg @@ -0,0 +1,31 @@ + + + + + + + + + + + + diff --git a/privacy.html b/privacy.html new file mode 100644 index 0000000..191eead --- /dev/null +++ b/privacy.html @@ -0,0 +1,31 @@ + + + + introvertial space + + + + + + +
+ + +
+
+ This webside does not store any data.

+ Network traffic may be stored temporarily. (Visitor's ip address)

+ Privacy on linked external websites cannot be guaranteed!

+ Linked external websites: + +
+ +