andy/planetary.js
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Minor tweaks to earthquake example

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
site/public/examples/quake.ejs
View File

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

4
site/public/examples/quake/_layout.ejs
View File

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

5
site/public/examples/quake/index.ejs
View File

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