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

feat: build out title

Browse source
This commit is contained in:
Barrett Ruth 2023-11-03 22:57:38 -04:00
parent c0e6937e40
commit 045d8ad1b5
6 changed files with 57 additions and 38 deletions
Download patch file Download diff file Expand all files Collapse all files

10
index.css
View file

@ -11,7 +11,7 @@ body {
font-size: 1.5em; font-size: 1.5em;
background-color: #f9f5d7; background-color: #f9f5d7;
margin: 100px auto; margin: 100px auto;
max-width: 650px; max-width: 675px;
scroll-behavior: smooth; scroll-behavior: smooth;
overscroll-behavior-y: none; overscroll-behavior-y: none;
overscroll-behavior-x: none; overscroll-behavior-x: none;
@ -44,7 +44,7 @@ html {
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
width: 0; width: 0;
transition: all 0.5s ease; transition: all 0.6s ease;
display: inline-block; display: inline-block;
vertical-align: top; vertical-align: top;
max-width: 0; max-width: 0;
@ -73,3 +73,9 @@ html {
color: inherit; color: inherit;
text-decoration: none; text-decoration: none;
} }
pre code.hljs {
border: 1px solid #ccc;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
padding: 20px;
}

4
index.html
View file

@ -4,11 +4,11 @@
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="index.css" />
<link <link
rel="stylesheet" rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"
/> />
<link rel="stylesheet" href="index.css" />
<title>Barrett Ruth</title> <title>Barrett Ruth</title>
</head> </head>
@ -62,7 +62,7 @@
</li> </li>
</ol> </ol>
<h2> <h2>
<a href="problems.html">problems</a> <a href="problems.html">interview problems</a>
</h2> </h2>
<h2><a target="_blank" href="/resume.pdf">resume</a></h2> <h2><a target="_blank" href="/resume.pdf">resume</a></h2>
<h2 style="display: none"> <h2 style="display: none">

3
problems.css
View file

@ -1,3 +0,0 @@
pre code.hljs {
background: #f9f5d7;
}

35
problems.html
View file

@ -4,39 +4,12 @@
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="gruvbox-light.css" />
<link rel="stylesheet" href="index.css" /> <link rel="stylesheet" href="index.css" />
<link rel="stylesheet" href="problems.css" /> <title>Interview Problems</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.3.1/highlight.min.js"></script>
<title>Problems - Sliding Window</title>
</head> </head>
<body> <body>
<h1>Trapping the Rainwaters</h1> <h1>Problems</h1>
<p>Trapping Raintwaters Leetcode Problem Description</p> <p>Description</p>
<p>Example: Finding the maximum sum subarray of a fixed size.</p> <a href="problems/rainwater.html"><h2>Trapping Rainwater</h2></a>
<pre><code></code></pre>
<h2>Topic Relevance</h2>
<p>
The sliding window algorithm is widely used in software development for
solving optimization problems, especially when dealing with arrays or
lists. It's useful in scenarios where you need to track a subset of data
within a larger dataset efficiently, making it a crucial tool in fields
like data analysis, machine learning, and others.
</p>
<script>
document.querySelector("code").textContent = `
int trap(vector<int>& height) {
auto l = height.begin(), r = height.end() - 1;
int level = 0, water = 0;
while (l != r + 1) {
int lower = *l < *r ? *l++ : *r--;
level = max(level, lower);
water += level - lower;
}
return water;
}
`;
hljs.highlightAll();
</script>
</body> </body>
</html> </html>

0
gruvbox-light.css → problems/gruvbox-light.css
View file

43
problems/rainwater.html Normal file
View file

@ -0,0 +1,43 @@
<!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" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.3.1/highlight.min.js"></script>
<link rel="stylesheet" href="gruvbox-light.css" />
<link rel="stylesheet" href="../index.css" />
<title>Sliding Window</title>
</head>
<body>
<h1>Trapping the Rainwaters</h1>
<p>Trapping Raintwaters Leetcode Problem Description</p>
<p>Example: Finding the maximum sum subarray of a fixed size.</p>
<pre><code class="trapping-rainwater"></code></pre>
<h2>Problem Statement</h2>
<!-- TODO: embed latex -->
<h2>Constraints</h2>
<h2>Topic Relevance</h2>
<p>
The sliding window algorithm is widely used in software development for
solving optimization problems, especially when dealing with arrays or
lists. It's useful in scenarios where you need to track a subset of data
within a larger dataset efficiently, making it a crucial tool in fields
like data analysis, machine learning, and others.
</p>
<script>
const code = document.querySelector(".trapping-rainwater");
code.textContent = `int trap(vector<int>& height) {
auto l = height.begin(), r = height.end() - 1;
int level = 0, water = 0;
while (l != r + 1) {
int lower = *l < *r ? *l++ : *r--;
level = max(level, lower);
water += level - lower;
}
return water;
}`;
hljs.highlightAll();
</script>
</body>
</html>