diff --git a/now.css b/now.css index 3da2fb3..69530a1 100644 --- a/now.css +++ b/now.css @@ -4,38 +4,69 @@ main { font-family: "mono", monospace; } -section.now { +.now { position: relative; background-color: var(--blog-box); padding: 5px; - margin: 15px 0; + margin: 20px 0; +} +div.now { + margin-bottom: 8px; } -section.now h1, -section.now h2 { - width: calc(100% - 200px); - margin: 0 10px; +.now h1, +.thread h1, +.now h2, +.thread h2 { + width: calc(100% - 200px); + margin: 0 10px; } -section.now h1 { - margin-top: 8px; -} - -section.now h3 { - margin: 0; -} -section.now h2 { +.now h2, +.thread h2 { font-size: large; } -section.now h3 { +.now h3 { position: absolute; - color: var(--subtitle); - font-size: medium; + margin: 0; right: 15px; top: 15px; + font-size: medium; + color: var(--subtitle); } -section.now p { +.now hgroup, +.thread hgroup { + margin: 10px 0; +} +.now p { margin: 10px 20px; } -section.now audio { +.now audio, +.thread audio { width: 100%; } + +.thread-update { + position: relative; + background-color: var(--blog-box-alt); + margin: 8px 0; + margin-left: 5%; + padding: 0; + list-style-type: none; +} +.thread-update li { + padding: 10px; +} +.thread-update h3 { + position: absolute; + margin: 0; + right: 15px; + top: 15px; + font-size: small; + color: var(--subtitle); +} + +.lyrics { + display: none; + width: 80%; + margin: 16px auto; +} diff --git a/now.html b/now.html index fd2b40c..a46aa16 100644 --- a/now.html +++ b/now.html @@ -6,6 +6,7 @@ +
-
-
-

'Chest'

-

A Preview

-

2025-02-28T10:30Z

-
-

+

+
+
+

'Chest'

+

A Preview

+

2025-02-28T10:30Z

+
-

+ +

+ Take it you were the one with the weapon,
+ push a hole through my head and send me to heaven +

+ I don't think I recognise the person you think I am +

+ Tell them lies in your head that make me seem like someone else +

+ To be honest I just want to rest my head on your chest +

+
+
    +
  • +
    +

    'Chest' Update

    +

    With new but non-final lyrics

    +

    2025-03-02T11:30Z

    +
    + + +

    + I - take - it - you were the one with the weapon +

    + You pressed a hole through my cortex, couldn't take any more of + this
    + And I swear my ribs were choking my lungs, all pointed inward +
    +  (With the weapon) +

    + Take it you were the one with the weapon, didn't recognise me, who + you thought I was
    And I rest my head on your chest
    +  (Take it you were the one with the weapon) +

    + Girl, why are you so eager to be shooting at people
    + Don't you know I need you
    + Does that not keep you
    + Do we not mean any to you? +

    + You pressed - a hole - through - me +

    + (I feel so lost without you, lost without you)
    + (I feel so lost without you, lost without you) +

    +
  • +
diff --git a/res/asset-js-audio.js b/res/asset-js-audio.js index e7acd59..a60c593 100644 --- a/res/asset-js-audio.js +++ b/res/asset-js-audio.js @@ -17,3 +17,13 @@ function onlyPlayOneIn(container) { document.addEventListener("DOMContentLoaded", function () { onlyPlayOneIn(document.body); }); + +function blockToggle(id) { + var blockID = document.getElementById(id); + + if (blockID.style.display === "block") { + blockID.style.display = "none"; + } else { + blockID.style.display = "block"; + } +} diff --git a/res/prvw-mus-2025-02-28-Chest.mp3 b/res/prvw-mus-2025-02-28-chest.mp3 similarity index 100% rename from res/prvw-mus-2025-02-28-Chest.mp3 rename to res/prvw-mus-2025-02-28-chest.mp3 diff --git a/res/prvw-mus-2025-02-28-Chest.ogg b/res/prvw-mus-2025-02-28-chest.ogg similarity index 100% rename from res/prvw-mus-2025-02-28-Chest.ogg rename to res/prvw-mus-2025-02-28-chest.ogg diff --git a/res/prvw-mus-2025-03-02-chest.mp3 b/res/prvw-mus-2025-03-02-chest.mp3 new file mode 100644 index 0000000..70ac8cd Binary files /dev/null and b/res/prvw-mus-2025-03-02-chest.mp3 differ diff --git a/res/prvw-mus-2025-03-02-chest.ogg b/res/prvw-mus-2025-03-02-chest.ogg new file mode 100644 index 0000000..f24a4ef Binary files /dev/null and b/res/prvw-mus-2025-03-02-chest.ogg differ diff --git a/style.css b/style.css index 10fdc2f..1baa18c 100644 --- a/style.css +++ b/style.css @@ -16,6 +16,7 @@ --text-background: #000000cc; --text-highlight: #3c362e; --blog-box: #2b2f32; + --blog-box-alt: #242627; --load-0: #abb5ba61; --load-1: #4a525761; @@ -81,6 +82,17 @@ a:hover { } } +button { + border: none; + color: var(--accent-1); + background-color: transparent; + text-align: center; +} +button:hover { + cursor: pointer; + color: var(--max-1); +} + #content-warnings { margin: 15px 0; padding: 2px;