Link to playground

handlers/form.html

@@ -258,9 +258,37 @@
         </div>
       </form>
 
+      <div class="flex flex-col justify-center my-4 mx-auto">
+        <a
+          href="/playground"
+          class="inline-flex items-center justify-center h-8 px-8 whitespace-nowrap no-underline rounded-md text-sm font-medium text-slate-900 dark:text-slate-200 hover:text-slate-900 hover:dark:text-slate-200 ring-offset-white dark:ring-offset-slate-900 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none hover:bg-slate-200/90 dark:hover:bg-slate-800/90 border border-slate-600 dark:border-slate-400"
+        >
+          Experiment with modifiers in the playground
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            width="24"
+            height="24"
+            viewBox="0 0 24 24"
+            fill="none"
+            stroke="currentColor"
+            stroke-width="2"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+            class="h-4 w-4 ml-1"
+          >
+            <path d="M13 5H19V11" />
+            <path d="M19 5L5 19" />
+          </svg>
+        </a>
+      </div>
+
       <footer class="mx-4 text-center text-slate-600 dark:text-slate-400">
         <p>
           Code Licensed Under GPL v3.0 |
+          <a href="https://github.com/everywall/ladder-rules"
+            >Contribute rules</a
+          >
+          |
           <a href="https://github.com/everywall/ladder">View Source</a>
           |
           <a href="https://github.com/everywall">Everywall</a>