1--- 2import Layout from "./Layout.astro"; 3 4interface Props { 5 title: string; 6 has_previous: boolean; 7 has_next: boolean; 8} 9 10const { title, has_previous, has_next } = Astro.props; 11--- 12<Layout title={title}> 13 <a href="#workname-content">to content</a> 14 15 <nav id="work-menu"> 16 {has_previous && ( 17 // chapterid - 1? 18 <a href="">previous chaptertitle</a> 19 )} 20 <!-- if theres more than one chapter, render this box --> 21 <select name="workname-chapters" id="workname-chapters"> 22 <option value="default" selected>Choose chapter...</option> 23 <!-- map each chapter here --> 24 </select> 25 26 {has_next && ( 27 // chapterid + 1 ? 28 <a href="">next chaptertitle</a> 29 )} 30 </nav> 31 32 <main> 33 <header> 34 <h1>{title}</h1> 35 <h2>author name</h2> 36 37 <div id="summary"> 38 summary 39 </div> 40 </header> 41 42 <section id="workname-content"> 43 <!-- if work has its own style, render it here somehow --> 44 <details> 45 <summary>Author's notes</summary> 46 this should include author's notes 47 </details> 48 49 <slot /> 50 </section> 51 52 <aside id="workname-comments"> 53 <!-- use bsky api to render comments here --> 54 <!-- paginate this --> 55 </aside> 56 </main> 57</Layout>