Read encrypted secret entries from the database and decode/unencrypt appropriately, add max duration/view count entries for the database and frontend interface, update README to remove graceful JS degradation goal, remove a few wordlist entries

views/cassius/style.cassius

@@ -56,7 +56,7 @@ a
   outline: 						none
   color: 							#{colorOne}
   background: 				#{colorTwo}
-  margin: 						0.5em 0
+  margin: 						0.5em 0 1em 0
   border-style:				none none solid none
   padding: 						0.4em 0
   box-sizing: 				border-box
@@ -75,6 +75,33 @@ a
   color:   #{colorThree}
   opacity: 0.5
 
+.numberInput
+  text-align:         center
+  font-weight:				400
+  font-size: 					1em
+  width:              10%
+  outline: 						none
+  color: 							#{colorOne}
+  background: 				#{colorTwo}
+  margin: 						0.5em 0
+  border-style:				none none solid none
+  padding: 						0.4em 0
+  box-sizing: 				border-box
+  -webkit-box-sizing: border-box
+  -moz-box-sizing: 		border-box
+  -webkit-transition: all 0.1s ease-in-out
+  -moz-transition: 		all 0.1s ease-in-out
+  -ms-transition: 		all 0.1s ease-in-out
+  -o-transition: 			all 0.1s ease-in-out
+  transition: 				all 0.1s ease-in-out
+
+.numberInput:focus
+  border-bottom: 0.2em solid #{colorThree};
+
+.numberInput:focus::placeholder
+  color:   #{colorThree}
+  opacity: 0.5
+
 .pwResult
   font-size: 1.5em
   color: #{colorFour}
@@ -109,6 +136,9 @@ a
     width: 95% 
     text-align: center
 
+  .numberInput
+    width: 25%
+
   .title
     margin: 8% auto 2% auto
     font-size: 3em

views/index.hamlet

@@ -36,14 +36,33 @@ $doctype 5
           <p>
             <input .mainInput 
               name="newSec" 
-              type="text" 
+              type="text"
               placeholder="Enter a Secret to Share"
             />
+            <br />
+            Valid for:
+            <br />
+            <input .numberInput
+              name="newSecDuration"
+              type="number"
+              min="1"
+              max="90"
+              value="20"
+              onkeyup="if (value < 1 || value > 90) { value = 0 }"
+            /> days
+            <input .numberInput
+              name="newSecViews"
+              type="number"
+              min="1"
+              max="60"
+              value="20"
+              onkeyup="if (value < 1 || value > 60) { value = 0 }"
+            /> views
           <button .mainButton
             hx-post="/new"
             hx-target="#requestedPw"
             hx-swap="outerHTML"
-            hx-include="[name='newSec']"
+            hx-include="[id='shareNew']"
           />
             Share Secret
             <img class="htmx-indicator" src="/loading.svg" />