Giter VIP home page Giter VIP logo

web-cz's Introduction

O projektu Fakta o klimatu

Build Status

Projekt Fakta o klimatu usiluje o zkvalitnění společenské diskuse o klimatické změně. Snažíme se dodávat srozumitelné údaje široké veřejnosti a vizuálně zpracovávat vědecké informace, aby bylo rozhodování ve věcech týkajících se klimatu založené na aktuálních, kredibilních a ověřených datech.

Debata o klimatické změně je komplikovaná a na všech stranách plná zbytečných emocí, polopravd a mýtů. Chceme poutat pozornost na důležitá témata a stavět most mezi vědci a lidmi, kterých se změny klimatu týkají. A to jsou všichni lidé.

Jsme tým profesionálů zabývajících se různými obory – přírodovědou, IT, společenskými vědami, pedagogikou nebo komunikací. Finance na provoz získáváme od dárců, nepracujeme na ničí objednávku. Při naší činnosti komunikujeme s odborníky, politiky, energetickými firmami i aktivistickými hnutími. Fakta o klimatu jsou však nezávislý projekt, který může podpořit každý.

Konvence v repozitáři

  • Při vývoji postupujte dle návodů v systému Notion.
  • Při psaní textů dodržujte české typografické konvence, viz dokument v systému Notion.
  • Nadpisy issues a pull requestů jsou psány v češtině s diakritikou a začínají velkým písmenem. Udržte je krátké a věcné.
  • Text a diskuze v issue může být méně formální, klidně bez diakritiky a klidně ve slovenštině.
  • Snažte se každému issue přiradit vhodné štítky a projekt. Jestli nevíte zvolit, přidejte štítek na roztřízení.
  • Nadpisy ke commitům pište v češtině s diakritikou, velkým prvním písmenem a bez tečky na konci. Snažte se udržet je krátké (ideálně do 50 znaků).
  • Detailní popis commitů může mít dle potřeby klidně i několik řádků. Používejte odrážky nebo celé věty (s tečkou na konci).
  • Chcete-li po přijetí commitu do produkce automaticky zavřít odpovídající issue na GitHubu, přidejte větu Resolves #257. (257 nahraďte za dané číslo issue). Viz také dokumentace.

Lokální vývoj pro obsahové editory

Chcete-li vyvíjet lokálně (tj. mít možnost sestavit si stránky u sebe), budete potřebovat linuxové prostředí (WSL ve Windows 10 je dostatečné). Aktuálně máme otestovanou funkčnost pro systémy Ubuntu, Fedora a Windows 10 (WSL1). Podporujeme dva způsoby lokálního sestavování stránek:

  • pomocí lokální instalace (aktuálně stabilnější), nebo
  • pomocí kontejnerů (do budoucna možná jednodušší, ale aktuálně méně stabilní).

WSL si dobře rozumí s VSCode, nejlépe postupovat podle tohoto postupu.

Lokální instalace

Lokální instalace má tyto prerekvizity (nainstalujte do systému):

  • Vývojářská verze knihoven ruby (typicky balík ruby-dev)
  • GNU Make (balík make nebo součást základních vývojářských balíků jako je build-essential).
  • Jekyll a Bundler (balíky jekyll a bundler)
  • Inkscape ve verzi alespoň 1.0 (balík inkscape, zkontrolujte si však verzi!)
  • ImageMagick (balík imagemagick)

Na Ubuntu 20.10 nebo novějším bude tedy instalace prerekvizit vypadat následovně: sudo apt install jekyll ruby bundler inkscape build-essential imagemagick. Správnost instalace všech součástí ověříte sestavením stránek pomocí make local -j4.

Máte-li problém spustit Inkscape s chybou Wrong __data_start/_end pair, nastavte proměnnou export _INKSCAPE_GC="disable" (detaily viz GitLab issue).

