diff --git a/app/page.tsx b/app/page.tsx
index 4e7f9e1..1af2ab6 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -1,3 +1,4 @@
+"use client"
import type { NextPage } from 'next';
import '../src/styles/reset.scss';
@@ -5,6 +6,7 @@ import About from '../src/sections/About-Projects';
import Archive from '../src/sections/Archive';
import NavigationBar from '@/src/components/navbar';
import TimerHero from '@/src/sections/Timer';
+import PhotoGallery from '@/src/sections/Photo-Gallery';
// here we will compile all the sections of the website together
const Home: NextPage = () => {
return (
@@ -13,9 +15,9 @@ const Home: NextPage = () => {
+
);
};
-export default Home;
-
+export default Home;
\ No newline at end of file
diff --git a/next.config.js b/next.config.js
index 767719f..414b4a1 100644
--- a/next.config.js
+++ b/next.config.js
@@ -1,4 +1,11 @@
/** @type {import('next').NextConfig} */
-const nextConfig = {}
+const nextConfig = {
+ experimental: {
+ serverActions: true,
+ },
+ images: {
+ domains: ['res.cloudinary.com'],
+ },
+}
module.exports = nextConfig
diff --git a/package.json b/package.json
index d7b592a..457f05c 100644
--- a/package.json
+++ b/package.json
@@ -9,17 +9,21 @@
"lint": "next lint"
},
"dependencies": {
+ "@cloudinary/react": "^1.11.2",
+ "@cloudinary/url-gen": "^1.11.2",
"@types/node": "20.5.1",
"@types/react": "^18.2.21",
"@types/react-dom": "18.2.7",
+ "cloudinary": "^1.40.0",
"eslint": "8.47.0",
"eslint-config-next": "13.4.19",
"next": "^13.4.19",
+ "next-cloudinary": "^4.22.0",
"react": "18.2.0",
- "react-animate-on-scroll": "^2.1.7",
"react-dom": "18.2.0",
"react-intersection-observer": "^9.5.2",
"react-lazyload": "^3.2.0",
+ "react-photo-album": "^2.3.0",
"react-responsive-carousel": "^3.2.23",
"typescript": "5.1.6"
},
diff --git a/public/assets/team_photos/angela.jpg b/public/assets/team_photos/angela.jpg
new file mode 100644
index 0000000..197abba
Binary files /dev/null and b/public/assets/team_photos/angela.jpg differ
diff --git a/public/assets/team_photos/cindy.jpg b/public/assets/team_photos/cindy.jpg
new file mode 100644
index 0000000..8961c7f
Binary files /dev/null and b/public/assets/team_photos/cindy.jpg differ
diff --git a/public/assets/team_photos/jackie.png b/public/assets/team_photos/jackie.png
new file mode 100644
index 0000000..647e3c0
Binary files /dev/null and b/public/assets/team_photos/jackie.png differ
diff --git a/public/assets/team_photos/khushi.jpg b/public/assets/team_photos/khushi.jpg
new file mode 100644
index 0000000..daf5f43
Binary files /dev/null and b/public/assets/team_photos/khushi.jpg differ
diff --git a/public/assets/team_photos/nicole.jpg b/public/assets/team_photos/nicole.jpg
new file mode 100644
index 0000000..6b155d9
Binary files /dev/null and b/public/assets/team_photos/nicole.jpg differ
diff --git a/public/spr-23/IMG_1517.png b/public/spr-23/IMG_1517.png
new file mode 100644
index 0000000..0e6ecae
Binary files /dev/null and b/public/spr-23/IMG_1517.png differ
diff --git a/public/spr-23/IMG_2630.png b/public/spr-23/IMG_2630.png
new file mode 100644
index 0000000..4bb27c6
Binary files /dev/null and b/public/spr-23/IMG_2630.png differ
diff --git a/public/spr-23/IMG_3041.JPG b/public/spr-23/IMG_3041.JPG
new file mode 100644
index 0000000..1a04733
Binary files /dev/null and b/public/spr-23/IMG_3041.JPG differ
diff --git a/public/spr-23/IMG_3043.JPG b/public/spr-23/IMG_3043.JPG
new file mode 100644
index 0000000..24fbd05
Binary files /dev/null and b/public/spr-23/IMG_3043.JPG differ
diff --git a/public/spr-23/IMG_3053.JPG b/public/spr-23/IMG_3053.JPG
new file mode 100644
index 0000000..0a3ff58
Binary files /dev/null and b/public/spr-23/IMG_3053.JPG differ
diff --git a/public/spr-23/IMG_3055.JPG b/public/spr-23/IMG_3055.JPG
new file mode 100644
index 0000000..8c5e258
Binary files /dev/null and b/public/spr-23/IMG_3055.JPG differ
diff --git a/public/spr-23/IMG_3062.JPG b/public/spr-23/IMG_3062.JPG
new file mode 100644
index 0000000..7c88c1d
Binary files /dev/null and b/public/spr-23/IMG_3062.JPG differ
diff --git a/public/spr-23/IMG_3066.JPG b/public/spr-23/IMG_3066.JPG
new file mode 100644
index 0000000..cfe12a3
Binary files /dev/null and b/public/spr-23/IMG_3066.JPG differ
diff --git a/public/spr-23/IMG_3069.JPG b/public/spr-23/IMG_3069.JPG
new file mode 100644
index 0000000..4e73d13
Binary files /dev/null and b/public/spr-23/IMG_3069.JPG differ
diff --git a/public/spr-23/IMG_3072.JPG b/public/spr-23/IMG_3072.JPG
new file mode 100644
index 0000000..2e8699d
Binary files /dev/null and b/public/spr-23/IMG_3072.JPG differ
diff --git a/public/spr-23/IMG_3076.JPG b/public/spr-23/IMG_3076.JPG
new file mode 100644
index 0000000..8cd5fb6
Binary files /dev/null and b/public/spr-23/IMG_3076.JPG differ
diff --git a/public/spr-23/IMG_3083.JPG b/public/spr-23/IMG_3083.JPG
new file mode 100644
index 0000000..a65bbbf
Binary files /dev/null and b/public/spr-23/IMG_3083.JPG differ
diff --git a/public/spr-23/IMG_3084.JPG b/public/spr-23/IMG_3084.JPG
new file mode 100644
index 0000000..4b47316
Binary files /dev/null and b/public/spr-23/IMG_3084.JPG differ
diff --git a/public/spr-23/IMG_3093.JPG b/public/spr-23/IMG_3093.JPG
new file mode 100644
index 0000000..cf3808c
Binary files /dev/null and b/public/spr-23/IMG_3093.JPG differ
diff --git a/public/spr-23/IMG_3103.JPG b/public/spr-23/IMG_3103.JPG
new file mode 100644
index 0000000..2e02186
Binary files /dev/null and b/public/spr-23/IMG_3103.JPG differ
diff --git a/public/spr-23/IMG_3109.JPG b/public/spr-23/IMG_3109.JPG
new file mode 100644
index 0000000..e9d019a
Binary files /dev/null and b/public/spr-23/IMG_3109.JPG differ
diff --git a/public/spr-23/IMG_7721.JPG b/public/spr-23/IMG_7721.JPG
new file mode 100644
index 0000000..4f49c8c
Binary files /dev/null and b/public/spr-23/IMG_7721.JPG differ
diff --git a/public/spr-23/IMG_7724.JPG b/public/spr-23/IMG_7724.JPG
new file mode 100644
index 0000000..5558058
Binary files /dev/null and b/public/spr-23/IMG_7724.JPG differ
diff --git a/public/spr-23/IMG_7729.JPG b/public/spr-23/IMG_7729.JPG
new file mode 100644
index 0000000..e036acb
Binary files /dev/null and b/public/spr-23/IMG_7729.JPG differ
diff --git a/public/spr-23/IMG_7739.JPG b/public/spr-23/IMG_7739.JPG
new file mode 100644
index 0000000..f367508
Binary files /dev/null and b/public/spr-23/IMG_7739.JPG differ
diff --git a/public/spr-23/IMG_7768.JPG b/public/spr-23/IMG_7768.JPG
new file mode 100644
index 0000000..e951c7a
Binary files /dev/null and b/public/spr-23/IMG_7768.JPG differ
diff --git a/public/spr-23/IMG_7771.JPG b/public/spr-23/IMG_7771.JPG
new file mode 100644
index 0000000..2ebc893
Binary files /dev/null and b/public/spr-23/IMG_7771.JPG differ
diff --git a/public/spr-23/Picsart_23-06-06_00-57-03-199.jpg b/public/spr-23/Picsart_23-06-06_00-57-03-199.jpg
new file mode 100644
index 0000000..58ea578
Binary files /dev/null and b/public/spr-23/Picsart_23-06-06_00-57-03-199.jpg differ
diff --git a/public/spr-23/Screenshot_20230605_222451_Gallery.jpg b/public/spr-23/Screenshot_20230605_222451_Gallery.jpg
new file mode 100644
index 0000000..ed44714
Binary files /dev/null and b/public/spr-23/Screenshot_20230605_222451_Gallery.jpg differ
diff --git a/public/wtr_23/IMG_2364.jpg b/public/wtr_23/IMG_2364.jpg
new file mode 100644
index 0000000..53d83ea
Binary files /dev/null and b/public/wtr_23/IMG_2364.jpg differ
diff --git a/public/wtr_23/IMG_2366.jpg b/public/wtr_23/IMG_2366.jpg
new file mode 100644
index 0000000..f38d494
Binary files /dev/null and b/public/wtr_23/IMG_2366.jpg differ
diff --git a/public/wtr_23/IMG_2367.jpg b/public/wtr_23/IMG_2367.jpg
new file mode 100644
index 0000000..e6a0af0
Binary files /dev/null and b/public/wtr_23/IMG_2367.jpg differ
diff --git a/public/wtr_23/IMG_2372.jpg b/public/wtr_23/IMG_2372.jpg
new file mode 100644
index 0000000..7283ea9
Binary files /dev/null and b/public/wtr_23/IMG_2372.jpg differ
diff --git a/public/wtr_23/IMG_2388.jpg b/public/wtr_23/IMG_2388.jpg
new file mode 100644
index 0000000..7b9bce0
Binary files /dev/null and b/public/wtr_23/IMG_2388.jpg differ
diff --git a/public/wtr_23/IMG_2390.jpg b/public/wtr_23/IMG_2390.jpg
new file mode 100644
index 0000000..36b83d2
Binary files /dev/null and b/public/wtr_23/IMG_2390.jpg differ
diff --git a/public/wtr_23/IMG_2392.jpg b/public/wtr_23/IMG_2392.jpg
new file mode 100644
index 0000000..ae14dae
Binary files /dev/null and b/public/wtr_23/IMG_2392.jpg differ
diff --git a/public/wtr_23/IMG_2395.jpg b/public/wtr_23/IMG_2395.jpg
new file mode 100644
index 0000000..feaeb26
Binary files /dev/null and b/public/wtr_23/IMG_2395.jpg differ
diff --git a/public/wtr_23/IMG_2397.jpg b/public/wtr_23/IMG_2397.jpg
new file mode 100644
index 0000000..e99eb64
Binary files /dev/null and b/public/wtr_23/IMG_2397.jpg differ
diff --git a/public/wtr_23/PXL_20230407_002442180.jpg b/public/wtr_23/PXL_20230407_002442180.jpg
new file mode 100644
index 0000000..68de330
Binary files /dev/null and b/public/wtr_23/PXL_20230407_002442180.jpg differ
diff --git a/public/wtr_23/PXL_20230407_002630504.jpg b/public/wtr_23/PXL_20230407_002630504.jpg
new file mode 100644
index 0000000..6dcd51d
Binary files /dev/null and b/public/wtr_23/PXL_20230407_002630504.jpg differ
diff --git a/public/wtr_23/PXL_20230407_002733801.MP.jpg b/public/wtr_23/PXL_20230407_002733801.MP.jpg
new file mode 100644
index 0000000..9b911d7
Binary files /dev/null and b/public/wtr_23/PXL_20230407_002733801.MP.jpg differ
diff --git a/public/wtr_23/PXL_20230407_003044701.jpg b/public/wtr_23/PXL_20230407_003044701.jpg
new file mode 100644
index 0000000..5df0146
Binary files /dev/null and b/public/wtr_23/PXL_20230407_003044701.jpg differ
diff --git a/public/wtr_23/PXL_20230407_003133700.jpg b/public/wtr_23/PXL_20230407_003133700.jpg
new file mode 100644
index 0000000..dff4156
Binary files /dev/null and b/public/wtr_23/PXL_20230407_003133700.jpg differ
diff --git a/public/wtr_23/PXL_20230407_003149003.jpg b/public/wtr_23/PXL_20230407_003149003.jpg
new file mode 100644
index 0000000..3169688
Binary files /dev/null and b/public/wtr_23/PXL_20230407_003149003.jpg differ
diff --git a/public/wtr_23/PXL_20230407_003553652.jpg b/public/wtr_23/PXL_20230407_003553652.jpg
new file mode 100644
index 0000000..07e61c6
Binary files /dev/null and b/public/wtr_23/PXL_20230407_003553652.jpg differ
diff --git a/src/components/team-card/index.tsx b/src/components/team-card/index.tsx
index 3fbe407..6fea27d 100644
--- a/src/components/team-card/index.tsx
+++ b/src/components/team-card/index.tsx
@@ -36,18 +36,21 @@ const project_people = [
name: "Jackie Piepkorn",
role: "VP AI Events",
discord: "devitoinaspeedo",
+ picture: "/assets/team_photos/jackie.png",
alt: "Jackie Picture"
},
{
name: "Cindy Peng",
role: "Design TED",
discord: "cinpen#3504",
+ picture: "/assets/team_photos/cindy.jpg",
alt: "Cindy Picture"
},
{
name: "Nicole Gong",
role: "Design TED",
discord: "lalanicole",
+ picture: "/assets/team_photos/nicole.jpg",
alt: "Nicole Picture"
},
{
@@ -60,12 +63,14 @@ const project_people = [
name: "Angela Hu",
role: "Hack TED",
discord: "angela.__.hu",
+ picture: "/assets/team_photos/angela.jpg",
alt: "Angela Picture"
},
{
name: "Khushi Patel",
role: "Hack TED",
discord: "dolphin2765",
+ picture: "/assets/team_photos/khushi.jpg",
alt: "Khushi Picture"
}
]
@@ -77,12 +82,17 @@ const TeamCards: React.FC = () => {
{project_people.map((person, index) => (
-
-
-
{person.name}
-
{person.role}
-
{person.discord}
-
+ {/* right now I am manually cropping to 3:4 */}
+
+ {/* trying to set the picture so that it automatically goes to 3:4 aspect ratio with Image, but doesnt work */}
+ {/*
+
+
*/}
+
+
{person.name}
+
{person.role}
+
{person.discord}
+
))}
diff --git a/src/components/team-card/style.module.scss b/src/components/team-card/style.module.scss
index 3970c9d..8b89061 100644
--- a/src/components/team-card/style.module.scss
+++ b/src/components/team-card/style.module.scss
@@ -49,4 +49,11 @@
margin-bottom: 1rem;
font-weight: 500;
}
-}
\ No newline at end of file
+
+ .picContainer {
+ position: relative;
+ width: 100%;
+ height: 100%;
+ }
+}
+
diff --git a/src/sections/Photo-Gallery/NextJsImage.tsx b/src/sections/Photo-Gallery/NextJsImage.tsx
new file mode 100644
index 0000000..d2cc0d4
--- /dev/null
+++ b/src/sections/Photo-Gallery/NextJsImage.tsx
@@ -0,0 +1,22 @@
+import Image from "next/image";
+import type { RenderPhotoProps } from "react-photo-album";
+import { CldImage } from 'next-cloudinary';
+import s from "./style.module.scss"
+
+export default function NextJsImage({
+ photo,
+ imageProps: { alt, title, sizes, className, onClick },
+ wrapperStyle,
+}: RenderPhotoProps) {
+ return (
+