skrift 0.1.0a12__py3-none-any.whl

skrift/templates/admin/admin.html

@@ -0,0 +1,19 @@
+{% extends "admin/base.html" %}
+
+{% block title %}Admin - {{ site_name() }}{% endblock %}
+
+{% block admin_content %}
+<hgroup>
+    <h1>Admin Dashboard</h1>
+    <p>Welcome to the admin area</p>
+</hgroup>
+
+<section class="admin-quick-links">
+    {% for item in admin_nav %}
+    <a href="{{ item.path }}" class="admin-card">
+        <h3>{{ item.label }}</h3>
+        <p>Manage {{ item.label | lower }}</p>
+    </a>
+    {% endfor %}
+</section>
+{% endblock %}

skrift/templates/admin/base.html

@@ -0,0 +1,24 @@
+{% extends "base.html" %}
+
+{% block main_class %} admin-layout{% endblock %}
+
+{% block content %}
+<div class="admin-container">
+    <aside class="admin-sidebar">
+        <nav class="admin-nav">
+            <ul>
+                {% for item in admin_nav %}
+                <li>
+                    <a href="{{ item.path }}" {% if current_path == item.path %}class="active"{% endif %}>
+                        {{ item.label }}
+                    </a>
+                </li>
+                {% endfor %}
+            </ul>
+        </nav>
+    </aside>
+    <div class="admin-content">
+        {% block admin_content %}{% endblock %}
+    </div>
+</div>
+{% endblock %}

skrift/templates/admin/pages/edit.html

@@ -0,0 +1,32 @@
+{% extends "admin/base.html" %}
+
+{% block title %}{{ "Edit" if page else "New" }} Page - Admin - {{ site_name() }}{% endblock %}
+
+{% block admin_content %}
+<hgroup>
+    <h1>{{ "Edit" if page else "New" }} Page</h1>
+    <p>{{ "Update page details" if page else "Create a new page" }}</p>
+</hgroup>
+
+<form method="post" action="{{ '/admin/pages/' ~ page.id ~ '/edit' if page else '/admin/pages/new' }}">
+    <label for="title">Title</label>
+    <input type="text" id="title" name="title" value="{{ page.title if page else '' }}" required>
+
+    <label for="slug">Slug</label>
+    <input type="text" id="slug" name="slug" value="{{ page.slug if page else '' }}" required placeholder="e.g., about or services/consulting">
+    <small class="text-muted">The URL path for this page (e.g., "about" becomes /about)</small>
+
+    <label for="content">Content</label>
+    <textarea id="content" name="content" rows="15">{{ page.content if page else '' }}</textarea>
+
+    <label>
+        <input type="checkbox" name="is_published" {% if page and page.is_published %}checked{% endif %}>
+        Published
+    </label>
+
+    <div class="form-actions">
+        <button type="submit">{{ "Update" if page else "Create" }} Page</button>
+        <a href="/admin/pages" role="button" class="outline">Cancel</a>
+    </div>
+</form>
+{% endblock %}

skrift/templates/admin/pages/list.html

@@ -0,0 +1,62 @@
+{% extends "admin/base.html" %}
+
+{% block title %}Pages - Admin - {{ site_name() }}{% endblock %}
+
+{% block admin_content %}
+<div class="admin-header">
+    <hgroup>
+        <h1>Pages</h1>
+        <p>Manage site pages</p>
+    </hgroup>
+    <a href="/admin/pages/new" role="button">New Page</a>
+</div>
+
+<table class="admin-table">
+    <thead>
+        <tr>
+            <th>Title</th>
+            <th>Slug</th>
+            <th>Status</th>
+            <th>Created</th>
+            <th>Actions</th>
+        </tr>
+    </thead>
+    <tbody>
+        {% for page in pages %}
+        <tr>
+            <td>
+                <a href="/{{ page.slug }}">{{ page.title }}</a>
+            </td>
+            <td class="text-muted">/{{ page.slug }}</td>
+            <td>
+                {% if page.is_published %}
+                    <span class="status-badge status-published">Published</span>
+                {% else %}
+                    <span class="status-badge status-draft">Draft</span>
+                {% endif %}
+            </td>
+            <td>{{ page.created_at.strftime('%Y-%m-%d') }}</td>
+            <td class="actions-cell">
+                <a href="/admin/pages/{{ page.id }}/edit" role="button" class="outline small">Edit</a>
+                {% if page.is_published %}
+                <form method="post" action="/admin/pages/{{ page.id }}/unpublish" class="inline-form">
+                    <button type="submit" class="outline small">Unpublish</button>
+                </form>
+                {% else %}
+                <form method="post" action="/admin/pages/{{ page.id }}/publish" class="inline-form">
+                    <button type="submit" class="outline small">Publish</button>
+                </form>
+                {% endif %}
+                <form method="post" action="/admin/pages/{{ page.id }}/delete" class="inline-form" onsubmit="return confirm('Are you sure you want to delete this page?');">
+                    <button type="submit" class="outline small danger">Delete</button>
+                </form>
+            </td>
+        </tr>
+        {% endfor %}
+    </tbody>
+</table>
+
+{% if not pages %}
+<p class="no-items">No pages found.</p>
+{% endif %}
+{% endblock %}

