Code cleanup

Cleaned up large parts of code to use ejs for templating and vue.js for frontend.
vasanthv · Dec 26, 2024 · d753685 · d753685
1 parent bd15c0f
commit d753685
Show file tree

Hide file tree

Showing 55 changed files with 6,503 additions and 1,637 deletions.
diff --git a/.eslintrc.json b/.eslintrc.json
diff --git a/.gitignore b/.gitignore
@@ -1,3 +1,6 @@
+# dotenv
+.env
+
 # git folder
 .git
 
@@ -11,6 +14,12 @@ npm-debug.log
 # Mac
 .DS_Store
 
-# cache
+# Cache
 .cache
-.vercel
+
+# build folder
+dist
+
+# sublime
+*.sublime-project
+*.sublime-workspace
diff --git a/EMBED.md b/EMBED.md
@@ -0,0 +1,13 @@
+# Hello embed
+
+Hello can be embedded in any webpage using iFrame as shown below.
+
+```
+<iframe src="https://hello.vasanthv.me/your-channel-here" allow="camera; microphone" seamless width="320" height="640"></iframe>
+```
+
+Hello supports the following URL params.
+
+| Param | Description                       | Type   |
+| ----- | --------------------------------- | ------ |
+| name  | Adds a default name for the user. | string |
diff --git a/LEGAL.md b/LEGAL.md
diff --git a/README.md b/README.md
@@ -1,8 +1,8 @@
-# Talk
+# Hello
 
 ## A free, p2p, group video call app for the web. No signups. No downloads. Works in all major browsers.
 
-Talk is built using WebRTC, so all your video, audio & text chat is peer-to-peer. Group video call is achieved using WebRTC mesh. So the quality of the call is inversely proportional to the number of people on the call. The sweet number is somewhere around 6 to 8 people in an average high-speed connection.
+Hello is built using WebRTC, so all your video, audio & text chat is peer-to-peer. Group video call is achieved using WebRTC mesh. So the quality of the call is inversely proportional to the number of people on the call. The sweet number is somewhere around 6 to 8 people in an average high-speed connection.
 
 ---
 
@@ -13,13 +13,13 @@ Talk is built using WebRTC, so all your video, audio & text chat is peer-to-peer
 
 ### How to Build this app locally
 
