This page explains how the post card system is implemented using Tera macros.
Post Card Implementation
The site uses a Tera macro system to generate styled post cards consistently across templates. The post cards are automatically used on:
- Homepage: Recent posts section
- Blog section: All blog posts
Macro Implementation
The post card macro is defined in templates/macros.html and imported into templates that need it:
{% import "macros.html" as macros %} {{ macros::post_card(page=page) }}
- Page title as a link
- Publication date
- Description or summary
- Categories and tags with styled badges
Features
The post card includes:
- Responsive design
- Hover effects with subtle animations
- Dark theme support
- Modern styling with rounded corners and shadows
- Color-coded categories and tags