skrift/templates/admin/settings/site.html

@@ -0,0 +1,32 @@
+{% extends "admin/base.html" %}
+
+{% block title %}Site Settings - Admin - {{ site_name() }}{% endblock %}
+
+{% block admin_content %}
+<hgroup>
+    <h1>Site Settings</h1>
+    <p>Configure your site's name, tagline, and other metadata</p>
+</hgroup>
+
+<form method="post" action="/admin/settings">
+    <label for="site_name">Site Name</label>
+    <input type="text" id="site_name" name="site_name" value="{{ settings.site_name }}" required>
+    <small class="text-muted">The name displayed in the header and browser title</small>
+
+    <label for="site_tagline">Site Tagline</label>
+    <input type="text" id="site_tagline" name="site_tagline" value="{{ settings.site_tagline }}">
+    <small class="text-muted">A short description or slogan for your site</small>
+
+    <label for="site_copyright_holder">Copyright Holder</label>
+    <input type="text" id="site_copyright_holder" name="site_copyright_holder" value="{{ settings.site_copyright_holder }}">
+    <small class="text-muted">Name displayed in the copyright notice (defaults to site name if empty)</small>
+
+    <label for="site_copyright_start_year">Copyright Start Year</label>
+    <input type="number" id="site_copyright_start_year" name="site_copyright_start_year" value="{{ settings.site_copyright_start_year }}" min="1900" max="2100">
+    <small class="text-muted">If different from current year, will show a range (e.g., 2020-2026)</small>
+
+    <div class="form-actions">
+        <button type="submit">Save Settings</button>
+    </div>
+</form>
+{% endblock %}

skrift/templates/admin/users/list.html

@@ -0,0 +1,58 @@
+{% extends "admin/base.html" %}
+
+{% block title %}Users - Admin - {{ site_name() }}{% endblock %}
+
+{% block admin_content %}
+<hgroup>
+    <h1>Users</h1>
+    <p>Manage user accounts and roles</p>
+</hgroup>
+
+<table class="admin-table">
+    <thead>
+        <tr>
+            <th>User</th>
+            <th>Email</th>
+            <th>Roles</th>
+            <th>Last Login</th>
+            <th>Actions</th>
+        </tr>
+    </thead>
+    <tbody>
+        {% for user in users %}
+        <tr>
+            <td class="user-cell">
+                {% if user.picture_url %}
+                <img src="{{ user.picture_url }}" alt="{{ user.name }}" class="user-avatar" referrerpolicy="no-referrer">
+                {% endif %}
+                <span>{{ user.name or "—" }}</span>
+            </td>
+            <td>{{ user.email }}</td>
+            <td>
+                {% if user.roles %}
+                    {% for role in user.roles %}
+                    <span class="role-badge">{{ role.display_name or role.name }}</span>
+                    {% endfor %}
+                {% else %}
+                    <span class="text-muted">No roles</span>
+                {% endif %}
+            </td>
+            <td>
+                {% if user.last_login_at %}
+                    {{ user.last_login_at.strftime('%Y-%m-%d %H:%M') }}
+                {% else %}
+                    <span class="text-muted">Never</span>
+                {% endif %}
+            </td>
+            <td>
+                <a href="/admin/users/{{ user.id }}/roles" role="button" class="outline small">Edit Roles</a>
+            </td>
+        </tr>
+        {% endfor %}
+    </tbody>
+</table>
+
+{% if not users %}
+<p class="no-items">No users found.</p>
+{% endif %}
+{% endblock %}

skrift/templates/admin/users/roles.html

