universalise highlighting, new 'now'

This commit is contained in:
nnwhen 2025-03-06 19:18:19 +02:00
parent 342ea10e13
commit a64d809bc2
3 changed files with 42 additions and 6 deletions

View file

@ -152,10 +152,6 @@
margin: 0;
}
.highlight {
background-color: var(--text-highlight);
}
#review-header {
position: relative;
}

View file

@ -137,6 +137,42 @@
</aside>
<main id="main">
<section class="now">
<hgroup>
<h1>Huge Project Progress</h1>
<h2>Music Making Machine!</h2>
<h3>2025-03-06</h3>
</hgroup>
<p>
I made some incredible progress on 3 tracks I've been working on for
<span class="highlight">a new EP</span>. Two of which have been
sitting on the back-burner for <em>A While</em>.
</p>
<p>
I'm considering ways to share snippets and such,
<a target="_blank" href="socials.html"
>if you have any ideas please let me know</a
>. I know that Bandcamp has a preview feature but, as far as I know,
they need to know what other tracks will be on the Album too. Which I
do not know myself.
</p>
<p>
Posting snippets here, like I've already done with 'Chest' is cool,
but it has no visibility nor notification. I think I will make a
blog-post and express that any other updates will be here, in the
'Now' section.
</p>
<p>
If you know how,
<span class="highlight">
you may want to
<a target="_blank" href="feed.xml">watch my RSS feed</a></span
>
- https://nnwhen.com/feed.xml - I may use Substack or similar for
email notifications. We shall see.
</p>
</section>
<section class="now">
<hgroup>
<h1>Consistency is Easy</h1>
@ -152,8 +188,8 @@
excuses.
</q>
<p>
Honestly really good advice that works well for me. (I use it for other habits too). It took a few
years before I heeded it though.
Honestly really good advice that works well for me. (I use it for
other habits too). It took a few years before I heeded it though.
</p>
</section>

View file

@ -280,6 +280,10 @@ header {
filter: brightness(20%) !important;
}
.highlight {
background-color: var(--text-highlight);
}
/* ------------------------------------------------------ */
@media only screen and (max-width: 790px) {