Commit Graph

31 Commits

Author SHA1 Message Date
popovskik b05d642c5b content(hub, kafanska): photo swaps, crop, wording + remove a photo on request
MSOS Hub (mk):
- "пијано" -> "клавир" (text + amenity) — correct Macedonian term
- Гледање спорт card photo re-cropped to remove a person who asked to be
  left out
- hub-shot-1: replaced cleaning photo with the floor-sanding photo
- hub-shot-3: replaced window selfie with the ladder-painting photo
  (both watermarked © msosorg.com to match)

Kafanska večer: removed one gallery photo at a participant's request —
deleted from the content source (en/mk/si), the rendered project pages,
the site-wide gallery pages, and removed the image file itself.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-08-30 14:02:17 +02:00
popovskik 8d90fcddac content(teambuilding-2026): remove two photos from event page + gallery
Remove the "a-new-space-for-the-community-3" (toast) and "additional-12"
(diploma) photos from the Teambuilding / MSOS Hub opening event: drop the
inline article image and both gallery thumbnails, promote one hidden thumb to
keep 5 visible, and correct the "+more" badges and album photo count
(16 -> 14). Delete the two now-orphaned webp files. All three languages.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-08-27 15:31:51 +02:00
popovskik 903faf54fe content(mss-2026): add sponsor logo + event banners, update venue to NLB branch
- Add Capital Asset Management sponsor logo (images/partners/capital.png),
  replacing the plain-text sponsor name in the event partners row.
- Set the in-article hero to the clean event banner (mss-2026-hero.webp) and
  the News/homepage listing cards to the sponsor-strip promo variant
  (mss-2026-card.webp) via a new front-matter `card:` field.
- Update the venue everywhere (event page key info + prose + confirmation
  text, and the homepage promo banner) to
  "НЛБ експозитура, локација East Gate Mall, Скопје" (EN: NLB branch;
  SI: poslovalnica NLB), across all three languages.

