diff --git a/.gitignore b/.gitignore index 101f5b5b02..bb918439c9 100644 --- a/.gitignore +++ b/.gitignore @@ -2,4 +2,5 @@ _gen node_modules .DS_STORE -hugo.exe \ No newline at end of file +hugo.exe + diff --git a/assets/scss/_components.scss b/assets/scss/_components.scss index bffe19ae22..4897897793 100644 --- a/assets/scss/_components.scss +++ b/assets/scss/_components.scss @@ -8,6 +8,7 @@ @import "components/faq-question"; @import "components/faq-topic"; @import "components/footer"; +@import "components/gallery"; @import "components/hack_the_tunnels"; @import "components/hack_the_tunnels_challenge"; @import "components/header"; diff --git a/assets/scss/components/_gallery.scss b/assets/scss/components/_gallery.scss new file mode 100644 index 0000000000..ea77a99934 --- /dev/null +++ b/assets/scss/components/_gallery.scss @@ -0,0 +1,68 @@ +.gallery-collections { + display: grid; + grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); + gap: 16px; + padding: 32px 0; +} + +.gallery-card { + display: block; + text-decoration: none; + color: var(--light); + + img { + width: 100%; + height: 240px; + object-fit: cover; + aspect-ratio: 1; + display: block; + } + + .gallery-card-title { + font-size: 1rem; + font-weight: 600; + margin-top: 8px; + } + + .gallery-card-count { + font-size: 0.85rem; + color: var(--theme); + margin-top: 4px; + } + + &:hover img { + opacity: 0.85; + } +} + +.photo-grid { + display: grid; + grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); + gap: 8px; + padding: 32px 0; + + a { + display: block; + aspect-ratio: 1; + overflow: hidden; + + img { + width: 100%; + height: 100%; + object-fit: cover; + display: block; + transition: opacity 0.2s; + + &:hover { + opacity: 0.85; + } + } + } +} + +@media (max-width: 360px) { + .gallery-collections, + .photo-grid { + grid-template-columns: 1fr; + } +} diff --git a/content/gallery/_index.md b/content/gallery/_index.md new file mode 100644 index 0000000000..df52dc27f7 --- /dev/null +++ b/content/gallery/_index.md @@ -0,0 +1,2 @@ +title: Gallery +layout:gallery \ No newline at end of file diff --git a/content/gallery/ciena-networking-night-2026/carletonLogo.jpg b/content/gallery/ciena-networking-night-2026/carletonLogo.jpg new file mode 100644 index 0000000000..305fe52129 Binary files /dev/null and b/content/gallery/ciena-networking-night-2026/carletonLogo.jpg differ diff --git a/content/gallery/ciena-networking-night-2026/cienaLogo.png b/content/gallery/ciena-networking-night-2026/cienaLogo.png new file mode 100644 index 0000000000..521772403a Binary files /dev/null and b/content/gallery/ciena-networking-night-2026/cienaLogo.png differ diff --git a/content/gallery/ciena-networking-night-2026/cienaNetworkingNight.png b/content/gallery/ciena-networking-night-2026/cienaNetworkingNight.png new file mode 100644 index 0000000000..bc0eb8e199 Binary files /dev/null and b/content/gallery/ciena-networking-night-2026/cienaNetworkingNight.png differ diff --git a/content/gallery/ciena-networking-night-2026/index.md b/content/gallery/ciena-networking-night-2026/index.md new file mode 100644 index 0000000000..21b00534a7 --- /dev/null +++ b/content/gallery/ciena-networking-night-2026/index.md @@ -0,0 +1,5 @@ +--- +title: Ciena Networking Night +date: 2026-03-18 +layout: gallery-single +--- \ No newline at end of file diff --git a/content/gallery/comp-final-study-sessions-2026/COMP_finalStudySession.png b/content/gallery/comp-final-study-sessions-2026/COMP_finalStudySession.png new file mode 100644 index 0000000000..d8de360ae0 Binary files /dev/null and b/content/gallery/comp-final-study-sessions-2026/COMP_finalStudySession.png differ diff --git a/content/gallery/comp-final-study-sessions-2026/CS.jpg b/content/gallery/comp-final-study-sessions-2026/CS.jpg new file mode 100644 index 0000000000..0e49f37871 Binary files /dev/null and b/content/gallery/comp-final-study-sessions-2026/CS.jpg differ diff --git a/content/gallery/comp-final-study-sessions-2026/Study.jpeg b/content/gallery/comp-final-study-sessions-2026/Study.jpeg new file mode 100644 index 0000000000..39b6b96c36 Binary files /dev/null and b/content/gallery/comp-final-study-sessions-2026/Study.jpeg differ diff --git a/content/gallery/comp-final-study-sessions-2026/index.md b/content/gallery/comp-final-study-sessions-2026/index.md new file mode 100644 index 0000000000..00e16f5ee2 --- /dev/null +++ b/content/gallery/comp-final-study-sessions-2026/index.md @@ -0,0 +1,5 @@ +--- +title: COMP Final Study Session +date: 2026-04-10 +layout: gallery-single +--- \ No newline at end of file diff --git a/content/gallery/end-of-year-bbq-2026/BBQ_pic.webp b/content/gallery/end-of-year-bbq-2026/BBQ_pic.webp new file mode 100644 index 0000000000..50dcf4902d Binary files /dev/null and b/content/gallery/end-of-year-bbq-2026/BBQ_pic.webp differ diff --git a/content/gallery/end-of-year-bbq-2026/EOY_BQQ.png b/content/gallery/end-of-year-bbq-2026/EOY_BQQ.png new file mode 100644 index 0000000000..0f504bba1d Binary files /dev/null and b/content/gallery/end-of-year-bbq-2026/EOY_BQQ.png differ diff --git a/content/gallery/end-of-year-bbq-2026/Hangout.jpg b/content/gallery/end-of-year-bbq-2026/Hangout.jpg new file mode 100644 index 0000000000..cb3751d1db Binary files /dev/null and b/content/gallery/end-of-year-bbq-2026/Hangout.jpg differ diff --git a/content/gallery/end-of-year-bbq-2026/index.md b/content/gallery/end-of-year-bbq-2026/index.md new file mode 100644 index 0000000000..841b68f06c --- /dev/null +++ b/content/gallery/end-of-year-bbq-2026/index.md @@ -0,0 +1,5 @@ +--- +title: End Of Year BBQ +date: 2026-03-27 +layout: gallery-single +--- \ No newline at end of file diff --git a/layouts/_default/gallery-single.html b/layouts/_default/gallery-single.html new file mode 100644 index 0000000000..8b9dc87d8d --- /dev/null +++ b/layouts/_default/gallery-single.html @@ -0,0 +1,17 @@ +{{ define "main" }} + {{- partial "navbar_temp.html" . -}} +
+
+
+ +