@@ -0,0 +1,42 @@
+{% extends "admin/base.html" %}
+
+{% block title %}Edit Roles - {{ target_user.name or target_user.email }} - Admin - {{ site_name() }}{% endblock %}
+
+{% block admin_content %}
+<hgroup>
+    <h1>Edit Roles</h1>
+    <p>Assign roles to {{ target_user.name or target_user.email }}</p>
+</hgroup>
+
+<div class="user-info-card">
+    {% if target_user.picture_url %}
+    <img src="{{ target_user.picture_url }}" alt="{{ target_user.name }}" class="user-avatar-large" referrerpolicy="no-referrer">
+    {% endif %}
+    <div>
+        <strong>{{ target_user.name or "—" }}</strong>
+        <p class="text-muted">{{ target_user.email }}</p>
+    </div>
+</div>
+
+<form method="post" action="/admin/users/{{ target_user.id }}/roles">
+    <fieldset>
+        <legend>Roles</legend>
+        {% for role_name, role_def in available_roles.items() %}
+        <label>
+            <input type="checkbox" name="role_{{ role_name }}" {% if role_name in current_roles %}checked{% endif %}>
+            <span>
+                <strong>{{ role_def.display_name or role_name }}</strong>
+                {% if role_def.description %}
+                <small class="text-muted"> — {{ role_def.description }}</small>
+                {% endif %}
+            </span>
+        </label>
+        {% endfor %}
+    </fieldset>
+
+    <div class="form-actions">
+        <button type="submit">Save Roles</button>
+        <a href="/admin/users" role="button" class="outline">Cancel</a>
+    </div>
+</form>
+{% endblock %}

skrift/templates/auth/dummy_login.html

