diff options
| author | Simon <vesspa0330@gmail.com> | 2025-06-23 23:04:19 -0400 |
|---|---|---|
| committer | Simon <vesspa0330@gmail.com> | 2025-06-23 23:04:19 -0400 |
| commit | d756db4fb796b24fd9c07c42fa53521429608a1b (patch) | |
| tree | dd7e37c9cbacfac8d8f6f9b5c0aa61b45ba2ae07 /startpage.html | |
| parent | d7372b03bd34ffccd37d9e86b6a22ae0d1400aa2 (diff) | |
adding more structure and id's to the container customization settings menu for more control later
Diffstat (limited to 'startpage.html')
| -rw-r--r-- | startpage.html | 50 |
1 files changed, 28 insertions, 22 deletions
diff --git a/startpage.html b/startpage.html index 8c563f2..4d6cdb9 100644 --- a/startpage.html +++ b/startpage.html @@ -672,7 +672,8 @@ document.getElementById("addContainerForm").insertAdjacentHTML( "beforeend", ` - <div id=${this.id + "-bookmark-form"} class="formTitle">add bookmarks</div> + <div id=${this.id + "-bookmark-menu"} > + <h1 class="formTitle">add bookmarks</h1> <div> <label> enter url: </label> <input id=${this.id + "-url-input"} type="text" name="url" /> @@ -692,31 +693,36 @@ <br /> - <div id=${this.id + "-settings-form"}> + <div id=${this.id + "-customization-menu"}> + <h1 class="formTitle">customize layer</h1> - <div class="formTitle">change background</div> - <div> - <label>set background color: </label> - <input id=${this.id + "-settings-bg-color"} type="color" /> - </div> - <div> - <label>set background opacity (%): </label> - <input id=${this.id + "-settings-bg-alpha"} /> - </div> + <span id=${this.id + "-background-options"}> + <p class="formTitle">change background</p> + <div> + <label>set background color: </label> + <input id=${this.id + "-settings-bg-color"} type="color" /> + </div> + <div> + <label>set background opacity (%): </label> + <input id=${this.id + "-settings-bg-alpha"} /> + </div> + </span> <br /> - <div class="formTitle">change text</div> - <div> - <label>change font (see instructions for more info):</label> - <input id=${this.id + "-settings-font-input"} /> - <button id=${ - this.id + "-settings-set-font-button" - }>set font</button> - <label>current font:</label><span id=${ - this.id + "-settings-font-name" - }></span> - </div> + <span id=${this.id + "-text-options"}> + <h1 class="formTitle">change text</h1> + <div> + <label>change font (see instructions for more info):</label> + <input id=${this.id + "-settings-font-input"} /> + <button id=${ + this.id + "-settings-set-font-button" + }>set font</button> + <label>current font:</label><span id=${ + this.id + "-settings-font-name" + }></span> + </div> + </span> <br /> |