Na Mac OS funguje kombinace postupu dle Jekyllu, zbytek lze nainstalovat pomocí Homebrew (https://brew.sh/), tedy:

  • brew install imagemagick
  • brew install inkscape (k instalaci standardních aplikací přes Homebrew je potřeba napoprvé ještě brew tap homebrew/cask)
    • Z důvodu opakovaných problémů s novými verzemi Inkscape doporučujeme nainstalovat verzi 1.0.2 pomocí příkazu: brew install --cask https://raw.githubusercontent.com/yurikoles/homebrew-cask/6c532489cf2d608ed58121640ee60284f67e523a/Casks/inkscape.rb, případně stáhnout .dmg soubor z inkscape.org
  • Také je třeba nastavit PATH:
    • echo 'export PATH="/opt/homebrew/opt/ruby/bin:$PATH"' >> ~/.zshrc
    • případně echo 'export PATH="/opt/homebrew/opt/ruby/bin:$PATH"' >> ~/.bash_profile
    • pravděpodobně bude třeba restartovat okno příkazového řádku, aby se aktualizovala hodnota PATH

Inkscape standardně není v $PATH, tak je potřeba přidat pomocí

  • sudo mkdir /usr/local/bin,
  • sudo ln -s /Applications/Inkscape.app/Contents/MacOS/inkscape /usr/local/bin/inkscape.

Instalace v kontejneru

Kontejnery umožňují oddělit programy nutné pro sestavení a spuštění webu od zbytku vašeho operačního systému. Zároveň vytvoří konzistentní prostředí, které je téměř totožné s tím, ve kterém se sestavuje živý, publikovaný web.

  • Pro správu kontejnerů používáme balíček Podman, ale použití s Dockerem je téměř totožné.
  • Kromě správce kontejnerů je jedinou další prerekvizitou Make.
  • (Pokud vaše distribuce nepoužívá SELinux, tento krok přeskočte.) Aby měl kontejner ke zdroji přístup, je potřeba upravit bezpečnostní kontext celého adresáře pomocí sudo chcon -Rt svirt_sandbox_file_t .
  • Pro sestavení webu, vytvoření kontejneru a smazání kontejneru použijte Make cíle container, build-container a delete-container.
  • Po úspěšném sestavení webu se objeví se hláška Server running... press ctrl-c to stop.. Vygenerovaný web je po dobu běhu kontejneru přístupný na adrese http://localhost:4000/.
  • Poznámka: Pokud přidáváte novou stránku, měníte infografiky/obrázky nebo datové soubory, je potřeba kontejner zastavit a znovu spustit, aby se vygenerovaly všechny potřebné soubory. Pokud pouze upravujete texty, není třeba kontejner restartovat.

Tipy a triky v případě technických problémů

  • Jekyll padá s nedostatečnými právy zápisu: Pravděpodobně mícháte-li build přes kontejner a lokální instalaci. Smažte všechny artefakty vzniklé při sestavování pomocí make clean-build.
  • Sestavení padá na instalaci http_parser.rb, An error occurred while installing http_parser.rb (0.6.0), and Bundler cannot continue.: Je možné že adresa složky, ve které spouštíte instalaci obsahuje mezery. Odstraněním mezer z názvu složek lze problém vyřešit.
  • Sestavení padá s tím, že Inkscape nezná použité argumenty: Pravděpodobně máte verzi Inkscape nižší než 1.0.
  • Konvertování SVG, PNG a PDF trvá příliš dlouho (System has run out of application memory): Zkuste nainstalovat Inkscape ve verzi 1.0.2.
  • Změny v souborech se nepromítají do lokálně zobrazeného webu na localhost:4000: Pravděpodobně jste změnili obsah, který je předzpracováván před spuštěním Jekyllu (například PDF infografik). Zastavte lokálně sestavený web a dejte ho sestavit znova.
  • V git status vidím změny v souboru web-core, i když jsem v něm nic nedělal: Nejste-li vývojář web-core, netrapte se tím. Dost možná to znova zmizí, až příště sestavíte web.

Dokumentace pro webové vývojáře

Plnou vývojářskou dokumentaci najdete v repozitáři s webovým systém.

web-cz's People

Contributors

adambilek275 avatar andysnovakova avatar anna-macek avatar bromjiri avatar crysman avatar dependabot[bot] avatar filip-kessner avatar jankrcal avatar jarekparal avatar jirka-tisnov avatar katkolouchova avatar keramadohal avatar kikinna avatar lamanchy avatar lenkasedlackova avatar marcel-otruba avatar mgrabovsky avatar mrehacek avatar mukrop avatar obsivac avatar ondraspribyla avatar protivinsky avatar repli2dev avatar setcz avatar tasssadar avatar tomas-psorn avatar tomasp-gr avatar vlckel avatar vojtechjelinek avatar xlauko avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

web-cz's Issues

Přidat do všech infografik paticku

  • Vlavo dole strucne zdroj dat.
  • Vpravo dole odkaz na web faktaoklimatu.cz.
  • Niektore infografiky to uz maju, niektore nie.
  • (Podla rozhodnutia grafikov: Nachystat si sablonu infografiky, ktora ma paticky a hlavicku na rovnakom mieste.)

Čárky na hlavní stránce

Někdo, kdo umí česky, by měl ověřit psaní čárek na hlavní stránce. Sám si nejsem jistý, ale ...

Současný text

Skleníkové plyny se dostávají do atmosféry spalováním fosilních paliv, a dalšími procesy jako například produkce cementu, pěstováním rýže a chov dobytka.

se mi nezdá. Nemá to být

Skleníkové plyny se dostávají do atmosféry spalováním fosilních paliv a dalšími procesy, jako například produkce cementu, pěstováním rýže a chov dobytka.

?

Chyba v zobrazování grafik

Při zobrazování v Chrome i Firefox se infografika zobrazuje přes celou šířku stránky, tak, že tlačítka v levém sloupečku z ní část překrývají... (jestli zjistím jak, doplním i printscreen

Hlavička a navigace mezi stránkami

Je treba doriesit navrat zo stranok detailu infografiky.

  • Aktualne je provizorna navratova sipka vlavo od nazvu, ale uplne to tam nefunguje.
  • Mozno by navratova sipka nemusela byt aj nikde -- suvisi to trochu s tym, co je v hlavicke.
  • Asi teda pridat do hlavicky vlavo nadpis webu? (Takze sa nan bude dat kliknut a vratit sa na uvodnu stranku...)

Upgrade možnosti KONTAKTování

Zpětná vazba: "...kdyby to chtěl nějaký novinář použít, tak se mu nebude chtít mailovat, ale raději si zavolá..."

Je otázka, zda bychom v budoucnu dokázali nabídnou i takovou konzultaci. Jestli ano,pak mít stránku KONTAKT s nějakými podrobnostmi o kontaktování + telefonem by bylo dobré.

Licence infografik

Napisat k licencii viac informacii, tj. asi napisat nazov CC-BY-4.0 licencie (skontrolovat, ako sa vola v cestine) a umiestnit to vhodne vedla obrazka.

Datum v názvu textových souborů

Textove subory sekcii a infografik aktualne obsahuju ako prefix datumy. V kontexte tohto webu to skor nedava zmysel.

  1. Vyskusat, ci sa mozu odstranit (ak nie, preskumat, ci sa Jekyll neda prestavit, aby sa mohli).
  2. Konzistentne premenovat vsetky subory.

Chyba v grafu "Emise" - sunburst

Graf v současné podobě obsahuje jednu chybu a jednu nepřesnost:

Chyba: nějak došlo k prohození nákladní a osobní dopravy. Správně má být osobní automobilová doprava 10.86 MtCO2 (8.3%) a nákladní 7.16MtCO2 (5.4%). V grafu jsou ale naopak...

Nepřesnost: "Energetika mimo HU" by se měla správněji jmenovat "Teplárny a zpracování paliv"

Upgrade pro nepřesnost: do drivu jsem nahrál opravenou verzi .svg výstupu (který je nutné zpracovat grafikama) ve kterém jsou teplárny a zpracování paliv samostatně.

doplnit podporu: sníh a doplňování vod

Na první ani druhé čtení se mi nezdá neprůstřelné tvrzení z https://faktaoklimatu.cz/infographics/teploty-3/:

Vyšší teploty v zimních měsících způsobují méně sněhu a v důsledku také slabší doplňování spodních vod.

Rychlé googlení mi dalo článek
https://www.vtei.cz/2015/08/hydrologicke-sucho-v-podzemnich-vodach/
a ten explicitně zmiňuje, že doplňování zásob vody sněhovou pokrývkou není jediný možný způsob - zmiňuje i srážky v létě atd.

Asi by se to dalo přeformulovat, např.:
Vyšší teploty v způsobují zvýšený odpar a tím zhoršují sucho, protože odpařená voda se nedostane do podzemí [link https://www.vtei.cz/2015/08/hydrologicke-sucho-v-podzemnich-vodach/ nebo jinam]. Vyšší teploty v letních měsících se také projevují jako vlny veder a nárůstem počtu tropických dní (tedy dní, kdy ani v noci teplota neklesne pod 20°C).

Zobrazování více než 3 grafy v sekci

Až budeme mít další grafy, bude potřeba aby se v sekci mohly zobrazit další grafy. bude potřeba vymyslet zda je zobrazit jako malé, nebo udělat scrolovací tlačítka nebo nějaký další způsob

Zobrazeni webu na mobilech

Zjistil jsem, že na mobilech se podivně rozhodí vršek stránky a text "Shromažďujeme data..." se naskládá do jednoho dlouhého sloupečku, a člověk pak musí hodně scrolovat než se dostane k infografikám...

Na stránkách infografik se pak tlačítka ke stažení zobrazují těsně pod infografikou a text s odkazy tak opět není přímo vidět a dostat se k němu vyžaduje dlouhé scrolování.
Vzhledem k tomu, že z mobilů lidi asi nebudou stahovat data bych asi preferoval, aby se tlačítka ke stažení zobrazily až dole pod textem...

Revize textů: Jsou všechna tvrzení podložená?

Ahoj,

základní myšlenka a infografiky jsou super!

Chci ale upozornit na to, že popis infografik občas sklouzne k tvrzením, která nejsou v textu doložená/doklikatelná:

Např. https://faktaoklimatu.cz/infographics/emise-1/

Naproti tomu, zvolit si pro svou cestu ekologický způsob přepravy (tedy neletět), zateplit dům, změnit dodavatele elektřiny či výrazně omezit konzumaci masa mohu poměrně snadno, a taky celkem rychle.

V tomhle odstavci vyvstává spousta otázek o platnosti tvrzení, např. kde najdu

  • srovnání emisí (na km?) letecké dopravy vs. automobilu/autobusu/vlaku?
  • srovnání emisí na výrobu 1 kg hovězího/vepřového/kuřecího/sóji
  • srovnání emisí na výrobu a instalaci zateplení vs. emisí při vytápění domu bez zateplení (nejspíš vztáhnout na dobu životnosti zateplení)

Mimochodem, doporučuji zdžet se výroků jako "snadno zateplit dům" atd. To může "snadno" provést jen pár procent populace ČR, která a) má vlastní dům b) má dost peněz na to, aby si mohla dovolit provést zateplení. Takhle text dělá dojem, že ho píšou lidi, kteří jsou "ve vatě" a chtějí radit všem ostatním.

Vyhledávání grafů podle tagů

I have a dream :-)
zakliknu si Tagy, které mě zajímají (ČR/Evropa/Svět, Teplota/Emise/..., Historie/Předpovědi)
a obrazí se mi relevantní grafy...
A navíc ke každému grafu budu mít rovnou nabídku souvisejících...
:-)

