start page with dynamic URL

dev/docker/images/production/html/index.html

@@ -14,10 +14,16 @@
                 <h1>You are ready to</h1>
                 <img src="Go-Logo_Aqua.svg" alt="The Golang logo">
             </div>
-            <p>Now upload some files to <i>Route</i> with a HTTP push request.</p>
+            <div class="subtext">
+                <p>Now upload some files to</p>
+                <pre id="siteURL">Site</pre>
+                <p>with a HTTP push request.</p>
+                <p>Click on the link to copy.</p>
+            </div>
         </div>
         <img id="gopherImg" src="gopherPride.png" alt="A Golang gopher with a pride shirt">
     </div>
     <div class="bottomBox"></div>
 </body>
+<script src="setURL.js"></script>
 </html>

dev/docker/images/production/html/setURL.js

@@ -0,0 +1,6 @@
+let url = document.getElementById('siteURL')
+let postURL = `${location.protocol}//${location.host}/api/update`
+url.innerText = postURL
+url.addEventListener('click', function() {
+    navigator.clipboard.writeText(postURL)
+})

dev/docker/images/production/html/style.css

@@ -51,6 +51,25 @@ body {
     width: 6rem;
 }
 
+.subtext {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    cursor: pointer;
+}
+
+#siteURL:hover {
+    text-decoration: underline;
+}
+
+#siteURL {
+    background-color: #222222;
+    padding: .5rem;
+    margin: .5rem;
+    border-radius: 5px;
+    color: #a1a1a1;
+}
+
 #gopherImg {
     max-height: 60%;
 }