barrett/barrettruth.com
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: refactor + remove trading section

Browse source
This commit is contained in:
Barrett Ruth 2025-04-15 13:42:28 -04:00
parent 8d320b8c1c
commit 9effc1cab9
16 changed files with 83 additions and 233 deletions
Download patch file Download diff file Expand all files Collapse all files

28
about.html
View file

@ -11,23 +11,7 @@
<title>Barrett Ruth</title> <title>Barrett Ruth</title>
</head> </head>
<body class="graph-background"> <body class="graph-background">
<header> <site-header></site-header>
<a
href="/"
style="text-decoration: none; color: inherit"
onclick="goHome(event)"
>
<div class="terminal-container">
<span class="terminal-prompt">barrett@ruth:~$ /about</span>
<span class="terminal-cursor"></span>
</div>
</a>
<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>
</div>
</header>
<main class="main"> <main class="main">
<div class="post-container"> <div class="post-container">
<header class="post-header"> <header class="post-header">
@ -69,15 +53,7 @@
</article> </article>
</div> </div>
</main> </main>
<footer> <site-footer></site-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 src="/scripts/common.js"></script> <script src="/scripts/common.js"></script>
<script src="/scripts/index.js"></script> <script src="/scripts/index.js"></script>
<script src="/scripts/post.js"></script> <script src="/scripts/post.js"></script>

36
index.html
View file

@ -10,48 +10,24 @@
<title>Barrett Ruth</title> <title>Barrett Ruth</title>
</head> </head>
<body class="graph-background"> <body class="graph-background">
<header> <site-header></site-header>
<a href="/" onclick="refresh(event)">
<div class="terminal-container">
<span class="terminal-prompt">barrett@ruth:~$</span>
<span class="terminal-cursor"></span>
</div>
</a>
<div class="header-links">
<a target="_blank" href="/public/resume.pdf">Resume</a>
<a target="_blank" href="/public/transcript.pdf">Transcript</a>
<a target="_blank" href="/about.html">About</a>
</div>
</header>
<main class="main"> <main class="main">
<div class="content"> <div class="content">
<ul class="topics"> <ul class="topics">
<li class="topic software"> <li class="topic algorithms">
<a href="/software" onclick="typechars(event)">Software</a> <a href="/algorithms" onclick="typechars(event)">Algorithms</a>
</li> </li>
<li class="topic economics"> <li class="topic economics">
<a href="/economics" onclick="typechars(event)">Economics</a> <a href="/economics" onclick="typechars(event)">Economics</a>
</li> </li>
<li class="topic trading"> <li class="topic software">
<a href="/trading" onclick="typechars(event)">Trading</a> <a href="/software" onclick="typechars(event)">Software</a>
</li>
<li class="topic algorithms">
<a href="/algorithms" onclick="typechars(event)">Algorithms</a>
</li> </li>
</ul> </ul>
<div class="posts" id="posts"></div> <div class="posts" id="posts"></div>
</div> </div>
</main> </main>
<footer> <site-footer></site-footer>
<span class="greek-delta">&Delta;</span>
<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 src="scripts/common.js"></script> <script src="scripts/common.js"></script>
<script src="scripts/index.js"></script> <script src="scripts/index.js"></script>
</body> </body>

14
posts/algorithms/competitive-programming-log.html
View file

@ -17,18 +17,7 @@
<title>Barrett Ruth</title> <title>Barrett Ruth</title>
</head> </head>
<body class="graph-background"> <body class="graph-background">
<header> <site-header></site-header>
<a
href="/"
style="text-decoration: none; color: inherit"
onclick="goHome(event)"
>
<div class="terminal-container">
<span class="terminal-prompt">barrett@ruth:~$ /algorithms</span>
<span class="terminal-cursor"></span>
</div>
</a>
</header>
<main class="main"> <main class="main">
<div class="post-container"> <div class="post-container">
<header class="post-header"> <header class="post-header">
@ -1145,6 +1134,7 @@
</article> </article>
</div> </div>
</main> </main>
<site-footer></site-footer>
<script src="/scripts/common.js"></script> <script src="/scripts/common.js"></script>
<script src="/scripts/post.js"></script> <script src="/scripts/post.js"></script>
</body> </body>

