-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
104 lines (88 loc) · 3.93 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
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Americans Bot for Messenger and Slack</title>
<meta name="description" content="Americans Bot for Messenger and Slack">
<meta name="author" content="Random Fractals, Inc. @randomfractals">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://opensource.keycdn.com/fontawesome/4.6.3/font-awesome.min.css"
integrity="sha384-Wrgq82RsEean5tP3NK3zWAemiNEXofJsTwTyHmNb/iL3dP/sZJ4+7sOld1uqYJtE" crossorigin="anonymous">
<link rel="stylesheet" href="public/styles/app.css">
</head>
<body>
<section class="container">
<div class="social">
<a href="https://twitter.com/share?text=Americans%20Bot%20for%20FB%20Messenger%20and%20Slack:%20by%20@TarasNovak "
class="twitter-share-button" data-show-count="false" data-size="large">Tweet</a>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
<a href="https://github.com/RandomFractals/americans" target="_blank>"<i class="fa fa-github fa-3x" aria-hidden="true"></i></a>
<a href="https://github.com/RandomFractals/americans/issues" target="_blank">Feedback</a>
</div>
<header>
<h1>Americans Bot</h1>
</header>
<div class="logo">
<img src="public/images/left-bracket.png">
<img src="public/images/messenger.png">
<img src="public/images/pipe.png">
<img src="public/images/slack-icon.png">
<img src="public/images/right-bracket.png">
<img src="public/images/plus.png">
<img src="public/images/census-logo.png">
<img src="public/images/tilde-2.png">
<img src="public/images/heart.png">
</div>
<p>
Wanna quickly look up USA population data on Facebook or in Slack?
</p>
<h2>Try it on Facebook</h2>
<p>
<img src="public/images/messenger.png" alt="FB Messenger" width="32" height="32" align="left" />
<a href="https://www.facebook.com/Americans-1836666999901817" target="_blank>">
Americans Messenger Bot
</a>
</p>
<br />
<h2>OR Install it for Your Slack Team</h2>
<p>Setting up Americans Bot for Slack is simple. Click Add to Slack to add it for your team to play with :)</p>
<a href="https://slack.com/oauth/authorize?scope=incoming-webhook,commands,bot&client_id=4556408678.123580773328">
<img alt="Add to Slack" height="40" width="139" src="https://platform.slack-edge.com/img/add_to_slack.png"
srcset="https://platform.slack-edge.com/img/add_to_slack.png 1x, https://platform.slack-edge.com/img/add_to_slack@2x.png 2x" />
</a>
<p>
Once added to Slack, simply type <code>/americans</code> slash command followed by location in any channel:
<p>
<code>/americans population of Chicago, IL</code>
</p>
Americans bot responds with requested location population data stats from
<a href="http://www.census.gov/data/developers/data-sets/popest-popproj.html"
target="_blank"
alt="USA census population estimates home page">census.gov</a>
<p>
<code>>~2,720,546 people live in Chicago city, IL
<br />
Population density: 11,944 p/mi²
</code>
</p>
</p>
<!--
<img src="public/images/slack-americans.gif" class="gif">
-->
<h2>About Americans Bot</h2>
<p>USA
<a href="http://www.census.gov/data/developers/data-sets.html"
target="_blank"
alt="USA census data sets">census.gov</a>
provides a lot of interesting population data info. Why not have a bot to query it?
</p>
<p>
P.S.: next release of Americans bot will provide more info on USA housing, crime, race, age, education, and incomes.
</p>
<footer>
Developed by Taras Novak (<a href="https://twitter.com/TarasNovak">@TarasNovak</a>) with Node.js and ❤
</footer>
</section>
</body>
</html>