kempo 4.2.4 → 4.2.5

package/LICENSE.md

@@ -0,0 +1,60 @@
+# MIT License
+
+Copyright (c) 2025 Dustin Poissant
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+
+---
+
+## Third-Party Licenses
+
+This project includes third-party software. The following sections detail the licenses for these components:
+
+### Lit
+
+This project includes Lit, which is licensed under the BSD-3-Clause License:
+
+```
+Copyright 2017 Google LLC. All rights reserved.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are met:
+
+1. Redistributions of source code must retain the above copyright notice, this
+   list of conditions and the following disclaimer.
+
+2. Redistributions in binary form must reproduce the above copyright notice,
+   this list of conditions and the following disclaimer in the documentation
+   and/or other materials provided with the distribution.
+
+3. Neither the name of the copyright holder nor the names of its
+   contributors may be used to endorse or promote products derived from
+   this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
+AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
+IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE
+FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
+DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR
+SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER
+CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY,
+OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+```

package/README.md

@@ -0,0 +1,427 @@
+# Kempo
+
+A fullstack CMS framework for creating websites with user authentication, group-based permissions, and an admin panel. Built on [kempo-server](https://github.com/dustinpoissant/kempo-server), [kempo-css](https://github.com/dustinpoissant/kempo-css), and [kempo-ui](https://github.com/dustinpoissant/kempo-ui).
+
+## Quick Start
+
+```bash
+npx kempo init
+```
+
+This initializes the current directory with everything scaffolded:
+
+| File / Directory | Purpose |
+|---|---|
+| `package.json` | Pre-configured with start script |
+| `.env` | Environment variables template |
+| `.gitignore` | Ignores `node_modules` and `.env` |
+| `docker-compose.yml` | PostgreSQL database via Docker |
+| `public/` | Your website's pages, assets, and route handlers |
+| `public/.config.json` | Server routing and middleware config |
+| `server/db/schema.js` | Your app's database table definitions |
+| `drizzle.config.js` | Drizzle ORM config (points to both your schema and kempo's) |
+
+These files are yours to modify. Kempo will not overwrite them on future installs.
+
+### Setup the Database
+
+Update the credentials in `.env` and `docker-compose.yml` if needed, then:
+
+```bash
+docker compose up -d
+npx drizzle-kit push
+node node_modules/kempo/scripts/init-db.js
+```
+
+### Start the Server
+
+```bash
+npm start
+```
+
+Your site is running at `http://localhost:3000`.
+
+### Create an Admin User
+
+Register a user through the UI at `/register`, then promote them:
+
+```bash
+node node_modules/kempo/scripts/make-admin.js
+```
+
+This prompts for the user's email and adds them to the `system:Administrators` group. To remove admin access:
+
+```bash
+node node_modules/kempo/scripts/remove-admin.js
+```
+
+## Scaffolded Pages
+
+Kempo scaffolds these pages into your `public/` directory. All are fully functional and customizable.
+
+| Route | Page |
+|---|---|
+| `/` | Home page |
+| `/login` | Login form |
+| `/register` | Registration form |
+| `/forgot-password` | Password recovery |
+| `/reset-password/[token]` | Password reset (from email link) |
+| `/verify-email` | Email verification notice |
+| `/verify-email/[token]` | Email verification (from email link) |
+| `/account` | User account page (requires login) |
+| `/admin` | Admin dashboard (requires `system:admin:access` permission) |
+| `/admin/accounts/users` | User management |
+| `/admin/accounts/users/create` | Create user |
+| `/admin/accounts/users/[id]` | Edit user |
+| `/admin/accounts/groups` | Group management |
+| `/admin/accounts/permissions` | Permission management |
+| `/admin/settings` | Settings management |
+
+## Project Structure
+
+After setup, your project looks like this:
+
+```
+my-site/
+├── .env
+├── drizzle.config.js        # Drizzle config (your schema + kempo's)
+├── package.json
+├── public/                   # Your website
+│   ├── .config.json          # Server routing & middleware config
+│   ├── index.html            # Home page
+│   ├── styles.css            # Your custom styles
+│   ├── login/
+│   ├── register/
+│   ├── account/
+│   ├── admin/
+│   └── ...
+├── server/
+│   └── db/
+│       └── schema.js         # Your app's database tables
+└── node_modules/
+    └── kempo/
+        ├── dist/kempo/       # SDK, API endpoints, components
+        ├── server/
+        │   ├── db/schema.js  # Framework tables (user, session, group, etc.)
+        │   └── utils/        # Backend utilities
+        ├── middleware/        # Auth middleware
+        └── templates/         # Nav and email templates
+```
+
+## Custom Database Tables
+
+Define your app's tables in `server/db/schema.js`. You can reference kempo's tables for foreign keys:
+
+```javascript
+import { pgTable, text, timestamp } from 'drizzle-orm/pg-core';
+import { user } from 'kempo/server/db/schema.js';
+
+export const post = pgTable('post', {
+  id: text('id').primaryKey(),
+  authorId: text('authorId').references(() => user.id),
+  title: text('title').notNull(),
+  content: text('content'),
+  createdAt: timestamp('createdAt').notNull(),
+});
+```
+
+Then push to the database:
+
+```bash
+npx drizzle-kit push
+```
+
+Your `drizzle.config.js` already points to both schema files, so both framework and app tables are managed together.
+
+### Querying the Database
+
+Import the shared database instance from kempo:
+
+```javascript
+import db from 'kempo/server/db/index.js';
+import { post } from '../../db/schema.js';
+
+export default async ({ authorId, title, content }) => {
+  const result = await db.insert(post).values({
+    id: crypto.randomUUID(),
+    authorId,
+    title,
+    content,
+    createdAt: new Date(),
+  }).returning();
+
+  return [null, result[0]];
+};
+```
+
+## Framework Database Tables
+
+Kempo provides these tables out of the box:
+
+| Table | Purpose |
+|---|---|
+| `user` | User accounts (id, name, email, passwordHash, emailVerified, timestamps) |
+| `session` | Login sessions (token, userId, expiresAt, ipAddress, userAgent) |
+| `verificationToken` | Email verification and password reset tokens |
+| `group` | Permission groups (e.g. `system:Users`, `system:Administrators`) |
+| `userGroup` | User-to-group membership |
+| `permission` | Named permissions (e.g. `system:admin:access`) |
+| `groupPermission` | Group-to-permission assignments |
+| `setting` | Key-value settings with type, visibility, and ownership |
+
+## Frontend SDK
+
+Kempo provides a client-side SDK at `/kempo/sdk.js` for calling API endpoints.
+
+```html
+<script type="module">
+  import { login, getSession, logout } from '/kempo/sdk.js';
+
+  const [error, result] = await login({ email: 'user@example.com', password: 'secret' });
+  if(error){
+    console.error(error.msg);
+  }
+</script>
+```
+
+All SDK methods return an `[error, data]` tuple. On failure, `error` is `{ code, msg }`. On success, `error` is `null`.
+
+### Auth
+
+| Method | Parameters |
+|---|---|
+| `register` | `{ email, password, name }` |
+| `login` | `{ email, password }` |
+| `logout` | (none) |
+| `getSession` | (none) |
+| `forgotPassword` | `{ email }` |
+| `resetPassword` | `{ token, password, logoutAll? }` |
+| `changePassword` | `{ currentPassword, newPassword, logoutAll? }` |
+| `verifyEmail` | `{ token }` |
+
+### Permissions
+
+| Method | Parameters |
+|---|---|
+| `currentUserHasPermission` | `{ permission }` |
+| `currentUserHasAllPermissions` | `{ permissions }` |
+| `currentUserHasSomePermissions` | `{ permissions }` |
+| `getAllCurrentUserPermissions` | (none) |
+| `userHasPermission` | `{ userid, permission }` |
+| `userHasAllPermissions` | `{ userid, permissions }` |
+| `userHasSomePermissions` | `{ userid, permissions }` |
+| `getAllUserPermissions` | `{ userid }` |
+
+### Users
+
+| Method | Parameters |
+|---|---|
+| `getUsers` | `{ limit?, offset? }` |
+| `getUser` | `userid` |
+| `createUser` | `{ name, email, password, emailVerified? }` |
+| `updateUser` | `{ id, name?, email?, emailVerified?, createdAt? }` |
+| `deleteUsers` | `ids` (array) |
+
+### Sessions
+
+| Method | Parameters |
+|---|---|
+| `getUserSessions` | `userid` |
+| `deleteUserSession` | `userid, sessionToken` |
+| `deleteExpiredUserSessions` | `userid` |
+
+### Groups
+
+| Method | Parameters |
+|---|---|
+| `listGroups` | (none) |
+| `getUserGroups` | `userid` |
+| `addUserToGroup` | `userid, groupName` |
+| `removeUserFromGroup` | `userid, groupName` |
+
+## Frontend Components
+
+Kempo provides web components you can use in your pages:
+
+```html
+<script type="module" src="/kempo/components/Permission.js"></script>
+<kempo-permission has="system:admin:access">
+  <a href="/admin">Admin Panel</a>
+</kempo-permission>
+```
+
+| Component | Tag | Purpose |
+|---|---|---|
+| `Permission.js` | `<kempo-permission>` | Conditionally render content based on permissions |
+| `LogoutBtn.js` | `<kempo-logout-btn>` | Logout button |
+| `UserName.js` | `<kempo-user-name>` | Display current user's name |
+| `UserEmail.js` | `<kempo-user-email>` | Display current user's email |
+| `UserEmailVerified.js` | `<kempo-user-email-verified>` | Display email verification status |
+| `UserCreatedAt.js` | `<kempo-user-created-at>` | Display account creation date |
+
+## Adding Routes
+
+Create files in `public/` following the kempo-server routing convention. File names map to HTTP methods:
+
+```
+public/
+  api/
+    posts/
+      GET.js          → GET  /api/posts
+      POST.js         → POST /api/posts
+      [id]/
+        GET.js        → GET  /api/posts/:id
+        PATCH.js      → PATCH /api/posts/:id
+        DELETE.js      → DELETE /api/posts/:id
+```
+
+Route handlers receive `(request, response)`:
+
+```javascript
+import db from 'kempo/server/db/index.js';
+import { post } from '../../../server/db/schema.js';
+import { eq } from 'drizzle-orm';
+
+export default async (request, response) => {
+  const posts = await db.select().from(post);
+  response.json({ posts });
+};
+```
+
+`request.body` is pre-parsed based on `Content-Type`. Query params are at `request.query`. Cookies are at `request.cookies`. Path params from `[param]` folders are at `request.params`.
+
+## Auth Middleware
+
+The auth middleware protects `/account` and `/admin` routes by default:
+
+- `/account/*` — Requires a valid session. Redirects to `/login` if not authenticated.
+- `/admin/*` — Requires the `system:admin:access` permission. Redirects to `/account` if unauthorized.
+
+These are configured in `public/.config.json` and can be customized.
+
+## Default Permissions
+
+The `init-db.js` script seeds these permissions:
+
+| Permission | Description |
+|---|---|
+| `system:admin:access` | Access admin panel |
+| `system:content:create` | Create new content |
+| `system:content:update` | Edit content |
+| `system:content:delete` | Delete content |
+| `system:user:create` | Create new users |
+| `system:user:read` | View users |
+| `system:user:update` | Edit users |
+| `system:user:delete` | Delete users |
+| `system:group:create` | Create new groups |
+| `system:group:read` | View groups |
+| `system:group:update` | Edit groups and manage membership |
+| `system:group:delete` | Delete groups |
+| `system:permissions:read` | View permissions for all users |
+| `system:permissions:manage` | Add or remove permissions |
+| `system:settings:read` | View private settings |
+| `system:settings:update` | Update settings |
+| `system:custom-settings:manage` | Create and delete custom settings |
+
+Two default groups are created:
+
+- **system:Users** — Assigned to all users, no permissions by default.
+- **system:Administrators** — Full system access (all permissions above).
+
+## Default Settings
+
+| Setting | Default | Type | Public | Description |
+|---|---|---|---|---|
+| `site_name` | `Kempo Site` | string | yes | The name of the website |
+| `session_duration_days` | `7` | number | no | Session duration in days |
+| `allow_registration` | `true` | boolean | yes | Allow new users to register |
+| `require_email_verification` | `false` | boolean | no | Require email verification before account access |
+| `verification_url` | `http://localhost:3000/verify-email/{{token}}` | string | no | Email verification URL template |
+| `password_reset_url` | `http://localhost:3000/reset-password/{{token}}` | string | no | Password reset URL template |
+
+Settings can be managed through the admin panel at `/admin/settings` or the SDK.
+
+## Email
+
+Kempo uses [Resend](https://resend.com/) for sending emails. Set `RESEND_API_KEY` and `EMAIL_FROM` in your `.env` file.
+
+Built-in email templates (in `templates/emails/`):
+- `verify-email.html` — Email verification link
+- `reset-password.html` — Password reset link
+
+## Styling
+
+Kempo uses [kempo-css](https://github.com/dustinpoissant/kempo-css) for styling and [kempo-ui](https://github.com/dustinpoissant/kempo-ui) for UI components. Both are served automatically via custom routes configured in `public/.config.json`.
+
+```html
+<link rel="stylesheet" href="/kempo-css/kempo.min.css">
+<script type="module" src="/kempo-ui/components/Import.js"></script>
+```
+
+Refer to the [kempo-css docs](https://github.com/dustinpoissant/kempo-css) and [kempo-ui docs](https://github.com/dustinpoissant/kempo-ui) for available utility classes and components.
+
+## Development
+
+### Running the Dev Server
+
+```bash
+npm run dev
+```
+
+This serves `app-public/` at `http://localhost:9876` for testing the consumer-facing boilerplate. The dev server watches for changes and auto-reloads.
+
+### Building for Distribution
+
+When preparing the framework for npm release, minify and optimize the source code:
+
+```bash
+npm run build
+```
+
+This processes all files in `src/` and outputs to `dist/`:
+- JavaScript files are minified with terser, mangled, and source maps are generated
+- HTML files are minified while preserving CMS front matter comments (important for page templating)
+- JSON files are minified
+- SVG icons and other assets are copied as-is
+
+The build achieves ~15% size reduction and runs in ~0.6s.
+
+**Output Structure:**
+```
+dist/
+├── admin/           # Minified admin portal
+├── kempo/           # Minified framework SDK, API routes, components
+└── ...
+```
+
+See [spec/concepts/build.md](spec/concepts/build.md) for detailed build documentation.
+
+### Project Structure
+
+**Framework source:**
+```
+kempo/
+├── src/
+│   ├── admin/                # Admin portal source (minified to dist/admin/)
+│   └── kempo/                # Framework SDK & API source (minified to dist/kempo/)
+├── server/                   # Backend utilities (not minified)
+├── middleware/               # Auth middleware
+├── app-public/               # Consumer boilerplate (not minified)
+├── app-templates/            # Email and page templates (not minified)
+├── app-server/               # Server scaffolding (not minified)
+└── dist/                     # Built & minified output (generated by `npm run build`)
+```
+
+**Consumer project (created by `npx kempo init`):**
+```
+my-site/
+├── public/                   # Copied from kempo's app-public/
+├── server/db/schema.js       # Copied from kempo's app-server/
+├── templates/                # Copied from kempo's app-templates/
+└── ...
+```
+
+## License
+
+
+MIT

package/app-drizzle.config.js

@@ -0,0 +1,14 @@
+import { defineConfig } from 'drizzle-kit';
+import 'dotenv/config';
+
+export default defineConfig({
+  schema: [
+    './server/db/schema.js',
+    './node_modules/kempo/server/db/schema.js',
+  ],
+  out: './server/db/migrations',
+  dialect: 'postgresql',
+  dbCredentials: {
+    url: process.env.DATABASE_URL,
+  },
+});

package/app-public/.config.json

@@ -0,0 +1,25 @@
+{
+  "customRoutes": {
+    "/kempo-css/**": "../node_modules/kempo-css/dist/**",
+    "/kempo-ui/icons/**": "../node_modules/kempo-ui/icons/**",
+    "/kempo-ui/**": "../node_modules/kempo-ui/dist/**",
+    "/monaco-editor/**": "../node_modules/monaco-editor/min/**",
+    "/kempo/**": "../dist/kempo/**",
+    "/admin": "../dist/admin/",
+    "/admin/**": "../dist/admin/**"
+  },
+  "middleware": {
+    "custom": [
+      "../middleware/kempo-auth.js",
+      "../middleware/extension-scope-router.js"
+    ]
+  },
+  "templating": {
+    "ssr": true,
+    "ssrPriority": true,
+    "preRender": false
+  },
+  "disallowedRegex": [
+    "-disabled\\.html$"
+  ]
+}

package/app-public/account/index.page.html

@@ -0,0 +1,110 @@
+<!--
+  owner: system
+  title: My Account
+  description: User account settings and profile management
+-->
+<page title="My Account">
+<content location="head">
+	<style>
+		input.error {
+			--c_input_border: var(--c_danger, red);
+			--focus_shadow: 0 0 2px 2px var(--c_danger, red);
+		}
+	</style>
+</content>
+<content>
+	<main class="p">
+		<div style="max-width: 600px; margin: 0 auto;">
+			<h2>My Account</h2>
+			<div class="mb">
+				<strong>Name:</strong> <k-user-name></k-user-name>
+			</div>
+			<div class="mb">
+				<strong>Email:</strong> <k-user-email></k-user-email>
+			</div>
+			<div class="mb">
+				<strong>Email Verified:</strong> <k-user-email-verified></k-user-email-verified>
+			</div>
+			<div class="mb">
+				<strong>Member Since:</strong> <k-user-created-at></k-user-created-at>
+			</div>
+			<div class="mt-lg">
+				<k-permission has="system:admin:access">
+					<a href="{{pathToRoot}}admin" class="btn primary">Admin Panel</a>
+				</k-permission>
+				<button id="changePasswordBtn" class="btn">Change Password</button>
+				<k-logout-btn redirect="{{pathToRoot}}login" button-class="btn danger">Logout</k-logout-btn>
+			</div>
+		</div>
+	</main>
+	<k-dialog id="changePasswordDialog">
+		<h5 slot="title" class="pyh px m0">Change Password</h5>
+		<form id="changePasswordForm" class="p">
+			<div class="mb">
+				<label for="currentPassword" class="d-b mb-sm">Current Password</label>
+				<input type="password" id="currentPassword" required class="w-full p-sm br">
+			</div>
+			<div class="mb">
+				<label for="newPassword" class="d-b mb-sm">New Password</label>
+				<input type="password" id="newPassword" required minlength="8" class="w-full p-sm br">
+			</div>
+			<div class="mb">
+				<label for="confirmPassword" class="d-b mb-sm">Confirm New Password</label>
+				<input type="password" id="confirmPassword" required minlength="8" class="w-full p-sm br">
+			</div>
+			<k-toggle id="logout-all">Logout all other devices</k-toggle>
+			<div class="ta-right">
+				<button type="submit" class="primary">Change Password</button>
+			</div>
+		</form>
+	</k-dialog>
+</content>
+<content location="scripts">
+	<script src="{{pathToRoot}}kempo-ui/components/Dialog.js" type="module"></script>
+	<script src="{{pathToRoot}}kempo/components/Permission.js" type="module"></script>
+	<script src="{{pathToRoot}}kempo/components/UserName.js" type="module"></script>
+	<script src="{{pathToRoot}}kempo/components/UserEmail.js" type="module"></script>
+	<script src="{{pathToRoot}}kempo/components/UserEmailVerified.js" type="module"></script>
+	<script src="{{pathToRoot}}kempo/components/UserCreatedAt.js" type="module"></script>
+	<script src="{{pathToRoot}}kempo/components/LogoutBtn.js" type="module"></script>
+	<script src="{{pathToRoot}}kempo-ui/components/Toggle.js" type="module"></script>
+	<script type="module">
+		import { changePassword } from '{{pathToRoot}}kempo/sdk.js';
+		import Toast from '{{pathToRoot}}kempo-ui/components/Toast.js';
+
+		(()=>{
+			const $dialog = document.getElementById('changePasswordDialog');
+			const $confirmPassword = document.getElementById('confirmPassword');
+			document.getElementById('changePasswordBtn').addEventListener('click', () => {
+				$dialog.open();
+			});
+			document.getElementById('changePasswordForm').addEventListener('submit', async (event) => {
+				event.preventDefault();
+				const currentPassword = document.getElementById('currentPassword').value;
+				const newPassword = document.getElementById('newPassword').value;
+				const confirmPassword = $confirmPassword.value;
+				if(newPassword !== confirmPassword){
+					$confirmPassword.classList.add('error');
+					$confirmPassword.setCustomValidity("Your new password and confirmation password do not match");
+					return;
+				}
+				$dialog.close();
+				const [error] = await changePassword({
+					currentPassword,
+					newPassword,
+					logoutAll: document.getElementById('logout-all').value
+				});
+				if(error){
+					Toast.error(error.msg);
+					return;
+				}
+				Toast.success('Password Updated');
+			});
+			$confirmPassword.addEventListener('input', ()=>{
+				$confirmPassword.classList.remove('error');
+				$confirmPassword.setCustomValidity('');
+			});
+		})();
+	</script>
+</content>
+</page>

package/app-public/account/split2.template.html

@@ -0,0 +1,36 @@
+<!--
+  owner: custom
+  author: Copilot Admin
+  created: 2026-04-16T20:40:58.376Z
+  updated: 2026-04-19T20:43:06.103Z
+-->
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+	<meta charset="UTF-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<link rel="icon" type="image/png" sizes="48x48" href="{{pathToRoot}}media/icon48.png">
+	<link rel="manifest" href="{{pathToRoot}}manifest.json">
+	<title>{{title}}</title>
+	<link rel="stylesheet" href="{{pathToRoot}}kempo-css/kempo.min.css">
+	<link rel="stylesheet" href="{{pathToRoot}}styles.css">
+	<script src="{{pathToRoot}}init.js"></script>
+	<location name="head" />
+</head>
+
+<body>
+	<fragment name="nav" />
+	<div class="row">
+		<div class="col d-span-4 t-span-4 m-span-12 px">
+			<location name="left" label="Left Sidebar" />
+		</div>
+		<div class="col d-span-8 t-span-8 m-span-12">
+			<main>
+				<location />
+			</main>
+		</div>
+	</div>
+	<location name="scripts" />
+</body>
+</html>