sliding modals, view transitions, accessibility, etc, etc

This commit is contained in:
zach
2026-03-11 15:21:43 -04:00
parent 7482cb9e9c
commit 3d46a48a7d
20 changed files with 708 additions and 519 deletions

View File

@@ -1,13 +1,11 @@
---
import '/src/assets/css/main.scss';
const { title } = Astro.props;
---
<!DOCTYPE html>
<html lang="en" data-bs-theme="dark">
<head>
<script is:inline>
window.dataLayer = window.dataLayer || [];
</script>
<!-- Google Tag Manager -->
<script is:inline>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
@@ -17,10 +15,10 @@ import '/src/assets/css/main.scss';
<!-- End Google Tag Manager -->
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="htmx-config" content='{"historyCacheSize": 50}'></meta>
<meta name="htmx-config" content='{"historyCacheSize": 50}'/>
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<link rel="icon" href="/favicon.ico" />
<title>Rigid's App Thing</title>
<title>{title}</title>
</head>
<body>
<!-- Google Tag Manager (noscript) -->
@@ -40,7 +38,7 @@ import '/src/assets/css/main.scss';
</div>
<script src="https://cdn.jsdelivr.net/npm/htmx.org@2.0.8/dist/htmx.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.4.1/chart.umd.min.js"></script>
<script src="../assets/js/main.js"></script>
<script src="https://unpkg.com/htmx.org@1.9.10"></script>
</body>
</html>