Use ⛩️📰 书社 to build the site

[WWW] / sources / media / index.xhtml

diff --git a/sources/media/index.xhtml b/sources/media/index.xhtml
new file mode 100644 (file)
index 0000000..59183bf
--- /dev/null
+++ b/sources/media/index.xhtml
@@ -0,0 +1,56 @@
+<?xml version="1.0"?>
+<article xmlns="http://www.w3.org/1999/xhtml" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:书社="urn:fdc:ladys.computer:20231231:Shu1She4" lang="en" xml:lang="en">
+       <style>
+figure{ Margin-Inline: Auto; Max-Width: Max-Content; Text-Align: Center }
+figure>div{ Display: Flex; Flex-Wrap: Wrap; Gap: .5EM 1CH }
+img{ Display: Block; Margin: Auto; Block-Size: Auto; Max-Inline-Size: 100%; Image-Rendering: Pixelated }
+       </style>
+       <meta itemprop="urn:fdc:ladys.computer:20231231:Shu1She4:title" content="Media | Lady’s Computer"/>
+       <h1><small><a href="/">Lady’s Computer</a> ∷ </small>Media</h1>
+       <section id="ladys">
+               <h2><cite>Lady’s Computer</cite></h2>
+               <section id="ladys.brand">
+                       <h3>Banners, Buttons &amp; Badges</h3>
+                       <figure>
+                               <书社:apply-attributes width="468" height="60"><书社:link xlink:href="about:shushe?include=brand/banner.png" xlink:show="embed"/></书社:apply-attributes>
+                               <figcaption>Banner <small>(468×60)</small></figcaption>
+                       </figure>
+                       <figure>
+                               <书社:apply-attributes width="144" height="72"><书社:link xlink:href="about:shushe?include=brand/logo.png" xlink:show="embed"/></书社:apply-attributes>
+                               <figcaption>Logo <small>(144×72)</small></figcaption>
+                       </figure>
+                       <figure>
+                               <书社:apply-attributes width="88" height="31"><书社:link xlink:href="about:shushe?include=brand/button.png" xlink:show="embed"/></书社:apply-attributes>
+                               <figcaption>Button <small>(88×31)</small></figcaption>
+                       </figure>
+                       <figure>
+                               <书社:apply-attributes width="72" height="27"><书社:link xlink:href="about:shushe?include=brand/button-small.png" xlink:show="embed"/></书社:apply-attributes>
+                               <figcaption>Button <small>(72×27)</small></figcaption>
+                       </figure>
+                       <figure>
+                               <div>
+                                       <书社:apply-attributes width="80" height="15"><书社:link xlink:href="about:shushe?include=brand/badge.png" xlink:show="embed"/></书社:apply-attributes>
+                                       <书社:apply-attributes width="80" height="15"><书社:link xlink:href="about:shushe?include=brand/badge-alt.png" xlink:show="embed"/></书社:apply-attributes>
+                               </div>
+                               <figcaption>Badges <small>(80×15)</small></figcaption>
+                       </figure>
+                       <figure>
+                               <书社:apply-attributes width="48" height="48"><书社:link xlink:href="about:shushe?include=brand/icon-large.png" xlink:show="embed"/></书社:apply-attributes>
+                               <figcaption>Icon <small>(48×48)</small></figcaption>
+                       </figure>
+                       <figure>
+                               <div>
+                                       <书社:apply-attributes width="32" height="32"><书社:link xlink:href="about:shushe?include=brand/icon.png" xlink:show="embed"/></书社:apply-attributes>
+                                       <书社:apply-attributes width="32" height="32"><书社:link xlink:href="about:shushe?include=brand/icon-heart.png" xlink:show="embed"/></书社:apply-attributes>
+                                       <书社:apply-attributes width="32" height="32"><书社:link xlink:href="about:shushe?include=brand/icon-lady.png" xlink:show="embed"/></书社:apply-attributes>
+                                       <书社:apply-attributes width="32" height="32"><书社:link xlink:href="about:shushe?include=brand/icon-logotype.png" xlink:show="embed"/></书社:apply-attributes>
+                               </div>
+                               <figcaption>Icons <small>(32×32)</small></figcaption>
+                       </figure>
+                       <figure>
+                               <书社:apply-attributes width="16" height="16"><书社:link xlink:href="about:shushe?include=brand/icon-small.png" xlink:show="embed"/></书社:apply-attributes>
+                               <figcaption>Icon <small>(16×16)</small></figcaption>
+                       </figure>
+               </section>
+       </section>
+</article>