/
index.html
139 lines (134 loc) · 7.14 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
127
128
129
130
131
132
133
134
135
136
137
138
139
<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='https://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="https://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="https://firstpr.me/images/open-graph/facebook-optimized-1200x630.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="First Pull Request">
<meta name="twitter:description" content="What was the first pull request you sent on GitHub?">
<meta name="twitter:image" content="https://firstpr.me/images/open-graph/facebook-optimized-1200x630.png">
</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://nesbitt.io'>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="https://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://opensource.guide/how-to-contribute/">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 id="request-error-template" type="x-tmpl-mustache">
<div class="results-wrapper">
<div class="result hidden error">
<h2>
There's been a problem getting the information from <b>GitHub</b>. Please try again later.
</h2>
</div>
</div>
</script>
<script src="https://code.jquery.com/jquery-2.1.0.min.js"></script>
<script src="firstpr.js"></script>
<script type="text/javascript" src="https://platform.twitter.com/widgets.js"></script>
</body>
</html>