Skip to content
mrhenko edited this page Aug 26, 2011 · 5 revisions

WebbNote is basically a framework that takes an HTML page that is marked up in a certain way and turns it into a web based presentation with voice over. This is a reference for the syntax that you are supposed to use on the HTML page.

The basics

The HTML page should be written in HTML5 an contain links to some CSS and Javascript. Example:

<!DOCTYPE html>
<html class="">

<head>
	<title>The title of your presentation</title>
	<meta charset="UTF-8" />
	<link rel="stylesheet" href="webbnote/core.css" media="screen" />
	<link rel="stylesheet" href="webbnote/default_theme.css" media="screen" />
	<link rel="stylesheet" href="webbnote/print.css" media="print" />
</head>

<body>

	<article id="keynote">
		
	</article>

	<script src="webbnote/jquery-1.4.4.min.js"></script>
	<script src="webbnote/webbnote.js"></script>
	<script>
		var files = new Array('yoursoundfile.mp3', 'yoursoundfile.ogg');
		init_webbnote(files);
	</script>

</body>

</html>

The content of the presentation goes in-between the <article> and </article>.

Clone this wiki locally