nnwhen/nnwhen.com
SHA256
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

New Now style for italicised text

Browse source
This commit is contained in:
nnwhen 2025-05-27 01:00:39 +02:00
parent 6e1fc262ac
commit 34ee805005
2 changed files with 45 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

3
now.css
View file

@ -79,6 +79,9 @@ div.now {
width: 80%; width: 80%;
margin: 16px 20px; margin: 16px 20px;
} }
.lyrics em {
color: var(--subtitle);
}
.block-toggle { .block-toggle {
display: none; display: none;
} }

42
now.html
View file

@ -138,6 +138,48 @@
</aside> </aside>
<main id="main"> <main id="main">
<section class="now" id="0010">
<hgroup>
<h1>'Foster'</h1>
<h2>A Preview</h2>
<h3>2025-05-26T22:55Z</h3>
<h4 style="display: none" aria-hidden="true" class="postID"></h4>
</hgroup>
<audio preload="none" controls="">
<source src="res/prvw-mus-2025-05-27-foster.ogg" type="audio/ogg" />
<source src="res/prvw-mus-2025-05-27-foster.mp3" type="audio/mp3" />
</audio>
<button
type="button"
class="block-toggle"
aria-hidden="true"
onclick="blockToggle('foster-20250527T2255Z-000')"
>
Toggle Lyrics
</button>
<p class="lyrics" id="foster-20250527T2255Z-000">
Baby faster <br />
We got a lot in our wake<br />
and in the back view<br />
never look back again<br />
never look back again<br />
<br />
Baby faster<br />
&ensp;<em>(It's dark in the water)</em><br />
We got a lot in our wake<br />
and in the back view<br />
&ensp;<em>(Pull the wound together)</em><br />
never look back again<br />
&ensp;<em>(The lake will)</em><br />
never look back again<br />
&ensp;<em>(take you)</em><br />
<br />
It's dark in the water<br />
Pull the wound together<br />
The lake will take you<br />
</p>
</section>
<section class="now" id="0009"> <section class="now" id="0009">
<hgroup> <hgroup>
<h1>Hello!</h1> <h1>Hello!</h1>