more prettier, fix footer on newroom, more readme

.github/workflows/nodejs.yml

@@ -5,13 +5,12 @@ name: Node.js CI
 
 on:
   push:
-    branches: [ master ]
+    branches: [master]
   pull_request:
-    branches: [ master ]
+    branches: [master]
 
 jobs:
   build:
-
     runs-on: ubuntu-latest
 
     strategy:
@@ -19,12 +18,12 @@ jobs:
         node-version: [10.x, 12.x]
 
     steps:
-    - uses: actions/checkout@v2
+      - uses: actions/checkout@v2
-    - name: Use Node.js ${{ matrix.node-version }}
+      - name: Use Node.js ${{ matrix.node-version }}
-      uses: actions/setup-node@v1
+        uses: actions/setup-node@v1
-      with:
+        with:
-        node-version: ${{ matrix.node-version }}
+          node-version: ${{ matrix.node-version }}
-    - run: npm ci
+      - run: npm ci
-    - run: npm run build --if-present
+      - run: npm run build --if-present
-      env:
+        env:
-        CI: true
+          CI: true

README.md

@@ -1,43 +1,55 @@
 # Decentralized Video Chat
+
 [![Author](https://img.shields.io/badge/Author-ianramzy-brightgreen.svg)](https://ianramzy.com)
-![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg) 
+![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)
 [![Donate](https://img.shields.io/badge/Donate-PayPal-brightgreen.svg)](https://paypal.me/ianramzy)
 ![GitHub repo size](https://img.shields.io/github/repo-size/ianramzy/decentralized-video-chat.svg)
 [![Repo Link](https://img.shields.io/badge/Repo-Link-black.svg)](https://github.com/ianramzy/decentralized-video-chat)
+
 # https://neonchat.io
 
-Decentralized video chat platform powered by WebRTC using Twilio STUN/TURN infrastructure. 
+Decentralized video chat platform powered by WebRTC using Twilio STUN/TURN infrastructure.
-Neon Chat provides video quality and latency simply not available with traditional 
+Neon Chat provides video quality and latency simply not available with traditional
 technology.
 
 ![screenshot](public/images/githubpreview.png "Video Calling")
 
 ## Features
-* Screen sharing
+
-* Auto-scaling video quality
+- Screen sharing
-* No download required, entirely browser based
+- Live captions
-* Direct peer to peer connection ensures lowest latency
+- Text chat
-* Single use disposable chat rooms
+- Auto-scaling video quality
+- No download required, entirely browser based
+- Direct peer to peer connection ensures lowest latency
+- Single use disposable chat rooms
 
 ## Quick start
-* You will need to have Node.js installed, this project has been tested with Node version 10.X and 12.X
+
-* Clone this repo
+- You will need to have Node.js installed, this project has been tested with Node version 10.X and 12.X
+- Clone this repo
+
 ```
 git clone https://github.com/ianramzy/decentralized-video-chat
 cd decentralized-video-chat
 ```
-* Install dependencies
+
+- Install dependencies
+
 ```
 npm install
 ```
-* Start the server
+
+- Start the server
+
 ```
 npm start
 ```
-* Open `localhost:3000` in Chrome or Firefox. 
-* If you want to use a client on another computer/network, make sure you publish your server on an HTTPS connection.
- You can use a service like [ngrok](https://ngrok.com/) for that.
- 
- ## Quick Deployment
-[![Deploy](https://www.herokucdn.com/deploy/button.svg)](https://heroku.com/deploy?template=https://github.com/ianramzy/decentralized-video-chat)
 
+- Open `localhost:3000` in Chrome or Firefox.
+- If you want to use a client on another computer/network, make sure you publish your server on an HTTPS connection.
+  You can use a service like [ngrok](https://ngrok.com/) for that.
+
+## Quick Deployment
+
+[![Deploy](https://www.herokucdn.com/deploy/button.svg)](https://heroku.com/deploy?template=https://github.com/ianramzy/decentralized-video-chat)

public/newroom.html

@@ -162,19 +162,23 @@
                 </div>
               </div>
             </div>
-          </div>
+            <div
-          <div
+              class="footer-bottom space-between text-xxs invert-order-desktop"
-            class="footer-bottom space-between text-xxs invert-order-desktop"
+            >
-          >
+              <nav class="footer-nav">
-            <nav class="footer-nav">
+                <ul class="list-reset">
-              <ul class="list-reset">
+                  <li>
-                <li>
+                    <a href="https://ianramzy.com">Made with ❤️ by Ian Ramzy</a>
-                  <a href="https://ianramzy.com">Made with ❤️ by Ian Ramzy</a>
+                  </li>
-                </li>
+                  <!--                                          <li><a href="#">Contact</a></li>-->
-              </ul>
+                  <!--                                                <li><a href="#">About us</a></li>-->
-            </nav>
+                  <!--                                                <li><a href="#">FAQ's</a></li>-->
-            <div class="footer-copyright">
+                  <!--                                                <li><a href="#">Support</a></li>-->
-              &copy; 2020 Neon Chat, all rights reserved
+                </ul>
+              </nav>
+              <div class="footer-copyright">
+                &copy; 2020 Neon Chat, all rights reserved
+              </div>
             </div>
           </div>
         </div>