timmypidashev/web
1
0
Fork 0
mirror of https://github.com/timmypidashev/web.git synced 2026-04-14 02:53:51 +00:00
Code Issues Packages Projects Releases Wiki Activity

mobile optimizations

Browse Source
This commit is contained in:
Timothy Pidashev
2026-04-06 14:15:26 -07:00
parent 14f9ef3ffd
commit dc7ca40b9b
3 changed files with 42 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/layouts/content.astro
View File

@@ -49,6 +49,17 @@ const ogImage = "https://timmypidashev.dev/og-image.jpg";
</style>
<script is:inline set:html={THEME_LOADER_SCRIPT} />
<script is:inline set:html={ANIMATION_LOADER_SCRIPT} />
<script>
document.addEventListener('astro:before-swap', (e) => {
// Instantly hide old page to prevent flash
document.documentElement.style.opacity = '0';
});
document.addEventListener('astro:after-swap', () => {
// Show new page immediately
document.documentElement.style.opacity = '1';
});
</script>
</head>
<body class="bg-background text-foreground min-h-screen flex flex-col">
<Header client:load />

19
src/layouts/index.astro
View File

@@ -38,8 +38,27 @@ const ogImage = "https://timmypidashev.dev/og-image.jpg";
<link rel="icon" type="image/jpeg" href="/me.jpeg" />
<link rel="sitemap" href="/sitemap-index.xml" />
<ClientRouter />
<style>
::view-transition-new(:root) {
animation: none;
}
::view-transition-old(:root) {
animation: none;
}
</style>
<script is:inline set:html={THEME_LOADER_SCRIPT} />
<script is:inline set:html={ANIMATION_LOADER_SCRIPT} />
<script>
document.addEventListener('astro:before-swap', (e) => {
// Instantly hide old page to prevent flash
document.documentElement.style.opacity = '0';
});
document.addEventListener('astro:after-swap', () => {
// Show new page immediately
document.documentElement.style.opacity = '1';
});
</script>
</head>
<body class="bg-background text-foreground overflow-hidden h-screen">
<Header client:load transparent />

11
src/layouts/resource.astro
View File

@@ -49,6 +49,17 @@ const ogImage = "https://timmypidashev.dev/og-image.jpg";
</style>
<script is:inline set:html={THEME_LOADER_SCRIPT} />
<script is:inline set:html={ANIMATION_LOADER_SCRIPT} />
<script>
document.addEventListener('astro:before-swap', (e) => {
// Instantly hide old page to prevent flash
document.documentElement.style.opacity = '0';
});
document.addEventListener('astro:after-swap', () => {
// Show new page immediately
document.documentElement.style.opacity = '1';
});
</script>
</head>
<body class="bg-background text-foreground min-h-screen flex flex-col">
<main class="flex-1 flex flex-col">