/* Main app - bilingual artist site */ const { useState, useEffect, useMemo, useRef } = React; const D = window.SITE_DATA; const TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{ "lang": "en", "hero": "split", "palette": "warm", "density": "loose", "showCaptions": true } /*EDITMODE-END*/; // ── i18n strings ──────────────────────────────────────────────── const STR = { de: { nav: { works: "Arbeiten", about: "Statement", exhibitions: "Ausstellungen", cv: "CV", contact: "Kontakt" }, heroTitle1: "Jana", heroTitle2: "Nowack", heroSub: "Malerei · Keramik · Fotografie · Künstlerbücher", heroMeta: ["Berlin", "MFA HGB Leipzig", "Seit 2009"], heroFeatured: "Aktuell · House of the Sun, 2025", heroQuote: "Wo gehöre ich hin? Was bedeutet es, frei zu sein? Was lässt sich verwandeln?", heroIndex: "Index der Arbeiten", aboutNum: "01 - Statement", aboutTitle: "Emotionale Landschaften, keine Orte.", aboutP1: "Jana Nowack arbeitet in den Bereichen Malerei, Keramik, Siebdruck und Fotografie und erstellt Künstlerbücher. Ihre Arbeit bewegt sich zwischen dem Expressiven und dem Investigativen, zwischen Geste und Kontemplation, zwischen dem Mythologischen und dem zutiefst Persönlichen. Wiederkehrende Motive - Pferde, Häuser, Sonnen, Sternbilder - ziehen sich wie ein roter Faden durch all ihre Werke.", aboutP2: 'Ihre Gemälde sind eher emotionale Landschaften als Orte. In Werken wie „House of the Sun“ und „Wings of the Sun“ sind weite Felder warmer Farben - Terrakotta, Gold, Koralle, Blaugrün - mit einer ruhigen Zuversicht angeordnet, als sei die Welt selbst nach einer inneren Logik neu geordnet worden.', aboutP3: "Sie wuchs mit Pferden auf. Als junge Frau reiste sie nach Island, um sie zu trainieren, und lernte dabei ihre Sprache, ihr Gewicht und ihre besondere Art von Wildheit kennen. Diese Erfahrung setzte sich tief in ihr fest und fand schließlich ihren Weg zurück durch Farbe und Ton.", aboutP4: "Für Jana ist Kunst keine Flucht, sondern eine Rekonstruktion des Selbst. Farbe wurde zu ihrer Sprache, Licht zu ihrem Raum, und die Leinwand wurde zum Ort, an dem sie entscheiden kann, wer sie ist.", aboutSigned: "Rubee June", worksNum: "02 - Arbeiten", worksTitle: "Werke", cat: { paintings: "Ausgewählte Malerei", ceramics: "Ausgewählte Keramik", prints: "Ausgewählter Siebdruck & Linoldruck", photography: "Ausgewählte Fotografie", publications: "Ausgewählte Publikationen" }, catCount: (n) => `${String(n).padStart(2, "0")} Arbeiten`, exNum: "03 - Ausgewählte Ausstellungen", exTitle: "Ausstellungen", exSub: "Auswahl 2009–2025 · Europa, USA, Südamerika", cvNum: "04 - Curriculum Vitae", cvTitle: "CV", cvSummary: "Bildende Künstlerin (MFA, HGB Leipzig, Klasse für Kunstfotografie bei Prof. Tina Bara) mit internationaler Ausstellungspraxis in Europa, den USA und Südamerika. Werke in Privatsammlungen in New York, Melbourne und Leipzig. Multimediale Praxis in Malerei, Fotografie, Siebdruck und Ton. Zwei Shortlist-Nominierungen für den Dummy Award (2013, 2021).", cvEd: "Ausbildung", cvExp: "Projekte", cvSkills: "Ausstellungen", cvPub: "Publikationen & Künstlerbücher", cvCur: "Kuratorische Tätigkeit (Auswahl)", skills: [ ["E-Mail", "ja.now.space@gmail.com"], ["Telefon", "+49 (0)30 217 58 236"], ["Instagram", "@nowackjana"], ["Studio", "Berlin, Deutschland"]], contactNum: "05 - Studio & Kontakt", contactTitle: "Kontakt", contactLabels: { email: "E-Mail", phone: "Telefon", social: "Instagram" }, rights: "© 2026 Jana Nowack · Alle Rechte vorbehalten", impressumNote: "Berlin, Deutschland" }, en: { nav: { works: "Works", about: "Statement", exhibitions: "Exhibitions", cv: "CV", contact: "Contact" }, heroTitle1: "Jana", heroTitle2: "Nowack", heroSub: "Painting · Ceramics · Photography · Artist books", heroMeta: ["Berlin", "MFA HGB Leipzig", "Since 2009"], heroFeatured: "Current · House of the Sun, 2025", heroQuote: "Where do I belong? What does it mean to be free? What can be transformed?", heroIndex: "Index of works", aboutNum: "01 - Statement", aboutTitle: "Emotional landscapes, not places.", aboutP1: "Jana Nowack works across painting, ceramics, screenprint, and photography, and makes artist books. Her practice moves between the expressive and the investigative, between gesture and contemplation, between the mythological and the deeply personal. Recurring motifs - horses, houses, suns, constellations - run like a red thread through all of her work.", aboutP2: 'Her paintings are emotional landscapes more than places. In works like “House of the Sun” and “Wings of the Sun,” broad fields of warm colour - terracotta, gold, coral, blue-green - are arranged with a quiet confidence, as if the world itself had been re-ordered according to an inner logic.', aboutP3: "She grew up with horses. As a young woman she travelled to Iceland to train them, learning their language, their weight, and their particular kind of wildness. That experience settled deep inside her and eventually found its way back out through colour and clay.", aboutP4: "For Jana, art is not an escape but a reconstruction of the self. Colour became her language, light her space, and the canvas the place where she can decide who she is.", aboutSigned: "Rubee June", worksNum: "02 - Works", worksTitle: "Works", cat: { paintings: "Selected Paintings", ceramics: "Selected Ceramics", prints: "Selected Screenprint & Linocut", photography: "Selected Photography", publications: "Selected Publications" }, catCount: (n) => `${String(n).padStart(2, "0")} works`, exNum: "03 - Selected exhibitions", exTitle: "Exhibitions", exSub: "Selection 2009–2025 · Europe, USA, South America", cvNum: "04 - Curriculum Vitae", cvTitle: "CV", cvSummary: "Visual artist (MFA, HGB Leipzig, Class of Art Photography with Prof. Tina Bara) with an international exhibition practice across Europe, the USA, and South America. Works in private collections in New York, Melbourne, and Leipzig. Multimedia practice in painting, photography, screenprint, and clay. Two shortlist nominations for the Dummy Award (2013, 2021).", cvEd: "Education", cvExp: "Projects", cvSkills: "Exhibitions", cvPub: "Publications & Artist Books", cvCur: "Curatorial Practice (Selection)", skills: [ ["Email", "ja.now.space@gmail.com"], ["Phone", "+49 (0)30 217 58 236"], ["Instagram", "@nowackjana"], ["Studio", "Berlin, Germany"]], contactNum: "05 - Studio & contact", contactTitle: "Contact", contactLabels: { email: "Email", phone: "Phone", social: "Instagram" }, rights: "© 2026 Jana Nowack · All rights reserved", impressumNote: "Berlin, Germany" } }; // ── Components ────────────────────────────────────────────────── function Nav({ lang, onLang }) { const t = STR[lang]; const [menuOpen, setMenuOpen] = useState(false); useEffect(() => { document.body.style.overflow = menuOpen ? "hidden" : ""; return () => { document.body.style.overflow = ""; }; }, [menuOpen]); const close = () => setMenuOpen(false); return ( ); } function Hero({ lang, variant, onOpen }) { const t = STR[lang]; const featured = D.paintings[0]; // House of the Sun if (variant === "fullbleed") { return (
onOpen("paintings", 0)} style={{ cursor: "zoom-in" }} aria-label={featured.title}> {featured.title}
Jana Nowack