Tlačítko na PNG stažení

  • Tlacitko PNG je zle nastylovane: je vychodzo svetle ako hover, pismo je tmave po rozkliku.
  • Rozbalovacie menu by malo mat presnejsi popis ('6000' -> '6000 x 4000 px').
  • Tlacitko by sa malo zaradovat vpravo od SVG (tj. na velkych monitoroch nie pod nim).

Patička stránek

Momentálně stránky končí "Myšlenka a tvůrci" v případě homepage a textem v případě komentářů infografik - což vypadá divně. Chtělo by to něco, co vizuálně sdělí, že to je konec stránky a případně bude obsahovat klasické patičkoidní informace.

Záhadný překlep: Chcete vědět, jaké jsou konktétní čísla?

Nevím, kde se ten text bere (grepem jsem ho v repu nenašel...), nicméně:
"Chcete vědět, jaké jsou konktétní čísla?" je podle mě špatně, mělo by tam být "Chcete vědět, jaká jsou konktétní čísla?".

Ještě lepší by ale bylo přeformulovat to na:
Chcete vidět konkrétní čísla? Stáhněte si náš zpracovaný dataset, nebo ten původní, ze kterého vycházíme.

Trackovat stazeni

Upravit Google Analytics, aby trackoval pocet stiahnuti kazdej infografiky.

