Code Monkey home page Code Monkey logo

codeforafrica / gendergap.africa Goto Github PK

View Code? Open in Web Editor NEW
8.0 20.0 2.0 2.42 MB

GenderGap.AFRICA is a tool designed to help users calculate the gender pay gap in any African country. Accessible at https://gendergap.africa/

Home Page: https://gendergap.africa/

License: GNU General Public License v3.0

JavaScript 42.28% HTML 27.78% SCSS 29.94%
gender-equality gender-gap equal-pay africa storylab calculator kenya nigeria tanzania south-africa

gendergap.africa's Introduction

GenderGap.AFRICA

🙎🏾⏰

Requirements

Requirements for MacOS:

brew install nvm
nvm install 10
brew install yarn

Setup instructions

  1. Clone the repository:
git clone https://github.com/CodeForAfrica/GenderGapClock.git
cd GenderGapClock
  1. Download dependencies:
yarn
  1. Build:
gulp
  1. Set up a server and watch for changes on your localhost:
gulp serve

Deployment

Deploy to Github Page:

gulp deploy

Localisation

To localise the tool to a specific country, add the query string parameter country:

?country=tanzania

Spaces should be added as %20 so for example south africa would be:

?country=south%20africa

Localisation will mean that the country name will be pre-populated, but users can still change this if they choose to do so.

Embed

Embed GenderGap.AFRICA:

<div id="gender-gap-embed"></div>
<script type="text/javascript" src="https://pym.nprapps.org/pym.v1.min.js"></script>
<script>
    var pymParent = new pym.Parent('gender-gap-embed', 'https://gendergap.africa/', {});
</script>

Browser support

Desktop browsers:

  • Chrome 56 and 57.
  • Firefox 51 and 52.
  • Edge 13 and 14.
  • Safari 9 and 10.
  • Opera 43 and 44.
  • Internet Explorer 11.

Mobile browsers:

  • Chrome for Android 56 and 57.
  • Chrome for iOS 9 and 10.
  • Safari for iOS 9 and 10.

gendergap.africa's People

Contributors

chaficnajjar avatar davidlemayian avatar dependabot[bot] avatar emmalewis avatar kilemensi avatar kinjuriu avatar mtuchi avatar nerdlet avatar robinkiplangat avatar thepsalmist avatar

Stargazers

avatar avatar avatar avatar avatar avatar avatar avatar avatar

Watchers

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

Forkers

cbchisanga nickbensonza

gendergap.africa's Issues

Add Standard Footer

To add attribution and link back as a Code for Africa project, we should add our standard footer to the bottom of the site.

image

Replace the paragraphs on the left with :

GenderGap.AFRICA is a tool designed to help users calculate the gender pay gap in any African country.

The tool uses Estimated Earned Income data from the World Economic Forum's Global Gender Gap Report 2017. The calculator isn’t designed to give breakdowns for each industry: it instead captures the average gender gap across all sectors within a country. Gender Gap here represents the gap between men and women in pay.

This site is a StoryLab project by Code for Africa. All content is released under a Creative Commons 4 Attribution license. You are free to reuse it to help empower your own community. The code is available on GitHub and data is available on openAFRICA.

For the links in the middle, we should have the following:

Other StoryLab projects:

Join Our Community:

Implement visualizations

  • Implement general layout.
  • Implement 'Calendar View' visualization.
  • Implement 'Clock View' visualization.
  • Implement 'Your Gap' visualization.

Change Github link in the footer

Description

Let link to github change to link to the GendeGap repo

Tasks

  • Replace link to Code For Africa repo with the genderGap repo on the footer.

Redirect to HTTPS when loaded on HTTP

Keeping things secure, let's redirect to https when loaded on HTTP.

The code we use elsewhere:

<head>
...
<script type="text/javascript">
  var host = "{{ site.enforce_ssl }}";
  if ((host == window.location.host) && (window.location.protocol != "https:"))
    window.location.protocol = "https";
</script>
...
</head>

Change title

Change title from "Explore inequality of income in African countries"
to "Explore inequality of income across African countries".

[Fix] Fix dependancy in package.json

Describe the bug
Some of the packages on the package.json file seem to be deprecated and need an upgrade. When upgraded gulp serve command produces an error.

To Reproduce
Run the following commands

npm install
npm audit fix / npm audit fix --force
gulp serve

Environment tools

Node 10.4.1
gulp 3.9.1
Npm 6.1.0

Expected behavior
Serve GenderGap.Africa on your local machine

Screenshots
image

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.