-[Fork this repo](https://github.com/vasanthv/talk/fork) and then clone it:
+[Fork this repo](https://github.com/vasanthv/hello/fork) and then clone it:
 
 ```bash
-git clone https://github.com/<your_name>/talk.git
+git clone https://github.com/<your_name>/hello.git
 ```
 
-`cd talk` and then install dependencies
+`cd hello` and then install dependencies
 
 ```bash
 npm install
@@ -31,8 +31,8 @@ Run the app
 npm start
 ```
 
-to start the talk server on port 3000. Your talk instance will be running on http://localhost:3000.
+to start the hello server on port 3000. Your hello instance will be running on http://localhost:3000.
 
 ### LICENSE
 
-<a href="https://github.com/vasanthv/talk/blob/master/LICENSE">MIT License</a>
+<a href="https://github.com/vasanthv/hello/blob/master/LICENSE">MIT License</a>
diff --git a/icons/apple-touch-icon.png → assets/apple-touch-icon.png b/icons/apple-touch-icon.png → assets/apple-touch-icon.png
diff --git a/favicon.ico → assets/favicon.ico b/favicon.ico → assets/favicon.ico
diff --git a/icons/favicon.svg → assets/favicon.svg b/icons/favicon.svg → assets/favicon.svg
diff --git a/icomoon/Read Me.txt → assets/icomoon/Read Me.txt b/icomoon/Read Me.txt → assets/icomoon/Read Me.txt
@@ -1,6 +1,6 @@
 Open *demo.html* to see a list of all the glyphs in your font along with their codes/ligatures.
 
-To use the generated font in desktop programs, you can install the TTF font. In order to copy the character associated with each icon, refer to the text box at the bottom right corner of each glyph in demo.html. The character inside this text box may be invisible; but it can still be copied. See this guide for more info: https://icomoon.io/#docs/local-fonts
+To use the generated font in desktop programs, you can install the TTF font. In order to copy the character associated with each icon, refer to the text box at the bottom right corner of each glyph in demo.html. The character inside this text box may be invisible; but it can still be copied. See this guide for more info: https://icomoon.io/docs/#local-fonts
 
 You won't need any of the files located under the *demo-files* directory when including the generated font in your own projects.
 

diff --git a/icomoon/demo-files/demo.css → assets/icomoon/demo-files/demo.css b/icomoon/demo-files/demo.css → assets/icomoon/demo-files/demo.css
diff --git a/icomoon/demo-files/demo.js → assets/icomoon/demo-files/demo.js b/icomoon/demo-files/demo.js → assets/icomoon/demo-files/demo.js
diff --git a/icomoon/demo.html → assets/icomoon/demo.html b/icomoon/demo.html → assets/icomoon/demo.html
@@ -9,48 +9,20 @@
     <link rel="stylesheet" href="style.css"></head>
 <body>
     <div class="bgc1 clearfix">
-        <h1 class="mhmm mvm"><span class="fgc1">Font Name:</span> icomoon <small class="fgc1">(Glyphs:&nbsp;10)</small></h1>
+        <h1 class="mhmm mvm"><span class="fgc1">Font Name:</span> icomoon <small class="fgc1">(Glyphs:&nbsp;5)</small></h1>
     </div>
     <div class="clearfix mhl ptl">
         <h1 class="mvm mtn fgc1">Grid Size: 24</h1>
         <div class="glyph fs1">
             <div class="clearfix bshadow0 pbs">
-                <span class="icon-maximize"></span>
-                <span class="mls"> icon-maximize</span>
+                <span class="icon-message-circle"></span>
+                <span class="mls"> icon-message-circle</span>
             </div>
             <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e900" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe900;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-false">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs1">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-maximize-2"></span>
-                <span class="mls"> icon-maximize-2</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e901" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe901;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-false">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs1">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-message-square"></span>
-                <span class="mls"> icon-message-square</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e908" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe908;" class="unitRight size1of2 talign-right" />
+                <input type="text" readonly value="e904" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe904;" class="unitRight size1of2 talign-right" />
             </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-false">
+            <div class="fs0 bshadow0 clearfix hidden-true">
                 <span class="unit pvs fgc1">liga: </span>
                 <input type="text" readonly value="" class="liga unitRight" />
             </div>
@@ -61,10 +33,10 @@ <h1 class="mvm mtn fgc1">Grid Size: 24</h1>
                 <span class="mls"> icon-mic</span>
             </div>
             <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e902" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe902;" class="unitRight size1of2 talign-right" />
+                <input type="text" readonly value="e900" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe900;" class="unitRight size1of2 talign-right" />
             </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-false">
+            <div class="fs0 bshadow0 clearfix hidden-true">
                 <span class="unit pvs fgc1">liga: </span>
                 <input type="text" readonly value="" class="liga unitRight" />
             </div>
@@ -75,38 +47,10 @@ <h1 class="mvm mtn fgc1">Grid Size: 24</h1>
                 <span class="mls"> icon-mic-off</span>
             </div>
             <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e903" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe903;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-false">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs1">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-monitor"></span>
-                <span class="mls"> icon-monitor</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e904" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe904;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-false">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs1">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-more-horizontal"></span>
-                <span class="mls"> icon-more-horizontal</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e905" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe905;" class="unitRight size1of2 talign-right" />
+                <input type="text" readonly value="e901" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe901;" class="unitRight size1of2 talign-right" />
             </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-false">
+            <div class="fs0 bshadow0 clearfix hidden-true">
                 <span class="unit pvs fgc1">liga: </span>
                 <input type="text" readonly value="" class="liga unitRight" />
             </div>
@@ -117,10 +61,10 @@ <h1 class="mvm mtn fgc1">Grid Size: 24</h1>
                 <span class="mls"> icon-video</span>
             </div>
             <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e906" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe906;" class="unitRight size1of2 talign-right" />
+                <input type="text" readonly value="e902" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe902;" class="unitRight size1of2 talign-right" />
             </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-false">
+            <div class="fs0 bshadow0 clearfix hidden-true">
                 <span class="unit pvs fgc1">liga: </span>
                 <input type="text" readonly value="" class="liga unitRight" />
             </div>
@@ -131,24 +75,10 @@ <h1 class="mvm mtn fgc1">Grid Size: 24</h1>
                 <span class="mls"> icon-video-off</span>
             </div>
             <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e907" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe907;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-false">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs1">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-exit"></span>
-                <span class="mls"> icon-exit</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e909" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe909;" class="unitRight size1of2 talign-right" />
+                <input type="text" readonly value="e903" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe903;" class="unitRight size1of2 talign-right" />
             </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-false">
+            <div class="fs0 bshadow0 clearfix hidden-true">
                 <span class="unit pvs fgc1">liga: </span>
                 <input type="text" readonly value="" class="liga unitRight" />
             </div>

diff --git a/assets/icomoon/fonts/icomoon.eot b/assets/icomoon/fonts/icomoon.eot