way too many things oops

static/index.html

@@ -17,9 +17,9 @@
   <div class="contentdiv">
     <form>
       <input
+        maxlength=64"
         type="text"
         name="roomname"
-        maxlength="32"
         placeholder="room name"
       />
       <button type="submit">let's go!</button>

static/script.js

@@ -1 +1,9 @@
+function copyURI(evt) {
+    evt.preventDefault();
+    navigator.clipboard.writeText(evt.target.getAttribute('href')).then(() => {
+      /* clipboard successfully set */
+    }, () => {
+      /* clipboard write failed */
+    });
+}
 

static/style.css

@@ -28,6 +28,15 @@ html {
   background-color: var(--accent2);
 }
 
+.hidden {
+  display: none;
+}
+
+a {
+  color: var(--text);
+  text-decoration: none;
+}
+
 footer {
   font-family: "Sen", sans-serif;
   background-color: var(--text);
@@ -39,14 +48,14 @@ footer {
   height: 10%;
   bottom: 0;
   width: 100%;
-  font-size: 1.6em;
+  font-size: 3em;
   justify-content: center;
   align-items: center;
-  font-size: 3em;
 }
 
 .contentdiv {
   display: flex;
+  flex-direction: column;
   align-items: center;
   align-self: center;
   height: 90%;
@@ -54,15 +63,19 @@ footer {
 }
 
 button,
-.contentdiv * {
+.contentdiv *,
+a,
+p {
   line-height: 1.84em;
   border-radius: 0.48em;
-  font-size: 1.84em;
+  font-size: 32pt;
   margin: 0.5em;
   text-align: center;
   font-family: "Sen", sans-serif;
+  line-break: anywhere;
 }
 
+a,
 button,
 input {
   outline: none;
@@ -80,6 +93,8 @@ button {
   cursor: pointer;
 }
 
+a:hover,
+a:focus,
 button:hover,
 button:focus,
 input:hover,