diff --git a/src/pages/[productLookup].astro b/src/pages/[productLookup].astro index d32b4fc..6e290fb 100644 --- a/src/pages/[productLookup].astro +++ b/src/pages/[productLookup].astro @@ -48,7 +48,7 @@ const brand: Brand = ALL_BRANDS.find(b => b.slug === product.brandStoreSlug)!; {product?.name}
-
+
{product?.amazonProductDetails?.imageUrls !== undefined && product?.amazonProductDetails?.imageUrls.length == 1 && {product?.amazonProductDetails?.title} @@ -58,14 +58,14 @@ const brand: Brand = ALL_BRANDS.find(b => b.slug === product.brandStoreSlug)!; { return { src: productUrl }; } )||[]} /> }
-
+
{product?.amazonProductDetails?.title}

{product?.amazonProductDetails?.reviewCount} Reviews { product?.brandStoreSlug && - + }

{ product?.description && @@ -100,21 +100,20 @@ const brand: Brand = ALL_BRANDS.find(b => b.slug === product.brandStoreSlug)!; min-width: 800px; max-width: calc(100% - 2rem); color: white; - font-size: 20px; + font-size: 16pt; line-height: 1.6; } .center { text-align: center; } h1 { - font-size: 4rem; - font-weight: 700; + font-size: 2rem; line-height: 1; margin-bottom: 1em; font-family: "Holtwood One SC", sans-serif; font-weight: 600; font-style: bold; - /* text-shadow: -5px -5px 0 rgba(var(--accent-dark), 17%), 3px -3px 0 rgba(var(--accent-light), 10%), -2px 2px 0 rgba(var(--accent-light), 5%), 5px 5px 0 rgba(var(--accent-light), 10%); */ + text-shadow: -3px -3px 3px rgba(var(--accent-light), 7%), 1px -1px 0 rgba(var(--accent-light), 10%), -2px 2px 0 rgba(var(--accent-light), 5%), 3px 3px 0 rgba(var(--accent-light), 10%); } .text-gradient { background-image: var(--accent-gradient); @@ -166,11 +165,15 @@ const brand: Brand = ALL_BRANDS.find(b => b.slug === product.brandStoreSlug)!; } a, a:link, a:visited { text-decoration: none; color: #fff } a:hover, a:active { text-decoration: underline; color: #fff } - .item-metadata { + .item-metadata-key { text-transform: uppercase; color: #ccc; font-weight: 600; - font-size: 12pt; + font-size: 11pt; + } + .item-metadata-value { + color: #fff; + font-weight: 600; } .custom-btn-container { background-color: #23262d; diff --git a/src/pages/about.astro b/src/pages/about.astro index 31bfc22..3cf5119 100644 --- a/src/pages/about.astro +++ b/src/pages/about.astro @@ -125,21 +125,21 @@ import { ALL_CATEGORIES } from '../data/categories'; min-width: 800px; max-width: calc(100% - 2rem); color: white; - font-size: 20px; + font-size: 16pt; line-height: 1.6; } .center { text-align: center; } h1 { - font-size: 4rem; + font-size: 3rem; font-weight: 700; line-height: 1; margin-bottom: 1em; font-family: "Holtwood One SC", sans-serif; font-weight: 600; font-style: bold; - /* text-shadow: -5px -5px 0 rgba(var(--accent-dark), 17%), 3px -3px 0 rgba(var(--accent-light), 10%), -2px 2px 0 rgba(var(--accent-light), 5%), 5px 5px 0 rgba(var(--accent-light), 10%); */ + text-shadow: -5px -5px 3px rgba(var(--accent-light), 7%), 3px -3px 0 rgba(var(--accent-light), 10%), -2px 2px 0 rgba(var(--accent-light), 5%), 5px 5px 0 rgba(var(--accent-light), 10%); } .text-gradient { background-image: var(--accent-gradient); diff --git a/src/pages/brand/[brandLookup].astro b/src/pages/brand/[brandLookup].astro index 4bd5bfa..9cf380a 100644 --- a/src/pages/brand/[brandLookup].astro +++ b/src/pages/brand/[brandLookup].astro @@ -67,21 +67,21 @@ const isAnyAmazon = brandProducts.find(p => p.amazonLink) || false; min-width: 800px; max-width: calc(100% - 2rem); color: white; - font-size: 20px; + font-size: 16pt; line-height: 1.6; } .center { text-align: center; } h1 { - font-size: 4rem; + font-size: 3rem; font-weight: 700; line-height: 1; margin-bottom: 1em; font-family: "Holtwood One SC", sans-serif; font-weight: 600; font-style: bold; - /* text-shadow: -5px -5px 0 rgba(var(--accent-dark), 17%), 3px -3px 0 rgba(var(--accent-light), 10%), -2px 2px 0 rgba(var(--accent-light), 5%), 5px 5px 0 rgba(var(--accent-light), 10%); */ + text-shadow: -5px -5px 3px rgba(var(--accent-light), 7%), 3px -3px 0 rgba(var(--accent-light), 10%), -2px 2px 0 rgba(var(--accent-light), 5%), 5px 5px 0 rgba(var(--accent-light), 10%); } .text-gradient { background-image: var(--accent-gradient); @@ -151,7 +151,7 @@ const isAnyAmazon = brandProducts.find(p => p.amazonLink) || false; display: grid; grid-template-columns: repeat(auto-fill, minmax(48ch, 1fr)); /* grid-template-columns: repeat(3, 1fr); */ - gap: 2rem; + gap: 2em; padding: 0; } a, a:link, a:visited { text-decoration: none; color: #fff } diff --git a/src/pages/category/[categoryLookup].astro b/src/pages/category/[categoryLookup].astro index 187cec3..260ab3e 100644 --- a/src/pages/category/[categoryLookup].astro +++ b/src/pages/category/[categoryLookup].astro @@ -57,14 +57,14 @@ const isAnyAmazon = categoryProducts.find(p => p.amazonLink) || false; text-align: center; } h1 { - font-size: 4rem; + font-size: 3rem; font-weight: 700; line-height: 1; margin-bottom: 1em; font-family: "Holtwood One SC", sans-serif; font-weight: 600; font-style: bold; - /* text-shadow: -5px -5px 0 rgba(var(--accent-dark), 17%), 3px -3px 0 rgba(var(--accent-light), 10%), -2px 2px 0 rgba(var(--accent-light), 5%), 5px 5px 0 rgba(var(--accent-light), 10%); */ + text-shadow: -5px -5px 3px rgba(var(--accent-light), 7%), 3px -3px 0 rgba(var(--accent-light), 10%), -2px 2px 0 rgba(var(--accent-light), 5%), 5px 5px 0 rgba(var(--accent-light), 10%); } .text-gradient { background-image: var(--accent-gradient); @@ -110,7 +110,7 @@ const isAnyAmazon = categoryProducts.find(p => p.amazonLink) || false; display: grid; grid-template-columns: repeat(auto-fill, minmax(48ch, 1fr)); /* grid-template-columns: repeat(3, 1fr); */ - gap: 2rem; + gap: 2em; padding: 0; } a, a:link, a:visited { text-decoration: none; color: #fff } diff --git a/src/pages/index.astro b/src/pages/index.astro index d79f2f9..aaaaecc 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -40,7 +40,7 @@ import { getProductsForCategoryId } from '../data/products'; min-width: 800px; max-width: calc(100% - 2rem); color: white; - font-size: 20px; + font-size: 16pt; line-height: 1.6; } .center { @@ -54,7 +54,7 @@ import { getProductsForCategoryId } from '../data/products'; font-family: "Holtwood One SC", sans-serif; font-weight: 600; font-style: bold; - /* text-shadow: -5px -5px 0 rgba(var(--accent-dark), 17%), 3px -3px 0 rgba(var(--accent-light), 10%), -2px 2px 0 rgba(var(--accent-light), 5%), 5px 5px 0 rgba(var(--accent-light), 10%); */ + text-shadow: -5px -5px 3px rgba(var(--accent-light), 7%), 3px -3px 0 rgba(var(--accent-light), 10%), -2px 2px 0 rgba(var(--accent-light), 5%), 5px 5px 0 rgba(var(--accent-light), 10%); } .text-gradient { background-image: var(--accent-gradient); @@ -88,12 +88,14 @@ import { getProductsForCategoryId } from '../data/products'; } .link-card-grid { display: grid; - grid-template-columns: repeat(auto-fit, minmax(48ch, 1fr)); - gap: 2rem; + grid-template-columns: repeat(auto-fit, minmax(15rem, 3fr)); + gap: 1em; padding: 0; } .link-card-grid.brands { display: flex; + gap: 0.5em; + padding: 0; place-items: center; } a, a:link, a:visited { text-decoration: none; color: #fff }