diff --git a/src/app/[slug]/page.tsx b/src/app/[slug]/page.tsx index 52b586c..006d0c2 100644 --- a/src/app/[slug]/page.tsx +++ b/src/app/[slug]/page.tsx @@ -1,11 +1,11 @@ import dynamic from 'next/dynamic'; import { getAlbum, getAlbums } from '@/lib/api'; import Nav from '@/lib/nav'; -import { slugToAlbumTitle } from '@/lib/slug'; +import { slugToAlbumTitle } from '@/lib/api/slug'; import { LocationIcon } from '@/lib/icons/location-icon'; import { Album } from '@/types'; -const Masonry = dynamic(() => import('@/lib/masonry'), { +const Masonry = dynamic(() => import('@/lib/images/masonry'), { ssr: false }); diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx index b513c4d..1a2b668 100644 --- a/src/app/about/page.tsx +++ b/src/app/about/page.tsx @@ -81,8 +81,8 @@ async function AboutPage() { `}

- The website is open source on GitHub, built with React and hosted on - Pages and Contentful. + The website is open source on GitHub, built with TypeScript and + React, and hosted using Pages and Contentful.

diff --git a/src/app/globals.css b/src/app/globals.css index 43cbe80..1729c05 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -29,9 +29,6 @@ } /* Animations */ -.fade-in { - animation: fadeIn 2.5s ease-in-out; -} @keyframes fadeIn { 0% { opacity: 0; @@ -40,15 +37,18 @@ opacity: 1; } } -.blink { - animation: blink 1s step-start infinite; - pointer-events: none; +.fade-in { + animation: fadeIn 2.5s ease-in-out; } @keyframes blink { 50% { opacity: 0; } } +.blink { + animation: blink 1s step-start infinite; + pointer-events: none; +} @keyframes scaleIn { 0%, 100% { @@ -73,6 +73,20 @@ animation-iteration-count: 1; animation-delay: 150ms; } +@keyframes marquee { + 0% { + left: 0; + } + 100% { + left: -100%; + } +} +.marquee div { + display: block; + position: absolute; + overflow: hidden; + animation: marquee 5s linear infinite; +} /* Lightbox */ .photoswipe--custom { diff --git a/src/lib/slug.ts b/src/lib/api/slug.ts similarity index 100% rename from src/lib/slug.ts rename to src/lib/api/slug.ts diff --git a/src/lib/masonry.tsx b/src/lib/images/masonry.tsx similarity index 94% rename from src/lib/masonry.tsx rename to src/lib/images/masonry.tsx index 3397394..385261e 100644 --- a/src/lib/masonry.tsx +++ b/src/lib/images/masonry.tsx @@ -2,7 +2,7 @@ import * as React from 'react'; import { Masonry as MasonicMasonry } from 'masonic'; -import { useLightbox } from '../hooks/use-lightbox'; +import { useLightbox } from '../../hooks/use-lightbox'; import { Photo } from '@/types'; const MasonryItem = ({ data: { url, width, height } }: { data: Photo }) => (