helloRiver.html

## helloRiver.html

<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&nbsp;<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&nbsp;<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>