update pages

xkeshav · xkeshav · commit 3cf4660af8a2 · 2025-10-30T18:59:16.000+05:30
diff --git a/.github/workflows/issue-title-formatter.yml b/.github/workflows/issue-title-formatter.yml
@@ -0,0 +1,19 @@
+name: "Auto Format Issue Title"
+
+on:
+  issues:
+    types: [opened, labeled]
+permissions:
+  issues: write
+
+jobs:
+  format_title:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Format issue title
+        uses: recursivezero/template/.github/actions/format-issue-title@v2.5
+        with:
+          prefix: TZD
+          dry_run: false
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
diff --git a/astro.config.mjs b/astro.config.mjs
@@ -27,9 +27,7 @@ export default defineConfig({
     })
   ],
   //adapter: node({ mode: "standalone" }),
-  //output: "static",
-  output: "server",
-  adapter: awsAmplify(),
+  output: "static",
   build: {
     format: "directory",
     assets: "assets"
diff --git a/public/theme.js b/public/theme.js
@@ -0,0 +1,7 @@
+(function () {
+  const savedTheme = localStorage.getItem("theme");
+  console.log("Saved theme:", savedTheme);
+  if (savedTheme) {
+    document.documentElement.setAttribute("data-theme", savedTheme);
+  }
+})();
diff --git a/src/assets/images/about.jpg b/src/assets/images/about.jpg
diff --git a/src/assets/images/contact-us.jpeg b/src/assets/images/contact-us.jpeg
diff --git a/src/assets/images/person-with-laptop.jpg b/src/assets/images/person-with-laptop.jpg
diff --git a/src/assets/images/workplace.jpg b/src/assets/images/workplace.jpg
diff --git a/src/assets/styles/globals.css b/src/assets/styles/globals.css
@@ -21,7 +21,6 @@
   html {
     color-scheme: light dark;
     height: 100%;
-    font-family: "Mudra";
 
     font-family: system-ui, sans-serif;
     scroll-behavior: smooth;
@@ -146,9 +145,10 @@
   .yellowBtnHover:hover {
     background-color: #b89405;
   }
+
   .clipped-logo {
     position: relative;
     -webkit-clip-path: inset(30px 10px 30px 10px);
     clip-path: inset(30px 10px 30px 10px);
   }
-}
+}
diff --git a/src/components/AboutSection.astro b/src/components/AboutSection.astro
@@ -1,3 +1,8 @@
+---
+import image from "@/assets/images/about.jpg";
+import { Image } from "astro:assets";
+---
+
 <section>
   <div class="w-full px-4 py-8 md:px-6 md:py-12 lg:px-8">
     <div class="mx-auto">
@@ -7,9 +12,10 @@
       </h1>
       <div class="flex flex-col gap-[1.5rem] lg:flex-row lg:justify-between lg:gap-[1.2rem] xl:gap-[3rem]">
         <figure class="basis-[55%] lg:h-[500px]">
-          <img
-            src="https://images.unsplash.com/photo-1515378791036-0648a3ef77b2?crop=entropy&cs=srgb&fm=jpg&ixid=M3wzNDk5MjB8MHwxfHNlYXJjaHw0MXx8VGVjaG5vbG9neXxlbnwwfHx8fDE3MDE2MTQ0NTd8MA&ixlib=rb-4.0.3&q=85"
-            alt="person working on a laptop "
+          <Image
+            src={image}
+            width={800}
+            alt="person working on a laptop"
             class="h-[250px] w-full rounded-xl object-cover md:h-[500px] lg:h-full"
           />
         </figure>
diff --git a/src/components/AppsSimplifySection.astro b/src/components/AppsSimplifySection.astro
@@ -1,3 +1,8 @@
+---
+import workplace from "@/assets/images/workplace.jpg";
+import { Image } from "astro:assets";
+---
+
 <section>
   <div class="p-[20px] lg:py-[50px]">
     <div class="mx-auto">
@@ -11,9 +16,10 @@
       <div class="section-description flex-row-reverse items-start justify-between gap-[20px] lg:flex">
         <div class="section-image mb-[10px] h-[150px] basis-[50%] md:h-[300px]">
           <figure>
-            <img
-              src="https://images.unsplash.com/photo-1563986768494-4dee2763ff3f?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wzNDk5MjB8MHwxfHNlYXJjaHw0NXx8VGVjaG5vbG9neXxlbnwwfHx8fDE3MDE2MTQ0NTh8MA&ixlib=rb-4.0.3&q=80&w=1080"
-              alt=""
+            <Image
+              src={workplace}
+              width={400}
+              alt="workplace"
               class="h-[150px] w-full rounded-[10px] object-cover md:h-[300px]"
             />
           </figure>
diff --git a/src/components/BlogCard.astro b/src/components/BlogCard.astro
@@ -29,7 +29,7 @@ const { url, title, description, image, author, date, height = "auto" } = Astro.
 
         <div class="absolute bottom-0 left-0 right-0 p-4 transition-transform duration-300 group-hover:translate-y-0">
           <h3
