3 <TITLE>Statuses
</TITLE>
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 }
11 <NAV><P><A HRef=
/>Home
</A></P><UL></UL></NAV>
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>
16 const ul = document.body.querySelector(
"nav>ul")
17 fetch(`${location}.jsonld`)
21 .appendChild(document.createElement(
"li"))
22 .appendChild(document.createElement(
"a"))
24 a.textContent =
"First Page" }
26 .appendChild(document.createElement(
"li"))
27 .appendChild(document.createElement(
"a"))
29 a.textContent =
"Latest Page" } })