Skip to content

bouquet2/krea.to

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

169 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

krea.to

My personal website and blog, featuring a terminal-style interface and a custom markdown-to-HTML static site generator.

🌐 Live Site: krea.to

Features

Main Site

  • 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

Blog

  • 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

Building

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

Adding New Blog Posts

  1. Create a new markdown file in the md/ directory (organized by category)
  2. Add metadata at the top of the file:
    <!--
    Title: Your Post Title
    Author: Kreato
    Description: A brief description
    -->
    
    # Your Post Title
    
    Your content here...
  3. Run make to generate the HTML
  4. Commit and push the changes

=======

Landing Page Settings

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
-->

Available Settings

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.

Color Schemes

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

Font

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.

License

See LICENSE file for details.

About

krea.to site

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors