initial working version

DEVELOPER_README.md

@@ -0,0 +1,9 @@
+# Getting started
+
+To get a copy of the code and run a test web server:
+
+1. [Fork the repository](https://github.com/projecthorus/sondehub-amateur-tracker/fork) by visiting [https://github.com/projecthorus/sondehub-amateur-tracker/fork](https://github.com/projecthorus/sondehub-amateur-tracker/fork).
+2. Clone the repository with your git tool of choice.
+3. Run `build.sh` to compile the javascript files. (This requires Java to be installed and in your path.)
+4. Run `python serve.py` to run a simple web server to (This requires python 3.x)
+5. Visit [http://localhost:8000](http://localhost:8000) to view the local version of the server!

build.sh

@@ -4,7 +4,7 @@
 echo -n "Compiling CSS... "
 cd css
 rm -f mobile.css
-cat base.css skeleton.css layout.css habitat-font.css main.css > mobile.tmp
+cat base.css skeleton.css layout.css habitat-font.css main.css leaflet.css leaflet.fullscreen.css skewt.css > mobile.tmp
 java -jar "../tools/yuicompressor-2.4.8.jar" --type=css mobile.tmp > mobile.css
 rm -f mobile.tmp
 cd ..
@@ -24,6 +24,8 @@ java -jar "../tools/yuicompressor-2.4.8.jar" --type=js --disable-optimizations -
 java -jar "../tools/yuicompressor-2.4.8.jar" --type=js --disable-optimizations --nomunge chasecar.lib.js | sed "s/{VER}/$VERSION/" >> mobile.js
 java -jar "../tools/yuicompressor-2.4.8.jar" --type=js --disable-optimizations --nomunge tracker.js >> mobile.js
 java -jar "../tools/yuicompressor-2.4.8.jar" --type=js --disable-optimizations --nomunge app.js >> mobile.js
+java -jar "../tools/yuicompressor-2.4.8.jar" --type=js --disable-optimizations --nomunge colour-map.js >> mobile.js
+java -jar "../tools/yuicompressor-2.4.8.jar" --type=js --disable-optimizations --nomunge format.js >> mobile.js
 
 #compile plot lib and config
 java -jar "../tools/yuicompressor-2.4.8.jar" --type=js --disable-optimizations --nomunge _jquery.flot.js >> init_plot.js

css/base.css

@@ -99,7 +99,7 @@
 	blockquote cite:before { content: "\2014 \0020"; }
 	blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }
 
-	hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }
+	hr { border: solid #ddd; border-width: 1px 0 0; clear: both; height: 0; }
 
 
 /* #Links
@@ -152,6 +152,7 @@
 	  border: 1px solid #aaa;
 	  border-top: 1px solid #ccc;
 	  border-left: 1px solid #ccc;
+	  margin-right: 1px;
 	  -moz-border-radius: 3px;
 	  -webkit-border-radius: 3px;
 	  border-radius: 3px;
@@ -162,7 +163,6 @@
 	  text-decoration: none;
 	  text-shadow: 0 1px rgba(255, 255, 255, .75);
 	  cursor: pointer;
-	  margin-bottom: 20px;
 	  line-height: normal;
 	  padding: 8px 10px;
 	  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }
@@ -229,8 +229,6 @@
 /* #Forms
 ================================================== */
 
-	form {
-		margin-bottom: 20px; }
 	fieldset {
 		margin-bottom: 20px; }
 	input[type="text"],
@@ -247,10 +245,7 @@
 		font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
 		color: #888;
 		margin: 0;
-		width: 210px;
 		max-width: 100%;
-		display: block;
-		margin-bottom: 20px;
 		background: #fff; }
 	select {
 		padding: 0; }

css/layout.css

@@ -80,12 +80,6 @@ header h1{
     margin-bottom: 0 !important;
 }
 
-.form.row select {
-    /* base.css makes this different to input for some reason. */
-    padding: 5px 4px;
-    width: 220px;
-}
-
 .validated input{
     float: left;
 }

css/main.css

@@ -1,4 +1,4 @@
-/* SondeHub Mobile Tracker
+/* SondeHub Amateur
  * Main style sheet
  *
  */
@@ -153,7 +153,7 @@ body {
     position: absolute;
     display: block;
     width: 60vw;
-    max-width: 483px;
+    max-width: 300px;
     left: 50%;
     top: 50%;
     -ms-transform: translate(-50%, -50%);
@@ -403,7 +403,10 @@ header .search form input[type='submit'] {
 #main .row.follow .icon-target:before {
     display: inline-block;
 }
-#main .row.active .data { display: inline-block; }
+#main .row.active .data { 
+    display: inline-block; 
+    min-height: 190px;
+}
 #main .row .data .left,
 #main .row .data .right {
     position: relative;
@@ -412,7 +415,7 @@ header .search form input[type='submit'] {
 #main .row .data .vbutton {
     position: absolute;
     background-color: #fff;
-    width: 25px !important;
+    width: 30px !important;
     right: 5px;
     top: 150px;
     padding-left: 3px;
@@ -428,7 +431,7 @@ header .search form input[type='submit'] {
 #main .row .data .sbutton {
     position: absolute;
     background-color: #fff;
-    width: 25px !important;
+    width: 30px !important;
     right: 5px;
     top: 170px;
     padding-left: 3px;