diff --git a/.gitignore b/.gitignore index 14910d4b..aa0e9df7 100644 --- a/.gitignore +++ b/.gitignore @@ -2,3 +2,4 @@ images/original/ .playwright-mcp/ code_export.txt +images/_originals/ diff --git a/css/components/_lightbox.css b/css/components/_lightbox.css index 17c91aec..a31e67e7 100644 --- a/css/components/_lightbox.css +++ b/css/components/_lightbox.css @@ -59,6 +59,19 @@ text-align: center; color: rgba(255, 255, 255, 0.85); font-size: 14px; padding: 0 24px; } +/* "Go to project" button (only shown for gallery-page albums) */ +.lightbox-project { + position: absolute; bottom: 46px; left: 50%; transform: translateX(-50%); + display: inline-flex; align-items: center; + padding: 9px 18px; border-radius: 999px; + background: #E8833A; color: #FFFFFF; + font-size: 14px; font-weight: 600; text-decoration: none; + box-shadow: 0 6px 18px rgba(0, 0, 0, 0.35); + transition: background 0.15s ease, transform 0.15s ease; +} +.lightbox-project::after { content: "\00a0\2192"; } +.lightbox-project:hover { background: #D9752E; transform: translateX(-50%) translateY(-1px); } +.lightbox-project[hidden] { display: none; } @media (max-width: 700px) { .event-gallery { margin: 36px 0 8px; } diff --git a/css/main.css b/css/main.css index 949bfff7..8eeaacd6 100644 --- a/css/main.css +++ b/css/main.css @@ -43,6 +43,7 @@ @import 'pages/_hub.css'; @import 'pages/_legal.css'; @import 'pages/_gallery.css'; +@import 'pages/_press.css'; /* Loaded last so the shared filter bar wins over per-page chip styles. */ @import 'pages/_filterbar.css'; \ No newline at end of file diff --git a/css/pages/_about.css b/css/pages/_about.css index 8c1ba6ac..ba74ce79 100644 --- a/css/pages/_about.css +++ b/css/pages/_about.css @@ -546,17 +546,29 @@ .appr-intro { margin-bottom: 40px; } .appreciation-names { - display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 12px; - max-width: 900px; margin: 0 auto; -} -@media (prefers-reduced-motion: reduce) { - .appr-track { animation: none; } - /* no movement => show all cards evenly, no focal zoom/dim */ - .appr-card { transform: scale(0.92); filter: none; } + max-width: 940px; margin: 0 auto; + column-count: 4; column-gap: 44px; } .appr-name { - display: inline-block; padding: 8px 16px; border-radius: 999px; - background: #F2F7F9; border: 1px solid #E1ECF0; color: #2D5F72; - font-size: 15px; font-weight: 600; + display: flex; align-items: baseline; gap: 10px; + break-inside: avoid; padding: 10px 2px; + font-size: 15px; font-weight: 500; color: #475467; + border-bottom: 1px solid #EEF1F4; + transition: color 0.15s ease; } +.appr-name::before { + content: ""; flex: 0 0 auto; + width: 5px; height: 5px; border-radius: 50%; + background: #2D738C; opacity: 0.5; transform: translateY(-2px); +} +.appr-name:hover { color: #101828; } +.appr-name:hover::before { opacity: 1; } +@media (max-width: 900px) { .appreciation-names { column-count: 3; column-gap: 32px; } } +@media (max-width: 600px) { .appreciation-names { column-count: 2; column-gap: 24px; } } + +.appr-thanks { + max-width: 720px; margin: 48px auto 0; text-align: center; + font-size: 17px; line-height: 29px; color: #475467; +} +.appr-thanks strong { display: block; margin-top: 10px; color: #101828; font-weight: 600; } .appreciation-note { font-size: 13px; color: #98A2B3; margin: 26px auto 0; font-style: italic; } diff --git a/css/pages/_gallery.css b/css/pages/_gallery.css index 496436a2..9e8a5caf 100644 --- a/css/pages/_gallery.css +++ b/css/pages/_gallery.css @@ -19,6 +19,18 @@ } .gallery-lead { font-size: 18px; line-height: 28px; color: #475467; margin: 0; } +/* Photo rights note (also reused on the Events & projects page) */ +.photo-rights-note { + max-width: 1180px; + margin: 0 auto; + padding: 0 24px 64px; + font-size: 14px; + line-height: 22px; + color: #667085; + text-align: center; +} +.photo-rights-note a { color: #2D738C; } + /* ---------- Album grid ---------- */ .gallery-albums { max-width: 1180px; margin: 0 auto; padding: 28px 24px 88px; @@ -43,7 +55,15 @@ } .album-link-wrap { display: block; text-decoration: none; color: inherit; } -/* The collage: 1 large tile (left) + 2 stacked tiles (right) */ +/* Story link (title/date/meta) — opens the article */ +.album-story-link { display: block; text-decoration: none; color: inherit; } +.album-story-link .read-link::after { content: "\00a0\2192"; } + +/* Hidden per-album photo set that feeds the lightbox */ +.eg-hidden-gallery { display: none; } + +/* The collage: 1 large tile (left) + 2 stacked tiles (right). + It is a + +

Meet Student Slovenia 2024

16.09.2024

12 photosRead the story

-
+ +
- -
+
-
+ + View photos + + +

Meet Student Slovenia 2023

18.09.2023

10 photosRead the story

-
+ +
- -
+
-
+ + View photos + + +

Humanitarian Tournament in Maribor

05.04.2025

10 photosRead the story

-
+ +
- -
+
-
+ + View photos + + +

Macedonian Student Night in Ljubljana

08.10.2022

7 photosRead the story

-
+ +
- -
+
-
+ + View photos + + +

Paint & Wine at Sunset

08.03.2025

9 photosRead the story

-
+ +
- -
+
-
+ + View photos + + +

Watching Handball Together in Slovenia

25.01.2025

7 photosRead the story

-
+ +
- -
+
-
+ + View photos + + +

Morning Coffee in front of CTK

08.06.2024

7 photosRead the story

-
+ +
- -
+
-
+ + View photos + + +

In Memory of Frosina Kulakova

08.02.2025

3 photosRead the story

-
+ +
- -
+
-
+ + View photos + + +

In Memory of the Kochani Victims

21.03.2025

4 photosRead the story

-
+ +
+

The photos in this gallery belong to MSOS. Please do not reuse them without our written permission. To request use, or to ask us to remove a photo you appear in, email info@msosorg.com. See our Official information page for details.

@@ -369,6 +475,7 @@

Organisation

About us Timeline and milestones + Press & media Contact us + @@ -275,6 +286,7 @@

Organisation

About us Timeline and milestones + Press & media Contact us +

The event photos on this website belong to MSOS. Please do not reuse them without our written permission. To request use, or to ask us to remove a photo you appear in, email info@msosorg.com. See our Official information page for details.

@@ -402,6 +403,7 @@

Organisation

About us Timeline and milestones + Press & media Contact us + @@ -275,6 +286,7 @@

Организација

За нас Времеплов и достигнувања + Печат и медиуми Контактирајте нè +

Фотографиите од настаните на оваа веб-страница се сопственост на МСОС. Ве молиме не ги користите повторно без наша писмена дозвола. За да побарате употреба или да побарате да отстраниме фотографија на која се појавувате, пишете на info@msosorg.com. Повеќе на нашата страница Официјални информации.

@@ -402,6 +403,7 @@

Организација

За нас Времеплов и достигнувања + Печат и медиуми Контактирајте нè + @@ -275,6 +286,7 @@

Organizacija

O nas Časovnica in dosežki + Za medije Kontaktirajte nas +

Fotografije z dogodkov na tem spletnem mestu so last MSOS. Prosimo, da jih ne uporabljate brez našega pisnega dovoljenja. Za prošnjo za uporabo ali za odstranitev fotografije, na kateri ste, nam pišite na info@msosorg.com. Več na naši strani Uradni podatki.

@@ -402,6 +403,7 @@

Organizacija

O nas Časovnica in dosežki + Za medije Kontaktirajte nas