diff --git a/examples/official-site/assets/stories/README.md b/examples/official-site/assets/stories/README.md
new file mode 100644
index 00000000..856210de
--- /dev/null
+++ b/examples/official-site/assets/stories/README.md
@@ -0,0 +1 @@
+This directory contains the images used on the stories page.
\ No newline at end of file
diff --git a/examples/official-site/assets/stories/glsdb.jpg b/examples/official-site/assets/stories/glsdb.jpg
new file mode 100644
index 00000000..533f3463
Binary files /dev/null and b/examples/official-site/assets/stories/glsdb.jpg differ
diff --git a/examples/official-site/sqlpage/migrations/01_documentation.sql b/examples/official-site/sqlpage/migrations/01_documentation.sql
index f562cb23..69524c0f 100644
--- a/examples/official-site/sqlpage/migrations/01_documentation.sql
+++ b/examples/official-site/sqlpage/migrations/01_documentation.sql
@@ -1380,6 +1380,7 @@ You see the [page layouts demo](./examples/layouts.sql) for a live example of th
{"link": "/blog.sql", "title": "Blog", "icon": "book"},
{"link": "//github.com/sqlpage/SQLPage/issues", "title": "Report a bug", "icon": "bug"},
{"link": "//github.com/sqlpage/SQLPage/discussions", "title": "Discussions", "icon": "message"},
+ {"link": "/stories.sql", "title": "Stories", "icon": "user-screen"},
{"link": "//github.com/sqlpage/SQLPage", "title": "Github", "icon": "brand-github"}
]},
{"title": "Documentation", "submenu": [
diff --git a/examples/official-site/sqlpage/migrations/73_stories.sql b/examples/official-site/sqlpage/migrations/73_stories.sql
new file mode 100644
index 00000000..defa4a23
--- /dev/null
+++ b/examples/official-site/sqlpage/migrations/73_stories.sql
@@ -0,0 +1,23 @@
+CREATE TABLE stories (
+ id INTEGER PRIMARY KEY AUTOINCREMENT,
+ title TEXT NOT NULL,
+ publication_date TEXT NOT NULL,
+ contents_md TEXT NOT NULL,
+ optional_contents_md TEXT,
+ image TEXT,
+ website TEXT,
+ git_repository TEXT,
+ tags JSON
+);
+
+INSERT INTO stories(title, publication_date, contents_md, optional_contents_md, image, website, git_repository, tags) VALUES
+ (
+ 'Greater Lincolnshire species data bank',
+ '2025-11-20 21:15:00',
+ 'This is an SQLPage based system I''ve developed for the organisation I work for to collate information on species within our area, running on FreeBSD and MariaDB. Collating the information is still a work in progress, but there''s a complete example data sheet at https://glincsson.glnp.org.uk/view?taxon_list_item_key=NBNORG0000018213 which pulls in all the various elements of information and a complete group listing at https://glincsson.glnp.org.uk/taxon_group?taxon_group=60 showing various colour coding and indicators.',
+ 'SQLPage has made it trivial to implement this and allowed us to easily add in new aspects based on feedback from others. Most of it is stock SQLPage, but there are a couple of simple modified/custom components, with some custom javascript to allow saving png images of the maps. Its something we''ve long been wanted to do and have attempted in various guises over the years but using SQLPage is the first time we''ve been able to achieve exactly what we wanted (and more). And it''s been fun!',
+ 'glsdb.jpg',
+ 'https://glincsson.glnp.org.uk',
+ NULL,
+ '["MariaDB"]'
+ );
\ No newline at end of file
diff --git a/examples/official-site/sqlpage/templates/shell-home.handlebars b/examples/official-site/sqlpage/templates/shell-home.handlebars
index b4203fa4..540b4bb7 100644
--- a/examples/official-site/sqlpage/templates/shell-home.handlebars
+++ b/examples/official-site/sqlpage/templates/shell-home.handlebars
@@ -1307,6 +1307,7 @@
Download
Documentation
Examples
+ Stories
Github
Hosting
diff --git a/examples/official-site/sqlpage/templates/stories.handlebars b/examples/official-site/sqlpage/templates/stories.handlebars
new file mode 100644
index 00000000..052d4495
--- /dev/null
+++ b/examples/official-site/sqlpage/templates/stories.handlebars
@@ -0,0 +1,14 @@
+
+
+
{{publication_date}}
+
+
+ {{ ~#each (to_array tags) }}
+
{{this}}
+ {{~/each}}
+
+
+
+ {{{~markdown truncated_contents~}}}Read the story
+
+
{{title}}
+
+
+ {{publication_date}}
+ {{{~markdown contents_md~}}}
+
+
+{{#if image}}
+
+{{/if}}
+
+{{#if optional_contents_md}}
+ {{{~markdown optional_contents_md~}}}
+{{/if}}
+
+
+
+
\ No newline at end of file
diff --git a/examples/official-site/stories.sql b/examples/official-site/stories.sql
new file mode 100644
index 00000000..5ec9ab27
--- /dev/null
+++ b/examples/official-site/stories.sql
@@ -0,0 +1,53 @@
+SELECT 'http_header' AS component,
+ 'no-store, no-cache, must-revalidate, max-age=0' AS "Cache-Control",
+ 'no-cache' AS "pragma",
+ '0' AS "expires",
+ '; rel="canonical"' AS "Link";
+
+SELECT 'dynamic' AS component, json_patch(json_extract(properties, '$[0]'), json_object(
+ 'title', 'SQLPage Success Stories'
+)) AS properties
+FROM example WHERE component = 'shell' LIMIT 1;
+
+SET TEXT_MAX_LENGTH = 300;
+
+SELECT
+ 'alert' AS component,
+ CONCAT('You have selected the "', $filter, '" filter.') AS title,
+ 'filter' AS icon,
+ 'teal' AS color,
+ TRUE AS dismissible,
+ '[Click here to deactivate it.](stories)' AS description_md
+WHERE $id IS NULL
+ AND $filter IS NOT NULL
+
+SELECT
+ 'stories' AS component,
+ $filter AS filter,
+ id,
+ title,
+ publication_date,
+ tags,
+ CASE
+ WHEN LENGTH(contents_md) > CAST($EXT_MAX_LENGTH AS INTEGER) THEN SUBSTR(contents_md, 1, CAST($TEXT_MAX_LENGTH AS INTEGER)) || '...'
+ ELSE contents_md
+ END as truncated_contents
+FROM stories
+WHERE
+ $id IS NULL
+ AND ($filter IS NULL OR EXISTS (SELECT 1 FROM json_each(tags) WHERE value LIKE $filter COLLATE NOCASE))
+ORDER BY publication_date DESC;
+
+SELECT
+ 'story' AS component,
+ $filter AS filter,
+ id,
+ title,
+ publication_date,
+ contents_md,
+ optional_contents_md,
+ image,
+ website,
+ git_repository
+FROM stories
+WHERE id = $id;