bungee
Version:
Bungee is a declarative language engine to run inside a browser. The node module contains the offline compiler.
73 lines (55 loc) • 2.03 kB
HTML
<html>
<head>
<title> Bungee </title>
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0, target-densitydpi=device-dpi" />
<link rel="stylesheet" href="normalize.css">
<script type="text/javascript" src="../../bungee.js"></script>
<script type="text/jump">
Tab @ Item {
backgroundColor: "#3C7DC1"
opacity: this.modelData / this.parent.count
width: this.parent.width
height: 30
label: "Tab " + this.modelData
tmpPos: (this.modelData * this.parent.height / this.parent.count) / this.parent.height;
top: this.parent.mouseAbsY * this.tmpPos;
Text {
text: this.parent.label
top: this.parent.height/2 - this.textHeight/2
left: 20
color: "white"
}
}
Window {
width: this.innerWidth
height: this.innerHeight
InputItem {
top: 10
left: 10
width: this.parent.width - this.left*2
height: this.parent.height - this.top*2
tabDelegate: Tab;
count: 20
onload: {
for (var i = 0; i < this.count; ++i) {
var child = this.createtabDelegate();
child.modelData = i;
this.addChild(child);
child.initializeBindings();
}
}
}
}
</script>
<script>
function init() {
Bungee.jump();
window.document.body.ontouchmove = function (event) {
event.preventDefault();
}
}
</script>
</head>
<body onload="init();" style="-ms-touch-action: none;">
</body>
</html>