5 html{ Color: #E3E3E3; Background: #
700020; Font-Family: UI-Rounded, 'Hiragino Maru Gothic ProN', Quicksand, Comfortaa, Manjari, 'Arial Rounded MT', 'Arial Rounded MT Bold', Calibri, Sans-Serif; Line-Height:
1.5; Text-Shadow: Calc(
1EM /
12) Calc(
1EM /
12) #
000000 }
6 body{ Display: Grid; Box-Sizing: Border-Box; Margin: Auto; Padding-Inline:
1CH; Min-Block-Size:
100VH; Inline-Size:
100%; Max-Inline-Size:
48REM; Align-Content: Center; Justify-Content: Stretch }
7 :Any-Link{ Color: #
87E6DD }
10 <NAV><P><A HRef=
/>Home
</A></P><UL></UL></NAV>
12 const ul = document.body.querySelector(
"nav>ul")
13 fetch(`${location}.jsonld`)
16 for (const topic of meta.items) {
18 .appendChild(document.createElement(
"li"))
19 .appendChild(document.createElement(
"a"))
20 a.href = typeof topic ==
"string" ? topic : topic[
"@id"]
21 a.textContent = topic.subject || topic[
"@id"].split(
"/").pop() } })