|  | 
| 2 | 2 | 
 | 
| 3 | 3 | **Engineering knowledge through prompts** | 
| 4 | 4 | 
 | 
| 5 |  | -Portfolio site showcasing AI-assisted development projects, technical guides, and insights on the shift from syntax to systems. | 
|  | 5 | +Custom-built portfolio site showcasing AI-assisted development projects and technical guides. Zero templates, zero frameworks - pure HTML, CSS, and vanilla JavaScript with a futuristic design. | 
| 6 | 6 | 
 | 
| 7 | 7 | 🌐 **Live Site**: [prompt-stack.github.io](https://prompt-stack.github.io) | 
| 8 | 8 | 
 | 
| 9 |  | -## What This Is | 
|  | 9 | +## Features | 
| 10 | 10 | 
 | 
| 11 |  | -A Jekyll-powered portfolio site documenting: | 
| 12 |  | -- **Guides** - Technical deep-dives on Claude, AI-assisted development, and engineering | 
| 13 |  | -- **Projects** - Production-ready applications (Content Engine, Content Stack, etc.) | 
| 14 |  | -- **Essays** - Philosophy and analysis on AI, accessibility, and systems thinking | 
|  | 11 | +- **Animated Starfield Background** - Multi-layer parallax stars | 
|  | 12 | +- **Smooth Animations** - Fade-in effects and smooth scrolling | 
|  | 13 | +- **Gradient Typography** - Dynamic gradient text effects | 
|  | 14 | +- **Responsive Design** - Mobile-first responsive layout | 
|  | 15 | +- **Zero Dependencies** - No frameworks, no build process | 
|  | 16 | +- **Fast Loading** - Static HTML with minimal CSS/JS | 
| 15 | 17 | 
 | 
| 16 |  | -## Tech Stack | 
| 17 |  | - | 
| 18 |  | -- **Static Site Generator**: Jekyll | 
| 19 |  | -- **Hosting**: GitHub Pages | 
| 20 |  | -- **Design**: Custom CSS with dark mode support | 
| 21 |  | -- **Collections**: Guides, Essays, Projects | 
| 22 |  | - | 
| 23 |  | -## Local Development | 
| 24 |  | - | 
| 25 |  | -```bash | 
| 26 |  | -# Install dependencies | 
| 27 |  | -bundle install | 
| 28 |  | - | 
| 29 |  | -# Run local server | 
| 30 |  | -bundle exec jekyll serve | 
| 31 |  | - | 
| 32 |  | -# View at http://localhost:4000 | 
| 33 |  | -``` | 
| 34 |  | - | 
| 35 |  | -## Site Structure | 
|  | 18 | +## Structure | 
| 36 | 19 | 
 | 
| 37 | 20 | ``` | 
| 38 | 21 | prompt-stack.github.io/ | 
| 39 |  | -├── _config.yml          # Jekyll configuration | 
| 40 |  | -├── _layouts/            # Custom layouts | 
| 41 |  | -│   ├── default.html    # Base layout | 
| 42 |  | -│   ├── guide.html      # Guide layout | 
| 43 |  | -│   ├── essay.html      # Essay layout | 
| 44 |  | -│   └── project.html    # Project layout | 
| 45 |  | -├── _guides/             # Guide collection | 
| 46 |  | -├── _essays/             # Essay collection | 
| 47 |  | -├── _projects/           # Project collection | 
| 48 |  | -├── assets/css/          # Custom CSS | 
| 49 |  | -├── index.md             # Homepage | 
| 50 |  | -├── guides.md            # Guides listing | 
| 51 |  | -├── projects.md          # Projects listing | 
| 52 |  | -└── about.md             # About page | 
|  | 22 | +├── index.html           # Homepage | 
|  | 23 | +├── css/ | 
|  | 24 | +│   └── style.css       # Futuristic styling | 
|  | 25 | +├── js/ | 
|  | 26 | +│   └── script.js       # Smooth interactions | 
|  | 27 | +└── guides/             # Technical guides | 
| 53 | 28 | ``` | 
| 54 | 29 | 
 | 
| 55 |  | -## Adding Content | 
| 56 |  | - | 
| 57 |  | -### New Guide | 
|  | 30 | +## Design Philosophy | 
| 58 | 31 | 
 | 
| 59 |  | -Create a file in `_guides/` with frontmatter: | 
|  | 32 | +**Jetsons-Style Futuristic:** | 
|  | 33 | +- Animated starfield background | 
|  | 34 | +- Gradient text effects | 
|  | 35 | +- Glow and shadow effects | 
|  | 36 | +- Smooth hover animations | 
|  | 37 | +- Dark theme with vibrant accents | 
| 60 | 38 | 
 | 
| 61 |  | -```markdown | 
| 62 |  | ---- | 
| 63 |  | -title: "Your Guide Title" | 
| 64 |  | -date: 2025-10-18 | 
| 65 |  | -summary: "Brief description" | 
| 66 |  | -tags: ["tag1", "tag2"] | 
| 67 |  | ---- | 
|  | 39 | +**Performance:** | 
|  | 40 | +- Static HTML (no build step) | 
|  | 41 | +- Minimal CSS (~400 lines) | 
|  | 42 | +- Vanilla JS (no libraries) | 
|  | 43 | +- Optimized for GitHub Pages | 
| 68 | 44 | 
 | 
| 69 |  | -# Content here | 
| 70 |  | -``` | 
|  | 45 | +## Projects Featured | 
| 71 | 46 | 
 | 
| 72 |  | -### New Project | 
|  | 47 | +- [Content Engine](https://github.com/prompt-stack/content-engine) - AI content processing platform | 
|  | 48 | +- [Content Stack](https://github.com/prompt-stack/content-stack) - Media processing with strict architecture | 
|  | 49 | +- [Prompt Stack Lite](https://github.com/prompt-stack/prompt-stack-lite) - AI development starter | 
| 73 | 50 | 
 | 
| 74 |  | -Create a file in `_projects/` with frontmatter: | 
|  | 51 | +## Local Development | 
| 75 | 52 | 
 | 
| 76 |  | -```markdown | 
| 77 |  | ---- | 
| 78 |  | -title: "Project Name" | 
| 79 |  | -summary: "Brief description" | 
| 80 |  | -repo: "https://github.com/user/repo" | 
| 81 |  | -demo: "https://demo.url" | 
| 82 |  | ---- | 
|  | 53 | +```bash | 
|  | 54 | +# No build process needed! | 
|  | 55 | +# Just open index.html in a browser | 
| 83 | 56 | 
 | 
| 84 |  | -# Content here | 
|  | 57 | +# Or run a simple server: | 
|  | 58 | +python3 -m http.server 8000 | 
|  | 59 | +# Visit http://localhost:8000 | 
| 85 | 60 | ``` | 
| 86 | 61 | 
 | 
| 87 |  | -## Design Philosophy | 
| 88 |  | - | 
| 89 |  | -- **Clean & Minimal** - Focus on content, not chrome | 
| 90 |  | -- **Readable** - Optimized line length and spacing | 
| 91 |  | -- **Dark Mode** - Automatic based on system preference | 
| 92 |  | -- **Responsive** - Mobile-first design | 
| 93 |  | -- **Fast** - Static site, no JavaScript required | 
| 94 |  | - | 
| 95 |  | -## Projects Featured | 
|  | 62 | +## Adding Content | 
| 96 | 63 | 
 | 
| 97 |  | -- [Content Engine](https://github.com/prompt-stack/content-engine) - AI content processing platform | 
| 98 |  | -- [Content Stack](https://github.com/prompt-stack/content-stack) - Media processing with strict architecture | 
| 99 |  | -- [Prompt Stack Lite](https://github.com/prompt-stack/prompt-stack-lite) - AI development starter | 
|  | 64 | +Add new guides to the `guides/` directory and update the guide list in `index.html`. | 
| 100 | 65 | 
 | 
| 101 | 66 | ## License | 
| 102 | 67 | 
 | 
| 103 |  | -MIT License - see LICENSE.md | 
|  | 68 | +MIT License | 
| 104 | 69 | 
 | 
| 105 | 70 | --- | 
| 106 | 71 | 
 | 
| 107 |  | -**Built with AI-assisted development.** The code is real, the deployments work, and the insights are actionable. | 
|  | 72 | +**Built with AI-assisted development.** Custom design, zero templates, pure code. | 
0 commit comments