DavidSouther/app.js

## app.js
var config = {
  name: "rupert-basic-example",
  stassets: {
    root: './src/client'
  }
};

require('rupert')(config).start();

## index.html
<!DOCTYPE html5>
<html lang="en">
  <head>
    <title>Basic Demo</title>
    <link rel="stylesheet" href="/all.css"/>
  </head>
  <body>
    <h1 class="title">Rupert Basic Demo</h1>
    <div>
      <p>What's your name?</p>
      <input id="name" />
      <p id="hello"></p>
    </div>
    <script src="/application.js"></script>
  </body>
</html>

## main.js
document.addEventListener("DOMContentLoaded", function(event) {
  document.getElementById('name').addEventListener('change', function(event){
    var name = event.target.value;
    document.getElementById('hello').innerText = "Hello, " + name + "!";
  });
});

## package.json
{
  "dependencies": {
    "rupert": "0.3.x"
  }
}
	var config = {
	name: "rupert-basic-example",
	stassets: {
	root: './src/client'
	}
	};

	require('rupert')(config).start();
	<!DOCTYPE html5>
	<html lang="en">
	<head>
	<title>Basic Demo</title>
	<link rel="stylesheet" href="/all.css"/>
	</head>
	<body>
	<h1 class="title">Rupert Basic Demo</h1>
	<div>
	<p>What's your name?</p>
	<input id="name" />
	<p id="hello"></p>
	</div>
	<script src="/application.js"></script>
	</body>
	</html>
	document.addEventListener("DOMContentLoaded", function(event) {
	document.getElementById('name').addEventListener('change', function(event){
	var name = event.target.value;
	document.getElementById('hello').innerText = "Hello, " + name + "!";
	});
	});