Minor tweaks to earthquake example
This commit is contained in:
parent
9ddbee97f9
commit
e45f703c9b
@ -6,10 +6,11 @@
|
||||
|
||||
<div class='ui raise segment'>
|
||||
<div class='ui blue ribbon label'>HTML</div>
|
||||
<pre><code class='language-html'><canvas id='quakeCanvas'></canvas>
|
||||
<h1>Earthquakes: 2013</h1>
|
||||
<pre><code class='language-html'><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'>
|
||||
|
||||
@ -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;
|
||||
}
|
||||
|
||||
|
||||
@ -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>
|
||||
<span id='date'>Loading...</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user