initial commit

.gitignore

@@ -0,0 +1,28 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+
+# Runtime data
+pids
+*.pid
+*.seed
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+
+# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (http://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directory
+# https://docs.npmjs.com/misc/faq#should-i-check-my-node-modules-folder-into-git
+node_modules

Gruntfile.js

@@ -0,0 +1,20 @@
+module.exports = function(grunt) {
+
+  // Project configuration.
+  grunt.initConfig({
+    pkg: grunt.file.readJSON("package.json"),
+    watch: {
+      files: ["src/prograde.js"],
+      tasks: ["browserify"]
+    },
+    browserify: {
+      "dist/prograde.js": ["src/prograde.js"]
+    }
+  });
+
+  grunt.loadNpmTasks("grunt-contrib-watch");
+  grunt.loadNpmTasks("grunt-browserify");
+
+  // Default task(s).
+  grunt.registerTask("default", ["uglify"]);
+};

LICENSE

@@ -0,0 +1,20 @@
+Copyright (c) 2015 Jordan Stephens <jordan@stephens.io>
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

README.md

@@ -0,0 +1,9 @@
+# Prograde
+
+Visualize satellite ground paths for arbitrary parameters.
+
+I find the paths which satellites trace on the sphere of the earth during the course of their orbits to be rather fascinating. While I have seen many places online where you can view the ground paths for various satellites, I was never able to provide arbitrary orbital elements to see their affect on a satellite's ground path. I'm not really sure what the audience is for this, but I found it interesting.
+
+Calculations are handled by [SGP4](https://en.wikipedia.org/wiki/Simplified_perturbations_models) via [node-sgp4](https://github.com/joshuaferrara/node-sgp4).
+
+Have fun.

css/main.css

@@ -0,0 +1,91 @@
+@import url(http://fonts.googleapis.com/css?family=Lora);
+
+.leaflet-control-container .leaflet-top.leaflet-left {
+  margin-top: 78px;
+}
+
+input[type="range"] {
+  cursor: pointer;
+  max-width: 100%;
+}
+
+body {
+  color: whitesmoke;
+  margin:0; padding:0;
+  font-family: "Lora", serif;
+  font-size: 13px;
+}
+
+header {
+  background-color: hsl(169, 66%, 40%);
+  height: 40px;
+  padding: 2px 20px;
+}
+
+header h1 {
+  font-size: 26px;
+  margin: 0; padding: 0;
+}
+
+header, header h1 a {
+  color: whitesmoke;
+}
+
+header h1 a {
+  text-decoration: none;
+}
+
+.main-content {
+  position: absolute;
+  top: 40px;
+  right: 0; bottom: 0; left: 0;
+}
+
+.param-container {
+  background-color: hsla(169, 66%, 40%, 0.75);
+  color: whitesmoke;
+  list-style: none;
+  font-family: sans-serif;
+  margin: 0; padding: 0;
+  overflow: auto;
+  position: absolute;
+  width: 100%;
+  z-index: 1000;
+}
+
+.param-container li {
+  box-sizing: border-box;
+  display: block;
+  float: left;
+  padding: 12px 4px;
+  text-align: center;
+  width: 16%;
+}
+
+.param-container label { display: block; }
+.param-container .short-label { display: none; }
+.param-value { margin-top: 4px; }
+
+.map-container { position: absolute; top: 0; bottom: 0; width: 100%; }
+
+@media (max-width: 840px) {
+  .param-container { font-size: 11px; }
+}
+
+@media (max-width: 600px) {
+  .param-container label { display: none; }
+  .param-container .short-label {
+    display: block;
+    font-size: 14px;
+    font-family: serif;
+  }
+}
+
+@media (max-height: 420px) {
+  header { height: 22px; }
+  .main-content { top: 22px; }
+
+  header h1 {
+    font-size: 16px;
+  }
+}