X-Git-Url: https://git.ladys.computer/WWW/blobdiff_plain/86cf574f61317617f237eefb8f39c2a2e1216f5c..86942bda88e834ee9fd5129483d38be15fe5950f:/sources/media/index.xhtml?ds=inline

diff --git a/sources/media/index.xhtml b/sources/media/index.xhtml
new file mode 100644
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>