split out ping form

Author: randomairborne

assets/index.css

@@ -160,7 +160,7 @@ pre > code {
 }
 
 .ping-frame {
-  height: 70vh;
+  height: 50vh;
   width: 80vw;
   border-style: none;
 }

templates/index.html

@@ -7,19 +7,7 @@
 {% block body %}
   <h1>Minecraft Server Tester</h1>
   <div id="select-ping" class="execute-ping-container">
-    <form class="execute-ping-stack" action="{{ root_url }}/ping/redirect">
-      <label for="address-entry" hidden>Server address</label>
-      <input id="address-entry" placeholder="Server address" name="address" />
-      <div class="select-ping">
-        <button type="submit" name="edition" class="java" value="java">
-          Ping Java
-        </button>
-        <div class="widen"></div>
-        <button type="submit" name="edition" class="bedrock" value="bedrock">
-          Ping Bedrock
-        </button>
-      </div>
-    </form>
+    {% include "ping-form.html" %}
     <div class="small-vspacer"></div>
     <div id="server-status"></div>
     <div class="small-vspacer"></div>

templates/ping-form.html

@@ -0,0 +1,13 @@
+<form class="execute-ping-stack" action="{{ root_url }}/ping/redirect">
+  <label for="address-entry" hidden>Server address</label>
+  <input id="address-entry" placeholder="Server address" name="address" />
+  <div class="select-ping">
+    <button type="submit" name="edition" class="java" value="java">
+      Ping Java
+    </button>
+    <div class="widen"></div>
+    <button type="submit" name="edition" class="bedrock" value="bedrock">
+      Ping Bedrock
+    </button>
+  </div>
+</form>

templates/ping-page.html

@@ -10,7 +10,7 @@ <h1>Pinging <code>{{ hostname }}</code></h1>
         class="ping-frame"
         src="{{ root_url }}/internal/ping-frame/{{ edition }}/{{ hostname }}"
       ></iframe>
-      <a role="button" href="{{ root_url }}">Ping Another</a>
+      {% include "ping-form.html" %}
     </div>
   </div>
   <div class="vspacer"></div>