Skip to content

Instantly share code, notes, and snippets.

@sbosell
Created October 10, 2013 19:01
Show Gist options
  • Save sbosell/6923639 to your computer and use it in GitHub Desktop.
Save sbosell/6923639 to your computer and use it in GitHub Desktop.
<!DOCTYPE html>
<html ng-app="plunker">
<head>
<meta charset="utf-8" />
<title>AngularJS Plunker</title>
<script>document.write('<base href="' + document.location + '" />');</script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script data-require="[email protected]" src="http://ajax.googleapis.com/ajax/libs/angularjs/1.1.5/angular.js" ></script>
<script src="lucuma.js"></script>
<script src="angular-slider.js"></script>
<script src="http://angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.6.0.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.7/themes/smoothness/jquery-ui.css" rel="stylesheet">
<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css" rel="stylesheet">
<script src="app.js" ></script>
<link href='style.css' rel='stylesheet' />
</head>
<body ng-controller='MainCtrl'>
<h1>Facebook Stickers - Animados con Angular</h1>
<div ng-hide='stickersData.length>0' style='display:block'>Getting sticker info...</div>
<button ng-click='open()' ng-show='stickersData.length>0' style='display:none' >Stickers</button>
<div class='container'>
<div class="row" ng-repeat='sticky in stickers'>
<div class="col-icon"> <sticker animation='sticky'></sticker>
</div>
<div class="col-slider">
<div class="slider" ui-slider="{orientation: 'vertical'}" min="20" max="1000" step="10" ng-model="sticky.speed"></div>
<label>{{sticky.speed}}</label>
</div>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment