My personal website and blog, featuring a terminal-style interface and a custom markdown-to-HTML static site generator.
🌐 Live Site: krea.to
- Interactive Terminal UI - Browse the site through a simulated terminal interface
- 11 Color Schemes - Choose from Catppuccin variants, Gruvbox, Nord, Tokyo Night, Monokai, One Dark, Solarized, and Kanagawa while having custom selected backgrounds for each
- Theme Toggle - Quick switch between light and dark modes
- Accessibility Mode - Enhanced readability with Comic Sans font and increased spacing
- Customizable Settings - Adjust font size, background, and transparency (including the intensity) with ease and slick animations
- Automatic Generation - All pages are generated from Markdown files using Go templates
- Clean Reading Experience - Distraction-free blog post layout that uses the most of the current device
- Syntax Highlighting - Code blocks with syntax highlighting
- Responsive Design - Works great on all screen sizes, including but not limited to phone, tablet, and laptop
The website uses a custom Go-based markdown converter. To generate blog posts:
# Build the converter and generate all pages
make
# Clean generated files
make clean
# View all available commands
make help- Create a new markdown file in the
md/directory (organized by category) - Add metadata at the top of the file:
<!-- Title: Your Post Title Author: Kreato Description: A brief description --> # Your Post Title Your content here...
- Run
maketo generate the HTML - Commit and push the changes
=======
The landing page template supports additional settings to customize its appearance. Add a Settings field to the metadata with comma-separated options:
<!--
Title: My Site
Description: Site description
Template: landing
Settings: hide-topbar, fullscreen, hide-shell
-->| Setting | Description |
|---|---|
hide-topbar |
Removes the terminal header bar (window buttons and title) |
fullscreen |
Makes the terminal take up the full viewport without margins or borders |
hide-shell |
Hides the shell prompts (kreato@akiri:~$) before each section |
Settings can be combined as needed. For example, Settings: fullscreen, hide-topbar creates a clean fullscreen terminal without the window chrome.
The site includes 11 carefully selected color schemes:
- Catppuccin: Mocha (default), Frappe, Latte, Macchiato
- Gruvbox: Retro groove colors
- Nord: Arctic, north-bluish color palette
- Tokyo Night: Dark theme inspired by Tokyo at night
- Monokai: Classic code editor theme
- One Dark: Atom's iconic One Dark theme
- Solarized: Precision colors for machines and people
- Kanagawa: Dark theme inspired by Kanagawa paintings
The main site uses the Scientifica font for a clean, retro terminal aesthetic, while the blog uses Pokemon DP Pro for that nostalgic feel, with Arial as a fallback.
See LICENSE file for details.