Skip to content

feat: Add catshield to Personal Projects (rename from Web Projects) #162

@taearls

Description

@taearls

Overview

Add catshield to the Code page with screenshot support. This requires renaming "Web Projects" to "Personal Projects" since catshield is a desktop application, not a web project.

Changes Required

1. Rename "Web Projects" → "Personal Projects"

Update terminology throughout the codebase to be more inclusive of non-web projects:

  • Tab label on Code page
  • Component names (optional, can keep internal naming)
  • Any user-facing text

2. Add catshield Project

Project Details:

Field Value
Name catshield
Link https://github.com/taearls/catshield
Tags Rust, macOS, Desktop, CoreGraphics

Descriptions:

  1. "A macOS utility that protects your work from cats walking on your keyboard by creating a semi-transparent fullscreen overlay that blocks input events."
  2. "Built with Rust using native macOS frameworks (Cocoa/AppKit, CoreGraphics, IOKit) for low-level event interception and power management. Unlocks with Cmd+Option+U."

Screenshot: Upload to Cloudinary showing the overlay in action

Screenshot Requirements

Approach: Terminal focus - privacy-safe, professional look

Setup:

  1. Open a terminal with generic commands (e.g., echo "Hello, world!", ls, cat README.md)
  2. Activate catshield to show the semi-transparent overlay
  3. Capture the overlay blocking the terminal session
  4. Use a clean/minimal desktop background

Specifications:

  • Dimensions: 1200x630 (matches other projects)
  • Upload to Cloudinary as screenshots/catshield-screenshot
  • No personal info, files, or sensitive content visible

Implementation Details

Files to Modify

  • src/util/constants.ts - Add catshield to WEB_PROJECTS array
  • src/pages/CodePage.tsx - Change tab label to "Personal Projects"

Data Entry

{
  name: "catshield",
  alt: "Screenshot of catshield macOS utility showing semi-transparent overlay",
  href: "https://github.com/taearls/catshield",
  tagline: "View on GitHub",
  descriptions: [
    "A macOS utility that protects your work from cats walking on your keyboard by creating a semi-transparent fullscreen overlay that blocks input events.",
    "Built with Rust using native macOS frameworks (Cocoa/AppKit, CoreGraphics, IOKit) for low-level event interception and power management. Unlocks with Cmd+Option+U."
  ],
  tags: ["Rust", "macOS", "Desktop", "CoreGraphics"],
  cloudinaryId: {
    default: "screenshots/catshield-screenshot"
  },
  width: 1200,
  height: 630
}

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or request

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions