Giter VIP home page Giter VIP logo

cnh-ui's Introduction

Carbon Neutral Helsinki 2035 Action Plan Monitoring UI

React ui for browsing and visualizing action plans. Built using Next.js.

Development

Prerequisites

Getting Started

Clone the repository, install dependencies and run the development server locally:

yarn install
yarn dev

Preview the application locally on http://localhost:3000/

Building and deploying in production

To run the app in production:

yarn install
yarn build
yarn start

Forking

City of Helsinki would like to request that when this source code is forked and deployed to production use for another organization, the following phrases would be added to the FAQ or similar section of the user-visible UI, as well as to the public presentations or other materials presenting the new service:

[Name of the service] is an open-source service based on Helsinki Climate Watch, a service developed by the City of Helsinki. Helsinki Climate Watch has received funding from the European Union EIT Climate-KIC programme.

Or in Finnish:

Palvelu on avointa lähdekoodia ja perustuu alun perin Helsingin kaupungin kehittämään Helsingin ilmastovahti -palveluun. Helsingin ilmastovahti on saanut tukea EU:n Climate-KIC-ohjelmasta.

cnh-ui's People

Contributors

iqqmut avatar jtuomist avatar juyrjola avatar terotik avatar

Stargazers

 avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

cnh-ui's Issues

Site certificate issue

When navigating to the site listed in the repo’s description, browsers give this message that there is a certificate issue.

717E24A6-4F04-4A83-8EC1-8866E6308F5D

Add new plan specific content

  • Organization URL (footer)
  • Organization name (organization logo alt-text)
  • Actions description (Front hero actions-button)
  • Indicators description (Front hero indicators-button)

Theme settings

Consider adding theme settings object. Currently theme is set by passing THEME_IDENTIFIER environment variable for the app.

App then loads appropriate styles and assets from directory named as THEME_IDENTIFIER. As we don't have a way of checking availability of individual asset files this technique expects every theme to have every required file available. Theme settings object would give themes more freedom to define sources for individual assets, and let them use default options for selected assets.

Ideas for content on THL ktstrat main page

Tämmöisen yläotsikon voisi laittaa:

Suomessa on tautitaakkaa vielä
1 605 238
haittapainotettua elinvuotta.

Se on kasvanut vuodesta 2016 vuoteen 2017 1.1 %.

Ja sitten esittelytekstiksi:

Terveyden ja hyvinvoinnin laitoksen kansanterveysstrategia

THL:n tehtävänä on tuottaa tietoa päätöksenteon tueksi ja kansanterveyden parantamiseksi. THL päivittää osaamistaan jatkuvasti ja pyrkii varmistamaan, että oikeita asioita tehdään sekä talon sisällä että yhteiskunnassa yleisesti. Tällä sivustolla kokeillaan ajatusta, että kansanterveysstrategian sisältöä mietittäisiin avoimen verkkotyökalun avulla. Tarkoituksena on tunnistaa tarpeellisia toimenpiteitä, joilla THL voisi edistää kansanterveyttä. Lisäksi mietitään mittareita, joiden avulla toimenpniteiden toteutusta ja vaikutuksia voidaan seurata ja ohjata.

Teemojen ja organisaation osalta on se ongelma, että ne eivät ole THL:n kannalta relevantteja, enkä pääse muuttamaan niitä. THL:n organisaatiotiedot löytyvät täältä: https://thl.fi/fi/thl/organisaatio (tosin ilman lyhenteitä).

Neutral default theme

Provide neutral theme with good defaults for plans that have no organization branded theme.

Provide default front page hero

Provide default front page hero for default theme.

Default hero has:

  • Plan name
  • Plan default image (do we need to provide a fallback?)
  • Links to Actions and Indicators

Default favicon

Add default favicon and load favicons based on theme. Move Helsinki favicon to Helsinki theme.

Footer navigation

Footer navigation should repeat the main navigation links plus possible generic links:

  • Contact information / feedback
  • Privacy policy / Terms
  • Accessibility info

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.