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

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ě chyba.

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.

$ python -m pip install -r requirements.txt

$ 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.

• 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="proxy.php?url=https%3A%2F%2Fgithub.com.%2F%7B%7B+pathto%28%27_static%2Fimg%2F%7Bsubfolder%7D%2F%7Bimage%7D%27%2C+1%29+%7D%7D"

(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

Správa kurzov na úvodnej stránke


- 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="proxy.php?url=https%3A%2F%2Fgithub.com.%2F%7B%7B+pathto%28%27_static%2Fimg%2Ficon%2Fpylady.png%27%2C+1%29+%7D%7D" 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="proxy.php?url=https%3A%2F%2Fwww.google.cz%2Fmaps%2Fplace%2FFlorentinum%2F%4050.0888957%2C14.4353417%2C15z%2Fdata%3D%214m2%213m1%211s0x0%3A0x90e42b8069106734" target="new">Na Florenci 2116/15, 110 00</a>
    </p>
  </div>
</div>

- 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="proxy.php?url=https%3A%2F%2Fgithub.com.%2F%7B%7B+pathto%28%27_static%2Fimg%2Ficon%2Fpylady-grey.png%27%2C+1%29+%7D%7D" 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="proxy.php?url=https%3A%2F%2Fgithub.com.%2Fmailto%3A+a%40a.com">Napíš nám</a>
      </p>
    </div>
</div>

- 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="proxy.php?url=https%3A%2F%2Fgithub.com.%2F%7B%7B+pathto%28%27_static%2Fimg%2Ficon%2Fpylady-blue.png%27%2C+1%29+%7D%7D" 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