Created
April 9, 2025 00:25
-
-
Save kgorman/854dfb45bff7d7521d2021eaee8c35f6 to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html lang="en"> | |
<head> | |
<meta charset="UTF-8"> | |
<title>Vektorized Hero Demo</title> | |
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
<script src="https://cdn.jsdelivr.net/npm/[email protected]"></script> | |
<style> | |
body { | |
background-color: #0e0e0e; | |
color: #00ff99; | |
font-family: 'Courier New', Courier, monospace; | |
font-size: 1.25rem; | |
padding: 40px; | |
} | |
#typed-output { | |
white-space: pre-line; | |
max-width: 800px; | |
line-height: 1.6; | |
} | |
.terminal-box { | |
background-color: #1e1e1e; | |
padding: 30px; | |
border-radius: 8px; | |
box-shadow: 0 0 20px rgba(0,255,153,0.2); | |
} | |
</style> | |
</head> | |
<body> | |
<div class="terminal-box"> | |
<div id="typed-output"></div> | |
</div> | |
<script> | |
var typed = new Typed("#typed-output", { | |
strings: [ | |
"Fit 250 brackets into the schedule by Friday—prioritize what’s already running.", | |
"Scheduled across P3, P4, and P7.\nEstimated completion: Thursday 11:15PM.\nP4 needs more PLA by Thursday 2PM." | |
], | |
typeSpeed: 45, | |
backSpeed: 0, | |
backDelay: 1000, | |
startDelay: 800, | |
showCursor: true, | |
cursorChar: "|", | |
loop: false | |
}); | |
</script> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment