]> Lady’s Gitweb - WWW/commitdiff
Lady’s Gitweb / WWW / commitdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | inline | side by side (parent: f9ac805)
Add full set of buttons, banners, ⁊·c
authorLady <redacted>
Mon, 8 May 2023 01:31:05 +0000 (18:31 -0700)
committerLady <redacted>
Mon, 8 May 2023 01:31:48 +0000 (18:31 -0700)
index.html patch | blob | history
media/badge.png [new file with mode: 0644] patch | blob
media/button-small.png [new file with mode: 0644] patch | blob
media/button.png [new file with mode: 0644] patch | blob
media/icon-large.png [new file with mode: 0644] patch | blob
media/icon-small.png [new file with mode: 0644] patch | blob
media/icon.png [new file with mode: 0644] patch | blob
media/index.html [new file with mode: 0644] patch | blob
media/logo.png [new file with mode: 0644] patch | blob

diff --git a/index.html b/index.html
index ba68a404b7f4c202ff3fe677d8d0b5b3874c7dde..75dca9c53cf3baf9e3fbe2f6c150ec65fc841281 100644 (file)
--- a/index.html
+++ b/index.html
@@ -1,20 +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: 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 }
 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 }
 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>
 
 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>
 <NAV>
        <STRONG>Available subdomains:</STRONG>
        <UL>
@@ -23,13 +26,19 @@ img{ Display: Block; Image-Rendering: Pixelated }
                <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>
 <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>
+                       <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>
                </UL>
        </NAV>
 </FOOTER>
diff --git a/media/badge.png b/media/badge.png
new file mode 100644 (file)
index 0000000..b7cb515
Binary files /dev/null and b/media/badge.png differ
diff --git a/media/button-small.png b/media/button-small.png
new file mode 100644 (file)
index 0000000..dc2a99d
Binary files /dev/null and b/media/button-small.png differ
diff --git a/media/button.png b/media/button.png
new file mode 100644 (file)
index 0000000..b68eedf
Binary files /dev/null and b/media/button.png differ
diff --git a/media/icon-large.png b/media/icon-large.png
new file mode 100644 (file)
index 0000000..8c78af2
Binary files /dev/null and b/media/icon-large.png differ
diff --git a/media/icon-small.png b/media/icon-small.png
new file mode 100644 (file)
index 0000000..919decf
Binary files /dev/null and b/media/icon-small.png differ
diff --git a/media/icon.png b/media/icon.png
new file mode 100644 (file)
index 0000000..d2cfdaf
Binary files /dev/null and b/media/icon.png differ
diff --git a/media/index.html b/media/index.html
new file mode 100644 (file)
index 0000000..b16f8ec
--- /dev/null
+++ b/media/index.html
@@ -0,0 +1,57 @@
+<!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 &amp; 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>
diff --git a/media/logo.png b/media/logo.png
new file mode 100644 (file)
index 0000000..dcc3f53
Binary files /dev/null and b/media/logo.png differ
Source code for https://www.ladys.computer
This page took 0.031101 seconds and 4 git commands to generate.