scripting/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>

	<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>