Merge pull request #1274 from Subhajit-2023-44/5

Fixed Header misalignment in contributors page done 🐞🐞🐞! #1271
vishanurag · Nov 11, 2024 · 7cfe185 · 7cfe185
2 parents 7798d65 + b1709d4
commit 7cfe185
Showing 1 changed file with 129 additions and 45 deletions.
diff --git a/contributors.html b/contributors.html
@@ -1,52 +1,57 @@
 <!DOCTYPE html>
 <html lang="en">
 
-<head>
-  <meta charset="UTF-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Contributors</title>
-  <link rel="stylesheet" href="src/Styles/contributor.css" />
-  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"
-    integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA=="
-    crossorigin="anonymous" referrerpolicy="no-referrer" />
-  <link rel="stylesheet" href="src/Styles/scroll.css">
-  <link href="https://cdn.jsdelivr.net/npm/[email protected]/fonts/remixicon.css" rel="stylesheet" />
-  <link
-    href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
-    rel="stylesheet" />
-  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css">
-  <link rel="stylesheet" href="style.css">
-  <style>
-    html {
-      scroll-behavior: smooth;
-    }
-
-    body {
-      background-image: linear-gradient(120deg, #fbccff, #d8f9ff, #d4c6ff);
-    }
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Contributors</title>
+    <link rel="stylesheet" href="src/Styles/contributor.css" />
+    <link
+      rel="stylesheet"
+      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"
+      integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA=="
+      crossorigin="anonymous"
+      referrerpolicy="no-referrer"
+    />
+    <link rel="stylesheet" href="src/Styles/scroll.css">
+    <link
+      href="https://cdn.jsdelivr.net/npm/[email protected]/fonts/remixicon.css"
+      rel="stylesheet"
+    />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
+      rel="stylesheet"
+    />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css">
+    <link rel="stylesheet" href="style.css">
+    <style>
+
+      html {
+        scroll-behavior: smooth;
+      }
+      body{
+        background-image: linear-gradient(120deg, #fbccff, #d8f9ff, #d4c6ff); 
+      }
+      /*  Navbar Styling  starts*/
+      .title5{
+    display: flex;
+    align-items: left;
+    color: white;
+    font-size: 1.5rem;
+    font-weight: bold;
+    justify-content: center;
+}
+.navbar {
+        background-color: #f0adfb;
+        padding: 10px;
+        display: flex;
+        justify-content: center; /* Center aligns the navbar */
+        position: fixed; /* Sticks to the top */
+        width: 100%;
+        z-index: 1000;
+        margin-top: -509px;
 
-    /*  Navbar Styling  starts*/
-    .title5 {
-      display: flex;
-      align-items: left;
-      color: white;
-      font-size: 1.5rem;
-      font-weight: bold;
-      justify-content: center;
-    }
 
-    .navbar {
-      background-color: #f0adfb;
-      padding: 10px;
-      display: flex;
-      justify-content: center;
-      /* Center aligns the navbar */
-      position: fixed;
-      /* Sticks to the top */
-      width: 100%;
-      z-index: 1000;
-      top: 0;
-    }
 
     .navbar h1 {
       color: rgb(255, 255, 255);
@@ -70,7 +75,86 @@
       background-color: #541058;
     }
 
-    /* navbar styling ends */
+
+      body.dark-mode {
+  background-color: #333;
+  color: #ffffff;
+}
+      .top-btn {
+        display: none;
+        width: 50px;
+        height: 50px;
+        position: fixed;
+        bottom: 10px;
+        right: 0px;
+        background-color: #ab45e7;
+        color: #fff;
+        padding: 2px;
+        border: none;
+        margin-right: 36px;
+        border-radius: 50%;
+        cursor: pointer;
+      }
+
+      .top-btn:hover {
+        background-color: #0056b3;
+      }
+
+      video#background-video {
+        position: fixed;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        object-fit: cover;
+        z-index: -1;
+        background-size: cover;
+      }
+
+      .pagination-btns {
+        margin: 50px 0px;
+      }
+
+      .pagination-btns button.btn {
+        border-radius: 5px;
+        outline: none;
+        margin: 5px 10px;
+        border: 1px solid rgb(146, 110, 110);
+      }
+
+      .pagination-btns button.btn, .pagination-btns button.btn i.bi {
+        font-size: 2rem;
+      }
+
+      .top-btn {
+
+        display: none;
+        width: 50px;
+        height: 50px;
+        position: fixed;
+        bottom: 10px;
+        right: 0px;
+        background-color: #ab45e7;
+        color: #fff;
+        padding: 2px;
+        border: none;
+        margin-right: 36px;
+        border-radius: 50%;
+        cursor: pointer;
+
+      }
+
+
+#progress-container {
+  position: fixed ;
+  top: 0px;
+  left: 0;
+  width: 100%;
+  height: 15px;
+  z-index: 99990;
+  /* background: #f3f3f3; */
+}
+
 
     body.dark-mode {
       background-color: #333;