1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <meta charset="utf-8"/> 5 <title>NPE Stories</title> 6 <meta content="width=device-width, initial-scale=1" name="viewport"/> 7 <link href="./css/npe-stories-06557c.webflow.ef6dde463.css" rel="stylesheet" type="text/css"/> 8 <link href="./css/custom.css" rel="stylesheet" type="text/css"/> 9 <link href="https://fonts.googleapis.com" rel="preconnect"/> 10 <link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous"/> 11
11<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>
11 12
12<script type="text/javascript"> 13 WebFont.load({ 14 google: { 15 families: [ 16 "Open Sans:300,300italic,400,400italic,600,600italic,700,700italic,800,800italic", 17 "Lato:100,100italic,300,300italic,400,400italic,700,700italic,900,900italic" 18 ] 19 } 20 }); 21 </script>
21 22 <link href="./images/favicon.ico" rel="shortcut icon" type="image/x-icon"/> 23 <link href="./images/webclip.png" rel="apple-touch-icon"/> 24</head> 25<body> 26 27 <!-- ââ Top bar ââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ --> 28 <header class="topbar" id="topbar"> 29 <div class="topbar-inner"> 30 <a href="/" class="topbar-logo"> 31 <img src="./images/logo.png" alt="NPE Stories with Lily Wood" class="topbar-logo-img"/> 32 </a> 33 <button class="topbar-hamburger" id="hamburger-btn" aria-label="Open menu"> 34 <span></span><span></span><span></span> 35 </button> 36 <nav class="topbar-nav" id="topbar-nav"> 37 <a href="#about" class="topbar-link">About</a> 38 <a href="#episodes" class="topbar-link">Episodes</a> 39 <a href="#listen" class="topbar-link">Listen</a> 40 <a href="#support" class="topbar-link">Support</a> 41 <a href="#resources" class="topbar-link">Resources</a>
42 <a href="mailto:[email protected]?subject=Website%20contact" class="topbar-link">Contact</a> 43 </nav> 44 </div> 45 </header> 46 47 <!-- ââ About / hero split âââââââââââââââââââââââââââââââââââââââââââââââ --> 48 <section id="about"> 49 <div class="about-split"> 50 <div class="about-image-panel"> 51 <img src="./images/lily.png" alt="Lily Wood â host of NPE Stories"/> 52 </div> 53 <div class="about-text-panel"> 54 <p class="about-eyebrow">The Podcast</p> 55 <p> 56 What if you found out your parent was not in fact your biological parent? 57 </p> 58 <p> 59 NPE Stories is a podcast where NPEs can share their story. NPE stands for 60 Not Parent Expected â or Non Paternity Event. It is used for people who have 61 found out the lifeâchanging news that their parent wasn't their biological 62 parent, most likely through the advent of home DNA kits. 63 </p> 64 <p> 65 Each episode is a chance to hear someone's story of what their original family 66 was like, how they found out they were an NPE, and what their journey has been 67 like since that day. These stories are here for us to listen to and nod along with. 68 Be a part of the story telling. 69 </p> 70 <p> 71 If you are an NPE that would like to share your story, email
72 <a href="mailto:[email protected]?subject=Website%20contact">[email protected]</a>. 73 You do not have to give any identifying information. 74 </p> 75 <a href="#episodes" class="cta-link" style="color:#ffffff;">Listen to episodes ↓</a> 76 </div> 77 </div> 78 </section> 79 80 <!-- ââ Latest Episodes ââââââââââââââââââââââââââââââââââââââââââââââââââ --> 81 <section id="episodes" class="npe-section npe-section-alt"> 82 <div class="npe-container"> 83 <p class="npe-section-title">Latest Episodes</p> 84 <h2 class="npe-section-heading">Listen Now</h2> 85 86 <!-- Episode player slider â 5 most recent, one at a time --> 87 <div class="ep-slider-shell" id="ep-slider-shell"> 88 <div class="ep-loading">Loading episodes…</div> 89 </div> 90 <div class="ep-slider-nav" id="ep-slider-nav" style="display:none;"> 91 <button class="carousel-btn" id="ep-prev" aria-label="Previous episode">‹</button> 92 <span class="ep-counter" id="ep-counter">1 of 5</span> 93 <button class="carousel-btn" id="ep-next" aria-label="Next episode">›</button> 94 <a href="./episodes.html" class="view-all-link" style="margin-left:auto;">All episodes →</a> 95 </div> 96 </div> 97 </section> 98 99 <!-- ââ Listen on ââââââââââââââââââââââââââââââââââââââââââââââââââââââââ --> 100 <section id="listen" class="npe-section"> 101 <div class="npe-container"> 102 <p class="npe-section-title">Listen on</p> 103 <div class="platform-grid"> 104 <a href="https://podcasts.apple.com/us/podcast/npe-stories/id1464478802" class="platform-item"> 105 <img src="./images/apple.png" alt="Apple Podcasts"/> 106 <span class="platform-name">Apple Podcasts</span> 107 </a> 108 <a href="https://open.spotify.com/show/0llQ713NQl025zujkmvD5V" class="platform-item"> 109 <img src="./images/spotify.png" alt="Spotify"/> 110 <span class="platform-name">Spotify</span> 111 </a> 112 <a href="https://overcast.fm/itunes1464478802" class="platform-item"> 113 <img src="./images/overcast.png" alt="Overcast"/> 114 <span class="platform-name">Overcast</span> 115 </a> 116 <a href="https://podcasts.google.com/?feed=aHR0cHM6Ly9mZWVkcy5idXp6c3Byb3V0LmNvbS8zMzQ0MDYucnNz" class="platform-item"> 117 <img src="./images/google.png" alt="Google Podcasts"/> 118 <span class="platform-name">Google Podcasts</span> 119 </a> 120 <a href="https://feeds.buzzsprout.com/334406.rss" class="platform-item"> 121 <img src="./images/rss.png" alt="RSS Feed"/> 122 <span class="platform-name">RSS Feed</span> 123 </a> 124 </div> 125 </div> 126 </section> 127 128 <!-- ââ Support ââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ --> 129 <section id="support" class="npe-section npe-section-alt"> 130 <div class="npe-container"> 131 <p class="npe-section-title">Support the Podcast</p> 132 <div class="support-block"> 133 <a href="https://www.patreon.com/NPEStories"> 134 <img src="./images/patreon.png" alt="Patreon"/> 135 <span class="platform-name">Become a member on Patreon</span> 136 </a> 137 </div> 138 </div> 139 </section> 140<!-- 141 ââ Community (placeholder) ââââââââââââââââââââââââââââââââââââââââââ 142 <section id="community" class="npe-section"> 143 <div class="npe-container"> 144 <p class="npe-section-title">Community</p> 145 <div class="placeholder-inner"> 146 <p>Coming soon â a space to connect with others.</p> 147 </div> 148 </div> 149 </section> 150 151 ââ Guest Stories (placeholder) âââââââââââââââââââââââââââââââââââââ 152 <section id="stories" class="npe-section npe-section-alt"> 153 <div class="npe-container"> 154 <p class="npe-section-title">Guest Stories</p> 155 <div class="placeholder-inner"> 156 <p>Coming soon â written stories from the NPE community.</p> 157 </div> 158 </div> 159 </section> --> 160 161 <!-- ââ Resources ââââââââââââââââââââââââââââââââââââââââââââââââââââââââ --> 162 <section id="resources" class="npe-section"> 163 <div class="npe-container"> 164 <p class="npe-section-title">Resources</p> 165 <ul class="resource-list"> 166 <li><a href="https://www.facebook.com/NPEstories/">NPE Stories on Facebook</a></li> 167 <li><a href="https://severancemag.com/">Severance Magazine</a></li> 168 <li><a href="https://www.npeguide.com/guide">
168NPE Guide</a></li> 169 <li><a href="https://righttoknow.us/">Right To Know</a></li> 170 </ul> 171 <p class="resource-disclaimer"> 172 Disclaimer: resources are provided for educational purposes only and are independently managed. 173 Their inclusion should not be construed as an endorsement. 174 </p> 175 </div> 176 </section> 177 178 <!-- ââ Footer âââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ --> 179 <footer class="npe-footer"> 180 <img src="./images/logo.png" alt="NPE Stories with Lily Wood"/> 181 <p>© NPE Stories with Lily Wood</p> 182 </footer> 183 184
184<script src="./js/episodes.js"></script>
184 185</body> 186</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.