al/pages
1
0
Fork 0
Code Issues 3 Pull requests Projects Releases Packages Wiki Activity Actions

thematic break styling

Browse source
This commit is contained in:
Alexander 2025-06-28 11:38:01 -04:00
parent b17a6254a2
commit bd425894a6
2 changed files with 24 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

1
acl.cool/site/writings/umbral0.5.dj
View file

@ -32,6 +32,7 @@ As the lake comes into view, terrain grows low and a thick miasma fills the part
As the party is thrown into combat, Gottlob takes the first action, guiding his steed sideways as he casts "moonbeam" on the monster's position. In the heat of melee, Warren does substantial damage with "guiding bolt", and the other party members make good use of the advantage it grants them. Karmel wraps the hydra's many teeth in sheathes of water that dull its bite, reducing the danger to his companions. Louisa casts "fireball", a foresighted choice against their many-headed foe, but the hydra attacks Warren viciously in response, nearly downing him. He fights on bravely, and the party manages to avoid most damage, striking reliably at their enemy's vitality, until Clementine is similarly attacked after rushing in close to strike. As the Hydra bites her, Louisa seen an opening. She reaches out to the weave and summons a trio of magic missiles. Sure that they will find their targets, she sends them hurtling upward, piercing through the hydra's multitude of necks in a triple sextuple collateral. The monster jerks wildly, then crumples, half floating on the lake, half lying on the shore.
{.thematic}
***
Our heroic band of adventurers has slain a terror and lived to enjoy the rewards! In the following days, merchants and scavengers cart away the hydra--- a valuable prize--- and skim the lake of its refuse. The giant frog returns to its life as before, guarding its eggs in the lake's sloughs for just a few more days, when they hatch dozens of new, tiny giant frogs into the world. The party members collect their gold in town and go their separate ways, but they worked well together. Perhaps they will meet again, someday.

29
css/looks.css
View file

@ -185,12 +185,6 @@ table tr:last-child td:last-child {
border-bottom-right-radius: 3px;
}
hr {
height: 2px;
border: none;
background-color: var(--narrow-gray);
}
math[display="block"] {
position: relative;
left: 0;
@ -201,3 +195,26 @@ math[display="block"] {
footer {
margin-top: 2rem;
}
/* This is the style for the traditional horizontal rule. */
hr:not(.thematic) {
height: 2px;
border: none;
background-color: var(--narrow-gray);
}
hr.thematic {
border: none; /* remove default line */
text-align: center;
margin-top: -0.5em;
margin-bottom: -0.5em;
}
hr.thematic::before {
text-align: center;
content: '⬦⯁⬦';
letter-spacing: 0.4em;
color: var(--darker-color);
display: block;
transform: translateX(0.2em);
}