Citát osoby na fotce person-quote · light
Dlaždice s fotkou osoby přes celou šířku obsahu a dvěma skleněnými kartami: text a jméno s funkcí pod žlutou linkou. S klíčem `quote` je text citát (bílé uvozovky vlevo nahoře, citát vlevo uprostřed, jméno vpravo dole); s klíčem `caption` popisek fotky (bez uvozovek, jméno vlevo uprostřed, popisek vpravo dole). Pod 1024 px leží karty pod fotkou v tmavé ploše. Ve Figmě rám „person-cta-tile“.
Pro integrátora: Povinné je `quote` NEBO `caption` — bez obou se blok nevykreslí; když jsou oba, platí `quote`. `quote` je prostý text (odstavce prázdným řádkem), `caption` omezené HTML (<strong>, <em>, <br>). Kompozici karet určuje typ textu, ne samostatný klíč: u citátu má postava stát v pravé části fotky, u popisku v levé polovině, jinak karta zakryje obličej. Fotka je obsah: `image.alt` je pro CMS povinný; bez fotky zůstane navy podklad. Jméno se zalamuje podle šířky karty — ruční zalomení do dat nepatří. Mezera nad blokem se nastavuje na stránce (`settings.spacing_top`).
Zdroj: src/_includes/blocks/person-quote/
Varianta „default“
Na našich projektech pracuje tým 120 architektů a projektantů. Díky architektonickým soutěžím a workshopům spolupracujeme s předními českými i zahraničními architekty a urbanisty.
Vzorová data (JSON)
{
"quote": "Na našich projektech pracuje tým 120 architektů a projektantů. Díky architektonickým soutěžím a workshopům spolupracujeme s předními českými i zahraničními architekty a urbanisty.",
"person": {
"name": "Dušan Kunovský",
"role": "Zakladatel a generální ředitel"
},
"image": {
"src": "/assets/images/photos/person-quote-kunovsky-1408.jpg",
"srcset": "/assets/images/photos/person-quote-kunovsky-768.jpg 768w, /assets/images/photos/person-quote-kunovsky-1408.jpg 1408w",
"webpSrcset": "/assets/images/photos/person-quote-kunovsky-768.webp 768w, /assets/images/photos/person-quote-kunovsky-1408.webp 1408w, /assets/images/photos/person-quote-kunovsky-2816.webp 2816w",
"alt": "Dušan Kunovský na terase s výhledem na Prahu",
"width": 1408,
"height": 700
}
}
Varianta „pomahame“
Vanessa-Mae, houslistka
Charitativní koncert pořádaný společností CENTRAL GROUP v O2 areně vynesl 4 miliony Kč, které byly věnovány na podporu Nadačního fondu pro zdraví dětí.
Vzorová data (JSON)
{
"caption": "Charitativní koncert pořádaný společností CENTRAL GROUP v O2 areně vynesl <strong>4 miliony Kč</strong>, které byly věnovány na podporu Nadačního fondu pro zdraví dětí.",
"person": {
"name": "Vanessa-Mae",
"role": "houslistka"
},
"image": {
"src": "/assets/images/photos/person-quote-vanessa-mae-1408.jpg",
"srcset": "/assets/images/photos/person-quote-vanessa-mae-768.jpg 768w, /assets/images/photos/person-quote-vanessa-mae-1408.jpg 1408w",
"webpSrcset": "/assets/images/photos/person-quote-vanessa-mae-768.webp 768w, /assets/images/photos/person-quote-vanessa-mae-1408.webp 1408w, /assets/images/photos/person-quote-vanessa-mae-2816.webp 2816w",
"alt": "Vanessa-Mae hraje na housle na charitativním koncertu v O2 areně",
"width": 1408,
"height": 700
}
}
Varianta „long-quote“
Na našich projektech pracuje tým 120 architektů a projektantů. Díky architektonickým soutěžím a workshopům spolupracujeme s předními českými i zahraničními architekty a urbanisty.
Nechceme stavět jen byty, ale celé čtvrti, kde se dobře žije — s parky, školami, obchody a službami na dosah. Každý projekt proto vzniká ve spolupráci s městem a jeho obyvateli.
Vzorová data (JSON)
{
"quote": "Na našich projektech pracuje tým 120 architektů a projektantů. Díky architektonickým soutěžím a workshopům spolupracujeme s předními českými i zahraničními architekty a urbanisty.\n\nNechceme stavět jen byty, ale celé čtvrti, kde se dobře žije — s parky, školami, obchody a službami na dosah. Každý projekt proto vzniká ve spolupráci s městem a jeho obyvateli.",
"person": {
"name": "Dušan Kunovský",
"role": "Zakladatel, generální ředitel a předseda představenstva skupiny"
},
"image": {
"src": "/assets/images/photos/person-quote-kunovsky-1408.jpg",
"srcset": "/assets/images/photos/person-quote-kunovsky-768.jpg 768w, /assets/images/photos/person-quote-kunovsky-1408.jpg 1408w",
"webpSrcset": "/assets/images/photos/person-quote-kunovsky-768.webp 768w, /assets/images/photos/person-quote-kunovsky-1408.webp 1408w, /assets/images/photos/person-quote-kunovsky-2816.webp 2816w",
"alt": "Dušan Kunovský na terase s výhledem na Prahu",
"width": 1408,
"height": 700
}
}
Varianta „bez-jmena“
Na našich projektech pracuje tým 120 architektů a projektantů. Díky architektonickým soutěžím a workshopům spolupracujeme s předními českými i zahraničními architekty a urbanisty.
Vzorová data (JSON)
{
"quote": "Na našich projektech pracuje tým 120 architektů a projektantů. Díky architektonickým soutěžím a workshopům spolupracujeme s předními českými i zahraničními architekty a urbanisty.",
"image": {
"src": "/assets/images/photos/person-quote-kunovsky-1408.jpg",
"srcset": "/assets/images/photos/person-quote-kunovsky-768.jpg 768w, /assets/images/photos/person-quote-kunovsky-1408.jpg 1408w",
"webpSrcset": "/assets/images/photos/person-quote-kunovsky-768.webp 768w, /assets/images/photos/person-quote-kunovsky-1408.webp 1408w, /assets/images/photos/person-quote-kunovsky-2816.webp 2816w",
"alt": "Dušan Kunovský na terase s výhledem na Prahu",
"width": 1408,
"height": 700
}
}
Varianta „bez-fotky“
Na našich projektech pracuje tým 120 architektů a projektantů. Díky architektonickým soutěžím a workshopům spolupracujeme s předními českými i zahraničními architekty a urbanisty.
Vzorová data (JSON)
{
"quote": "Na našich projektech pracuje tým 120 architektů a projektantů. Díky architektonickým soutěžím a workshopům spolupracujeme s předními českými i zahraničními architekty a urbanisty.",
"person": {
"name": "Dušan Kunovský",
"role": "Zakladatel a generální ředitel"
}
}
Varianta „empty“
Vzorová data (JSON)
{
"person": {
"name": "Jen jméno bez textu",
"role": "blok se nevykreslí"
}
}