Fixed some responsiveness issues

PoweredByApartium · Oct 16, 2024 · 424a337 · 424a337
1 parent cc6ec95
commit 424a337
Show file tree

Hide file tree

Showing 2 changed files with 41 additions and 35 deletions.
diff --git a/.vitepress/theme/404.vue b/.vitepress/theme/404.vue
@@ -11,14 +11,14 @@ const { site } = useData()
       <img width="540" src="/img/404_z4xiwg.webp">
     </div>
 
-    <h1>Womp Womp!</h1>
-    <p>You have reached the end of the internet!</p>
+    <h1> <strong>Womp Womp!</strong></h1>
+    <p style="font-size: 25px;">You have reached the end of the internet!</p><br>
     <p>Looks like you need to go outside and touch some grass :)</p>
-    <p>Until then, you can get back on track with the following links:</p>
+    <p>Until then, you can get back on track with the following links:</p><br>
 
     <ul class="btns">
       <li><a :href="site.base" class="button-34">Go to Homepage</a> </li>
-     <li> <a href="#" @click="$router.go(-1)" class="button-34"> Go Back</a></li>
+     <li> <a href="#" onclick="history.back()" @click="$router.go(-1)"  class="button-34"> Go Back</a></li>
     </ul>
   </div>
 </template>
@@ -59,28 +59,23 @@ img {
 }
 
 /* CSS */
-  .button-34 {
+.button-34 {
   background: #5E5DF0;
   border-radius: 999px;
   box-shadow: #5E5DF0 0 10px 20px -10px;
-  box-sizing: border-box;
   color: #FFFFFF;
   cursor: pointer;
-  font-family: Inter,Helvetica,"Apple Color Emoji","Segoe UI Emoji",NotoColorEmoji,"Noto Color Emoji","Segoe UI Symbol","Android Emoji",EmojiSymbols,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",sans-serif;
+  font-family: Inter, Helvetica, "Apple Color Emoji", "Segoe UI Emoji", NotoColorEmoji, "Noto Color Emoji", "Segoe UI Symbol", "Android Emoji", EmojiSymbols, -apple-system, system-ui, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", sans-serif;
   font-size: 16px;
   font-weight: 700;
-  line-height: 24px;
   opacity: 1;
   outline: 0 solid transparent;
-  padding: 8px 18px;
-  user-select: none;
-  -webkit-user-select: none;
-  touch-action: manipulation;
-  width: fit-content;
-  word-break: break-word;
+  padding: 10px 20px; /* Adjusted padding */
+  width: auto; /* Changed from fit-content to auto */
+  max-width: 200px; /* Set a max-width for the button */
   border: 0;
   transition: ease-in-out 0.2s;
-  }
+}
 
   .btns {
     display: flex;
@@ -105,4 +100,12 @@ img {
     transition: ease-in-out 0.2s;
   }
 
+@media (max-width: 600px) {
+  .button-34 {
+    font-size: 14px; /* Adjust font size for smaller screens */
+    padding: 8px 16px; /* Responsive padding */
+    width: auto; /* Keep width auto */
+  }
+}
+
 </style>
diff --git a/index.md b/index.md
@@ -59,19 +59,38 @@ const member = [
       { icon: 'linkedin', link: 'https://www.linkedin.com/in/ofir-hoffman-503518221/' }
     ]
   },
-{
+ {
     avatar: 'https://www.github.com/ikfir.png',
+    name: 'Kfir Botnik',
+    title: 'Senior Contributor',
+    links: [
+      { icon: 'github', link: 'https://github.com/ikfir' },
+      { icon: 'discord', link: 'https://discord.com/users/248460319117017088' },
+      { icon: 'linkedin', link: 'https://www.linkedin.com/in/kfir-botnik/' },
+      { 
+        icon: {
+            svg: '<svg xmlns="http://www.w3.org/2000/svg" width="36px" height="36px" viewBox="0 0 24 24"><path fill="currentColor" d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2m0 4l-8 5l-8-5V6l8 5l8-5z"></path></svg>'
+        }, 
+        link: 'mailto:[email protected]' 
+      }
+    ]
+  },
+{
+    avatar: 'https://i.ibb.co/0cgDgBX/download.jpg',
     name: 'Elay Sasy',
     title: 'Senior UX/UI Designer',
     links: [
       { icon: 'discord', link: 'https://discord.com/users/216930746340868096' },
-      { icon: 'linkedin', link: 'https://www.linkedin.com/in/kfir-botnik/' },
+      { icon: 'linkedin', link: 'https://www.linkedin.com/in/elay-sasy-658102189/' },
       { 
         icon: {
         svg: '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M22 7h-7v-2h7v2zm1.726 10c-.442 1.297-2.029 3-5.101 3-3.074 0-5.564-1.729-5.564-5.675 0-3.91 2.325-5.92 5.466-5.92 3.082 0 4.964 1.782 5.375 4.426.078.506.109 1.188.095 2.14h-8.027c.13 3.211 3.483 3.312 4.588 2.029h3.168zm-7.686-4h4.965c-.105-1.547-1.136-2.219-2.477-2.219-1.466 0-2.277.768-2.488 2.219zm-9.574 6.988h-6.466v-14.967h6.953c5.476.081 5.58 5.444 2.72 6.906 3.461 1.26 3.577 8.061-3.207 8.061zm-3.466-8.988h3.584c2.508 0 2.906-3-.312-3h-3.272v3zm3.391 3h-3.391v3.016h3.341c3.055 0 2.868-3.016.05-3.016z"/></svg>'
     }, 
-        link: 'mailto:[email protected]' 
-      }
+        link: 'https://behance.net/mutedlyfx' 
+      },
+{ icon: {
+        svg: '<svg xmlns="http://www.w3.org/2000/svg" width="36px" height="36px" viewBox="0 0 24 24"><path fill="currentColor" d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2m0 4l-8 5l-8-5V6l8 5l8-5z"></path></svg>'
+        }, link: 'mailto:[email protected]' }
     ]
   },
   {
@@ -92,22 +111,6 @@ const member = [
       { icon: 'github', link: 'https://github.com/justnotro' },
       { icon: 'discord', link: 'https://discord.com/users/333628700321120257' }
     ]
-  },
-  {
-    avatar: 'https://www.github.com/ikfir.png',
-    name: 'Kfir Botnik',
-    title: 'Senior Contributor',
-    links: [
-      { icon: 'github', link: 'https://github.com/ikfir' },
-      { icon: 'discord', link: 'https://discord.com/users/248460319117017088' },
-      { icon: 'linkedin', link: 'https://www.linkedin.com/in/kfir-botnik/' },
-      { 
-        icon: {
-            svg: '<svg xmlns="http://www.w3.org/2000/svg" width="36px" height="36px" viewBox="0 0 24 24"><path fill="currentColor" d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2m0 4l-8 5l-8-5V6l8 5l8-5z"></path></svg>'
-        }, 
-        link: 'mailto:[email protected]' 
-      }
-    ]
   }
 ]
 </script>