Emotional landscapes, rather than places.

Jana Nowack works across painting, ceramics, screenprint, and photography, and makes artist books. Her practice moves between the expressive and the investigative, between gesture and contemplation, between the mythological and the deeply personal. Recurring motifs - horses, houses, suns, constellations - run like a red thread through all of her work.

↓
); } if (variant === "bigtype") { return (

{t.aboutTitle}

{t.aboutP1}

onOpen("paintings", 0)} style={{ cursor: "zoom-in" }}> {featured.title}
); } if (variant === "mosaic") { return (

{t.aboutTitle}

onOpen("paintings", 0)}>
onOpen("paintings", 3)}>
onOpen("ceramics", 0)}>
onOpen("photography", 0)}>
{t.aboutP1}
); } // split (default) return (

{t.aboutTitle}

{t.aboutP1}

onOpen("paintings", 0)} style={{ cursor: "zoom-in" }}> {featured.title}
↓
); } function Statement({ lang }) { const t = STR[lang]; return (

{t.aboutP2}

{t.aboutP3}

{t.aboutP4}

{t.aboutSigned}
); } function WorkCard({ work, lang, onOpen, idx }) { const t = STR[lang]; return (
onOpen(idx)}>
{work.title}
{work.title} {work.year} {lang === "de" ? work.medium_de : work.medium_en} · {work.size}{work[`note_${lang}`] ? <> · {work[`note_${lang}`]} : null}
); } function PubCard({ pub, lang }) { const view = lang === "de" ? pub.view_de : pub.view_en; return (
{pub.title}
{pub.title}{view ? · {view} : null} {pub.year} {lang === "de" ? pub.de : pub.en}
); } function Works({ lang, onOpen }) { const t = STR[lang]; const cats = [ { key: "paintings", items: D.paintings }, { key: "ceramics", items: D.ceramics }, { key: "prints", items: D.prints }, { key: "photography", items: D.photography }, { key: "publications", items: D.publications }]; return (

{t.worksTitle}

{cats.map((c) =>

{t.cat[c.key]}

{c.key === "publications" ? c.items.map((w, i) => ) : c.items.map((w, i) => onOpen(c.key, idx)} />)}
)}
); } function Exhibitions({ lang }) { const t = STR[lang]; return (

{t.exTitle}

{t.exSub}

{D.exhibitions.map((row, i) =>
{row.year} {lang === "de" ? row.de : row.en}
)}
); } function CV({ lang }) { const t = STR[lang]; return (

{t.cvTitle}

{t.cvSummary}

{t.cvEd}

{D.education.map((row, i) =>
{row.year} {lang === "de" ? row.de : row.en}
)}

{t.cvSkills}

{D.exhibitions.map((row, i, arr) =>
{i === 0 || arr[i - 1].year !== row.year ? row.year : ""} {lang === "de" ? row.de : row.en}
)}

{t.cvCur}

{D.curating.map((row, i) =>
{row.year} {lang === "de" ? row.de : row.en}
)}

{t.cvPub}

{D.cvPublications.map((row, i) =>
{row.year} {lang === "de" ? row.de : row.en}
)}
); } function Contact({ lang }) { const t = STR[lang]; return (

{t.contactTitle.split(" ").map((w, i, arr) => {w}{i < arr.length - 1 ? " " : ""})}

{t.contactLabels.email}
ja.now.space@gmail.com
{t.contactLabels.phone}
+49 (0)30 217 58 236
{t.contactLabels.social}
@nowackjana
{t.rights} {t.impressumNote} Site · 2026
); } function Lightbox({ open, items, idx, onClose, onPrev, onNext, lang }) { useEffect(() => { if (!open) return; const onKey = (e) => { if (e.key === "Escape") onClose(); if (e.key === "ArrowLeft") onPrev(); if (e.key === "ArrowRight") onNext(); }; window.addEventListener("keydown", onKey); document.body.style.overflow = "hidden"; return () => {window.removeEventListener("keydown", onKey);document.body.style.overflow = "";}; }, [open, onClose, onPrev, onNext]); if (!open || !items) return null; const w = items[idx]; return (
{w.title} e.stopPropagation()} />
{w.title} {lang === "de" ? w.medium_de || w.de : w.medium_en || w.en} · {w.size || ""} · {w.year}
); } // ── App ───────────────────────────────────────────────────────── function App() { const t = window.useTweaks ? window.useTweaks(TWEAK_DEFAULTS) : [TWEAK_DEFAULTS, () => {}]; const [tweaks, setTweak] = t; const [lang, setLang] = useState(tweaks.lang || "de"); // Lightbox state const [lb, setLb] = useState({ open: false, cat: null, idx: 0 }); const items = lb.cat ? D[lb.cat] : null; const openLb = (cat, idx) => setLb({ open: true, cat, idx }); const closeLb = () => setLb((s) => ({ ...s, open: false })); const prevLb = () => setLb((s) => ({ ...s, idx: (s.idx - 1 + items.length) % items.length })); const nextLb = () => setLb((s) => ({ ...s, idx: (s.idx + 1) % items.length })); // Apply palette + density at root useEffect(() => { document.documentElement.dataset.palette = tweaks.palette || "warm"; document.documentElement.dataset.density = tweaks.density || "loose"; }, [tweaks.palette, tweaks.density]); // Scroll reveal useEffect(() => { const els = document.querySelectorAll(".section, .work, .hero-art"); els.forEach((el) => el.classList.add("reveal")); const io = new IntersectionObserver((es) => { es.forEach((e) => { if (e.isIntersecting) {e.target.classList.add("in");io.unobserve(e.target);} }); }, { threshold: 0.08, rootMargin: "0px 0px -40px 0px" }); els.forEach((el) => io.observe(el)); return () => io.disconnect(); }); // Body.scrolled class - for fullbleed hero nav transition useEffect(() => { const onScroll = () => { if (window.scrollY > 80) document.body.classList.add("scrolled");else document.body.classList.remove("scrolled"); }; onScroll(); window.addEventListener("scroll", onScroll, { passive: true }); return () => window.removeEventListener("scroll", onScroll); }, []); return ( <>