Merge pull request 'Update src/pages/services.astro' (#2) from vape/website:main into main

Reviewed-on: leafus/website#2

README.md

@@ -18,4 +18,21 @@ and use any static webserver like caddy and copy files from the `dist` folder to
 
 ## License
 
-License: MIT
+```txt
+Copyright 2024 Leafus
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and
+associated documentation files (the “Software”), to deal in the Software without restriction,
+including without limitation the rights to use, copy, modify, merge, publish, distribute,
+sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or
+substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT
+NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM,
+DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT
+OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+```

src/components/Footer.astro

@@ -61,7 +61,7 @@
         <div class="flex">
             <a href="https://git.fluffy.pw/leafus/website" target="_blank">
                 <div
-                    class="srcBtn flex items-center justify-center pl-4 pr-4 pt-2 pb-2 rounded-[15px] text-black mt-3 font-semibold bg-ctp-sky duration-300 hover:bg-ctp-blue transition-all"
+                    class="srcBtn flex items-center justify-center pl-4 pr-4 pt-2 pb-2 rounded-[15px] text-black mt-3 font-semibold bg-ctp-sky duration-300 hover:bg-ctp-blue transition-all active:scale-90"
                 >
                     Get Src
                 </div>

src/components/Navbar.astro

@@ -4,7 +4,7 @@ import { Icon } from "astro-icon/components";
 
 <div class="navbar">
     <div class="mt-6 ml-6 mr-6 flex items-center">
-        <a href="/" class="flex items-center">
+        <a href="/" class="flex items-center transition-all active:scale-90">
             <svg
                 viewBox="0 0 1024 1024"
                 class="w-[48px]"
@@ -58,10 +58,10 @@ import { Icon } from "astro-icon/components";
                 </svg>
             </div>
         </a>
-        <div class="ml-auto flex items-center gap-3 navItems-pc">
+        <div class="ml-auto flex items-center gap-3 navItems-pc transition-all active:scale-90">
             <a href="/services">
                 <div
-                    class="navItem flex items-center justify-center h-[40px] pl-3 pr-3"
+                    class="navItem flex items-center justify-center h-[40px] pl-3 pr-3 "
                 >
                     <Icon
                         class="text-[24px]"

src/pages/404.astro

@@ -0,0 +1,37 @@
+---
+import Layout from "@/layouts/Global.astro";
+import { Icon } from "astro-icon/components"
+---
+
+<Layout title="404 Not Found">
+    <div class="m-auto">
+        <div class="icon">
+            <Icon width={100} height={100} name="solar:danger-triangle-bold"/>
+        </div>
+
+        <div class="undr">
+            <div class="ntf">404 Not Found</div>
+            <div>
+                (╯°□°)╯ ┻━┻
+            </div>
+        </div>
+    </div>
+</Layout>
+
+<style>
+    .icon {
+        @apply animate-pulse text-ctp-red
+    }
+
+    .icon svg {
+        margin: auto;
+    }
+
+    .undr {
+        text-align: center;
+    }
+
+    .ntf {
+        @apply font-semibold text-[30px]
+    }
+</style>

src/pages/index.astro

@@ -12,7 +12,7 @@ import Pfp from "@/assets/leafus.png";
 					<span class="uwu">>~<</span>
 				</div>
 				<div class="font-semibold text-[30px] text-ctp-text">
-					I'm an 16 year old Full Stack web developer from poland.
+					I'm a 16 year old Full Stack web developer from poland.
 					Also im a <span class="text-ctp-mauve">furry</span> :3
 				</div>
 				<div class="text-ctp-pink font-semibold text-[20px]">

src/pages/services.astro

@@ -7,8 +7,8 @@ import { Icon } from "astro-icon/components";
     <div class="ml-6 w-full mr-6">
         <div class="text-ctp-mauve text-[50px] font-semibold">Services</div>
         <div class="text-[20px] font-semibold text-ctp-subtext1">
-            Here are some of my services, not much but something mainly stuff
-            that its useful for me
+            Here are some of my services, not much but something stuff
+            that is mainly useful for me
         </div>
         <div class="window bg-ctp-mantle p-5 rounded-[20px] mt-3">
             <div