Files
Church-of-Kosmo/index.html
T
tomas.kracmar 8b0f143226
Docs Check / lint-and-links (push) Successful in 18s
Docs Check / translation-parity (push) Failing after 18s
feat: teach the pillars to speak in two tongues
Add side-by-side Czech/English translations throughout index.html:
- pillar cards now carry both voices (knowledge, balance, compassion, continuity)
- symbol descriptions echo in two languages
- headings and footer motto remember their origin
- connect panel speaks before it links

No monolingual soul was harmed in the making of this commit.
2026-06-02 09:02:10 +02:00

254 lines
12 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Church of Kosmo</title>
<meta
name="description"
content="Church of Kosmo — a fellowship for people trying to live with more knowledge, more balance, and more purpose."
>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&amp;family=Space+Grotesk:wght@400;500;700&amp;display=swap"
rel="stylesheet"
>
<script defer data-domain="kosmo.church" src="https://plausible.postblue.cz/js/script.js"></script>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="sky" aria-hidden="true"></div>
<div class="orb orb-left" aria-hidden="true"></div>
<div class="orb orb-right" aria-hidden="true"></div>
<header class="site-header">
<a class="brand" href="#top">
<span class="brand-mark"></span>
<span>Church of Kosmo</span>
</a>
<nav class="site-nav" aria-label="Primary">
<a href="#about">O Kosmu / About</a>
<a href="#symbols">Symboly / Symbols</a>
<a href="#connect">Spojení / Connect</a>
</nav>
</header>
<main id="top">
<section class="hero section">
<div class="hero-center">
<div class="seal-frame">
<img
src="assets/site/seal-of-continuity.svg"
alt="Seal of Continuity with a double spiral inside a circle of twelve stars"
>
</div>
<h1 class="founding-date">20 . 3 . 2026</h1>
<p class="founding-time">15:46</p>
<p class="founding-equinox">Jarní rovnodennost / Vernal equinox</p>
<p class="founding-subtitle">Kosmos Universalis / Church of Kosmo</p>
<blockquote class="invocation">
Through knowledge we remember. Through balance we endure. Through
compassion we renew. Through continuity we return.
</blockquote>
</div>
<div class="bilingual-grid">
<article class="language-card" lang="cs">
<p class="language-label">Čeština</p>
<h2>Kosmos Universalis</h2>
<p class="lede">
Dnes máme přístup k více znalostem než kdykoli předtím —
a přesto se mnoha z nás nedostává ničeho, co by jim dávalo
smysl.
</p>
<p>
Kosmos Universalis vychází z jednoduchého přesvědčení:
vesmír má řád a lidé vždy nacházeli smysl v tom, že se
tomuto řádu přizpůsobili. Ne slepou vírou. Ne popíráním
vědy. Ale pozorností — k přírodním cyklům, k odpovědnosti,
která jde ruku v ruce s poznáním, k tomu, že jsme součástí
něčeho většího a delšího, než je náš vlastní život.
</p>
<div class="hero-actions">
<a class="button button-primary" href="https://git.cqre.net/kosmo/Church-of-Kosmo/raw/branch/main/docs/cs/rule_of_life.md">Pravidlo života</a>
<a class="button button-secondary" href="https://git.cqre.net/kosmo/Church-of-Kosmo">Veřejný repozitář</a>
</div>
</article>
<article class="language-card" lang="en">
<p class="language-label">English</p>
<h2>Church of Kosmo</h2>
<p class="lede">
Most people today have access to more knowledge than any
previous generation — and feel less oriented by it.
</p>
<p>
The Church of Kosmo starts from a simple observation: the
cosmos has an order, and human beings have always found
meaning by aligning themselves with it. Not through blind
faith, not by ignoring science, but through paying
attention — to natural cycles, to the responsibility that
comes with understanding, to the fact that we're part of
something much larger and longer than our own lives.
</p>
<div class="hero-actions">
<a class="button button-primary" href="https://git.cqre.net/kosmo/Church-of-Kosmo/raw/branch/main/docs/en/rule_of_life.md">Rule of Life</a>
<a class="button button-secondary" href="https://git.cqre.net/kosmo/Church-of-Kosmo">Public Repository</a>
</div>
</article>
</div>
</section>
<section class="section panel" id="about">
<div class="section-heading">
<p class="eyebrow">O Kosmu / About Kosmo</p>
<h2>Otevřené texty, živé poznání / Open texts, living practice</h2>
</div>
<div class="two-column bilingual-copy">
<div lang="cs">
<p>
Věda popisuje, jak věci fungují. O tom,
jak v tom žít — s pocitem smyslu, závazku a místa v celku - už ale nemluví.
Instituce, které to dříve zajišťovaly, buď ztratily
důvěryhodnost, nebo se rozpadly. Co je nahradilo, tu mezeru
nezaplnilo.
</p>
<p>
Kosmo nenabízí dogma. Nabízí rytmus — jednoduchý způsob,
jak se pohybovat časem tak, aby věci, na kterých záleží,
nevytlačovaly ty, které záleží méně. Texty jsou otevřené
a sdílené, aby mohly růst překlady, kritikou a péčí
napříč generacemi.
</p>
</div>
<div lang="en">
<p>
Science explains how things work. It's less good at
explaining how to live inside them — with a sense of
meaning, obligation, and place in the whole. The
institutions that used to provide that have either lost
credibility or collapsed. What replaced them hasn't filled
the gap.
</p>
<p>
Kosmo doesn't offer dogma. It offers a rhythm — a simple
way of moving through time so that the things that matter
don't keep getting crowded out by the things that don't.
Its texts are open and shared so they can grow through
translation, critique, and care across generations.
</p>
</div>
</div>
<div class="pillar-grid">
<article class="pillar-card">
<h3>Poznání / Knowledge</h3>
<div class="two-column">
<p lang="cs">Věda, umění, intuice a ticho jsou různé způsoby porozumění. Žádný sám o sobě nestačí.</p>
<p lang="en">Science, art, intuition, and silence are different ways of understanding. None alone is enough.</p>
</div>
</article>
<article class="pillar-card">
<h3>Rovnováha / Balance</h3>
<div class="two-column">
<p lang="cs">Rozum a úcta, technologie a příroda — v aktivní, vědomé rovnováze, ne jako protikladné síly.</p>
<p lang="en">Reason and reverence, technology and nature — in active, conscious balance, not as opposing forces.</p>
</div>
</article>
<article class="pillar-card">
<h3>Soucit / Compassion</h3>
<div class="two-column">
<p lang="cs">Víc porozumění by nás mělo dělat laskavějšími, ne mocnějšími. Pokud ne, je to špatně.</p>
<p lang="en">More understanding should make us kinder, not more powerful over others. If it doesn't, something has gone wrong.</p>
</div>
</article>
<article class="pillar-card">
<h3>Kontinuita / Continuity</h3>
<div class="two-column">
<p lang="cs">Jsme tu jen chvilku. To, co vytvoříme, zachováme nebo zničíme, patří lidem, kteří se ještě nenarodili.</p>
<p lang="en">We're here briefly. What we create, preserve, or destroy belongs to people not yet born.</p>
</div>
</article>
</div>
</section>
<section class="section" id="symbols">
<div class="section-heading">
<p class="eyebrow">Symboly / Symbols</p>
<h2>Geometrie rovnováhy / Geometry of balance</h2>
</div>
<div class="symbol-grid">
<article class="symbol-card">
<img src="assets/site/seal-of-continuity.svg" alt="Double spiral within a circle of twelve stars">
<h3>Pečeť kontinuity / Seal of Continuity</h3>
<div class="two-column">
<p lang="cs">Dvojitá spirála v kruhu dvanácti hvězd značí expanzi, návrat a kontinuitu kosmické paměti.</p>
<p lang="en">The double spiral within a circle of twelve stars represents expansion, return, and the continuity of cosmic memory.</p>
</div>
</article>
<article class="symbol-card">
<img src="assets/site/twin-flames.svg" alt="Twin flames symbol">
<h3>Dvojí plamen / Twin Flames</h3>
<div class="two-column">
<p lang="cs">Dvojí plamen drží rozum a soucit pohromadě. Porozumění není oddělené od péče.</p>
<p lang="en">Twin flames hold reason and compassion together. Understanding is not separate from care.</p>
</div>
</article>
<article class="symbol-card">
<img src="assets/site/axis-circle.svg" alt="Axis and circle symbol">
<h3>Osa a kruh / Axis and Circle</h3>
<div class="two-column">
<p lang="cs">Osa a kruh vyjadřují setkání ducha a hmoty, zakotvení i transcendenci.</p>
<p lang="en">The axis and circle express the meeting of spirit and matter, rootedness and transcendence.</p>
</div>
</article>
</div>
</section>
<section class="section panel connect-panel" id="connect">
<div class="section-heading">
<p class="eyebrow">Spojení / Connect</p>
<h2>Přečtěte texty nebo vstupte do kruhu / Read the texts or enter the circle</h2>
</div>
<div class="connect-grid">
<article class="resource-card">
<p class="resource-kicker">Repozitář / Repository</p>
<h3>Veřejné zdrojové texty / Public texts</h3>
<div class="two-column">
<p lang="cs">Charta, Kodex, Pravidlo života a veškeré texty jsou vedeny ve veřejném repozitáři.</p>
<p lang="en">Charter, Codex, Rule of Life, and all texts are in the public repository.</p>
</div>
<a class="text-link" href="https://git.cqre.net/kosmo/Church-of-Kosmo">git.cqre.net/kosmo/Church-of-Kosmo</a>
</article>
<article class="resource-card resource-card-qr">
<div class="qr-shell">
<img src="assets/site/delta-chat-qr.svg" alt="QR code linking to the Church of Kosmo Delta Chat group">
</div>
<div>
<p class="resource-kicker">Delta Chat</p>
<h3>Veřejná skupina / Public group</h3>
<p>
Naskenujte QR kód v Delta Chatu nebo otevřete pozvánku přímo a
vstupte do veřejné skupiny Kosmo.
<br /><br />
Scan the QR code in Delta
Chat or open the invite directly.
</p>
<a class="text-link" href="https://i.delta.chat/#399BE083296BF72F085E3E674554085B2D4C9D7C&amp;x=Ux2e6VBvB4wVosuswLLfD_w8&amp;i=GQxIY2CM7zVbbg85IutG-9Yr&amp;s=uVebq205lng8CSNOLRwGDI3g&amp;a=lrf2kno1s%40chat.postblue.cz&amp;n=Tom&amp;g=kosmo.church">Open Delta Chat invite</a>
</div>
</article>
</div>
</section>
</main>
<footer class="site-footer">
<p class="footer-motto">Poznáním si pamatujeme. Rovnováhou přetrváváme. / Through knowledge we remember. Through balance we endure.</p>
<p class="footer-note">
Kosmos Universalis / Church of Kosmo. Otevřené texty pod licencí / Open texts under the Kosmic
License (KΛ 1.0).
</p>
</footer>
</body>
</html>