<html> | |
<head> | |
<title>Hello River</title> | |
<!-- | |
The Hello World of Rivers | |
https://github.com/scripting/river5/blob/master/docs/HELLOWORLD.md | |
--> | |
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> | |
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
<script src="http://fargo.io/code/jquery-1.9.1.min.js"></script> | |
<link href="http://fargo.io/code/bootstrap.css" rel="stylesheet"> | |
<script src="http://fargo.io/code/bootstrap.min.js"></script> | |
<link href="http://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic" rel="stylesheet" type="text/css"> | |
<link href="http://fargo.io/code/shared/menus.css" rel="stylesheet" type="text/css"> | |
<script src="http://api.nodestorage.io/api.js"></script> | |
<script src="http://fargo.io/code/shared/emojify.js"></script> | |
<link rel="stylesheet" href="http://fargo.io/code/shared/emojify.css"/> | |
<script src="http://fargo.io/code/markdownConverter.js"></script> | |
<script src="http://fargo.io/code/browsers/outlinebrowser.js" async></script> | |
<link href="http://fargo.io/code/browsers/riverbrowser.css" rel="stylesheet" type="text/css"> | |
<script src="http://fargo.io/code/browsers/riverbrowser.js"></script> | |
<script> | |
var appConsts = { | |
version: "0.45" | |
} | |
var urlDefaultRiver = "http://radio3.io/rivers/iowa.js"; //Dave's personal river, called "iowa" for nostalgic reasons. ;-) | |
function updateRiver (url) { | |
return (httpGetRiver (url, "idRiverDisplay")); | |
} | |
function startup () { | |
console.log ("startup"); | |
$("#idVersionNumber").html ("v" + appConsts.version); | |
updateRiver (urlDefaultRiver); //10/5/14 by DW | |
} | |
</script> | |
<style> | |
body { | |
font-family: "Lora"; | |
font-size: 18px; | |
background-color: whitesmoke; | |
} | |
.divPageBody { | |
width: 60%; | |
margin-left: auto; | |
margin-right: auto; | |
} | |
.divVersionNumber { | |
font-size: 12px; | |
color: #777777; | |
float: right; | |
padding: 19px; | |
} | |
.divRiverContainer { | |
margin-top: 110px; | |
margin-bottom: 500px; | |
} | |
</style> | |
</head> | |
<body> | |
<div class="divMenubar" id="idMenubar"> | |
<div class="topbar-wrapper" style="z-index: 5;"> | |
<div class="navbar navbar-fixed-top" data-dropdown="dropdown"> | |
<div class="divVersionNumber" id="idVersionNumber"> | |
</div> | |
<div class="navbar-inner"> | |
<div class="container"> | |
<ul class="nav" id="idMainMenuList"> | |
<li class="dropdown" id="idRiversMenu"> | |
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Rivers <b class="caret"></b></a> | |
<ul class="dropdown-menu"> | |
<li><a onclick="updateRiver ('http://radio3.io/rivers/nytRiver.js');">NY Times</a></li> | |
<li><a onclick="updateRiver ('http://radio3.io/rivers/tech.js');">Tech</a></li> | |
<li><a onclick="updateRiver ('http://radio3.io/rivers/dave.js');">Dave</a></li> | |
<li><a onclick="updateRiver ('http://radio3.io/rivers/podcasts.js');">Podcasts</a></li> | |
</ul> | |
</li> | |
<li class="dropdown" id="idDocsMenu"> | |
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Docs <b class="caret"></b></a> | |
<ul class="dropdown-menu"> | |
<li><a href="https://github.com/scripting/river5/blob/master/docs/HELLOWORLD.md" target="_blank">What is Hello River?</a></li> | |
</ul> | |
</li> | |
</ul> | |
</div> | |
</div> | |
</div> | |
</div> | |
</div> | |
<div class="divPageBody"> | |
<div class="divRiverContainer"> | |
<div class="divRiverDisplay" id="idRiverDisplay"> | |
</div> | |
</div> | |
</div> | |
<script> | |
startup (); | |
</script> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment