Giter VIP home page Giter VIP logo

nl-covid19-notification-app-community-website's Introduction

Community website CoronaMelder App

The community website is an entry point for the community of people that are interested in learning more about the CoronaMelder app and that may be willing to help out.

About

Goals:

These goals are maintained by the community manager of the Ministry of Health. Suggestions are welcome, as ever.

  • Offer the community some overview
  • Improve the onboarding for new community members (also for non-techies, see below)
  • Give props to the most active community members
  • A showcase page for the openness of the project, that will hopefully inspire other government projects to be more open too
  • Set the right atmosphere and expectations for people that want to help out
  • Make it clear that this is partly a community driven project. Everyone is allowed to contribute, criticize, etc.

Target audience

(Potential) community members. Specifically:

  • Programmers
  • Designers
  • Community managers
  • Communication experts Over time, we hope to engage a broader group of people, that can also help with promoting the app

Look and feel

  • Simple language
  • Friendly and welcoming
  • We are building this app in collaboration with the people of the Netherlands
  • Does not have to be super tidy, a little messyness wil perhaps lower the entry barrier
  • Easy to use for a broad range of people; do not assume that people will know what GitHub, Slack, etc is

To do

  • Translation of content into English

How is this project set up?

What is GitHub Pages

GitHub Pages are public webpages hosted directly through the GitHub repository.

What is Jekyll

GitHub Pages support the static site generator Jekyll. Jekyll supports Markdown, Liquid, HTML and CSS to create a complete static website. By using the Liquid templating language, content can be stored in Markdown.

Editing content

Content can be edited via pull requests via the blocks folder in this repository.

How to add a block

To add a block, create a Markdown file in _blocks with the following template:

---
lang: nl
index: 7
title: The title
subtitle: Subtitle
list:
  - title: Example
    href: https://example.com
    text: Some example website listing
  - title: Another example
    href: https://www.example.com
    text: Another example
image:
  href: <link to image>
  alt: <description of the image>
button:
  text: Goto GitHub
  icon: github
  href: https://github.com/
---
The Markdown content goes here, this can contain <code>HTML</code>.

Please give your file a short English name without spaces (you can use dash - instead). You should at least provide the base file with lang: nl. The translations should have the same name with a -lang suffix, where lang is the language keyword e.g. en.

How to test GitHub Pages locally

To build Jekyll, you could install Jekyll locally or probably the easier route: use a Docker image. To use a Docker image you should have Docker engine installed, see how to install Docker enginge.

starefossen/github-pages is a small Alpine Docker image for running GitHub Pages / Jekyll projects locally. You only need to mount the pages in a volume under /usr/src/app like this:

docker run -it --rm -v "$PWD":/usr/src/app -p "4000:4000" starefossen/github-pages

Note: for Windows users we advise Powershell or another shell that supports $PWD, for cmd you can replace $PWD with %cd%.

The Jekyll page will be available on http://localhost:4000.

nl-covid19-notification-app-community-website's People

Contributors

alloy avatar anouschkascholten avatar arianvp avatar bwbroersma avatar dependabot[bot] avatar donroyco avatar edoplantinga avatar github-actions[bot] avatar jellelicht avatar jolandaverhoef avatar nicodruif avatar renehonig avatar richardlindhout avatar sigio avatar svanboxel avatar

Stargazers

 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

nl-covid19-notification-app-community-website's Issues

Float the blocks

Because the content blocks are not the same size, there is too much vertical whitespace between blocks. Can the blocks float? @bwbroersma

[DATE]: [VWS/Covid19NotificationApp]

Suggestion for Technische uitleg punt 5

The text does not make clear how you receive the notification / melding. I suppose it is local, as you are asked as a user to agree with notifications from the app. The text can be improved to make sure the reader will not suppose that there is a kind of "big brother" who is able to see that you have encountered a person with covid. So it's better to explain that this notification is local and nobody else is able to see it.

Build nl-design-system ourselves and include results in jekyll build

We now link to https://nl-design-system.gitlab.io/nl-design-system/uno/core/uno.css, this currently is the NL Design System 0.1.1, but this version is not included in the URL.
Since there can be breaking changes, see the upgrade page, we should link to a versioned version and have preferably also use Subresource Integrity (SRI) since this file is external.

PS: it's not just simply copy the css file over, since it has dependencies on other (relative) resources, and it's also a DUO build, as can be seem here

[DATE]: [VWS/Covid19NotificationApp]

Typo in public documentation

I have found a Typo in the public documentation. I did not found another place to report them, so I hope it's useful here. Congrats with the app, as a professional working for digitalisation of Public sector I think the way privacy and other possible concerns are treated is good enough, and this is important for our society.

Privacyverklaring paragraaf 6 (iOS versie): 1e woord: HeHet

Contributors

I didn't want to include myself on PR #4 😉

I really like the Svelte contributors section on their front-page, it includes a list Github avatars linked to the Github profile, sorted on contributions. We could re-use their script to generate a JPG spite + URL array, maybe change it to export YML instead and run it in a GitHub Action to auto-generate these files.

Other thoughts?

App disabled by batery saving mode phone

I'm using a Galaxy 10+ and like earlier models it has a features that disables certains apps that stay active in the background.

I noticed this while going through my installed apps, seeing which I could remove.

I think

<uses-permission android:name="android.permission.WAKE_LOCK" tools:node="remove" />

is missing

Clicking "Code for NL" link results in NET::ERR_CERT_COMMON_NAME_INVALID error page

Describe the bug, issue or concern

When you click on the link to the Code for NL page - https://codefor.nl/ - an error page from the browser appears with the text "NET::ERR_CERT_COMMON_NAME_INVALID"

To Reproduce

Steps to reproduce the behavior:

  1. Go to https://minvws.github.io/nl-covid19-notification-app-community-website/
  2. Click on the "Code for NL" link (see first screenshot)
  3. The browser shows an error page (see second screenshot)

Expected behavior

The link should redirect to https://www.codefor.nl/ (note the www), which works perfectly.

Screenshots

image

image

Browsers tested:

Desktop:

  • OS: Windows 10
  • Browser: Edge
  • Version: 83.0.478.54

Smartphone:

  • Device: Nokia 7 Plus
  • OS: Android 10
  • Browser: Edge
  • Version: 45.05.24.5036

Governance

Implement new content blocks based on the new figma design

You can use the following template for the blocks:

---
lang: nl
index: <Position on the page>
title: <Title >
subtitle: <Subtitle>
image:
  src: <The image that appears next to the text>
  alt: <The description of the image for accessibility>
  description: <The quote that is rendered below the image in the sidebar>

button:
  text: <button text>
  icon: github  (button icon)
  href: "https://github.com/minvws" < link to where the button should go>
---

<Put the paragraph you want to write here>

Anchor links do not work

@bwbroersma when I click on a hyperlink in the lists in the Praat mee block, they take me to the top of the page. Should those even be links? We can't deeplink to Slack anyway, or at least for me it never works in Slack.

Improve heading structure

Now all blocks on the homepage are a heading on level 1 (h1). For accessibility it would be better if we:

  1. Make the page title a h1 (at the beginning of our main content)
  2. Form a logical structure of h2's under that

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.