diff --git a/data/gallery/DSC00003.jpg b/data/gallery/DSC00003.jpg new file mode 100644 index 0000000..2067cd8 --- /dev/null +++ b/data/gallery/DSC00003.jpg @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:e68efc4efb3693ed3f3b33d440612ea0c83e686b6e853acad940d089832c19d4 +size 2274940 diff --git a/data/gallery/DSC00159-2.jpg b/data/gallery/DSC00159-2.jpg new file mode 100644 index 0000000..a460d94 --- /dev/null +++ b/data/gallery/DSC00159-2.jpg @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:538e6fc385233fb671a73b3224696ba427ea01c72c24d539808beea47971dfff +size 1645788 diff --git a/data/gallery/DSC06719.jpg b/data/gallery/DSC06719.jpg new file mode 100644 index 0000000..e328855 --- /dev/null +++ b/data/gallery/DSC06719.jpg @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:fe0e1d627c62e974ce83549dd576b4bf35a08361709f020480724a69e2b9931f +size 4551505 diff --git a/data/gallery/DSC06803.jpg b/data/gallery/DSC06803.jpg new file mode 100644 index 0000000..34561b1 --- /dev/null +++ b/data/gallery/DSC06803.jpg @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:e8c722de9d907e690f570ebba949fffafb58e5b9cff9b5f99b4c432eb97d72fa +size 3362829 diff --git a/data/gallery/DSC08263.jpg b/data/gallery/DSC08263.jpg new file mode 100644 index 0000000..89e11d5 --- /dev/null +++ b/data/gallery/DSC08263.jpg @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:2500a823af382c96b5eb35312869c2c13664f1127f736e7922dacf52f6a4aded +size 2789643 diff --git a/data/gallery/DSC09447.jpg b/data/gallery/DSC09447.jpg new file mode 100644 index 0000000..9ee16f3 --- /dev/null +++ b/data/gallery/DSC09447.jpg @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:17283f62133d5370f0f0bf81dee3aaf93dfa79e416980199bca6362b35415ae0 +size 2800958 diff --git a/data/gallery/DSC09454.jpg b/data/gallery/DSC09454.jpg new file mode 100644 index 0000000..65b3730 --- /dev/null +++ b/data/gallery/DSC09454.jpg @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:97984b32ffd8f625f9e152f9360fccba8b1c23f7347d1fecd3a7482d1aa90b9f +size 2234093 diff --git a/src/components/ListBox.tsx b/src/components/ListBox.tsx index c55d1c4..d275e8a 100644 --- a/src/components/ListBox.tsx +++ b/src/components/ListBox.tsx @@ -91,7 +91,7 @@ function Option({ item, state }: OptionProps) { return (
  • { const [isClient, setIsClient] = React.useState(false); React.useEffect(() => { @@ -83,6 +85,14 @@ const MasonryGallery = ({ }, ]; } + // no-op instead of starting a new row + if (singleRow) { + return [ + ...acc, + currentRow, + ] + } + // start a new row return [ ...acc, currentRow, diff --git a/src/pages/photogallery.tsx b/src/pages/photogallery.tsx index f963ce8..ac2b043 100644 --- a/src/pages/photogallery.tsx +++ b/src/pages/photogallery.tsx @@ -20,7 +20,8 @@ const SORT_KEYS = { hue: ["fields", "imageMeta", "vibrantHue"], rating: ["fields", "imageMeta", "meta", "Rating"], hue_debug: ["fields", "imageMeta", "dominantHue", 0], - date: [], + date: ["fields", "imageMeta", "dateTaken"], + modified: ["fields", "imageMeta", "meta", "ModifyDate"] } as const; export type GalleryImage = @@ -128,13 +129,13 @@ const GalleryPage = ({ data }: PageProps) => { const images: GalleryImage[] = React.useMemo(() => { const sort = - sortKey === "date" + sortKey === "date" || sortKey === "modified" ? R.sort((node1: typeof data["all"]["nodes"][number], node2) => { const date1 = new Date( - R.pathOr("", ["fields", "imageMeta", "dateTaken"], node1) + R.pathOr("", SORT_KEYS[sortKey], node1) ); const date2 = new Date( - R.pathOr("", ["fields", "imageMeta", "dateTaken"], node2) + R.pathOr("", SORT_KEYS[sortKey], node2) ); return -1 * (date1.getTime() - date2.getTime()); }) @@ -210,6 +211,7 @@ const GalleryPage = ({ data }: PageProps) => { "3xl": 8, }} images={data.recents.nodes} + singleRow />

    All images

    @@ -256,7 +258,8 @@ const GalleryPage = ({ data }: PageProps) => { selectedKey={sortKey} > Curated - Date + Date Updated + Date taken Hue
    diff --git a/src/utils.ts b/src/utils.ts index 1d15d98..bb93290 100644 --- a/src/utils.ts +++ b/src/utils.ts @@ -55,6 +55,9 @@ const gcd = (a: number, b: number): number => { }; export const getShutterFractionFromExposureTime = (exposureTime: number) => { + if (exposureTime === 0.3333333333333333) { + return "1/3"; + } if (exposureTime === 0.03333333333333333) { return "1/30"; }