-            class="translate-y-6 text-base font-bold leading-tight text-white transition-transform duration-300 ease-in-out group-hover:translate-y-0"
+            class="translate-y-6 text-base font-bold leading-tight text-white transition-transform duration-300 ease-in-out group-hover:translate-y-0 dark:text-black"
           >
             {title}
           </h3>
diff --git a/src/components/ContactSection.astro b/src/components/ContactSection.astro
@@ -1,12 +1,18 @@
+---
+import contactUs from "@/assets/images/contact-us.jpeg";
+import { Image } from "astro:assets";
+---
+
 <section>
   <div class="p-[20px]">
     <div class="mx-auto">
       <div class="flex-row-reverse items-start gap-[20px] lg:flex">
         <div class="mb-[10px] basis-[50%] md:mb-[40px]">
           <figure>
-            <img
-              src="https://images.unsplash.com/photo-1504384308090-c894fdcc538d?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wzNDk5MjB8MHwxfHNlYXJjaHw0Nnx8VGVjaG5vbG9neXxlbnwwfHx8fDE3MDE2MTQ0NTh8MA&ixlib=rb-4.0.3&q=80&w=1080"
-              alt="contactus image"
+            <Image
+              src={contactUs}
+              width={800}
+              alt="contact us"
               class="h-[200px] w-full rounded-[10px] object-cover md:h-[400px]"
             />
           </figure>
diff --git a/src/components/Header.astro b/src/components/Header.astro
@@ -45,21 +45,6 @@ const isActive = (linkPath: string) => {
           </a>
         </h1>
         <ul class="menu-list flex items-center gap-[1.5rem] lg:flex-row-reverse">
-          <!--<li id="themeToggle">
-            <button class="sunBtn">const currentPath = Astro.url.pathname;
-const base = import.meta.env.BASE_URL || '/';
-
-// Helper function to create correct paths
-const createPath = (path: string) => {
-  if (path === '/') return base;
-  return `${base}${path}`.replace(/\/+/g, '/');
-};
-              <i class="fa fa-sun-o" aria-hidden="true">Light</i>
-            </button>
-            <button class="moonBtn hidden">
-              <i class="fa fa-moon-o" aria-hidden="true">Dark</i>
-            </button>
-          </li>-->
           <li id="menuToggle" class="menu-button lg:hidden">
             <button id="closeBtn" class="ml-[3px] hidden">
               <i class="fa fa-times" aria-hidden="true"></i>
diff --git a/src/layouts/BaseLayout.astro b/src/layouts/BaseLayout.astro
@@ -8,18 +8,21 @@ import Header from "@/components/Header.astro";
 import Menu from "./common/Menu.astro";
 import Footer from "@/components/Footer.astro";
 
+import ThemeProvider from "@/components/ThemeProvider.astro";
+
 const {
   meta: { title, description = siteConfig.description, ogImage, articleDate }
 } = Astro.props;
 ---
 
 <html lang={siteConfig.lang}>
   <head>
+    <script src="/theme.js" is:inline></script>
     <BaseHead title={title} description={description} ogImage={ogImage} date={articleDate} />
     <title>{title}</title>
   </head>
   <body id="pageBody">
-    <!--<ThemeProvider />-->
+    <ThemeProvider />
     <Header />
     <main id="main" class="main">
       <div class="sidebar"><Menu /></div>
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
diff --git a/src/layouts/common/Menu.astro b/src/layouts/common/Menu.astro
@@ -71,6 +71,8 @@ import { NavbarLinks } from "@/utils/constants";
 
   const update = () => {
     document.documentElement.dataset.theme = config.theme;
+    themer.setAttribute("aria-pressed", String(config.theme === "dark"));
+    localStorage.setItem("theme", config.theme);
   };
 
   const sync = () => {
diff --git a/src/pages/work.astro b/src/pages/work.astro
@@ -1,5 +1,6 @@
 ---
 import BlogCard from "@/components/BlogCard.astro";
+import Card from "@/components/Card.astro";
 import BaseLayout from "@/layouts/BaseLayout";
 
 const pages = import.meta.glob("./work/*.astro", { eager: true });
@@ -36,6 +37,17 @@ const pageList = Object.entries(pages).map(([path, module]) => {
           />
         ))
       }
+      <Card href="http://abcdkbd.com" title="ABCDKBD" body="An interactive kids learning platform." />
+      <Card
+        href="http://app.threadzip.com"
+        title="ThreadZip"
+        body="A B2B marketplace for textile raw material businesses."
+      />
+      <Card
+        href="http://lab.threadzip.com"
+        title="ThreadZip Lab"
+        body="A python tool that uses computer vision to identify and generate fabric patterns."
+      />
     </div>
   </main>
 </BaseLayout>
