Skip to content
This repository has been archived by the owner on May 2, 2022. It is now read-only.

Add Landing Page #560

Open
wants to merge 46 commits into
base: master
Choose a base branch
from
Open

Add Landing Page #560

wants to merge 46 commits into from

Conversation

zacel
Copy link
Contributor

@zacel zacel commented Apr 6, 2020

This pr adds a landing page as first designed in: https://www.figma.com/file/WriP7XWOZbni3X94J0asVX/CoronaStatus?node-id=6090%3A872

The idea began with this issue:
#188

It was created with a lot of work from @amritnagi. He did most of the designing and lots of the developing. Thank you @lseelenbinder for customizing the map layers to hide country names. @jelbazi was also a big help in laying out the design.

This pr already conforms to the fix-lat-lng-order branch, since that info is used here.

It does not show the report data from each country yet as I haven't found a way to do that without making requests to each country site every time the page loads.

After a new country is added to app/countrySpecific then static/countries.json must be updated for it to show up on the landing page. This can be done by running the genCountries.py script which is located in the root directory.

The countries can all be viewed on a map.

The map cycles through countries and shows their name (in their language), their flag, and a link to their site.
Screen Shot 2020-04-06 at 2 52 17 PM

The map cycling animation can be played and paused.

Screen Shot 2020-04-06 at 2 11 26 PM

Visitors can access a full list of countries using any of the contribute now! buttons

Screen Shot 2020-04-06 at 2 11 55 PM

Visitors have many ways to contribute

Screen Shot 2020-04-06 at 2 11 34 PM

To Be translated before merging this pr

It adds a route for accessing the landing page in app/routes/various-routes.ts. Right now the route is /landing in every language so that may have to be updated.

Here is the list of strings that will have to be localized to use the landing page in other languages:

- Contribute now!
- Help us <span>uncover</span> and <span>predict</span> the corona spread across the world
- How can I <span>contribute</span>?
- 1. Survey
- Select your *country and fill out the anonymous survey.
- 2. Share
- Share the link with your friends, family, and encourage them to fill it in.
- 3. Build
- Don't see your country on the map?
- About corona<span>status</span>
- The spread of COVID-19 in our world is unknown. Help us create a better overview.
- Animation

zac and others added 30 commits April 2, 2020 00:10
… lat,long inside that range is a whole project in itself, I think it could maybe be a saas (there are like 10 companies selling the ability to go lat,long->timezone but I couldn't find any in reverse).

I think asking for location is privacy friendly because its opt in. Whether or not we go to the users location, after 5 seconds the map starts cycling through all the websites location on the map. Their name and a third link to them is displayed underneath.

Still todo:
1) I need to get accurate lat, long for each country. My numbers are way off. There don't seem to be any data available for this so I will just find them manually tomorrow (I have a map🗺).

2) Where does the About coronastatus button link to?
-add Romania to countries.json
-fix lots of countries coordinates
-stylizing landing.ejs
zac and others added 3 commits April 6, 2020 13:16
… to center the map on at start

- updated the python script to gather country location/site data
- clean up the javascript parts of landing.js
zac and others added 11 commits April 6, 2020 15:27
-currently the request takes a full 3 seconds to complete on first load
-this is the last version with the countries.json version of landing page intact
-remove all references to countries.json in server.ts and ejs part of landing.ejs
-convert landing.ejs to make httprequest to api/countries and use that data
-move all landing.ejs startup function calls into callback from httprequest
cache countries when the server starts
@zacel zacel requested a review from Snikanes as a code owner April 8, 2020 15:41
@trkoch
Copy link

trkoch commented Apr 10, 2020

@zacel I checked out your PR. Looking good. I noticed the link to selected country from "Contribute Now" is broken. Is this supposed to work already?

@trkoch
Copy link

trkoch commented Apr 10, 2020

de-DE translation.

  • Contribute now!
  • Hilf mit!
  • Help us uncover and predict the corona spread across the world
  • Hilf uns die Verbreitung von Corona weltweit aufzudecken und vorauszusagen
  • How can I contribute?
  • Wie kann ich mithelfen?
    1. Survey
  • Select your *country and fill out the anonymous survey.
    1. Ausfüllen
  • Wähle dein *Land und beteilige dich an einer anonymen Umfrage.
    1. Share
  • Share the link with your friends, family, and encourage them to fill it in.
    1. Teilen
  • Informiere Freunde und Familie und überzeuge sie an der Umfrage teilzunehmen.
    1. Build
  • Don't see your country on the map?
    1. Erstellen
  • Dein Land fehlt auf der Karte?
  • About coronastatus
  • Über coronastatus
  • The spread of COVID-19 in our world is unknown. Help us create a better overview.
  • Es ist nicht klar wie weit COVID-19 in der Welt bereits verbreitet ist. Helfe uns einen besseren Überblick zu gewinnen.
  • Animation
  • Animation

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

5 participants