Giter VIP home page Giter VIP logo

pyladies.cz's Introduction

pyladies.cz

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

Travis CI kontrolka

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.

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


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


- 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 protected]">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="{{ 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

pyladies.cz's People

Contributors

svetlanam avatar encukou avatar lspdv avatar zuzejk avatar honzajavorek avatar frenzymadness avatar pyterka avatar

Watchers

James Cloos avatar Miro Hrončok avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.