Merge pull request #2953 from Risheendra183/discord

discord added
anuragverma108 · Oct 5, 2024 · a4f70c7 · a4f70c7
2 parents 8399a60 + 615a5f5
commit a4f70c7
Show file tree

Hide file tree

Showing 37 changed files with 7,237 additions and 3,783 deletions.
diff --git a/Mystical-fantaies.html b/Mystical-fantaies.html
@@ -878,6 +878,12 @@ <h2>Quick Links</h2>
 
 
         <div class="icons">
+           <a href="https://www.discord.com/" target="_blank">
+            <div class="icon">
+                <i class="fab fa-discord" title="Discord" style="cursor: pointer;"></i>
+             </div>
+           </a>
+
           <a href="https://www.linkedin.com/in/anurag-verma-b91417253/">
             <div class="icon">
               <i class="fab fa-linkedin" title="linkedin" style="cursor: pointer;"></i>

diff --git a/assets/css/MenuClick.css b/assets/css/MenuClick.css
@@ -1,68 +1,77 @@
 @media (max-width: 990px) {
-  body .switch-container{
-    margin-right: 10px !important;  
+  body .switch-container {
+    margin-right: 10px !important;
     position: unset !important;
   }
-  .logopic{
+  .logopic {
     margin: auto;
   }
   .switch-container {
     margin-top: 3.2rem;
     margin-right: -0.5rem;
   }
-  #mobile_View_Menu{
+  #mobile_View_Menu {
     display: flex;
     justify-content: center;
     align-items: center;
-    position: relative; 
+    position: relative;
     margin-left: 1rem;
   }
-  #menu_lines,#menu_lines::before,#menu_lines::after{
+  #menu_lines,
+  #menu_lines::before,
+  #menu_lines::after {
     height: 2px;
-    width: 15px; 
-    background: black; 
+    width: 15px;
+    background: black;
     transition: 0.2s ease-in;
   }
-  #menu_lines::before{
+  #menu_lines::before {
     content: "";
     position: absolute;
     top: -5px;
   }
-  #menu_lines::after{
+  #menu_lines::after {
     content: "";
     position: absolute;
     top: 5px;
-  } 
-  .light-mode .navbar{
+  }
+  .light-mode .navbar {
     background-color: white;
   }
-  .dark-mode .navbar{
-   background-color: black;
+  .dark-mode .navbar {
+    background-color: black;
   }
-  .dark-mode #menu_lines,.dark-mode #menu_lines::before,.dark-mode #menu_lines::after{
+  .dark-mode #menu_lines,
+  .dark-mode #menu_lines::before,
+  .dark-mode #menu_lines::after {
     background-color: white;
   }
-  .pricing{display: flex;flex-direction: column;justify-content: center;align-items: center;}
-  .pricing .container{
+  .pricing {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+  }
+  .pricing .container {
     max-width: 560px;
   }
-  body .navbar{ 
-  position: absolute; 
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  height: auto;
-  width: 70%; 
-transform: translateX(-80%);
-  top: 0;
-  }  
-body .nav_activated{
-transform: translateX(-200%);
- }
-  .navbar-list{
-    gap: 0.5rem;  
-  }
-  body .header{
+  body .navbar {
+    position: absolute;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: auto;
+    width: 70%;
+    transform: translateX(-80%);
+    top: 0;
+  }
+  body .nav_activated {
+    transform: translateX(-200%);
+  }
+  .navbar-list {
+    gap: 0.5rem;
+  }
+  body .header {
     top: 0.5rem;
     height: 9rem;
     left: 0;
@@ -74,7 +83,7 @@ transform: translateX(-200%);
     align-items: center;
     max-width: 100vw;
   }
-  .header .container{
+  .header .container {
     flex-direction: row;
     display: flex;
     justify-content: space-between;
@@ -83,51 +92,62 @@ transform: translateX(-200%);
     width: 100vw;
     max-width: 100vw;
   }
-  .navbar-link{
+  .navbar-link {
     height: auto;
   }
-  .icons{
+  .icons {
     width: auto;
+    padding-top: 10px;
   }
-  .open_menu #menu_lines::before,.open_menu #menu_lines::after{
+  .open_menu #menu_lines::before,
+  .open_menu #menu_lines::after {
     top: 0px;
   }
-  .open_menu #menu_lines{background: transparent;}
-  .open_menu #menu_lines::before{rotate: 45deg;}.open_menu #menu_lines::after{rotate: -45deg;}
-  .light-mode .navbar-item{
+  .open_menu #menu_lines {
+    background: transparent;
+  }
+  .open_menu #menu_lines::before {
+    rotate: 45deg;
+  }
+  .open_menu #menu_lines::after {
+    rotate: -45deg;
+  }
+  .light-mode .navbar-item {
     background-color: white;
     width: 100%;
   }
-  .dark-mode .navbar-item{
-   background-color: black;
-   width: 100%;
-  }
-  body .navbar-list{
-   display: block;
-   width:100%;
-   height:auto;
-   padding: 6rem;
-   overflow-y:scroll;
-   overflow-x: hidden;
-   transition: 0.3s ease-in;
-   border: none;
-  }
-   body .nav_activated{transform:translateX(-200%)}
+  .dark-mode .navbar-item {
+    background-color: black;
+    width: 100%;
+  }
+  body .navbar-list {
+    display: block;
+    width: 100%;
+    height: auto;
+    padding: 6rem;
+    overflow-y: scroll;
+    overflow-x: hidden;
+    transition: 0.3s ease-in;
+    border: none;
+  }
+  body .nav_activated {
+    transform: translateX(-200%);
+  }
 }
-@media (max-width:575px) {
-  body .navbar{
+@media (max-width: 575px) {
+  body .navbar {
     transform: translateX(0%);
   }
-  body .nav_activated{
+  body .nav_activated {
     transform: translateX(-200%);
   }
-  body .switch-container{
-    margin-right: 10px !important;  
+  body .switch-container {
+    margin-right: 10px !important;
     position: unset !important;
   }
 }
 @media (min-width: 990px) {
-  #mobile_View_Menu{
+  #mobile_View_Menu {
     display: none;
   }
-}
+}