|
<!doctype html>
<html class="no-js">
<head>
<meta charset="utf-8">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="styles/main.css">
<!-- bower:js -->
<script src="../bower_components/angular/angular.js"></script>
<script src="../bower_components/famous-angular/dist/famous-angular.js"></script>
<script src="../bower_components/famous/dist/famous-global.js"></script>
<script src="http://code.createjs.com/createjs-2013.12.12.min.js"></script>
<!-- endbower -->
<script src="scripts/app.js"></script>
</head>
<body ng-app="goApp">
<fa-app ng-controller='indexController' id="app1">
<fa-modifier fa-size="[true, true]" fa-origin="[0,0]" fa-translate="[0, 0, 0]">
<fa-video-surface
fa-video-url="content/videos/bg_1.mov"
class="video"
fa-options="{autoplay:true, setAttributes: 'loop'}" >
</fa-video-surface>
</fa-modifier>
</fa-app>
<fa-app ng-controller='indexController' id="app2">
<fa-modifier fa-size="[true, true]" fa-origin="[0,0]" fa-translate="[0, 0, 0]" fa-index="1">
<ui-view style="position: absolute; z-index: 2;">
<fa-modifier fa-size="[100, 100]" fa-translate="translation(t.get())" >
<fa-surface fa-background-color="'#FA5C4F'" fa-color="'red'" >
{{data.message}}
</fa-surface>
</fa-modifier>
</fa-modifier>
</ui-view>
</fa-modifier>
</fa-app>
</body>
</html>
|
