tweak

icon.svg

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
+  <rect x="40" y="4" width="6" height="26" rx="2" fill="#8b5a2b"/>
+  <rect x="36" y="0" width="14" height="8" rx="2" fill="#5c3a1a"/>
+  <ellipse cx="24" cy="44" rx="20" ry="18" fill="#c98a4b"/>
+  <circle cx="24" cy="44" r="7" fill="#2b1a0c"/>
+  <rect x="42" y="6" width="2" height="24" fill="#eee"/>
+</svg>

robs_metronome.html

@@ -2,7 +2,13 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <title>Session Tempo</title>
+    <!-- SVG favicon: crisp at any size -->
+    <!-- <link -->
+    <!--   rel="icon" -->
+    <!--   type="image/svg+xml" -->
+    <!--   href="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCI+..." -->
+    <!-- /> -->
+    <title>Rob's Metronome</title>
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <style>
       @import url("https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,300..700&family=Work+Sans:wght@400;500;600&display=swap");
@@ -502,6 +508,32 @@
       </div>
 
       <div class="status" id="statusMsg"></div>
+
+      <hr class="divider" />
+      <h2>Links</h2>
+      <div class="add-row" style="margin-top: 8px">
+        <a
+          style="flex: 1"
+          href="https://www.oolimo.com/en/guitar-chords/find"
+          target="_blank"
+        >
+          <button class="tune-btn" style="width: 100%">Oolimo</button>
+        </a>
+        <a
+          style="flex: 1"
+          href="https://www.onemotion.com/chord-player/"
+          target="_blank"
+        >
+          <button class="tune-btn" style="width: 100%">Jam Track</button>
+        </a>
+        <a
+          style="flex: 1"
+          href="https://www.oolimo.com/en/guitar-chords/find"
+          target="_blank"
+        >
+          <button class="tune-btn" style="width: 100%">Oolimo</button>
+        </a>
+      </div>
     </div>
 
     <script>