Merge pull request #2 from tier3guy/master

updating...
tier3guy · Jul 18, 2022 · dffd15a · dffd15a
2 parents 243ab47 + aedb59e
commit dffd15a
Show file tree

Hide file tree

Showing 9 changed files with 126 additions and 152 deletions.
diff --git a/public/404.html b/public/404.html
@@ -9,26 +9,30 @@
  <!-- TITLE -->
  <title>404 Not Found</title>
 
- <!-- RESET CSS -->
- <!-- <link rel="stylesheet" href="./reset.css" -->
+ <!-- bootstrap Icons -->
+ <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">
  <!-- CSS -->
  <link rel="stylesheet" href="../src/CSS/404/404.css">
 
  </head>
  <body>
  <div id="not_found">
  <div class="not_found">
- <div class="not_found_text">
+ <div class="not_found_404">
  <h1>404</h1>
- <h2>Page not found</h2>
  </div>
- <div class="not_found_links">
- <div class="button_borders">
- <button href="../index.html">Let's go back.</button>
+ <div class="not_found_text">
+ <h2>Page not found</h2>
+ <p>The page you are looking for does not exist or might have been removed had its name changed or is temporarily unavailable. <a href="../index.html">Return to homepage</a></p>
+ <div class="not_found_socials">
+ <a href="https://discord.gg/ZkHXnxhda7"><i class="bi bi-discord"></i></a>
+ <a href="https://www.facebook.com/profile.php?id=100042540223986"><i class="bi bi-facebook"></i></a>
+ <a href="https://www.instagram.com/programmer_gupta/"><i class="bi bi-instagram"></i></a>
+ <a href="https://twitter.com/Avinash35925012"><i class="bi bi-twitter"></i></a>
  </div>
- <p>The page you're looking for doesn't exist.</p>
  </div>
  </div>
  </div>
+ </div>
  </body>
 </html>
diff --git a/public/studyroom.html b/public/studyroom.html
@@ -150,8 +150,14 @@ <h3 class="text-center">Interview Preparation</h3>
  <h2>Acadmica</h2>
  <p>Help you to study more often</p>
  <p>than before</p>
+ <a href="https://www.buymeacoffee.com/gavinash62D" class="buyMeCoffee-btn">
+ <div class="mt-5 d-flex align-items-center">
+ <img class="img-buy-coffee mr-3" src="../src/assets/buyMeCoffeeLogo.png">
+ Help us grow more
+ </div>
+ </a>
  </div>
- <div class="footer-col">
+ <div class="footer-col footer-col-second">
  <h2>
  Support
  <div class="underline"><span></span></div>

diff --git a/src/CSS/404/404.css b/src/CSS/404/404.css
@@ -2,30 +2,24 @@
  margin: 0;
  padding: 0;
  box-sizing: border-box;
+ -webkit-box-sizing: border-box;
 }
 
 :root {
- --color-platinum: #e5e6e4;
- --color-gray-light: #ececeb;
- --color-white: #fff;
- --color-gray-dark: #8c8c8c;
- --color-purple-tint: #361448;
- --color-embeded-green: #50C878;
- --color-sunny-yellow: #fed426;
+ --color-blue: #4850e2;
+ --color-blue-varient: #374088;
+ --color-light: #f2f2f3;
+ --color-light-varient: #d1d0d1;
 }
 
-body {
- width: 100%;
- height: 100%;
- font-family: 'Roboto', sans-serif;
- font-size: 16px;
- background: var(--color-platinum);
+@font-face {
+ font-family: "Barlow";
+ src: url('https://fonts.googleapis.com/css2?family=Barlow:wght@100;200;300;400;500;600;700&display=swap');
 }
 
 #not_found {
  position: relative;
  height: 100vh;
- background: var(--color-platinum);
 }
 
 #not_found .not_found {
@@ -42,156 +36,93 @@ body {
  width: 100%;
  line-height: 1.4;
  text-align: center;
+ padding: 15px;
 }
 
