diff --git a/README.md b/README.md
index a6b930ad..d5de9d28 100644
--- a/README.md
+++ b/README.md
@@ -1,12 +1,30 @@
 # stadtgeschichtebasel.ch
 
-The open source code of the digital portal of Stadt.Geschichte.Basel.
+The open-source code of the digital portal of Stadt.Geschichte.Basel.
 
 [![GitHub issues](https://img.shields.io/github/issues/Stadt-Geschichte-Basel/stadtgeschichtebasel.ch.svg)](https://github.com/Stadt-Geschichte-Basel/stadtgeschichtebasel.ch/issues)
 [![GitHub forks](https://img.shields.io/github/forks/Stadt-Geschichte-Basel/stadtgeschichtebasel.ch.svg)](https://github.com/Stadt-Geschichte-Basel/stadtgeschichtebasel.ch/network)
 [![GitHub stars](https://img.shields.io/github/stars/Stadt-Geschichte-Basel/stadtgeschichtebasel.ch.svg)](https://github.com/Stadt-Geschichte-Basel/stadtgeschichtebasel.ch/stargazers)
 [![GitHub license](https://img.shields.io/github/license/Stadt-Geschichte-Basel/stadtgeschichtebasel.ch.svg)](https://github.com/Stadt-Geschichte-Basel/stadtgeschichtebasel.ch/blob/main/LICENSE.md)
 
+## Overview
+
+Welcome to [Stadt.Geschichte.Basel](https://stadtgeschichtebasel.ch/), a historical research project at the University of Basel in Switzerland, funded with over 9 million Swiss Francs from public and private sources, running from 2017 to 2025. It is a comprehensive digital and print project that aims to present the multifaceted history of Basel from its earliest beginnings to the present day. Visit [Stadt.Geschichte.Basel](https://stadtgeschichtebasel.ch) to see how our digital portal brings Basel's history to life. This live site showcases the practical application of our open-source code, offering an interactive experience of Basel's rich heritage.
+
+[Stadt.Geschichte.Basel](https://stadtgeschichtebasel.ch/) seeks to bridge research gaps and present historical findings in accessible formats. Our project encompasses an [extensive nine-volume book series](https://www.merianverlag.ch/buecher/stadt.geschichte.basel.html), an overview volume, a digital portal, and a digital platform for research data. Hosted at the University of Basel, this project aims to make historical research and insights accessible to scholars and the public like never before.
+
+This project is the open-source code of the digital portal of Stadt.Geschichte.Basel. It is a static website built with [SvelteKit](https://kit.svelte.dev/) and hosted on [Cloudflare Pages](https://pages.cloudflare.com/). It uses [hypotheses.org](https://sgb.hypotheses.org/) as CMS and consumes data from [Agendabasel](https://agendabasel.ch/) for the agenda.
+
+The digital platform for research data can be found at [forschung.stadtgeschichtebasel.ch](https://forschung.stadtgeschichtebasel.ch/). The source code for the digital platform can be found [here](https://github.com/Stadt-Geschichte-Basel/forschung.stadtgeschichtebasel.ch).
+
+## Key Features
+
+- **Fast Static Website**: The website is built with SvelteKit, providing a fast and responsive user experience.
+- **Interactive Features**: The website includes an interactive map and agenda.
+- **Accessibility-Focused Design**: Ensuring inclusivity for all users by complying with WCAG standards and observing neurodiversity design guidelines. More at our [accessibility statement](https://stadtgeschichtebasel.ch/barrierefreiheitserklaerung/).
+
+![Lighthouse Score](/assets/images/pagespeed-insights.svg)
+
 ## Installation
 
 Use the package manager [pnpm](https://pnpm.io/installation) to install all dependencies.
@@ -15,7 +33,7 @@ Use the package manager [pnpm](https://pnpm.io/installation) to install all depe
 pnpm install
 ```
 
-Run the prebuild script to generate the static files.
+Run the prebuild script to download the pages, posts, and assets from [hypotheses.org](https://sgb.hypotheses.org/).
 
 ```bash
 pnpm run prebuild
@@ -29,13 +47,13 @@ Run the development server.
 pnpm run dev
 ```
 
-To build for production.
+Build for production.
 
 ```bash
 pnpm run build
 ```
 
-To optimize the build for production.
+Optimize the build with [Jampack](https://jampack.divriots.com/) for production.
 
 ```bash
 pnpm run postbuild
@@ -52,7 +70,7 @@ pnpm run format
 
 ## Support
 
-This project is maintained by [@Stadt-Geschichte-Basel](https://github.com/Stadt-Geschichte-Basel). Please understand that we won't be able to provide individual support via email. We also believe that help is much more valuable if it's shared publicly, so that more people can benefit from it.
+This project is maintained by [@Stadt-Geschichte-Basel](https://github.com/Stadt-Geschichte-Basel). Please understand that we won't be able to provide individual support via email. We believe that help is much more valuable if it's shared publicly, so that more people can benefit from it.
 
 | Type                                   | Platforms                                                                                           |
 | -------------------------------------- | --------------------------------------------------------------------------------------------------- |
@@ -73,6 +91,7 @@ We use [SemVer](http://semver.org/) for versioning. For the versions available,
 
 - **Moritz Mähr** - [maehr](https://github.com/maehr)
 - **Nico Görlich** - [koilebeit](https://github.com/koilebeit)
+- **Moritz Twente** - [mtwente](https://github.com/mtwente)
 
 See also the list of [contributors](https://github.com/Stadt-Geschichte-Basel/stadtgeschichtebasel.ch/graphs/contributors) who participated in this project.
 
diff --git a/assets/images/pagespeed-insights.svg b/assets/images/pagespeed-insights.svg
new file mode 100644
index 00000000..86b3c9d4
--- /dev/null
+++ b/assets/images/pagespeed-insights.svg
@@ -0,0 +1,231 @@
+
+	<svg class="theme--agnostic" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" width="1000" height="330">
+		<style>
+			.gauge-base {
+				opacity: 0.1
+			}
+
+			.gauge-arc {
+				fill: none;
+				animation-delay: 250ms;
+				stroke-linecap: round;
+				transform: rotate(-90deg);
+				transform-origin: 100px 60px;
+				animation: load-gauge 1s ease forwards
+			}
+
+			.guage-text {
+				font-size: 40px;
+				font-family: monospace;
+				text-align: center
+			}
+
+			.guage-red {
+				color: #ff4e42;
+				fill: #ff4e42;
+				stroke: #ff4e42
+			}
+			.guage-orange {
+				color: #ffa400;
+				fill: #ffa400;
+				stroke: #ffa400
+			}
+			.guage-green {
+				color: #0cce6b;
+				fill: #0cce6b;
+				stroke: #0cce6b
+			}
+			.theme--agnostic .guage-undefined {
+				color: #5c5c5c;
+				fill: #5c5c5c;
+				stroke: #5c5c5c
+			}
+			.theme--light .guage-undefined {
+				color: #1e1e1e;
+				fill: #1e1e1e;
+				stroke: #1e1e1e
+			}
+			.theme--dark .guage-undefined {
+				color: #f5f5f5;
+				fill: #f5f5f5;
+				stroke: #f5f5f5
+			}
+
+			.guage-title {
+				stroke: none;
+				font-size: 26px;
+				line-height: 26px;
+				font-family: Roboto, Halvetica, Arial, sans-serif
+			}
+			.metric.guage-title {
+				font-family: 'Courier New', Courier, monospace
+			}
+			.theme--agnostic .guage-title {
+				color: #737373;
+				fill: #737373
+			}
+			.theme--light .guage-title {
+				color: #212121;
+				fill: #212121
+			}
+			.theme--dark .guage-title {
+				color: #f5f5f5;
+				fill: #f5f5f5
+			}
+
+			@keyframes load-gauge {
+				from {
+					stroke-dasharray: 0 352.858
+				}
+			}
+			.lh-gauge--pwa__disc {
+				fill: #e0e0e0
+			}
+			.lh-gauge--pwa__logo {
+				position: relative;
+				fill: #b0b0b0
+			}
+			.lh-gauge--pwa__invisible {
+				display: none
+			}
+			.lh-gauge--pwa__visible {
+				display: inline
+			}
+			.guage-invisible {
+				display: none
+			}
+			.lh-gauge--pwa__logo--primary-color {
+				fill: #304ffe
+			}
+			.theme--agnostic .lh-gauge--pwa__logo--secondary-color {
+				fill: #787878
+			}
+			.theme--light .lh-gauge--pwa__logo--secondary-color {
+				fill: #3d3d3d
+			}
+			.theme--dark .lh-gauge--pwa__logo--secondary-color {
+				fill: #d8b6b6
+			}
+			.theme--light #svg_2 {
+				stroke: #00000022
+			}
+			.theme--agnostic #svg_2 {
+				stroke: #616161
+			}
+			.theme--light #svg_2 {
+				stroke: #00000022
+			}
+			.theme--dark #svg_2 {
+				stroke: #f5f5f566
+			}
+		</style>
+		<svg class="guage-div guage-perf guage-green" viewBox="0 0 200 200" width="200" height="200" x="0" y="0">
+			<circle class="gauge-base" r="56" cx="100" cy="60" stroke-width="8"></circle>
+			<circle class="gauge-arc guage-arc-1" r="56" cx="100" cy="60" stroke-width="8" style="stroke-dasharray: 348.33942, 351.858;"></circle>
+			<text class="guage-text" x="100px" y="60px" alignment-baseline="central" dominant-baseline="central" text-anchor="middle">99</text>
+			<text class="guage-title" x="100px" y="160px" alignment-baseline="central" dominant-baseline="central" text-anchor="middle">Performance</text>
+		</svg>
+		<svg class="guage-div guage-acc guage-green" viewBox="0 0 200 200" width="200" height="200" x="200" y="0">
+			<circle class="gauge-base" r="56" cx="100" cy="60" stroke-width="8"></circle>
+			<circle class="gauge-arc guage-arc-2" r="56" cx="100" cy="60" stroke-width="8" style="stroke-dasharray: 351.858, 351.858;"></circle>
+			<text class="guage-text" x="100px" y="60px" alignment-baseline="central" dominant-baseline="central" text-anchor="middle">100</text>
+			<text class="guage-title" x="100px" y="160px" alignment-baseline="central" dominant-baseline="central" text-anchor="middle">Accessibility</text>
+		</svg>
+		<svg class="guage-div guage-best guage-green" viewBox="0 0 200 200" width="200" height="200" x="400" y="0">
+			<circle class="gauge-base" r="56" cx="100" cy="60" stroke-width="8"></circle>
+			<circle class="gauge-arc guage-arc-3" r="56" cx="100" cy="60" stroke-width="8" style="stroke-dasharray: 351.858, 351.858;"></circle>
+			<text class="guage-text" x="100px" y="60px" alignment-baseline="central" dominant-baseline="central" text-anchor="middle">100</text>
+			<text class="guage-title" x="100px" y="160px" alignment-baseline="central" dominant-baseline="central" text-anchor="middle">Best Practices</text>
+		</svg>
+		<svg class="guage-div guage-seo guage-green" viewBox="0 0 200 200" width="200" height="200" x="600" y="0">
+			<circle class="gauge-base" r="56" cx="100" cy="60" stroke-width="8"></circle>
+			<circle class="gauge-arc guage-arc-4" r="56" cx="100" cy="60" stroke-width="8" style="stroke-dasharray: 351.858, 351.858;"></circle>
+			<text class="guage-text" x="100px" y="60px" alignment-baseline="central" dominant-baseline="central" text-anchor="middle">100</text>
+			<text class="guage-title" x="100px" y="160px" alignment-baseline="central" dominant-baseline="central" text-anchor="middle">SEO</text>
+		</svg>
+		<svg class="guage-div guage-pwa " viewBox="0 0 200 200" width="200" height="200" x="800" y="0">
+			<svg viewBox="0 0 60 60" width="112" height="112" x="44" y="4">
+				<defs>
+					<linearGradient id="lh-gauge--pwa__check-circle__gradient-0" x1="50%" y1="0%" x2="50%" y2="100%">
+						<stop stop-color="#00C852" offset="0%"></stop>
+						<stop stop-color="#009688" offset="100%"></stop>
+					</linearGradient>
+					<linearGradient id="lh-gauge--pwa__installable__shadow-gradient-0" x1="76.056%" x2="24.111%" y1="82.995%" y2="24.735%">
+						<stop stop-color="#A5D6A7" offset="0%"></stop>
+						<stop stop-color="#80CBC4" offset="100%"></stop>
+					</linearGradient>
+					<linearGradient id="lh-gauge--pwa__fast-reliable__shadow-gradient-0" x1="76.056%" y1="82.995%" x2="25.678%" y2="26.493%">
+						<stop stop-color="#64B5F6" offset="0%"></stop>
+						<stop stop-color="#2979FF" offset="100%"></stop>
+					</linearGradient>
+
+					<g id="lh-gauge--pwa__fast-reliable-badge-0">
+						<circle fill="#FFFFFF" cx="10" cy="10" r="10"></circle>
+						<path fill="#304FFE" d="M10 3.58l5.25 2.34v3.5c0 3.23-2.24 6.26-5.25 7-3.01-.74-5.25-3.77-5.25-7v-3.5L10 3.58zm-.47 10.74l2.76-4.83.03-.07c.04-.08 0-.24-.22-.24h-1.64l.47-3.26h-.47l-2.7 4.77c-.02.01.05-.1-.04.05-.09.16-.1.31.18.31h1.63l-.47 3.27h.47z"></path>
+					</g>
+					<g id="lh-gauge--pwa__installable-badge-0">
+						<circle fill="#FFFFFF" cx="10" cy="10" r="10"></circle>
+						<path fill="#009688" d="M10 4.167A5.835 5.835 0 0 0 4.167 10 5.835 5.835 0 0 0 10 15.833 5.835 5.835 0 0 0 15.833 10 5.835 5.835 0 0 0 10 4.167zm2.917 6.416h-2.334v2.334H9.417v-2.334H7.083V9.417h2.334V7.083h1.166v2.334h2.334v1.166z"></path>
+					</g>
+				</defs>
+				<g stroke="none" fill-rule="nonzero">
+					<!-- Background and PWA logo (color by default) -->
+					<circle class="lh-gauge--pwa__disc" cx="30" cy="30" r="30"></circle>
+					<g class="lh-gauge--pwa__logo">
+						<path class="lh-gauge--pwa__logo--secondary-color" d="M35.66 19.39l.7-1.75h2L37.4 15 38.6 12l3.4 9h-2.51l-.58-1.61z"></path>
+						<path class="lh-gauge--pwa__logo--primary-color" d="M33.52 21l3.65-9h-2.42l-2.5 5.82L30.5 12h-1.86l-1.9 5.82-1.35-2.65-1.21 3.72L25.4 21h2.38l1.72-5.2 1.64 5.2z"></path>
+						<path class="lh-gauge--pwa__logo--secondary-color" fill-rule="nonzero" d="M20.3 17.91h1.48c.45 0 .85-.05 1.2-.15l.39-1.18 1.07-3.3a2.64 2.64 0 0 0-.28-.37c-.55-.6-1.36-.91-2.42-.91H18v9h2.3V17.9zm1.96-3.84c.22.22.33.5.33.87 0 .36-.1.65-.29.87-.2.23-.59.35-1.15.35h-.86v-2.41h.87c.52 0 .89.1 1.1.32z"></path>
+					</g>
+					<!-- No badges. -->
+					<rect class="lh-gauge--pwa__component lh-gauge--pwa__na-line lh-gauge--pwa__invisible" fill="#FFFFFF" x="20" y="32" width="20" height="4" rx="2"></rect>
+					<!-- Just fast and reliable. -->
+					<g class="lh-gauge--pwa__component lh-gauge--pwa__fast-reliable-badge lh-gauge--pwa__invisible" transform="translate(20, 29)">
+						<path fill="url(#lh-gauge--pwa__fast-reliable__shadow-gradient-0)" d="M33.63 19.49A30 30 0 0 1 16.2 30.36L3 17.14 17.14 3l16.49 16.49z"></path>
+						<use href="#lh-gauge--pwa__fast-reliable-badge-0"></use>
+					</g>
+					<!-- Just installable. -->
+					<g class="lh-gauge--pwa__component lh-gauge--pwa__installable-badge lh-gauge--pwa__invisible" transform="translate(20, 29)">
+						<path fill="url(#lh-gauge--pwa__installable__shadow-gradient-0)" d="M33.629 19.487c-4.272 5.453-10.391 9.39-17.415 10.869L3 17.142 17.142 3 33.63 19.487z"></path>
+						<use href="#lh-gauge--pwa__installable-badge-0"></use>
+					</g>
+					<!-- Fast and reliable and installable. -->
+					<g class="lh-gauge--pwa__component lh-gauge--pwa__fast-reliable-installable-badges lh-gauge--pwa__invisible">
+						<g transform="translate(8, 29)">						<!-- fast and reliable -->
+							<path fill="url(#lh-gauge--pwa__fast-reliable__shadow-gradient-0)" d="M16.321 30.463L3 17.143 17.142 3l22.365 22.365A29.864 29.864 0 0 1 22 31c-1.942 0-3.84-.184-5.679-.537z"></path>
+							<use href="#lh-gauge--pwa__fast-reliable-badge-0"></use>
+						</g>
+						<g transform="translate(32, 29)">						<!-- installable -->
+							<path fill="url(#lh-gauge--pwa__installable__shadow-gradient-0)" d="M25.982 11.84a30.107 30.107 0 0 1-13.08 15.203L3 17.143 17.142 3l8.84 8.84z"></path>
+							<use href="#lh-gauge--pwa__installable-badge-0"></use>
+						</g>
+					</g>
+					<!-- Full PWA. -->
+					<g class="lh-gauge--pwa__component lh-gauge--pwa__check-circle lh-gauge--pwa__visible" transform="translate(18, 28)">
+						<circle fill="#FFFFFF" cx="12" cy="12" r="12"></circle>
+						<path fill="url(#lh-gauge--pwa__check-circle__gradient-0)" d="M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"></path>
+					</g>
+				</g>
+			</svg>
+			<text class="guage-title" y="160px" alignment-baseline="central" dominant-baseline="central" text-anchor="middle">
+				<tspan x="100px" dy="-6px">Progressive</tspan>
+				<tspan x="100px" dy="30px">Web App</tspan>
+			</text>
+		</svg>
+		<svg width="604" height="76" x="200" y="250">
+			<g>
+				<rect fill="none" id="canvas_background" height="80" width="604" y="-1" x="-1"/>
+				<g display="none" overflow="visible" y="0" x="0" height="100%" width="100%" id="canvasGrid">
+					<rect fill="url(#gridpattern)" stroke-width="0" y="0" x="0" height="100%" width="100%"/>
+				</g>
+			</g>
+			<g>
+				<rect fill-opacity="0" stroke-width="2" rx="40" id="svg_2" height="72" width="600" y="1" x="0" fill="#000000"/>
+				<rect stroke="#000" rx="8" id="svg_3" height="14" width="48" y="30" x="35" stroke-opacity="null" stroke-width="0" fill="#ff4e42"/>
+				<rect stroke="#000" rx="6" id="svg_4" height="14" width="48" y="30" x="220" stroke-opacity="null" stroke-width="0" fill="#ffa400"/>
+				<rect stroke="#000" rx="6" id="svg_5" height="14" width="48" y="30" x="410" stroke-opacity="null" stroke-width="0" fill="#0cce6b"/>
+				<text class="metric guage-title" xml:space="preserve" text-anchor="start" font-size="26" id="svg_6" y="45" x="100" stroke-opacity="null" stroke-width="0" stroke="#000">0-49</text>
+				<text class="metric guage-title" xml:space="preserve" text-anchor="start" font-size="26" id="svg_7" y="45" x="280" stroke-opacity="null" stroke-width="0" stroke="#000">50-89</text>
+				<text class="metric guage-title" xml:space="preserve" text-anchor="start" font-size="26" id="svg_8" y="45" x="470" stroke-opacity="null" stroke-width="0" stroke="#000">90-100</text>
+			</g>
+		</svg>
+	</svg>
\ No newline at end of file