[call-me] - move github button

2024-09-14 16:08:26 +02:00
parent 0d45ee43b3
commit 11a929e861
5 changed files with 26 additions and 15 deletions
@@ -83,11 +83,11 @@ const io = socketIO(server);
 // Start the server and listen on the specified port
 server.listen(port, () => {
    console.log('Server', {
-        version: packageJson.version,
        running_at: host,
        ice: config.iceServers,
        api_key_secret: config.apiKeySecret,
        api_docs: apiDocs,
+        version: packageJson.version,
    });
 });

@@ -1,6 +1,6 @@
 {
    "name": "callme",
-    "version": "1.0.4",
+    "version": "1.0.5",
    "description": "Your Go-To for Instant Video Calls",
    "author": "Miroslav Pejic - miroslav.pejic.85@gmail.com",
    "license": "AGPLv3",
@@ -10,6 +10,7 @@ const socket = io();
 const config = { iceServers: [{ urls: 'stun:stun.l.google.com:19302' }] };

 // DOM elements
+const githubDiv = document.querySelector('#githubDiv');
 const signInPage = document.querySelector('#signInPage');
 const usernameIn = document.querySelector('#usernameIn');
 const signInBtn = document.querySelector('#signInBtn');
@@ -164,6 +165,7 @@ function handleSignIn(data) {
    if (!success) {
        handleError('Username already in use. Try a different username.');
    } else {
+        githubDiv.style.display = 'none';
        signInPage.style.display = 'none';
        roomPage.style.display = 'block';

@@ -39,6 +39,19 @@
    </head>

    <body>
+        <!-- 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>
+
        <!-- Sign-in Page -->
        <div id="signInPage" class="container text-center center">
            <div class="container mt-5">
@@ -63,18 +76,6 @@
                                    </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>
@@ -22,6 +22,12 @@ body {
    background: url('background.jpg') center/cover no-repeat; /* Consolidate background properties */
 }

+/* Home Sign in */
+#signInPage {
+    position: absolute;
+    display: block;
+}
+
 /* General Card Styles */
 .card {
    max-width: 400px !important;
@@ -111,7 +117,9 @@ input {

 /* GitHub div */
 #githubDiv {
-    margin-top: 35px;
+    position: absolute;
+    top: 10px;
+    right: 10px;
 }

 /* Swal2 custom theme */