-.not_found_text {
+.not_found .not_found_404 {
  position: relative;
- height: 180px;
- margin-bottom: 20px;
- z-index: -1;
+ height: 220px;
 }
 
-.not_found_text h1 {
- font-family: 'Montserrat', sans-serif;
+.not_found .not_found_404 h1 {
+ font-family: "Barlow";
  position: absolute;
  left: 50%;
  top: 50%;
- -webkit-transform: translate(-50% , -50%);
- -ms-transform: translate(-50% , -50%);
- transform: translate(-50% , -50%);
- font-size: 224px;
- font-weight: 900;
- margin-top: 0px;
- margin-bottom: 0px;
- margin-left: -12px;
- color: var(--color-purple-tint);
- /* color: transparent; */
+ -webkit-transform: translate(-50%, -50%);
+ -ms-transform: translate(-50%, -50%);
+ transform: translate(-50%, -50%);
+ font-size: 186px;
+ font-weight: 200;
+ margin: 0px;
+ background: linear-gradient(130deg, var(--color-blue), var(--color-blue-varient));
+ color: transparent;
+ -webkit-background-clip: text;
+ background-clip: text;
  text-transform: uppercase;
- text-shadow: -1.5px -1.5px 0px #8400ff, 2.25px 2.25px 0px #ff005a;
- letter-spacing: -20px;
 }
 
 .not_found_text h2 {
- font-family: 'Montserrat', sans-serif;
- position: absolute;
- left: 0;
- right: 0;
- top: 110px;
- font-size: 42px;
- font-weight: 700;
- color: var(--color-white);
+ font-family: "Barlow";
+ font-size: 33px;
+ font-weight: 200;
+ text-align: center;
  text-transform: uppercase;
- text-shadow: -1px -1px 0px var(--color-embeded-green), 1px 1px 0px var(--color-purple-tint);
- letter-spacing: 13px;
- margin: 0;
-}
-
-.button_borders button {
- /* font-family: 'Ropa Sans', sans-serif; */
- /* font-family: 'Valorant', sans-serif; */
- color: white;
- cursor: pointer;
- font-size: 13px;
- font-weight: bold;
- letter-spacing: 0.05rem;
- border: 1px solid #0E1822;
- padding: 0.8rem 2.1rem;
- background-image: url("data:image/svg+xml,%3Csvg xmlns='http:https://www.w3.org/2000/svg' viewBox='0 0 531.28 200'%3E%3Cdefs%3E%3Cstyle%3E .shape %7B fill: %23FF4655 /* fill: %230E1822; */ %7D %3C/style%3E%3C/defs%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpolygon class='shape' points='415.81 200 0 200 115.47 0 531.28 0 415.81 200' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
- background-color: #0E1822;
- background-size: 200%;
- background-position: 200%;
- background-repeat: no-repeat;
- transition: 0.3s ease-in-out;
- transition-property: background-position, border, color;
- position: relative;
- z-index: 1;
-}
-
-.button_borders button:hover {
- border: 1px solid #FF4655;
- color: white;
- background-position: 40%;
-}
-
-.button_borders button:before {
- content: "";
- position: absolute;
- background-color: #0E1822;
- width: 0.2rem;
- height: 0.2rem;
- top: -1px;
- left: -1px;
- transition: background-color 0.15s ease-in-out;
-}
-
-.button_borders button:hover:before {
- background-color: white;
+ margin-top: 0px;
+ margin-bottom: 25px;
+ letter-spacing: 3px;
+ word-spacing: 5px;
 }
 
-.button_borders button:hover:after {
- background-color: white;
+.not_found_text p {
+ font-family: "Barlow";
+ font-size: 16px;
+ font-weight: 200;
+ margin-top: 0px;
+ margin-bottom: 25px;
+ word-spacing: 3px;
 }
 
-.button_borders button:after {
- content: "";
- position: absolute;
- background-color: #FF4655;
- width: 0.3rem;
- height: 0.3rem;
- bottom: -1px;
- right: -1px;
- transition: background-color 0.15s ease-in-out;
+.not_found_text a {
+ font-family: "Barlow";
+ color: var(--color-blue);
+ font-weight: 200;
+ text-decoration: none;
+ border-bottom: 1px dashed var(--color-light-varient);
+ border-radius: 2px;
 }
 
-.button-borders {
- position: relative;
- width: fit-content;
- height: fit-content;
+.not_found_socials>a {
+ display: inline-block;
+ justify-content: center;
+ line-height: 40px;
+ width: 40px;
+ font-size: 18px;
+ color: var(--color-blue-varient);
+ border: 1px solid var(--color-light);
+ border-radius: 50%;
+ margin: 3px;
+ -webkit-transition: 0.2s all;
+ transition: 0.2s all;
 }
 
-.button-borders:before {
- content: "";
- position: absolute;
- width: calc(100% + 0.5em);
- height: 50%;
- left: -0.3em;
- top: -0.3em;
- border: 1px solid #0E1822;
- border-bottom: 0px;
- /* opacity: 0.3; */
+.not_found_socials>a:hover {
+ color: var(--color-light);
+ background-color: var(--color-blue);
+ border-color: 1px solid var(--color-blue-varient);
 }
 
-.button-borders:after {
- content: "";
- position: absolute;
- width: calc(100% + 0.5em);
- height: 50%;
- left: -0.3em;
- bottom: -0.3em;
- border: 1px solid #0E1822;
- border-top: 0px;
- /* opacity: 0.3; */
- z-index: 0;
-}
+@media only screen and (max-width: 480px) {
+ .not_found .not_found_404 {
+ position: relative;
+ height: 168px;
+ }
 
-.not_found_links p {
- font-size: 16px;
- font-weight: 400;
- color: black;
- text-transform: uppercase;
- margin-top: 2rem;
- letter-spacing: 0.2em;
- word-spacing: 0.5rem;
-}
+ .not_found .notfound_404 h1 {
+ font-size: 142px;
+ }
 
-@media only screen and (max-width: 767px) {
  .not_found_text h2 {
  font-size: 24px;
  }
-}
-
-@media only screen and (max-width: 480px) {
- .not_found_text h1 {
- font-size: 182px;
- }
 }
diff --git a/src/CSS/components-css/footer.css b/src/CSS/components-css/footer.css
@@ -137,6 +137,9 @@ footer hr {
  .footer-col-first p{
  display: inline;
  }
+ .footer-col-first div {
+ justify-content: center;
+ }
  .footer-col-second{
  margin-top: 2em;
  }

diff --git a/src/pages/academics/csit.html b/src/pages/academics/csit.html
@@ -339,8 +339,14 @@ <h1>
  <h2>Academica</h2>
  <p>Help you to study more often</p>
  <p>than before</p>
+ <a href="https://www.buymeacoffee.com/gavinash62D" class="buyMeCoffee-btn">
+ <div class="mt-5 d-flex align-items-center">
+ <img class="img-buy-coffee mr-3" src="../../assets/buyMeCoffeeLogo.png">
+ Help us grow more
+ </div>
+ </a>
  </div>
- <div class="footer-col">
+ <div class="footer-col footer-col-second">
  <h2>
  Support
  <div class="underline"><span></span></div>

diff --git a/src/pages/academics/main.html b/src/pages/academics/main.html
@@ -108,8 +108,14 @@ <h1 class="text-center w-50 m-auto">Find your <span>stream !</span> and enjoy th
  <h2>Academica</h2>
  <p>Help you to study more often</p> 
  <p>than before</p>
+ <a href="https://www.buymeacoffee.com/gavinash62D" class="buyMeCoffee-btn">
+ <div class="mt-5 d-flex align-items-center">
+ <img class="img-buy-coffee mr-3" src="../../assets/buyMeCoffeeLogo.png">
+ Help us grow more
+ </div>
+ </a>
  </div>
- <div class="footer-col">
+ <div class="footer-col footer-col-second">
  <h2> Support <div class="underline"><span></span></div></h2>
  <p>Help center </p>
  <p class="email-id">[email protected]</p>

diff --git a/src/pages/academics/syllabus.html b/src/pages/academics/syllabus.html
@@ -957,8 +957,14 @@ <h2 class="text-center">AICTE UG Syllabus and Course Curriculum </h2>
  <h2>Academica</h2>
  <p>Help you to study more often</p> 
  <p>than before</p>
+ <a href="https://www.buymeacoffee.com/gavinash62D" class="buyMeCoffee-btn">
+ <div class="mt-5 d-flex align-items-center">
+ <img class="img-buy-coffee mr-3" src="../../assets/buyMeCoffeeLogo.png">
+ Help us grow more
+ </div>
+ </a>
  </div>
- <div class="footer-col">
+ <div class="footer-col footer-col-second">
  <h2> Support <div class="underline"><span></span></div></h2>
  <p>Help center </p>
  <p class="email-id">[email protected]</p>

diff --git a/src/pages/development/main.html b/src/pages/development/main.html
@@ -103,8 +103,14 @@ <h1 class="text-center"><span>and find your interest</span>!</h1>
  <h2>Academica</h2>
  <p>Help you to study more often</p> 
  <p>than before</p>
+ <a href="https://www.buymeacoffee.com/gavinash62D" class="buyMeCoffee-btn">
+ <div class="mt-5 d-flex align-items-center">
+ <img class="img-buy-coffee mr-3" src="../../assets/buyMeCoffeeLogo.png">
+ Help us grow more
+ </div>
+ </a>
  </div>
- <div class="footer-col">
+ <div class="footer-col footer-col-second">
  <h2> Support <div class="underline"><span></span></div></h2>
  <p>Help center </p>
  <p class="email-id">[email protected]</p>