14
posts/trading/extrema-circular-buffer.html → posts/algorithms/extrema-circular-buffer.html
View file

@ -17,18 +17,7 @@
<title>Barrett Ruth</title> <title>Barrett Ruth</title>
</head> </head>
<body class="graph-background"> <body class="graph-background">
<header> <site-header></site-header>
<a
href="/"
style="text-decoration: none; color: inherit"
onclick="goHome(event)"
>
<div class="terminal-container">
<span class="terminal-prompt">barrett@ruth:~$ /algorithms</span>
<span class="terminal-cursor"></span>
</div>
</a>
</header>
<main class="main"> <main class="main">
<div class="post-container"> <div class="post-container">
<header class="post-header"> <header class="post-header">
@ -219,6 +208,7 @@
</article> </article>
</div> </div>
</main> </main>
<site-footer></site-footer>
<script src="/scripts/common.js"></script> <script src="/scripts/common.js"></script>
<script src="/scripts/post.js"></script> <script src="/scripts/post.js"></script>
</body> </body>

14
posts/algorithms/leetcode-daily.html
View file

@ -17,18 +17,7 @@
<title>Barrett Ruth</title> <title>Barrett Ruth</title>
</head> </head>
<body class="graph-background"> <body class="graph-background">
<header> <site-header></site-header>
<a
href="/"
style="text-decoration: none; color: inherit"
onclick="goHome(event)"
>
<div class="terminal-container">
<span class="terminal-prompt">barrett@ruth:~$ /algorithms</span>
<span class="terminal-cursor"></span>
</div>
</a>
</header>
<main class="main"> <main class="main">
<div class="post-container"> <div class="post-container">
<header class="post-header"> <header class="post-header">
@ -638,6 +627,7 @@
</article> </article>
</div> </div>
</main> </main>
<site-footer></site-footer>
<script src="/scripts/common.js"></script> <script src="/scripts/common.js"></script>
<script src="/scripts/post.js"></script> <script src="/scripts/post.js"></script>
</body> </body>

14
posts/algorithms/practice-makes-perfect.html
View file

@ -17,18 +17,7 @@
<title>Barrett Ruth</title> <title>Barrett Ruth</title>
</head> </head>
<body class="graph-background"> <body class="graph-background">
<header> <site-header></site-header>
<a
href="/"
style="text-decoration: none; color: inherit"
onclick="goHome(event)"
>
<div class="terminal-container">
<span class="terminal-prompt">barrett@ruth:~$ /algorithms</span>
<span class="terminal-cursor"></span>
</div>
</a>
</header>
<main class="main"> <main class="main">
<div class="post-container"> <div class="post-container">
<header class="post-header"> <header class="post-header">
@ -114,6 +103,7 @@
</article> </article>
</div> </div>
</main> </main>
<site-footer></site-footer>
<script src="/scripts/common.js"></script> <script src="/scripts/common.js"></script>
<script src="/scripts/post.js"></script> <script src="/scripts/post.js"></script>
</body> </body>

14
posts/economics/models-of-production.html
View file

@ -16,18 +16,7 @@
<title>Barrett Ruth</title> <title>Barrett Ruth</title>
</head> </head>
<body class="graph-background"> <body class="graph-background">
<header> <site-header></site-header>
<a
href="/"
style="text-decoration: none; color: inherit"
onclick="goHome(event)"
>
<div class="terminal-container">
<span class="terminal-prompt">barrett@ruth:~$ /economics</span>
<span class="terminal-cursor"></span>
</div>
</a>
</header>
<main class="main"> <main class="main">
<div class="post-container"> <div class="post-container">
<header class="post-header"> <header class="post-header">
@ -916,6 +905,7 @@
</article> </article>
</div> </div>
</main> </main>
<site-footer></site-footer>
<script src="/scripts/common.js"></script> <script src="/scripts/common.js"></script>
<script src="/scripts/post.js"></script> <script src="/scripts/post.js"></script>
<script src="/scripts/posts/models-of-production.js"></script> <script src="/scripts/posts/models-of-production.js"></script>

