Fixed Issues

Author: Durgesh-Vaigandla

.idx/dev.nix

@@ -0,0 +1,54 @@
+# To learn more about how to use Nix to configure your environment
+# see: https://developers.google.com/idx/guides/customize-idx-env
+{ pkgs, ... }: {
+  # Which nixpkgs channel to use.
+  channel = "stable-23.11"; # or "unstable"
+
+  # Use https://search.nixos.org/packages to find packages
+  packages = [
+    # pkgs.go
+    # pkgs.python311
+    # pkgs.python311Packages.pip
+    # pkgs.nodejs_20
+    # pkgs.nodePackages.nodemon
+  ];
+
+  # Sets environment variables in the workspace
+  env = {};
+  idx = {
+    # Search for the extensions you want on https://open-vsx.org/ and use "publisher.id"
+    extensions = [
+      # "vscodevim.vim"
+    ];
+
+    # Enable previews
+    previews = {
+      enable = true;
+      previews = {
+        # web = {
+        #   # Example: run "npm run dev" with PORT set to IDX's defined port for previews,
+        #   # and show it in IDX's web preview panel
+        #   command = ["npm" "run" "dev"];
+        #   manager = "web";
+        #   env = {
+        #     # Environment variables to set for your server
+        #     PORT = "$PORT";
+        #   };
+        # };
+      };
+    };
+
+    # Workspace lifecycle hooks
+    workspace = {
+      # Runs when a workspace is first created
+      onCreate = {
+        # Example: install JS dependencies from NPM
+        # npm-install = 'npm install';
+      };
+      onStart = {
+        # Example: start a background task to watch and re-build backend code
+        # watch-backend = "npm run watch-backend";
+      };
+    };
+  };
+}

ScrollToTop.js

@@ -16,6 +16,4 @@ goTopBtn.addEventListener('click', ()=>{
         top:0,
         behavior:"smooth"
     })
-})
-
-
+})

css/main.css

@@ -0,0 +1,98 @@
+/* Remove default hyperlink style */
+a {
+    text-decoration: none;
+    color: inherit;
+  }
+  
+  /* Footer CSS */
+  .site-footer {
+    background-color: #f5f5f5;
+    padding: 30px 0;
+  }
+  
+  .site-footer h6 {
+    font-size: 18px;
+    margin-bottom: 15px;
+  }
+  
+  .site-footer ul {
+    list-style: none;
+    padding: 0;
+  }
+  
+  .site-footer li {
+    margin-bottom: 10px;
+  }
+  
+  .site-footer a {
+    color: #777;
+  }
+  
+  .site-footer a:hover {
+    color: #333;
+  }
+  
+  .site-footer hr {
+    margin: 20px 0;
+    border-top: 1px solid #e5e5e5;
+  }
+  
+  .site-footer .copyright-text {
+    font-size: 14px;
+    text-align: center;
+    margin-bottom: 0;
+  }
+  
+  
+  #goTopBtn {
+    display: none;
+    position: fixed;
+    bottom: 20px;
+    right: 30px;
+    z-index: 99;
+    border: none;
+    outline: none;
+    background-color: #555;
+    color: white;
+    cursor: pointer;
+    padding: 15px;
+    border-radius: 50%;
+    font-size: 18px;
+    
+}
+
+#goTopBtn:hover {
+    background-color: #333;
+    /* Darker shade on hover */
+}
+
+#goTopBtn i {
+    font-size: 24px;
+    position: relative;
+    left: 2px;
+    /* Increase icon size for better visibility */
+}
+
+/* Utilize column gaps when stretching columns */
+.align-items-stretch > .col {
+  @media (min-width: 992px) {
+    padding-left: var(--bs-gutter-xl);
+    padding-right: var(--bs-gutter-xl);
+  }
+}
+
+/* Prevent uneven gaps when floating children */
+.float-child {
+  float: left;
+  width: calc(50% - var(--bs-gutter-xl)/2);
+  margin-bottom: 2rem; // Set the same bottom margin as the original `mb-4` class
+}
+
+/* Override Bootstrap defaults to allow floated child elements */
+.row>.float-child {
+  box-sizing: border-box;
+  position: relative;
+  min-height: 1px;
+  padding-left: 0;
+  padding-right: 0;
+}