forked from aws-samples/lambda-refarch-voteapp
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
59 lines (47 loc) · 2.71 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
56
57
58
59
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<title>Vote App</title>
<!-- Bootstrap core CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.1/css/bootstrap.min.css">
<!-- Custom styles for this template -->
<link rel="stylesheet" href="narrow.css">
<link rel="stylesheet" href="vote.css">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="container">
<div class="jumbotron2">
<h1>VoteApp</h1>
<h4 class="center">Text Your Vote For RED, GREEN, or BLUE to</h4>
<h2 class="row">(123) 456-7890</h2>
<p class="lead">This is a simple demonstration of <a href="http://aws.amazon.com/lambda/">Lambda</a>, a compute service from AWS that runs your code in response to events.</p>
</div>
<div class="row">
<div class="col-md-12"><canvas id="graph" class="inner cover" width="500" height="420"></canvas></div>
</div>
<div class="row">
<div class="col-md-12">
<p>Lambda monitors a DynamoDB table, which is populated with votes generated by texting RED, BLUE, or GREEN to a phone number provided by our friends at <a href="http://twilio.com">Twilio.</a>
When the table is updated, Lambda invokes code to query the table and aggregate the votes, which are used to create the graph above. Read more at <a href="https://medium.com/aws-activate-startup-blog">https://medium.com/aws-activate-startup-blog</a>.</p>
</div>
</div>
<footer class="footer">
<p><a href="https://medium.com/aws-activate-startup-blog/building-dynamic-dashboards-using-aws-lambda-and-amazon-dynamodb-streams-part-ii-b2d883bebde5">Demo</a> created for <a href="https://medium.com/aws-activate-startup-blog">AWS Startup Collection</a> on <a href="http://medium.com/">Medium</a>.</p>
</footer>
</div> <!-- /container -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/1.0.2/Chart.min.js"></script>
<script src="https://sdk.amazonaws.com/js/aws-sdk-2.1.40.min.js"></script>
<script src="refresh.js"></script>
</body>
</html>