14
posts/software/designing-this-website.html
View file

@ -10,18 +10,7 @@
<title>Barrett Ruth</title> <title>Barrett Ruth</title>
</head> </head>
<body class="graph-background"> <body class="graph-background">
<header> <site-header></site-header>
<a
href="/"
style="text-decoration: none; color: inherit"
onclick="goHome(event)"
>
<div class="terminal-container">
<span class="terminal-prompt">barrett@ruth:~$ /software</span>
<span class="terminal-cursor"></span>
</div>
</a>
</header>
<main class="main"> <main class="main">
<div class="post-container"> <div class="post-container">
<header class="post-header"> <header class="post-header">
@ -99,6 +88,7 @@
</article> </article>
</div> </div>
</main> </main>
<site-footer></site-footer>
<script src="/scripts/common.js"></script> <script src="/scripts/common.js"></script>
<script src="/scripts/post.js"></script> <script src="/scripts/post.js"></script>
</body> </body>

14
posts/software/from-github-pages-to-aws.html
View file

@ -10,18 +10,7 @@
<title>Barrett Ruth</title> <title>Barrett Ruth</title>
</head> </head>
<body class="graph-background"> <body class="graph-background">
<header> <site-header></site-header>
<a
href="/"
style="text-decoration: none; color: inherit"
onclick="goHome(event)"
>
<div class="terminal-container">
<span class="terminal-prompt">barrett@ruth:~$ /software</span>
<span class="terminal-cursor"></span>
</div>
</a>
</header>
<main class="main"> <main class="main">
<div class="post-container"> <div class="post-container">
<header class="post-header"> <header class="post-header">
@ -148,6 +137,7 @@
</article> </article>
</div> </div>
</main> </main>
<site-footer></site-footer>
<script src="/scripts/common.js"></script> <script src="/scripts/common.js"></script>
<script src="/scripts/post.js"></script> <script src="/scripts/post.js"></script>
</body> </body>

0
public/code/trading/extrema-circular-buffer/map.cpp → public/code/algorithms/extrema-circular-buffer/map.cpp
View file

0
public/code/trading/extrema-circular-buffer/monotonic.cpp → public/code/algorithms/extrema-circular-buffer/monotonic.cpp
View file

0
public/code/trading/extrema-circular-buffer/naive.cpp → public/code/algorithms/extrema-circular-buffer/naive.cpp
View file

0
public/code/trading/extrema-circular-buffer/ringbuffer.cpp → public/code/algorithms/extrema-circular-buffer/ringbuffer.cpp
View file

123
scripts/common.js
View file

