BunnyCDN-DE1-1328
tcp/443 tcp/80
BunnyCDN-DE1-1330
tcp/443 tcp/80
BunnyCDN-DE1-1332
tcp/443 tcp/80
Open service 2400:52e0:1e00:2::1330:1:443 · sample.minimalhtml.net
2026-01-10 17:01
HTTP/1.1 200 OK
Date: Sat, 10 Jan 2026 17:02:00 GMT
Content-Type: text/html
Transfer-Encoding: chunked
Connection: close
Vary: Accept-Encoding
Server: BunnyCDN-DE1-1330
CDN-PullZone: 3422495
CDN-RequestCountryCode: CA
Cache-Control: no-cache
CDN-ProxyVer: 1.43
CDN-RequestPullSuccess: True
CDN-RequestPullCode: 200
CDN-CachedAt: 01/10/2026 17:02:00
CDN-EdgeStorageId: 1329
CDN-RequestId: 42a7df3d45c300abd876311743521c66
CDN-Cache: MISS
CDN-Status: 200
CDN-RequestTime: 0
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="view-transition" content="same-origin" />
<!-- the props -->
<script type="importmap">
{
"imports": {
"/TabList.js": "/TabList.l3cvv6coof.js", "/DefaultLayout.js": "/DefaultLayout.tsxsn6qrem.js", "/Lit.js": "/Lit.liy87v8u3g.js", "/ActiveSearch.js": "/ActiveSearch.izpqh74xny.js", "/favicon.svg": "/favicon.j8sl5ql15u.svg", "/Forms.css": "/Forms.sl9qu6brha.css", "/DefaultLayout.css": "/DefaultLayout.hi0ncjaj02.css", "/serviceworker.js": "/serviceworker.jb0yhzn4if.js", "/TabList.css": "/TabList.y1qgxicjfi.css", "/AnyOrder.css": "/AnyOrder.9m3yxitbqc.css", "/CssModules.module.js": "/CssModules.module.8nrs17xeck.js", "/CssModules.css": "/CssModules.tu8czq0d6y.css", "/.vite/manifest.json": "/.vite/manifest.hxfp31jzii.json", "/recurring-group.js": "/recurring-group.qc35o2hwrr.js"
}
}
</script>
<link
href="/favicon.j8sl5ql15u.svg"
rel="icon"
sizes="any"
type="image/svg+xml"
integrity="sha256-M98b9B3uvUMZVwq/w2LOqNqYpb7fdN7B65W/r7KFAgI="
/>
<script
src="/DefaultLayout.tsxsn6qrem.js"
integrity="sha256-47aPFZqcmQXFM6fB/x8MA6/Cgc2NjM6SWCJQAtjBWmo="module
></script>
<link
href="/DefaultLayout.hi0ncjaj02.css"
rel="stylesheet"
integrity="sha256-p4WU9HOBHnO73zdJxQcrB8M8jCNe0PoW9tj8AkWKepM="
/>
<script type="module">
if ("serviceWorker" in navigator) {
navigator.serviceWorker.register("/serviceworker.jb0yhzn4if.js", {scope: "/"})
}
</script>
<script
src="/TabList.l3cvv6coof.js"
integrity="sha256-/5lQkIxKt7fHeyR3FoSEae0QyBhTGLMQnsqyRJKWAWw="module
></script>
<link
href="/TabList.y1qgxicjfi.css"
rel="stylesheet"
integrity="sha256-Gk8sWL8UlyqpbYAX8XosmwG2ISNbyzQMSNahfxZ8/qE="
/>
<script type="speculationrules">
{
"prerender": [{
"where": {
"href_matches": "/*"
},
"eagerness": "moderate"
}]
}
</script>
</head>
<body>
<template shadowrootmode="open">
<slot name="header"></slot>
<slot name="main"></slot>
<slot name="footer"></slot>
</template>
<header slot="header">
<div class="backdrop"></div>
<nav>
<button>Menu</button>
<ul>
<li>
<a href="/" aria-current="page">Progressive enhancement</a>
</li>
<li>
<a href="/streaming" >Streaming</a>
</li>
<li>
<a href="/xss" >Cross site scripting</a>
</li>
<li>
<a href="/forms" >Forms</a>
</li>
<li>
<a href="/lit" >Lit</a>
</li>
<li>
<a href="/active-search" >Active search</a>
</li>
<li>
<a href="/any-order" >Unordered streaming</a>
</li>
<li>
<a href="/swr" >Stale while revalidate</a>
</li>
<li>
<a href="/css-modules" >CSS modules</a>
</li>
</ul>
</nav>
</header>
<footer slot="footer" class="the-footer">Version: <version-number></version-number></footer>
<main role="main" slot="main">
<h2>Progressive enhancement</h2>
<p>
Whithout javascript, these tabs are just links to specific anchors on the page.
</p>
<p>
When javascript kicks in, only one panel is visible at a time and keyboard navigation works as you would expect with a tablist.
</p>
<tab-list>
<style>
@scope {
timeline-scope: --panel-1, --panel-2, --panel-3;
secti
Open service 185.111.111.158:443 · sample.minimalhtml.net
2026-01-10 17:01
HTTP/1.1 200 OK
Date: Sat, 10 Jan 2026 17:02:00 GMT
Content-Type: text/html
Transfer-Encoding: chunked
Connection: close
Vary: Accept-Encoding
Server: BunnyCDN-DE1-1332
CDN-PullZone: 3422495
CDN-RequestCountryCode: US
Cache-Control: no-cache
CDN-ProxyVer: 1.43
CDN-RequestPullSuccess: True
CDN-RequestPullCode: 200
CDN-CachedAt: 01/10/2026 17:02:00
CDN-EdgeStorageId: 1329
CDN-RequestId: f5ea71237006552e97b8266f0986351c
CDN-Cache: MISS
CDN-Status: 200
CDN-RequestTime: 0
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="view-transition" content="same-origin" />
<!-- the props -->
<script type="importmap">
{
"imports": {
"/TabList.js": "/TabList.l3cvv6coof.js", "/DefaultLayout.js": "/DefaultLayout.tsxsn6qrem.js", "/Lit.js": "/Lit.liy87v8u3g.js", "/ActiveSearch.js": "/ActiveSearch.izpqh74xny.js", "/favicon.svg": "/favicon.j8sl5ql15u.svg", "/Forms.css": "/Forms.sl9qu6brha.css", "/DefaultLayout.css": "/DefaultLayout.hi0ncjaj02.css", "/serviceworker.js": "/serviceworker.jb0yhzn4if.js", "/TabList.css": "/TabList.y1qgxicjfi.css", "/AnyOrder.css": "/AnyOrder.9m3yxitbqc.css", "/CssModules.module.js": "/CssModules.module.8nrs17xeck.js", "/CssModules.css": "/CssModules.tu8czq0d6y.css", "/.vite/manifest.json": "/.vite/manifest.hxfp31jzii.json", "/recurring-group.js": "/recurring-group.qc35o2hwrr.js"
}
}
</script>
<link
href="/favicon.j8sl5ql15u.svg"
rel="icon"
sizes="any"
type="image/svg+xml"
integrity="sha256-M98b9B3uvUMZVwq/w2LOqNqYpb7fdN7B65W/r7KFAgI="
/>
<script
src="/DefaultLayout.tsxsn6qrem.js"
integrity="sha256-47aPFZqcmQXFM6fB/x8MA6/Cgc2NjM6SWCJQAtjBWmo="module
></script>
<link
href="/DefaultLayout.hi0ncjaj02.css"
rel="stylesheet"
integrity="sha256-p4WU9HOBHnO73zdJxQcrB8M8jCNe0PoW9tj8AkWKepM="
/>
<script type="module">
if ("serviceWorker" in navigator) {
navigator.serviceWorker.register("/serviceworker.jb0yhzn4if.js", {scope: "/"})
}
</script>
<script
src="/TabList.l3cvv6coof.js"
integrity="sha256-/5lQkIxKt7fHeyR3FoSEae0QyBhTGLMQnsqyRJKWAWw="module
></script>
<link
href="/TabList.y1qgxicjfi.css"
rel="stylesheet"
integrity="sha256-Gk8sWL8UlyqpbYAX8XosmwG2ISNbyzQMSNahfxZ8/qE="
/>
<script type="speculationrules">
{
"prerender": [{
"where": {
"href_matches": "/*"
},
"eagerness": "moderate"
}]
}
</script>
</head>
<body>
<template shadowrootmode="open">
<slot name="header"></slot>
<slot name="main"></slot>
<slot name="footer"></slot>
</template>
<header slot="header">
<div class="backdrop"></div>
<nav>
<button>Menu</button>
<ul>
<li>
<a href="/" aria-current="page">Progressive enhancement</a>
</li>
<li>
<a href="/streaming" >Streaming</a>
</li>
<li>
<a href="/xss" >Cross site scripting</a>
</li>
<li>
<a href="/forms" >Forms</a>
</li>
<li>
<a href="/lit" >Lit</a>
</li>
<li>
<a href="/active-search" >Active search</a>
</li>
<li>
<a href="/any-order" >Unordered streaming</a>
</li>
<li>
<a href="/swr" >Stale while revalidate</a>
</li>
<li>
<a href="/css-modules" >CSS modules</a>
</li>
</ul>
</nav>
</header>
<footer slot="footer" class="the-footer">Version: <version-number></version-number></footer>
<main role="main" slot="main">
<h2>Progressive enhancement</h2>
<p>
Whithout javascript, these tabs are just links to specific anchors on the page.
</p>
<p>
When javascript kicks in, only one panel is visible at a time and keyboard navigation works as you would expect with a tablist.
</p>
<tab-list>
<style>
@scope {
timeline-scope: --panel-1, --panel-2, --panel-3;
secti
Open service 2400:52e0:1e00:2::1330:1:80 · sample.minimalhtml.net
2026-01-10 17:01
HTTP/1.1 200 OK
Date: Sat, 10 Jan 2026 17:01:59 GMT
Content-Type: text/html
Transfer-Encoding: chunked
Connection: close
Vary: Accept-Encoding
Server: BunnyCDN-DE1-1330
CDN-PullZone: 3422495
CDN-RequestCountryCode: DE
Cache-Control: no-cache
CDN-ProxyVer: 1.43
CDN-RequestPullSuccess: True
CDN-RequestPullCode: 200
CDN-CachedAt: 01/10/2026 17:01:59
CDN-EdgeStorageId: 1329
CDN-RequestId: a6e4fd281bcfb002de4cd515d3e9d4c4
CDN-Cache: MISS
CDN-Status: 200
CDN-RequestTime: 0
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="view-transition" content="same-origin" />
<!-- the props -->
<script type="importmap">
{
"imports": {
"/TabList.js": "/TabList.l3cvv6coof.js", "/DefaultLayout.js": "/DefaultLayout.tsxsn6qrem.js", "/Lit.js": "/Lit.liy87v8u3g.js", "/ActiveSearch.js": "/ActiveSearch.izpqh74xny.js", "/favicon.svg": "/favicon.j8sl5ql15u.svg", "/Forms.css": "/Forms.sl9qu6brha.css", "/DefaultLayout.css": "/DefaultLayout.hi0ncjaj02.css", "/serviceworker.js": "/serviceworker.jb0yhzn4if.js", "/TabList.css": "/TabList.y1qgxicjfi.css", "/AnyOrder.css": "/AnyOrder.9m3yxitbqc.css", "/CssModules.module.js": "/CssModules.module.8nrs17xeck.js", "/CssModules.css": "/CssModules.tu8czq0d6y.css", "/.vite/manifest.json": "/.vite/manifest.hxfp31jzii.json", "/recurring-group.js": "/recurring-group.qc35o2hwrr.js"
}
}
</script>
<link
href="/favicon.j8sl5ql15u.svg"
rel="icon"
sizes="any"
type="image/svg+xml"
integrity="sha256-M98b9B3uvUMZVwq/w2LOqNqYpb7fdN7B65W/r7KFAgI="
/>
<script
src="/DefaultLayout.tsxsn6qrem.js"
integrity="sha256-47aPFZqcmQXFM6fB/x8MA6/Cgc2NjM6SWCJQAtjBWmo="module
></script>
<link
href="/DefaultLayout.hi0ncjaj02.css"
rel="stylesheet"
integrity="sha256-p4WU9HOBHnO73zdJxQcrB8M8jCNe0PoW9tj8AkWKepM="
/>
<script type="module">
if ("serviceWorker" in navigator) {
navigator.serviceWorker.register("/serviceworker.jb0yhzn4if.js", {scope: "/"})
}
</script>
<script
src="/TabList.l3cvv6coof.js"
integrity="sha256-/5lQkIxKt7fHeyR3FoSEae0QyBhTGLMQnsqyRJKWAWw="module
></script>
<link
href="/TabList.y1qgxicjfi.css"
rel="stylesheet"
integrity="sha256-Gk8sWL8UlyqpbYAX8XosmwG2ISNbyzQMSNahfxZ8/qE="
/>
<script type="speculationrules">
{
"prerender": [{
"where": {
"href_matches": "/*"
},
"eagerness": "moderate"
}]
}
</script>
</head>
<body>
<template shadowrootmode="open">
<slot name="header"></slot>
<slot name="main"></slot>
<slot name="footer"></slot>
</template>
<header slot="header">
<div class="backdrop"></div>
<nav>
<button>Menu</button>
<ul>
<li>
<a href="/" aria-current="page">Progressive enhancement</a>
</li>
<li>
<a href="/streaming" >Streaming</a>
</li>
<li>
<a href="/xss" >Cross site scripting</a>
</li>
<li>
<a href="/forms" >Forms</a>
</li>
<li>
<a href="/lit" >Lit</a>
</li>
<li>
<a href="/active-search" >Active search</a>
</li>
<li>
<a href="/any-order" >Unordered streaming</a>
</li>
<li>
<a href="/swr" >Stale while revalidate</a>
</li>
<li>
<a href="/css-modules" >CSS modules</a>
</li>
</ul>
</nav>
</header>
<footer slot="footer" class="the-footer">Version: <version-number></version-number></footer>
<main role="main" slot="main">
<h2>Progressive enhancement</h2>
<p>
Whithout javascript, these tabs are just links to specific anchors on the page.
</p>
<p>
When javascript kicks in, only one panel is visible at a time and keyboard navigation works as you would expect with a tablist.
</p>
<tab-list>
<style>
@scope {
timeline-scope: --panel-1, --panel-2, --panel-3;
secti
Open service 185.111.111.158:80 · sample.minimalhtml.net
2026-01-10 17:01
HTTP/1.1 200 OK
Date: Sat, 10 Jan 2026 17:01:59 GMT
Content-Type: text/html
Transfer-Encoding: chunked
Connection: close
Vary: Accept-Encoding
Server: BunnyCDN-DE1-1332
CDN-PullZone: 3422495
CDN-RequestCountryCode: GB
Cache-Control: no-cache
CDN-ProxyVer: 1.43
CDN-RequestPullSuccess: True
CDN-RequestPullCode: 200
CDN-CachedAt: 01/10/2026 17:01:59
CDN-EdgeStorageId: 1329
CDN-RequestId: a5751a2b6a0ded44ce6cd397c26ca3ac
CDN-Cache: MISS
CDN-Status: 200
CDN-RequestTime: 0
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="view-transition" content="same-origin" />
<!-- the props -->
<script type="importmap">
{
"imports": {
"/TabList.js": "/TabList.l3cvv6coof.js", "/DefaultLayout.js": "/DefaultLayout.tsxsn6qrem.js", "/Lit.js": "/Lit.liy87v8u3g.js", "/ActiveSearch.js": "/ActiveSearch.izpqh74xny.js", "/favicon.svg": "/favicon.j8sl5ql15u.svg", "/Forms.css": "/Forms.sl9qu6brha.css", "/DefaultLayout.css": "/DefaultLayout.hi0ncjaj02.css", "/serviceworker.js": "/serviceworker.jb0yhzn4if.js", "/TabList.css": "/TabList.y1qgxicjfi.css", "/AnyOrder.css": "/AnyOrder.9m3yxitbqc.css", "/CssModules.module.js": "/CssModules.module.8nrs17xeck.js", "/CssModules.css": "/CssModules.tu8czq0d6y.css", "/.vite/manifest.json": "/.vite/manifest.hxfp31jzii.json", "/recurring-group.js": "/recurring-group.qc35o2hwrr.js"
}
}
</script>
<link
href="/favicon.j8sl5ql15u.svg"
rel="icon"
sizes="any"
type="image/svg+xml"
integrity="sha256-M98b9B3uvUMZVwq/w2LOqNqYpb7fdN7B65W/r7KFAgI="
/>
<script
src="/DefaultLayout.tsxsn6qrem.js"
integrity="sha256-47aPFZqcmQXFM6fB/x8MA6/Cgc2NjM6SWCJQAtjBWmo="module
></script>
<link
href="/DefaultLayout.hi0ncjaj02.css"
rel="stylesheet"
integrity="sha256-p4WU9HOBHnO73zdJxQcrB8M8jCNe0PoW9tj8AkWKepM="
/>
<script type="module">
if ("serviceWorker" in navigator) {
navigator.serviceWorker.register("/serviceworker.jb0yhzn4if.js", {scope: "/"})
}
</script>
<script
src="/TabList.l3cvv6coof.js"
integrity="sha256-/5lQkIxKt7fHeyR3FoSEae0QyBhTGLMQnsqyRJKWAWw="module
></script>
<link
href="/TabList.y1qgxicjfi.css"
rel="stylesheet"
integrity="sha256-Gk8sWL8UlyqpbYAX8XosmwG2ISNbyzQMSNahfxZ8/qE="
/>
<script type="speculationrules">
{
"prerender": [{
"where": {
"href_matches": "/*"
},
"eagerness": "moderate"
}]
}
</script>
</head>
<body>
<template shadowrootmode="open">
<slot name="header"></slot>
<slot name="main"></slot>
<slot name="footer"></slot>
</template>
<header slot="header">
<div class="backdrop"></div>
<nav>
<button>Menu</button>
<ul>
<li>
<a href="/" aria-current="page">Progressive enhancement</a>
</li>
<li>
<a href="/streaming" >Streaming</a>
</li>
<li>
<a href="/xss" >Cross site scripting</a>
</li>
<li>
<a href="/forms" >Forms</a>
</li>
<li>
<a href="/lit" >Lit</a>
</li>
<li>
<a href="/active-search" >Active search</a>
</li>
<li>
<a href="/any-order" >Unordered streaming</a>
</li>
<li>
<a href="/swr" >Stale while revalidate</a>
</li>
<li>
<a href="/css-modules" >CSS modules</a>
</li>
</ul>
</nav>
</header>
<footer slot="footer" class="the-footer">Version: <version-number></version-number></footer>
<main role="main" slot="main">
<h2>Progressive enhancement</h2>
<p>
Whithout javascript, these tabs are just links to specific anchors on the page.
</p>
<p>
When javascript kicks in, only one panel is visible at a time and keyboard navigation works as you would expect with a tablist.
</p>
<tab-list>
<style>
@scope {
timeline-scope: --panel-1, --panel-2, --panel-3;
secti
Open service 185.111.111.154:80 · sample.minimalhtml.net
2026-01-06 17:49
HTTP/1.1 200 OK
Date: Tue, 06 Jan 2026 17:49:28 GMT
Content-Type: text/html
Transfer-Encoding: chunked
Connection: close
Vary: Accept-Encoding
Server: BunnyCDN-DE1-1328
CDN-PullZone: 3422495
CDN-RequestCountryCode: CA
Cache-Control: no-cache
CDN-ProxyVer: 1.43
CDN-RequestPullSuccess: True
CDN-RequestPullCode: 200
CDN-CachedAt: 01/06/2026 17:49:28
CDN-EdgeStorageId: 1329
CDN-RequestId: 6b03a4f5cc72b4af940d7c16cddab760
CDN-Cache: MISS
CDN-Status: 200
CDN-RequestTime: 0
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="view-transition" content="same-origin" />
<!-- the props -->
<script type="importmap">
{
"imports": {
"/TabList.js": "/TabList.l3cvv6coof.js", "/DefaultLayout.js": "/DefaultLayout.tsxsn6qrem.js", "/Lit.js": "/Lit.liy87v8u3g.js", "/ActiveSearch.js": "/ActiveSearch.izpqh74xny.js", "/favicon.svg": "/favicon.j8sl5ql15u.svg", "/Forms.css": "/Forms.sl9qu6brha.css", "/DefaultLayout.css": "/DefaultLayout.hi0ncjaj02.css", "/serviceworker.js": "/serviceworker.jb0yhzn4if.js", "/TabList.css": "/TabList.y1qgxicjfi.css", "/AnyOrder.css": "/AnyOrder.9m3yxitbqc.css", "/CssModules.module.js": "/CssModules.module.8nrs17xeck.js", "/CssModules.css": "/CssModules.tu8czq0d6y.css", "/.vite/manifest.json": "/.vite/manifest.hxfp31jzii.json", "/recurring-group.js": "/recurring-group.qc35o2hwrr.js"
}
}
</script>
<link
href="/favicon.j8sl5ql15u.svg"
rel="icon"
sizes="any"
type="image/svg+xml"
integrity="sha256-M98b9B3uvUMZVwq/w2LOqNqYpb7fdN7B65W/r7KFAgI="
/>
<script
src="/DefaultLayout.tsxsn6qrem.js"
integrity="sha256-47aPFZqcmQXFM6fB/x8MA6/Cgc2NjM6SWCJQAtjBWmo="module
></script>
<link
href="/DefaultLayout.hi0ncjaj02.css"
rel="stylesheet"
integrity="sha256-p4WU9HOBHnO73zdJxQcrB8M8jCNe0PoW9tj8AkWKepM="
/>
<script type="module">
if ("serviceWorker" in navigator) {
navigator.serviceWorker.register("/serviceworker.jb0yhzn4if.js", {scope: "/"})
}
</script>
<script
src="/TabList.l3cvv6coof.js"
integrity="sha256-/5lQkIxKt7fHeyR3FoSEae0QyBhTGLMQnsqyRJKWAWw="module
></script>
<link
href="/TabList.y1qgxicjfi.css"
rel="stylesheet"
integrity="sha256-Gk8sWL8UlyqpbYAX8XosmwG2ISNbyzQMSNahfxZ8/qE="
/>
<script type="speculationrules">
{
"prerender": [{
"where": {
"href_matches": "/*"
},
"eagerness": "moderate"
}]
}
</script>
</head>
<body>
<template shadowrootmode="open">
<slot name="header"></slot>
<slot name="main"></slot>
<slot name="footer"></slot>
</template>
<header slot="header">
<div class="backdrop"></div>
<nav>
<button>Menu</button>
<ul>
<li>
<a href="/" aria-current="page">Progressive enhancement</a>
</li>
<li>
<a href="/streaming" >Streaming</a>
</li>
<li>
<a href="/xss" >Cross site scripting</a>
</li>
<li>
<a href="/forms" >Forms</a>
</li>
<li>
<a href="/lit" >Lit</a>
</li>
<li>
<a href="/active-search" >Active search</a>
</li>
<li>
<a href="/any-order" >Unordered streaming</a>
</li>
<li>
<a href="/swr" >Stale while revalidate</a>
</li>
<li>
<a href="/css-modules" >CSS modules</a>
</li>
</ul>
</nav>
</header>
<footer slot="footer" class="the-footer">Version: <version-number></version-number></footer>
<main role="main" slot="main">
<h2>Progressive enhancement</h2>
<p>
Whithout javascript, these tabs are just links to specific anchors on the page.
</p>
<p>
When javascript kicks in, only one panel is visible at a time and keyboard navigation works as you would expect with a tablist.
</p>
<tab-list>
<style>
@scope {
timeline-scope: --panel-1, --panel-2, --panel-3;
secti
Open service 2400:52e0:1e00:2::1328:1:443 · sample.minimalhtml.net
2026-01-06 17:49
HTTP/1.1 200 OK
Date: Tue, 06 Jan 2026 17:49:28 GMT
Content-Type: text/html
Transfer-Encoding: chunked
Connection: close
Vary: Accept-Encoding
Server: BunnyCDN-DE1-1328
CDN-PullZone: 3422495
CDN-RequestCountryCode: CA
Cache-Control: no-cache
CDN-ProxyVer: 1.43
CDN-RequestPullSuccess: True
CDN-RequestPullCode: 200
CDN-CachedAt: 01/06/2026 17:49:28
CDN-EdgeStorageId: 1329
CDN-RequestId: 51f5a4066981b51a2ee4f702d5635024
CDN-Cache: MISS
CDN-Status: 200
CDN-RequestTime: 0
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="view-transition" content="same-origin" />
<!-- the props -->
<script type="importmap">
{
"imports": {
"/TabList.js": "/TabList.l3cvv6coof.js", "/DefaultLayout.js": "/DefaultLayout.tsxsn6qrem.js", "/Lit.js": "/Lit.liy87v8u3g.js", "/ActiveSearch.js": "/ActiveSearch.izpqh74xny.js", "/favicon.svg": "/favicon.j8sl5ql15u.svg", "/Forms.css": "/Forms.sl9qu6brha.css", "/DefaultLayout.css": "/DefaultLayout.hi0ncjaj02.css", "/serviceworker.js": "/serviceworker.jb0yhzn4if.js", "/TabList.css": "/TabList.y1qgxicjfi.css", "/AnyOrder.css": "/AnyOrder.9m3yxitbqc.css", "/CssModules.module.js": "/CssModules.module.8nrs17xeck.js", "/CssModules.css": "/CssModules.tu8czq0d6y.css", "/.vite/manifest.json": "/.vite/manifest.hxfp31jzii.json", "/recurring-group.js": "/recurring-group.qc35o2hwrr.js"
}
}
</script>
<link
href="/favicon.j8sl5ql15u.svg"
rel="icon"
sizes="any"
type="image/svg+xml"
integrity="sha256-M98b9B3uvUMZVwq/w2LOqNqYpb7fdN7B65W/r7KFAgI="
/>
<script
src="/DefaultLayout.tsxsn6qrem.js"
integrity="sha256-47aPFZqcmQXFM6fB/x8MA6/Cgc2NjM6SWCJQAtjBWmo="module
></script>
<link
href="/DefaultLayout.hi0ncjaj02.css"
rel="stylesheet"
integrity="sha256-p4WU9HOBHnO73zdJxQcrB8M8jCNe0PoW9tj8AkWKepM="
/>
<script type="module">
if ("serviceWorker" in navigator) {
navigator.serviceWorker.register("/serviceworker.jb0yhzn4if.js", {scope: "/"})
}
</script>
<script
src="/TabList.l3cvv6coof.js"
integrity="sha256-/5lQkIxKt7fHeyR3FoSEae0QyBhTGLMQnsqyRJKWAWw="module
></script>
<link
href="/TabList.y1qgxicjfi.css"
rel="stylesheet"
integrity="sha256-Gk8sWL8UlyqpbYAX8XosmwG2ISNbyzQMSNahfxZ8/qE="
/>
<script type="speculationrules">
{
"prerender": [{
"where": {
"href_matches": "/*"
},
"eagerness": "moderate"
}]
}
</script>
</head>
<body>
<template shadowrootmode="open">
<slot name="header"></slot>
<slot name="main"></slot>
<slot name="footer"></slot>
</template>
<header slot="header">
<div class="backdrop"></div>
<nav>
<button>Menu</button>
<ul>
<li>
<a href="/" aria-current="page">Progressive enhancement</a>
</li>
<li>
<a href="/streaming" >Streaming</a>
</li>
<li>
<a href="/xss" >Cross site scripting</a>
</li>
<li>
<a href="/forms" >Forms</a>
</li>
<li>
<a href="/lit" >Lit</a>
</li>
<li>
<a href="/active-search" >Active search</a>
</li>
<li>
<a href="/any-order" >Unordered streaming</a>
</li>
<li>
<a href="/swr" >Stale while revalidate</a>
</li>
<li>
<a href="/css-modules" >CSS modules</a>
</li>
</ul>
</nav>
</header>
<footer slot="footer" class="the-footer">Version: <version-number></version-number></footer>
<main role="main" slot="main">
<h2>Progressive enhancement</h2>
<p>
Whithout javascript, these tabs are just links to specific anchors on the page.
</p>
<p>
When javascript kicks in, only one panel is visible at a time and keyboard navigation works as you would expect with a tablist.
</p>
<tab-list>
<style>
@scope {
timeline-scope: --panel-1, --panel-2, --panel-3;
secti
Open service 185.111.111.154:443 · sample.minimalhtml.net
2026-01-06 17:49
HTTP/1.1 200 OK
Date: Tue, 06 Jan 2026 17:49:28 GMT
Content-Type: text/html
Transfer-Encoding: chunked
Connection: close
Vary: Accept-Encoding
Server: BunnyCDN-DE1-1328
CDN-PullZone: 3422495
CDN-RequestCountryCode: CA
Cache-Control: no-cache
CDN-ProxyVer: 1.43
CDN-RequestPullSuccess: True
CDN-RequestPullCode: 200
CDN-CachedAt: 01/06/2026 17:49:28
CDN-EdgeStorageId: 1329
CDN-RequestId: d07f46f632b8566213a5b36ecfda334e
CDN-Cache: MISS
CDN-Status: 200
CDN-RequestTime: 0
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="view-transition" content="same-origin" />
<!-- the props -->
<script type="importmap">
{
"imports": {
"/TabList.js": "/TabList.l3cvv6coof.js", "/DefaultLayout.js": "/DefaultLayout.tsxsn6qrem.js", "/Lit.js": "/Lit.liy87v8u3g.js", "/ActiveSearch.js": "/ActiveSearch.izpqh74xny.js", "/favicon.svg": "/favicon.j8sl5ql15u.svg", "/Forms.css": "/Forms.sl9qu6brha.css", "/DefaultLayout.css": "/DefaultLayout.hi0ncjaj02.css", "/serviceworker.js": "/serviceworker.jb0yhzn4if.js", "/TabList.css": "/TabList.y1qgxicjfi.css", "/AnyOrder.css": "/AnyOrder.9m3yxitbqc.css", "/CssModules.module.js": "/CssModules.module.8nrs17xeck.js", "/CssModules.css": "/CssModules.tu8czq0d6y.css", "/.vite/manifest.json": "/.vite/manifest.hxfp31jzii.json", "/recurring-group.js": "/recurring-group.qc35o2hwrr.js"
}
}
</script>
<link
href="/favicon.j8sl5ql15u.svg"
rel="icon"
sizes="any"
type="image/svg+xml"
integrity="sha256-M98b9B3uvUMZVwq/w2LOqNqYpb7fdN7B65W/r7KFAgI="
/>
<script
src="/DefaultLayout.tsxsn6qrem.js"
integrity="sha256-47aPFZqcmQXFM6fB/x8MA6/Cgc2NjM6SWCJQAtjBWmo="module
></script>
<link
href="/DefaultLayout.hi0ncjaj02.css"
rel="stylesheet"
integrity="sha256-p4WU9HOBHnO73zdJxQcrB8M8jCNe0PoW9tj8AkWKepM="
/>
<script type="module">
if ("serviceWorker" in navigator) {
navigator.serviceWorker.register("/serviceworker.jb0yhzn4if.js", {scope: "/"})
}
</script>
<script
src="/TabList.l3cvv6coof.js"
integrity="sha256-/5lQkIxKt7fHeyR3FoSEae0QyBhTGLMQnsqyRJKWAWw="module
></script>
<link
href="/TabList.y1qgxicjfi.css"
rel="stylesheet"
integrity="sha256-Gk8sWL8UlyqpbYAX8XosmwG2ISNbyzQMSNahfxZ8/qE="
/>
<script type="speculationrules">
{
"prerender": [{
"where": {
"href_matches": "/*"
},
"eagerness": "moderate"
}]
}
</script>
</head>
<body>
<template shadowrootmode="open">
<slot name="header"></slot>
<slot name="main"></slot>
<slot name="footer"></slot>
</template>
<header slot="header">
<div class="backdrop"></div>
<nav>
<button>Menu</button>
<ul>
<li>
<a href="/" aria-current="page">Progressive enhancement</a>
</li>
<li>
<a href="/streaming" >Streaming</a>
</li>
<li>
<a href="/xss" >Cross site scripting</a>
</li>
<li>
<a href="/forms" >Forms</a>
</li>
<li>
<a href="/lit" >Lit</a>
</li>
<li>
<a href="/active-search" >Active search</a>
</li>
<li>
<a href="/any-order" >Unordered streaming</a>
</li>
<li>
<a href="/swr" >Stale while revalidate</a>
</li>
<li>
<a href="/css-modules" >CSS modules</a>
</li>
</ul>
</nav>
</header>
<footer slot="footer" class="the-footer">Version: <version-number></version-number></footer>
<main role="main" slot="main">
<h2>Progressive enhancement</h2>
<p>
Whithout javascript, these tabs are just links to specific anchors on the page.
</p>
<p>
When javascript kicks in, only one panel is visible at a time and keyboard navigation works as you would expect with a tablist.
</p>
<tab-list>
<style>
@scope {
timeline-scope: --panel-1, --panel-2, --panel-3;
secti
Open service 2400:52e0:1e00:2::1328:1:80 · sample.minimalhtml.net
2026-01-06 17:49
HTTP/1.1 200 OK
Date: Tue, 06 Jan 2026 17:49:27 GMT
Content-Type: text/html
Transfer-Encoding: chunked
Connection: close
Vary: Accept-Encoding
Server: BunnyCDN-DE1-1328
CDN-PullZone: 3422495
CDN-RequestCountryCode: DE
Cache-Control: no-cache
CDN-ProxyVer: 1.43
CDN-RequestPullSuccess: True
CDN-RequestPullCode: 200
CDN-CachedAt: 01/06/2026 17:49:27
CDN-EdgeStorageId: 1329
CDN-RequestId: 4d5bf21c6e9822863d23831e96431c47
CDN-Cache: MISS
CDN-Status: 200
CDN-RequestTime: 0
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="view-transition" content="same-origin" />
<!-- the props -->
<script type="importmap">
{
"imports": {
"/TabList.js": "/TabList.l3cvv6coof.js", "/DefaultLayout.js": "/DefaultLayout.tsxsn6qrem.js", "/Lit.js": "/Lit.liy87v8u3g.js", "/ActiveSearch.js": "/ActiveSearch.izpqh74xny.js", "/favicon.svg": "/favicon.j8sl5ql15u.svg", "/Forms.css": "/Forms.sl9qu6brha.css", "/DefaultLayout.css": "/DefaultLayout.hi0ncjaj02.css", "/serviceworker.js": "/serviceworker.jb0yhzn4if.js", "/TabList.css": "/TabList.y1qgxicjfi.css", "/AnyOrder.css": "/AnyOrder.9m3yxitbqc.css", "/CssModules.module.js": "/CssModules.module.8nrs17xeck.js", "/CssModules.css": "/CssModules.tu8czq0d6y.css", "/.vite/manifest.json": "/.vite/manifest.hxfp31jzii.json", "/recurring-group.js": "/recurring-group.qc35o2hwrr.js"
}
}
</script>
<link
href="/favicon.j8sl5ql15u.svg"
rel="icon"
sizes="any"
type="image/svg+xml"
integrity="sha256-M98b9B3uvUMZVwq/w2LOqNqYpb7fdN7B65W/r7KFAgI="
/>
<script
src="/DefaultLayout.tsxsn6qrem.js"
integrity="sha256-47aPFZqcmQXFM6fB/x8MA6/Cgc2NjM6SWCJQAtjBWmo="module
></script>
<link
href="/DefaultLayout.hi0ncjaj02.css"
rel="stylesheet"
integrity="sha256-p4WU9HOBHnO73zdJxQcrB8M8jCNe0PoW9tj8AkWKepM="
/>
<script type="module">
if ("serviceWorker" in navigator) {
navigator.serviceWorker.register("/serviceworker.jb0yhzn4if.js", {scope: "/"})
}
</script>
<script
src="/TabList.l3cvv6coof.js"
integrity="sha256-/5lQkIxKt7fHeyR3FoSEae0QyBhTGLMQnsqyRJKWAWw="module
></script>
<link
href="/TabList.y1qgxicjfi.css"
rel="stylesheet"
integrity="sha256-Gk8sWL8UlyqpbYAX8XosmwG2ISNbyzQMSNahfxZ8/qE="
/>
<script type="speculationrules">
{
"prerender": [{
"where": {
"href_matches": "/*"
},
"eagerness": "moderate"
}]
}
</script>
</head>
<body>
<template shadowrootmode="open">
<slot name="header"></slot>
<slot name="main"></slot>
<slot name="footer"></slot>
</template>
<header slot="header">
<div class="backdrop"></div>
<nav>
<button>Menu</button>
<ul>
<li>
<a href="/" aria-current="page">Progressive enhancement</a>
</li>
<li>
<a href="/streaming" >Streaming</a>
</li>
<li>
<a href="/xss" >Cross site scripting</a>
</li>
<li>
<a href="/forms" >Forms</a>
</li>
<li>
<a href="/lit" >Lit</a>
</li>
<li>
<a href="/active-search" >Active search</a>
</li>
<li>
<a href="/any-order" >Unordered streaming</a>
</li>
<li>
<a href="/swr" >Stale while revalidate</a>
</li>
<li>
<a href="/css-modules" >CSS modules</a>
</li>
</ul>
</nav>
</header>
<footer slot="footer" class="the-footer">Version: <version-number></version-number></footer>
<main role="main" slot="main">
<h2>Progressive enhancement</h2>
<p>
Whithout javascript, these tabs are just links to specific anchors on the page.
</p>
<p>
When javascript kicks in, only one panel is visible at a time and keyboard navigation works as you would expect with a tablist.
</p>
<tab-list>
<style>
@scope {
timeline-scope: --panel-1, --panel-2, --panel-3;
secti
Open service 2400:52e0:1e00:2::1330:1:80 · sample.minimalhtml.net
2025-12-31 11:32
HTTP/1.1 200 OK
Date: Wed, 31 Dec 2025 11:32:07 GMT
Content-Type: text/html
Transfer-Encoding: chunked
Connection: close
Vary: Accept-Encoding
Server: BunnyCDN-DE1-1330
CDN-PullZone: 3422495
CDN-RequestCountryCode: US
Cache-Control: no-cache
CDN-ProxyVer: 1.43
CDN-RequestPullSuccess: True
CDN-RequestPullCode: 200
CDN-CachedAt: 12/31/2025 11:32:07
CDN-EdgeStorageId: 1329
CDN-RequestId: 7513e244bad09c9fdff167758e2a6638
CDN-Cache: MISS
CDN-Status: 200
CDN-RequestTime: 0
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="view-transition" content="same-origin" />
<!-- the props -->
<script type="importmap">
{
"imports": {
"/TabList.js": "/TabList.l3cvv6coof.js", "/DefaultLayout.js": "/DefaultLayout.tsxsn6qrem.js", "/Lit.js": "/Lit.liy87v8u3g.js", "/ActiveSearch.js": "/ActiveSearch.izpqh74xny.js", "/favicon.svg": "/favicon.j8sl5ql15u.svg", "/Forms.css": "/Forms.sl9qu6brha.css", "/DefaultLayout.css": "/DefaultLayout.hi0ncjaj02.css", "/serviceworker.js": "/serviceworker.jb0yhzn4if.js", "/TabList.css": "/TabList.y1qgxicjfi.css", "/AnyOrder.css": "/AnyOrder.9m3yxitbqc.css", "/CssModules.module.js": "/CssModules.module.8nrs17xeck.js", "/CssModules.css": "/CssModules.tu8czq0d6y.css", "/.vite/manifest.json": "/.vite/manifest.hxfp31jzii.json", "/recurring-group.js": "/recurring-group.qc35o2hwrr.js"
}
}
</script>
<link
href="/favicon.j8sl5ql15u.svg"
rel="icon"
sizes="any"
type="image/svg+xml"
integrity="sha256-M98b9B3uvUMZVwq/w2LOqNqYpb7fdN7B65W/r7KFAgI="
/>
<script
src="/DefaultLayout.tsxsn6qrem.js"
integrity="sha256-47aPFZqcmQXFM6fB/x8MA6/Cgc2NjM6SWCJQAtjBWmo="module
></script>
<link
href="/DefaultLayout.hi0ncjaj02.css"
rel="stylesheet"
integrity="sha256-p4WU9HOBHnO73zdJxQcrB8M8jCNe0PoW9tj8AkWKepM="
/>
<script type="module">
if ("serviceWorker" in navigator) {
navigator.serviceWorker.register("/serviceworker.jb0yhzn4if.js", {scope: "/"})
}
</script>
<script
src="/TabList.l3cvv6coof.js"
integrity="sha256-/5lQkIxKt7fHeyR3FoSEae0QyBhTGLMQnsqyRJKWAWw="module
></script>
<link
href="/TabList.y1qgxicjfi.css"
rel="stylesheet"
integrity="sha256-Gk8sWL8UlyqpbYAX8XosmwG2ISNbyzQMSNahfxZ8/qE="
/>
<script type="speculationrules">
{
"prerender": [{
"where": {
"href_matches": "/*"
},
"eagerness": "moderate"
}]
}
</script>
</head>
<body>
<template shadowrootmode="open">
<slot name="header"></slot>
<slot name="main"></slot>
<slot name="footer"></slot>
</template>
<header slot="header">
<div class="backdrop"></div>
<nav>
<button>Menu</button>
<ul>
<li>
<a href="/" aria-current="page">Progressive enhancement</a>
</li>
<li>
<a href="/streaming" >Streaming</a>
</li>
<li>
<a href="/xss" >Cross site scripting</a>
</li>
<li>
<a href="/forms" >Forms</a>
</li>
<li>
<a href="/lit" >Lit</a>
</li>
<li>
<a href="/active-search" >Active search</a>
</li>
<li>
<a href="/any-order" >Unordered streaming</a>
</li>
<li>
<a href="/swr" >Stale while revalidate</a>
</li>
<li>
<a href="/css-modules" >CSS modules</a>
</li>
</ul>
</nav>
</header>
<footer slot="footer" class="the-footer">Version: <version-number></version-number></footer>
<main role="main" slot="main">
<h2>Progressive enhancement</h2>
<p>
Whithout javascript, these tabs are just links to specific anchors on the page.
</p>
<p>
When javascript kicks in, only one panel is visible at a time and keyboard navigation works as you would expect with a tablist.
</p>
<tab-list>
<style>
@scope {
timeline-scope: --panel-1, --panel-2, --panel-3;
secti
Open service 185.111.111.158:443 · sample.minimalhtml.net
2025-12-31 11:32
HTTP/1.1 200 OK
Date: Wed, 31 Dec 2025 11:32:07 GMT
Content-Type: text/html
Transfer-Encoding: chunked
Connection: close
Vary: Accept-Encoding
Server: BunnyCDN-DE1-1332
CDN-PullZone: 3422495
CDN-RequestCountryCode: US
Cache-Control: no-cache
CDN-ProxyVer: 1.43
CDN-RequestPullSuccess: True
CDN-RequestPullCode: 200
CDN-CachedAt: 12/31/2025 11:32:07
CDN-EdgeStorageId: 1329
CDN-RequestId: 3f9480ba470f6214230c2d03ba6734e4
CDN-Cache: MISS
CDN-Status: 200
CDN-RequestTime: 0
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="view-transition" content="same-origin" />
<!-- the props -->
<script type="importmap">
{
"imports": {
"/TabList.js": "/TabList.l3cvv6coof.js", "/DefaultLayout.js": "/DefaultLayout.tsxsn6qrem.js", "/Lit.js": "/Lit.liy87v8u3g.js", "/ActiveSearch.js": "/ActiveSearch.izpqh74xny.js", "/favicon.svg": "/favicon.j8sl5ql15u.svg", "/Forms.css": "/Forms.sl9qu6brha.css", "/DefaultLayout.css": "/DefaultLayout.hi0ncjaj02.css", "/serviceworker.js": "/serviceworker.jb0yhzn4if.js", "/TabList.css": "/TabList.y1qgxicjfi.css", "/AnyOrder.css": "/AnyOrder.9m3yxitbqc.css", "/CssModules.module.js": "/CssModules.module.8nrs17xeck.js", "/CssModules.css": "/CssModules.tu8czq0d6y.css", "/.vite/manifest.json": "/.vite/manifest.hxfp31jzii.json", "/recurring-group.js": "/recurring-group.qc35o2hwrr.js"
}
}
</script>
<link
href="/favicon.j8sl5ql15u.svg"
rel="icon"
sizes="any"
type="image/svg+xml"
integrity="sha256-M98b9B3uvUMZVwq/w2LOqNqYpb7fdN7B65W/r7KFAgI="
/>
<script
src="/DefaultLayout.tsxsn6qrem.js"
integrity="sha256-47aPFZqcmQXFM6fB/x8MA6/Cgc2NjM6SWCJQAtjBWmo="module
></script>
<link
href="/DefaultLayout.hi0ncjaj02.css"
rel="stylesheet"
integrity="sha256-p4WU9HOBHnO73zdJxQcrB8M8jCNe0PoW9tj8AkWKepM="
/>
<script type="module">
if ("serviceWorker" in navigator) {
navigator.serviceWorker.register("/serviceworker.jb0yhzn4if.js", {scope: "/"})
}
</script>
<script
src="/TabList.l3cvv6coof.js"
integrity="sha256-/5lQkIxKt7fHeyR3FoSEae0QyBhTGLMQnsqyRJKWAWw="module
></script>
<link
href="/TabList.y1qgxicjfi.css"
rel="stylesheet"
integrity="sha256-Gk8sWL8UlyqpbYAX8XosmwG2ISNbyzQMSNahfxZ8/qE="
/>
<script type="speculationrules">
{
"prerender": [{
"where": {
"href_matches": "/*"
},
"eagerness": "moderate"
}]
}
</script>
</head>
<body>
<template shadowrootmode="open">
<slot name="header"></slot>
<slot name="main"></slot>
<slot name="footer"></slot>
</template>
<header slot="header">
<div class="backdrop"></div>
<nav>
<button>Menu</button>
<ul>
<li>
<a href="/" aria-current="page">Progressive enhancement</a>
</li>
<li>
<a href="/streaming" >Streaming</a>
</li>
<li>
<a href="/xss" >Cross site scripting</a>
</li>
<li>
<a href="/forms" >Forms</a>
</li>
<li>
<a href="/lit" >Lit</a>
</li>
<li>
<a href="/active-search" >Active search</a>
</li>
<li>
<a href="/any-order" >Unordered streaming</a>
</li>
<li>
<a href="/swr" >Stale while revalidate</a>
</li>
<li>
<a href="/css-modules" >CSS modules</a>
</li>
</ul>
</nav>
</header>
<footer slot="footer" class="the-footer">Version: <version-number></version-number></footer>
<main role="main" slot="main">
<h2>Progressive enhancement</h2>
<p>
Whithout javascript, these tabs are just links to specific anchors on the page.
</p>
<p>
When javascript kicks in, only one panel is visible at a time and keyboard navigation works as you would expect with a tablist.
</p>
<tab-list>
<style>
@scope {
timeline-scope: --panel-1, --panel-2, --panel-3;
secti
Open service 185.111.111.158:80 · sample.minimalhtml.net
2025-12-31 11:32
HTTP/1.1 200 OK
Date: Wed, 31 Dec 2025 11:32:07 GMT
Content-Type: text/html
Transfer-Encoding: chunked
Connection: close
Vary: Accept-Encoding
Server: BunnyCDN-DE1-1332
CDN-PullZone: 3422495
CDN-RequestCountryCode: DE
Cache-Control: no-cache
CDN-ProxyVer: 1.43
CDN-RequestPullSuccess: True
CDN-RequestPullCode: 200
CDN-CachedAt: 12/31/2025 11:32:07
CDN-EdgeStorageId: 1329
CDN-RequestId: 2623c3ffe55a41c1d7804f1900238efb
CDN-Cache: MISS
CDN-Status: 200
CDN-RequestTime: 0
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="view-transition" content="same-origin" />
<!-- the props -->
<script type="importmap">
{
"imports": {
"/TabList.js": "/TabList.l3cvv6coof.js", "/DefaultLayout.js": "/DefaultLayout.tsxsn6qrem.js", "/Lit.js": "/Lit.liy87v8u3g.js", "/ActiveSearch.js": "/ActiveSearch.izpqh74xny.js", "/favicon.svg": "/favicon.j8sl5ql15u.svg", "/Forms.css": "/Forms.sl9qu6brha.css", "/DefaultLayout.css": "/DefaultLayout.hi0ncjaj02.css", "/serviceworker.js": "/serviceworker.jb0yhzn4if.js", "/TabList.css": "/TabList.y1qgxicjfi.css", "/AnyOrder.css": "/AnyOrder.9m3yxitbqc.css", "/CssModules.module.js": "/CssModules.module.8nrs17xeck.js", "/CssModules.css": "/CssModules.tu8czq0d6y.css", "/.vite/manifest.json": "/.vite/manifest.hxfp31jzii.json", "/recurring-group.js": "/recurring-group.qc35o2hwrr.js"
}
}
</script>
<link
href="/favicon.j8sl5ql15u.svg"
rel="icon"
sizes="any"
type="image/svg+xml"
integrity="sha256-M98b9B3uvUMZVwq/w2LOqNqYpb7fdN7B65W/r7KFAgI="
/>
<script
src="/DefaultLayout.tsxsn6qrem.js"
integrity="sha256-47aPFZqcmQXFM6fB/x8MA6/Cgc2NjM6SWCJQAtjBWmo="module
></script>
<link
href="/DefaultLayout.hi0ncjaj02.css"
rel="stylesheet"
integrity="sha256-p4WU9HOBHnO73zdJxQcrB8M8jCNe0PoW9tj8AkWKepM="
/>
<script type="module">
if ("serviceWorker" in navigator) {
navigator.serviceWorker.register("/serviceworker.jb0yhzn4if.js", {scope: "/"})
}
</script>
<script
src="/TabList.l3cvv6coof.js"
integrity="sha256-/5lQkIxKt7fHeyR3FoSEae0QyBhTGLMQnsqyRJKWAWw="module
></script>
<link
href="/TabList.y1qgxicjfi.css"
rel="stylesheet"
integrity="sha256-Gk8sWL8UlyqpbYAX8XosmwG2ISNbyzQMSNahfxZ8/qE="
/>
<script type="speculationrules">
{
"prerender": [{
"where": {
"href_matches": "/*"
},
"eagerness": "moderate"
}]
}
</script>
</head>
<body>
<template shadowrootmode="open">
<slot name="header"></slot>
<slot name="main"></slot>
<slot name="footer"></slot>
</template>
<header slot="header">
<div class="backdrop"></div>
<nav>
<button>Menu</button>
<ul>
<li>
<a href="/" aria-current="page">Progressive enhancement</a>
</li>
<li>
<a href="/streaming" >Streaming</a>
</li>
<li>
<a href="/xss" >Cross site scripting</a>
</li>
<li>
<a href="/forms" >Forms</a>
</li>
<li>
<a href="/lit" >Lit</a>
</li>
<li>
<a href="/active-search" >Active search</a>
</li>
<li>
<a href="/any-order" >Unordered streaming</a>
</li>
<li>
<a href="/swr" >Stale while revalidate</a>
</li>
<li>
<a href="/css-modules" >CSS modules</a>
</li>
</ul>
</nav>
</header>
<footer slot="footer" class="the-footer">Version: <version-number></version-number></footer>
<main role="main" slot="main">
<h2>Progressive enhancement</h2>
<p>
Whithout javascript, these tabs are just links to specific anchors on the page.
</p>
<p>
When javascript kicks in, only one panel is visible at a time and keyboard navigation works as you would expect with a tablist.
</p>
<tab-list>
<style>
@scope {
timeline-scope: --panel-1, --panel-2, --panel-3;
secti
Open service 2400:52e0:1e00:2::1330:1:443 · sample.minimalhtml.net
2025-12-31 11:32
HTTP/1.1 200 OK
Date: Wed, 31 Dec 2025 11:32:07 GMT
Content-Type: text/html
Transfer-Encoding: chunked
Connection: close
Vary: Accept-Encoding
Server: BunnyCDN-DE1-1330
CDN-PullZone: 3422495
CDN-RequestCountryCode: US
Cache-Control: no-cache
CDN-ProxyVer: 1.43
CDN-RequestPullSuccess: True
CDN-RequestPullCode: 200
CDN-CachedAt: 12/31/2025 11:32:07
CDN-EdgeStorageId: 1329
CDN-RequestId: 67ca30a256361d5aff433ced63eb0140
CDN-Cache: MISS
CDN-Status: 200
CDN-RequestTime: 0
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="view-transition" content="same-origin" />
<!-- the props -->
<script type="importmap">
{
"imports": {
"/TabList.js": "/TabList.l3cvv6coof.js", "/DefaultLayout.js": "/DefaultLayout.tsxsn6qrem.js", "/Lit.js": "/Lit.liy87v8u3g.js", "/ActiveSearch.js": "/ActiveSearch.izpqh74xny.js", "/favicon.svg": "/favicon.j8sl5ql15u.svg", "/Forms.css": "/Forms.sl9qu6brha.css", "/DefaultLayout.css": "/DefaultLayout.hi0ncjaj02.css", "/serviceworker.js": "/serviceworker.jb0yhzn4if.js", "/TabList.css": "/TabList.y1qgxicjfi.css", "/AnyOrder.css": "/AnyOrder.9m3yxitbqc.css", "/CssModules.module.js": "/CssModules.module.8nrs17xeck.js", "/CssModules.css": "/CssModules.tu8czq0d6y.css", "/.vite/manifest.json": "/.vite/manifest.hxfp31jzii.json", "/recurring-group.js": "/recurring-group.qc35o2hwrr.js"
}
}
</script>
<link
href="/favicon.j8sl5ql15u.svg"
rel="icon"
sizes="any"
type="image/svg+xml"
integrity="sha256-M98b9B3uvUMZVwq/w2LOqNqYpb7fdN7B65W/r7KFAgI="
/>
<script
src="/DefaultLayout.tsxsn6qrem.js"
integrity="sha256-47aPFZqcmQXFM6fB/x8MA6/Cgc2NjM6SWCJQAtjBWmo="module
></script>
<link
href="/DefaultLayout.hi0ncjaj02.css"
rel="stylesheet"
integrity="sha256-p4WU9HOBHnO73zdJxQcrB8M8jCNe0PoW9tj8AkWKepM="
/>
<script type="module">
if ("serviceWorker" in navigator) {
navigator.serviceWorker.register("/serviceworker.jb0yhzn4if.js", {scope: "/"})
}
</script>
<script
src="/TabList.l3cvv6coof.js"
integrity="sha256-/5lQkIxKt7fHeyR3FoSEae0QyBhTGLMQnsqyRJKWAWw="module
></script>
<link
href="/TabList.y1qgxicjfi.css"
rel="stylesheet"
integrity="sha256-Gk8sWL8UlyqpbYAX8XosmwG2ISNbyzQMSNahfxZ8/qE="
/>
<script type="speculationrules">
{
"prerender": [{
"where": {
"href_matches": "/*"
},
"eagerness": "moderate"
}]
}
</script>
</head>
<body>
<template shadowrootmode="open">
<slot name="header"></slot>
<slot name="main"></slot>
<slot name="footer"></slot>
</template>
<header slot="header">
<div class="backdrop"></div>
<nav>
<button>Menu</button>
<ul>
<li>
<a href="/" aria-current="page">Progressive enhancement</a>
</li>
<li>
<a href="/streaming" >Streaming</a>
</li>
<li>
<a href="/xss" >Cross site scripting</a>
</li>
<li>
<a href="/forms" >Forms</a>
</li>
<li>
<a href="/lit" >Lit</a>
</li>
<li>
<a href="/active-search" >Active search</a>
</li>
<li>
<a href="/any-order" >Unordered streaming</a>
</li>
<li>
<a href="/swr" >Stale while revalidate</a>
</li>
<li>
<a href="/css-modules" >CSS modules</a>
</li>
</ul>
</nav>
</header>
<footer slot="footer" class="the-footer">Version: <version-number></version-number></footer>
<main role="main" slot="main">
<h2>Progressive enhancement</h2>
<p>
Whithout javascript, these tabs are just links to specific anchors on the page.
</p>
<p>
When javascript kicks in, only one panel is visible at a time and keyboard navigation works as you would expect with a tablist.
</p>
<tab-list>
<style>
@scope {
timeline-scope: --panel-1, --panel-2, --panel-3;
secti