Fix issues

amanraox · Jan 4, 2025 · 7f72c5f · 7f72c5f
1 parent 19af7de
commit 7f72c5f
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 60 deletions.
diff --git a/index.html b/index.html
@@ -67,28 +67,16 @@ <h1>QR Code File Transfer</h1>
 
         <footer class="card" style="grid-column: 1 / -1; margin-top: 2rem; text-align: center;">
             <div class="footer-content">
-                <div class="footer2">
-                    <p>&copy; 2025 QR Code File Transfer | All rights reserved.</p>
-                    <p>Made With ❤️ By <a class="name" href="https://github.com/amanraox"> <i>Aman Umrao</i></a></p>
-                    <div class="connect">
-                        <p>Connect With Us:</p>
-                        <div class="social-icons">
-                            <a href="https://github.com/amanraox" target="_blank">
-                                <img src="https://cdn-icons-png.flaticon.com/512/25/25231.png" alt="GitHub" width="40"
-                                    height="40">
-                            </a>
-                            <a href="https://twitter.com" target="_blank">
-                                <img src="https://cdn-icons-png.flaticon.com/512/733/733579.png" alt="Twitter">
-                            </a>
-                            <a href="https://instagram.com" target="_blank">
-                                <img src="https://cdn-icons-png.flaticon.com/512/733/733558.png" alt="Instagram">
-                            </a>
-                            <a href="https://linkedin.com" target="_blank">
-                                <img src="https://cdn-icons-png.flaticon.com/512/733/733561.png" alt="LinkedIn">
-                            </a>
-                        </div>
-                    </div>
-                </div>
+                <p>🚀 Want to contribute? Check out the project on <br>
+                    <a href="https://github.com/amanraox/share-bits-wirelessly" target="_blank" 
+                       style="display: inline-flex; align-items: center; gap: 0.5rem;">
+                        <svg height="24" width="24" viewBox="0 0 16 16" style="fill: currentColor;">
+                            <path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"></path>
+                        </svg>
+                        GitHub
+                    </a>
+                </p>
+                <p>&copy; 2025 QR Code File Transfer | All rights reserved.</p>
             </div>
         </footer>
     </div>

diff --git a/style.css b/style.css
@@ -261,9 +261,7 @@ footer a:hover {
     align-items: center;
     padding: 0.2rem 0rem;
     background: rgba(0, 0, 0, 0);
-    /* Transparent with slight opacity */
     backdrop-filter: blur(10px);
-    /* Blurred glass effect */
     z-index: 1000;
 }
 
@@ -272,45 +270,36 @@ footer a:hover {
     display: flex;
     align-items: center;
     gap: 0.5rem;
-    /* Space between logo and text */
     padding-left: 25px;
 }
 
 .navbar-logo img {
     width: 70px;
     height: 70px;
     border-radius: 50%;
-    /* Rounded logo */
 }
 
 /* Theme Toggle Button */
 
 .theme-toggle {
     background: var(--primary-color, #6366f1);
-    /* Primary color or fallback */
     color: #ffffff;
-    /* White icon color */
     width: 40px;
     height: 40px;
     border: none;
     border-radius: 50%;
-    /* Circular button */
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 1.2rem;
-    /* Icon size */
     cursor: pointer;
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
-    /* Subtle shadow */
     transition: transform 0.3s ease, background-color 0.3s ease;
 }
 
 .theme-toggle:hover {
     transform: scale(1.1);
-    /* Slight zoom effect */
     background-color: #4f46e5;
-    /* Darker hover color */
 }
 
 /* Responsive Adjustments */
@@ -332,30 +321,3 @@ footer a:hover {
         margin-top: -8px;
     }
 }
-
-.footer2 .connect {
-    margin-top: 10px;
-}
-
-.footer2 .connect p {
-    font-size: 16px;
-    font-weight: bold;
-    margin-bottom: 10px;
-}
-
-.footer2 .social-icons {
-    display: flex;
-    justify-content: center;
-    gap: 15px;
-}
-
-.footer2 .social-icons a img {
-    width: 30px;
-    height: 30px;
-    transition: transform 0.3s ease, box-shadow 0.3s ease;
-}
-
-.footer2 .social-icons a img:hover {
-    transform: scale(1.2);
-    box-shadow: 0 0 10px rgba(255, 255, 255, 0.8);
-}