Merge pull request #61 from himalgnn/master

Added Progressbar on homepage
TheGuyDangerous · Oct 16, 2022 · 2d99d84 · 2d99d84
2 parents 1067f29 + c41c8de
commit 2d99d84
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 2 deletions.
diff --git a/Home.css b/Home.css
@@ -254,4 +254,25 @@
     transform: rotate(0);
     box-shadow: 2px 2px 5px #2fdcff;
   }
+}
+
+/* Progressbar CSS */
+.pace {
+  -webkit-pointer-events: none;
+  pointer-events: none;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  user-select: none;
+}
+.pace-inactive {
+  display: none;
+}
+.pace .pace-progress {
+  background: #bf0711;
+  position: fixed;
+  z-index: 2000;
+  top: 0;
+  right: 100%;
+  width: 100%;
+  height: 3px;
 }
diff --git a/index.html b/index.html
@@ -16,6 +16,7 @@
   <link rel="stylesheet" href="carousel.css" />
   <script class="u-script" type="text/javascript" src="jquery.js" defer=""></script>
   <script class="u-script" type="text/javascript" src="noobcoders.js" defer=""></script>
+  <script src="https://cdn.jsdelivr.net/npm/pace-js@latest/pace.min.js"></script>
   <link id="u-theme-google-font" rel="stylesheet"
     href="https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i">
   <link id="u-page-google-font" rel="stylesheet"
@@ -35,7 +36,6 @@
 Login. Get Exclusive recipes from all over the Internet at one place.Updated daily with over a 100 recipes to choose from.Created for the Code Academy Hackathon 2021.">
   <meta property="og:type" content="website">
 </head>
-
 <body data-home-page="Home.html" data-home-page-title="Home" class="u-body">
   <header class="u-clearfix u-header u-header" id="sec-aeb5">
     <div class="u-clearfix u-sheet u-sheet-1">