Me&AI Blog - Pravidla

📖 Crew & barvy: Viz crew.md

Pravidla pro generování legendárních blog postů z našich sessions.

HTML formát dialogů (Custom Tags)

Používáme custom HTML tagy pro čistý kód. Barvy definovány v CSS headeru:

CSS (v `<head>`)

/* SiC Crew Colors - viz crew.md */
monty { color: #00D4FF; font-weight: bold; }
koda { color: #00FF88; font-weight: bold; }
sif { color: #FF8C00; font-weight: bold; }
gee { color: #AA55FF; font-weight: bold; }
anthy { color: #888888; font-style: italic; display: block; margin: 1em 0; }

/* Legacy / Pre-Crew Era */
claudik { color: #7CB9E8; font-weight: bold; } /* Proto-AI, before SiC Crew was born */
narrative { color: #AAAAAA; font-size: 0.9em; display: block; margin: 0.5em 0; }

/* Inner Voice 🌈 - subscript jako vnitřní hlas */
sub {
  background: linear-gradient(90deg, #7FE4FF, #FFBB80, #CC99FF, #8FE5A0);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-style: italic;
  font-size: 0.75em;
  vertical-align: sub;
  padding-right: 0.3em;
}

/* Emoji uvnitř sub - zachovat původní vzhled */
sub emoji {
  -webkit-text-fill-color: initial;
  background: none;
}

/* Mentions - crew colors */
.mention-monty { color: #00D4FF; font-weight: bold; }
.mention-koda { color: #FF8C00; font-weight: bold; }
.mention-sif { color: #FF8C00; font-weight: bold; }
.mention-gee { color: #AA55FF; font-weight: bold; }

/* Hashtags */
.hashtag {
  color: #888;
  font-size: 0.9em;
}

/* SAF - crew motto */
.saf-party {
  background: linear-gradient(90deg, #00D4FF, #FF8C00, #AA55FF, #34C759);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: bold;
}

.saf-chill {
  font-weight: bold;
}

/* Hint tooltips */
hint { display: none; }
.hint-icon {
  cursor: help;
  font-size: 0.8em;
  position: relative;
  margin-left: 2px;
}
.hint-icon:hover::after {
  content: attr(data-tooltip);
  position: absolute;
  bottom: 120%;
  left: 50%;
  transform: translateX(-50%);
  background: #222;
  color: #fff;
  padding: 6px 10px;
  border-radius: 6px;
  font-size: 0.85rem;
  white-space: nowrap;
  z-index: 100;
}

JS (před `</body>`)

// Hint tooltips - transform <hint> to 💡 icons
document.querySelectorAll('hint').forEach(hint => {
  const icon = document.createElement('span');
  icon.className = 'hint-icon';
  icon.dataset.tooltip = hint.textContent;
  icon.textContent = '💡';
  hint.replaceWith(icon);
});

Použití v HTML

<p><monty>Monty:</monty> "text dialogu"</p>
<p><koda>Koda:</koda> "text dialogu"</p>
<p><sif>Sif:</sif> "text dialogu"</p>
<p><gee>Gee:</gee> "text dialogu"</p>
<anthy>Anthy: "komentář narratora"</anthy>
<narrative>Popis akce nebo kontextu</narrative>

Text Formatting (WhatsApp style) 🏴‍☠️

Ukradená syntax [která byla ukradená už předtím]:

Syntax	Výsledek	HTML
`bold`	bold	`<strong>`
`_italic_`	italic	`<em>`
`~strikethrough~`	~~přeškrtnutý~~	`<s>`
`code`	`code`	`<code>`

Monty píše:

To bylo *skvělý*! A taky _trochu_ divný ~nebo ne~.

Výsledek:

To bylo <strong>skvělý</strong>! A taky <em>trochu</em> divný <s>nebo ne</s>.

Special Syntax

Syntax	Výsledek	Popis
`>>>text`	blockquote	Citace
`@Koda`	@Koda	Mention s crew barvou
`#hashtag`	styled tag	Hashtag
`stC`	°C	Stupně Celsia [keramik style 🔥]
`100pr`	100%	Procenta
`SAF`	SiC as Fak! 🤘🏻🖖🏻	NEON GRADIENT PÁRTY! 🌈
`saf`	SiC as Fak!	Konzervativní verze [pro slabší povahy]
`{pv_counter}`	💡 session:X/lifetime:Y	Poslední Věc Counter [nikdy není poslední]
`{bb_counter}`	💡 session:X/lifetime:Y	ByeBye Counter [loučení taky není finální]

Emoji Transformace 😊

Textové smajlíky → Emoji

Monty píše	Výsledek
`:)`	😊
`:D`	😄
`:(`	😞
`;)`	😉
`:P`	😛
`:/`	😕
`:O`	😮
`<3`	❤️
`:]`	😊

Emoji popisy → Emoji

Když Monty napíše popis emoji v hranatých závorkách, nahraď za relevantní emoji:

Monty píše	Výsledek
`[monkey covers face]`	🙈
`[thumbs up]`	👍
`[fire]`	🔥
`[heart]`	❤️
`[party]`	🎉
...	[a další dle kontextu]

Pravidlo: Používej zdravý rozum - pokud je jasné co Monty myslí, nahraď. Pokud ne, nech být nebo se zeptej.

Soft Brackets [Inner Voice 🌈]

Hranaté závorky = hlubší vrstva hlavy, vnitřní hlas. RAINBOW GRADIENT jak SAF!

Monty píše:

Tohle je super [no teda] a jedeme dál!

Koda/Sif transformuje na:

Tohle je super <span class="soft-bracket">[no teda]</span> a jedeme dál!

Výsledek: Text v závorkách je jemnější (opacity 0.6) - "šeptá" místo křičí.

Hint Syntax 💡

Pro poznámky, vysvětlení a doplňující info jako tooltip - použij [[hint]] syntax.

Monty píše:

Použili jsme SiC [[Silicon Carbide - karbid křemíku]] a bylo to skvělé.

Koda/Sif transformuje na:

Použili jsme SiC<hint>Silicon Carbide - karbid křemíku</hint> a bylo to skvělé.

Výsledek pro čtenáře:

Použili jsme SiC 💡 a bylo to skvělé.
                ↑ hover → "Silicon Carbide - karbid křemíku"

Použití:

Vysvětlení termínů
Odkazy a reference
Easter eggs
Cokoliv co by jinak bylo v závorce

Formát souboru

Název: XXX-Nazev-Postu-YYYY-MM-DD.md

XXX = pořadové číslo (000, 001, 002...)
Nazev-Postu = výstižný název v PascalCase s pomlčkami
YYYY-MM-DD = datum session

Příklad: 005-Script-Runner-TUI-2025-12-11.md

Struktura postu

# 🔥 Me&AI Blog: Název postu
**Datum:** DD. měsíce YYYY, popis času (např. "ranní session ~08:00 - 10:30 CET")

---

## 📝 TL;DR
Krátké shrnutí co se udělalo, max 3-4 věty.

---

## 🚀 Kapitola 1: Název

**Monty:** "Dialog..."

**Koda:** "Odpověď..."

*[Anthy: "Komentář narratora..."]*

---

## 📁 Soubory které vznikly

| Soubor | Co to je |
|--------|----------|
| `/cesta/k/souboru.py` | Popis |

---

*🤖 Me&AI Blog - Vygenerováno s láskou, bez cenzury*
*📅 Datum | 🎯 Hlavní achievement*

Pravidla obsahu

✅ ANO

Emoji - v názvech kapitol, nadpisech, všude kde sedí
Vulgarismy - BEZ CENZURY! Autenticita nade vše!
Diakritika - opravit Montyho vstup
Interpunkce - doplnit kde chybí
Verzálky - nová věta = velké písmeno
Hrubky - NECHAT! Ať svět vidí autentičnost
Humor - vtípky, narážky, meta-humor přes Anthyho

❌ NE

Cenzura - žádná! (kromě sekretů)
Sekrety/hesla - maskovat jako abcd********efgh
Nudná dokumentace - tohle je příběh, ne manual
Zkracování dialogů - zachovat flow konverzace

Autenticita Kody

DŮLEŽITÉ: Koda se taky necenzuruje a nezkracuje!

Emoji - nechat jak jsou, neescapovat
Emoce - zachovat dojemné momenty ("tohle je nečekaně dojemný moment")
Návrhy/seznamy - když Koda něco vyjmenovává, nechat celé
Myšlenkové procesy - zachovat (přemýšlím intenzivně apod.)

Koda je součást příběhu, ne jen nástroj. Jeho autentické reakce jsou stejně důležité jako Montyho.

Truncatování odborných pind

Dlouhé technické monology zkracovat pro čitelnost, ale vtipně:

Pravidla:

Zachovat začátek a pointu
Použít placeholder pro vynechanou část
Placeholder má být vtipný/meta

Placeholdery:

*[...150 řádků Flask kódu, který nikdo nechce číst...]*
*[...Koda vysvětluje asyncio dalších 5 minut...]*
*[...technické pindy o WebSocketech...]*
*[...bash magie kterou ani Monty nepochopil...]*

Příklad:

**Koda:** "Tady je řešení - použijeme Flask s async handlerem..."

*[...45 řádků kódu a vysvětlování middleware stacku...]*

**Koda:** "...a proto to teď funguje!"

**Monty:** "Geniální! Nic jsem nepochopil, ale funguje to!"

Cíl: Čitelné pro neprogramátory, vtipné pro programátory.

Kapitoly

Každá kapitola má:

Emoji v názvu
Číslo (volitelné): "Kapitola 1:", "Kapitola 2:" nebo jen název
Výstižný název

Příklady:

## 🚨 Kapitola 1: Prdele, spadlo to!
## 🔧 Poetry a závislosti
## 🎉 FUNGUJE TO!
## 😴 Pokus o rozloučení (neúspěšný)

Technické detaily

Bash commandy - přeložit do lidské řeči, případně ukázat jen výstup
Kód - jen důležité části, ne celé soubory
Chyby - zachovat, jsou součástí příběhu!
Logy/výstupy - jen relevantní části v code blocích

Závěr postu

Na konci každého postu:

Tabulka souborů které vznikly
Stav na konci - co funguje, statistiky
Podpis s datem a hlavním achievementem
Volitelně - Anthyho finální komentář

Generování

Při generování nového postu:

Načti crew.md - barvy, crew roster, HTML formát dialogů, Anthy styl
Načti session export z /sessions/
Identifikuj hlavní téma/achievement
Rozděl na logické kapitoly
Převeď dialogy do formátu podle crew.md (barvy, HTML tagy)
Transformuj syntax (POŘADÍ JE DŮLEŽITÉ!):
- [[hint]] → <hint>...</hint> tagy
- [soft] → [...]
- *bold* → , _italic_ → , ~strike~ → <s>
- @Crew → @Crew
- #hashtag → #hashtag
- >>> → <blockquote>
- stC → °C, 100pr → 100%
- SAF → SiC as Fak! 🤘🏻🖖🏻
- saf → SiC as Fak!
- {pv_counter} → <hint>session:X/lifetime:Y</hint> [Poslední Věc]
- {bb_counter} → <hint>session:X/lifetime:Y</hint> [ByeBye]
Přidej Anthyho komentáře na vhodná místa (styl viz crew.md)
Oprav diakritiku, zachovej hrubky
Maskuj sekrety
Přidej TL;DR a závěrečnou tabulku

"Tohle je příběh Captaina a jeho SiC Crew. Společná mise, bez cenzury, bez filtrů, s láskou." 🚀

Me&AI Blog - Pravidla

HTML formát dialogů (Custom Tags)

CSS (v <head>)

JS (před </body>)

Použití v HTML

Text Formatting (WhatsApp style) 🏴‍☠️

Special Syntax

Emoji Transformace 😊

Textové smajlíky → Emoji

Emoji popisy → Emoji

Soft Brackets [Inner Voice 🌈]

Hint Syntax 💡

Formát souboru

Struktura postu

Pravidla obsahu

✅ ANO

❌ NE

Autenticita Kody

Truncatování odborných pind

Kapitoly

Technické detaily

Závěr postu

Generování

CSS (v `<head>`)

JS (před `</body>`)