From a24689131c3d8ae25443ddeabb22b3ec9e0b01e0 Mon Sep 17 00:00:00 2001
From: Chuck Dries <chuck@chuckdries.com>
Date: Sun, 16 Oct 2022 17:20:34 -0700
Subject: [PATCH] add shoot the light, add pics, add 3xl breakpoint

---
 data/gallery/DSC02647.jpg         | 4 ++--
 data/gallery/DSC03049.jpg         | 4 ++--
 data/gallery/DSC03442.jpg         | 4 ++--
 data/gallery/DSC03455.jpg         | 4 ++--
 data/gallery/DSC03477.jpg         | 4 ++--
 data/gallery/DSC04114.jpg         | 3 +++
 data/gallery/DSC04122.jpg         | 3 +++
 src/components/MasonryGallery.tsx | 2 ++
 src/pages/photogallery.tsx        | 6 ++++--
 tailwind.config.js                | 1 +
 10 files changed, 23 insertions(+), 12 deletions(-)
 create mode 100644 data/gallery/DSC04114.jpg
 create mode 100644 data/gallery/DSC04122.jpg

diff --git a/data/gallery/DSC02647.jpg b/data/gallery/DSC02647.jpg
index e8fffb0..ee312be 100644
--- a/data/gallery/DSC02647.jpg
+++ b/data/gallery/DSC02647.jpg
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:d0d58cd1197ed2e52033085046c873a891ec7c3390756543818f27d346fdab3c
-size 3272089
+oid sha256:0d43fc5729b7500b1c47fc4b3accb0d89a32e7149cb19ea127a8b79eee21cf17
+size 3269544
diff --git a/data/gallery/DSC03049.jpg b/data/gallery/DSC03049.jpg
index 9bacbb9..3793353 100644
--- a/data/gallery/DSC03049.jpg
+++ b/data/gallery/DSC03049.jpg
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:b50afa3a0633a5b10dce7d1b16376cca1fe2faff9ea46fe7e2b6db177fae5b95
-size 4865397
+oid sha256:d9a081a2091f928a69e76180882e098717f6e4ab9f8828b56c89f012503d9f47
+size 4862946
diff --git a/data/gallery/DSC03442.jpg b/data/gallery/DSC03442.jpg
index d8b2584..ae98fb6 100644
--- a/data/gallery/DSC03442.jpg
+++ b/data/gallery/DSC03442.jpg
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:b7717d1195891059fcaaeb9f15ddb12a8fe08af2641746e08a2c343ad0a9c9cb
-size 3328914
+oid sha256:2d52a7535b8992185a59d59f9936f6c27dab34551289042f63d612f9f2d67f6b
+size 3326655
diff --git a/data/gallery/DSC03455.jpg b/data/gallery/DSC03455.jpg
index fa8c36c..6b15f5d 100644
--- a/data/gallery/DSC03455.jpg
+++ b/data/gallery/DSC03455.jpg
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:597cbe05e7c8bc9e34b6e557d49212ca682b5ed357f4f55cfa655c78905088aa
-size 4620701
+oid sha256:b09dbe97279a2a5fcf4ca6b5ec50753d6d5833dc09ee0b4bad316f0986389183
+size 4618449
diff --git a/data/gallery/DSC03477.jpg b/data/gallery/DSC03477.jpg
index 745f6e4..8b6086e 100644
--- a/data/gallery/DSC03477.jpg
+++ b/data/gallery/DSC03477.jpg
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:daeb8f1c27d8b3dd9e7ed2773f3400858f1a170d6bb4ef0df18da8849c1e4259
-size 2962579
+oid sha256:7f955f17a685364b29032266e84a4a150d5398b3c1e491d08f885c59493ff043
+size 2960293
diff --git a/data/gallery/DSC04114.jpg b/data/gallery/DSC04114.jpg
new file mode 100644
index 0000000..5ab3555
--- /dev/null
+++ b/data/gallery/DSC04114.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:77febce061c39fad7b84aa20cf605007bf5eb85a6583830485eb69a76206a347
+size 4108675
diff --git a/data/gallery/DSC04122.jpg b/data/gallery/DSC04122.jpg
new file mode 100644
index 0000000..c77456f
--- /dev/null
+++ b/data/gallery/DSC04122.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:ac586ad846142daa7ec39b0bb1d711f3f077015448058dd7611f701443f31f9d
+size 4786697
diff --git a/src/components/MasonryGallery.tsx b/src/components/MasonryGallery.tsx
index 2ae73a8..2338e09 100644
--- a/src/components/MasonryGallery.tsx
+++ b/src/components/MasonryGallery.tsx
@@ -33,12 +33,14 @@ const MasonryGallery = ({
   debugRating,
   linkState,
 }: MasonryGalleryProps) => {
+  console.log("🚀 ~ file: MasonryGallery.tsx ~ line 38 ~ themeBreakpoints", themeBreakpoints)
   const breakpoints = React.useMemo(
     () => R.pick(R.keys(aspectTargetsByBreakpoint), themeBreakpoints),
     [aspectTargetsByBreakpoint]
   );
 
   const { breakpoint } = useBreakpoint(breakpoints, "sm");
+  console.log("🚀 ~ file: MasonryGallery.tsx ~ line 43 ~ breakpoint", breakpoint)
 
   const aspectRatios = React.useMemo(
     () => R.map(getAspectRatio, images).filter(Boolean),
diff --git a/src/pages/photogallery.tsx b/src/pages/photogallery.tsx
index cf79be4..24dc869 100644
--- a/src/pages/photogallery.tsx
+++ b/src/pages/photogallery.tsx
@@ -183,6 +183,7 @@ const GalleryPage = ({ data }: PageProps<Queries.GalleryPageQueryQuery>) => {
               "fireworks",
               "panoramic",
               "Portland Japanese Garden",
+              "shoot the light",
               // "sunset",
             ]}
             onChange={setKeyword}
@@ -195,7 +196,7 @@ const GalleryPage = ({ data }: PageProps<Queries.GalleryPageQueryQuery>) => {
               onSelectionChange={setSortKey}
               selectedKey={sortKey}
             >
-              <Item key="rating">Default</Item>
+              <Item key="rating">Curated</Item>
               <Item key="date">Date</Item>
               <Item key="hue">Hue</Item>
             </Picker>
@@ -209,7 +210,8 @@ const GalleryPage = ({ data }: PageProps<Queries.GalleryPageQueryQuery>) => {
           md: 4,
           lg: 4,
           xl: 5,
-          // '2xl': 6.1,
+          '2xl': 6.1,
+          '3xl': 7.5,
         }}
         debugHue={sortKey === "hue_debug"}
         debugRating={sortKey === "rating" && showDebug}
diff --git a/tailwind.config.js b/tailwind.config.js
index 7863362..0797140 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -12,6 +12,7 @@ module.exports = {
       lg: "1024px",
       xl: "1280px",
       "2xl": "1536px",
+      "3xl": "2500px",
       portrait: { raw: "(orientation: portrait)" },
       landscape: { raw: "(orientation: landscape)" },
     },