Merge pull request #12 from TartejBrothers/Changes

Refactoring Code
TartejBrothers · Dec 8, 2023 · 710b635 · 710b635
2 parents 05d7935 + 95fbd89
commit 710b635
Show file tree

Hide file tree

Showing 5 changed files with 232 additions and 403 deletions.
diff --git a/activites.html b/activites.html
@@ -5,6 +5,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Activites</title>
     <link rel="stylesheet" href="css/activites.css" />
+    <link rel="stylesheet" href="css/global.css" />
+    <link rel="icon" type="image/x-icon" href="/images/assests/logo.png" />
   </head>
   <body>
     <div class="header">

diff --git a/css/activites.css b/css/activites.css
@@ -1,188 +1,4 @@
-@font-face {
-  font-family: mediamoure;
-  src: url("/fonts/mediamoure.ttf");
-}
-@font-face {
-  font-family: abhayalibre;
-  src: url("/fonts/AbhayaLibre.ttf");
-}
-@font-face {
-  font-family: lora;
-  src: url("/fonts/lora.ttf");
-}
-@font-face {
-  font-family: roboto;
-  src: url("/fonts/roboto.ttf");
-}
-@font-face {
-  font-family: opensans;
-  src: url("/fonts/opensans.ttf");
-}
-
-* {
-  margin: 0;
-  padding: 0;
-  box-sizing: border-box;
-  -ms-overflow-style: none;
-  scrollbar-width: none;
-}
-body {
-  width: 100%;
-  overflow-x: hidden;
-}
-*::-webkit-scrollbar {
-  display: none;
-}
-.header {
-  background-image: none;
-  background-color: #fff;
-  color: #000;
-}
-.headerbody h1 {
-  font-family: mediamoure;
-  color: #000;
-}
-
-input#search {
-  color: #000;
-  border-radius: 21.5px;
-  border: 1px solid #000;
-  font-size: 16px;
-  background-color: transparent;
-  background-image: url("/images/assests/searchdark.png");
-  background-position: 5px 5px;
-  background-repeat: no-repeat;
-  width: 100%;
-  padding: 6px 20px 6px 40px;
-}
-
-.navbar {
-  padding: 20px 20px;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-}
-.navleft {
-  padding-left: 20px;
-  display: flex;
-  gap: 20px;
-  align-items: center;
-}
-
-.navright {
-  padding-right: 20px;
-  display: flex;
-  gap: 50px;
-  align-items: center;
-}
-
-.navbar a {
-  color: #000;
-  text-decoration: none;
-  font-family: abhayalibre;
-  font-size: 20px;
-}
-.splitter {
-  margin: 20px auto 20px auto;
-  width: 80%;
-}
-#menu-container {
-  position: relative;
-}
-
-#menu-button {
-  cursor: pointer;
-  padding: 15px;
 
-  color: #fff;
-  text-align: center;
-}
-
-#dropdown-menu {
-  display: none;
-  position: absolute;
-  top: 60px;
-  right: 40px;
-  width: 25%;
-  background-color: #000;
-  color: #fff;
-  font-family: abhayalibre;
-  z-index: 1;
-  overflow: hidden;
-  padding: 30px;
-  flex-direction: column;
-  animation: slideIn 0.6s ease-out;
-  -webkit-box-shadow: 0px 0px 25px -2px rgba(0, 0, 0, 0.75);
-  -moz-box-shadow: 0px 0px 25px -2px rgba(0, 0, 0, 0.75);
-  box-shadow: 0px 0px 25px -2px rgba(0, 0, 0, 0.75);
-}
-
-@keyframes slideIn {
-  from {
-    height: 0;
-  }
-  to {
-    height: 750px;
-  }
-}
-@keyframes slideOut {
-  from {
-    height: 750px;
-  }
-  to {
-    height: 0;
-  }
-}
-
-.menu-item {
-  padding: 12px;
-  text-decoration: none;
-  color: #333;
-  display: block;
-  transition: background-color 0.3s;
-}
-.menu-item a {
-  color: #fff;
-  display: flex;
-  height: 100%;
-  align-items: center;
-}
-.dropdownbody h5 {
-  display: flex;
-  align-items: center;
-  font-family: abhayalibre;
-  font-size: 20px;
-  margin-bottom: 10px;
-  color: #e6222b;
-  vertical-align: middle;
-}
-.dropdownbody ul {
-  list-style-type: none;
-}
-.dropdownbody ul li {
-  margin-bottom: 10px;
-  text-align: left;
-  margin-bottom: 20px;
-  font-size: 15px;
-  margin-left: 40px;
-  margin-right: 20px;
-}
-.menu-item:hover {
-  background-color: #f1f1f1;
-}
-#close-button {
-  display: flex;
-  width: 100%;
-  justify-content: flex-end;
-  color: #fff;
-  padding: 10px;
-  text-align: center;
-  cursor: pointer;
-  padding: 20px;
-}
-#close-button img {
-  height: 25px;
-}
 .headerbody {
   display: flex;
   flex-direction: column;
@@ -269,42 +85,7 @@ input#search {
   .navitems {
     display: none;
   }
-  .headerbody h1 {
-    width: 80%;
-    font-size: 40px;
-  }
-  .headerbtn {
-    padding: 20px 40px 20px 40px;
-    font-size: 20px;
-  }
-  .navleft {
-    gap: 0px;
-    margin-right: 10px;
-  }
-  .navleft img {
-    margin-right: 10px;
-  }
-  #dropdown-menu {
-    width: 100%;
-    right: 0;
-    top: 0;
-  }
-  @keyframes slideIn {
-    from {
-      height: 0;
-    }
-    to {
-      height: 732px;
-    }
-  }
-  @keyframes slideOut {
-    from {
-      height: 732px;
-    }
-    to {
-      height: 0;
-    }
-  }
+
   .activities h1 {
     font-size: 60px;
   }