Core browsing features
Board index
Browse threads in chronological order with pagination support
Catalog view
See thread previews in a grid layout for quick scanning
Thread viewer
Read complete threads with all posts and images preserved
Post linking
Navigate between quoted posts with automatic quotelink generation
Viewing boards
The board index displays threads with their opening posts and recent replies:Browse threads
Scroll through threads ordered by last post time. Each thread shows:
- Original post with subject, name, and timestamp
- Comment text with proper formatting
- Attached media (images, videos)
- Thread statistics (reply count, image count)
- Number of threads shown on current page
- Total thread count for the board
- Direct links to specific page numbers
Catalog mode
Catalog view provides a visual overview of all active threads:Scan threads
View threads as cards showing:
- Thread thumbnail (if available)
- Subject and preview text
- Reply and image counts
- Original post timestamp
Catalog pages display up to 150 threads per page for efficient browsing
Thread viewing
When viewing a thread, you get the complete archived conversation:Post display
Each post includes:- Post number: Unique identifier for the post
- Name and tripcode: Poster identity information
- Timestamp: When the post was made
- Comment: Formatted text with greentext, links, and quotes
- Media: Full images with thumbnails, filename and hash
- Quotelinks: Clickable references to other posts
Navigation features
Quotelink system
Quotelink system
Posts that quote other posts display clickable references. Clicking a quotelink:
- Highlights the referenced post if it’s on the current page
- Loads and displays the post in a popup if it’s not visible
- Shows thread context with backlinks to posts that quote you
Post filtering
Post filtering
When moderation is enabled and posts are reported:
- Regular users see reported posts with media hidden
- Logged-in moderators can see all posts regardless of status
- Post visibility respects moderation settings
Thread statistics
At the top of each thread, statistics display:- Total number of replies
- Total number of images
- Thread metadata (sticky status, deleted status)
Media handling
The interface supports various media types:- Images: JPG, PNG, GIF with thumbnail generation
- Videos: WebM and MP4 with poster frames
- File metadata: Original filename, file hash, dimensions, and file size
Media can be stored locally on the filesystem or in S3-compatible storage
Authentication states
The interface adapts based on user authentication:Anonymous browsing
- Full read access to archived content
- Search functionality available
- Reported posts have media hidden
Logged in users
- Access to moderation tools
- Ability to report posts
- View reported content
Administrator access
- All moderation features
- Post deletion capabilities
- User management tools
Performance optimizations
Ayase Quart implements several optimizations for fast page loads:- Template optimization: Posts are pre-rendered and cached
- Efficient queries: Database queries are optimized for the Asagi schema
- Pagination: Large result sets are paginated to reduce load times
- Filter caching: Moderation filters are cached in Redis or SQLite
Performance metrics are logged during development to identify bottlenecks in rendering pipelines
Customization
Themes
The interface uses CSS themes. By default, the Tomorrow theme is included:- Tomorrow (default)
- Custom themes can be added by modifying
static/css/custom.css
Branding
Instance operators can customize:- Site name and title
- Logo images
- Footer links and attribution
Per the AGPL license, references to Ayase Quart should remain visible
Mobile support
The web interface is responsive and works on mobile devices:- Adaptive layouts for small screens
- Touch-friendly controls
- Optimized image loading
Static files
The interface serves several important static assets:favicon.ico/favicon.gif: Site iconrobots.txt: Configurable robot access control- JavaScript for interactive features
- CSS stylesheets for theming
- Board index route:
src/ayase_quart/blueprints/web/bp_app.py:89 - Thread view route:
src/ayase_quart/blueprints/web/bp_app.py:282 - Catalog route:
src/ayase_quart/blueprints/web/bp_app.py:202