Code Monkey home page Code Monkey logo

epauv's Introduction

EPAUV

This is a project started by a few FOSS@RIT hackers in Rochester, NY for the first-ever National Day of Civic Hacking. We hope to expose publicly-available UV index data provided by the Environmental Protection Agency to create an attractive, interesting interface to this data.

Front Page

The front page is a simple 3 column view that gives a quick description, provides a form for inputting your Zipcode, and links to the project source and license.

/epauv/static/images/zipform.png

Desktop View

This is a screenshot of what the results look like from a desktop view. The index shown at the top is calculated by checking the time the page was visited against the hourly index. The colors are mapped to the severity levels listed on the EPA informational website.

/epauv/static/images/result-desktop.png

Mobile View

As the page was designed using Unresponsive CSS, we get a fluid page that scales with the size of the viewport (aka we get mobile friendly pages without having to write separate code just for mobile devices.)

/epauv/static/images/result-mobile.png

Hourly Results

Hourly results for the day are colored based on UV Index severity, and include tips and advice based on EPA information, such as time until skin damage, and precautions to take based on UV Levels.

/epauv/static/images/result-list.png

License

This software is released under the GNU GPL version 3 or later.

Getting Started

We hack on this project in a virtualenv, and you should, too!

EPAUV requires that you have the python-lxml package installed. This is used by pygal to generate coolio SVG diagrams.

  • cd <directory containing this file>
  • $venv/bin/python setup.py develop
  • $venv/bin/initialize_EPAUV_db development.ini
  • $venv/bin/pserve development.ini

Contributors

  • Nate Case
  • Remy DeCausemaker
  • David Gay

epauv's People

Contributors

decause avatar dtgay avatar qalthos avatar

Stargazers

 avatar  avatar  avatar

Watchers

 avatar  avatar

Forkers

biznixcn shiuli

epauv's Issues

Handle all times properly

The app does not properly handle it being between 23:00 and 00:00, and I doubt it works all that great for the times for which API data is not given (03:00-07:00 I believe). This is a major bug but I don't feel like fixing it tonight.

Set cursor: hand to accordion items

We should set the CSS rule cursor: hand to each accordion element, but because of how accordion.js works, the elements are named quite complexly and individually. Perhaps use CSS's child element functionality to target each accordion.js element?

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.