Skip to content

Instantly share code, notes, and snippets.

@scripting

scripting/helloRiver.html

Last active January 8, 2020 19:57
Show Gist options
  • Save scripting/87903653a0f5f6df13b4 to your computer and use it in GitHub Desktop.
Save scripting/87903653a0f5f6df13b4 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
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>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment