Giter Club home page Giter Club logo

bitcoinations's People

Contributors

hakenadu avatar

Watchers

 avatar  avatar  avatar

Forkers

roroettg

bitcoinations's Issues

Change font to Roboto

Change all current website text to Roboto.

For the column categories on the main chart (Nation, Legal Tender, Holdings, Sources etc), increase the font size to be larger than the column entries, and make the categories bold

Change the chart outline colors to grey/white

Change the font outlines for the categories in the main chart on the homepage from black to white and increase the line thickness to 1.25~1.5px. If white doesn't look good, keep the grey but stick with the added line thickness.

Keep the grey lines in the body part of the chart, but increase the line thickness to 1.25~1.5px as well.

Implement Dark Mode

Integrate optional dark mode with a toggle function in the upper right corner.

Light theme = orange & white/light greyscale
Dark theme = orange & dark greyscale, can try dark blue grey as well

Dark mode adjustments

Please make adjustments as follows:

Make hyperlink text on country pop-ups white
Screen Shot 2021-06-21 at 12 26 38 AM

Make country borders in dark mode light grey instead of white, and make country fill colors slightly darker
Screen Shot 2021-06-21 at 12 28 39 AM

Make the table menu background (Country, Legal Tender etc) slightly lighter to achieve higher contrast with background
Screen Shot 2021-06-21 at 12 30 36 AM

Fix spacing on mobile pop-up charts

Chart items on country pop-up view are too crammed together, need to fix the UI here. Either make the font smaller or transform from columns to rows on mobile.

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.