Skip to content

better about page #20

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
cameroncuster merged 1 commit into from
Apr 9, 2025
Merged

better about page #20

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
60 changes: 36 additions & 24 deletions src/routes/about/+page.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,20 +1,20 @@
<script lang="ts">
// About page for AlgoHub
// About page for AlgoHub
</script>

<svelte:head>
<title>AlgoHub | About</title>
<meta name="description" content="About this app" />
</svelte:head>

<div class="max-w-3xl mx-auto px-4 py-8">
<div class="mx-auto max-w-3xl px-4 py-8">
<section class="mb-10">
<h2 class="text-2xl mb-4 text-accent">AlgoHub</h2>
<h2 class="text-accent mb-4 text-2xl">AlgoHub</h2>
<p class="mb-4 leading-relaxed">
AlgoHub is a collection of hand-picked problems. If you are new to competitive programming you
can learn the fundamentals at some of these sites:
</p>
<ul class="ml-6 mb-4">
<ul class="mb-4 ml-6">
<li class="mb-2 leading-relaxed">
<a href="https://cses.fi/" target="_blank" rel="noopener noreferrer">CSES Problem Set</a>
</li>
Expand All @@ -38,7 +38,7 @@
</li>
</ul>

<h3 class="text-xl mb-4 text-accent">Beyond the Fundamentals</h3>
<h3 class="text-accent mb-4 text-xl">Beyond the Fundamentals</h3>
<p class="mb-4 leading-relaxed">
But what about once you've learned the fundamentals? How should you practice then? Experts
like Umnik recommend working through an archive of problems (as described in this
Expand All @@ -54,7 +54,7 @@
own lists of recommendations.
</p>

<h3 class="text-xl mb-4 text-accent">Canon Problems</h3>
<h3 class="text-accent mb-4 text-xl">Canon Problems</h3>
<p class="mb-4 leading-relaxed">
Inspired by "Canon Events" from <i>Across the Spiderverse</i>, Canon Problems are the problems
that after solving, fundamentally changed the way you approach competitive programming
Expand All @@ -67,8 +67,8 @@
</section>

<section class="mb-10">
<h2 class="text-2xl mb-4 text-accent">On Practicing</h2>
<ul class="ml-6 mb-4">
<h2 class="text-accent mb-4 text-2xl">On Practicing</h2>
<ul class="mb-4 ml-6">
<li class="mb-2 leading-relaxed">
<a href="https://codeforces.com/blog/entry/98806" target="_blank" rel="noopener noreferrer">
How to practice Competitive Programming [Um_nik version]
Expand Down Expand Up @@ -97,10 +97,10 @@
</section>

<section class="mb-10">
<h2 class="text-2xl mb-4 text-accent">Algorithm Libraries</h2>
<h2 class="text-accent mb-4 text-2xl">Algorithm Libraries</h2>

<h3 class="text-xl mb-4 text-accent">AlgoHub's Library of Choice</h3>
<ul class="ml-6 mb-4">
<h3 class="text-accent mb-4 text-xl">AlgoHub's Library of Choice</h3>
<ul class="mb-4 ml-6">
<li class="mb-2 leading-relaxed">
<a
href="https://github.com/programming-team-code"
Expand All @@ -113,8 +113,8 @@
</li>
</ul>

<h3 class="text-xl mb-4 text-accent">Optimized for ICPC</h3>
<ul class="ml-6 mb-4">
<h3 class="text-accent mb-4 text-xl">Optimized for ICPC</h3>
<ul class="mb-4 ml-6">
<li class="mb-2 leading-relaxed">
<a
href="https://github.com/kth-competitive-programming/kactl"
Expand Down Expand Up @@ -145,8 +145,8 @@
</li>
</ul>

<h3 class="text-xl mb-4 text-accent">Optimized for Online Contests</h3>
<ul class="ml-6 mb-4">
<h3 class="text-accent mb-4 text-xl">Optimized for Online Contests</h3>
<ul class="mb-4 ml-6">
<li class="mb-2 leading-relaxed">
<a
href="https://github.com/yosupo06/library-checker-problems"
Expand All @@ -156,8 +156,8 @@
</li>
</ul>

<h3 class="text-xl mb-4 text-accent">Extensive Libraries</h3>
<ul class="ml-6 mb-4">
<h3 class="text-accent mb-4 text-xl">Extensive Libraries</h3>
<ul class="mb-4 ml-6">
<li class="mb-2 leading-relaxed">
<a
href="https://github.com/koosaga/olympiad/tree/master/Library/codes"
Expand All @@ -181,8 +181,8 @@
</li>
</ul>

<h3 class="text-xl mb-4 text-accent">Clean Implementations</h3>
<ul class="ml-6 mb-4">
<h3 class="text-accent mb-4 text-xl">Clean Implementations</h3>
<ul class="mb-4 ml-6">
<li class="mb-2 leading-relaxed">
<a
href="https://github.com/demidenko/olymp-cpp-lib"
Expand All @@ -199,8 +199,8 @@
</li>
</ul>

<h3 class="text-xl mb-4 text-accent">Top Competitive Programmers' Libraries</h3>
<ul class="ml-6 mb-4">
<h3 class="text-accent mb-4 text-xl">Top Competitive Programmers' Libraries</h3>
<ul class="mb-4 ml-6">
<li class="mb-2 leading-relaxed">
<a href="https://github.com/ecnerwala/cp-book" target="_blank" rel="noopener noreferrer"
>ecnerwala's CP Book</a
Expand Down Expand Up @@ -232,8 +232,8 @@
</li>
</ul>

<h3 class="text-xl mb-4 text-accent">Python</h3>
<ul class="ml-6 mb-4">
<h3 class="text-accent mb-4 text-xl">Python</h3>
<ul class="mb-4 ml-6">
<li class="mb-2 leading-relaxed">
<a
href="https://github.com/cheran-senthil/PyRival"
Expand All @@ -245,7 +245,7 @@
</section>

<section class="mb-10">
<h2 class="text-2xl mb-4 text-accent">Contribute</h2>
<h2 class="text-accent mb-4 text-2xl">Contribute</h2>
<p class="mb-4 leading-relaxed">
AlgoHub is an open-source project, and we welcome contributions from the community. If you'd
like to help improve AlgoHub, please check out our <a
Expand All @@ -256,3 +256,15 @@
</p>
</section>
</div>

<style>
/* Make links purple on the about page for better visibility */
:global(.max-w-3xl a) {
color: var(--color-accent);
}

:global(.max-w-3xl a:hover) {
color: color-mix(in oklab, var(--color-accent) 80%, white);
text-decoration: underline;
}
</style>
Loading