{{ .Title }}

+ + {{ $images := .Resources.Match "*.{jpg,jpeg,png,webp}" }} + {{- partial "gallery-photo-grid.html" (dict "images" $images) -}} + + Back to Gallery + +
+
+
+{{ end }} diff --git a/layouts/_default/gallery.html b/layouts/_default/gallery.html new file mode 100644 index 0000000000..3886e693f7 --- /dev/null +++ b/layouts/_default/gallery.html @@ -0,0 +1,41 @@ +{{ define "main" }} + {{- partial "navbar_temp.html" . -}} +
+
+
+ +
+ {{ range .Pages }} + {{ $page := . }} + {{ $images := .Resources.Match "*.{jpg,jpeg,png,webp}" }} + {{ $cover := .Resources.GetMatch "cover.*" }} + {{ if not $cover }} + {{ $cover = index $images 0 }} + {{ end }} + {{ with $cover }} + {{ $thumb := $cover.Fill "500x500 webp q85" }} + + {{ $page.Title }} +
{{ $page.Title }}
+
{{ len $images }} photos
+ + {{ end }} + {{ end }} +
+ + {{ $loosePhotos := .Resources.Match "*.{jpg,jpeg,png,webp}" }} + {{ with $loosePhotos }} +

Latest Photos

+ {{- partial "gallery-photo-grid.html" (dict "images" .) -}} + {{ end }} + +
+
+
+{{ end }} diff --git a/layouts/partials/gallery-photo-grid.html b/layouts/partials/gallery-photo-grid.html new file mode 100644 index 0000000000..5aadd10269 --- /dev/null +++ b/layouts/partials/gallery-photo-grid.html @@ -0,0 +1,16 @@ +{{ $images := .images }} +
+ {{ range $images }} + {{ $thumb := .Fill "500x500 webp q85" }} + {{ $full := .Resize "1600x webp q82" }} + + {{ .Name }} + + {{ end }} +