Lady’s Gitweb - Status/blob - statuses.html

   1 <!dOcTyPe html>
   2 <HTML Lang=en>
   3 <TITLE>Statuses</TITLE>
   4 <STYLE>
   5 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 }
   6 </STYLE>
   7 <H1>Statuses</H1>
   8 <NAV><P><A HRef=/>Home</A></P><UL></UL></NAV>
   9 <SCRIPT Type=module>
  10 const ul = document.body.querySelector("nav>ul")
  11 fetch(`${location}.jsonld`)
  12 .then($ => $.json())
  13 .then(meta => {
  14   { const a = ul
  15     .appendChild(document.createElement("li"))
  16     .appendChild(document.createElement("a"))
  17     a.href = meta.first
  18     a.textContent = "First Page" }
  19   { const a = ul
  20     .appendChild(document.createElement("li"))
  21     .appendChild(document.createElement("a"))
  22     a.href = meta.current
  23     a.textContent = "Latest Page" } })
  24 </SCRIPT>