Set up multisite Dokploy deployment

2026-06-13 19:45:59 +02:00 · 2026-06-13 19:45:59 +02:00 · 80c51bdfea
commit 80c51bdfea
parent 56f49d988d
75 changed files with 383 additions and 1838 deletions
--- a/src/blog-sites.js
+++ b/src/blog-sites.js
@ -0,0 +1,75 @@
+export const BLOG_SITES = [
+  {
+    key: "research",
+    title: "Research",
+    description:
+      "Notes from papers I am reading, and mini-surveys of themes I'm learning about.",
+    url: "https://research.neeldhara.blog",
+  },
+  {
+    key: "vibes",
+    title: "Vibes",
+    description:
+      "Conversations with LLMs with an intent to create something meaningful.",
+    url: "https://vibes.neeldhara.blog",
+  },
+  {
+    key: "puzzles",
+    title: "Puzzles",
+    description:
+      "Problems, puzzles, contest editorials, and mathematical magic.",
+    url: "https://puzzles.neeldhara.blog",
+  },
+  {
+    key: "reflections",
+    title: "Reflections",
+    description: "Random musings, pseudo-advice, how-tos. Core dumped.",
+    url: "https://reflections.neeldhara.blog",
+  },
+  {
+    key: "poetry",
+    title: "Poetry",
+    description: "Failed attempts at organizing thoughts in verse.",
+    url: "https://poetry.neeldhara.blog",
+  },
+  {
+    key: "reviews",
+    title: "Reviews",
+    description:
+      "Reviews of things I use or consume: software, books, hardware, etc.",
+    url: "https://reviews.neeldhara.blog",
+  },
+  {
+    key: "art",
+    title: "Art",
+    description:
+      "This exists so I can stay accountable to my doodling practice :)",
+    url: "https://art.neeldhara.blog",
+  },
+];
+
+export const DEFAULT_BLOG_SITE_KEY = "research";
+export const BLOG_SITE_KEYS = BLOG_SITES.map((site) => site.key);
+
+function getEnvironmentBlogSiteKey() {
+  if (typeof process === "undefined") {
+    return undefined;
+  }
+
+  return process.env?.BLOG_SITE;
+}
+
+export function getBlogSite(key = getEnvironmentBlogSiteKey()) {
+  const normalizedKey = key || DEFAULT_BLOG_SITE_KEY;
+  const site = BLOG_SITES.find((candidate) => candidate.key === normalizedKey);
+
+  if (!site) {
+    throw new Error(
+      `Unknown BLOG_SITE "${normalizedKey}". Expected one of: ${BLOG_SITE_KEYS.join(", ")}`,
+    );
+  }
+
+  return site;
+}
+
+export const ACTIVE_BLOG_SITE = getBlogSite();
--- a/src/components/problems/README.md
+++ b/src/components/problems/README.md
@ -5,7 +5,8 @@ This directory contains the interactive React components for the "100 Prisoners
 ## Files Created

 ### Blog Post
- **`src/content/problems/100-prisoners.mdx`** - The main blog post with embedded interactive components
+
+- **`src/content/puzzles/100-prisoners.mdx`** - The main blog post with embedded interactive components

 ### Interactive Components

@ -38,6 +39,7 @@ This directory contains the interactive React components for the "100 Prisoners
 ## Features

 All components are:
+
 - ✅ Fully interactive with React hooks
 - ✅ Styled with Tailwind CSS classes
 - ✅ Responsive for mobile and desktop
@ -47,12 +49,15 @@ All components are:
 ## How It Works

 ### The Problem
+
 100 prisoners must each find their own number among 100 boxes by opening at most 50 boxes. If all prisoners succeed, they go free. They can agree on a strategy beforehand but cannot communicate during the challenge.

 ### The Naive Strategy
+
 Each prisoner opens 50 random boxes. Probability of success: (1/2)^100 ≈ 0%

 ### The Clever Strategy (Loop Following)
+
 1. Open the box with your own number
 2. Look at the number inside
 3. Open the box with that number
@ -61,6 +66,7 @@ Each prisoner opens 50 random boxes. Probability of success: (1/2)^100 ≈ 0%
 This exploits the cycle structure of permutations. Success probability: ~31.18%!

 ### Key Mathematical Insight
+
 The prisoners succeed if and only if the permutation of numbers in boxes has no cycle longer than n/2. For n=100, the probability of this is:

 P(success) = 1 - Σ(1/k) for k=51 to 100 ≈ 0.3118
@ -86,6 +92,7 @@ import StrategyComparison from '@/components/problems/StrategyComparison.tsx';
 ## Design Philosophy

 Inspired by Nicky Case's "Parable of the Polygons", these components aim to:
+
 - Make abstract mathematical concepts tangible through interaction
 - Allow readers to explore and discover patterns themselves
 - Provide immediate visual feedback
@ -95,6 +102,7 @@ Inspired by Nicky Case's "Parable of the Polygons", these components aim to:
 ## Future Enhancements

 Potential additions:
+
 - Auto-play mode for the game simulator using the loop strategy
 - Animation showing cycle formation in real-time
 - Monte Carlo simulation running multiple trials
