PantherView
Pitt Computer Science Club spring semester (16-17) project with the Western Pennsylvania Regional Data Center (@wprdc) Open Data.
Thanks to @alexandrabush for the logo!
Installing and running:
Since our project is just an HTML file, you can simply load the file into your browser.
Once you make edits, commit the changes, and push, your changes will be updated on GitHub.
Including in an external Site:
In order to include this project in an existing HTML page you will need to first download the main.css, ui.js, map.js, and data.js files (we don't yet have them on a CDN). Then, you will need to add
<!-- necessary style -->
<link rel="stylesheet" href="https://github.com/pittcsc/PantherView/blob/master/main.css">
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.0.2/dist/leaflet.css" />
<script src="https://use.fontawesome.com/07694042f8.js"></script>
<script src="https://unpkg.com/leaflet@1.0.2/dist/leaflet.js"></script>
<!-- end necessary style -->to the head tag, as well as
<!-- necessary HTML -->
<div id="ui"></div>
<div id="mapid"></div>
<script src="https://github.com/pittcsc/PantherView/raw/master/ui.js"></script>
<script src="https://github.com/pittcsc/PantherView/raw/master/map.js"></script>
<script src="https://github.com/pittcsc/PantherView/raw/master/data.js"></script>
<!-- end necessary HTML -->somewhere in the body.
In order to turn on or off default checkboxes, open up map.js, CTRL+F 'DEFAULT_CHECKS', and change a value to false to turn it off by default and true to turn it on by default.
In order to change the default view (currently shipped with weekly data as default) to the past month, week, or day, open map.js, CTRL+F 'DEFAULT_VIEW', and read the documentation. You can change the value to "month", "week", or "day"; anything else will default to weekly data.
Getting started:
- Fork the project
- Add your name to
contributors.md - Submit a pull request
- Take a look at the Issues for more things to do
Helpful links:
Git and Github links:
- Git tutorials
- Guide to using GitHub
- Git documentation
- GitHub repository for the project
- Guide to writing markdown (for documentation)
- CSC Git Wiki
HTML, CSS, and JavaScript links:
- MDN Introduction to HTML
- MDN HTML reference
- MDN Introduction to CSS
- MDN CSS reference
- Codecademy course on HTML and CSS
- MDN Introduction to JS
- MDN re-introduction to JS
- MDN JavaScript Guide
- MDN JavaScript Reference
- Codecademy course on JavaScript