2014-10-22 22:49:42 +00:00
|
|
|
<!DOCTYPE html>
|
2014-06-23 17:29:22 +00:00
|
|
|
<html>
|
|
|
|
|
<head>
|
2014-10-22 22:49:42 +00:00
|
|
|
<meta charset="utf-8">
|
2014-06-23 17:29:22 +00:00
|
|
|
<title>EXAMPLES</title>
|
2014-09-09 19:30:53 +00:00
|
|
|
|
2015-06-27 22:10:18 +00:00
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
|
2014-09-05 05:31:10 +00:00
|
|
|
|
2015-06-26 05:23:05 +00:00
|
|
|
<script type="text/javascript" src="./scripts/jquery.min.js"></script>
|
2015-02-12 03:39:28 +00:00
|
|
|
<script type="text/javascript" src="./scripts/ExampleList.js"></script>
|
2015-02-26 16:25:16 +00:00
|
|
|
|
|
|
|
|
<link rel="stylesheet" type="text/css" href="./style/examples.css">
|
2014-09-05 05:31:10 +00:00
|
|
|
|
2014-06-23 17:29:22 +00:00
|
|
|
</head>
|
|
|
|
|
<body>
|
2015-02-26 16:25:16 +00:00
|
|
|
<style type="text/css">
|
2015-06-27 21:25:01 +00:00
|
|
|
#Content div{
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
margin-top: 5px;
|
|
|
|
|
}
|
|
|
|
|
#Content a {
|
|
|
|
|
margin-left: 10px;
|
|
|
|
|
font-weight: normal!important;
|
|
|
|
|
}
|
|
|
|
|
.Category {
|
|
|
|
|
font-weight: 900;
|
|
|
|
|
font-size: 18px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#ExampleList {
|
|
|
|
|
width: 200px;
|
|
|
|
|
margin-left: auto;
|
|
|
|
|
margin-right: auto;
|
2015-06-27 22:10:18 +00:00
|
|
|
margin-bottom: 40px;
|
2015-06-27 21:25:01 +00:00
|
|
|
}
|
2015-02-26 16:25:16 +00:00
|
|
|
</style>
|
2015-06-27 21:25:01 +00:00
|
|
|
<div id="Content" class="FullScreen"></div>
|
2014-09-05 05:31:10 +00:00
|
|
|
<script type="text/javascript">
|
|
|
|
|
|
2015-06-27 21:25:01 +00:00
|
|
|
var container = $("<div>", {
|
|
|
|
|
"id" : "ExampleList",
|
|
|
|
|
}).appendTo("#Content");
|
|
|
|
|
|
2015-06-27 22:10:18 +00:00
|
|
|
$(function(){
|
|
|
|
|
var topbar = $("<div>").attr("id", "TopBar");
|
|
|
|
|
$("body").prepend(topbar);
|
|
|
|
|
$("<div>")
|
|
|
|
|
.attr("id", "Homepage")
|
|
|
|
|
.attr("title", "github")
|
|
|
|
|
.html("<a href='http://github.com/TONEnoTONE/Tone.js'>Tone.js</a>")
|
|
|
|
|
.appendTo(topbar);
|
|
|
|
|
$("<div>")
|
|
|
|
|
.attr("id", "Examples")
|
|
|
|
|
.attr("title", "examples")
|
|
|
|
|
.html("<a href='./index.html'>examples</a>")
|
|
|
|
|
.appendTo(topbar);
|
|
|
|
|
|
|
|
|
|
for (var catName in ExampleList){
|
|
|
|
|
$("<div>").addClass("Category").text(catName).appendTo(container);
|
|
|
|
|
var category = ExampleList[catName];
|
|
|
|
|
for (var example in category){
|
|
|
|
|
$("<div>").addClass("Item")
|
|
|
|
|
.appendTo(container)
|
|
|
|
|
.html($("<a>").attr("href", category[example]+".html").text(example));
|
|
|
|
|
}
|
2015-06-27 21:25:01 +00:00
|
|
|
}
|
2015-06-27 22:10:18 +00:00
|
|
|
|
|
|
|
|
});
|
2014-09-05 05:31:10 +00:00
|
|
|
</script>
|
2014-06-23 17:29:22 +00:00
|
|
|
</body>
|
|
|
|
|
</html>
|
