added gtm and custom event tracking

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

View File

@@ -40,7 +40,7 @@
// @import 'bootstrap/scss/progress';
// @import 'bootstrap/scss/spinners';
@import 'bootstrap/scss/tables';
// @import 'bootstrap/scss/toasts';
@import 'bootstrap/scss/toasts';
// @import 'bootstrap/scss/tooltip';
@import 'bootstrap/scss/transitions';

View File

@@ -75,12 +75,25 @@
}
}
.image-grow {
transition-property: box-shadow, transform;
transition-duration: 350ms;
transition-timing-function: ease;
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.24);
}
.image-grow:is(:hover, :focus) {
box-shadow: 0px 8px 10px 1px rgba(0, 0, 0, 0.2);
transform: translateY(-.9rem) scale(1.02);
}
.card-modal {
background-color: rgba(1, 11, 18, 0.8);
cursor: default;
}
.card-grid {
.pokedex-page {
position: relative;
@media (min-width: 768px) {
top: 100px !important;
@@ -175,7 +188,6 @@ $tiers: (
.masked-image {
z-index: 1000;
opacity: 100%;
mix-blend-mode: normal;
filter: brightness(0);
}
@@ -565,23 +577,6 @@ $hdr-big-btn-width: $hdr-side-width - $hdr-logo-width - 2 * $hdr-big-btn-margin;
border-radius: 0 0 $border-radius-hdr 0;
}
/* INVERTED ROUNDED CORNER under overhang L */
.header-content:after {
content: "";
display: block;
position: absolute;
/* tuck behind header bg */
z-index: -1;
height: $border-radius-hdr * 2;
width: $border-radius-hdr * 2;
border-top: $border-radius-hdr solid hsl(210, 11%, 15%);
border-left: $border-radius-hdr solid hsl(210, 11%, 15%);
top: $hdr-side-total-height - $border-radius-hdr;
left: -1*$border-radius-hdr;
/* top left */
border-radius: $border-radius-hdr * 2 0 0 0;
}
/* match backgrounds to blend */
.header-logo, .header-social {
background-color: hsl(358, 71%, 48%);
@@ -683,23 +678,6 @@ $hdr-big-btn-width: $hdr-side-width - $hdr-logo-width - 2 * $hdr-big-btn-margin;
background: none;
}
/* INVERTED ROUNDED CORNER under menu - right */
.nav-main:after {
content: "";
display: block;
position: absolute;
/* tuck behind nav-main a:hover */
z-index: -1;
height: $border-radius-hdr * 2;
width: $border-radius-hdr * 2;
border-top: $border-radius-hdr solid hsl(210, 11%, 15%);
border-right: $border-radius-hdr solid hsl(210, 11%, 15%);
bottom: -1*$border-radius-hdr;
right: -1*$border-radius-hdr;
/* top right */
border-radius: 0 $border-radius-hdr * 2 0 0;
}
.nav-main ul {
padding: 0 0 $hdr-menu-item-padding-bottom 2px; /* nudge links right */
background: $body-bg;