-
Notifications
You must be signed in to change notification settings - Fork 6
/
index.html
34 lines (33 loc) · 1.28 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<html ng-app="Meme">
<head>
<title>Meme Generator</title>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
<link rel="stylesheet" type="text/css" href="css/style.css"/>
<script src="js/jquery-1.9.1.min.js"></script>
<script src="js/console-image.js"></script>
<script src="js/angular.min.js"></script>
<script src="js/script.js"></script>
</head>
<body>
<div ng-controller="MainController">
<header class="offset5"><h1>Meme Generator</h1></header>
<div class="container-fluid">
<div class="preview-wrap span8">
<legend> Preview </legend>
<div class="canvas"></div>
</div>
<div class="info span4">
<fieldset>
<legend>Meme Settings</legend>
<input width="75px" type="text" ng-model='toptext' ng-change="alterMeme()" placeholder="top text"/>
<input type="text" ng-model='bottomtext' ng-change="alterMeme()" placeholder="bottom text"/>
<select ng-model="selectedMeme" ng-init="selectedMeme = memes[0]" ng-change="alterMeme()" ng-options="m.name for m in memes">
</select>
<button class="btn btn-large btn-primary" ng-click="create()">Save Image</button>
</fieldset>
</div>
<footer> by <a href="http://twitter.com/dmamills">@dmamills</a> </footer>
</div>
</div>
</body>
</html>