SoSei - សរសេរ

A template for creating beautiful PDFs with HTML & CSS

Overview

This document demonstrates the print component system for the SoSei project. The header and footer components automatically appear on every page, with support for page range restrictions.

Features

PageHeader & PageFooter - Running headers and footers on every page
Positioning Components - TopLeft, TopCenter, TopRight, BottomLeft, BottomCenter, BottomRight
PageNumber - Automatic page numbering with current/total display

Quick Start

Get started in minutes. Clone the repository and edit src/pages/index.astro to create your PDF.

Clone

git clone https://github.com/samithseu/sosei.git

Edit

Open src/pages/index.astro and customize the content. Then press Ctrl+P to print to PDF.

Customization

SoSei is built with customization in mind. All components use scoped CSS, making it easy to override styles for your specific needs. Modify colors, fonts, spacing, and layout through CSS custom properties or component styles.

The template uses modern CSS features including Grid, Flexbox, and logical properties. This ensures your documents look great both on screen and in print.

Project Structure

The template follows a clean organization pattern with components, layouts, and pages separated into logical directories. All print-specific components are located in src/components/print/ for easy discovery and reuse.

Next Steps

Ready to create your own PDFs? Start by exploring the example components in this template, then customize them to match your brand and requirements. Check out the GitHub repository for more examples and documentation.