feat: misc improvements

thaddeuskkr · Feb 27, 2025 · ec37cbf · ec37cbf
2 parents 1803d9f + d2a47ab
commit ec37cbf
Show file tree

Hide file tree

Showing 2 changed files with 43 additions and 46 deletions.
diff --git a/src/components/Navigation.astro b/src/components/Navigation.astro
@@ -6,20 +6,6 @@ const { active } = Astro.props;
     <div
         class="fixed z-50 flex w-screen flex-row items-center justify-between rounded-md border border-zinc-800/30 bg-zinc-900/40 px-3 py-3 backdrop-blur-md md:mt-6 md:w-[95%] lg:w-5xl">
         <a href="/" class="px-2 text-lg font-bold">tkkr.dev</a>
-        <div class="hidden items-center justify-center space-x-2 overflow-clip md:flex">
-            <svg
-                xmlns="http://www.w3.org/2000/svg"
-                fill="none"
-                viewBox="0 0 24 24"
-                stroke-width="2"
-                class="size-6 stroke-red-400">
-                <path
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                    d="M12 9v3.75m9-.75a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9 3.75h.008v.008H12v-.008Z"></path>
-            </svg>
-            <p class="m-auto text-center text-nowrap text-red-400">This site is currently in development.</p>
-        </div>
         <ul class="flex items-center space-x-2">
             <li>
                 <a

diff --git a/src/pages/about.astro b/src/pages/about.astro
@@ -89,28 +89,39 @@ const path = Astro.url.pathname.replace(/\//g, "");
             <p>
                 I'm a first-year student at Nanyang Polytechnic's School of IT, currently enrolled in the Common ICT
                 Programme. I have a strong passion for technology, and I've built extensive hands-on experience in
-                full-stack web development and systems administration, while also dabbling in various other emerging
-                tools and frameworks to keep myself up-to-date with the latest industry trends.
+                full-stack web development and systems administration, while also exploring various emerging tools and
+                frameworks to stay current with the latest industry trends. In my free time, I enjoy gaming,
+                photography, listening to music, and experimenting with personal coding projects.
             </p>
         </div>
         <div class="mb-4 flex flex-col gap-2">
-            <h2 class="mt-2 text-xl font-bold">Experience</h2>
-            <div class="flex flex-col gap-2 md:flex-row md:gap-10">
+            <h2 class="mt-2 text-xl font-bold">Skills</h2>
+            <div class="flex flex-col gap-2 md:flex-row md:gap-12">
                 <div class="flex flex-col gap-2">
                     <h3 class="font-semibold">Programming Languages</h3>
                     <ul class="list-inside list-disc">
-                        <li>Astro (HTML/CSS)</li>
-                        <li>Node.js & Bun (TypeScript/JavaScript)</li>
+                        <li>HTML & CSS</li>
+                        <li>TypeScript & JavaScript</li>
                         <li>Python</li>
                         <li>Bash</li>
                     </ul>
                 </div>
+                <div class="flex flex-col gap-2">
+                    <h3 class="font-semibold">Frameworks</h3>
+                    <ul class="list-inside list-disc">
+                        <li>Astro</li>
+                        <li>Tailwind CSS</li>
+                        <li>Vue</li>
+                        <li>Flask & Jinja</li>
+                    </ul>
+                </div>
                 <div class="flex flex-col gap-2">
                     <h3 class="font-semibold">Tools</h3>
                     <ul class="list-inside list-disc">
                         <li>Docker</li>
                         <li>Caddy</li>
-                        <li>Git & SSH</li>
+                        <li>Git</li>
+                        <li>SSH</li>
                     </ul>
                 </div>
             </div>
@@ -135,29 +146,29 @@ const path = Astro.url.pathname.replace(/\//g, "");
             </div>
         </div>
     </div>
-</Layout>
 
-<script>
-    async function updateDiscordStatus() {
-        const response = await fetch("https://lanyard.tkkr.dev/v1/users/275830234262142978");
-        const discordPresence = await response.json();
-        if (!discordPresence.success) return;
-        const discordStatusEl = document.getElementById("discord-status");
-        if (discordStatusEl) discordStatusEl.textContent = discordPresence.data.discord_status || "offline";
-    }
-    function updateTime() {
-        const timeEl = document.getElementById("time");
-        if (timeEl)
-            timeEl.textContent = new Date()
-                .toLocaleTimeString("en-SG", {
-                    hour: "2-digit",
-                    minute: "2-digit",
-                    second: "2-digit",
-                })
-                .toUpperCase();
-    }
-    updateTime();
-    updateDiscordStatus();
-    setInterval(updateTime, 1000);
-    setInterval(updateDiscordStatus, 30000);
-</script>
+    <script>
+        async function updateDiscordStatus() {
+            const response = await fetch("https://lanyard.tkkr.dev/v1/users/275830234262142978");
+            const discordPresence = await response.json();
+            if (!discordPresence.success) return;
+            const discordStatusEl = document.getElementById("discord-status");
+            if (discordStatusEl) discordStatusEl.textContent = discordPresence.data.discord_status || "offline";
+        }
+        function updateTime() {
+            const timeEl = document.getElementById("time");
+            if (timeEl)
+                timeEl.textContent = new Date()
+                    .toLocaleTimeString("en-SG", {
+                        hour: "2-digit",
+                        minute: "2-digit",
+                        second: "2-digit",
+                    })
+                    .toUpperCase();
+        }
+        updateTime();
+        updateDiscordStatus();
+        setInterval(updateTime, 1000);
+        setInterval(updateDiscordStatus, 30000);
+    </script>
+</Layout>