Update homepage with banner & buttons

diff --git a/index.html b/index.html
index 2634a6f8b1a2e18d4896226c9808a85f911e6177..ba68a404b7f4c202ff3fe677d8d0b5b3874c7dde 100644 (file)
--- a/index.html
+++ b/index.html
@@ -2,15 +2,19 @@
 <TITLE>Lady’s Computer</TITLE>
 <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 }
+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; Font-Family: Serif; Text-Align: Center }
+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{ Font-Size: 1.5REM }
+nav ul,nav li{ Display: Contents }
 :Any-Link{ Color: #B38A96 }
+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>
 
-<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>
@@ -19,3 +23,13 @@ nav ul,nav li{ All: Unset }
                <LI><STRONG><CODE>www</CODE></STRONG>
        </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" Title="Fandom Coders" Aria-Label="{fc}: 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.com" Title="u2764.com" Aria-Label="&#x2764;: 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." Title="mincerafter42.github.io" 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>