Repository navigation
Build quartzdev.gg portfolio with TanStack Start - #1
Merged
Merged
Conversation
Redstone, Console, Inventory, Poster, and Card replace the previous five. Each takes its palette from QarthO's Minecraft skin (black suit, red tie), has its own typeface, and fits without scrolling from 1440x900 to 360x740. The switcher now keeps the choice in ?design= so the server renders the selected design directly, and [ and ] step through them. Co-Authored-By: Claude Opus 5.5 <[email protected]>
Keep only the Redstone design. "Derek" is now the large name with QarthO beneath it, set in Geist. The quartzdev mark powers the redstone line, and each lamp lights in its project's brand color. Kiln gets a featured panel with Get Kiln and source links. Minecraft plugins now point to Modrinth, and qHotkeys is replaced by Minecraft server consulting. All corners are square and the background grid spans the full width. Co-Authored-By: Claude Opus 5.5 <[email protected]>
Kiln's tagline is now "The panel for everything." with the new description. The description and buttons span the full panel width under the logo, name, and tagline, which now also shows on phones. Co-Authored-By: Claude Opus 5.5 <[email protected]>
…tware The social buttons now show each handle (QarthO, quartzdevgg, qartho) instead of the platform name, with the platform kept in the accessible label. Discord's icon uses its blurple; GitHub and X stay white since their marks are black. "Minecraft plugins" becomes "Minecraft Software". Co-Authored-By: Claude Opus 5.5 <[email protected]>
Their lamp borders, glow, and links now share one green; the logos keep their own colors. Co-Authored-By: Claude Opus 5.5 <[email protected]>
The Minecraft server consultant entry becomes "Side projects", lit as a bare red lamp with no logo. The redstone red is a shade darker, and the background gains a faint red glow under a light film grain. Co-Authored-By: Claude Opus 5.5 <[email protected]>
The whole top section of the Kiln panel is now a single full-width link; hovering it brightens the lamp and underlines the name. Co-Authored-By: Claude Opus 5.5 <[email protected]>
Minecraft Software now reads "Building and maintaining popular plugins like HuskHomes." and the intro calls Derek a business owner instead of listing websites for small businesses. The meta description follows. Co-Authored-By: Claude Opus 5.5 <[email protected]>
Under the name, a 2×2 list marked with redstone dots: Building cool software, Business owner, Open source maintainer, Lifelong gamer. Minecraft Software now says "projects" since HuskHomes is also a mod. Co-Authored-By: Claude Opus 5.5 <[email protected]>
- Title "Derek (QarthO) | quartzdev.gg", search description, and separate shorter copy for link previews. - Open Graph and Twitter tags with a short 1200x480 card styled after the Kiln and Marco cards. scripts/social-card.mjs builds it (Geist text outlined) plus the apple-touch and manifest icons: pnpm social-card. - JSON-LD graph: WebSite, ProfilePage, and Person (with Kiln and Marco). - /sitemap.xml, robots.txt pointing to it, web manifest, and a 404 page that returns 404 with its own title and noindex. Co-Authored-By: Claude Opus 5.5 <[email protected]>
- .github/workflows/docker.yml builds the image on pull requests and publishes ghcr.io/<owner>/quartzdev-web (amd64 + arm64) on pushes to main and v* tags. The Dockerfile labels link the package to the repo. - Side projects get a pixel-art redstone potion instead of a bare lamp. - The quartzdev logo gets a 2px black border. - Remove CLAUDE.md; AGENTS.md covers the same ground. Co-Authored-By: Claude Opus 5.5 <[email protected]>
Co-Authored-By: Claude Opus 5.5 <[email protected]>
Co-Authored-By: Claude Opus 5.5 <[email protected]>
Updates the line under the name and the preview card, where the location moves to its own line to stay clear of the divider. Co-Authored-By: Claude Opus 5.5 <[email protected]>
The card gains a row with GitHub @QarthO, X @quartzdevgg, and Discord @QarthO, each with its icon. The Open Graph/Twitter description no longer ends with "Based in Atlanta." Co-Authored-By: Claude Opus 5.5 <[email protected]>
Co-Authored-By: Claude Opus 5.5 <[email protected]>
Drops "aka QarthO" from the card; the handles row takes its place. Co-Authored-By: Claude Opus 5.5 <[email protected]>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Replaces the legacy Docusaurus site with a one-page TanStack Start portfolio for Derek (QarthO) at quartzdev.gg.
Design. Black, grays, and a deep redstone red, set in Geist, with square corners throughout and a faint, grainy red glow in the background. "Derek" is the large name with "aka QarthO. Based in Atlanta." beneath it, followed by a short intro and links showing each handle with its brand-colored icon: GitHub (QarthO), X (quartzdevgg), and Discord (qartho, linking to the quartzdev.gg server). On the right, the quartzdev mark (a power button) sits at the top of a redstone line. On page load the signal runs down the line once, and each lamp lights up: Kiln in its orange, Marco and Minecraft Software in Marco green, and side projects as a bare red lamp.
Projects:
Logos use their own colors: the quartzdev tile, Kiln's orange mark, Marco's green tile, and Modrinth green. Social icons come from Simple Icons.
SEO and link previews. Title "Derek (QarthO) | quartzdev.gg", a search description, and shorter link-preview copy. Open Graph and Twitter tags use a short 1200×480 card styled after the Kiln and Marco cards;
pnpm social-cardregenerates it (and the PNG icons) from the brand SVGs with Geist text outlined. JSON-LD describes the site, profile page, and Person. Includes/sitemap.xml,robots.txtpointing to it, a web manifest, and a 404 page that returns status 404 withnoindex.Also includes Docker Compose for development, a production Docker image,
/api/health, and reduced-motion handling. No CMS or database.Validation:
/api/health.Tailnet preview: https://s02.tail3e4733.ts.net/
🤖 Generated with Claude Code