forked from andrew/first-pr
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
126 lines (121 loc) · 6.53 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
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
<html lang="en">
<head>
<title>First Pull Request • What was the first pull request you sent on GitHub?</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href='http://fonts.googleapis.com/css?family=Lato:300,400,900' rel='stylesheet' type='text/css'>
<link href='firstpr.css' rel='stylesheet' type='text/css'>
<link rel="apple-touch-icon" sizes="57x57" href="images/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="144x144" href="images/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="60x60" href="images/apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="120x120" href="images/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="76x76" href="images/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="152x152" href="images/apple-touch-icon-152x152.png">
<link rel="icon" type="image/png" href="images/favicon-196x196.png" sizes="196x196">
<link rel="icon" type="image/png" href="images/favicon-160x160.png" sizes="160x160">
<link rel="icon" type="image/png" href="images/favicon-96x96.png" sizes="96x96">
<link rel="icon" type="image/png" href="images/favicon-16x16.png" sizes="16x16">
<link rel="icon" type="image/png" href="images/favicon-32x32.png" sizes="32x32">
<meta name="msapplication-TileColor" content="#2cae64">
<meta name="msapplication-TileImage" content="images/mstile-144x144.png">
<meta property="og:url" content="http://firstpr.me/" />
<meta property="og:site_name" content="First Pull Request" />
<meta property="og:title" content="First Pull Request" />
<meta property="og:description" content="What was the first pull request you sent on GitHub?" />
<meta property="og:type" content="website" />
<meta property="og:image" content="http://firstpr.me/images/open-graph/facebook-optimized-1200x630.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
</head>
<body class="first-pr">
<header role="banner">
<a href="/" aria-label="Go back to the home page"><img class="icon" src="images/icon.svg" alt="logo"></a>
<h1>First Pull Request</h1>
<h2>What was the first pull request you sent on GitHub?</h2>
</header>
<div role="main" class="content">
<form id='user-form' action="">
<label for="login" class="a11y-hidden">Login with Github</label>
<input id='login' name="login" placeholder="Your GitHub username" class="login-field">
<div class="spinner hide">
<div class="rect1"></div>
<div class="rect2"></div>
<div class="rect3"></div>
<div class="rect4"></div>
<div class="rect5"></div>
</div>
<input text="Go" type="Submit" class="submit-btn">
</form>
<div id="main"></div>
</div>
<footer role="contentinfo">
<span class="credit">Made by <a href='https://twitter.com/teabass'>Andrew</a> and <a href='https://twitter.com/itsbriannelson'>Brian</a></span>
<span class="bullet">•</span>
<span class="source">Source on <a href="https://github.com/andrew/first-pr">GitHub</a></span>
</footer>
<script id="found-template" type="x-tmpl-mustache">
<div class="results-wrapper">
<div class="result hidden found cf">
<h2 id="pr-title">
<a href="{{html_url}}" id="title" target="_blank">{{ title }}</a> <span class="pr-number">#{{number}}</span><br>
<small>to <a href="{{base.repo.html_url}}" target="_blank">{{base.repo.full_name}}</a></small>
</h2>
<div class="user-media">
<a class="avatar" href="{{user.html_url}}" target="_blank">
<img src="{{user.avatar_url}}" width="48" height="48" />
</a>
<div class="pr-dates">
<p class="sent-on">
<a href="{{user.html_url}}">{{user.login}}</a> sent this pull request
<time class="moment-date sent" datetime="{{created_at}}" is="relative-time" title-format="%Y-%m-%d %H:%M:%S %z" title="{{created_at}}">{{created_at}}</time>
</p>
<p>
{{#merged}}
<time class="state merged moment-date" datetime="{{merged_at}}" is="relative-time" title-format="%Y-%m-%d %H:%M:%S %z" title="{{merged_at}}">Merged</time>
{{/merged}}
{{^merged}}
{{#closed_at}}
<time class="state closed moment-date" datetime="{{closed_at}}" is="relative-time" title-format="%Y-%m-%d %H:%M:%S %z" title="{{closed_at}}">Closed</time>
{{/closed_at}}
{{^closed_at}}
<span class='state open'>Open</span>
{{/closed_at}}
{{/merged}}
</p>
</div>
</div>
</div>
</div>
<div id="tweet">
<a href="https://twitter.com/share" class="twitter-share-button" data-url="http://firstpr.me" data-text="I found my #FirstPullRequest: {{html_url}}. What was yours?" data-size="large">Tweet</a>
</div>
<div id="all-results">
<a href="https://github.com/search?o=asc&q=is%3Apr+author%3A{{user.login}}&ref=searchresults&s=created&type=Issues&utf8=%E2%9C%93" target="_blank">See every pull request</a> by <a href="{{user.html_url}}">{{user.login}}</a>
</div>
</script>
<script id="missing-template" type="x-tmpl-mustache">
<div class="results-wrapper">
<div class="result hidden missing">
<h2>
It doesn't look like <a href="https://github.com/{{login}}">{{login}}</a> has sent a pull request yet.
</h2>
<p><strong>Need help sending your first pull request?</strong> Check out <a href="https://guides.github.com/activities/contributing-to-open-source/">this handy guide.</a></p>
</div>
</div>
</script>
<script id="error-template" type="x-tmpl-mustache">
<div class="results-wrapper">
<div class="result hidden error">
<h2>
<b>{{login}}</b>
doesn't appear to be on GitHub at all.
</h2>
</div>
</div>
</script>
<script src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
<script src="firstpr.js"></script>
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
</body>
</html>