mirror of
https://github.com/Tonejs/Tone.js
synced 2024-11-17 09:08:10 +00:00
71 lines
No EOL
1.6 KiB
HTML
71 lines
No EOL
1.6 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>EXAMPLES</title>
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
|
|
<link rel="icon" type="image/png" sizes="174x174" href="./style/favicon.png">
|
|
|
|
<script type="text/javascript" src="./scripts/jquery.min.js"></script>
|
|
<script type="text/javascript" src="https://tonejs.github.io/Logo/build/Logo.js"></script>
|
|
<script type="text/javascript" src="./scripts/ExampleList.js"></script>
|
|
|
|
<link rel="stylesheet" type="text/css" href="./style/examples.css">
|
|
|
|
</head>
|
|
<body>
|
|
<style type="text/css">
|
|
#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;
|
|
margin-bottom: 40px;
|
|
}
|
|
</style>
|
|
<div id="Content" class="FullScreen">
|
|
<div id="ExampleList"></div>
|
|
</div>
|
|
<script type="text/javascript">
|
|
|
|
var container = $("#ExampleList");
|
|
|
|
$(function(){
|
|
|
|
$(function(){
|
|
var topbar = $("<div>").attr("id", "TopBar");
|
|
$("body").prepend(topbar);
|
|
Logo({
|
|
"container" : topbar.get(0),
|
|
"height" : topbar.height() - 6,
|
|
"width" : 140
|
|
});
|
|
});
|
|
|
|
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));
|
|
}
|
|
}
|
|
|
|
});
|
|
</script>
|
|
</body>
|
|
</html> |