@@ -0,0 +1,102 @@
+{% extends "base.html" %}
+
+{% block title %}Dummy Login (Dev) - {{ site_name() }}{% endblock %}
+
+{% block head %}
+<style>
+    .login-container {
+        max-width: 400px;
+        margin: 2rem auto;
+    }
+
+    .warning-banner {
+        background: #fef3c7;
+        border: 1px solid #f59e0b;
+        color: #92400e;
+        padding: 1rem;
+        border-radius: 0.5rem;
+        margin-bottom: 1.5rem;
+        text-align: center;
+        font-weight: 600;
+    }
+
+    .form-group {
+        margin-bottom: 1rem;
+    }
+
+    .form-group label {
+        display: block;
+        margin-bottom: 0.5rem;
+        font-weight: 600;
+    }
+
+    .form-group input {
+        width: 100%;
+        padding: 0.75rem;
+        border: 1px solid var(--color-border, #ccc);
+        border-radius: 0.5rem;
+        font-size: 1rem;
+    }
+
+    .form-group small {
+        display: block;
+        margin-top: 0.25rem;
+        color: var(--color-text-muted, #666);
+    }
+
+    .submit-btn {
+        width: 100%;
+        padding: 1rem;
+        background: #6b7280;
+        color: white;
+        border: none;
+        border-radius: 0.5rem;
+        font-size: 1rem;
+        font-weight: 600;
+        cursor: pointer;
+        margin-top: 1rem;
+    }
+
+    .submit-btn:hover {
+        background: #4b5563;
+    }
+
+    .back-link {
+        display: block;
+        text-align: center;
+        margin-top: 1.5rem;
+        color: var(--color-text-muted, #666);
+    }
+</style>
+{% endblock %}
+
+{% block content %}
+<div class="login-container">
+    <article>
+        <header>
+            <h1>Dummy Login</h1>
+        </header>
+
+        <div class="warning-banner">
+            DEVELOPMENT ONLY - Not for production use
+        </div>
+
+        <form method="post" action="/auth/dummy-login">
+            <div class="form-group">
+                <label for="email">Email</label>
+                <input type="email" id="email" name="email" required placeholder="test@example.com">
+            </div>
+
+            <div class="form-group">
+                <label for="name">Name</label>
+                <input type="text" id="name" name="name" placeholder="Test User">
+                <small>Optional. Defaults to email username if not provided.</small>
+            </div>
+
+            <button type="submit" class="submit-btn">Login</button>
+        </form>
+
+        <a href="/auth/login" class="back-link">&larr; Back to login options</a>
+    </article>
+</div>
+{% endblock %}

skrift/templates/auth/login.html

@@ -0,0 +1,139 @@
+{% extends "base.html" %}
+
+{% block title %}Login - {{ site_name() }}{% endblock %}
+
+{% block head %}
+<style>
+    .login-container {
+        max-width: 400px;
+        margin: 2rem auto;
+    }
+
+    .oauth-buttons {
+        display: flex;
+        flex-direction: column;
+        gap: 1rem;
+        margin-top: 1.5rem;
+    }
+
+    .oauth-btn {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        gap: 0.75rem;
+        padding: 1rem 1.5rem;
+        border-radius: 0.5rem;
+        font-size: 1rem;
+        font-weight: 600;
+        text-decoration: none;
+        transition: opacity 0.2s;
+    }
+
+    .oauth-btn:hover {
+        opacity: 0.9;
+    }
+
+    .oauth-btn-google {
+        background: #4285f4;
+        color: white;
+    }
+
+    .oauth-btn-github {
+        background: #24292e;
+        color: white;
+    }
+
+    .oauth-btn-microsoft {
+        background: #00a4ef;
+        color: white;
+    }
+
+    .oauth-btn-discord {
+        background: #5865f2;
+        color: white;
+    }
+
+    .oauth-btn-facebook {
+        background: #1877f2;
+        color: white;
+    }
+
+    .oauth-btn-twitter {
+        background: #000000;
+        color: white;
+    }
+
+    .oauth-btn svg {
+        width: 20px;
+        height: 20px;
+        fill: currentColor;
+    }
+</style>
+{% endblock %}
+
+{% block content %}
+<div class="login-container">
+    <article>
+        <header>
+            <h1>Login</h1>
+        </header>
+
+        <p>Sign in to access your account.</p>
+
+        <div class="oauth-buttons">
+            {% for key, provider in providers.items() %}
+            <a href="/auth/{{ key }}/login" class="oauth-btn oauth-btn-{{ key }}">
+                {% if key == 'google' %}
+                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48">
+                    <path fill="#fff" d="M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z"/>
+                    <path fill="#fff" d="M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z"/>
+                    <path fill="#fff" d="M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z"/>
+                    <path fill="#fff" d="M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z"/>
+                </svg>
+                {% elif key == 'github' %}
+                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+                    <path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/>
+                </svg>
+                {% elif key == 'microsoft' %}
+                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 21 21">
+                    <rect x="1" y="1" width="9" height="9" fill="#f25022"/>
+                    <rect x="1" y="11" width="9" height="9" fill="#00a4ef"/>
+                    <rect x="11" y="1" width="9" height="9" fill="#7fba00"/>
+                    <rect x="11" y="11" width="9" height="9" fill="#ffb900"/>
+                </svg>
+                {% elif key == 'discord' %}
+                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+                    <path d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0 12.64 12.64 0 0 0-.617-1.25.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057 19.9 19.9 0 0 0 5.993 3.03.078.078 0 0 0 .084-.028 14.09 14.09 0 0 0 1.226-1.994.076.076 0 0 0-.041-.106 13.107 13.107 0 0 1-1.872-.892.077.077 0 0 1-.008-.128 10.2 10.2 0 0 0 .372-.292.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127 12.299 12.299 0 0 1-1.873.892.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028 19.839 19.839 0 0 0 6.002-3.03.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.956-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.955-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.946 2.418-2.157 2.418z"/>
+                </svg>
+                {% elif key == 'facebook' %}
+                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+                    <path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/>
+                </svg>
+                {% elif key == 'twitter' %}
+                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+                    <path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/>
+                </svg>
+                {% endif %}
+                Continue with {{ provider.name }}
+            </a>
+            {% else %}
+            <p>No authentication providers are configured. Please contact the site administrator.</p>
+            {% endfor %}
+        </div>
+
+        {% if has_dummy %}
+        <div style="margin-top: 1.5rem; padding-top: 1.5rem; border-top: 1px solid var(--color-border, #ccc);">
+            <p style="text-align: center; color: var(--color-text-muted, #666); font-size: 0.875rem; margin-bottom: 1rem;">
+                Development Only
+            </p>
+            <a href="/auth/dummy/login" class="oauth-btn" style="background: #6b7280; color: white;">
+                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+                    <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm0 14.2c-2.5 0-4.71-1.28-6-3.22.03-1.99 4-3.08 6-3.08 1.99 0 5.97 1.09 6 3.08-1.29 1.94-3.5 3.22-6 3.22z"/>
+                </svg>
+                Dummy Login (Dev)
+            </a>
+        </div>
+        {% endif %}
+    </article>
+</div>
+{% endblock %}

skrift/templates/base.html

@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>{% block title %}{{ site_name() }}{% endblock %}</title>
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600&family=Lora:ital,wght@0,400;0,600;1,400;1,600&display=swap" rel="stylesheet">
+    <link rel="stylesheet" href="/static/css/style.css">
+    {% block head %}{% endblock %}
+</head>
+<body>
+    <header class="container">
+        <nav>
+            <ul>
+                <li><a href="/" class="site-name">{{ site_name() }}</a></li>
+            </ul>
+            <ul>
+                {% if user %}
+                    <li class="user-info">
+                        {% if user.picture_url %}
+                            <img src="{{ user.picture_url }}" alt="{{ user.name }}" referrerpolicy="no-referrer">
+                        {% endif %}
+                        <span>{{ user.name or user.email }}</span>
+                    </li>
+                    <li><a href="/auth/logout" role="button" class="outline">Logout</a></li>
+                {% else %}
+                    <li><a href="/auth/login" role="button">Login</a></li>
+                {% endif %}
+            </ul>
+        </nav>
+    </header>
+
+    <main class="container{% block main_class %}{% endblock %}">
+        {% if flash %}
+            <div class="flash-messages">
+                <article role="alert">{{ flash }}</article>
+            </div>
+        {% endif %}
+
+        {% block content %}{% endblock %}
+    </main>
+
+    <footer class="container">
+        <hr>
+        <p><small>&copy; {% if site_copyright_start_year() and site_copyright_start_year() != now().year %}{{ site_copyright_start_year() }}-{% endif %}{{ now().year }} {{ site_copyright_holder() or site_name() }}. All rights reserved.</small></p>
+    </footer>
+
+    {% block scripts %}{% endblock %}
+</body>
+</html>

skrift/templates/error-404.html

@@ -0,0 +1,19 @@
+{% extends "base.html" %}
+
+{% block title %}Page Not Found - {{ site_name() }}{% endblock %}
+
+{% block main_class %} error-page{% endblock %}
+
+{% block content %}
+<article>
+    <header>
+        <h1>Page Not Found</h1>
+    </header>
+
+    <p>The page you're looking for doesn't exist or has been moved.</p>
+
+    <footer>
+        <a href="/" role="button">Return Home</a>
+    </footer>
+</article>
+{% endblock %}

skrift/templates/error-500.html

@@ -0,0 +1,19 @@
+{% extends "base.html" %}
+
+{% block title %}Server Error - {{ site_name() }}{% endblock %}
+
+{% block main_class %} error-page{% endblock %}
+
+{% block content %}
+<article>
+    <header>
+        <h1>Server Error</h1>
+    </header>
+
+    <p>Something went wrong on our end. Please try again later.</p>
+
+    <footer>
+        <a href="/" role="button">Return Home</a>
+    </footer>
+</article>
+{% endblock %}

skrift/templates/error.html

@@ -0,0 +1,19 @@
+{% extends "base.html" %}
+
+{% block title %}Error {{ status_code }} - {{ site_name() }}{% endblock %}
+
+{% block main_class %} error-page{% endblock %}
+
+{% block content %}
+<article>
+    <header>
+        <h1>Error {{ status_code }}</h1>
+    </header>
+
+    <p>{{ message or "An unexpected error occurred." }}</p>
+
+    <footer>
+        <a href="/" role="button">Return Home</a>
+    </footer>
+</article>
+{% endblock %}

skrift/templates/index.html

@@ -0,0 +1,9 @@
+{% extends "base.html" %}
+
+{% block title %}Home - {{ site_name() }}{% endblock %}
+
+{% block content %}
+<hgroup>
+    <h1>{{ site_tagline() }}</h1>
+</hgroup>
+{% endblock %}

skrift/templates/page.html

@@ -0,0 +1,26 @@
+{% extends "base.html" %}
+
+{% block title %}{{ page.title }} - {{ site_name() }}{% endblock %}
+
+{% block content %}
+<article>
+    <header>
+        <h1>{{ page.title }}</h1>
+        {% if page.published_at %}
+        <time datetime="{{ page.published_at.isoformat() }}">
+            Published: {{ page.published_at.strftime('%B %d, %Y') }}
+        </time>
+        {% endif %}
+    </header>
+
+    <div class="page-content">
+        {{ page.content | safe }}
+    </div>
+
+    {% if not page.is_published %}
+    <aside style="background: #fff3cd; padding: 1rem; border-left: 4px solid #ffc107; margin-top: 2rem;">
+        <strong>Draft:</strong> This page is not published and only visible to logged-in users.
+    </aside>
+    {% endif %}
+</article>
+{% endblock %}