[call-me] - add og & github button

README.md

@@ -16,6 +16,8 @@ This project allows you to:
 -   `Hang up` the call when done.
 -   `Rest API` to get all connected users.
 
+---
+
 ### Quick Start
 
 **[Install Node.js and npm](https://nodejs.org/en/download)**
@@ -39,6 +41,8 @@ npm start
 
 4. Enjoy your one-to-one video call.
 
+---
+
 ## API
 
 Get all connected users
@@ -49,6 +53,8 @@ curl -X GET "http://localhost:8000/api/v1/users" -H "authorization: call_me_api_
 
 Docs: http://localhost:8000/api/v1/docs/ or you can check it out live [here](https://cme.mirotalk.com/api/v1/docs/).
 
+---
+
 ## Self-Hosting
 
 To install this on your VPS, VDS, or personal server, please follow the instructions in **[the self-hosting documentation](./doc/self-hosting.md)**.

package.json

@@ -1,9 +1,18 @@
 {
     "name": "callme",
-    "version": "1.0.3",
+    "version": "1.0.4",
     "description": "Your Go-To for Instant Video Calls",
     "author": "Miroslav Pejic - miroslav.pejic.85@gmail.com",
     "license": "AGPLv3",
+    "repository": {
+        "type": "git",
+        "url": "git+https://github.com/miroslavpejic85/call-me.git"
+    },
+    "keywords": [
+        "docker",
+        "webrtc",
+        "decentralized"
+    ],
     "scripts": {
         "start": "node app/server.js",
         "dev": "nodemon app/server.js",

public/index.html

@@ -14,6 +14,14 @@
         <link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png" />
         <link rel="manifest" href="/favicon/site.webmanifest" />
 
+        <!-- https://ogp.me -->
+        <meta property="og:type" content="app-webrtc" />
+        <meta property="og:site_name" content="Call-me" />
+        <meta property="og:title" content="Click the link to make a call." />
+        <meta property="og:description" content="Your Go-To for Instant Video Calls!" />
+        <meta property="og:image" content="https://cme.mirotalk.com/assets/callme.png" />
+        <meta property="og:url" content="https://cme.mirotalk.com" />
+
         <!-- Link to Bootstrap CSS -->
         <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap/dist/css/bootstrap.min.css" />
 
@@ -55,6 +63,18 @@
                                     </div>
                                     <!-- Sign-in button -->
                                     <button id="signInBtn" type="submit" class="btn btn-primary">Sign In</button>
+                                    <!-- GitHub project -->
+                                    <div id="githubDiv">
+                                        <a
+                                            class="github-button"
+                                            href="https://github.com/miroslavpejic85/call-me"
+                                            data-color-scheme="no-preference: light; light: light; dark: dark;"
+                                            data-size="large"
+                                            data-show-count="true"
+                                            aria-label="Star miroslavpejic85/call-me on GitHub"
+                                            >Star
+                                        </a>
+                                    </div>
                                 </form>
                             </div>
                         </div>
@@ -129,6 +149,9 @@
         <!-- Include Bootstrap JavaScript file -->
         <script src="https://cdn.jsdelivr.net/npm/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
 
+        <!-- Include GitHub buttons -->
+        <script src="https://buttons.github.io/buttons.js"></script>
+
         <!-- Initialize tooltips -->
         <script>
             document.addEventListener('DOMContentLoaded', function () {

public/style.css

@@ -109,6 +109,11 @@ input {
     border-radius: 50px !important;
 }
 
+/* GitHub div */
+#githubDiv {
+    margin-top: 35px;
+}
+
 /* Swal2 custom theme */
 .swal2-popup {
     background-color: #333 !important;