Add full set of buttons, banners, ⁊·c

[WWW] / index.html
diff --git a/index.html b/index.html

index 2634a6f8b1a2e18d4896226c9808a85f911e6177..75dca9c53cf3baf9e3fbe2f6c150ec65fc841281 100644 (file)
--- a/index.html
+++ b/index.html
@@ -1,16 +1,23 @@
  <!dOcTyPe hTmL>
  <TITLE>Lady’s Computer</TITLE>
  <!dOcTyPe hTmL>
  <TITLE>Lady’s Computer</TITLE>
+<META Name=viewport Content="width=480">
  <STYLE>
  <STYLE>
-html{ Color: #F3DEE3; Background: #1A1A1A }
-body{ Display: Grid; Grid-Template: Auto / Auto-Flow; Align-Content: Center; Justify-Content: Center; Box-Sizing: Border-Box; Margin: 0; Padding-Block: 1EM; Padding-Inline: 1CH; Min-Block-Size: 100SVB; Gap: 2REM; Font-Family: Serif; Font-Size: 1.5REM; Text-Align: Center }
-h1{ Margin: 0; Color: #D6B7BF; Font-Size: 3REM; Font-Style: Italic; Font-Weight: Inherit; Text-Decoration: Underline }
-nav{ Word-Spacing: 1CH }
-nav strong{ Word-Spacing: Normal }
-nav ul,nav li{ All: Unset }
-:Any-Link{ Color: #B38A96 }
+html{ Color: #F3DEE3; Background: #1A1A1A; Font-Family: Serif; Line-Height: 1.5; Text-Align: Center }
+body{ Display: Grid; Grid-Template: Auto / Auto-Flow; Align-Content: Center; Justify-Content: Center; Box-Sizing: Border-Box; Margin: Auto; Padding-Block: 1REM; Padding-Inline: 1CH; Min-Block-Size: 100SVB; Max-Inline-Size: 48REM; Gap: 2REM }
+h1,h1 img{ Display: Block; Margin: 0; Color: #D6B7BF; Font-Size: 3REM; Font-Style: Italic; Font-Weight: Inherit; Text-Decoration: Underline }
+nav{ Display: Flex; Flex-Wrap: Wrap; Justify-Content: Center; Gap: 1CH }
+body>nav{ Border: None; Font-Size: 1.5REM }
+body>nav+nav{ Border: Thin Dashed; Font-Size: 1.25REM }
+footer>nav{ Border: None; Font-Size: Inherit }
+nav ul,nav li{ Display: Contents }
+:Any-Link{ Color: #D6B7BF }
+img{ Display: Block; Image-Rendering: Pixelated }
+#buttons{ Font-Size: 16PX; Line-Height: 31PX }
+#buttons strong{ Width: 100%; Border-Bottom: 1PX Solid }
+#badges img{ Margin-Block-Start: 1PX }
  </STYLE>
  
  </STYLE>
  
-<H1>Lady’s Computer</H1>
+<H1><IMG Alt="Lady’s Computer" Aria-Label="Lady’s Computer: MY computer over YOUR internets" Width=468 Height=60 Src=./media/banner.png></H1>
  <NAV>
         <STRONG>Available subdomains:</STRONG>
         <UL>
  <NAV>
         <STRONG>Available subdomains:</STRONG>
         <UL>
@@ -19,3 +26,19 @@ nav ul,nav li{ All: Unset }
                 <LI><STRONG><CODE>www</CODE></STRONG>
         </UL>
  </NAV>
                 <LI><STRONG><CODE>www</CODE></STRONG>
         </UL>
  </NAV>
+<NAV>
+       <STRONG>Pages:</STRONG>
+       <UL>
+               <LI><A HRef=/media><CODE>/media</CODE></A>
+       </UL>
+</NAV>
+<FOOTER>
+       <NAV id="buttons">
+               <STRONG>Also check out these sites:</STRONG>
+               <UL>
+                       <LI><A HRef=https://www.fancoders.com/><IMG Alt="Fandom Coders" Aria-Label="{fc}: fandom coders" Title="Fandom Coders" Width=88 Height=31 Src=data:image/gif;base64,R0lGODdhWAAfAKIAACAiJZDbZWXS29zd3qOmqjY5PwAAAAAAACH5BAQKAAAALAAAAABYAB8AAAP/CLrc/qvISau9OGsJu2dbKI6XE5yfcgYONQxkBscZs67fjUbSTF++X2WBS5l2gElQqGRaiCzjA9l0uqwUqEPAFeSiycLrpSQ3xxV0EH02syc2cLfrQYbF1165iu/5/nt+fAVxC1xSdoNpelVLM46MkX0cWgCHiGB3S2Jsa5J9kJOiQYWWXpggkmageaGueZKVphBzpwBUka+Ni6Ksg6QqcrYMtZe4k2uPrS6AubCispfE0nTHyWTKfGMw18+ecDjFdHTTwSxY6BpF4ofSECvp8U9FCu6zHTjpm+nRw/dTYPTJyxLMkD97pe5Y2YeuXwOEsgQOpFTwXz2Iico4WqVxexRHbo/elKiEkFxCTdp+BUK28tvIihDF3cr06VO2XcsU1SDpz+Ccman26Wq0zU0ahgSBSjnCQyivobyOapC1NGIvm1iv1tQJx1xVKAGdifWYUtWzIWDpvdORys/Gt9yYuXSLlFADtfjsKJjIhIDfvxS/fuArT7ARwvESAAA7></A>
+                       <LI><A HRef=https://www.u2764.com/><IMG Alt=U2764 Aria-Label="&#x2764; U2764" Title=www.u2764.com Width=88 Height=31 Src=data:image/gif;base64,R0lGODdhWAAfAJEAAB8aFPVul97b2fr49yH5BAQKAAAALAAAAABYAB8AAAL/hI+py+0Pn5i02ouz3rxnI0TiSJZNCITByrbu25rynIKAm+CIPgxKj+gBD8KiMHh0DGs1FsO5gC6JPoOxCrgWqdvGEqUKOMSNlRVLPVeTjGGSnWCDb2SZOYs+49Hw+Jqfx3UwVzdDNqWHiNf2BxjYxaRCZKfn5xVYqagpZ3NoWIl0yQiaFvrVOWly+Ii5uLCk+Opz2mSVpUqaW/qDFWvpGnmTWrLKKyua2JeJRRh0O1L8Kz2tlQfL3OnZ+hQdOk39NnU9mD05G3G3aTwquCuO3XR3u72TzvoN7khKGyZ/vh0D2C5dAwUmq2YjHpR5ZQKqK/hNXbUhhHQwzPNC1zslatbuHUvYLyDDejw8GlwH0Rc/OhltYYGxSh/BlO9arYRZ5yXMgeM4fpwJrOJOkjDasfEFcY8aZMFwynNa6AoXLd54QfopFCdLrUhqUk2qhl7QbFDL0jg7Yg7atWwlgPAAN67cuRva2r3LoAAAOw==></A>
+                       <LI><A HRef=https://mincerafter42.github.io/><IMG Alt=Viatrix Aria-Label=Viatrix. Title="Viatrix: Internet Rando Extraordinaire!" Width=88 Height=31 Src=data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFgAAAAfCAMAAABUFvrSAAABblBMVEUAAABqAEfUAI3UAY3UAo7VA47VBI/VBY/VCJHWCpHWDJLWDZPWDpPXD5TXFJbYFZbYFpfYGJjYGZjYGpnZHJrZIJvaIpzaJJ3aJZ7bJ57bKZ/bK6DbLKHdNqXeO6fePajfQ6vfRKvgSK3gSa7gSq7hTK/hT7DhULHiUbHiU7LiVLPiVbPjV7TjWrXkX7fkYbjmbL3nbr7ncsDnc8Dod8LoeMPpesTpe8TpfMTpfsXpf8bqgcfqg8jqhcjrhsnrh8nrisvsjsztk8/tldDumdHumtLum9Lvn9TvoNXvo9bwp9jwqNjxq9nxrNrxrdrxrtvyr9vysNzysdzyst3ys93ytN3ztd7zt9/zuuD0veH0v+L1wuT1w+T1xeX2x+b2yuf2zOj3zun3z+r30er30uv41ez41+352+/63/H64/L65PP75/T76PX76vb87Pf87vf87/j98vn99Pr99fv99vv++Pz++fz//f7//v////9aIiShAAAAAXRSTlMAQObYZgAAAYxJREFUSMft1vk3AlEUB/C6aLUWyZayZMmerCFrKFuyJJFEVKI0+P73ZqYm/OLMHM0PHPeHOfPePfdzZt7cmXkKBRfKsoZCCKWSyhoCXWaWp2VyC7JcsCwuJ//DImFDPKSSlhAJDwAt0hLfwQGE2aP6CW7SLE18zM8l1kvnXxJi4WG81hHZgPav8ysI/myNdXmMEq3ihrYA1FDbQSYX7aUYO4DdCn9fbJBPOPFoaMxiXPwa7yBAFUnM0tQVW69PYf8EjGkjicyZxYrHJwzxicoLHB7hvFI87EBe28E/HQt3xdVdRHcYKSyFFQj2NBQSrQyQN0voCm0O9kXEqAib3ZEUMFmCjUKCZgCXpHbzwXvLl3D1nTkczyXYoQCrSnAA2JUE9+MZMBXrvTgldRoLLHzJw1UCPAyGgYM0eyGjSFiTBYcU6j1gNiNvWKN5IG37BNdn4JrGQ203MCb2zWPbySnAel/2ftnD3nPz9QvXbiXYj2iVKoZtXTje9P/Z/FPw7/v9y7cTkm/vJs9u8x2/+H4jf93M9QAAAABJRU5ErkJggg==></A>
+               </UL>
+       </NAV>
+</FOOTER>