Skip to content

Commit

Permalink
clean up, move svgs into images, communique div in lifesupport.
Browse files Browse the repository at this point in the history
  • Loading branch information
jrwarwick committed Dec 13, 2016
1 parent f76f655 commit 37a6382
Show file tree
Hide file tree
Showing 5 changed files with 1,010 additions and 4 deletions.
5 changes: 2 additions & 3 deletions artemis-sbs-ui.js
Original file line number Diff line number Diff line change
Expand Up @@ -50,7 +50,7 @@ function generateOrrery(containerID){
{//need a for loop against a random # of planets
var planetID = "planetOne";
container.innerHTML += " <div id='" + planetID + "-orbit'>\n"
+" <img id='"+planetID+"' src=\"3d-wireframe-sphere.svg\"> \n"
+" <img id='"+planetID+"' src=\"images/3d-wireframe-sphere.svg\"> \n"
+"</div> ";
var pEl = document.getElementById(planetID);
pEl.style.position = "absolute";
Expand Down Expand Up @@ -140,9 +140,8 @@ var audAlert = new Audio("audio/alert.m4a" );
var audAck = new Audio("audio/bleep.m4a" );
function audioAlert() {
window.console && console.log(audAlert.readyState)
//audAlert.load();
//audAlert.load();
audAlert.play();
//setTimeout(function(audFX){ audFX.pause(); }(audAlert),850);
}

function audioAcknowledge() {
Expand Down
File renamed without changes
12 changes: 11 additions & 1 deletion lifesupport.html
Original file line number Diff line number Diff line change
Expand Up @@ -21,6 +21,16 @@
</div>


<div id="communique" >
<h1>Welcome to Artemis Glitter UI Style Clone Test</h1>
<p>Status and information flowing endlessly, giving a certain ambience.</p>
<p>Even if information is not functionally meaningful, the experience is enhance by giving a feeling of authenticity.</p>
<p>Presumably, you want to fill the screen pretty evenly, if browser were in fullscreen mode. But also becareful not to overflow or else you get scrollbars that spoil the effect a little. Hopefully this page is clean and clear enough that you could copy it, rename it, then start copy and pasting segments that you like and just replace the content and order a little and then you have yourself a custom faux console.</p>
<button class="action" onclick="javascript:this.parentNode.style.display = 'none';">ACKNOWLEDGE</button>
<!--Probably it is better to put onclick and other evenhandler code in a seperate script block, even in a separate JS file. But this works ok too.-->
</div>


<div class="wrapper2column">
<div class="leftcolumn">
<h3>ATMOSPHERIC COMPOSITION</h3>
Expand Down Expand Up @@ -198,7 +208,7 @@ <h3>AMBIENT TEMPERATURE</h3>
<!-- -->

<!--
<img src="simpleship.svg" />
<img src="images/simpleship.svg" />
-->

<p>MAG FLD STR: 100 ev</p>
Expand Down
Loading

0 comments on commit 37a6382

Please sign in to comment.