add help links

greggman · Apr 1, 2022 · 44c6318 · 44c6318
1 parent 47d34ff
commit 44c6318
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git a/src/index.html b/src/index.html
@@ -38,18 +38,22 @@ <h2>A simple web server for local web development</h2>
             <div class="item checkbox">
                 <label for="cors">Set CORS headers</label>
                 <input type="checkbox" id="cors"/>
+                <a target="_blank" href="https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS">[?]</a>
             </div>
             <div class="item checkbox">
                 <label for="unityHack">Support Unity</label>
                 <input type="checkbox" id="unityHack"/>
+                <a target="_blank" href="https://docs.unity3d.com/2021.2/Documentation/Manual/webgl-deploying.html">[?]</a>
             </div>
             <div class="item checkbox">
                 <label for="sharedArrayBuffers">SharedArrayBuffer headers</label>
                 <input type="checkbox" id="sharedArrayBuffers"/>
+                <a target="_blank" href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/SharedArrayBuffer#security_requirements">[?]</a>
             </div>
             <div class="item checkbox">
                 <label for="ssl">Use HTTPS</label>
                 <input type="checkbox" id="ssl"/>
+                <a target="_blank" href="https://greggman.github.io/servez/#https">[?]</a>
             </div>
             <div class="buttons">
                 <button id="start">Start</button>

diff --git a/src/style.css b/src/style.css
@@ -92,7 +92,12 @@ input {
 .checkbox label {
     order: 2;
 }
-
+.checkbox a {
+    margin-left: 0.5em;
+    order: 3;
+    color: plum;
+    font-weight: bold;
+}
 .icon {
 
 }
@@ -123,7 +128,7 @@ input {
 }
 
 .buttons {
-    padding-top: s1em;
+    padding-top: 1em;
 }
 .buttons button {
     font-size: large;