rhi/yummy.cricket
1
0
Fork 0
Code Issues Releases Activity

simplify markup on id face

Browse source
This commit is contained in:
Rhiannon Morris 2025-02-16 00:25:15 +01:00
parent 65db9cdd5a
commit 2514562a86
2 changed files with 20 additions and 26 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

31
index.html
View file

@ -62,31 +62,22 @@
<h2> so what’s your deal </h2> <h2> so what’s your deal </h2>
<dl> <dl>
<dt>name <dt> name
<dd> <dd> <b>niss</b> or <b>q.t.</b>
<ul> <dd> always lowercase
<li> <b>niss</b> or <b>q.t.</b>
<li> always lowercase
</ul>
<dt>pronouns <dt> pronouns
<dd> <dd> <b>she</b>, <b>they</b>, or <b>it</b> in english. pick whichever
<ul> <dd> <b>sie</b> auf deutsch
<li> <b>she</b>, <b>they</b>, or <b>it</b> in english. pick whichever
<li> <b>sie</b> auf deutsch
</ul>
<dt>shapes <dt> shapes
<dd> <dd> <a href=https://gallery.niss.website/by-any/#gecs>gold dust day gecko</a>
<ul>
<li><a href=https://gallery.niss.website/by-any/#gecs>gold dust day gecko</a>
×2, from “real life” ×2, from “real life”
<li><a href=https://gallery.niss.website/by-any/#qt>quox</a>, <dd> <a href=https://gallery.niss.website/by-any/#qt>quox</a>,
from the tower of druaga from the tower of druaga
<li><a href=https://gallery.niss.website/by-any/#kesi>bubble dragon</a>, <dd> <a href=https://gallery.niss.website/by-any/#kesi>bubble dragon</a>,
from bubble bobble from bubble bobble
<li>some others that come and go <dd> some others that come and go
</ul>
</dl> </dl>
<div id=flags> <div id=flags>

15
style/base.css
View file

@ -230,15 +230,18 @@ strong { font-weight: 700; }
#id dl { #id dl {
display: grid; display: grid;
grid-template-columns: min-content auto; grid-template-columns: min-content auto;
gap: 1em 2em; gap: 0 2em;
} }
#id dt { font-weight: 600; } #id dt { font-weight: 600; }
#id dd { margin: 0; } #id dd {
#id dd a { font-weight: 700; } margin: 0 0 0 1em;
display: list-item;
#id dl ul {
padding-left: 1em;
list-style: '❧ '; list-style: '❧ ';
grid-column: 2 / 3;
}
#id dd a { font-weight: 700; }
#id dt, #id dt + dd {
margin-top: 1em;
} }
#flags { #flags {