hide copy buttons when js is not enabled

Fixes #5

static/copy.js

@@ -1,4 +1,5 @@
 const button = document.getElementById("copy");
+button.classList.remove("hidden");
 button.onclick = () => {
   if (!navigator.clipboard) {
     button.innerText = "nicht unterstützt";

static/index.css

@@ -39,6 +39,7 @@ input,
 select,
 textarea,
 .button {
+  display: inline-block;
   background-color: var(--bg);
   color: var(--fg);
   padding: 0.5rem;
@@ -48,6 +49,10 @@ textarea,
   max-width: calc(100vw - 3rem - 4px);
 }
 
+*.hidden {
+  display: none;
+}
+
 input[type="checkbox"] {
   margin-bottom: 1.5rem;
 }

template/upload.html

@@ -13,7 +13,7 @@
         datei-link:
         <a id="link" class="copy-content" href="{url}">{url}</a>
       </p>
-      <button id="copy" class="main button">link kopieren</button>
+      <button id="copy" class="main button hidden">link kopieren</button>
     </main>
     <script src="/static/copy.js" lang="javascript"></script>
   </body>

template/view.html

@@ -14,7 +14,7 @@
       >
       <br />
       <a class="main button" href="?dl">herunterladen</a>
-      <button id="copy" class="button">text kopieren</button>
+      <button id="copy" class="button hidden">text kopieren</button>
     </main>
     <script src="/static/copy.js" lang="javascript"></script>
   </body>