1<!DOCTYPE html> 2<html lang="en"> 3 <head> 4 <meta charset="UTF-8" /> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" /> 6 <title>NEAR | Scripture-Centered Music for Emotional Support</title> 7 <meta 8 name="description" 9 content="Discover purpose-built musical experiences combining Scripture, intentional composition, and evidence-informed design. Begin with Soft Weight, a companion for grief and mourning." 10 /> 11 <meta name="theme-color" content="#07070d" /> 12 13 <meta property="og:title" content="NEAR | Music for the weight you carry." /> 14 <meta 15 property="og:description" 16 content="Scripture-centered musical experiences created to meet you inside real emotions â not rush you past them." 17 /> 18 <meta property="og:type" content="website" /> 19 20 <link rel="preconnect" href="https://fonts.googleapis.com" /> 21 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> 22 <link 23 href="https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300..600;1,9..144,300..500&family=Space+Grotesk:wght@300;400;500;600&display=swap" 24 rel="stylesheet" 25 /> 26 <link rel="stylesheet" href="/css/styles.css" /> 27 </head> 28 <body> 29 <!-- Living emotional background --> 30 <div class="atmosphere" aria-hidden="true"> 31 <div class="atmosphere__layer atmosphere__layer--a"></div> 32 <div class="atmosphere__layer atmosphere__layer--b"></div> 33 <div class="atmosphere__layer atmosphere__layer--c"></div> 34 <div class="atmosphere__grain"></div> 35 </div> 36 37 <!-- Floating Scripture accents that drift in and out while the track plays --> 38 <div class="scripture-drift" id="scriptureDrift" aria-hidden="true"></div> 39 40 <a class="skip-link" href="#main">Skip to content</a> 41 42 <!-- Announcement bar --> 43 <div class="announce" id="announce"> 44 <div class="announce__inner"> 45 <span class="announce__eyebrow">The first experience has arrived</span> 46 <span class="announce__body"> 47 <strong>Soft Weight</strong> â Music for grief and mourning 48 </span> 49 <a class="announce__cta" href="/soft-weight" data-link>Begin Listening</a> 50 </div> 51 <button class="announce__close" id="announceClose" aria-label="Dismiss announcement">Ã</button> 52 </div> 53 54 <!-- Header / navigation --> 55 <header class="site-header" id="siteHeader"> 56 <div class="site-header__inner"> 57 <a class="brand" href="/" data-link aria-label="NEAR home"> 58 <span class="brand__mark" aria-hidden="true"></span> 59 <span class="brand__word">NEAR</span> 60 </a> 61 62 <nav class="nav" id="primaryNav" aria-label="Primary"> 63 <a href="/find-your-sound" data-link>Find Your Sound</a> 64 <a href="/soft-weight" data-link>Soft Weight</a> 65 <a href="/method" data-link>The Method</a> 66 <a href="/research" data-link>Research</a> 67 <a href="/story" data-link>Our Story</a> 68 </nav> 69 70 <div class="site-header__actions"> 71 <a class="btn btn--soft nav__listen" href="/soft-weight" data-link>Listen Now</a> 72 <button class="nav-toggle" id="navToggle" aria-label="Menu" aria-expanded="false"> 73 <span></span><span></span><span></span> 74 </button> 75 </div> 76 </div> 77 </header> 78 79 <!-- Router mounts pages here --> 80 <main id="main" class="main" tabindex="-1"></main> 81 82 <!-- Footer --> 83 <footer class="site-footer" id="siteFooter"></footer> 84 85 <!-- Persistent player --> 86 <div class="player" id="player" aria-label="Soft Weight player"> 87 <canvas class="player__wave" id="playerWave" aria-hidden="true"></canvas> 88 <div class="player__inner"> 89 <button class="player__play" id="playerPlay" aria-label="Play Soft Weight"> 90 <svg class="icon-play" viewBox="0 0 24 24" aria-hidden="true"><path d="M8 5v14l11-7z" /></svg> 91 <svg class="icon-pause" viewBox="0 0 24 24" aria-hidden="true"><path d="M6 5h4v14H6zM14 5h4v14h-4z" /></svg> 92 </button> 93 94 <div class="player__meta"> 95 <div class="player__titleline">
96 <span class="player__title">Soft Weight</span> 97 <span class="player__stage" id="playerStage">Sorrow</span> 98 </div> 99 <div class="player__journey" id="playerJourney">Grief â Companionship â Comfort</div> 100 </div> 101 102 <div class="player__center"> 103 <div class="player__scrub" id="playerScrub" role="slider" aria-label="Seek" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0" tabindex="0"> 104 <div class="player__scrub-fill" id="playerScrubFill"></div> 105 <div class="player__scrub-knob" id="playerScrubKnob"></div> 106 </div> 107 <div class="player__times"> 108 <span id="playerCurrent">0:00</span> 109 <span class="player__bpm" id="playerBpm">56 BPM</span> 110 <span id="playerDuration">0:00</span> 111 </div> 112 </div> 113 114 <div class="player__controls"> 115 <button class="player__ctrl" id="playerRestart" aria-label="Restart journey" title="Restart journey"> 116 <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 5V1L7 6l5 5V7a5 5 0 1 1-5 5H5a7 7 0 1 0 7-7z"/></svg> 117 </button> 118 <span class="player__hp" title="Headphones recommended"> 119 <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 3a9 9 0 0 0-9 9v5a3 3 0 0 0 3 3h1v-8H5v-0a7 7 0 0 1 14 0v0h-2v8h1a3 3 0 0 0 3-3v-5a9 9 0 0 0-9-9z"/></svg> 120 <span>Headphones recommended</span> 121 </span> 122 </div> 123 </div> 124 </div> 125 126 <!-- Scripture modal --> 127 <div class="modal" id="scriptureModal" aria-hidden="true" role="dialog" aria-modal="true" aria-labelledby="scriptureModalTitle"> 128 <div class="modal__backdrop" data-close-modal></div> 129 <div class="modal__panel"> 130 <button class="modal__close" data-close-modal aria-label="Close">Ã</button> 131 <div class="modal__content" id="scriptureModalContent"></div> 132 </div> 133 </div> 134 135 <audio id="audio" preload="metadata" src="/audio/soft-weight.mp3"></audio> 136 137
137<script type="module" src="/js/app.js"></script>
137 138 </body> 139</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.