Add Lost HyperFollow pre-save link on homepage and Reflections

Author: awsimkins

DEFERRED.md

@@ -12,7 +12,7 @@ Uploaded to DistroKid for **July 3, 2026** release. Pre-save: [distrokid.com/hyp
 Contact form uses Formspark + Cloudflare Turnstile. Form ID and Turnstile site key are in `partials/contact-config.js`. Turnstile **secret key** lives only in the Formspark dashboard. Notification email: `contact@spokendevotion.com`.
 
 ## Reflections Section
-`/reflections/` lists **Alone in an Empty Grave** (pre-save live; streaming player after July 3, 2026) and **Lost** (debuting soon). Both written by Anthony and sang by Suno. Lyrics for *Alone in an Empty Grave* in `reflections/reflections.json`. Add *Lost* lyrics and presave/streaming links when ready.
+`/reflections/` lists **Alone in an Empty Grave** and **Lost** (both pre-save live; streaming players after July 3, 2026). Pre-save: [alone-in-an-empty-grave](https://distrokid.com/hyperfollow/spokendevotion/alone-in-an-empty-grave), [lost](https://distrokid.com/hyperfollow/spokendevotion/lost). Lyrics in `reflections/reflections.json`.
 
 ## Instrumental Tracks
 Instrumental page is live in navigation (Soon badge) with a coming-soon message. Add real tracks when audio files are ready.

README.md

@@ -82,7 +82,7 @@ Use the [Contact](https://spokendevotion.com/contact/) page. Form submissions go
 See also [`DEFERRED.md`](DEFERRED.md) for the full backlog. Priority items:
 
 - [x] **X link** — live at [x.com/Spoken_Devotion](https://x.com/Spoken_Devotion)
-- [x] **Reflections tracks** — *Alone in an Empty Grave* (pre-save) and *Lost* (debuting soon) on `/reflections/`
+- [x] **Reflections tracks** — *Alone in an Empty Grave* and *Lost* (both pre-save) on `/reflections/`
 - [ ] **Instrumental tracks** — add audio cards on `/instrumental/` when ready
 - [x] **Reflections banner** — `reflections.png` added
 - [x] **Prayers to the Father** — album uploaded to DistroKid; pre-sales open; releases July 3, 2026

index.html

@@ -86,8 +86,7 @@ <h2 id="single-heading" class="text-3xl md:text-4xl font-semibold tracking-tight
             <p class="text-white/60 text-sm md:text-base mb-6">
                 Pre-sales are open now.
                 <span class="text-amber-400/90">Full release: July 3, 2026.</span>
-                Both this song and our new single <span class="text-amber-400/90">Lost</span> live on
-                <a href="/reflections/" class="text-amber-400/90 underline hover:text-amber-300">Reflections</a> when streaming goes live.
+                On our <a href="/reflections/" class="text-amber-400/90 underline hover:text-amber-300">Reflections</a> page when streaming goes live.
             </p>
             <div class="flex flex-col sm:flex-row items-center justify-center gap-3">
                 <a id="presave-cta-single-home"
@@ -105,6 +104,36 @@ <h2 id="single-heading" class="text-3xl md:text-4xl font-semibold tracking-tight
                 </a>
             </div>
         </section>
+
+        <section class="album-announce p-6 md:p-10 text-center" aria-labelledby="lost-heading">
+            <p class="album-announce__badge mb-4">
+                <i class="fa-solid fa-music" aria-hidden="true"></i>
+                New Single — Pre-save Now
+            </p>
+            <h2 id="lost-heading" class="text-3xl md:text-4xl font-semibold tracking-tight heading-font text-amber-300 mb-2">
+                Lost
+            </h2>
+            <p class="text-white/75 text-base md:text-lg mb-1">Written by Anthony and sang by Suno</p>
+            <p class="text-white/60 text-sm md:text-base mb-6">
+                A Reflections song — pre-sales open now.
+                <span class="text-amber-400/90">Full release: July 3, 2026.</span>
+            </p>
+            <div class="flex flex-col sm:flex-row items-center justify-center gap-3">
+                <a id="presave-cta-lost-home"
+                   href="https://distrokid.com/hyperfollow/spokendevotion/lost"
+                   target="_blank"
+                   rel="noopener noreferrer"
+                   class="inline-flex items-center gap-x-2 px-6 py-3 bg-amber-400 hover:bg-amber-300 text-zinc-950 font-semibold rounded-full transition-all text-sm md:text-base">
+                    <i class="fa-solid fa-heart" aria-hidden="true"></i>
+                    Pre-save / Pre-add Single
+                </a>
+                <a href="/reflections/"
+                   class="inline-flex items-center gap-x-2 px-6 py-3 text-amber-400 hover:text-amber-300 border border-amber-400/40 hover:bg-amber-400/10 rounded-full transition-all text-sm md:text-base">
+                    <i class="fa-solid fa-compact-disc" aria-hidden="true"></i>
+                    Reflections
+                </a>
+            </div>
+        </section>
     </div>
 
     <!-- Social -->
@@ -163,10 +192,10 @@ <h2 class="text-3xl md:text-4xl font-semibold tracking-tight text-center mb-3 he
             </div>
         </div>
         <p class="text-center text-sm text-white/60 mt-6 max-w-2xl mx-auto">
-            <span class="text-amber-400/90 font-medium">Prayers to the Father</span> and
-            <span class="text-amber-400/90 font-medium">Alone in an Empty Grave</span> releases July 3, 2026;
-            <span class="text-amber-400/90 font-medium">Lost</span> debuts on Reflections soon.
-            Spotify, Apple Music, and YouTube Music profiles go live with the release — pre-save both releases above.
+            <span class="text-amber-400/90 font-medium">Prayers to the Father</span>,
+            <span class="text-amber-400/90 font-medium">Alone in an Empty Grave</span>, and
+            <span class="text-amber-400/90 font-medium">Lost</span> release July 3, 2026.
+            Spotify, Apple Music, and YouTube Music profiles go live with the release — pre-save all three above.
         </p>
 
         <blockquote class="home-verse text-lg md:text-xl font-light text-white/70 leading-relaxed text-center mt-12 max-w-2xl mx-auto">
@@ -201,7 +230,7 @@ <h2 class="text-2xl md:text-3xl font-semibold tracking-tight heading-font text-w
 
     <div id="footer-root"></div>
 
-    <script src="/partials/streaming-config.js?v=5"></script>
+    <script src="/partials/streaming-config.js?v=6"></script>
     <script src="/partials/site.js?v=22"></script>
     <script>
         (function () {
@@ -215,6 +244,10 @@ <h2 class="text-2xl md:text-3xl font-semibold tracking-tight heading-font text-w
                 var single = document.getElementById('presave-cta-single-home');
                 if (single) single.href = cfg.singlePresaveUrl;
             }
+            if (cfg.lostPresaveUrl) {
+                var lost = document.getElementById('presave-cta-lost-home');
+                if (lost) lost.href = cfg.lostPresaveUrl;
+            }
         })();
     </script>
 </body>

partials/streaming-config.js

@@ -9,6 +9,7 @@ window.SD_STREAMING = {
     featuredArtist: 'Ruby Rose',
     presaveUrl: 'https://distrokid.com/hyperfollow/spokendevotion/prayers-to-the-father',
     singlePresaveUrl: 'https://distrokid.com/hyperfollow/spokendevotion/alone-in-an-empty-grave',
+    lostPresaveUrl: 'https://distrokid.com/hyperfollow/spokendevotion/lost',
     releaseDate: '2026-07-03',
     releaseDateLabel: 'July 3, 2026'
 };

reflections/index.html

@@ -75,7 +75,7 @@ <h3 class="text-xl font-semibold mb-0.5">Alone in an Empty Grave</h3>
                     <p class="text-white/50 text-sm">Streaming player here after release</p>
                 </div>
                 <div class="flex flex-wrap gap-2">
-                    <a id="presave-cta-reflections"
+                    <a id="presave-cta-alone-reflections"
                        href="https://distrokid.com/hyperfollow/spokendevotion/alone-in-an-empty-grave"
                        target="_blank"
                        rel="noopener noreferrer"
@@ -95,15 +95,19 @@ <h3 class="text-xl font-semibold mb-0.5">Lost</h3>
                     <p class="text-amber-400 text-sm">Written by Anthony and sang by Suno</p>
                 </div>
                 <p class="text-white/65 text-sm mb-4 leading-relaxed">
-                    A new Reflections song debuting here soon, God willing.
+                    Pre-save open now. Full release <span class="text-amber-400/90">July 3, 2026</span> on all major platforms.
                 </p>
                 <div class="aspect-video rounded-xl overflow-hidden mb-4 bg-zinc-900/80 border border-amber-400/20 flex items-center justify-center px-6 text-center">
-                    <p class="text-white/50 text-sm">Coming soon</p>
+                    <p class="text-white/50 text-sm">Streaming player here after release</p>
                 </div>
                 <div class="flex flex-wrap gap-2">
-                    <span class="inline-flex items-center gap-x-2 px-4 py-2 text-sm text-white/45 border border-amber-400/20 rounded-xl">
-                        <i class="fa-solid fa-clock"></i> Debuting soon
-                    </span>
+                    <a id="presave-cta-lost-reflections"
+                       href="https://distrokid.com/hyperfollow/spokendevotion/lost"
+                       target="_blank"
+                       rel="noopener noreferrer"
+                       class="inline-flex items-center gap-x-2 px-4 py-2 bg-amber-400 hover:bg-amber-300 text-zinc-950 font-medium rounded-xl text-sm transition-all">
+                        <i class="fa-solid fa-heart"></i> Pre-save Single
+                    </a>
                     <button type="button" onclick="showReflection('lost')"
                             class="inline-flex items-center gap-x-2 px-4 py-2 text-sm text-amber-400 hover:text-amber-300 border border-amber-400/40 hover:bg-amber-400/10 rounded-xl transition-all">
                         <i class="fa-solid fa-scroll"></i> Show Lyrics
@@ -128,16 +132,22 @@ <h3 id="modal-title" class="text-2xl font-semibold"></h3>
 
     <div id="footer-root"></div>
 
-    <script src="/partials/streaming-config.js?v=5"></script>
+    <script src="/partials/streaming-config.js?v=6"></script>
     <script src="/partials/site.js?v=22"></script>
     <script>
         let reflectionsCache = {};
 
         (function () {
             var cfg = window.SD_STREAMING;
-            if (!cfg || !cfg.singlePresaveUrl) return;
-            var el = document.getElementById('presave-cta-reflections');
-            if (el) el.href = cfg.singlePresaveUrl;
+            if (!cfg) return;
+            if (cfg.singlePresaveUrl) {
+                var alone = document.getElementById('presave-cta-alone-reflections');
+                if (alone) alone.href = cfg.singlePresaveUrl;
+            }
+            if (cfg.lostPresaveUrl) {
+                var lost = document.getElementById('presave-cta-lost-reflections');
+                if (lost) lost.href = cfg.lostPresaveUrl;
+            }
         })();
 
         async function showReflection(id) {

reflections/reflections.json

@@ -10,7 +10,9 @@
   "lost": {
     "title": "Lost",
     "credit": "Written by Anthony and sang by Suno",
-    "status": "coming-soon",
+    "presaveUrl": "https://distrokid.com/hyperfollow/spokendevotion/lost",
+    "status": "presave",
+    "releaseLabel": "July 3, 2026",
     "lyrics": "I came up on a crowd that morning in the square\nJesus already bound, soldiers everywhere\nI didn't know the whole story, only the rumors in the air\nTheir accusations sounded righteous and fair\nI told myself, \"He's dangerous, leading hearts astray\nMaybe He's earned whatever judgment comes today\"\n\nPilate brought Barabbas out, for everyone to see\n\"Crucify Jesus!\" they shouted till he set the killer free\nI lifted up my voice and joined with the rest\nBut something inside me started to twist in my chest\n'Cause in the hidden places no one else could see\nI knew if they knew my sins, they'd be stoning me\n\nThe soldiers flogged Him while the people mocked and jeered\nAnd they pressed a thorny crown down on His head\nThey hurled their curses and they spit in His face\nWhile laughter and their hatred filled the place\nI stood there frozen, my stomach in knots\nThinking, \"This should be me\nI'm the one who is lost\"\n\nEvery lash felt like judgment for the lust in my veins\nFor the lies I told and the people I stained\nFor the selfish desires I hid in the night\nFor the ones I hurt just to prove I was right\nI wanted to scream \"Stop this, please make it end!\"\nBut my cowardice held me, I stayed silent again\n\nThey nailed Him up high on a blood-soaked hill\nThe sound of the hammer is haunting me still\nHe lifted His head through the pain and the grief\nLooked straight through the mob and His eyes found me\nIn that moment I felt stripped, like He saw every stain\nBut I still couldn't see who He was through my shame\n\nHis head dropped low as the final breath was drawn\n\"It is finished,\" He said - and then He was gone\n\nMinutes ticked by as I knelt in the dirt\nHis words still echoing - as I drowned in guilt\nTrembling and weak I began to see\nHe was the Messiah\nAnd He suffered for me\n\nIt's been a long time since that day\nBut the guilt hasn't faded, it won't go away\nI wish I could change what I can't undo\nBut forgiving myself is something I can't do\n\nJesus\nForgive me\nForgive me"
   }
 }