help text updates

This commit is contained in:
2025-08-26 23:43:38 -04:00
parent ecd2450876
commit 276468c49a
+16 -13
View File
@@ -362,23 +362,23 @@
there are some keyboard shortcuts for your convenience:<br /> there are some keyboard shortcuts for your convenience:<br />
"e" = enables editing mode<br /> "e" = enables editing mode<br />
esc = disables editing mode (and saves page)<br /> esc = disables editing mode (and saves page)<br />
<br /> backspace = delete last clicked container (only in editing mode)<br />
arrow keys = slight movement (must click on container first to focus)<br />
backspace = delete container (must click on container first to focus)<br />
</p> </p>
<hr /> <hr />
<p> <p>
<u>precise adjustments:</u> <u>precise adjustments:</u>
click on a slider (e.g. border width) to focus it, keep your mouse hovered over it, click on a container or settings slider to focus it, then use the arrow keys
and use the arrow keys to make minute changes. to make minute changes.
</p> </p>
<hr /> <hr />
<p> <p>
<u>floating text</u>:<br /> <u>floating text</u>:<br />
create a bookmark layer, remove the border, and set the background opacity to zero. to create floating text, create a bookmark layer, remove the border, and
<br /> then, add new sections to the layer without entering any label/link information. set the background opacity to zero. then, add new sections to the layer
customize the layer's section text to your liking and place wherever you want. with no bookmark link or label information. customize the layer's section
text to your liking and place freely.
</p> </p>
<hr />
<p> <p>
<u>straight lines</u>:<br /> <u>straight lines</u>:<br />
create a bookmark layer and set the border to your desired line width. remove the 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 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 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 /> to load a font:<br />
@@ -670,6 +671,8 @@
let cursors = {}; let cursors = {};
// TODO: settings for italize / bold bookmark links
class Container { class Container {
id; id;
name; name;
@@ -1086,12 +1089,12 @@
<p class="menuHeader">date + time options</p> <p class="menuHeader">date + time options</p>
<div class="containerOptionListing"> <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" /> <input id=${this.id + "-settings-clock-color"} type="color" />
</div> </div>
<div class="containerOptionListing"> <div class="containerOptionListing">
<label>set text font size (px): </label> <label>set font size (px): </label>
<input id=${this.id + "-settings-clock-size"} /> <input id=${this.id + "-settings-clock-size"} />
</div> </div>
@@ -1142,7 +1145,7 @@
</div> </div>
<div class="expandableMenuToggle" onclick="toggleExpandableMenu(this)"> <div class="expandableMenuToggle" onclick="toggleExpandableMenu(this)">
<p>text / font options</p> <p>section / link / font options</p>
<p class="expandedMenuIndicator">+</p> <p class="expandedMenuIndicator">+</p>
</div> </div>
<div class="expandableMenu"> <div class="expandableMenu">
@@ -1184,7 +1187,7 @@
<input id=${this.id + "-settings-link-decor"} type="checkbox" /> <input id=${this.id + "-settings-link-decor"} type="checkbox" />
</div> </div>
<p class="menuHeader">layer-wide options</p> <p class="menuHeader">general layer font options</p>
<div class="containerOptionListing"> <div class="containerOptionListing">
<div> <div>