Skip to content

Instantly share code, notes, and snippets.

@kgorman
Created April 9, 2025 00:25
Show Gist options
  • Save kgorman/854dfb45bff7d7521d2021eaee8c35f6 to your computer and use it in GitHub Desktop.
Save kgorman/854dfb45bff7d7521d2021eaee8c35f6 to your computer and use it in GitHub Desktop.
<!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