Lady’s Gitweb - WWW/blob - media/index.html

   1 <!dOcTyPe hTmL>
   2 <TITLE>Media | Lady’s Computer</TITLE>
   3 <META Name=viewport Content="width=480">
   4 <STYLE>
   5 html{ Color: #F3DEE3; Background: #1A1A1A; Font-Family: Serif; Line-Height: 1.5; Text-Align: Justify; Text-Align-Last: Center }
   6 body{ Margin: Auto; Padding-Block: 1REM; Padding-Inline: 1CH; Max-Inline-Size: 48REM }
   7 h1{ Margin-Block: 0 1REM; Color: #D6B7BF; Font-Size: 3REM; Font-Style: Italic; Font-Weight: Inherit; Text-Decoration: Underline }
   8 h2{ Margin-Block: 2REM; Color: #D6B7BF; Font-Size: 2REM }
   9 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 }
  10 :Any-Link{ Color: #D6B7BF }
  11 figure{ Margin-Inline: Auto; Max-Width: Max-Content; Text-Align: Center }
  12 img{ Display: Block; Margin: Auto; Block-Size: Auto; Max-Inline-Size: 100%; Image-Rendering: Pixelated }
  13 </STYLE>
  14
  15 <HEADER>
  16         <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>
  17 </HEADER>
  18
  19 <H1>Media</H1>
  20 <SECTION>
  21         <H2><CITE>Lady’s Computer</CITE></H2>
  22         <SECTION>
  23                 <H3>Banners, Buttons &amp; Badges</H3>
  24                 <FIGURE>
  25                         <IMG Width=468 Height=60 Src=banner.png>
  26                         <FIGCAPTION>Banner <SMALL>(468×60)</SMALL></FIGCAPTION>
  27                 </FIGURE>
  28                 <FIGURE>
  29                         <IMG Width=144 Height=72 Src=logo.png>
  30                         <FIGCAPTION>Logo <SMALL>(144×72)</SMALL></FIGCAPTION>
  31                 </FIGURE>
  32                 <FIGURE>
  33                         <IMG Width=88 Height=31 Src=button.png>
  34                         <FIGCAPTION>Button <SMALL>(88×31)</SMALL></FIGCAPTION>
  35                 </FIGURE>
  36                 <FIGURE>
  37                         <IMG Width=72 Height=27 Src=button-small.png>
  38                         <FIGCAPTION>Button <SMALL>(72×27)</SMALL></FIGCAPTION>
  39                 </FIGURE>
  40                 <FIGURE>
  41                         <IMG Width=80 Height=15 Src=badge.png>
  42                         <FIGCAPTION>Badge <SMALL>(80×15)</SMALL></FIGCAPTION>
  43                 </FIGURE>
  44                 <FIGURE>
  45                         <IMG Width=48 Height=48 Src=icon-large.png>
  46                         <FIGCAPTION>Icon <SMALL>(48×48)</SMALL></FIGCAPTION>
  47                 </FIGURE>
  48                 <FIGURE>
  49                         <IMG Width=32 Height=32 Src=icon.png>
  50                         <FIGCAPTION>Icon <SMALL>(32×32)</SMALL></FIGCAPTION>
  51                 </FIGURE>
  52                 <FIGURE>
  53                         <IMG Width=16 Height=16 Src=icon-small.png>
  54                         <FIGCAPTION>Icon <SMALL>(16×16)</SMALL></FIGCAPTION>
  55                 </FIGURE>
  56         </SECTION>
  57 </SECTION>