gen.hamlet (1525B)
1 <div #generators .generators> 2 <form id="genForm"> 3 <div .generatorRadio"> 4 <label .radioLabel for="xkcd" .genResult> 5 <input .radioInput type="radio" id="xkcd" name="newSec" value="#{show genXkcd}"> 6 <div .radioDesign> 7 <div .radioText>#{show genXkcd} 8 <label .radioLabel for="oldschool" .genResult> 9 <input .radioInput type="radio" id="oldschool" name="newSec" value="#{show genOldschool}"> 10 <div .radioDesign> 11 <div .radioText>#{show genOldschool} 12 <label .radioLabel for="gibberish" .genResult> 13 <input .radioInput type="radio" id="gibberish" name="newSec" value="#{show genGibberish}"> 14 <div .radioDesign> 15 <div .radioText>#{show genGibberish} 16 17 <div .validForm> 18 <input .numberInput 19 name="newSecDuration" 20 type="number" 21 min="1" 22 max="90" 23 value="20" 24 onkeyup="if (value < 1 || value > 90) { value = 0 }" 25 /> days 26 <input .numberInput 27 name="newSecViews" 28 type="number" 29 min="1" 30 max="60" 31 value="20" 32 onkeyup="if (value < 1 || value > 60) { value = 0 }" 33 /> views 34 <button .mainButton 35 hx-post="/new" 36 hx-target="#requestedPw" 37 hx-swap="outerHTML" 38 hx-include="[name='newSec']" 39 /> 40 share selected secret 41 <img class="htmx-indicator" src="/loading.svg" /> 42 <button .mainButton 43 hx-get="/gen" 44 hx-target="#generators" 45 hx-swap="outerHTML" 46 /> 47 regenerate 48 <br /> 49