@ -1,73 +1,72 @@
const TERMINAL_PROMPT = "barrett@ruth:~$ "; const TERMINAL_PROMPT = "barrett@ruth:~$ ";
let clearing = false; let clearing = false;
document.addEventListener("DOMContentLoaded", function () { // Define the Header component
const header = document.querySelector("header"); class SiteHeader extends HTMLElement {
if (header) { connectedCallback() {
let headerLinks = header.querySelector(".header-links"); const path = window.location.pathname;
if (!headerLinks) { const isHome = path === "/" || path === "/index.html";
headerLinks = document.createElement("div"); const topic = this.getTopic();
headerLinks.className = "header-links";
header.appendChild(headerLinks); const promptText = isHome
? "barrett@ruth:~$"
: `barrett@ruth:~$ ${topic}`;
const clickHandler = isHome
? "refresh(event)"
: "goHome(event)";
this.innerHTML = `
<header>
<a href="/" style="text-decoration: none; color: inherit" onclick="${clickHandler}">
<div class="terminal-container">
<span class="terminal-prompt">${promptText}</span>
<span class="terminal-cursor"></span>
</div>
</a>
<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>
</div>
</header>
`;
}
getTopic() {
const pathname = window.location.pathname.split("/");
if (pathname.includes("about.html")) {
return "/about";
} else if (pathname.length >= 3) {
return `/${pathname[1]}`;
} }
return "";
headerLinks.innerHTML = "";
const resumeLink = document.createElement("a");
resumeLink.href = "/public/resume.pdf";
resumeLink.target = "_blank";
resumeLink.textContent = "Resume";
headerLinks.appendChild(resumeLink);
const transcriptLink = document.createElement("a");
transcriptLink.href = "/public/transcript.pdf";
transcriptLink.target = "_blank";
transcriptLink.textContent = "Transcript";
headerLinks.appendChild(transcriptLink);
const aboutLink = document.createElement("a");
aboutLink.href = "/about.html";
aboutLink.textContent = "About";
headerLinks.appendChild(aboutLink);
} }
}
const existingFooter = document.querySelector("footer"); // Define the Footer component
if (existingFooter) { class SiteFooter extends HTMLElement {
existingFooter.remove(); connectedCallback() {
this.innerHTML = `
<footer>
<span class="greek-delta">&Delta;</span>
<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>
`;
} }
}
const footer = document.createElement("footer"); // Register the custom elements
customElements.define('site-header', SiteHeader);
const deltaSpan = document.createElement("span"); customElements.define('site-footer', SiteFooter);
deltaSpan.className = "greek-delta";
deltaSpan.innerHTML = "&Delta;";
const footerLinks = document.createElement("div");
footerLinks.className = "footer-links";
const githubLink = document.createElement("a");
githubLink.href = "https://github.com/barrett-ruth/";
githubLink.target = "_blank";
githubLink.textContent = "GitHub";
footerLinks.appendChild(githubLink);
const linkedinLink = document.createElement("a");
linkedinLink.href = "https://www.linkedin.com/in/barrett-ruth/";
linkedinLink.target = "_blank";
linkedinLink.textContent = "LinkedIn";
footerLinks.appendChild(linkedinLink);
const emailLink = document.createElement("a");
emailLink.href = "mailto:br.barrettruth@gmail.com";
emailLink.target = "_blank";
emailLink.textContent = "Email";
footerLinks.appendChild(emailLink);
footer.appendChild(deltaSpan);
footer.appendChild(footerLinks);
document.body.appendChild(footer);
// Add styles once when DOM is loaded
document.addEventListener("DOMContentLoaded", function () {
// Add dynamic styles if they don't exist
if (!document.querySelector("style#dynamic-styles")) { if (!document.querySelector("style#dynamic-styles")) {
const style = document.createElement("style"); const style = document.createElement("style");
style.id = "dynamic-styles"; style.id = "dynamic-styles";
@ -129,8 +128,6 @@ const getTopicColor = (topicName) => {
return "#0073e6"; return "#0073e6";
case "economics": case "economics":
return "#009975"; return "#009975";
case "trading":
return "#d50032";
case "algorithms": case "algorithms":
return "#6a0dad"; return "#6a0dad";
default: default:

5
scripts/index.js
View file

@ -11,10 +11,6 @@ const postMapping = new Map([
"Economics", "Economics",
[{ name: "models of production", link: "models-of-production" }], [{ name: "models of production", link: "models-of-production" }],
], ],
[
"Trading",
[{ name: "extrema circular buffer", link: "extrema-circular-buffer" }],
],
[ [
"Algorithms", "Algorithms",
[ [
@ -24,6 +20,7 @@ const postMapping = new Map([
}, },
{ name: "leetcode daily", link: "leetcode-daily" }, { name: "leetcode daily", link: "leetcode-daily" },
{ name: "practice makes perfect", link: "practice-makes-perfect" }, { name: "practice makes perfect", link: "practice-makes-perfect" },
{ name: "extrema circular buffer", link: "extrema-circular-buffer" },
], ],
], ],
]); ]);

26
wip.html
View file

@ -1,26 +0,0 @@
<!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="styles/index.css" />
<link rel="icon" type="image/webp" href="/public/logo.webp" />
<title>Barrett Ruth</title>
</head>
<body class="graph">
<main>
<div
style="
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
font-size: 2.5em;
"
>
<a class="topic" href="/">wip</a>
</div>
</main>
</body>
</html>