From 276468c49a3eabcaa43c5e159fc31d5877be88e3 Mon Sep 17 00:00:00 2001
From: Simon <vesspa0330@gmail.com>
Date: Tue, 26 Aug 2025 23:43:38 -0400
Subject: [PATCH] help text updates

---
 startpage.html | 31 +++++++++++++++++--------------
 1 file changed, 17 insertions(+), 14 deletions(-)

diff --git a/startpage.html b/startpage.html
index bf80b5b..a95c6f1 100644
--- a/startpage.html
+++ b/startpage.html
@@ -362,23 +362,23 @@
               there are some keyboard shortcuts for your convenience:<br />
               "e" = enables editing mode<br />
               esc = disables editing mode (and saves page)<br /> 
-              <br />
-              arrow keys = slight movement (must click on container first to focus)<br />
-              backspace = delete container (must click on container first to focus)<br />
+              backspace = delete last clicked container (only in editing mode)<br />
             </p>
             <hr />
             <p>
               <u>precise adjustments:</u>
-              click on a slider (e.g. border width) to focus it, keep your mouse hovered over it, 
-              and use the arrow keys to make minute changes.
+              click on a container or settings slider to focus it, then use the arrow keys 
+              to make minute changes.
             </p>
             <hr />
             <p>
               <u>floating text</u>:<br />
-              create a bookmark layer, remove the border, and set the background opacity to zero.
-              <br /> then, add new sections to the layer without entering any label/link information.
-              customize the layer's section text to your liking and place wherever you want.
+              to create floating text, create a bookmark layer, remove the border, and 
+              set the background opacity to zero. then, add new sections to the layer 
+              with no bookmark link or label information. customize the layer's section 
+              text to your liking and place freely.
             </p>
+            <hr />
             <p>
               <u>straight lines</u>:<br />
               create a bookmark layer and set the border to your desired line width. remove the 
@@ -399,7 +399,8 @@
 
               NOTE: if you have multiple font families in your cart (it tracks all
               of the fonts you press "get font" on), only the top one will be 
-              loaded. also, only regular versions of fonts are supported.<br /><br />
+              loaded into your startpage. also, only regular versions of fonts 
+              are supported.<br /><br />
 
               to load a font:<br />
               
@@ -670,6 +671,8 @@
 
     let cursors = {};
 
+    // TODO: settings for italize / bold bookmark links
+
     class Container {
       id;
       name;
@@ -869,7 +872,7 @@
         document.body.insertAdjacentHTML(
           "beforeend",
           `
-            <div class="movable container" id=${this.id} tabindex="0">
+            <div class="movable container" id=${this.id} tabindex="0" >
               <div class="autoMarginHolder">
                 <div id=${this.id + "-header"} class="containerHeader">
                   <div id=${this.id + "-date"}></div>
@@ -1086,12 +1089,12 @@
               <p class="menuHeader">date + time options</p>
 
                <div class="containerOptionListing">
-                  <label for=${this.id + "-settings-clock-color"}>set text color: </label>
+                  <label for=${this.id + "-settings-clock-color"}>set font color: </label>
                   <input id=${this.id + "-settings-clock-color"} type="color" />
                 </div>
 
                 <div class="containerOptionListing">
-                  <label>set text font size (px): </label>
+                  <label>set font size (px): </label>
                   <input id=${this.id + "-settings-clock-size"} />
                 </div>
 
@@ -1142,7 +1145,7 @@
             </div>
 
             <div class="expandableMenuToggle" onclick="toggleExpandableMenu(this)">
-              <p>text / font options</p>
+              <p>section / link / font options</p>
               <p class="expandedMenuIndicator">+</p>
             </div>
             <div class="expandableMenu">
@@ -1184,7 +1187,7 @@
                   <input id=${this.id + "-settings-link-decor"} type="checkbox" />
                 </div>
 
-              <p class="menuHeader">layer-wide options</p>
+              <p class="menuHeader">general layer font options</p>
 
                 <div class="containerOptionListing">
                   <div>