-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
55 lines (45 loc) · 1.79 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
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
<!DOCTYPE html>
<html>
<head>
<!-- css files -->
<link rel="stylesheet" href="node_modules/materialize-css/bin/materialize.css"/>
<!-- index.css must be placed after materializeCSS for rendering purposes -->
<link rel="stylesheet" href="index.css"/>
<!-- bypasses loading page bugs -->
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="node_modules/angular/angular.js"></script>
</head>
<body ng-app="acmeApp" ng-controller="acmeController">
<!-- top center timer -->
<div class="timer">
Data asynchronously retrieved in <span class="seconds">{{clock}}</span> second(s)
</div>
<!-- center title and button -->
<div class="mainContainer">
<button ng-disabled="!clickable" ng-click="fetchData()" class="truthButton red waves-effect waves-light btn-large">Truth</button>
</div>
<!-- quotes that show after button is pressed -->
<div class="quotesContainer">
<div class="quote" ng-show="showQuote" ng-repeat="item in fortune">
{{item}}
</div>
</div>
<!-- bottom right link to restart -->
<span ng-show="truthClickable" class="moreTruth">
<a href="" ng-click="reset()">
More Truth -->
</a>
</span>
<!-- bottom center links to profile and github -->
<span class="extra">
Created by
<a class="profile" target="_blank" href="https://github.com/josephlin55555">Joseph Lin</a>
<br>
Want to fork this?
<a class="github" target="_blank" href="https://github.com/josephlin55555/acmeAdvisor">Click here</a>!
</span>
<!-- remaining script files -->
<script src="node_modules/materialize-css/bin/materialize.js"></script>
<script src="client.js"></script>
</body>
</html>