Minor tweaks to earthquake example

This commit is contained in:
Brandon Tilley 2013-12-23 22:59:55 -08:00
parent 9ddbee97f9
commit e45f703c9b
3 changed files with 9 additions and 5 deletions

View File

@ -6,10 +6,11 @@
<div class='ui raise segment'>
<div class='ui blue ribbon label'>HTML</div>
<pre><code class='language-html'>&lt;canvas id='quakeCanvas'&gt;&lt;/canvas&gt;
&lt;h1&gt;Earthquakes: 2013&lt;/h1&gt;
<pre><code class='language-html'>&lt;h1&gt;Earthquakes: 2013&lt;/h1&gt;
&lt;ul id='magnitudes'&gt;&lt;/ul&gt;
&lt;canvas id='quakeCanvas'&gt;&lt;/canvas&gt;
&lt;div id='controls'&gt;
&lt;div&gt;
&lt;input id='slider' type='range' min='0' max='100' step='0.1' value='0'&gt;

View File

@ -17,6 +17,7 @@
padding: 0;
margin: 0;
list-style: none;
z-index: 10;
}
h1 {
@ -25,6 +26,7 @@
left: 5px;
padding: 0;
margin: 0;
z-index: 10;
}
canvas {
@ -32,7 +34,7 @@
top: 60px;
left: 0;
right: 0;
bottom: 0;
bottom: 0px;
cursor: move;
}

View File

@ -1,12 +1,13 @@
<canvas id='quakeCanvas'></canvas>
<h1>Earthquakes: 2013</h1>
<ul id='magnitudes'></ul>
<canvas id='quakeCanvas'></canvas>
<div id='controls'>
<div>
<input id='slider' type='range' min='0' max='100' step='0.1' value='0'>
</div>
<div>
<span id='date'></span>&nbsp;
<span id='date'>Loading...</span>
</div>
</div>