feat: update dates

This commit is contained in:
Barrett Ruth 2025-04-15 14:52:48 -04:00
parent c3e74da95b
commit d6666d991e
7 changed files with 194 additions and 26 deletions

View file

@ -27,7 +27,10 @@
<h2>
<a href="https://codeforces.com/contest/2094" target="_blank"
>1017 (div. 4)</a
>&mdash;14/4/2025
>
<span class="post-meta">
<time datetime="2025-04-14">04/14/2025</time>
</span>
</h2>
<div>
Decent contest. Lost focus near the end and was not paying attention
@ -68,7 +71,10 @@
<h2>
<a href="https://codeforces.com/contest/1692" target="_blank"
>799 (div. 4)</a
>&mdash;10/4/2025
>
<span class="post-meta">
<time datetime="2025-04-10">04/10/2025</time>
</span>
</h2>
<div>
Improvement is marginal. My desire for rating is unquenchable
@ -166,7 +172,10 @@
<h2>
<a href="https://codeforces.com/contest/1791" target="_blank"
>849 (div. 4)</a
>&mdash;9/4/2025
>
<span class="post-meta">
<time datetime="2025-04-09">04/09/2025</time>
</span>
</h2>
<div>
Defeating. My speed is improving but I completely wasted my focus.
@ -221,7 +230,10 @@
<h2>
<a href="https://codeforces.com/contest/2093" target="_blank"
>1016 (div. 3)</a
>&mdash;8/4/2025
>
<span class="post-meta">
<time datetime="2025-04-08">04/08/2025</time>
</span>
</h2>
<div>
Horrendous competition but I refrain from cringing for the sake of
@ -292,7 +304,10 @@
<h2>
<a href="https://codeforces.com/contest/1873/" target="_blank"
>898 (div. 4)</a
>&mdash;3/4/2025
>
<span class="post-meta">
<time datetime="2025-04-03">04/03/2025</time>
</span>
</h2>
<div>
Placed top 2000 but did not learn much. Was distracted (thinking
@ -345,7 +360,10 @@
<h2>
<a href="https://codeforces.com/contest/1892/" target="_blank"
>871 (div. 4)</a
>&mdash;28/3/2025
>
<span class="post-meta">
<time datetime="2025-03-28">03/28/2025</time>
</span>
</h2>
<div>
Div. 4 to practice implemenation skills + mathematical observations
@ -434,7 +452,10 @@
<h2>
<a href="https://codeforces.com/contest/1872/" target="_blank"
>895 (div. 3)</a
>&mdash;26/3/2025
>
<span class="post-meta">
<time datetime="2025-03-26">03/26/2025</time>
</span>
</h2>
<div>
<p>Decent.</p>
@ -503,7 +524,10 @@
<h2>
<a href="https://codeforces.com/contest/2091" target="_blank"
>1013 (div. 3)</a
>&mdash;25/3/2025
>
<span class="post-meta">
<time datetime="2025-03-25">03/25/2025</time>
</span>
</h2>
<div>
<p>
@ -552,7 +576,10 @@
<h2>
<a href="https://codeforces.com/contest/1878/" target="_blank"
>900 (div. 3)</a
>&mdash;22/3/2025
>
<span class="post-meta">
<time datetime="2025-03-22">03/22/2025</time>
</span>
</h2>
<div>
<p>
@ -606,7 +633,10 @@
<h2>
<a href="https://codeforces.com/contest/1857/" target="_blank"
>891 (div. 3)</a
>&mdash;{6,7}/5/2025
>
<span class="post-meta">
<time datetime="2025-05-06">05/06/2025</time>
</span>
</h2>
<div>
<p>
@ -685,7 +715,11 @@
</li>
</ol>
</div>
<h2>cses (range queries, sorting and searching)&mdash;1/3/2025</h2>
<h2>cses (range queries, sorting and searching)
<span class="post-meta">
<time datetime="2025-03-01">03/01/2025</time>
</span>
</h2>
<div>
<p>
A good review and challenge of data strucures. I've become even
@ -750,8 +784,11 @@
</div>
<h2>
<a href="https://codeforces.com/contest/2072" target="_blank"
>1006 (div. 3)&mdash;25/2/2025</a
>1006 (div. 3)</a
>
<span class="post-meta">
<time datetime="2025-02-25">02/25/2025</time>
</span>
</h2>
<div>
<ol>
@ -796,7 +833,11 @@
</li>
</ol>
</div>
<h2>sorting and searching&mdash;24/2/2025</h2>
<h2>sorting and searching
<span class="post-meta">
<time datetime="2025-02-24">02/24/2025</time>
</span>
</h2>
<p>
A lot of these problems I&apos;d seen before but this is good
practice anyway. This really is a great problem set. After being
@ -856,7 +897,11 @@
</li>
</ol>
</div>
<h2>more cses&mdash;22/2/2025</h2>
<h2>more cses
<span class="post-meta">
<time datetime="2025-02-22">02/22/2025</time>
</span>
</h2>
<div>
<ol>
<li>
@ -886,7 +931,11 @@
</li>
</ol>
</div>
<h2>cses&mdash;21/2/2025</h2>
<h2>cses
<span class="post-meta">
<time datetime="2025-02-21">02/21/2025</time>
</span>
</h2>
<div>
<p>
Everyone recommends CSES so I started with it, doing the first 8
@ -972,7 +1021,10 @@
<h2>
<a href="https://codeforces.com/contest/1955" target="_blank"
>938 (div. 3)</a
>&mdash;15/2/2025
>
<span class="post-meta">
<time datetime="2025-02-15">02/15/2025</time>
</span>
</h2>
<div>
<p>
@ -1105,7 +1157,11 @@
</li>
</ol>
</div>
<h2>the beginning&mdash;12/2/2025</h2>
<h2>the beginning
<span class="post-meta">
<time datetime="2025-02-12">02/12/2025</time>
</span>
</h2>
<div>
<p>
This marks the (true) beginning of my competitive programming

View file

@ -30,7 +30,9 @@
href="https://leetcode.com/problems/count-good-numbers/submissions/1605647445/?envType=daily-question&envId=2025-04-13"
>count good numbers</a
>
&mdash; 13/4/24
<span class="post-meta">
<time datetime="2024-04-13">04/13/2024</time>
</span>
</h2>
<div class="problem-content">
<h3>understanding the problem</h3>
@ -69,7 +71,9 @@
href="https://leetcode.com/problems/minimum-number-of-operations-to-make-elements-in-array-distinc"
>minimum number of operations to make array distinct</a
>
&mdash; 9/4/24
<span class="post-meta">
<time datetime="2024-04-09">04/09/2024</time>
</span>
</h2>
<div class="problem-content">
<h3>understanding the problem</h3>
@ -104,7 +108,9 @@
href="https://leetcode.com/problems/count-the-number-of-fair-pairs/"
>count the number of fair pairs</a
>
&mdash; 9/13/24
<span class="post-meta">
<time datetime="2024-09-13">09/13/2024</time>
</span>
</h2>
<div class="problem-content">
<h3>problem statement</h3>
@ -273,7 +279,9 @@
href="https://leetcode.com/problems/most-beautiful-item-for-each-query/description/"
>most beautiful item for each query</a
>
&mdash; 9/12/24
<span class="post-meta">
<time datetime="2024-09-12">09/12/2024</time>
</span>
</h2>
<div class="problem-content">
<h3>problem statement</h3>
@ -381,7 +389,9 @@
href="https://leetcode.com/problems/shortest-subarray-with-or-at-least-k-ii/description/"
>shortest subarray with or at least k ii</a
>
&mdash; 9/11/24
<span class="post-meta">
<time datetime="2024-09-11">09/11/2024</time>
</span>
</h2>
<div class="problem-content">
<h3>problem statement</h3>
@ -509,7 +519,9 @@
href="https://leetcode.com/problems/minimum-array-end/"
>minimum array end</a
>
&mdash; 9/10/24
<span class="post-meta">
<time datetime="2024-09-10">09/10/2024</time>
</span>
</h2>
<div class="problem-content">
<h3>problem statement</h3>

View file

@ -23,7 +23,7 @@
<header class="post-header">
<h1 class="post-title">practice makes perfect</h1>
<p class="post-meta">
<time datetime="2024-06-22">05/07/2024</time>
<time datetime="2025-05-07">05/07/2024</time>
</p>
</header>
<article class="post-article">

View file

@ -0,0 +1,95 @@
<!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/common.css" />
<link rel="stylesheet" href="/styles/post.css" />
<link rel="icon" type="image/webp" href="/public/logo.webp" />
<title>competitive programming setup</title>
</head>
<body class="graph-background">
<site-header></site-header>
<main class="main">
<div class="post-container">
<header class="post-header">
<h1 class="post-title">competitive programming setup</h1>
<p class="post-meta">
<time datetime="2025-04-15">15/04/2024</time>
</p>
</header>
<article class="post-article">
<h2>HTML, JavaScript, and CSS</h2>
<p>That&apos;s all there is to it.</p>
<p>I thought about using the following frameworks:</p>
<ol>
<li><a target="blank" href="https://react.dev/">React.js</a></li>
<li><a target="blank" href="https://nextjs.org/">Next.js</a></li>
<li><a target="blank" href="https://gohugo.io/">Hugo</a></li>
<li><a target="blank" href="https://astro.build/">Astro</a></li>
</ol>
<p>
But I did not actually <i>need</i> any of them to make this site
look decent.
</p>
<h2>What I&apos;ve Learned</h2>
<p>
Of course, most people build simple websites like these to learn a
new technology or framework, not to use an optimal tool. That&apos;s
actually why I
<a
target="blank"
href="/posts/software/from-github-pages-to-aws.html"
>hosted this website on AWS</a
>.
</p>
<p>
Building this website with truly bare-bones technologies has made me
appreciate <i>why</i> these web frameworks have emerged.
</p>
<ul>
<li>
Writing JavaScript to manipulate the DOM works just fine but lacks
the readability and composability that many JavaScript frameworks
bring to the table.
</li>
<li>
Re-using code is odd. For example, I created a
&quot;common.js&quot; with general utilities&mdash;there is zero
indication (both to me and my language servers) that these
functions are exposed to other scripts included by the same HTML
file.
</li>
<li>
JSX is great. Dynamically inserting HTML as raw strings or writing
them line by line with the DOM is a pain, and a verbose one at
that.
</li>
<li>
Similarly, CSS styling (inline/stylesheet) works at the small
scale. However, with styles being completely divorced from the
HTML itself, much is left to be desired.
</li>
<li>
Reusing HTML, styles, and JavaScript feels extremely fragile.
Innovative type-safe, optimized, and composable solutions
definitely have their place in the web.
</li>
<li>
<b>You can be efficient with HTML, JS, and CSS.</b> My iteration
speed on on this site versus other React.js/MDX blogs I have
worked on is the same if not faster. While this may be a testament
to my lack of JavaScript experience, I think people conclude too
early that their task is beyond the technologies that form the
foundation of the web today.
</li>
</ul>
</article>
</div>
</main>
<site-footer></site-footer>
<script src="/scripts/common.js"></script>
<script src="/scripts/post.js"></script>
</body>
</html>

View file

@ -16,7 +16,7 @@
<header class="post-header">
<h1 class="post-title">designing this website</h1>
<p class="post-meta">
<time datetime="2024-06-18"> 18/06/2024 </time>
<time datetime="2024-06-18">18/06/2024</time>
</p>
</header>
<article class="post-article">

View file

@ -36,11 +36,16 @@ li {
}
.post-meta {
/* space between date and title */
margin-left: 100px;
font-size: 1.3em;
}
h2 .post-meta {
float: right;
margin-left: 20px;
font-size: 1em;
}
.post-title {
font-weight: normal;
font-size: 2.2em;