Make it more complete

wwwroot/pages/index.sbnhtml

@@ -0,0 +1,37 @@
+<article class="primary-container">
+    <h5>Logged in as {{username}}</h5>
+</article>
+<article class="primary-container">
+    <h3>{{videotitle}}</h3>
+    <h5>{{channeltitle}}</h5>
+</article>
+<article class="primary-container">
+    <h3>Actions</h3>
+<ul class="list border">
+    <li>
+        <a hx-post="/rescan">
+            <i>sync</i>
+            Rescan TYTD for Music
+        </a>
+    </li>
+    <li>
+        <a href="{{tytdurl}}"><i>exit_to_app</i> TYTD2025 Downloader</a>
+    </li>
+</ul>
+</article>
+
+<article class="primary-container" id="songattention">
+    {{if needsattention}}
+    <div class="row">
+        <div class="max">
+            <h6>No YouTube Url found for</h6>
+            <span>{{songtitle}}</span>
+        </div>
+        <div class="min">
+            <button hx-swap="outerHTML" hx-target="#songattention" hx-get="{{fixsong}}" class="border round secondary">Set YouTube Url</button>
+        </div>
+    </div>
+    {{else}}
+    There are no songs that need your attention
+    {{end}}
+</article>

wwwroot/pages/music/mysongs/song-albums.sbnhtml

@@ -0,0 +1,15 @@
+<h1>{{songname }}'s albums</h1>
+
+{{for album in albums}}
+<div class="row">
+<div class="min">
+	<img width="120" height="120"  src="{{album.imgurl}}" alt="album thumbnail">
+</div>
+<div class="max">
+	<a href="{{album.albumurl}}">{{album.albumname}}</a>
+</div>
+<div class="min">
+    <a href="{{album.url}}">View Song</a>
+</div>
+</div>
+{{end}}

wwwroot/pages/music/songs/song-albums.sbnhtml

@@ -0,0 +1,12 @@
+<h1>{{songname }}'s albums</h1>
+
+{{for album in albums}}
+<div class="row">
+<div class="min">
+	<img width="120" height="120"  src="{{album.imgurl}}" alt="album thumbnail">
+</div>
+<div class="max">
+	<a href="{{album.albumurl}}">{{album.albumname}}</a>
+</div>
+</div>
+{{end}}

wwwroot/pages/music/songs/song-list.sbnhtml

@@ -0,0 +1,31 @@
+<form  hx-target="body" hx-push-url="true" hx-get="/music/songs">
+	<div class="row">
+		<div class="max">
+    		<div class="field label border">
+        		<input type="text" name="q" value="{{q}}">
+        		<label>Search for songs</label>
+    		</div>
+		</div>
+		<div class="min">
+			<button>Search</button>
+		</div>
+	</div>
+</form>
+
+<ul class="list border">
+{{for song in songs}}
+<li><a href="{{song.url}}">{{song.name}}</a></li>
+{{end}}
+</ul>
+
+<div class="row">
+	<div class="max">
+	</div>
+	<div class="min">
+<button class="round" hx-target="body" hx-push-url="true" hx-get="{{prev}}"><i>arrow_back</i></button>
+<span>{{current}}</span>
+<button class="round" hx-target="body" hx-push-url="true" hx-get="{{next}}"><i>arrow_forward</i></button>
+	</div>
+	<div class="max">
+	</div>	
+</div>

wwwroot/pages/oobe.html

@@ -16,6 +16,18 @@
   <input type="password" name="pass">
   <label>TYTD Password</label>
 </div>
+<div class="field middle-align">
+  <nav>
+    <div class="max">
+      <h6>Thumbnail Passthrough</h6>
+      <div>Use TYTD For Downloading Thumbnails (Slower, but there if you want)</div>
+    </div>
+    <label class="switch">
+      <input type="checkbox" name="tytdthumbnail">
+      <span></span>
+    </label>
+  </nav>
+</div>
 <br>
 <button>Finish</button>
 

wwwroot/pages/settings.sbnhtml

@@ -0,0 +1,39 @@
+<article class="primary-container">
+    <form method="POST" action="/settings">
+        <div class="field middle-align">
+  <nav>
+    <div class="max">
+      <h6>Thumbnail Passthrough</h6>
+      <div>Use TYTD For Downloading Thumbnails (Slower, but there if you want)</div>
+    </div>
+    <label class="switch">
+        {{if tytdthumbnail}}
+        <input type="checkbox" name="tytdthumbnail" checked>
+        {{else}}
+        <input type="checkbox" name="tytdthumbnail">
+        {{end}}
+      <span></span>
+    </label>
+  </nav>
+</div>
+        <br>
+        <button>Save</button>
+    </form>
+    
+
+</article>
+
+<article class="primary-container" id="return-to-setup">
+    <div class="row">
+        <div class="max">
+    <h4>
+        Return to Initial Setup
+    </h4>
+    <p>
+        <b>WARNING</b>: Please be quick if publicly exposed to the internet as the companion will lose it&apos;s security
+    </p>
+    </div>
+    <div class="min">
+    <button hx-swap="outerHTML" hx-get="/return-to-setup.html" hx-target="#return-to-setup">Return To Setup</button>
+    </div>
+</article>