<!dOcTyPe hTmL>
<TITLE>Lady’s Computer</TITLE>
+<META Name=viewport Content="width=480">
<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: Auto; Padding-Block: 1REM; Padding-Inline: 1CH; Min-Block-Size: 100SVB; Max-Inline-Size: 48REM; Gap: 2REM; Font-Family: Serif; Text-Align: Center }
+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{ Font-Size: 1.5REM }
+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: #B38A96 }
+: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>
-<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>
+<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>
<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" 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="❤: 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>
+ <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="❤ 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>
--- /dev/null
+<!dOcTyPe hTmL>
+<TITLE>Media | Lady’s Computer</TITLE>
+<META Name=viewport Content="width=480">
+<STYLE>
+html{ Color: #F3DEE3; Background: #1A1A1A; Font-Family: Serif; Line-Height: 1.5; Text-Align: Justify; Text-Align-Last: Center }
+body{ Margin: Auto; Padding-Block: 1REM; Padding-Inline: 1CH; Max-Inline-Size: 48REM }
+h1{ Margin-Block: 0 1REM; Color: #D6B7BF; Font-Size: 3REM; Font-Style: Italic; Font-Weight: Inherit; Text-Decoration: Underline }
+h2{ Margin-Block: 2REM; Color: #D6B7BF; Font-Size: 2REM }
+h3{ Margin-Block: 1REM; Margin-Inline: Auto; Border-Block: Thin Solid; Padding-Inline: 2CH; Max-Inline-Size: Max-Content; Color: #D6B7BF; Font-Size: 1.5REM; Font-Weight: Inherit }
+:Any-Link{ Color: #D6B7BF }
+figure{ Margin-Inline: Auto; Max-Width: Max-Content; Text-Align: Center }
+img{ Display: Block; Margin: Auto; Block-Size: Auto; Max-Inline-Size: 100%; Image-Rendering: Pixelated }
+</STYLE>
+
+<HEADER>
+ <P><A HRef=/><IMG Alt="Lady’s Computer" Aria-Label="Lady’s Computer: MY computer over YOUR internets" Width=468 Height=60 Src=/media/banner.png></A></P>
+</HEADER>
+
+<H1>Media</H1>
+<SECTION>
+ <H2><CITE>Lady’s Computer</CITE></H2>
+ <SECTION>
+ <H3>Banners, Buttons & Badges</H3>
+ <FIGURE>
+ <IMG Width=468 Height=60 Src=banner.png>
+ <FIGCAPTION>Banner <SMALL>(468×60)</SMALL></FIGCAPTION>
+ </FIGURE>
+ <FIGURE>
+ <IMG Width=144 Height=72 Src=logo.png>
+ <FIGCAPTION>Logo <SMALL>(144×72)</SMALL></FIGCAPTION>
+ </FIGURE>
+ <FIGURE>
+ <IMG Width=88 Height=31 Src=button.png>
+ <FIGCAPTION>Button <SMALL>(88×31)</SMALL></FIGCAPTION>
+ </FIGURE>
+ <FIGURE>
+ <IMG Width=72 Height=27 Src=button-small.png>
+ <FIGCAPTION>Button <SMALL>(72×27)</SMALL></FIGCAPTION>
+ </FIGURE>
+ <FIGURE>
+ <IMG Width=80 Height=15 Src=badge.png>
+ <FIGCAPTION>Badge <SMALL>(80×15)</SMALL></FIGCAPTION>
+ </FIGURE>
+ <FIGURE>
+ <IMG Width=48 Height=48 Src=icon-large.png>
+ <FIGCAPTION>Icon <SMALL>(48×48)</SMALL></FIGCAPTION>
+ </FIGURE>
+ <FIGURE>
+ <IMG Width=32 Height=32 Src=icon.png>
+ <FIGCAPTION>Icon <SMALL>(32×32)</SMALL></FIGCAPTION>
+ </FIGURE>
+ <FIGURE>
+ <IMG Width=16 Height=16 Src=icon-small.png>
+ <FIGCAPTION>Icon <SMALL>(16×16)</SMALL></FIGCAPTION>
+ </FIGURE>
+ </SECTION>
+</SECTION>
Lady’s Gitweb / WWW / commitdiff
