<html lang="en" data-theme="dark">

<meta charset="utf-8" />

<meta name="viewport" content="width=device-width, initial-scale=1" />

<title>Algorithm Templates — code-study</title>

<meta name="description" content="A clean reference for the common algorithm and data-structure templates — in C++, Python and JavaScript." />

<link rel="preconnect" href="https://fonts.googleapis.com">

<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">

<link rel="stylesheet" href="styles.css?v=6" />

<script src="https://cdn.jsdelivr.net/npm/prismjs@1.29.0/components/prism-core.min.js"></script>

<script src="https://cdn.jsdelivr.net/npm/prismjs@1.29.0/plugins/autoloader/prism-autoloader.min.js"></script>

<header class="topbar">

<button class="icon-btn menu-btn" id="menuBtn" aria-label="Toggle navigation">

<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="3" y1="6" x2="21" y2="6"/><line x1="3" y1="12" x2="21" y2="12"/><line x1="3" y1="18" x2="21" y2="18"/></svg>

</button>

<div class="brand">

<span class="dot"></span>

<span id="brandName">Algo Templates</span>

<span class="sub" id="brandSub">· interview reference</span>

</div>

<div class="search">

<svg class="icon" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="11" cy="11" r="7"/><line x1="21" y1="21" x2="16.65" y2="16.65"/></svg>

<input id="searchInput" type="search" placeholder="Search templates, tags, languages…" autocomplete="off" spellcheck="false" />

<span class="kbd">⌘ K</span>

</div>

<div class="topbar-actions">

<a class="icon-btn" id="learnLink" href="learn.html" title="Learn to code" aria-label="Learn to code">

<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M22 10L12 5 2 10l10 5 10-5z"/><path d="M6 12v5c0 1 2.5 2.5 6 2.5s6-1.5 6-2.5v-5"/></svg>

</a>

<button class="icon-btn lang-btn" id="langBtn" aria-label="Switch language">

<span id="langLabel">中</span>

</button>

<button class="icon-btn" id="themeBtn" aria-label="Toggle theme">

<svg id="themeIcon" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="4"/><path d="M12 2v2M12 20v2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M2 12h2M20 12h2M4.93 19.07l1.41-1.41M17.66 6.34l1.41-1.41"/></svg>

</button>

<a class="icon-btn" id="repoLink" href="https://github.com/lytreallynb/code-study" target="_blank" rel="noopener" aria-label="View source on GitHub">

<svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor"><path d="M12 0C5.37 0 0 5.37 0 12c0 5.3 3.44 9.8 8.21 11.39.6.11.82-.26.82-.58v-2.17c-3.34.73-4.04-1.61-4.04-1.61-.55-1.39-1.34-1.76-1.34-1.76-1.09-.74.08-.73.08-.73 1.2.08 1.84 1.24 1.84 1.24 1.07 1.84 2.81 1.31 3.5 1 .11-.78.42-1.31.76-1.61-2.66-.3-5.47-1.33-5.47-5.93 0-1.31.47-2.38 1.24-3.22-.13-.31-.54-1.53.12-3.18 0 0 1.01-.32 3.3 1.23a11.5 11.5 0 0 1 6 0c2.29-1.55 3.3-1.23 3.3-1.23.66 1.65.25 2.87.12 3.18.77.84 1.24 1.91 1.24 3.22 0 4.61-2.81 5.62-5.49 5.92.43.37.82 1.1.82 2.22v3.29c0 .32.22.7.83.58A12 12 0 0 0 24 12c0-6.63-5.37-12-12-12z"/></svg>

</a>

</div>

</header>

<div class="layout">

<aside class="sidebar" id="sidebar">

<nav>

<ul class="tree" id="tree"></ul>

</nav>

</aside>

<main class="main">

<section class="intro">

<h1 id="introTitle">Algorithm Templates</h1>

<p id="introBody">Reusable skeletons for the most common interview patterns.</p>

<div class="meta">

<span><strong id="countTemplates">0</strong> <span id="introUnit1">templates</span> · <strong id="countCategories">0</strong> <span id="introUnit2">categories</span></span>

<span>·</span>

<a id="introLink" href="https://gist.github.com/nazariyv/f54fbacebeb11903cfa0743031d9edee" target="_blank" rel="noopener">Based on this gist</a>

</div>

</section>

<div id="emptyState" class="empty-state" hidden>

<div class="emoji">∅</div>

<div id="emptyText">No templates match your search.</div>

</div>

<div id="templateList"></div>

<footer class="footer">

<span id="footerLeft">Code samples adapted from the LeetCode interview crash course.</span>

<span id="footerRight">Built with plain HTML, CSS, and a sprinkle of Prism.</span>

</footer>

</main>

</div>

<script src="i18n.js?v=3"></script>

<script src="data.js?v=3"></script>

<script src="app.js?v=3"></script>