Code Monkey home page Code Monkey logo

damerousky.cz's Introduction

Statický web www.damerousky.cz

Editace statického obsahu

Statický obsah (stránky pod odkazem Informace) je psaný v Markdownu a je v adresáři /content/pages.

Editace přímo na GitHubu

Stránky můžete editovat přímo ve webovém prohlížeči na GitHubu. Otevřete si příslušný soubor a pomocí tužky v toolbaru se přepnete do režimu editace. Pomocí Preview changes se můžete podívat, jak přibližně bude obsah vypadat – ale zobrazuje se to v rámci GitHubu, takže nebudou fungovat např. vložené obrázky.

Náhled na dočasné adrese před publikováním

Změny připravíte k publikování pomocí Commit changes. Vyplňte prosím alespoň první řádek s popisem změn (ten s placeholderem Update <jméno souboru>). Dole zvolte variantu Create a new branch for this commit and start a pull request. Tím se změny nepropíšou hned na ostrý web, ale místo toho se vytvoří dočasná adresa (viz níže), na které je možné změny zkontrolovat. Teprve pak někdo s právem merge propíše změny do hlavního repository a tím se publíkují na web.

Okamžité publikování

Pokud u Commit changes ponecháte výchozí volbu Commit directly to the master branch, změny se okamžitě propagují na ostrý web. Publikování trvá cca 30 sekund. Že byla změna publikována lze ověřit v seznamu změn. Poslední změna je úplně nahoře a kliknutím na její popis se dostanete na stránku s detailem změny. Pokud už proběhlo publikování, bude tam zpráva od robota now, která vypadá takhle nějak:

now [bot] replied 1 minute ago

Successfully deployed to following URLs:

Pokud by tam byla od robota now chybová zpráva, je problém s publikováním webu, dejte vědět na Slacku v kanálu #p-damerousky.

Použití Gitu a editoru (např. Visual Studio Code)

Předpokládá se, že máte základní zkušenosti s Gitem a GitHubem a že máte účet na GitHubu. Repository se zdroji webu je zde: GitHub.com/cesko-digital/damerousky.cz. Změny se do repository promítají pomocí pul requestů – buď z branche (viz Creating a pull request), pokud máte právo zápisu do hlavního repository, nebo z vašeho forku (viz Creating a pull request from a fork), pokud právo zápisu do hlavního repository nemáte.

Náhled upravené verze

Dočasná adresa s náhledem nové verze webu se objeví v komentáři ke commitu od robota now. Seznam otevřených pull requestů je zde: Pull requests. Komentář od robota bude vypadat takhle nějak:

now [bot] replied 1 minute ago

Successfully deployed to following URLs:

První adresa (s kódem skládajícím se z číslic a písmen) je dočasná adresa webu, na které je možné novou verzi otestovat.

Pro vývojáře

Web používá generátor statických webů Gridsome založený na Vue. Pro provoz webu se používá Zeit.

  1. Je potřeba mít nainstalováno Node.js.
  2. Nainstalovat Gridsome
  3. Naklonovat rpository z GitHubu git clone [email protected]:cesko-digital/damerousky.cz.git
  4. Přejít do adresáře se zdrojáky webu cd damerousky.cz
  5. Spustit lokální server gridsome develop. Lokální web poběží na http://localhost:8080
  6. Happy coding 🎉🙌

damerousky.cz's People

Contributors

filipjirsak avatar met avatar

Watchers

 avatar  avatar

damerousky.cz's Issues

update textu

  • vysvětlit funkcionalitu jednotlivých míst na nové stránce (např. Co ikony znamenají? určitě přijdeš na lepší název): ukázat ikonu, popsat pro koho je určení / jakému účelu slouží, že je nutné vyplnit kontakt. že pro shánění roušek není nutné se registrovat - tohle je nutný opakovat furt.
  • u švadlenek vysvětlit, jak si změní semafor
  • Jak změnit semafor - kromě popisu místa to bude muset být i samostatná stránka.
  • vysvětlit, že distromísto je lidi lidem
  • u sběrnýho místa odkázat na šití roušek s kapsou pro filtry, tohle místo je lidi institucím (info zde)
  • u institucí jim hodně podat pomocnou ruku i tím, že to místo za ně dokážeme založit, ať je to nezdržuje
  • u nabízení materiálu že je nutné místo smazat, jakmile materiál už nemají

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.