joshlaymon/Illustrations
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update web/templates/search.html

Browse Source 
trying to move the help tips to below the search row
This commit is contained in:
Joshua Laymon
2025-08-14 16:25:53 +00:00
parent 9f9915f270
commit 1cab6dfeb6
1 changed files with 28 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/templates/search.html
+11 -13
View File
@@ -46,38 +46,36 @@
<input type="text" name="q" value="{{ q }}" placeholder="Type to search…" class="search-input" autofocus> <input type="text" name="q" value="{{ q }}" placeholder="Type to search…" class="search-input" autofocus>
<button class="btn btn-primary">Search</button> <button class="btn btn-primary">Search</button>
<!-- Help Button inline --> <!-- Help button stays inline -->
<div class="search-help-inline"> <button
<button class="btn btn-secondary help-toggle" type="button" class="btn btn-secondary help-toggle"
onclick="this.nextElementSibling.classList.toggle('open')"> type="button"
data-target="#search-help-panel"
>
Help Help
</button> </button>
<div class="help-content"> </div>
<!-- Help panel lives OUTSIDE the row so it doesn't shrink the input -->
<div id="search-help-panel" class="help-panel">
<h3>How to Use Search Operators</h3> <h3>How to Use Search Operators</h3>
<ul> <ul>
<li><strong>Simple keyword</strong> — type any word to find entries that contain it.<br> <li><strong>Simple keyword</strong> — type any word to find entries that contain it.<br>
<em>Example:</em> <code>faith</code></li> <em>Example:</em> <code>faith</code></li>
<li><strong>Phrase search</strong> — put quotes around a phrase to match it exactly.<br> <li><strong>Phrase search</strong> — put quotes around a phrase to match it exactly.<br>
<em>Example:</em> <code>"Jehovah is my shepherd"</code></li> <em>Example:</em> <code>"Jehovah is my shepherd"</code></li>
<li><strong>OR search</strong> — use <code>OR</code> (uppercase) to match any of several terms.<br> <li><strong>OR search</strong> — use <code>OR</code> (uppercase) to match any of several terms.<br>
<em>Example:</em> <code>love OR kindness</code></li> <em>Example:</em> <code>love OR kindness</code></li>
<li><strong>Exclude terms</strong> — use a minus sign to remove results containing a word.<br> <li><strong>Exclude terms</strong> — use a minus sign to remove results containing a word.<br>
<em>Example:</em> <code>hope -future</code></li> <em>Example:</em> <code>hope -future</code></li>
<li><strong>Wildcard search</strong> — use <code>*</code> to replace part of a word.<br> <li><strong>Wildcard search</strong> — use <code>*</code> to replace part of a word.<br>
<em>Example:</em> <code>lov*</code> finds <code>love</code>, <code>loved</code>, <code>loving</code></li> <em>Example:</em> <code>lov*</code> finds <code>love</code>, <code>loved</code>, <code>loving</code></li>
<li><strong>Scripture search</strong> — type a Bible book or abbreviation to find entries that reference it.<br> <li><strong>Scripture search</strong> — type a Bible book or abbreviation to find entries that reference it.<br>
<em>Example:</em> <code>John 3:16</code></li> <em>Example:</em> <code>John 3:16</code></li>
</ul> </ul>
<p><strong>Tip:</strong> You can combine these for powerful searches.<br> <p><strong>Tip:</strong> Combine operators:<br>
<em>Example:</em> <code>"good shepherd" OR "faithful servant" -parable</code></p> <em>Example:</em> <code>"good shepherd" OR "faithful servant" -parable</code></p>
</div> </div>
</div>
</div>
</form> </form>