Moznost urobit to cez akcie a Google Tag manager.

Dohodnut a zafixovat URL

Chceme, aby nas ludia odkazovali (napr. v licencii). Takze je dolezite dohodnut sa, ako budu vyzerat URL a davat si pozor, aby sme ich nezmenili.
@ondraspribyla Toto je na osobnu diskusiu (ma to kadejake informaticke chytaky).
Suvisi aj s #27.
Zaujimavy nazor by mohol mat @repli2dev (ci pouzivat slug, mat tam datum, nazov, ako pomenovavat subory s infografikami a pod.).

Revize textů u tlačítek

Vedla tlacitok infografiky (stazeni, data, licence) som pridal kratke sprievodne texty (do velkej miery z estetickych dovodov).

@ondraspribyla Prosim pozri sa na ne a uprav (obsah, cestinu). Najdes ich v _layouts/infographic.html.

Vyladit sirku blokov na titulnej strane

Sekcie na titulnej strane maju mierne roznu sirku (infografiky, uvodny blok, o autoroch). Pravdepodobne maju roznu strukturu div-ov. Prejst, zjednotit, zarovnat.

Automaticka konverzia formatov infografik

Nastavit automaticke generovanie roznych formatov infografik. Aktualna predstava:

  1. Preskumat, ci moze mat Jekyll page na GitHube nejaky custom build step (bude bezat na Travise?)
  2. Skusit pridat generovanie PDF a vsetkych rozliseni PNG z povodneho SVG pocas buildu automaticky.
  3. Ak to pojde, znova sa zamysliet nad vhodnym rozlozenim zloziek na infografiky.

