Devlog

Generate premium metallic cards for your daily updates. Pure HTML, Tailwind CSS, and zero dependencies.

Features

• Premium Materials: Choose from Obsidian (Pitch Black and Gold), Platinum (Silver and Gunmetal), and Pure Gold finishes.
• Luxurious Editions: Three distinct professional layouts (Centurion, Executive, and Founder) perfectly suited to highlight your content.
• Intricate Detailing: High-end metallic gradients, radial textures, dotted edge frames, and crisp typography utilizing Cinzel and JetBrains Mono.
• Client-Side Export: High-resolution image generation entirely in the browser. Zero data leaves your local machine.
• Static and Lightweight: Built purely with HTML, Vanilla JavaScript, and Tailwind CSS. No build steps required.

Getting Started

1. Clone the repository:

   git clone https://github.com/yourusername/devlog.git
   cd devlog

2. Open the application: Simply double-click the index.html file to open it in your favorite modern browser. No local server, Node.js, or build process is required.

Built With

• HTML5 & CSS3 - Core structure and advanced metallic gradients
• Tailwind CSS - Rapid utility-based styling
• Vanilla JavaScript - Logic and DOM manipulation
• html-to-image - High-quality PNG rendering
• Google Fonts - Quality typography using Cinzel, Montserrat, and JetBrains Mono

Usage

1. Enter your name, social handle, and daily devlog entry in the text fields.
2. Upload a profile image simply by clicking the upload area or dragging an image into it.
3. Select your desired Material (Obsidian, Platinum, Gold).
4. Choose an Edition layout (Centurion, Executive, Founder).
5. Preview the result in real-time.
6. Click Download High-Res or use the Ctrl/Cmd+Enter keyboard shortcut to save the image to your machine.

License

This project is licensed under the MIT License - see the LICENSE file for details.