body{ Display: Grid; Box-Sizing: Border-Box; Margin: Auto; Padding-Inline: 1REM; Min-Block-Size: 100VH; Inline-Size: 100%; Max-Inline-Size: 45REM; Align-Content: Center; Justify-Content: Stretch; Font-Family: Sans-Serif }
</STYLE>
<H1>Topic Feed</H1>
-<NAV><DL></DL></NAV>
+<NAV><P><A HRef=/>Home</A></P><DL></DL></NAV>
<SCRIPT Type=module>
const nav = document.body.querySelector("nav")
const dl = nav.querySelector("dl")
const parser = new DOMParser
+if (location.pathname.startsWith("/topics/")) {
+ const a = nav
+ .insertBefore(document.createElement("p"), dl)
+ .appendChild(document.createElement("a"))
+ a.href = "/topics/"
+ a.textContent = "Topics" }
fetch(`${location}.jsonld`)
.then($ => $.json())
.then(meta => {
.appendChild(document.createElement("dd"))
.appendChild(document.createElement("a"))
a.href = status["@id"]
- const summaryText = (() => {
- try {
- const d = parser.parseFromString(status.content, "application/xhtml+xml")
- const div = document.createElement("div")
- div.appendChild(document.importNode(d.documentElement, true))
- Object.assign(div.style,
- { position: "absolute"
- , top: "-2px"
- , height: "1px"
- , width: "1px"
- , overflow: "hidden" })
- document.body.appendChild(div)
- const text = div.innerText
- document.body.removeChild(div)
- return text }
- catch { } })() || "";
- const chars = Array.from(summaryText.trim().replaceAll(/\s+/gu, " "))
- a.textContent = chars.length > 28
- ? "".concat(...chars.slice(0, 27), "…")
- : summaryText || status.identifier }
+ const { title } = status
+ if (title) a.textContent = title.length > 28
+ ? "".concat(...title.slice(0, 27), "…")
+ : title
+ else {
+ const summaryText = (() => {
+ try {
+ const d = parser.parseFromString(status.content, "application/xhtml+xml")
+ const div = document.createElement("div")
+ div.appendChild(document.importNode(d.documentElement, true))
+ Object.assign(div.style,
+ { position: "absolute"
+ , top: "-2px"
+ , height: "1px"
+ , width: "1px"
+ , overflow: "hidden" })
+ document.body.appendChild(div)
+ const text = div.innerText
+ document.body.removeChild(div)
+ return text }
+ catch { } })() || "";
+ const chars = Array.from(summaryText.trim().replaceAll(/\s+/gu, " "))
+ a.textContent = chars.length > 28
+ ? "".concat(...chars.slice(0, 27), "…")
+ : summaryText || status.identifier } }
if (next) {
const a = nav
.appendChild(document.createElement("p"))