Commit 4649b406 authored by theopolisme's avatar theopolisme
Browse files

Nothing too exciting 

Tidy html, make slide-in controls behave more nicely (nicelier?) on
mobile :)
parent a738dea2

index.css

+8 −2
Original line number Diff line number Diff line
@@ -3,7 +3,6 @@ body { 
    margin: 0;

    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

    font-size: 14px;

    overflow: hidden;

}



html, body, #map {
@@ -15,6 +14,13 @@ body.working { 
	cursor: progress;

}



.visualizer {

  height: 100%;

  width: 100%;

  position: relative;

  overflow: hidden;

}



.hidden {

	display: none !important;

}
@@ -116,7 +122,7 @@ h2 { 
}



#controls .control-block {

    height: 20px;

    clear: both;

}



#controls .control-block input {

index.html

+62 −63
Original line number Diff line number Diff line
@@ -6,10 +6,10 @@ 
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.3/leaflet.css"/>

</head>

<body>



<div class="visualizer">

    <!-- Shown before the heatmap is displayed -->

    <div class="container">

        <div class="content">



            <!-- Fork me on GitHub -->

            <a href="https://github.com/theopolisme/location-history-visualizer" target="_blank"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://camo.githubusercontent.com/52760788cde945287fbb584134c4cbc2bc36f904/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f77686974655f6666666666662e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_white_ffffff.png"></a>
@@ -43,10 +43,10 @@ 
                <p><i>Zoom</i> by scrolling, double-clicking, or using the buttons in the upper lefthand corner. <i>Navigate</i> by clicking and dragging.</p>

                <p class="credit">A project by <a href="https://github.com/theopolisme" target="_blank">@theopolisme</a>. Made in 2014 in Memphis, Tennessee.</p>

            </div>



        </div>

    </div>



    <!-- Appear when heatmap is displayed -->

    <div id="controls">

        <div class="title">

            location-history-visualizer
@@ -74,10 +74,9 @@ 
        </div>

    </div>



    <!-- The map, populated by leaflet.js -->

    <div id="map"></div>



<!-- dropzone, outta here! -->

<div id="null" class="hidden"></div>

</div>



<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.3/leaflet.js"></script>

index.js

+1 −1
Original line number Diff line number Diff line
@@ -24,7 +24,7 @@ 
		// Initialize the dropzone

		dropzone = new Dropzone( document.body, {

			url: '/',

			previewsContainer: '#null',

			previewsContainer: document.createElement( 'div' ), // >> /dev/null

			clickable: false,

			accept: function ( file, done ) {

				stageTwo( file );