shmup/fantasyland
shmup/fantasyland
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Compare commits

base: shmup:3a4d95ea77da0f1a2d2e9f57d0623def96e08fc5
Branches Tags
shmup:main
...
compare: shmup:06eecff9426cff1392ebd51b171f513dee4d3edb
Branches Tags
shmup:main

2 commits
3a4d95ea77 ... 06eecff942

Author SHA1 Message Date
Jared Miller
06eecff942
Remove reference to HTML Tidy 2025-12-26 07:56:56 -05:00
Jared Miller
9b0debd0ba
Scroll TOC list when clicking a letter 2025-12-26 07:56:20 -05:00
3 changed files with 10 additions and 4 deletions
Show stats Expand all files Collapse all files

4
index.html
View file

@ -2,10 +2,6 @@
<html> <html>
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta
name="generator"
content="HTML Tidy for HTML5 for Apple macOS version 5.8.0"
/>
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
<title>The Tough Guide to Fantasyland</title> <title>The Tough Guide to Fantasyland</title>
<link rel="stylesheet" href="style.css" inline /> <link rel="stylesheet" href="style.css" inline />

9
script.js
View file

@ -52,6 +52,15 @@ Array.from(firstByLetter.entries())
tocLetters?.appendChild(link); tocLetters?.appendChild(link);
}); });
// scroll TOC list when clicking a letter
tocLetters?.addEventListener("click", (e) => {
if (e.target.tagName !== "A") return;
const href = e.target.getAttribute("href");
if (!href) return;
const tocLink = tocList?.querySelector(`a[href="${href}"]`);
tocLink?.scrollIntoView({ block: "start" });
});
const searchInput = document.getElementById("toc-search"); const searchInput = document.getElementById("toc-search");
let searchTimeout; let searchTimeout;
searchInput?.addEventListener("input", (event) => { searchInput?.addEventListener("input", (event) => {

1
style.css
View file

@ -140,6 +140,7 @@ body {
padding: 6px 8px; padding: 6px 8px;
border-radius: 10px; border-radius: 10px;
display: block; display: block;
scroll-margin-top: 1rem;
transition: transition:
background 0.2s ease, background 0.2s ease,
color 0.2s ease; color 0.2s ease;