feat: Add projects

[shrink]

Summary by CodeRabbit

• New Features

  • Launched homepage with a dynamic project grid, conditional icons, links, and inactive-project styling.
  • Integrated custom variable fonts for improved typography and preloading.

• Chores

  • Added project tooling and strict TypeScript config, package management and build scripts.
  • Added CI workflow to validate builds and formatting on push.
  • Added repository ignore and formatting ignore entries.

• Documentation

  • Added a basic README.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
shr-ink	Ready	Preview, Comment	Mar 17, 2026 1:12pm

[coderabbitai]

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Organization UI

Review profile: ASSERTIVE

Plan: Free

Run ID: 89ccc151-4c27-420e-9e81-ea2ca34f3a9c

📥 Commits

Reviewing files that changed from the base of the PR and between e95f226 and 990d078.

📒 Files selected for processing (1)

• src/pages/index.astro

---

Walkthrough

Initializes a new Astro website: project configs, CI validation workflow, TypeScript and Prettier setup, Tailwind and favicons integrations, a typed content collection for projects with a loader, global variable-font CSS, and a data-driven homepage rendering project tiles with conditional icon and defunct handling.

Changes

Cohort / File(s)	Summary
CI & Repo metadata ​.github/workflows/validate.yaml, .gitignore, .prettierignore, README.md	Adds a GitHub Actions "Validate Source Code" workflow, standard ignore patterns, Prettier ignore, and a README.
Package & TypeScript config package.json, tsconfig.json	Introduces project dependencies, scripts, packageManager/engines constraints, and a tsconfig that extends Astro strict settings with an @/* path alias.
Astro config & integrations astro.config.ts	Adds Astro config with Vite plugin (Tailwind), favicons integration, and remote image pattern restricting to https.
Content collection src/content.config.ts	New typed projects collection with schema (id, name, description, link, discriminated icon, defunct, order), an ordering helper, and a loader that returns predefined, ordered project entries.
Pages & UI src/pages/index.astro	Adds homepage rendering a responsive grid of projects, preloads variable fonts, conditionally renders icons (string/favicon/url), and applies defunct styling and interactive overlays.
Global styles src/styles/global.css	Registers variable fonts (Archivo, Inconsolata, Inter), sets theme CSS variables, and adds a dot-separated-* utility for dot-separated inline items.

Estimated code review effort

🎯 4 (Complex) | ⏱️ ~45 minutes

Poem

🐰 I hopped through config, fonts, and a grid,
Prettier kept order, Tailwind did the bid,
Projects aligned in a neat little row,
Icons and favicons set gently aglow,
A tiny website warren, ready to show 🥕✨

📝 Coding Plan

• Generate coding plan for human review comments

---

Note

🎁 Summarized by CodeRabbit Free

Your organization is on the Free plan. CodeRabbit will generate a high-level summary and a walkthrough for each pull request. For a comprehensive line-by-line review, please upgrade your subscription to CodeRabbit Pro by visiting https://app.coderabbit.ai/login.

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

Tip

CodeRabbit can enforce grammar and style rules using `languagetool`.

Configure the reviews.tools.languagetool setting to enable/disable rules and categories. Refer to the LanguageTool Community to learn more.

[Copilot]

Pull request overview

Adds an Astro-based homepage that renders a grid of “projects” from an Astro content collection, with Tailwind v4 styling and custom variable fonts, plus basic CI validation on pushes.

Changes:

• Introduces a projects content collection and renders it on the new homepage grid.
• Adds global Tailwind styles, variable font definitions, and a shared SVG icon used for favicon generation + homepage branding.
• Adds initial tooling/config: Astro config, TS config, pnpm setup, Prettier config, and a GitHub Actions validation workflow.

Reviewed changes

Copilot reviewed 8 out of 12 changed files in this pull request and generated 4 comments.

Show a summary per file

File	Description
tsconfig.json	Adds strict Astro TS config and @/* path aliasing.
src/styles/global.css	Defines Tailwind import, variable font faces, theme variables, and a custom utility.
src/pages/index.astro	Implements the homepage project grid and icon rendering.
src/content.config.ts	Defines the projects collection schema and provides a loader-backed dataset.
src/assets/icon.svg	Adds the brand icon used in the page and for favicon generation.
astro.config.ts	Enables Tailwind via Vite plugin and configures favicon generation + remote images.
package.json	Adds dependencies, scripts, Prettier plugins, and Node/pnpm engine metadata.
pnpm-lock.yaml	Locks dependency graph for reproducible installs.
.prettierignore	Excludes the lockfile from Prettier checks.
.gitignore	Adds standard Astro/Node ignores.
.github/workflows/validate.yaml	Adds CI job to build and run Prettier checks on push.
README.md	Adds minimal project description.

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

You can also share your feedback on Copilot code review. Take the survey.