CSS and append chat

2021-01-13 01:30:12 +02:00
parent 47c008e23c
commit ac3c9050b1
5 changed files with 70 additions and 22 deletions
--- a/index.html
+++ b/index.html
@@ -4,22 +4,30 @@
        <script src="outbound.js"></script>
        <script src="inbound.js"></script>
        <script src="chat.js"></script>
+        <link rel="stylesheet" href="style.css">
    </head>
    <body>
-        Hello Dan boys
-        <div id="id"></div>
+        Your ID is: <div id="id">Loading</div>
+        <div id = "preChat">
+            <br>
+            Acquire a peerID from anyone in an active chat or, to create a new chat, a user who is not in a chat.
+            </br>
+            </br>
+            <form action="javascript:void(0); connect()">
+                PeerID: <input type="text" id="connectToPeerID"></input> <button>Connect</button>
+             </form>
+        </div>

-        <form action="javascript:void(0); connect()">
-           PeerID: <input type="text" id="connectToPeerID"></input> <button>Connect</button>
-        </form>
-
-        <form action="javascript:void(0); startCall()">
+        <form action="javascript:void(0); startCall()" id="connectButton" class="callButton">
            <button>Call your buddy</button>
         </form>
-         <form action="javascript:void(0); makeNoise()">
-            <input type="text" id="chatSend"></input><button>Make Noise</button>
-         </form>
-         <div id="chat"></div>
+         <div class="chatWrapper" id="chatWrapper">
+            <div id="chat1">
+            </div>
+            <form action="javascript:void(0); makeNoise()" class="composeForm">
+               <input type="text" id="chatSend" autocomplete="off"></input><button>Make Noise</button>
+            </form>
+         </div>
         <div id="peers"></div>
    </body>
 </html>