--- a/src/components/sections/all-blogs.tsx
+++ b/src/components/sections/all-blogs.tsx
@ -1,4 +1,4 @@
-import { ChevronRight, Timer, Wallet, Terminal, Calendar } from "lucide-react";
+import { ChevronRight } from "lucide-react";

 import { Button } from "@/components/ui/button";
 import {
@ -7,81 +7,13 @@ import {
  CardDescription,
  CardHeader,
 } from "@/components/ui/card";
+import { BLOG_SITES } from "@/blog-sites.js";

-const features = [
-  {
-    title: "BFS",
-    description: "Thematic roundups based on conferences or techniques.",
-    icon: Timer,
-    href: "/bfs",
-  },
-  {
-    title: "DFS",
-    description: "Each post is typically a closer look at a paper I have enjoyed reading.",
-    icon: Wallet,
-    href: "/dfs",
-  },
-  {
-    title: "Problems",
-    description: "Highlights from problem sets that feature in assessments.",
-    icon: Terminal,
-    href: "/problems",
-  },
-  {
-    title: "Puzzles",
-    description: "Favorite puzzles, typically interactive and playable. Solutions invited.",
-    icon: Calendar,
-    href: "/puzzles",
-  },
-  {
-    title: "Reviews",
-    description: "Reviews of things I use or consume: software, books, hardware, etc.",
-    icon: Timer,
-    href: "/reviews",
-  },
-  {
-    title: "Reflections",
-    description: "Random musings, pseudo-advice, how-tos. Core dumped.",
-    icon: Wallet,
-    href: "/reflections",
-  },
-  {
-    title: "Vibes",
-    description: "Conversations with LLMs with an intent to create something meaningful.",
-    icon: Terminal,
-    href: "/vibes",
-  },
-  {
-    title: "Workflows",
-    description: "Little automations and rituals that I've found useful.",
-    icon: Calendar,
-    href: "/workflows",
-  },
-  {
-    title: "Magic",
-    description: "Self-working card tricks: thoughts from a classroom context.",
-    icon: Timer,
-    href: "/magic",
-  },
-  {
-    title: "Contests",
-    description: "Editorials from contest problems, mostly informatics and math",
-    icon: Wallet,
-    href: "/contests",
-  },
-  {
-    title: "Art",
-    description: "This exists so I can stay accountable to my doodling practice :)",
-    icon: Terminal,
-    href: "/art",
-  },
-  {
-    title: "Poetry",
-    description: "Failed attempts at organizing thoughts in verse.",
-    icon: Calendar,
-    href: "/poetry",
-  },
-];
+const features = BLOG_SITES.map((site) => ({
+  title: site.title,
+  description: site.description,
+  href: site.url,
+}));

 export default function AllBlogs() {
  return (
@ -89,14 +21,12 @@ export default function AllBlogs() {
      <div className="container max-w-5xl">
        <div className="text-center">
          <h3 className="mini-title">CURRENTLY ACTIVE BLOGS</h3>
-
        </div>

-        <div className="mt-8 grid grid-cols-2 gap-2.5 md:mt-12 lg:mt-20 lg:grid-cols-4 lg:gap-6">
+        <div className="mt-8 grid grid-cols-1 gap-2.5 sm:grid-cols-2 md:mt-12 lg:mt-20 lg:grid-cols-3 lg:gap-6">
          {features.map((feature, index) => (
            <Card key={index} className="flex flex-col">
              <CardHeader className="max-md:p-3">
-                {/* <feature.icon className="text-primary size-8" /> */}
                <h3 className="text-lg font-semibold">{feature.title}</h3>
                <CardDescription className="text-foreground mt-4 font-medium">
                  {feature.description}
--- a/src/components/sections/blog-posts.tsx
+++ b/src/components/sections/blog-posts.tsx
@ -6,24 +6,30 @@ import { Separator } from "@/components/ui/separator";
 import { Calendar, Clock, User } from "lucide-react";
 import { PlusSigns } from "../icons/plus-signs";

-const BlogPosts = ({ posts, collection }: { posts: any[]; collection: string }) => {
+const BlogPosts = ({
+  posts,
+  collection = "",
+}: {
+  posts: any[];
+  collection?: string;
+}) => {
  // Get the first post as the featured post
  const featuredPost = posts[0];
  const remainingPosts = posts.slice(1);
+  const hrefFor = (post: any) =>
+    collection ? `/${collection}/${post.id}/` : `/${post.id}/`;

  return (
    <div className="relative py-16 md:py-28 lg:py-32">
-
-          
-          <div className="absolute -inset-40 z-[-1] [mask-image:radial-gradient(circle_at_center,black_0%,black_20%,transparent_75%)]">
-            <PlusSigns className="text-foreground/[0.05] h-full w-full" />
-          </div>
+      <div className="absolute -inset-40 z-[-1] [mask-image:radial-gradient(circle_at_center,black_0%,black_20%,transparent_75%)]">
+        <PlusSigns className="text-foreground/[0.05] h-full w-full" />
+      </div>

      {/* Featured Post */}
      <section className="mt-8">
        <div className="container max-w-6xl">
          <a
-            href={`/${collection}/${featuredPost.id}/`}
+            href={hrefFor(featuredPost)}
            className="bg-card group relative mb-16 overflow-hidden rounded-xl border shadow-md"
          >
            <div className="flex flex-col gap-6 lg:flex-row">
@ -80,7 +86,7 @@ const BlogPosts = ({ posts, collection }: { posts: any[]; collection: string })
              <a
                key={post.id}
                className="bg-card group rounded-xl border shadow-sm transition-all hover:shadow-md"
-                href={`/${collection}/${post.id}/`}
+                href={hrefFor(post)}
              >
                <div className="p-2">
                  <img
--- a/src/consts.ts
+++ b/src/consts.ts
@ -1,29 +1,22 @@
 // Place any global data in this file.
 // You can import this data from anywhere in your site by using the `import` keyword.

-export const SITE_TITLE = "charter - Modern Astro Template";
-export const SITE_DESCRIPTION =
-  "A modern, fully featured Astro template built with Shadcn/UI, TailwindCSS and TypeScript, perfect for your next web application.";
+import { ACTIVE_BLOG_SITE } from "./blog-sites.js";
+
+export const SITE_TITLE = ACTIVE_BLOG_SITE.title;
+export const SITE_DESCRIPTION = ACTIVE_BLOG_SITE.description;
+export const SITE_URL = ACTIVE_BLOG_SITE.url;

 export const SITE_METADATA = {
  title: {
    default: SITE_TITLE,
-    template: "%s | charter",
+    template: `%s | ${SITE_TITLE}`,
  },
  description: SITE_DESCRIPTION,
-  keywords: [
-    "Astro",
-    "React",
-    "JavaScript",
-    "TypeScript",
-    "TailwindCSS",
-    "Template",
-    "Shadcn/UI",
-    "Web Development",
-  ],
-  authors: [{ name: "charter Team" }],
-  creator: "charter Team",
-  publisher: "charter",
+  keywords: ["Neeldhara", "blog", SITE_TITLE, "research", "writing"],
+  authors: [{ name: "Neeldhara" }],
+  creator: "Neeldhara",
+  publisher: "Neeldhara",
  robots: {
    index: true,
    follow: true,
@ -42,13 +35,13 @@ export const SITE_METADATA = {
  openGraph: {
    title: SITE_TITLE,
    description: SITE_DESCRIPTION,
-    siteName: "charter",
+    siteName: SITE_TITLE,
    images: [
      {
        url: "/og-image.jpg",
        width: 1200,
        height: 630,
-        alt: "charter - Modern Astro Template",
+        alt: SITE_TITLE,
      },
    ],
  },
@ -57,6 +50,6 @@ export const SITE_METADATA = {
    title: SITE_TITLE,
    description: SITE_DESCRIPTION,
    images: ["/og-image.jpg"],
-    creator: "@charter",
+    creator: "@neeldhara",
  },
 };
--- a/src/content/blog/post-1.md
+++ b/src/content/blog/post-1.md
@ -1,84 +0,0 @@
---
-title: "Building Websites with Astro"
-description: "Discover how Astro is revolutionizing web development with its unique approach to building fast, content-focused websites. Learn about its key features, performance benefits, and why developers are making the switch."
-pubDate: "Jul 08 2022"
-image: "https://images.unsplash.com/photo-1741610748460-fb2e33cc6390?w=400&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwcm9maWxlLXBhZ2V8MXx8fGVufDB8fHx8fA%3D%3D"
-authorImage: "/avatar/avatar1.png"
-authorName: "John Doe"
---
-
-# Building Websites with Astro
-
-Astro has emerged as one of the most exciting web frameworks in recent years, offering developers a fresh approach to building modern websites. As a "content-focused" framework, Astro prioritizes delivering lightning-fast performance while maintaining developer experience. Let's explore what makes Astro special and why you might want to consider it for your next project.
-
-## What is Astro?
-
-Astro is an all-in-one web framework designed to deliver lightning-fast performance with a modern developer experience. Unlike traditional frameworks that send large JavaScript bundles to the client, Astro generates static HTML by default and only ships JavaScript when absolutely necessary - a concept they call "Islands Architecture."
-
-## Key Features That Make Astro Stand Out
-
-### 1. Zero-JS by Default
-
-One of Astro's most compelling features is its approach to JavaScript. While frameworks like React or Vue send entire JavaScript applications to the browser, Astro strips away unnecessary JavaScript, resulting in significantly faster page loads. Your components are rendered to HTML during the build process, and JavaScript is only shipped when needed for interactivity.
-
-### 2. Component Islands
-
-Astro introduces the concept of "Islands" - interactive UI components that exist within a sea of static, lightweight HTML. This approach allows you to use your favorite UI frameworks (React, Vue, Svelte, etc.) where you need interactivity, while keeping the rest of your site lightweight.
-
-### 3. Flexible Content Sources
-
-Whether your content lives in Markdown files, MDX, a headless CMS, or an API, Astro makes it easy to pull in content from anywhere. The built-in content collections API provides type safety and excellent developer experience when working with content.
-
-### 4. Fast by Default
-
-Websites built with Astro are incredibly fast because they ship less JavaScript, utilize efficient hydration strategies, and employ optimized asset handling. This performance-first approach results in better Core Web Vitals scores and improved user experience.
-
-## Getting Started with Astro
-
-Setting up an Astro project is straightforward:
-
-```bash
-# Create a new project with npm
-npm create astro@latest
-
-# Or with yarn
-yarn create astro
-
-# Or with pnpm
-pnpm create astro
-```
-
-The CLI will guide you through the setup process, offering templates and configuration options to get you started quickly.
-
-## Building Your First Astro Site
-
-Astro's file-based routing system makes it intuitive to create pages. Simply add a `.astro` file to the `src/pages` directory, and it becomes a route in your site. For example, `src/pages/about.astro` becomes `/about/` in your built site.
-
-A basic Astro component looks like this:
-
-```astro
---
-// Component Script (runs at build time)
-const greeting = "Hello, Astro!";
---
-
-<!-- Component Template -->
-<h1>{greeting}</h1>
-<p>Welcome to my Astro website!</p>
-```
-
-## Why Developers Are Switching to Astro
-
-The web development landscape is constantly evolving, and Astro represents a shift toward performance-focused frameworks that prioritize the end-user experience. Developers are choosing Astro because:
-
-1. It delivers exceptional performance out of the box
-2. It allows them to use their favorite UI frameworks
-3. It simplifies content management with built-in Markdown support
-4. It provides an excellent developer experience with hot module reloading and TypeScript integration
-5. It scales from simple blogs to complex applications
-
-## Conclusion
-
-Astro offers a compelling alternative to traditional JavaScript frameworks, especially for content-rich websites where performance matters. By shipping less JavaScript and focusing on what truly matters for user experience, Astro helps developers build faster, more efficient websites without sacrificing modern features or developer experience.
-
-If you're starting a new project or considering a framework switch, Astro deserves a serious look. Its unique approach to web development might just be the perfect fit for your next website.
--- a/src/content/blog/post-2.md
+++ b/src/content/blog/post-2.md
@ -1,45 +0,0 @@
---
-title: "The Joy of Urban Gardening"
-description: "Growing plants in the city might seem challenging, but it's one of the most rewarding hobbies I've discovered."
-pubDate: "Jun 19 2024"
-image: "https://images.unsplash.com/photo-1741091742846-99cca6f6437b?q=80&w=1286&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
-authorImage: "/avatar/avatar1.png"
-authorName: "John Doe"
---
-
-Growing plants in the city might seem challenging, but it's one of the most rewarding hobbies I've discovered. Three months ago, I transformed my tiny apartment balcony into a thriving green space, and the journey has been nothing short of magical.
-
-## Getting Started
-
-Starting an urban garden doesn't require much. Here's what you need:
-
- A few containers (recycled plastic bottles work great!)
- Quality potting soil
- Seeds or starter plants
- Basic gardening tools
- Patience and curiosity
-
-## My First Harvest
-
-Last weekend, I harvested my first batch of cherry tomatoes. The feeling of eating something you've grown yourself is indescribable - a perfect blend of pride, accomplishment, and pure flavor that store-bought produce simply can't match.
-
-![Fresh tomatoes from the garden](https://images.unsplash.com/photo-1733149701930-4c982b24be66?q=80&w=1586&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D)
-
-## Unexpected Benefits
-
-Beyond the obvious joy of fresh produce, my little garden has:
-
-1. Reduced my stress levels significantly
-2. Connected me with a community of fellow urban gardeners
-3. Taught me patience and mindfulness
-4. Improved the air quality in my apartment
-
-## Challenges and Solutions
-
-Of course, it hasn't all been smooth sailing. Limited sunlight was my biggest challenge, but through research and experimentation, I discovered several shade-tolerant herbs that thrive in my north-facing balcony.
-
-> "To plant a garden is to believe in tomorrow." — Audrey Hepburn
-
-If you're considering starting your own urban garden, just take the plunge! Start small, learn as you go, and watch as your concrete jungle transforms into a green paradise.
-
-Happy gardening!
--- a/src/content/blog/post-3.md
+++ b/src/content/blog/post-3.md
@ -1,63 +0,0 @@
---
-title: "The Art of Simplicity"
-description: "In today's fast-paced, information-saturated world, we often overlook the profound power of simplicity."
-pubDate: "Jul 15 2022"
-image: "https://images.unsplash.com/photo-1741610739548-29e17473f70b?q=80&w=1286&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
-authorImage: "/avatar/avatar2.png"
-authorName: "Jane Doe"
---
-
-## Finding Clarity in a Complex World
-
-In today's fast-paced, information-saturated world, we often overlook the profound power of simplicity. As our lives become increasingly complex, with endless notifications, mounting responsibilities, and constant connectivity, the value of simplicity grows exponentially. Simple solutions tend to be more elegant, more maintainable, and often more effective than complex ones.
-
-### The Problem with Complexity
-
-Complexity surrounds us. Our smartphones have countless apps, our workplaces implement intricate processes, and even our leisure activities often involve elaborate planning. While some complexity is unavoidable and even necessary, excessive complexity creates problems:
-
- **Mental fatigue**: Processing complex information drains our cognitive resources
- **Decision paralysis**: Too many options can lead to indecision or poor choices
- **Increased errors**: Complex systems have more potential failure points
- **Maintenance burden**: Complex solutions require more upkeep over time
-
-### Embracing Simplicity as a Philosophy
-
-Simplicity isn't merely about having fewer things or streamlining processes—it's a mindset. When we approach problems with simplicity as our guide, we naturally focus on what truly matters.
-
-Whether you're designing a product, writing code, organizing your home, or planning your career, embracing simplicity can lead to better outcomes. Here are five principles to consider:
-
-1. **Focus on essentials**: Identify what truly matters and eliminate the rest. Ask yourself: "What is the core purpose here?"
-
-2. **Reduce cognitive load**: Make things intuitive and easy to understand. Information should flow naturally, requiring minimal mental effort.
-
-3. **One purpose, one element**: Each component of your solution should serve a clear, singular purpose.
-
-4. **Iterate and refine**: Start simple, then improve based on feedback. Perfect solutions rarely emerge fully-formed.
-
-5. **Question additions**: Before adding anything new, ask whether it truly enhances the core purpose or merely adds complexity.
-
-### Simplicity in Practice
-
-Implementing simplicity requires intentional effort. Here are some practical ways to bring more simplicity into different areas of life:
-
-**In work**: Focus on one task at a time. Break large projects into smaller, manageable steps. Eliminate unnecessary meetings and streamline communication channels.
-
-**In design**: Remove decorative elements that don't serve a purpose. Use consistent patterns and familiar conventions. Prioritize clarity over cleverness.
-
-**In communication**: Use plain language. Be concise. Structure information logically.
-
-**In daily life**: Declutter physical spaces. Establish routines for recurring tasks. Limit consumption of news and social media.
-
-### The Rewards of Simplicity
-
-As Leonardo da Vinci once said, "Simplicity is the ultimate sophistication." When we successfully implement simplicity, we gain:
-
- **Clarity**: A clearer understanding of what matters
- **Efficiency**: Less wasted time and energy
- **Reliability**: Fewer points of failure
- **Accessibility**: Solutions that more people can use and understand
- **Peace of mind**: Reduced mental burden and stress
-
-By striving for simplicity in our work and lives, we can achieve greater focus, efficiency, and satisfaction. The journey toward simplicity is ongoing—a continuous process of evaluation and refinement.
-
-What areas in your life could benefit from a simpler approach? The answer might be simpler than you think.
--- a/src/content/blog/post-4.md
+++ b/src/content/blog/post-4.md
@ -1,40 +0,0 @@
---
-title: "Modern Architecture"
-description: "Exploring how contemporary design balances aesthetics with functionality"
-pubDate: "Jul 22 2022"
-image: "https://images.unsplash.com/photo-1741091756497-10c964acc4f6?q=80&w=1286&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
-authorImage: "/avatar/avatar1.png"
-authorName: "John Doe"
---
-
-# A delicate balance between artistic vision and practical necessity
-
-The 21st century has witnessed a remarkable transformation in how we conceptualize and construct our built environment, with sustainability, technology, and human experience emerging as central themes.
-
-## The Foundations of Contemporary Design
-
-The roots of today's architectural innovations can be traced back to the early 20th century, when pioneers like Le Corbusier, Frank Lloyd Wright, and Ludwig Mies van der Rohe challenged conventional wisdom. Their revolutionary approach—emphasizing clean lines, open spaces, and the honest expression of materials—continues to influence designers worldwide.
-
-## Sustainable Architecture: Building for the Future
-
-Today's architectural landscape is increasingly defined by environmental consciousness. Green roofs, solar panels, and passive cooling systems have become standard features rather than novelties. Architects now consider a building's entire lifecycle, from the sourcing of materials to eventual demolition or repurposing. This holistic approach has given rise to remarkable structures like Singapore's Gardens by the Bay and Seattle's Bullitt Center, which generates more energy than it consumes.
-
-## The Digital Revolution in Design
-
-Computational design and Building Information Modeling (BIM) have revolutionized the architect's toolkit. Complex geometries that would have been impossible to realize a generation ago are now commonplace, enabling the fluid forms of Zaha Hadid's Heydar Aliyev Center or Frank Gehry's Guggenheim Museum Bilbao. These digital tools not only expand creative possibilities but also improve precision, reduce waste, and facilitate collaboration among diverse stakeholders.
-
-## Adaptive Reuse: Honoring the Past
-
-As urban spaces become increasingly precious, architects have embraced the challenge of breathing new life into existing structures. The High Line in New York City transformed an abandoned railway into a beloved public park, while the Tate Modern in London reimagined a power station as a world-class art museum. These projects demonstrate how thoughtful design can preserve historical character while meeting contemporary needs.
-
-## Human-Centered Design
-
-Perhaps the most significant shift in architectural thinking has been the renewed focus on human experience. Designers now prioritize natural light, air quality, and intuitive navigation—elements that enhance wellbeing and productivity. Public spaces are conceived as democratic forums that foster community and connection, reflecting architecture's profound social responsibility.
-
-## The Future of Architecture
-
-As we look ahead, the boundaries between natural and built environments continue to blur. Biomimicry—drawing inspiration from nature's time-tested patterns—offers promising solutions to complex design challenges. Meanwhile, advances in materials science are yielding self-healing concrete, transparent aluminum, and other innovations that will reshape our physical world.
-
-The most exciting architectural developments may lie at the intersection of multiple disciplines. When architects collaborate with ecologists, sociologists, and technologists, they create spaces that are not merely functional or beautiful, but truly responsive to human needs and planetary constraints.
-
-In this era of rapid change and global challenges, architecture remains a powerful expression of our values and aspirations—a concrete manifestation of how we wish to live, work, and interact with our world.
--- a/src/content/blog/post-5.mdx
+++ b/src/content/blog/post-5.mdx
@ -1,33 +0,0 @@
---
-title: "Using MDX"
-description: "MDX is a special flavor of Markdown that supports embedded JavaScript & JSX syntax"
-pubDate: "Jun 01 2024"
-image: "https://images.unsplash.com/photo-1737386385296-f3e58b8cf21d?q=80&w=1286&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
-authorImage: "/avatar/avatar2.png"
-authorName: "Jane Doe"
---
-
-This theme comes with the [@astrojs/mdx](https://docs.astro.build/en/guides/integrations-guide/mdx/) integration installed and configured in your `astro.config.mjs` config file. If you prefer not to use MDX, you can disable support by removing the integration from your config file.
-
-## Why MDX?
-
-MDX is a special flavor of Markdown that supports embedded JavaScript & JSX syntax. This unlocks the ability to [mix JavaScript and UI Components into your Markdown content](https://docs.astro.build/en/guides/markdown-content/#mdx-features) for things like interactive charts or alerts.
-
-If you have existing content authored in MDX, this integration will hopefully make migrating to Astro a breeze.
-
-## Example
-
-Here is how you import and use a UI component inside of MDX.  
-When you open this page in the browser, you should see the clickable button below.
-
-import HeaderLink from "@/components/elements/header-link";
-
-<HeaderLink href="#" onclick="alert('clicked!')">
-  Embedded component in MDX
-</HeaderLink>
-
-## More Links
-
- [MDX Syntax Documentation](https://mdxjs.com/docs/what-is-mdx)
- [Astro Usage Documentation](https://docs.astro.build/en/guides/markdown-content/#markdown-and-mdx-pages)
- **Note:** [Client Directives](https://docs.astro.build/en/reference/directives-reference/#client-directives) are still required to create interactive components. Otherwise, all components in your MDX will render as static HTML (no JavaScript) by default.
--- a/src/content/config.ts
+++ b/src/content/config.ts
@ -1,5 +1,5 @@
-import { glob } from 'astro/loaders';
-import { defineCollection, z } from 'astro:content';
+import { glob } from "astro/loaders";
+import { defineCollection, z } from "astro:content";

 const blogSchema = z.object({
  title: z.string(),
@ -11,28 +11,19 @@ const blogSchema = z.object({
  authorName: z.string().optional(),
 });

-const blog = defineCollection({
-  loader: glob({ base: "./src/content/blog", pattern: "**/*.{md,mdx}" }),
-  schema: blogSchema,
-});
-
-const bfs = defineCollection({
-  loader: glob({ base: "./src/content/bfs", pattern: "**/*.{md,mdx}" }),
-  schema: blogSchema,
-});
-
-const dfs = defineCollection({
-  loader: glob({ base: "./src/content/dfs", pattern: "**/*.{md,mdx}" }),
-  schema: blogSchema,
-});
-
-const problems = defineCollection({
-  loader: glob({ base: "./src/content/problems", pattern: "**/*.{md,mdx}" }),
+const research = defineCollection({
+  loader: glob({
+    base: "./src/content/research",
+    pattern: "**/*.{md,mdx}",
+  }),
  schema: blogSchema,
 });

 const puzzles = defineCollection({
-  loader: glob({ base: "./src/content/puzzles", pattern: "**/*.{md,mdx}" }),
+  loader: glob({
+    base: "./src/content/puzzles",
+    pattern: "**/*.{md,mdx}",
+  }),
  schema: blogSchema,
 });

@ -51,21 +42,6 @@ const vibes = defineCollection({
  schema: blogSchema,
 });

-const workflows = defineCollection({
-  loader: glob({ base: "./src/content/workflows", pattern: "**/*.{md,mdx}" }),
-  schema: blogSchema,
-});
-
-const magic = defineCollection({
-  loader: glob({ base: "./src/content/magic", pattern: "**/*.{md,mdx}" }),
-  schema: blogSchema,
-});
-
-const contests = defineCollection({
-  loader: glob({ base: "./src/content/contests", pattern: "**/*.{md,mdx}" }),
-  schema: blogSchema,
-});
-
 const art = defineCollection({
  loader: glob({ base: "./src/content/art", pattern: "**/*.{md,mdx}" }),
  schema: blogSchema,
@ -77,17 +53,11 @@ const poetry = defineCollection({
 });

 export const collections = {
-  blog,
-  bfs,
-  dfs,
-  problems,
-  puzzles,
-  reviews,
-  reflections,
+  research,
  vibes,
-  workflows,
-  magic,
-  contests,
-  art,
+  puzzles,
+  reflections,
  poetry,
+  reviews,
+  art,
 };
--- a/src/content/problems/100-prisoners.mdx
+++ b/src/content/problems/100-prisoners.mdx
--- a/src/content/problems/dynamic-programming-gems.md
+++ b/src/content/problems/dynamic-programming-gems.md
--- a/src/content/puzzles/four-aces-miracle.md
+++ b/src/content/puzzles/four-aces-miracle.md
--- a/src/content/puzzles/gilbreath-principle.md
+++ b/src/content/puzzles/gilbreath-principle.md
--- a/src/content/problems/graph-algorithms-assessment.md
+++ b/src/content/problems/graph-algorithms-assessment.md
--- a/src/content/contests/ioi-2023-analysis.md
+++ b/src/content/contests/ioi-2023-analysis.md
--- a/src/content/contests/projecteuler-favorites.md
+++ b/src/content/contests/projecteuler-favorites.md
--- a/src/content/research/conference-highlights-2024.md
+++ b/src/content/research/conference-highlights-2024.md
--- a/src/content/research/distributed-algorithms.md
+++ b/src/content/research/distributed-algorithms.md
--- a/src/content/workflows/git-automation.md
+++ b/src/content/workflows/git-automation.md
--- a/src/content/workflows/obsidian-academic.md
+++ b/src/content/workflows/obsidian-academic.md
--- a/src/content/research/paper-review-approximation.md
+++ b/src/content/research/paper-review-approximation.md
--- a/src/content/research/paper-review-graph-decomposition.md
+++ b/src/content/research/paper-review-graph-decomposition.md
--- a/src/content/research/quantum-algorithms.md
+++ b/src/content/research/quantum-algorithms.md
--- a/src/pages/art/[...slug].astro
+++ b/src/pages/art/[...slug].astro
@ -1,30 +1,29 @@
 ---
-import { type CollectionEntry, getCollection } from 'astro:content';
+import { getCollection, render } from 'astro:content';
 import DefaultLayout from '@/layouts/DefaultLayout.astro';
 import { BlogPost } from '@/components/sections/blog-post';
-import { SITE_TITLE, SITE_DESCRIPTION } from '@/consts';
 import NewsletterSignup from '@/components/sections/newsletter-signup';
-import { render } from 'astro:content';
+import { ACTIVE_BLOG_SITE } from '@/blog-sites.js';
+import { SITE_TITLE } from '@/consts';

 export async function getStaticPaths() {
-	const posts = await getCollection('art');
+	const posts = await getCollection(ACTIVE_BLOG_SITE.key);
 	return posts.map((post) => ({
 		params: { slug: post.id },
 		props: post,
 	}));
 }
-type Props = CollectionEntry<'art'>;

 const post = Astro.props;
-const { Content } = await render(post);	
-
+const { Content } = await render(post);
 ---
+
 <DefaultLayout title={`${post.data.title} | ${SITE_TITLE}`} description={post.data.description}>
 	<div class="py-16 md:py-28 lg:py-32">
-		<BlogPost post={post} client:only='react'>
+		<BlogPost post={post} client:only="react">
 			<Content />
 		</BlogPost>
 	</div>
-	
+
 	<NewsletterSignup client:load />
-</DefaultLayout>
+</DefaultLayout>
--- a/src/pages/art/index.astro
+++ b/src/pages/art/index.astro
@ -1,16 +0,0 @@
---
-import { getCollection } from 'astro:content';
-import DefaultLayout from '@/layouts/DefaultLayout.astro';
-import { BlogPosts } from '@/components/sections/blog-posts';
-
-const posts = (await getCollection('art')).sort(
-	(a, b) => new Date(b.data.pubDate).valueOf() - new Date(a.data.pubDate).valueOf()
-);
-
-const SITE_TITLE = 'Art	 - Visual Explorations in Computer Science';
-const SITE_DESCRIPTION = 'Algorithmic sketches, generative art, and visual representations of computer science concepts.';
---
-
-<DefaultLayout title={SITE_TITLE} description={SITE_DESCRIPTION}>
-	<BlogPosts posts={posts} collection="art" client:only='react' />
-</DefaultLayout>
--- a/src/pages/art/rss.xml.js
+++ b/src/pages/art/rss.xml.js
@ -1,15 +0,0 @@
-import rss from "@astrojs/rss";
-import { getCollection } from "astro:content";
-
-export async function GET(context) {
-  const posts = await getCollection("art");
-  return rss({
-    title: "Art - Visual Explorations in Computer Science",
-    description: "Algorithmic sketches, generative art, and visual representations of computer science concepts.",
-    site: context.site,
-    items: posts.map((post) => ({
-      ...post.data,
-      link: `/art/${post.id}/`,
-    })),
-  });
-}
--- a/src/pages/bfs/[...slug].astro
+++ b/src/pages/bfs/[...slug].astro
@ -1,30 +0,0 @@
---
-import { type CollectionEntry, getCollection } from 'astro:content';
-import DefaultLayout from '@/layouts/DefaultLayout.astro';
-import { BlogPost } from '@/components/sections/blog-post';
-import { SITE_TITLE, SITE_DESCRIPTION } from '@/consts';
-import NewsletterSignup from '@/components/sections/newsletter-signup';
-import { render } from 'astro:content';
-
-export async function getStaticPaths() {
-	const posts = await getCollection('bfs');
-	return posts.map((post) => ({
-		params: { slug: post.id },
-		props: post,
-	}));
-}
-type Props = CollectionEntry<'bfs'>;
-
-const post = Astro.props;
-const { Content } = await render(post);	
-
---
-<DefaultLayout title={`${post.data.title} | ${SITE_TITLE}`} description={post.data.description}>
-	<div class="py-16 md:py-28 lg:py-32">
-		<BlogPost post={post} client:only='react'>
-			<Content />
-		</BlogPost>
-	</div>
-	
-	<NewsletterSignup client:load />
-</DefaultLayout>
--- a/src/pages/bfs/index.astro
+++ b/src/pages/bfs/index.astro
@ -1,24 +0,0 @@
---
-import { getCollection } from 'astro:content';
-import DefaultLayout from '@/layouts/DefaultLayout.astro';
-import { BlogPosts } from '@/components/sections/blog-posts';
-
-const posts = (await getCollection('bfs')).sort(
-	(a, b) => b.data.pubDate.valueOf() - a.data.pubDate.valueOf(),
-);
-
-const SITE_TITLE = 'BFS - Breadth-First Search Through Computer Science';
-const SITE_DESCRIPTION = 'Conference highlights, algorithmic breakthroughs, and cutting-edge research in computer science.';
---
-
-<DefaultLayout title={SITE_TITLE} description={SITE_DESCRIPTION}>
-	<div class="py-16 md:py-28 lg:py-32">
-		<div class="container max-w-5xl">
-			<div class="mb-12">
-				<h1 class="text-4xl font-bold mb-4">BFS</h1>
-				<p class="text-xl text-muted-foreground">{SITE_DESCRIPTION}</p>
-			</div>
-			<BlogPosts posts={posts} collection="bfs" client:only='react' />
-		</div>
-	</div>
-</DefaultLayout>
--- a/src/pages/bfs/rss.xml.js
+++ b/src/pages/bfs/rss.xml.js
@ -1,15 +0,0 @@
-import rss from "@astrojs/rss";
-import { getCollection } from "astro:content";
-
-export async function GET(context) {
-  const posts = await getCollection("bfs");
-  return rss({
-    title: "BFS - Breadth-First Search Through Computer Science",
-    description: "Conference highlights, algorithmic breakthroughs, and cutting-edge research in computer science.",
-    site: context.site,
-    items: posts.map((post) => ({
-      ...post.data,
-      link: `/bfs/${post.id}/`,
-    })),
-  });
-}
--- a/src/pages/blog/[...slug].astro
+++ b/src/pages/blog/[...slug].astro
@ -1,30 +0,0 @@
---
-import { type CollectionEntry, getCollection } from 'astro:content';
-import DefaultLayout from '@/layouts/DefaultLayout.astro';
-import { BlogPost } from '@/components/sections/blog-post';
-import { SITE_TITLE, SITE_DESCRIPTION } from '@/consts';
-import NewsletterSignup from '@/components/sections/newsletter-signup';
-import { render } from 'astro:content';
-
-export async function getStaticPaths() {
-	const posts = await getCollection('blog');
-	return posts.map((post) => ({
-		params: { slug: post.id },
-		props: post,
-	}));
-}
-type Props = CollectionEntry<'blog'>;
-
-const post = Astro.props;
-const { Content } = await render(post);	
-
---
-<DefaultLayout title={`${post.data.title} | ${SITE_TITLE}`} description={post.data.description}>
-	<div class="py-16 md:py-28 lg:py-32">
-		<BlogPost post={post} client:only='react'>
-			<Content />
-		</BlogPost>
-	</div>
-	
-	<NewsletterSignup client:load />
-</DefaultLayout>
--- a/src/pages/blog/index.astro
+++ b/src/pages/blog/index.astro
@ -1,20 +0,0 @@
---
-import DefaultLayout from '@/layouts/DefaultLayout.astro';
-import { SITE_TITLE, SITE_DESCRIPTION } from '@/consts';
-import { getCollection } from 'astro:content';
-import { BlogPosts } from '@/components/sections/blog-posts';
-import NewsletterSignup from '@/components/sections/newsletter-signup';
-
-const posts = (await getCollection('blog')).sort(
-	(a, b) => b.data.pubDate.valueOf() - a.data.pubDate.valueOf(),
-);
-
-const blogTitle = `Blog | ${SITE_TITLE}`;
-const blogDescription = "Explore our blog for insightful articles, personal reflections and updates from our team.";
---
-
-<DefaultLayout title={blogTitle} description={blogDescription}>
-	<BlogPosts posts={posts} collection="blog" client:only='react' />
-	<NewsletterSignup client:load />
-</DefaultLayout>
-
--- a/src/pages/contests/[...slug].astro
+++ b/src/pages/contests/[...slug].astro
@ -1,30 +0,0 @@
---
-import { type CollectionEntry, getCollection } from 'astro:content';
-import DefaultLayout from '@/layouts/DefaultLayout.astro';
-import { BlogPost } from '@/components/sections/blog-post';
-import { SITE_TITLE, SITE_DESCRIPTION } from '@/consts';
-import NewsletterSignup from '@/components/sections/newsletter-signup';
-import { render } from 'astro:content';
-
-export async function getStaticPaths() {
-	const posts = await getCollection('contests');
-	return posts.map((post) => ({
-		params: { slug: post.id },
-		props: post,
-	}));
-}
-type Props = CollectionEntry<'contests'>;
-
-const post = Astro.props;
-const { Content } = await render(post);	
-
---
-<DefaultLayout title={`${post.data.title} | ${SITE_TITLE}`} description={post.data.description}>
-	<div class="py-16 md:py-28 lg:py-32">
-		<BlogPost post={post} client:only='react'>
-			<Content />
-		</BlogPost>
-	</div>
-	
-	<NewsletterSignup client:load />
-</DefaultLayout>
--- a/src/pages/contests/index.astro
+++ b/src/pages/contests/index.astro
@ -1,24 +0,0 @@
---
-import { getCollection } from 'astro:content';
-import DefaultLayout from '@/layouts/DefaultLayout.astro';
-import { BlogPosts } from '@/components/sections/blog-posts';
-
-const posts = (await getCollection('contests')).sort(
-	(a, b) => b.data.pubDate.valueOf() - a.data.pubDate.valueOf(),
-);
-
-const SITE_TITLE = 'Contests - Competitive Programming and Problem Analysis';
-const SITE_DESCRIPTION = 'Analysis of programming contests, problem breakdowns, and strategies for competitive programming.';
---
-
-<DefaultLayout title={SITE_TITLE} description={SITE_DESCRIPTION}>
-	<div class="py-16 md:py-28 lg:py-32">
-		<div class="container max-w-5xl">
-			<div class="mb-12">
-				<h1 class="text-4xl font-bold mb-4">Contests</h1>
-				<p class="text-xl text-muted-foreground">{SITE_DESCRIPTION}</p>
-			</div>
-			<BlogPosts posts={posts} collection="contests" client:only='react' />
-		</div>
-	</div>
-</DefaultLayout>
--- a/src/pages/contests/rss.xml.js
+++ b/src/pages/contests/rss.xml.js
@ -1,15 +0,0 @@
-import rss from "@astrojs/rss";
-import { getCollection } from "astro:content";
-
-export async function GET(context) {
-  const posts = await getCollection("contests");
-  return rss({
-    title: "Contests - Competitive Programming and Problem Analysis",
-    description: "Analysis of programming contests, problem breakdowns, and strategies for competitive programming.",
-    site: context.site,
-    items: posts.map((post) => ({
-      ...post.data,
-      link: `/contests/${post.id}/`,
-    })),
-  });
-}
--- a/src/pages/dfs/[...slug].astro
+++ b/src/pages/dfs/[...slug].astro
@ -1,30 +0,0 @@
---
-import { type CollectionEntry, getCollection } from 'astro:content';
-import DefaultLayout from '@/layouts/DefaultLayout.astro';
-import { BlogPost } from '@/components/sections/blog-post';
-import { SITE_TITLE, SITE_DESCRIPTION } from '@/consts';
-import NewsletterSignup from '@/components/sections/newsletter-signup';
-import { render } from 'astro:content';
-
-export async function getStaticPaths() {
-	const posts = await getCollection('dfs');
-	return posts.map((post) => ({
-		params: { slug: post.id },
-		props: post,
-	}));
-}
-type Props = CollectionEntry<'dfs'>;
-
-const post = Astro.props;
-const { Content } = await render(post);	
-
---
-<DefaultLayout title={`${post.data.title} | ${SITE_TITLE}`} description={post.data.description}>
-	<div class="py-16 md:py-28 lg:py-32">
-		<BlogPost post={post} client:only='react'>
-			<Content />
-		</BlogPost>
-	</div>
-	
-	<NewsletterSignup client:load />
-</DefaultLayout>
--- a/src/pages/dfs/index.astro
+++ b/src/pages/dfs/index.astro
@ -1,24 +0,0 @@
---
-import { getCollection } from 'astro:content';
-import DefaultLayout from '@/layouts/DefaultLayout.astro';
-import { BlogPosts } from '@/components/sections/blog-posts';
-
-const posts = (await getCollection('dfs')).sort(
-	(a, b) => b.data.pubDate.valueOf() - a.data.pubDate.valueOf(),
-);
-
-const SITE_TITLE = 'DFS - Deep Dives into Papers and Research';
-const SITE_DESCRIPTION = 'In-depth analysis of research papers, algorithmic techniques, and theoretical computer science.';
---
-
-<DefaultLayout title={SITE_TITLE} description={SITE_DESCRIPTION}>
-	<div class="py-16 md:py-28 lg:py-32">
-		<div class="container max-w-5xl">
-			<div class="mb-12">
-				<h1 class="text-4xl font-bold mb-4">DFS</h1>
-				<p class="text-xl text-muted-foreground">{SITE_DESCRIPTION}</p>
-			</div>
-			<BlogPosts posts={posts} collection="dfs" client:only='react' />
-		</div>
-	</div>
-</DefaultLayout>
--- a/src/pages/dfs/rss.xml.js
+++ b/src/pages/dfs/rss.xml.js
@ -1,15 +0,0 @@
-import rss from "@astrojs/rss";
-import { getCollection } from "astro:content";
-
-export async function GET(context) {
-  const posts = await getCollection("dfs");
-  return rss({
-    title: "DFS - Deep Dives into Papers and Research",
-    description: "In-depth analysis of research papers, algorithmic techniques, and theoretical computer science.",
-    site: context.site,
-    items: posts.map((post) => ({
-      ...post.data,
-      link: `/dfs/${post.id}/`,
-    })),
-  });
-}
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@ -1,10 +1,23 @@
 ---
+import { getCollection } from 'astro:content';
 import DefaultLayout from '@/layouts/DefaultLayout.astro';
-import { SITE_TITLE, SITE_DESCRIPTION } from '../consts';
+import { SITE_TITLE, SITE_DESCRIPTION } from '@/consts';
+import { ACTIVE_BLOG_SITE } from '@/blog-sites.js';
+import { BlogPosts } from '@/components/sections/blog-posts';

-import FeaturedPosts from '@/components/sections/featured-posts';
+const posts = (await getCollection(ACTIVE_BLOG_SITE.key)).sort(
+  (a, b) => b.data.pubDate.valueOf() - a.data.pubDate.valueOf(),
+);
 ---

 <DefaultLayout title={SITE_TITLE} description={SITE_DESCRIPTION}>
-  <FeaturedPosts /> 
-</DefaultLayout>
+  <div class="py-16 md:py-28 lg:py-32">
+    <div class="container max-w-5xl">
+      <div class="mb-12">
+        <h1 class="text-4xl font-bold mb-4">{ACTIVE_BLOG_SITE.title}</h1>
+        <p class="text-xl text-muted-foreground">{ACTIVE_BLOG_SITE.description}</p>
+      </div>
+      <BlogPosts posts={posts} client:only="react" />
+    </div>
+  </div>
+</DefaultLayout>
--- a/src/pages/magic/[...slug].astro
+++ b/src/pages/magic/[...slug].astro
@ -1,30 +0,0 @@
---
-import { type CollectionEntry, getCollection } from 'astro:content';
-import DefaultLayout from '@/layouts/DefaultLayout.astro';
-import { BlogPost } from '@/components/sections/blog-post';
-import { SITE_TITLE, SITE_DESCRIPTION } from '@/consts';
-import NewsletterSignup from '@/components/sections/newsletter-signup';
-import { render } from 'astro:content';
-
-export async function getStaticPaths() {
-	const posts = await getCollection('magic');
-	return posts.map((post) => ({
-		params: { slug: post.id },
-		props: post,
-	}));
-}
-type Props = CollectionEntry<'magic'>;
-
-const post = Astro.props;
-const { Content } = await render(post);	
-
---
-<DefaultLayout title={`${post.data.title} | ${SITE_TITLE}`} description={post.data.description}>
-	<div class="py-16 md:py-28 lg:py-32">
-		<BlogPost post={post} client:only='react'>
-			<Content />
-		</BlogPost>
-	</div>
-	
-	<NewsletterSignup client:load />
-</DefaultLayout>
--- a/src/pages/magic/index.astro
+++ b/src/pages/magic/index.astro
@ -1,24 +0,0 @@
---
-import { getCollection } from 'astro:content';
-import DefaultLayout from '@/layouts/DefaultLayout.astro';
-import { BlogPosts } from '@/components/sections/blog-posts';
-
-const posts = (await getCollection('magic')).sort(
-	(a, b) => b.data.pubDate.valueOf() - a.data.pubDate.valueOf(),
-);
-
-const SITE_TITLE = 'Magic - Mathematical Card Tricks and Illusions';
-const SITE_DESCRIPTION = 'Self-working card tricks, mathematical principles in magic, and the beauty of algorithmic illusions.';
---
-
-<DefaultLayout title={SITE_TITLE} description={SITE_DESCRIPTION}>
-	<div class="py-16 md:py-28 lg:py-32">
-		<div class="container max-w-5xl">
-			<div class="mb-12">
-				<h1 class="text-4xl font-bold mb-4">Magic</h1>
-				<p class="text-xl text-muted-foreground">{SITE_DESCRIPTION}</p>
-			</div>
-			<BlogPosts posts={posts} collection="magic" client:only='react' />
-		</div>
-	</div>
-</DefaultLayout>
--- a/src/pages/magic/rss.xml.js
+++ b/src/pages/magic/rss.xml.js
@ -1,15 +0,0 @@
-import rss from "@astrojs/rss";
-import { getCollection } from "astro:content";
-
-export async function GET(context) {
-  const posts = await getCollection("magic");
-  return rss({
-    title: "Magic - Mathematical Card Tricks and Illusions",
-    description: "Self-working card tricks, mathematical principles in magic, and the beauty of algorithmic illusions.",
-    site: context.site,
-    items: posts.map((post) => ({
-      ...post.data,
-      link: `/magic/${post.id}/`,
-    })),
-  });
-}
--- a/src/pages/poetry/[...slug].astro
+++ b/src/pages/poetry/[...slug].astro
@ -1,30 +0,0 @@
---
-import { type CollectionEntry, getCollection } from 'astro:content';
-import DefaultLayout from '@/layouts/DefaultLayout.astro';
-import { BlogPost } from '@/components/sections/blog-post';
-import { SITE_TITLE, SITE_DESCRIPTION } from '@/consts';
-import NewsletterSignup from '@/components/sections/newsletter-signup';
-import { render } from 'astro:content';
-
-export async function getStaticPaths() {
-	const posts = await getCollection('poetry');
-	return posts.map((post) => ({
-		params: { slug: post.id },
-		props: post,
-	}));
-}
-type Props = CollectionEntry<'poetry'>;
-
-const post = Astro.props;
-const { Content } = await render(post);	
-
---
-<DefaultLayout title={`${post.data.title} | ${SITE_TITLE}`} description={post.data.description}>
-	<div class="py-16 md:py-28 lg:py-32">
-		<BlogPost post={post} client:only='react'>
-			<Content />
-		</BlogPost>
-	</div>
-	
-	<NewsletterSignup client:load />
-</DefaultLayout>
--- a/src/pages/poetry/index.astro
+++ b/src/pages/poetry/index.astro
@ -1,24 +0,0 @@
---
-import { getCollection } from 'astro:content';
-import DefaultLayout from '@/layouts/DefaultLayout.astro';
-import { BlogPosts } from '@/components/sections/blog-posts';
-
-const posts = (await getCollection('poetry')).sort(
-	(a, b) => new Date(b.data.pubDate).valueOf() - new Date(a.data.pubDate).valueOf()
-);
-
-const SITE_TITLE = 'Poetry - Code in Verse';
-const SITE_DESCRIPTION = 'Programming concepts expressed through haikus, sonnets, and creative verse.';
---
-
-<DefaultLayout title={SITE_TITLE} description={SITE_DESCRIPTION}>
-	<div class="py-16 md:py-28 lg:py-32">
-		<div class="container max-w-5xl">
-			<div class="mb-12">
-				<h1 class="text-4xl font-bold mb-4">Poetry</h1>
-				<p class="text-xl text-muted-foreground">{SITE_DESCRIPTION}</p>
-			</div>
-			<BlogPosts posts={posts} collection="poetry" client:only='react' />
-		</div>
-	</div>
-</DefaultLayout>
--- a/src/pages/poetry/rss.xml.js
+++ b/src/pages/poetry/rss.xml.js
@ -1,15 +0,0 @@
-import rss from "@astrojs/rss";
-import { getCollection } from "astro:content";
-
-export async function GET(context) {
-  const posts = await getCollection("poetry");
-  return rss({
-    title: "Poetry - Code in Verse",
-    description: "Programming concepts expressed through haikus, sonnets, and creative verse.",
-    site: context.site,
-    items: posts.map((post) => ({
-      ...post.data,
-      link: `/poetry/${post.id}/`,
-    })),
-  });
-}
--- a/src/pages/problems/[...slug].astro
+++ b/src/pages/problems/[...slug].astro
@ -1,30 +0,0 @@
---
-import { type CollectionEntry, getCollection } from 'astro:content';
-import DefaultLayout from '@/layouts/DefaultLayout.astro';
-import { BlogPost } from '@/components/sections/blog-post';
-import { SITE_TITLE, SITE_DESCRIPTION } from '@/consts';
-import NewsletterSignup from '@/components/sections/newsletter-signup';
-import { render } from 'astro:content';
-
-export async function getStaticPaths() {
-	const posts = await getCollection('problems');
-	return posts.map((post) => ({
-		params: { slug: post.id },
-		props: post,
-	}));
-}
-type Props = CollectionEntry<'problems'>;
-
-const post = Astro.props;
-const { Content } = await render(post);	
-
---
-<DefaultLayout title={`${post.data.title} | ${SITE_TITLE}`} description={post.data.description}>
-	<div class="py-16 md:py-28 lg:py-32">
-		<BlogPost post={post} client:only='react'>
-			<Content />
-		</BlogPost>
-	</div>
-	
-	<NewsletterSignup client:load />
-</DefaultLayout>
--- a/src/pages/problems/index.astro
+++ b/src/pages/problems/index.astro
@ -1,24 +0,0 @@
---
-import { getCollection } from 'astro:content';
-import DefaultLayout from '@/layouts/DefaultLayout.astro';
-import { BlogPosts } from '@/components/sections/blog-posts';
-
-const posts = (await getCollection('problems')).sort(
-	(a, b) => b.data.pubDate.valueOf() - a.data.pubDate.valueOf(),
-);
-
-const SITE_TITLE = 'Problems - Algorithmic Challenges and Solutions';
-const SITE_DESCRIPTION = 'Interesting problems from contests, assessments, and real-world applications with detailed solutions.';
---
-
-<DefaultLayout title={SITE_TITLE} description={SITE_DESCRIPTION}>
-	<div class="py-16 md:py-28 lg:py-32">
-		<div class="container max-w-5xl">
-			<div class="mb-12">
-				<h1 class="text-4xl font-bold mb-4">Problems</h1>
-				<p class="text-xl text-muted-foreground">{SITE_DESCRIPTION}</p>
-			</div>
-			<BlogPosts posts={posts} collection="problems" client:only='react' />
-		</div>
-	</div>
-</DefaultLayout>
--- a/src/pages/problems/rss.xml.js
+++ b/src/pages/problems/rss.xml.js
@ -1,15 +0,0 @@
-import rss from "@astrojs/rss";
-import { getCollection } from "astro:content";
-
-export async function GET(context) {
-  const posts = await getCollection("problems");
-  return rss({
-    title: "Problems - Algorithmic Challenges and Solutions",
-    description: "Interesting problems from contests, assessments, and real-world applications with detailed solutions.",
-    site: context.site,
-    items: posts.map((post) => ({
-      ...post.data,
-      link: `/problems/${post.id}/`,
-    })),
-  });
-}
--- a/src/pages/puzzles/[...slug].astro
+++ b/src/pages/puzzles/[...slug].astro
@ -1,30 +0,0 @@
---
-import { type CollectionEntry, getCollection } from 'astro:content';
-import DefaultLayout from '@/layouts/DefaultLayout.astro';
-import { BlogPost } from '@/components/sections/blog-post';
-import { SITE_TITLE, SITE_DESCRIPTION } from '@/consts';
-import NewsletterSignup from '@/components/sections/newsletter-signup';
-import { render } from 'astro:content';
-
-export async function getStaticPaths() {
-	const posts = await getCollection('puzzles');
-	return posts.map((post) => ({
-		params: { slug: post.id },
-		props: post,
-	}));
-}
-type Props = CollectionEntry<'puzzles'>;
-
-const post = Astro.props;
-const { Content } = await render(post);	
-
---
-<DefaultLayout title={`${post.data.title} | ${SITE_TITLE}`} description={post.data.description}>
-	<div class="py-16 md:py-28 lg:py-32">
-		<BlogPost post={post} client:only='react'>
-			<Content />
-		</BlogPost>
-	</div>
-	
-	<NewsletterSignup client:load />
-</DefaultLayout>
--- a/src/pages/puzzles/index.astro
+++ b/src/pages/puzzles/index.astro
@ -1,24 +0,0 @@
---
-import { getCollection } from 'astro:content';
-import DefaultLayout from '@/layouts/DefaultLayout.astro';
-import { BlogPosts } from '@/components/sections/blog-posts';
-
-const posts = (await getCollection('puzzles')).sort(
-	(a, b) => b.data.pubDate.valueOf() - a.data.pubDate.valueOf(),
-);
-
-const SITE_TITLE = 'Puzzles - Logic, Mathematics, and Interactive Challenges';
-const SITE_DESCRIPTION = 'Mathematical puzzles, logic problems, and interactive challenges that teach algorithmic thinking.';
---
-
-<DefaultLayout title={SITE_TITLE} description={SITE_DESCRIPTION}>
-	<div class="py-16 md:py-28 lg:py-32">
-		<div class="container max-w-5xl">
-			<div class="mb-12">
-				<h1 class="text-4xl font-bold mb-4">Puzzles</h1>
-				<p class="text-xl text-muted-foreground">{SITE_DESCRIPTION}</p>
-			</div>
-			<BlogPosts posts={posts} collection="puzzles" client:only='react' />
-		</div>
-	</div>
-</DefaultLayout>
--- a/src/pages/puzzles/rss.xml.js
+++ b/src/pages/puzzles/rss.xml.js
@ -1,15 +0,0 @@
-import rss from "@astrojs/rss";
-import { getCollection } from "astro:content";
-
-export async function GET(context) {
-  const posts = await getCollection("puzzles");
-  return rss({
-    title: "Puzzles - Logic, Mathematics, and Interactive Challenges",
-    description: "Mathematical puzzles, logic problems, and interactive challenges that teach algorithmic thinking.",
-    site: context.site,
-    items: posts.map((post) => ({
-      ...post.data,
-      link: `/puzzles/${post.id}/`,
-    })),
-  });
-}
--- a/src/pages/reflections/[...slug].astro
+++ b/src/pages/reflections/[...slug].astro
@ -1,30 +0,0 @@
---
-import { type CollectionEntry, getCollection } from 'astro:content';
-import DefaultLayout from '@/layouts/DefaultLayout.astro';
-import { BlogPost } from '@/components/sections/blog-post';
-import { SITE_TITLE, SITE_DESCRIPTION } from '@/consts';
-import NewsletterSignup from '@/components/sections/newsletter-signup';
-import { render } from 'astro:content';
-
-export async function getStaticPaths() {
-	const posts = await getCollection('reflections');
-	return posts.map((post) => ({
-		params: { slug: post.id },
-		props: post,
-	}));
-}
-type Props = CollectionEntry<'reflections'>;
-
-const post = Astro.props;
-const { Content } = await render(post);	
-
---
-<DefaultLayout title={`${post.data.title} | ${SITE_TITLE}`} description={post.data.description}>
-	<div class="py-16 md:py-28 lg:py-32">
-		<BlogPost post={post} client:only='react'>
-			<Content />
-		</BlogPost>
-	</div>
-	
-	<NewsletterSignup client:load />
-</DefaultLayout>
--- a/src/pages/reflections/index.astro
+++ b/src/pages/reflections/index.astro
@ -1,24 +0,0 @@
---
-import { getCollection } from 'astro:content';
-import DefaultLayout from '@/layouts/DefaultLayout.astro';
-import { BlogPosts } from '@/components/sections/blog-posts';
-
-const posts = (await getCollection('reflections')).sort(
-	(a, b) => b.data.pubDate.valueOf() - a.data.pubDate.valueOf(),
-);
-
-const SITE_TITLE = 'Reflections - Thoughts on Teaching, Learning, and Life';
-const SITE_DESCRIPTION = 'Personal reflections on academia, teaching philosophy, and the journey of continuous learning.';
---
-
-<DefaultLayout title={SITE_TITLE} description={SITE_DESCRIPTION}>
-	<div class="py-16 md:py-28 lg:py-32">
-		<div class="container max-w-5xl">
-			<div class="mb-12">
-				<h1 class="text-4xl font-bold mb-4">Reflections</h1>
-				<p class="text-xl text-muted-foreground">{SITE_DESCRIPTION}</p>
-			</div>
-			<BlogPosts posts={posts} collection="reflections" client:only='react' />
-		</div>
-	</div>
-</DefaultLayout>
--- a/src/pages/reflections/rss.xml.js
+++ b/src/pages/reflections/rss.xml.js
@ -1,15 +0,0 @@
-import rss from "@astrojs/rss";
-import { getCollection } from "astro:content";
-
-export async function GET(context) {
-  const posts = await getCollection("reflections");
-  return rss({
-    title: "Reflections - Thoughts on Teaching, Learning, and Life",
-    description: "Personal reflections on academia, teaching philosophy, and the journey of continuous learning.",
-    site: context.site,
-    items: posts.map((post) => ({
-      ...post.data,
-      link: `/reflections/${post.id}/`,
-    })),
-  });
-}
--- a/src/pages/reviews/[...slug].astro
+++ b/src/pages/reviews/[...slug].astro
@ -1,30 +0,0 @@
---
-import { type CollectionEntry, getCollection } from 'astro:content';
-import DefaultLayout from '@/layouts/DefaultLayout.astro';
-import { BlogPost } from '@/components/sections/blog-post';
-import { SITE_TITLE, SITE_DESCRIPTION } from '@/consts';
-import NewsletterSignup from '@/components/sections/newsletter-signup';
-import { render } from 'astro:content';
-
-export async function getStaticPaths() {
-	const posts = await getCollection('reviews');
-	return posts.map((post) => ({
-		params: { slug: post.id },
-		props: post,
-	}));
-}
-type Props = CollectionEntry<'reviews'>;
-
-const post = Astro.props;
-const { Content } = await render(post);	
-
---
-<DefaultLayout title={`${post.data.title} | ${SITE_TITLE}`} description={post.data.description}>
-	<div class="py-16 md:py-28 lg:py-32">
-		<BlogPost post={post} client:only='react'>
-			<Content />
-		</BlogPost>
-	</div>
-	
-	<NewsletterSignup client:load />
-</DefaultLayout>
--- a/src/pages/reviews/index.astro
+++ b/src/pages/reviews/index.astro
@ -1,24 +0,0 @@
---
-import { getCollection } from 'astro:content';
-import DefaultLayout from '@/layouts/DefaultLayout.astro';
-import { BlogPosts } from '@/components/sections/blog-posts';
-
-const posts = (await getCollection('reviews')).sort(
-	(a, b) => b.data.pubDate.valueOf() - a.data.pubDate.valueOf(),
-);
-
-const SITE_TITLE = 'Reviews - Tools, Books, and Technology';
-const SITE_DESCRIPTION = 'In-depth reviews of tools, books, hardware, and software for academics and developers.';
---
-
-<DefaultLayout title={SITE_TITLE} description={SITE_DESCRIPTION}>
-	<div class="py-16 md:py-28 lg:py-32">
-		<div class="container max-w-5xl">
-			<div class="mb-12">
-				<h1 class="text-4xl font-bold mb-4">Reviews</h1>
-				<p class="text-xl text-muted-foreground">{SITE_DESCRIPTION}</p>
-			</div>
-			<BlogPosts posts={posts} collection="reviews" client:only='react' />
-		</div>
-	</div>
-</DefaultLayout>
--- a/src/pages/reviews/rss.xml.js
+++ b/src/pages/reviews/rss.xml.js
@ -1,15 +0,0 @@
-import rss from "@astrojs/rss";
-import { getCollection } from "astro:content";
-
-export async function GET(context) {
-  const posts = await getCollection("reviews");
-  return rss({
-    title: "Reviews - Tools, Books, and Technology",
-    description: "In-depth reviews of tools, books, hardware, and software for academics and developers.",
-    site: context.site,
-    items: posts.map((post) => ({
-      ...post.data,
-      link: `/reviews/${post.id}/`,
-    })),
-  });
-}
--- a/src/pages/rss.xml.js
+++ b/src/pages/rss.xml.js
@ -1,16 +1,20 @@
 import rss from "@astrojs/rss";
 import { getCollection } from "astro:content";
 import { SITE_TITLE, SITE_DESCRIPTION } from "../consts";
+import { ACTIVE_BLOG_SITE } from "../blog-sites.js";

 export async function GET(context) {
-  const posts = await getCollection("blog");
+  const posts = (await getCollection(ACTIVE_BLOG_SITE.key)).sort(
+    (a, b) => b.data.pubDate.valueOf() - a.data.pubDate.valueOf(),
+  );
+
  return rss({
    title: SITE_TITLE,
    description: SITE_DESCRIPTION,
    site: context.site,
    items: posts.map((post) => ({
      ...post.data,
-      link: `/blog/${post.id}/`,
+      link: `/${post.id}/`,
    })),
  });
 }
--- a/src/pages/vibes/[...slug].astro
+++ b/src/pages/vibes/[...slug].astro
@ -1,30 +0,0 @@
---
-import { type CollectionEntry, getCollection } from 'astro:content';
-import DefaultLayout from '@/layouts/DefaultLayout.astro';
-import { BlogPost } from '@/components/sections/blog-post';
-import { SITE_TITLE, SITE_DESCRIPTION } from '@/consts';
-import NewsletterSignup from '@/components/sections/newsletter-signup';
-import { render } from 'astro:content';
-
-export async function getStaticPaths() {
-	const posts = await getCollection('vibes');
-	return posts.map((post) => ({
-		params: { slug: post.id },
-		props: post,
-	}));
-}
-type Props = CollectionEntry<'vibes'>;
-
-const post = Astro.props;
-const { Content } = await render(post);	
-
---
-<DefaultLayout title={`${post.data.title} | ${SITE_TITLE}`} description={post.data.description}>
-	<div class="py-16 md:py-28 lg:py-32">
-		<BlogPost post={post} client:only='react'>
-			<Content />
-		</BlogPost>
-	</div>
-	
-	<NewsletterSignup client:load />
-</DefaultLayout>
--- a/src/pages/vibes/index.astro
+++ b/src/pages/vibes/index.astro
@ -1,24 +0,0 @@
---
-import { getCollection } from 'astro:content';
-import DefaultLayout from '@/layouts/DefaultLayout.astro';
-import { BlogPosts } from '@/components/sections/blog-posts';
-
-const posts = (await getCollection('vibes')).sort(
-	(a, b) => b.data.pubDate.valueOf() - a.data.pubDate.valueOf(),
-);
-
-const SITE_TITLE = 'Vibes - AI Conversations and Creative Explorations';
-const SITE_DESCRIPTION = 'Philosophical dialogues with AI, creative coding experiments, and explorations at the intersection of technology and consciousness.';
---
-
-<DefaultLayout title={SITE_TITLE} description={SITE_DESCRIPTION}>
-	<div class="py-16 md:py-28 lg:py-32">
-		<div class="container max-w-5xl">
-			<div class="mb-12">
-				<h1 class="text-4xl font-bold mb-4">Vibes</h1>
-				<p class="text-xl text-muted-foreground">{SITE_DESCRIPTION}</p>
-			</div>
-			<BlogPosts posts={posts} collection="vibes" client:only='react' />
-		</div>
-	</div>
-</DefaultLayout>
--- a/src/pages/vibes/rss.xml.js
+++ b/src/pages/vibes/rss.xml.js
@ -1,15 +0,0 @@
-import rss from "@astrojs/rss";
-import { getCollection } from "astro:content";
-
-export async function GET(context) {
-  const posts = await getCollection("vibes");
-  return rss({
-    title: "Vibes - AI Conversations and Creative Explorations",
-    description: "Philosophical dialogues with AI, creative coding experiments, and explorations at the intersection of technology and consciousness.",
-    site: context.site,
-    items: posts.map((post) => ({
-      ...post.data,
-      link: `/vibes/${post.id}/`,
-    })),
-  });
-}
--- a/src/pages/workflows/[...slug].astro
+++ b/src/pages/workflows/[...slug].astro
@ -1,30 +0,0 @@
---
-import { type CollectionEntry, getCollection } from 'astro:content';
-import DefaultLayout from '@/layouts/DefaultLayout.astro';
-import { BlogPost } from '@/components/sections/blog-post';
-import { SITE_TITLE, SITE_DESCRIPTION } from '@/consts';
-import NewsletterSignup from '@/components/sections/newsletter-signup';
-import { render } from 'astro:content';
-
-export async function getStaticPaths() {
-	const posts = await getCollection('workflows');
-	return posts.map((post) => ({
-		params: { slug: post.id },
-		props: post,
-	}));
-}
-type Props = CollectionEntry<'workflows'>;
-
-const post = Astro.props;
-const { Content } = await render(post);	
-
---
-<DefaultLayout title={`${post.data.title} | ${SITE_TITLE}`} description={post.data.description}>
-	<div class="py-16 md:py-28 lg:py-32">
-		<BlogPost post={post} client:only='react'>
-			<Content />
-		</BlogPost>
-	</div>
-	
-	<NewsletterSignup client:load />
-</DefaultLayout>
--- a/src/pages/workflows/index.astro
+++ b/src/pages/workflows/index.astro
@ -1,24 +0,0 @@
---
-import { getCollection } from 'astro:content';
-import DefaultLayout from '@/layouts/DefaultLayout.astro';
-import { BlogPosts } from '@/components/sections/blog-posts';
-
-const posts = (await getCollection('workflows')).sort(
-	(a, b) => b.data.pubDate.valueOf() - a.data.pubDate.valueOf(),
-);
-
-const SITE_TITLE = 'Workflows - Productivity and Automation';
-const SITE_DESCRIPTION = 'Efficient workflows, automation scripts, and productivity tools for developers and academics.';
---
-
-<DefaultLayout title={SITE_TITLE} description={SITE_DESCRIPTION}>
-	<div class="py-16 md:py-28 lg:py-32">
-		<div class="container max-w-5xl">
-			<div class="mb-12">
-				<h1 class="text-4xl font-bold mb-4">Workflows</h1>
-				<p class="text-xl text-muted-foreground">{SITE_DESCRIPTION}</p>
-			</div>
-			<BlogPosts posts={posts} collection="workflows" client:only='react' />
-		</div>
-	</div>
-</DefaultLayout>
--- a/src/pages/workflows/rss.xml.js
+++ b/src/pages/workflows/rss.xml.js
@ -1,15 +0,0 @@
-import rss from "@astrojs/rss";
-import { getCollection } from "astro:content";
-
-export async function GET(context) {
-  const posts = await getCollection("workflows");
-  return rss({
-    title: "Workflows - Productivity and Automation",
-    description: "Efficient workflows, automation scripts, and productivity tools for developers and academics.",
-    site: context.site,
-    items: posts.map((post) => ({
-      ...post.data,
-      link: `/workflows/${post.id}/`,
-    })),
-  });
-}