ValorStone SMP Rules Website

A modern, responsive web application for displaying ValorStone SMP server rules with search functionality and elegant design.

Project Structure

flask-valor-rules/
├── app.py                 # Main Flask application
├── requirements.txt       # Python dependencies
├── rules/                 # Markdown rule files
│   ├── main.md           # Main server rules
│   ├── war_declaration.md # War declaration rules
│   ├── building.md       # Building guidelines
│   ├── neutrality.md     # Neutrality rules
│   └── staff_rules.md    # Staff guidelines
├── templates/            # HTML templates
│   ├── base.html         # Base template with navigation
│   ├── index.html        # Homepage
│   ├── rules_section.html # Individual rule pages
│   └── search.html       # Search functionality
└── static/               # Static assets (future use)

Features

• 🎨 Modern frosted glass design with macOS-like navigation
• 📱 Fully responsive mobile support
• 🔍 Advanced search functionality with context highlighting
• 📝 Markdown-based rule management
• 🌙 Dark theme with purple accent color (#5c456b)
• ⚡ Fast and lightweight Flask backend

Installation & Setup

1. Install Python dependencies:

pip install -r requirements.txt

2. Run the Flask application:

python app.py

3. Open your browser and navigate to:

http://localhost:5000

Rule Management

Rules are stored as Markdown files in the rules/ directory. The application automatically converts them to HTML and provides:

• Section-based navigation
• Search functionality across all rules
• Mobile-responsive display
• Consistent formatting

Design Features

• Frosted Glass Effects: Modern translucent elements with backdrop blur
• macOS-like Navigation: Centered control panel with smooth animations
• Typography: Apple system fonts for native feel
• Color Scheme: Dark grays with purple accent (#5c456b)
• Animations: Smooth micro-interactions with cubic-bezier easing