Refactor HTTP subdomains and add textarea. Closes #320.

common/input/textarea/index.html

@@ -0,0 +1,24 @@
+---
+title: textarea
+layout: page
+favicon: gray
+background: gray
+---
+
+<style>
+#content textarea {
+  font-size: 4vw;
+}
+</style>
+
+<div id="content">
+  <h1 style="font-size: 5vw;">
+    textarea
+  </h1>
+  <br><br><br>
+  <textarea placeholder="Type here." autofocus></textarea>
+</div>
+
+<div id="footer">
+  This page contains a <code>&lt;textarea&gt;</code> input.
+</div>

domains/http/http-textarea.conf

@@ -0,0 +1,20 @@
+---
+---
+server {
+  listen 80;
+  server_name http-textarea.{{ site.domain }};
+
+  include {{ site.serving-path }}/common/common.conf;
+
+  root {{ site.serving-path }}/domains/input/http-textarea;
+}
+
+server {
+  listen 443;
+  server_name http-textarea.{{ site.domain }};
+
+  include {{ site.serving-path }}/nginx-includes/wildcard-normal.conf;
+  include {{ site.serving-path }}/nginx-includes/tls-defaults.conf;
+
+  return 301 http://$server_name$request_uri;
+}

domains/http/http-textarea/index.html

@@ -0,0 +1,24 @@
+---
+title: textarea
+layout: page
+favicon: red
+background: red
+---
+
+<style>
+#content textarea {
+  font-size: 4vw;
+}
+</style>
+
+<div id="content">
+  <h1 style="font-size: 5vw;">
+    {{ page.subdomain }}.<br>{{ site.domain }}
+  </h1>
+  <br><br><br>
+  <textarea placeholder="Type here." autofocus></textarea>
+</div>
+
+<div id="footer">
+  This page contains a <code>&lt;textarea&gt;</code> input.
+</div>

domains/misc/http.conf → domains/http/http.conf

@@ -14,7 +14,7 @@ server {
     error_page 405 =200 $uri;
   }
 
-  root {{ site.serving-path }}/domains/misc/http;
+  root {{ site.serving-path }}/domains/http/http;
 }
 
 server {

domains/misc/http/index.html → domains/http/http/index.html

@@ -1,12 +1,12 @@
 ---
 subdomain: http
 layout: page
-favicon: gray
-background: gray
+favicon: bad
+background: bad
 ---
 
 <div id="content">
-  <h1 style="font-size: 10vw;">
+  <h1 style="font-size: 8vw;">
     {{ page.subdomain }}.{{ site.domain }}
   </h1>
 </div>

domains/misc/badssl.com/index.css

@@ -38,8 +38,8 @@ div.group {
 }
 
 h2 {
-  margin: 16px 0px 8px 8px;
-  padding-top: 8px;
+  margin: 8px 0px 0px 0px;
+  padding: 8px 8px 8px;
   line-height: 1.5em;
   box-sizing: border-box;
 
@@ -48,6 +48,11 @@ h2 {
   font-weight: normal;
 }
 
+h2:target {
+  font-weight: bold;
+  background: rgba(0, 0, 0, 0.1);
+}
+
 h2 .emoji {
   width: 16px;
   margin-right: 8px;
@@ -162,4 +167,4 @@ hr {
 .chrome-icon {
   vertical-align: -5%;
   width: 1em;
-}
+}

domains/misc/badssl.com/index.html

@@ -67,7 +67,9 @@ <h2 id="mixed-content"><span class="emoji">🖼</span>Mixed Content</h2>
     <a href="https://mixed-form.{{ site.domain }}/" class="dubious"><span class="icon"></span>mixed-form</a>
   </div>
   <div class="group">
-    <h2 id="http-input"><span class="emoji">✏️</span>HTTP Input</h2>
+    <h2 id="http"><span class="emoji">✏️</span>HTTP</h2>
+    <a href="http://http.{{ site.domain }}/" class="bad"><span class="icon"></span>http</a>
+    <a href="http://http-textarea.{{ site.domain }}/" class="bad"><span class="icon"></span>http-textarea</a>
     <a href="http://http-password.{{ site.domain }}/" class="bad"><span class="icon"></span>http-password</a>
     <a href="http://http-login.{{ site.domain }}/" class="bad"><span class="icon"></span>http-login</a>
     <a href="http://http-dynamic-login.{{ site.domain }}/" class="bad"><span class="icon"></span>http-dynamic-login</a>
@@ -119,10 +121,6 @@ <h2 id="upgrade"><span class="emoji">⬆️</span>Upgrade</h2>
     <hr>
     <a href="https://https-everywhere.{{ site.domain }}/" class="good"><span class="icon"></span>https-everywhere</a>
   </div>
-  <div class="group">
-    <h2 id="miscellaneous"><span class="emoji">💬</span>Miscellaneous</h2>
-    <a href="http://http.{{ site.domain }}/" class="dubious"><span class="icon"></span>http</a>
-  </div>
   <div class="group">
     <h2 id="ui"><span class="emoji">👀</span>UI</h2>
     <a href="https://spoofed-favicon.{{ site.domain }}/" class="dubious"><span class="icon"></span>spoofed-favicon</a>