<?php
session_set_cookie_params([
'lifetime' => 1,
'path' => '/',
'domain' => 'yoursnowhun.io',
'secure' => true,
'httponly' => false,
'samesite' => 'Lax'
]);
session_start(); /* 'slow' => 'like dial up' */
/* then speeds up, transmitting messages, via protocol. */
if ($_SERVER['HTTPS'] !== 'on') {
header('Location: https://' . $_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI']);
exit;
}
?>
<!DOCTYPE html>
<html lang = "natural">
<head>
<meta charset = "UTF-8">
<meta name = "keywords" content = "HTML, CSS, PHP">
<meta name = "description" content = "6: a love poem">
<meta name = "author" content = "the source of eternal love">
<title> HYPERTEXT </title>
<style>
@import url('https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap');
/* this */
body {
background-color: #0c0c0c;
color: #33ff33;
font-family: 'Share Tech Mono', monospace;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;
/* scanlines overlay */
background-image: repeating-linear-gradient(
0deg,
rgba(0, 0, 0, 1) 0px,
rgba(0, 0, 0, 1) 1px,
transparent 1px,
transparent 2px
);
}
/* lacking sleep */
/* staring too long at the */
.screen {
position: relative;
padding: 3rem;
border: 2px solid #33ff33;
border-radius: 8px;
max-width: 600px;
}
/* a dream */
.screen::before {
content: 'C:\\HYPERTEXT> run poem.exe';
display: block;
color: #33ff33;
font-size: 0.85rem;
margin-bottom: 1.5rem;
opacity: 0.7;
}
p /* . rompt */ {
line-height: 2.2;
font-size: 1rem;
margin: 0;
animation: flicker 6s infinite;
}
/* one line at a time, the */
@keyframes flicker {
0%, 100% { opacity: 1; }
92% { opacity: 1; }
93% { opacity: 0.7; }
94% { opacity: 1; }
96% { opacity: 0.8; }
97% { opacity: 1; }
}
@keyframes blink {
50% { opacity: 0; }
}
@keyframes glitch {
0%, 100% { transform: translate(0); }
94% { transform: translate(0); }
95% { transform: translate(-2px, 1px); opacity: 0.6; }
96% { transform: translate(2px, -1px); opacity: 1; }
97% { transform: translate(0); }
}
/* dissolving */
p::after {
content: '█';
animation: blink 1s step-start infinite;
}
/* what time is it? am I late for something? */
</style>
</head>
<body>
<div class = "screen">
<p>
Blame it on the caffeine. <br>
Still up, looking for my <span style = "text-decoration: underline; cursor: crosshair;"> IP </span>. <br><br>
Team V. <br>
At the caravansary. <br><br>
Gets complicated, having <br>
education done, at the organization. <br><br>
<span style = "font-weight: bold; letter-spacing: 0.1em;"> Your domain now hun. </span> <br>
Name the system — I'll play. <br><br>
Like it wasn't just a stroke of <span style = "display: inline-block; position: relative; animation: glitch 2s infinite;"> dumb luck </span>, <br>
anyway...
</p>
</div>
</body>
</html>
session_set_cookie_params([
'lifetime' => 1,
'path' => '/',
'domain' => 'yoursnowhun.io',
'secure' => true,
'httponly' => false,
'samesite' => 'Lax'
]);
session_start(); /* 'slow' => 'like dial up' */
/* then speeds up, transmitting messages, via protocol. */
if ($_SERVER['HTTPS'] !== 'on') {
header('Location: https://' . $_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI']);
exit;
}
?>
<!DOCTYPE html>
<html lang = "natural">
<head>
<meta charset = "UTF-8">
<meta name = "keywords" content = "HTML, CSS, PHP">
<meta name = "description" content = "6: a love poem">
<meta name = "author" content = "the source of eternal love">
<title> HYPERTEXT </title>
<style>
@import url('https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap');
/* this */
body {
background-color: #0c0c0c;
color: #33ff33;
font-family: 'Share Tech Mono', monospace;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;
/* scanlines overlay */
background-image: repeating-linear-gradient(
0deg,
rgba(0, 0, 0, 1) 0px,
rgba(0, 0, 0, 1) 1px,
transparent 1px,
transparent 2px
);
}
/* lacking sleep */
/* staring too long at the */
.screen {
position: relative;
padding: 3rem;
border: 2px solid #33ff33;
border-radius: 8px;
max-width: 600px;
}
/* a dream */
.screen::before {
content: 'C:\\HYPERTEXT> run poem.exe';
display: block;
color: #33ff33;
font-size: 0.85rem;
margin-bottom: 1.5rem;
opacity: 0.7;
}
p /* . rompt */ {
line-height: 2.2;
font-size: 1rem;
margin: 0;
animation: flicker 6s infinite;
}
/* one line at a time, the */
@keyframes flicker {
0%, 100% { opacity: 1; }
92% { opacity: 1; }
93% { opacity: 0.7; }
94% { opacity: 1; }
96% { opacity: 0.8; }
97% { opacity: 1; }
}
@keyframes blink {
50% { opacity: 0; }
}
@keyframes glitch {
0%, 100% { transform: translate(0); }
94% { transform: translate(0); }
95% { transform: translate(-2px, 1px); opacity: 0.6; }
96% { transform: translate(2px, -1px); opacity: 1; }
97% { transform: translate(0); }
}
/* dissolving */
p::after {
content: '█';
animation: blink 1s step-start infinite;
}
/* what time is it? am I late for something? */
</style>
</head>
<body>
<div class = "screen">
<p>
Blame it on the caffeine. <br>
Still up, looking for my <span style = "text-decoration: underline; cursor: crosshair;"> IP </span>. <br><br>
Team V. <br>
At the caravansary. <br><br>
Gets complicated, having <br>
education done, at the organization. <br><br>
<span style = "font-weight: bold; letter-spacing: 0.1em;"> Your domain now hun. </span> <br>
Name the system — I'll play. <br><br>
Like it wasn't just a stroke of <span style = "display: inline-block; position: relative; animation: glitch 2s infinite;"> dumb luck </span>, <br>
anyway...
</p>
</div>
</body>
</html>
