tmiller/pokemon
1
0
Fork 1
Code Issues 4 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

added gtm and custom event tracking

Browse Source
This commit is contained in:
zach
2026-02-25 14:12:11 -05:00
parent 2ebb8eb127
commit 5d9655e196
15 changed files with 103 additions and 2273 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/pages/404.astro
View File

@@ -1,6 +1,6 @@
---
import Layout from '../layouts/Main.astro';
import StickyFilter from '../components/StickyFilter.astro';
import PokedexHeader from '../components/PokedexHeader.astro';
import Image from 'astro/components/Image.astro';
const searchParams = Astro.url.searchParams;
@@ -11,16 +11,13 @@ const pokedexImage = `/404/pokedex/${randomNumber}.svg?raw`;
---
<Layout>
<StickyFilter />
<style>
</style>
<div class="container">
<PokedexHeader />
<div class="container pokedex-page">
<div class="row col-10 mx-auto mt-5">
<div class="col-12 col-md-5">
<h1 class="mb-4 mt-0">404 - Page Not Found</h1>
<h4 class="my-4">Sorry, the page you are looking for does not exist.</h4>
<p class="copy-big my-4">Return to the <a href="/">home page</a> or search for another Pokémon.</p>
<p class="copy-big my-4">Return to the <a href="/">home page</a> or search for another <a href="/pokemon">Pokémon</a>.</p>
</div>
<div class="col-12 col-md-6 offset-md-1 row">
<div class="alert alert-warning border col-12" role="alert">
@@ -32,7 +29,7 @@ const pokedexImage = `/404/pokedex/${randomNumber}.svg?raw`;
<div class="mx-auto d-flex flex-col-reverse flex-lg-row">
<div class="ratio ratio-1x1 relative">
<img class="w-100 starburst top-0 bottom-0 left-0 right-0" src="/404/glow.png">
<Image class="m-auto position-absolute w-50 top-0 left-25 bottom-10 right-0 d-block img-fluid masked-image top-50 start-50 translate-middle" src={pokedexImage} alt="Who is that Pokémon?" width={100} height={100}></Image>
<Image class="m-auto position-absolute w-75 top-0 left-25 bottom-10 right-0 d-block img-fluid masked-image top-50 start-50 translate-middle" src={pokedexImage} alt="Who is that Pokémon?" width={100} height={100}></Image>
</div>
</div>
</div>