About
I like video games, coffee, and building stuff.
Blog
[+] How This Site Is Built2024-03-08🔗
# How This Site Is Built
This website is built using a custom **Rust-based HTML templating system** with a declarative macro system for generating static HTML.
## The Stack
- **Rust** - For the HTML generation
- **Custom Macros** - Declarative syntax for writing HTML
- **No Build Tools** - Just `cargo run` to generate the site
- **Vanilla JavaScript** - No frameworks, just plain JS
- **Marked.js** - For rendering markdown content
## The Templating System
The system uses Rust macros with this syntax:
```rust
div[id="content", class="container"] {
h1 { "Hello, World!" }
p { "This is a paragraph." }
a[href="https://example.com"] { "Link" }
}
```
This generates properly formatted HTML with tab indentation.
## Key Features
- **Compile-time asset inclusion** - CSS, JS, and markdown files are embedded using `include_str!`
- **Type-safe HTML** - Rust's compiler catches errors at build time
- **Single file output** - Everything is inlined into one `index.html`
## Implementation
The system explores:
- Declarative macro systems
- Compile-time code generation
- Type-safe templating
- Zero-runtime dependencies
## The Result
A self-contained website with no external dependencies. The entire site is in one HTML file with all assets inlined.
## Source Code
The generator consists of two files:
- `index.rs` - The page structure and content
- `html.rs` - The macro definitions
Projects
Here are some of the things I've been working on.
[+] gsickles.github.io🔗
**Tech:** Rust, Declarative Macros, Vanilla JS
A custom HTML templating system built with Rust macros. Features:
- Declarative syntax for writing HTML
- Compile-time asset inclusion
- Type-safe HTML generation
- Zero runtime dependencies
The entire site is generated from clean, readable Rust code into a single self-contained HTML file.
[View the showcase page](showcase.html) to see all available HTML tags and examples. [View the raw HTML](https://raw.githubusercontent.com/gsickles/gsickles.github.io/main/showcase.html) to see the pretty formatting.
Games
Click to play!
Pong - Classic two-player paddle game. Play against the CPU!
Breakout - Break all the bricks with your paddle and ball.
Tetris - The classic falling blocks puzzle game.
Asteroids - Fly through space and destroy asteroids.
Space Invaders - Defend Earth from waves of alien invaders.
Minesweeper - Classic logic puzzle game. Find all the mines!
Flappy Bird - Navigate through pipes by flapping your wings.
Conway's Game of Life - Cellular automaton simulator with classic patterns.
Tools
CyberChef - The Cyber Swiss Army Knife - a web app for encryption, encoding, compression and data analysis.
Godbolt Compiler Explorer - Compiler Explorer is an interactive online compiler which shows the assembly output of compiled C++, Rust, Go (and many more) code.
Overleaf, Online LaTeX Editor - An online LaTeX editor that's easy to use. No installation, real-time collaboration, version control, hundreds of LaTeX templates, and more.
Chris Titus Tech's Windows Utility - Streamline Windows 11 installs, debloat with tweaks, troubleshoot with config, and fix Windows updates.
.gitconfig
[show] Git configuration with dag alias
[user]
email = garrett@sickles.dev
name = Garrett Sickles
[alias]
dag = log --graph --format='format:%C(yellow)%h%C(reset) %C(blue)\"%an\" <%ae>%C(reset) %C(magenta)%ar%C(reset)%C(auto)%d%C(reset)%n%s' --date-order
ca = commit --amend
sq = git reset HEAD~1
.bashrc
[show] Bash configuration and aliases
# Aliases
alias ll='ls -la'
HISTFILE=~/.history
HISTSIZE=32767
SAVEHIST=32767
setopt SHARE_HISTORY
autoload -U colors && colors
export PS1="%F{magenta}(%D{%Y-%m-%d %H:%M:%S.%.})%f [%3d] %F{yellow}%n%f@%F{cyan}%m %F{yellow}%f$ "