73 lines
2.3 KiB
HTML
73 lines
2.3 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<link rel="stylesheet" href="index.css" />
|
|
<!-- <link rel="icon" type="image/webp" href="/public/logo.webp" /> -->
|
|
<title>Barrett Ruth</title>
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<div class="terminal-prompt">
|
|
<span class="prompt">barrett@ruth:~$</span>
|
|
<span class="cursor"></span>
|
|
</div>
|
|
<div class="header-links">
|
|
<a target="_blank" href="public/resume.pdf">Resume</a>
|
|
<a target="_blank" href="public/transcript.pdf">Transcript</a>
|
|
<!-- <a href="about.html">About</a> -->
|
|
<a href="/wip.html">About</a>
|
|
</div>
|
|
</header>
|
|
<main class="main">
|
|
<ul class="topics">
|
|
<li class="topic software">
|
|
<a href="/software" onclick="typechars(event)">Software</a>
|
|
</li>
|
|
<li class="topic economics">
|
|
<a href="/economics" onclick="typechars(event)">Economics</a>
|
|
</li>
|
|
<li class="topic trading">
|
|
<a href="/trading" onclick="typechars(event)">Trading</a>
|
|
</li>
|
|
<li class="topic interview-problems">
|
|
<a href="/algorithms" onclick="typechars(event)">Algorithms</a>
|
|
</li>
|
|
</ul>
|
|
</main>
|
|
<footer>
|
|
<div class="footer-links">
|
|
<a target="_blank" href="https://github.com/barrett-ruth/">GitHub</a>
|
|
<a target="_blank" href="https://www.linkedin.com/in/barrett-ruth/"
|
|
>LinkedIn</a
|
|
>
|
|
<a target="_blank" href="mailto:br.barrettruth@gmail.com">Email</a>
|
|
</div>
|
|
</footer>
|
|
<script>
|
|
function typechars(e, url = "wip.html") {
|
|
e.preventDefault();
|
|
|
|
const text = ` ${e.target.textContent.toLowerCase()}/`;
|
|
const terminalPrompt = document.querySelector(".prompt");
|
|
let i = 0;
|
|
|
|
function typechar() {
|
|
if (i < text.length) {
|
|
terminalPrompt.innerHTML += text.charAt(i);
|
|
i++;
|
|
setTimeout(typechar, 1000 / text.length);
|
|
} else {
|
|
setTimeout(() => {
|
|
window.location.href = url;
|
|
}, 500);
|
|
}
|
|
}
|
|
|
|
typechar();
|
|
}
|
|
</script>
|
|
</body>
|
|
</html>
|