views/userdata.ejs

<!doctype html>
<html>
<head>
	<title>Jawbone UP API with Node Demo</title>
	<style type="text/css">
		body {
			background: url(/images/bg-space-purple.jpg) top center #000 no-repeat;
			background-size: cover;
			font-family: Arial, sans-serif;
			text-align: center;
		}
		h1 {
			color: #fff;
			font-size: 36px;
		}
		.sleep-table {
			background-color: rgba(81,0,255,0.8);
			border-collapse: collapse;
			margin: 0 auto;
			width: 30%;
		}
		.sleep-table tr th {
			background: rgba(46, 23, 146, 1);
		}
		.sleep-table tr th,
		.sleep-table tr td {
			border: 1px solid rgba(46, 23, 146, 1);
			color: #fff;
			font-weight: normal;
			padding: 10px 25px;
		}
		.btn {
			background-color: #9D65FF;
			color: #fff;
			display: block;
			font-size: 24px;
			margin: 30px auto;
			padding: 10px;
			text-decoration: none;
			width: 40%;
		}
		.btn:hover {
			background-color: #C893FF;
		}
	</style>
</head>
<body>
	<h1>Jawbone UP Sleep Data</h1>
	<table class="sleep-table">
		<thead>
			<tr>
				<th>Date</th>
				<th>Sleep time</th>
			</tr>
		</thead>
		<tbody>
		<% for (var i=0; i<items.length; i++) { %>
			<tr>
				<td><%= items[i].date %></td>
				<td><%= items[i].title %></td>
			</tr>
		<% } %>
		</tbody>
	</table>

	<a href="/logout" class="btn">Log out</a>
</body>
</html>