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

   1 <!dOcTyPe html>
   2 <HTML Lang=en>
   3 <TITLE>About</TITLE>
   4 <STYLE>
   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 }
   8 footer{ Border-Block-Start: Thin Solid; Padding-Block: 1REM; Font-Size: Smaller; Text-Align: End }
   9 </STYLE>
  10 <H1>About</H1>
  11 <NAV><UL></UL></NAV>
  12 <FOOTER>
  13   <A HRef=https://www.ladys.computer/><IMG Width=88 Height=31 Style="Display: Block; Margin: Auto; Image-Rendering: Pixelated" Src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFgAAAAfCAMAAABUFvrSAAAAAXNSR0IArs4c6QAAADBQTFRF////AAAAGhoaPj4+aGhok5OTvr6+cAAgmSJEs4qW897jH31jLLONOua1UwB0j2YApwkwfQAAAalJREFUSIm1lgGzgiAQhHM1o3sx/f9/++SOg+OAbJpxx0gxP9blxG7LRbot+xW6JzBmCvtjf/yiZwbPzidweE6Vxh6foVPwXsAVUvZAVME8ig51Di6OAao8KCXv8fkQII0D31ttHkyFwrzDK3cQkfSFZQnSwIHbWd1cFA2lgrk3dYVUYdJ04M1od471rvMXWTAKeJmAa3GvHZgJxHlwS1C7EvFHMPB6yWf1USikoFMshEI+cfyX1TmGcUgmEOSIZfIyd+D4lYUOnBlE1HpXMJdbwg7KLWWcDS8+Cp06WN8aO/QBCclu94BwxuwZGDjWSLXojOqzF/RgUBXJb18V02WqYddBesdZLgogRoeKpieiGboDr0aN43Qpb1EaOTo+0iawjsTtN4+0gGM2JrBYkAXcjvT1WnEC5nuI0g7A29rq1HG1qo71wK/H9/f7WC5X3pr1eASO9f5tFIOMD3BdlAvYRpEnr0TxtDMJM6cevLkgvOOm2mDKW9mQ0Trw9NWkNdW8Ru2B3P8PL9PBpVaAP/n1y7S/9LMy+DH9QQLTLxLwVX+xtkt0gC/SP0CwO6Ncy8sUAAAAAElFTkSuQmCC" Alt="Lady’s Computer"></A>
  14 </FOOTER>
  15 <SCRIPT Type=module>
  16 document.title = location.hostname
  17 document.body.querySelector("h1").textContent = location.hostname
  18 const ul = document.body.querySelector("nav>ul")
  19 fetch(`${location}.jsonld`)
  20 .then($ => $.json())
  21 .then(meta => {
  22   { const a = ul
  23     .appendChild(document.createElement("li"))
  24     .appendChild(document.createElement("a"))
  25     a.href = meta.streams.find($ => $["@type"] == "Thread")["@id"]
  26     a.textContent = "Updates" }
  27   { const a = ul
  28     .appendChild(document.createElement("li"))
  29     .appendChild(document.createElement("a"))
  30     a.href = meta.streams.find($ => $["@type"] == "Forum")["@id"]
  31     a.textContent = "Topics" } })
  32 </SCRIPT>