<commit_before># pyladies.cz

Website of the Czech PyLadies chapter / Web českých PyLadies.

[![Travis CI kontrolka](https://travis-ci.org/PyLadiesCZ/pyladies.cz.svg?branch=master)](https://travis-ci.org/PyLadiesCZ/pyladies.cz)

*Pokud je kontrolka zelená, povedlo se dostat poslední změny z větve `master` do ostrého provozu. Má-li jinou barvu, stala se [někde po cestě](https://travis-ci.org/PyLadiesCZ/pyladies.cz) chyba.*

## Jak to funguje

Stránky jsou generované ze šablon Jinja2 v adresáři `templates`.
Zatím je to hlavně na hlavičky a patičky, časem můžeme použít víc
šablonových vychytávek (dědičnost, makra), ať je v tom trochu pořádek.

Soubory jako obrázky, fonty, CSS, JS jsou v `static`.

Původní stránky jsou v  `original`; podadresář `v1` obsahuje kurz a musí
být zveřejněn na setjných URL jako předtím.

V `course` snad časem bude kurz převedený do ReST dokumentace.

V `plans` jsou data pro seznamy lekcí (zatím pro Brno).

Celé dohromady to spojuje `pyladies_cz.py`; tady se např. přidávají nové
podstránky.

## Jak vytvořit stránky

### Instalace

    $ python -m pip install -r requirements.txt

### Spuštění webu lokálně v PC

    $ python pyladies_cz.py serve

Stránky se zpřístupní na adrese `http://127.0.0.1:8003/`.
Změny v kódu se projeví po obnovení stránky v prohlížeči.

### Úprava súborov

* Súbory html sa nachádzajú v priečinku ``templates``
* Úprava hlavičky webu, hlavného menu a päty stránky v súbore `templates/layout.html`
* CSS súbory sa nachádzajú v `static/css`
* Obrázky sa nachádzajú v `static/img`
* Priradenie obrázku `src="{{ pathto('_static/img/{subfolder}/{image}', 1) }}"`

### Nasazení

(Tohle je pro spuštění „ostré” verze webu; většinou to nebudeš potřebovat)

Tento příkaz vytvoří v adresáři `_build`
statické stránky k nasazení na webový server.:

    $ python pyladies_cz.py freeze

## Základné informácie - editace HTML

**Správa kurzov na úvodnej stránke** <br /><br />
<img src="https://github.com/PyLadiesCZ/pyladies.cz/blob/master/static/img/icon/pylady.png" width=100 height=55 /><br /> - kurz, ktorý práve beží. Ikonka - obrázok pylady.png. V kóde označený takto:
```
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4 course-i">
  <div class="py-icon">
    <img src="{{ pathto('_static/img/icon/pylady.png', 1) }}" class="py-icon-i" />
  </div>
  <div class="py-block pull-left">
    <h4 class="city-heading">Praha</h4>
    <p class="city-info">01.01. - 31.04. 2016</p>
    <p class="city-address">
      <a href="https://www.google.cz/maps/place/Florentinum/@50.0888957,14.4353417,15z/data=!4m2!3m1!1s0x0:0x90e42b8069106734" target="new">Na Florenci 2116/15, 110 00</a>
    </p>
  </div>
</div>
```

<img src="https://github.com/PyLadiesCZ/pyladies.cz/blob/master/static/img/icon/pylady-grey.png" width=100 height=55 /><br /> - kurz, ktorý práve nebeží a nie je spustená registrácia. Ikonka - obrázok pylady-grey.png. V kóde označený takto:
```
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4 course-i">
    <div class="py-icon">
      <img src="{{ pathto('_static/img/icon/pylady-grey.png', 1) }}" class="py-icon-i" />
    </div>
    <div class="py-block pull-left">
      <h4 class="city-heading">Brno</h4>
      <p class="city-info">Kurz práve neprebieha.</p>
      <p class="city-address">
        <a href="mailto: <EMAIL>">Napíš nám</a>
      </p>
    </div>
</div>
```

<img src="https://github.com/PyLadiesCZ/pyladies.cz/blob/master/static/img/icon/pylady-blue.png" width=100 height=55 /><br /> - kurz, ktorý práve nebeží, ale je spustená registrácia. Ikonka - obrázok pylady-blue.png. V kóde označený takto:
```
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4 course-i">
  <div class="py-icon">
    <img src="{{ pathto('_static/img/icon/pylady-blue.png', 1) }}" class="py-icon-i" />
  </div>
  <div class="py-block pull-left">
    <h4 class="city-heading">Praha</h4>
    <p class="city-info">Nový štart od 01.01. - 31.04. 2016</p>
    <p class="city-address">
      <a href="#">Registračný formulár</a>
    </p>
  </div>
</div>
```
**Správa obrázkov**

* Banner na úvodnej stránke - 1500px × 655px
* Banner v detailoch miest - 1850px × 400px
* Fotky - detail mesta - 1920px × 1278px

**Zmena obrázkov podľa miest v banneroch**
Obrázky sú definované v CSSku. Pre každé mesto je spoločná trieda intro-city, s tým, že obrázok pre každé mesto sa zmení v triede **intro-city-{city-name}**. (Príklad triedy: intro-city-praha).

**Správa kurzov na stránke materiálov**

* Aktívny kurz (sekcia Intro header v súbore `templates/praha.html`)
* Neaktívny kurz (sekcia Intro header v súbore `templates/brno.html`)

**Stavu kurzu - stránka kurzu (Praha)**

* Prejdená hodina - zmena ikonky na `glyphicon-ok`
* Ešte neprejdená hodina - ikonka `glyphicon-remove`
* Vyznačenie aktívnej aktuálnej hodiny - trieda `section-active`<commit_msg>Zmeny v dokumentaci, doplneny kod pro info o kurzech, preklad ze slovenstiny, nastavovani probranych lekci<commit_after># pyladies.cz

Website of the Czech PyLadies chapter / Web českých PyLadies.

[![Travis CI kontrolka](https://travis-ci.org/PyLadiesCZ/pyladies.cz.svg?branch=master)](https://travis-ci.org/PyLadiesCZ/pyladies.cz)

*Pokud je kontrolka zelená, povedlo se dostat poslední změny z větve `master` do ostrého provozu. Má-li jinou barvu, stala se [někde po cestě](https://travis-ci.org/PyLadiesCZ/pyladies.cz) chyba.*

## Jak to funguje

Stránky jsou generované ze šablon Jinja2 v adresáři `templates`.
Zatím je to hlavně na hlavičky a patičky, časem můžeme použít víc
šablonových vychytávek (dědičnost, makra), ať je v tom trochu pořádek.

Soubory jako obrázky, fonty, CSS, JS jsou v `static`.

Původní stránky jsou v  `original`; podadresář `v1` obsahuje kurz a musí
být zveřejněn na setjných URL jako předtím.

V `course` snad časem bude kurz převedený do ReST dokumentace.

V `plans` jsou data pro seznamy lekcí. Mění se tu datumy, probrané/neprobrané lekce, přesun témat.

Celé dohromady to spojuje `pyladies_cz.py`; tady se např. přidávají nové
podstránky.

## Jak vytvořit stránky

### Instalace

    $ python -m pip install -r requirements.txt

### Spuštění webu lokálně v PC

    $ python pyladies_cz.py serve

Stránky se zpřístupní na adrese `http://127.0.0.1:8003/`.
Změny v kódu se projeví po obnovení stránky v prohlížeči.

### Úprava souborů

* Soubory html jsou ve složce ``templates``
* Úprava hlavičky webu, hlavního menu a patičky stránky v souboru `templates/layout.html`
* CSS soubory sa nacházejí v `static/css`
* Obrázky se nacházejí v `static/img`
* Přiřazování obrázků `src="{{ pathto('_static/img/{subfolder}/{image}', 1) }}"`

### Nasazení

(Tohle je pro spuštění „ostré” verze webu; většinou to nebudeš potřebovat)

Tento příkaz vytvoří v adresáři `_build`
statické stránky k nasazení na webový server.:

    $ python pyladies_cz.py freeze

## Základní informace o kurzech, které se často mění - editace HTML

**Nastavení aktuálních kurzů na úvodní stránce** <br /><br />
**Nezapomeň vždy změnit {{ pathto('mesto') }} pro dané město**

<img src="https://github.com/PyLadiesCZ/pyladies.cz/blob/master/static/img/icon/pylady.png" width=100 height=55 /><br /> - kurz, ktorý práve beží. Ikonka - obrázok pylady.png. V kóde označený takto:
```
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4 course-i">
  <div class="py-icon">
    <img src="{{ pathto('_static/img/icon/pylady.png', 1) }}" class="py-icon-i" />
  </div>
  <div class="py-block pull-left">
    <a href="{{ pathto('praha') }}"><h4 class="city-heading">Praha - začátečnický kurz</h4>
    <p class="city-info">01.01. - 31.04. 2016</p>
    <p class="city-address">
      <a href="https://www.google.cz/maps/place/Florentinum/@50.0888957,14.4353417,15z/data=!4m2!3m1!1s0x0:0x90e42b8069106734" target="new">Na Florenci 2116/15, 110 00</a>
    </p>
  </div>
</div>
```

<img src="https://github.com/PyLadiesCZ/pyladies.cz/blob/master/static/img/icon/pylady-grey.png" width=100 height=55 /><br /> - kurz, ktorý práve nebeží a nie je spustená registrácia. Ikonka - obrázok pylady-grey.png. V kóde označený takto:
```
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4 course-i">
    <div class="py-icon">
      <img src="{{ pathto('_static/img/icon/pylady-grey.png', 1) }}" class="py-icon-i" />
    </div>
    <div class="py-block pull-left">
      <a href="{{ pathto('brno') }}"><h4 class="city-heading">Brno - začátečnický kurz</h4>
      <p class="city-info">Kurz právě neprobíhá.</p>
      <p class="city-address">
        <a href="mailto: <EMAIL>">Napiš nám.</a>
      </p>
    </div>
</div>
```

<img src="https://github.com/PyLadiesCZ/pyladies.cz/blob/master/static/img/icon/pylady-blue.png" width=100 height=55 /><br /> - kurz, ktorý práve nebeží, ale je spustená registrácia. Ikonka - obrázok pylady-blue.png. V kóde označený takto:
```
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4 course-i">
  <div class="py-icon">
    <img src="{{ pathto('_static/img/icon/pylady-blue.png', 1) }}" class="py-icon-i" />
  </div>
  <div class="py-block pull-left">
    <a href="{{ pathto('ostrava') }}"><h4 class="city-heading">Ostrava - začátečnický kurz</h4>
    <p class="city-info">Proběhne od 01.01. - 31.04. 2016</p>
    <p class="city-address">
      <a href="#">Registrační formulář</a>
    </p>
  </div>
</div>
```
**Nastavení obrázků**

* Banner na úvodní stránce - 1500px × 655px
* Banner v detailu měst - 1850px × 400px
* Fotky - detail města - 1920px × 1278px

**Změna obrázků podle měst v banerech**

Obrázky jsou definované v CSS. Pro každé město je společná třída intro=city, s tím, že obrázek pro každé město se změní v třídě **intro-city-{city-name}**. (Příklad třídy: intro-city-praha).

**Nastavení informací o aktuálním kurzu na stránce materiálů**

* Aktivní kurz (př. v sekci ```Started course Prague``` v souboru `templates/praha.html`)
* Neaktivní kurz (př. v sekci ```Started course Brno``` v souboru `templates/brno.html`)

**Stav kurzu - probrané a neprobrané lekce (stránka materiálů kurzu v souboru `plans/praha.yml`)**

* Probraná lekce ```done: true```
* Neprobraná lekce ```done: false```

**Stav kurzu - přesun lekcí v kurzu (stránka materiálů kurzu v souboru `plans/praha.yml`)**
{'fraction_non_alphanumeric': 0.15035138077798674, 'fraction_numerical': 0.03048599425913095, 'mean_word_length': 3.960235640648012, 'pattern_counts': {'":': 0, '<': 114, '<?xml version=': 0, '>': 114, 'https://': 14, 'lorem ipsum': 0, 'www.': 2, 'xml': 0}, 'pii_count': 2, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3414799', 'n_tokens_mistral': 4625, 'n_tokens_neox': 4439, 'n_words': 1054}