-
Notifications
You must be signed in to change notification settings - Fork 14
/
Copy pathindex.html
73 lines (56 loc) · 3.55 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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>HTTP Status Cats Bot for Slack</title>
<meta name="description" content="HTTP Status Cats Bot for Slack">
<meta name="author" content="Tomomi Imura @girlie_mac">
<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/css/style.css">
</head>
<body>
<section class="container">
<div class="social">
<a href="https://twitter.com/share?text=HTTP%20Status%20Cats%20for%20Slack:%20by%20@girlie_mac 🐈" 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/girliemac/slack-httpstatuscats" target="_blank>"<i class="fa fa-github fa-3x" aria-hidden="true"></i></a>
</div>
<header>
<h1>HTTP Status Cats for Slack</h1>
</header>
<div class="logo">
<img src="public/images/slack-icon.png">
<img src="public/images/plus.png">
<img src="public/images/httpstatus-icon.png">
</div>
<p>
Wanna quickly look up a definition of http status code on Slack?
Once installed it in your Slack team, simply type <code>/httpstatus</code> slash command followed by a status code (e.g. <code>404</code>).
HTTP Status Cats bot responds you with a short description of each status code with the <a href="https://http.cat/" target="_blank">HTTP Status Cats</a> picture. 🐱
</p>
<h2>Install it on Your Slack Team</h2>
<p>Setting up HTTP Status Cats in Slack is simple.
Just click the button to log in to your Slack account and choose a team!</p>
<!-- Slack OAuth button -->
<a href="https://slack.com/oauth/authorize?scope=commands+team%3Aread&client_id=2147483902.429080861072"><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/[email protected] 2x" /></a>
<p>Once you install the bot, you should be able to use the slash command on your team chat room.
Just type <code>/httpstatus</code> followed by a status code.</p>
<img src="public/images/slack-httpstatuscats.gif" class="gif">
<h2>About HTTP Status Cats</h2>
<p>Internet is made of cats, so why not HTTP Status codes, explained with cats?</p>
<p>Originally, HTTP Status Cats was created by yours truly in 2011! It is best described on <a href="http://knowyourmeme.com/memes/http-status-cats" target="_blank">Know Your Meme</a>.</p>
<p>Later, HTTP Status Cats API was created and landed on its domain, <strong>http.cat</strong> by Rogério Vicente.
HTTP Status Cats was featured on tech news and blogs globally, including Mashables, CNN Tech, BuzzFeed, etc.
and <a href="http://boingboing.net/2011/12/14/http-status-cats-by-girliemac.html" target="_blank">Boing Boing</a> stated I "just won the internet".
<div class="status">
<img src="public/images/301.jpg">
<img src="public/images/401.jpg">
<img src="public/images/431.jpg">
</div>
<footer>
Developed by Tomomi Imura (<a href="https://twitter.com/girlie_mac">@girlie_mac</a>) with Node.js and :heart:.
</footer>
</section>
</body>
</html>