From 8447267bbe6579255905e313c512ea449309e393 Mon Sep 17 00:00:00 2001 From: Radiohotline Date: Thu, 8 Jan 2026 14:25:31 +0000 Subject: add files --- poem/angel.html | 12 +++ poem/dissociated.css | 210 +++++++++++++++++++++++++++++++++++++++ poem/dissociated.html | 183 ++++++++++++++++++++++++++++++++++ poem/font/DejaVuSerif-Bold.ttf | Bin 0 -> 345364 bytes poem/font/DejaVuSerif-Italic.ttf | Bin 0 -> 343388 bytes poem/font/DejaVuSerif.ttf | Bin 0 -> 367260 bytes poem/rainy.css | 52 ++++++++++ poem/rainy.html | 98 ++++++++++++++++++ 8 files changed, 555 insertions(+) create mode 100644 poem/angel.html create mode 100644 poem/dissociated.css create mode 100644 poem/dissociated.html create mode 100644 poem/font/DejaVuSerif-Bold.ttf create mode 100644 poem/font/DejaVuSerif-Italic.ttf create mode 100644 poem/font/DejaVuSerif.ttf create mode 100644 poem/rainy.css create mode 100644 poem/rainy.html (limited to 'poem') diff --git a/poem/angel.html b/poem/angel.html new file mode 100644 index 0000000..9175830 --- /dev/null +++ b/poem/angel.html @@ -0,0 +1,12 @@ + + + + + + The vision of teethinvitro + + + + + + diff --git a/poem/dissociated.css b/poem/dissociated.css new file mode 100644 index 0000000..ff01e64 --- /dev/null +++ b/poem/dissociated.css @@ -0,0 +1,210 @@ +body { + background-color: black; + color: white; + font-family: DejaVu; + user-select: none; +} + +@font-face { + font-family: DejaVu; + src: url('font/DejaVuSerif.ttf'); +} + +@font-face { + font-family: DejaVu; + src: url('font/DejaVuSerif-Bold.ttf'); + font-weight: bold; +} + +@font-face { + font-family: DejaVu; + src: url('font/DejaVuSerif-Italic.ttf'); + font-style: italic; +} + +.poem { + font-size: 70px; + cursor: pointer; +} + +#nav { + padding: 5px; + margin-bottom: 2%; + background-color: black; + color: white; + font-size: 20px; + text-align: center; + position: fixed; + bottom: 0; + left: 0; + right: 0 +} + +a { + color: white; + text-decoration: none; +} + + +/*crt*/ +@keyframes flicker { + 0% { + opacity: 0.27861; + } + 5% { + opacity: 0.34769; + } + 10% { + opacity: 0.23604; + } + 15% { + opacity: 0.90626; + } + 20% { + opacity: 0.18128; + } + 25% { + opacity: 0.83891; + } + 30% { + opacity: 0.65583; + } + 35% { + opacity: 0.67807; + } + 40% { + opacity: 0.26559; + } + 45% { + opacity: 0.84693; + } + 50% { + opacity: 0.96019; + } + 55% { + opacity: 0.08594; + } + 60% { + opacity: 0.20313; + } + 65% { + opacity: 0.71988; + } + 70% { + opacity: 0.53455; + } + 75% { + opacity: 0.37288; + } + 80% { + opacity: 0.71428; + } + 85% { + opacity: 0.70419; + } + 90% { + opacity: 0.7003; + } + 95% { + opacity: 0.36108; + } + 100% { + opacity: 0.24387; + } +} +@keyframes textShadow { + 0% { + text-shadow: 0.4389924193300864px 0 1px rgba(0,30,255,0.5), -0.4389924193300864px 0 1px rgba(255,0,80,0.3), 0 0 3px; + } + 5% { + text-shadow: 2.7928974010788217px 0 1px rgba(0,30,255,0.5), -2.7928974010788217px 0 1px rgba(255,0,80,0.3), 0 0 3px; + } + 10% { + text-shadow: 0.02956275843481219px 0 1px rgba(0,30,255,0.5), -0.02956275843481219px 0 1px rgba(255,0,80,0.3), 0 0 3px; + } + 15% { + text-shadow: 0.40218538552878136px 0 1px rgba(0,30,255,0.5), -0.40218538552878136px 0 1px rgba(255,0,80,0.3), 0 0 3px; + } + 20% { + text-shadow: 3.4794037899852017px 0 1px rgba(0,30,255,0.5), -3.4794037899852017px 0 1px rgba(255,0,80,0.3), 0 0 3px; + } + 25% { + text-shadow: 1.6125630401149584px 0 1px rgba(0,30,255,0.5), -1.6125630401149584px 0 1px rgba(255,0,80,0.3), 0 0 3px; + } + 30% { + text-shadow: 0.7015590085143956px 0 1px rgba(0,30,255,0.5), -0.7015590085143956px 0 1px rgba(255,0,80,0.3), 0 0 3px; + } + 35% { + text-shadow: 3.896914047650351px 0 1px rgba(0,30,255,0.5), -3.896914047650351px 0 1px rgba(255,0,80,0.3), 0 0 3px; + } + 40% { + text-shadow: 3.870905614848819px 0 1px rgba(0,30,255,0.5), -3.870905614848819px 0 1px rgba(255,0,80,0.3), 0 0 3px; + } + 45% { + text-shadow: 2.231056963361899px 0 1px rgba(0,30,255,0.5), -2.231056963361899px 0 1px rgba(255,0,80,0.3), 0 0 3px; + } + 50% { + text-shadow: 0.08084290417898504px 0 1px rgba(0,30,255,0.5), -0.08084290417898504px 0 1px rgba(255,0,80,0.3), 0 0 3px; + } + 55% { + text-shadow: 2.3758461067427543px 0 1px rgba(0,30,255,0.5), -2.3758461067427543px 0 1px rgba(255,0,80,0.3), 0 0 3px; + } + 60% { + text-shadow: 2.202193051050636px 0 1px rgba(0,30,255,0.5), -2.202193051050636px 0 1px rgba(255,0,80,0.3), 0 0 3px; + } + 65% { + text-shadow: 2.8638780614874975px 0 1px rgba(0,30,255,0.5), -2.8638780614874975px 0 1px rgba(255,0,80,0.3), 0 0 3px; + } + 70% { + text-shadow: 0.48874025155497314px 0 1px rgba(0,30,255,0.5), -0.48874025155497314px 0 1px rgba(255,0,80,0.3), 0 0 3px; + } + 75% { + text-shadow: 1.8948491305757957px 0 1px rgba(0,30,255,0.5), -1.8948491305757957px 0 1px rgba(255,0,80,0.3), 0 0 3px; + } + 80% { + text-shadow: 0.0833037308038857px 0 1px rgba(0,30,255,0.5), -0.0833037308038857px 0 1px rgba(255,0,80,0.3), 0 0 3px; + } + 85% { + text-shadow: 0.09769827255241735px 0 1px rgba(0,30,255,0.5), -0.09769827255241735px 0 1px rgba(255,0,80,0.3), 0 0 3px; + } + 90% { + text-shadow: 3.443339761481782px 0 1px rgba(0,30,255,0.5), -3.443339761481782px 0 1px rgba(255,0,80,0.3), 0 0 3px; + } + 95% { + text-shadow: 2.1841838852799786px 0 1px rgba(0,30,255,0.5), -2.1841838852799786px 0 1px rgba(255,0,80,0.3), 0 0 3px; + } + 100% { + text-shadow: 2.6208764473832513px 0 1px rgba(0,30,255,0.5), -2.6208764473832513px 0 1px rgba(255,0,80,0.3), 0 0 3px; + } +} +.crt::after { + content: " "; + display: block; + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + background: rgba(18, 16, 16, 0.1); + opacity: 0; + z-index: 2; + pointer-events: none; + animation: flicker 0.15s infinite; +} +.crt::before { + content: " "; + display: block; + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.06), rgba(0, 255, 0, 0.02), rgba(0, 0, 255, 0.06)); + z-index: 2; + background-size: 100% 2px, 3px 100%; + pointer-events: none; +} +.crt { + animation: textShadow 1.6s infinite; +} + diff --git a/poem/dissociated.html b/poem/dissociated.html new file mode 100644 index 0000000..31ff3c4 --- /dev/null +++ b/poem/dissociated.html @@ -0,0 +1,183 @@ + + + + + + a state only the texture of a painting could capture + + + +
a state only the texture of a painting could capture
(Feburary 2022, free-verse)
+ + + + + + \ No newline at end of file diff --git a/poem/font/DejaVuSerif-Bold.ttf b/poem/font/DejaVuSerif-Bold.ttf new file mode 100644 index 0000000..3fffea6 Binary files /dev/null and b/poem/font/DejaVuSerif-Bold.ttf differ diff --git a/poem/font/DejaVuSerif-Italic.ttf b/poem/font/DejaVuSerif-Italic.ttf new file mode 100644 index 0000000..46a718e Binary files /dev/null and b/poem/font/DejaVuSerif-Italic.ttf differ diff --git a/poem/font/DejaVuSerif.ttf b/poem/font/DejaVuSerif.ttf new file mode 100644 index 0000000..712a59b Binary files /dev/null and b/poem/font/DejaVuSerif.ttf differ diff --git a/poem/rainy.css b/poem/rainy.css new file mode 100644 index 0000000..3153f24 --- /dev/null +++ b/poem/rainy.css @@ -0,0 +1,52 @@ +body { + background-color: white; + color: black; + margin: 20px; + font-family: DejaVu; + user-select: none; +} + +div { + font-size: 70px; + cursor: pointer; + text-align: left; +} + +a { + text-decoration: none; + color: black; +} + +#nav { + padding: 5px; + margin-bottom: 2%; + font-size: 20px; + text-align: center; + position: fixed; + bottom: 0; + left: 0; + right: 0 +} + +.poem { + margin-top: 22%; + margin-left: 25px; + font-size: 60px; +} + +@font-face { + font-family: DejaVu; + src: url('font/DejaVuSerif.ttf'); +} + +@font-face { + font-family: DejaVu; + src: url('font/DejaVuSerif-Bold.ttf'); + font-weight: bold; +} + +@font-face { + font-family: DejaVu; + src: url('font/DejaVuSerif-Italic.ttf'); + font-style: italic; +} \ No newline at end of file diff --git a/poem/rainy.html b/poem/rainy.html new file mode 100644 index 0000000..587f52b --- /dev/null +++ b/poem/rainy.html @@ -0,0 +1,98 @@ + + + + + + of an exchange between two on a rainy night + + + +
+ +
+ of an exchange between two on a rainy night
(Feburary 2022, free-verse) +
+ +
+ + + + + + \ No newline at end of file -- cgit v1.3