Build tooling: build_content emits an optional data-card on the hero <img>;
build_listings prefers data-card as the listing thumbnail so the card can
differ from the in-article hero. Rebuilt news pages, listings and search index.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-08-27 07:05:41 +02:00
popovskik a963aade36 content(projects): swap event placeholders for real photos + copy cleanup
Replace event-placeholder.svg with real .webp photos across all 2025-2026
event/project pages (EN/MK/SI), updating OG/Twitter/JSON-LD image refs,
inline article images, and content/events/*.md. Also Latinize EN/SI titles
(e.g. "Kafanska večer") and drop empty "In numbers" TOC sections.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-08-25 22:25:26 +02:00
popovskik dc7b8b6809 content(projects): add 7 events/projects (2025-2026) with photo placeholders
Add trilingual (EN/MK/SI) event pages for seven MSOS activities:
- Joint Walk "Path Around the Wire" (May 2025)
- Kafanska vecher (May 2025)
- Watching the Macedonia-Wales match (Nov 2025)
- Team-building and MSOS Hub opening (Feb 2026)
- SEPA webinar with the National Bank of RNM (May 2026)
- President Siljanovska-Davkova lecture at UL (May 2026)
- Morning Coffee in front of CTK, 4th edition (Jun 2026)

Each page uses a neutral placeholder image (images/event-placeholder.svg)
in every hero/inline/gallery slot, with captions describing the intended
photo so real images can be dropped in later. Pages follow the existing
event template (narrative sections + scrollspy + photo gallery); no
"At a glance" classification box.

Wires the events into the Projects hub (filter cards), News hub, sitemap,
bot-discovery files and the offline search index. Unrelated pages were
kept out of this commit to avoid build-tool encoding churn.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-08-22 17:58:04 +02:00
popovskik e8604a9665 Gallery: photos open lightbox, add project button, watermark our photos
Gallery flow:
- Album covers now open the photo lightbox directly (full album set), while
  the title/"Read the story" link opens the article. Previously the whole card
  linked to the article and photos were only at the bottom of it.
- Each album carries its full photo set in a hidden js-lightbox grid; added
  main.js support for [data-lightbox-target] cover triggers.
- Added the missing main.js include on the gallery page (its lightbox, mobile
  menu and language switcher never ran before).
- Lightbox gained an optional "Read the story ->" button (data-project-url /
  data-project-label) shown only for gallery albums.

Watermark:
- Baked a subtle "(c) msosorg.com" watermark (bottom-right, sized per image)
  into 114 of our own event/community photos. Stock/partner/logo/icon images
  excluded. Clean originals backed up to images/_originals/ (git-ignored); the
  script always re-derives from them so re-runs never stack.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-08-08 01:55:34 +02:00
popovskik a15e9f20f1 About Us: real member photos in the carousel + richer hero
- "Our members & friends" carousel now uses 22 curated, web-optimised photos
  (members-01..22.webp) from the members & friends library, chosen for warmth,
  smiles, hugs, events, team and community; applied to EN/MK/SI, with the
  seamless-loop duplicate set and per-language alt text. Old placeholder
  event photos removed.
- Hero slideshow enriched with 6 new candid 1920px slides (group hug, pizza,
  picnic, coffee, night group, arms-up cheer) interleaved among the existing
  crowd shots; the JS picks up all slides automatically (now 17).

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-08-08 00:02:02 +02:00
popovskik 0bbc06c6bc changes.txt #9.2 & #9.4: team hero + members/friends appreciation
#9.2 Full-width auto-rotating team hero (crossfade every 4.5s, transparent blue
overlay) directly under the About Us title — 11 landscape photos supplied by MSOS.

#9.4 "Our members & friends" appreciation section after Mission & Vision: a
contained photo carousel + name chips. Photos and names are PLACEHOLDERS
(names in "First L." format) pending the full members list.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-08-05 16:41:28 +02:00
popovskik 4c27ebb105 Carousels: drag + position dots, and real Become-a-member photos
Convert the Hub / Become-a-member carousels from a pure-CSS marquee to a
JS-driven scroller with click-and-drag, touch swipe, and progress dots
(setupHubCarousel). Turn the "ways to be part of MSOS" cards into hub-style
photo cards and add the final Become-a-member photos (WebP).

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-08-05 15:54:06 +02:00
popovskik 764cf1ee66 Add real Hub photos to msos-hub sections
Replace the temporary placeholder images in the "What you can do here"
and "A glimpse of the space" sections with the final Hub photos
(converted to WebP) across EN/MK/SI, and drop the placeholder notes.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-08-05 12:50:28 +02:00
popovskik b1a2a62f1b content: add real photos + captions to all Student Welcome Guide pages
Replace the "Image placeholder" boxes on all 30 guide subpages + the guide
landing hero with real, optimized photos and captions, EN/MK/SI (93 figures).

- 31 source photos (up to 18 MB) optimized to WebP (<=1400px, all <500 KB)
  as images/guide-<slug>.webp.
- Captions follow the Get-to-Know style: description + "Photo:/Фото:/Foto:"
  + linked source (or MSOS for own event photos). Photographer credits kept.
  MK/SI descriptions are translated (proofread welcome).
- CSS: move the banner crop from the figure onto the <img> so the caption
  shows below it (was clipped by the figure's fixed height + overflow).

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-08-04 12:58:45 +02:00
popovskik f5dfd8830e Hub redesign, per-language logos, partner carousel, footer + menu fixes
MSOS Hub page:
- "What you can do here": Porsche-style vertical image cards in a
  continuous auto-scrolling marquee with edge fades (real photos placeholders)
- "A glimpse of the space": full-bleed band of 4 connected photos
- "A space we built together": full-bleed image banner with blue gradient overlay
- "Made possible by": partner logo tiles (Cultural Association + Ministry);
  processed Ministry + Cultural Association logos from source art
- Copy/spacing polish; removed em-dashes; larger section spacing; deeper
  final-CTA gradient so it no longer blends into the footer

Branding / partners:
- Per-language MSOS logos (SVG) in header + footer across all pages
- Partner carousel: added Ministry (wide variant), Cultural Association,
  Embassy of North Macedonia, and Spletni Mojster (width-capped); de-duplicated
  logos within each marquee group so new logos appear sooner

Footer:
- Build credit line (Spletni Mojster + Kristijan), clean centered text
- Synced MK/SI footers to EN (added missing About us + Timeline links)

Landing page:
- FAQ short CTA already avatar design (FAQ page kept its Email/Viber block)
- Swapped blurry stock video thumbnail for the real team photo
- Removed the intentional hero-background blur

Navigation:
- Mobile menu: use 100dvh so the language selector is reachable with submenus open
- Desktop: dropdown parents no longer navigate to dead "/#" links

Language suggestion banner:
- Dismissible, browser-language based banner suggesting the matching locale;
  remembers choice in localStorage and waits for the cookie-consent choice
  to avoid overlapping the consent card

Removed stale *.html.bak backup files.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-08-03 14:06:53 +02:00
popovskik 788084e094 Add article dates, brand OG image, launch SEO checklist
- Add datePublished/dateModified to Article JSON-LD on the 11 dated
  articles (curated once from EN, applied to all languages)
- Replace og-default.jpg with the official brand OG image (1200x630)
- Add docs/launch-seo-checklist.md (go-live steps: redirects, Search
  Console, analytics, rich-result validation, monitoring)

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-08-02 12:38:20 +02:00
popovskik 314667f692 SEO polish: OG image, favicons, 404, article schema, image optimization
- Add branded 1200x630 og-default.jpg; article pages use their hero as
  og:image, others use the default
- Wire the existing (previously unlinked) favicon set into every page
- Add branded 404.html with root-absolute paths + noindex
- Emit Article + localized BreadcrumbList JSON-LD on all article pages
- Convert 74 heavy served photos to WebP (28MB -> 8.5MB, -70%), rewrite
  references, add loading=lazy/decoding=async to below-fold images and
  fetchpriority=high to heroes (protect LCP)
- Stop tracking images/original/ (458MB of unused source masters; kept on
  disk, gitignored) and ignore .playwright-mcp/

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-08-02 12:15:53 +02:00
popovskik 31487ad83e Add "How to open a Slovenian bank account" blog post (EN/MK/SI)
- New scrollspy article page in all three languages, with guide-style
  warning callout, sourced link list + last-checked line, and standard
  author + newsletter blocks
- Blog listing featured card now links to the article and shows the hero
  photo + read-time instead of the "coming soon" placeholder
- Add hero image and cropped MSOS emblem avatar; add .blog-read-time and
  .blog-feat-thumb--image styles

MK/SI translations are AI-produced and need a native-speaker proofread.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-08-02 10:37:45 +02:00
popovskik ac09e9eff5 Update proof-of-means to 507,43 EUR, add announcement page, European number format (EN)
- Update the residence-permit "sufficient means" figure to 507,43 EUR/month
  (Slovenian basic minimum income from 1 April 2026, source gov.si) across the
  guide, FAQ, budget note, sample parent statement and my-route tip; replaces
  the old 484,88 everywhere.
- New standalone news announcement page /<lang>/news/proof-of-means-updated-2026/
  (trilingual), published 1 August 2026, with a clickable gov.si source box and a
  hero image (Pixabay, credited). news.js now supports announcement items
  (slug + body) and shows them newest-first on the homepage and News hub; the
  image doubles as the card thumbnail. Optimised 6.98MB to 255KB.
- Switch English EUR amounts to European format (comma decimal, dot thousands):
  507,43 / 9.600 / 1.000 etc. Only euro-prefixed amounts are touched, so SI/MK
  (which use a euro suffix) are unaffected. New generator eurofmt.js.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-08-01 11:48:22 +02:00
popovskik 5a94c62456 Partners marquee: use real partner logos (all languages), trim logo whitespace
Add the auto-scrolling partners marquee to all three home pages (en/si/mk) with the six official partner logos (Embassy of Slovenia in Skopje, NLB, CTK, DSMP, Kampus, Povezani), trimmed to their artwork so they size consistently.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-07-31 22:25:48 +02:00
popovskik cc849fa6dd Vendor language flags locally and add scrolling partners marquee
Flags: replace flag-icons CDN with local SVGs (images/flags/{gb,si,mk}.svg) referenced as CSS backgrounds, so no external dependency and no per-page path issues. Partners: replace the static home-page logo row with a seamless auto-scrolling, hover-pausing marquee (CSS-only, reduced-motion aware, edge fade).

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-07-31 22:16:54 +02:00
popovskik bf70a10a14 Finish the Macedonia stories and enrich image captions
Complete the three remaining Macedonia stories with sourced photos, so
both country sections are now fully illustrated.

Articles (EN/SI/MK each), placeholders replaced with real images:
- A Table Full of Macedonia (shared table, tavče gravče, ajvar,
  pastrmajlija).
- Music, Dance and the Moments That Bring Us Together (oro celebration,
  tapan and zurla, kopachkata, an MSOS event).
- History You Can Still Walk Through (Stobi, Heraclea Lyncestis, Kokino,
  Makedonium).
Each image is center-cropped to a uniform 3:2, downscaled, and given an
attribution caption with place, photographer where known, and source
link.

Captions:
- Replace bare one-word labels with a short descriptive phrase in all
  three languages, so a caption reads "Kokino, a prehistoric megalithic
  observatory" rather than just "Kokino". Applies across the food,
  culture, and heritage stories.
- Support an author-only credit with no external link, used for the
  photo from the MSOS archive.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-07-29 12:02:14 +02:00
popovskik 7502e5db27 Add the remaining Get to Know stories with sourced images
Complete the two country sections with the place, food, culture, and
heritage stories, so every hub card now leads to a full article instead
of a pending page.

Articles (EN/SI/MK each):
- Slovenia: Lake Bled Beyond the Famous View, A First Taste of Slovenian
  Food, Slovenian Habits That May Surprise You, and Slovenia's Stories in
  Stone and Tradition.
- Macedonia: Ohrid, More Than a Postcard, plus the earlier Skopje and
  Ljubljana stories that were still untracked.
- Table, Music and Dance, and History articles for Macedonia are in place
  and still use image placeholders until their photos are sourced.

Images:
- Real, sourced photos wired into every finished article, each with an
  attribution caption (place, photographer where known, source link).
  Images are center-cropped to a uniform 3:2 and downscaled; webp and
  jfif sources converted to jpg.
- Each article's hero image is reused on its hub card.
- Welcome to Macedonia now opens with Macedonia Square in Skopje; the
  Church of St. John at Kaneo photo moves to the Ohrid story.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-07-29 11:04:06 +02:00
popovskik 8ca03d5886 Add Get to Know Slovenia and Macedonia sections with Welcome articles
Launch the two country sections as a cultural bridge, following the
approved Phase A spec and reusing the Events & Projects structure.

Hubs (6 pages, EN/SI/MK each):
- get-to-know-slovenia and get-to-know-macedonia
- Section header + newsletter form, 6-category filter (Places & Nature,
  Culture & Traditions, Food & Flavours, History & Heritage,
  People & Identity), 6 launch cards, empty state, client-side pagination.
- Five cards per hub link to articles that arrive in later batches.

Articles (6 pages, EN/SI/MK each):
- Welcome to Slovenia and Welcome to Macedonia, full text with the
  auto-generated table of contents and sticky mobile header.
- Real, sourced images with attribution captions (place, photographer,
  source link). Wikimedia photos also link the CC BY-SA licence and note
  that the image was cropped. Images center-cropped to a uniform 3:2 and
  downscaled. Each article's hero image is reused on its hub card.

Site-wide:
- Wire the For Students menu links (desktop and mobile) to the new hubs on
  every page and in the header templates; rename the menu label from
  North Macedonia to Macedonia (formal name kept in body content).
- Placeholder styles for images and cards still awaiting a sourced photo.
- Add caption styling for the hero image and give the article table of
  contents clear separation from the footer.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-07-28 17:56:08 +02:00
popovskik 69a9011b0e Add five 2025 event blogs (EN/SI/MK), remove placeholders
Add the 2025 events batch to the Events & Projects section, each as a
full article page in all three languages following the established
template (auto-generated TOC, sticky mobile header, inline figures):

- Humanitarian sports tournament in Maribor (05 Apr 2025)
- Public gathering for the Kocani victims (21 Mar 2025)
- Paint & Wine at Sunset in Gorizia (08 Mar 2025, with aftermovie embed)
- Public gathering for Frosina Kulakova (08 Feb 2025)
- Watching handball together in Slovenia (25 Jan 2025)

Also:
- Add 33 event images to images/ (oversized JPGs downscaled to <=1600px).
- Add localized cards for the five events to the EN/SI/MK listing pages.
- Remove the two placeholder cards (Bill Walsh, PM mental models) and
  delete the testproject article folders they linked to.
- Convert punctuation dashes in the new copy to commas or sentence
  breaks for a more human tone; keep compound-word hyphens.
- Add docs handover brief for the future Get to know Slovenia and
  North Macedonia sections.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-07-28 15:44:23 +02:00
Mark Poljanšek eb3b804dbc Popravki za homepage
Deploy to Production on Develop Push / deploy (push) Successful in 1m36s Details
2025-09-09 13:25:10 +02:00
Mark Poljanšek 28c097a959 Posodobljeni meniji pri clankih
Deploy to Production on Develop Push / deploy (push) Successful in 1m15s Details
2025-09-09 00:08:51 +02:00
Mark Poljanšek 90055985fd Homepage update
Deploy to Production on Develop Push / deploy (push) Successful in 1m43s Details
2025-09-08 22:52:15 +02:00
Mark Poljanšek 0346b10f6e popravki
Deploy to Production on Develop Push / deploy (push) Successful in 1m32s Details
2025-09-04 23:46:04 +02:00
Mark Poljanšek 66c4631769 Posodobljen about us
Deploy to Production on Develop Push / deploy (push) Successful in 1m33s Details
2025-09-04 23:34:11 +02:00
Mark Poljanšek 544791f37e Dodajanje about us in timeline
Deploy to Production on Develop Push / deploy (push) Successful in 1m13s Details
2025-09-02 15:54:18 +02:00
Mark Poljanšek 0b5d53abb9 posodobitve headerjev in optimizacija slik
Deploy to Production on Develop Push / deploy (push) Successful in 1m7s Details
2025-08-25 16:16:29 +02:00
Mark Poljanšek 4e2eda277f 2 nova članka
Deploy to Production on Develop Push / deploy (push) Successful in 1m11s Details
2025-08-25 15:43:46 +02:00
Mark Poljanšek 79150b21d2 Prvotna verzija spletne strani 2025-08-21 11:06:11 +02:00