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: 'Charis SIL', Charter, 'Bitstream Charter', 'Palatino Linotype', 'URW Palladio L', P052, Georgia, 'STIX Two Math', 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 }
   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 h1 :Any-Link{ Color: Inherit }
  12 h1 small{ Font-Size: Inherit; Font-Style: Normal }
  13 figure{ Margin-Inline: Auto; Max-Width: Max-Content; Text-Align: Center }
  14 figure>div{ Display: Flex; Flex-Wrap: Wrap; Gap: .5EM 1CH }
  15 img{ Display: Block; Margin: Auto; Block-Size: Auto; Max-Inline-Size: 100%; Image-Rendering: Pixelated }
  16 </STYLE>
  17
  18 <H1><SMALL><A HRef="/">Lady’s Computer</A> ∷ </SMALL>Media</H1>
  19
  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                         <DIV>
  42                                 <IMG Width=80 Height=15 Src=badge.png>
  43                                 <IMG Width=80 Height=15 Src=badge-alt.png>
  44                         </DIV>
  45                         <FIGCAPTION>Badges <SMALL>(80×15)</SMALL></FIGCAPTION>
  46                 </FIGURE>
  47                 <FIGURE>
  48                         <IMG Width=48 Height=48 Src=icon-large.png>
  49                         <FIGCAPTION>Icon <SMALL>(48×48)</SMALL></FIGCAPTION>
  50                 </FIGURE>
  51                 <FIGURE>
  52                         <DIV>
  53                                 <IMG Width=32 Height=32 Src=icon.png>
  54                                 <IMG Width=32 Height=32 Src=icon-heart.png>
  55                                 <IMG Width=32 Height=32 Src=icon-lady.png>
  56                                 <IMG Width=32 Height=32 Src=icon-logotype.png>
  57                         </DIV>
  58                         <FIGCAPTION>Icons <SMALL>(32×32)</SMALL></FIGCAPTION>
  59                 </FIGURE>
  60                 <FIGURE>
  61                         <IMG Width=16 Height=16 Src=icon-small.png>
  62                         <FIGCAPTION>Icon <SMALL>(16×16)</SMALL></FIGCAPTION>
  63                 </FIGURE>
  64         </SECTION>
  65 </SECTION>