Navrat z lightboxu

Zajistit aby se z detailu infografiky vracelo na otevřený lightbox té infografiky („tam kde uživatel skončil“) - jde to, ale je to tricky.

Hlavička na stránce infografiky

Hlavicka na stranke infografiky splyva so zbytkom stranky (pretoze pozadie je kremove). Prerobit pozadie na biele (tak ako je to na titulnej stranke).

Otestovat info mail

Honzo, mohol by si prosim skusit poslat email na [email protected]?
Nechcem to robit ja ani o to ziadat nikoho z jadra timu, pretoze tie emaily chodia na skupinu a Gmail je vacsinou velmi proaktivny vo filtrovani mailov, ktore si si poslal sam. Tak nech to mame otestovane takto.

srovnání emisí mezi státy eu

Potřebná data pro vytvoření infografiky, kde se srovnají emise skleníkových plynů na člověka mezi všemi státy a poukáže se na důvody pro výběr jednotlivých států pro infografiku "srovnání emisí vybraných států EU"

  1. Je třeba rozhodnout které státy (jaké je kritérium podle kterého vybíráme státy?)
  2. Nejspíš z eurostatu (?) vytáhnout data a vytvořit novou tabulku v emisích.

emise v ČR: přidat vysvětlení emise != spotřeba

Možná je to očividné, ale stejně mi přijde na místě přidat nějakou formu vysvětlení, že emise vyprodukované v ČR != emise spotřeby v ČR.

Příklady:

  • ČR vyváží elektřinu - část emisí tedy je "kvůli spotřebě někoho jiného"
  • ČR dovážíme maso ze zahraničí - část emisí "jinde" jde k tíži lokální spotřebě
    atd.

Nemám ale vymyšlené, jakou formou to podat. Možná samostatná inforgrafika + odrážka s odkazem u ostatních?

Doplnit nase datasety

Len priemerna teplota CR ma nas dataset, ostatnym infografikam data na stiahnutie chybaju.

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.