Tone.js/examples/index.html
2014-09-09 15:30:53 -04:00

64 lines
No EOL
1.6 KiB
HTML

<html>
<head>
<title>EXAMPLES</title>
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<script type="text/javascript" src="./deps/jquery.min.js"></script>
<script type="text/javascript" src="./deps/jquery-ui.js"></script>
<script type="text/javascript" src="./deps/jquery.ui.touch-punch.js"></script>
<script type="text/javascript" src="../build/Tone.js"></script>
<script type="text/javascript" src="../build/Tone.Preset.js"></script>
<script type="text/javascript" src="./Widgets.js"></script>
<script type="text/javascript" src="./ExampleList.js"></script>
<link rel="stylesheet" type="text/css" href="./style/widgets.css">
<link rel="stylesheet" type="text/css" href="./style/jquery-ui.css">
<script type="text/javascript" src="./deps/qwerty-hancock.js"></script>
</head>
<body>
<div id="Container">
<div id='TopBar'>
<div id="HomePage">
<a href="https://github.com/TONEnoTONE/Tone.js">Tone.js</a>
</div>
</div>
<div id="Explanation">
Examples
</div>
<div id="Content">
</div>
</div>
<script type="text/javascript">
var content = $("#Content");
for (var catName in ExampleList){
$("<div>").addClass("Category").text(catName)
.appendTo(content);
var category = ExampleList[catName];
for (var example in category){
$("<div>").addClass("Item")
.appendTo(content)
.html($("<a>").attr("href", category[example]+".html").text(example));
}
}
</script>
<style type="text/css">
#Content div{
font-size: 14px;
margin-top: 5px;
}
a:visited {
color: black;
}
a {
margin-left: 10px;
color: black;
}
.Category {
font-weight: 900;
}
</style>
</body>
</html>