forked from thepracticaldev/1pr
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
166 lines (129 loc) · 8.95 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
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
<!DOCTYPE html>
<html>
<head>
<title>One PR A Day</title>
<meta name="viewport" content="width=device-width,initial-scale=1" />
<link rel="stylesheet" type="text/css" href="stylesheets/styles.css">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link rel="icon" href="favicon.ico" type="image/x-icon">
</head>
<body>
<div id="sidebar">
<a id="sidebar-close" href="#">
<svg viewBox="0 0 12 16"><path fill-rule="evenodd" d="M7.48 8l3.75 3.75-1.48 1.48L6 9.48l-3.75 3.75-1.48-1.48L4.52 8 .77 4.25l1.48-1.48L6 6.52l3.75-3.75 1.48 1.48z"></path></svg>
</a>
<nav>
<a href="game.html">Would you like to play a game?</a>
</nav>
</div>
<div id="sidebar-overlay"></div>
<div id="body-container">
<header>
<div class="container">
<a class="logo" href="https://thepracticaldev.github.io/1pr/">
<svg viewBox="0 0 12 16"><path fill-rule="evenodd" d="M11 11.28V5c-.03-.78-.34-1.47-.94-2.06C9.46 2.35 8.78 2.03 8 2H7V0L4 3l3 3V4h1c.27.02.48.11.69.31.21.2.3.42.31.69v6.28A1.993 1.993 0 0 0 10 15a1.993 1.993 0 0 0 1-3.72zm-1 2.92c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2zM4 3c0-1.11-.89-2-2-2a1.993 1.993 0 0 0-1 3.72v6.56A1.993 1.993 0 0 0 2 15a1.993 1.993 0 0 0 1-3.72V4.72c.59-.34 1-.98 1-1.72zm-.8 10c0 .66-.55 1.2-1.2 1.2-.65 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2zM2 4.2C1.34 4.2.8 3.65.8 3c0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2z"></path></svg>
</a>
<nav>
<a target="_blank" href="https://github.com/thepracticaldev/1pr">
<svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0 0 16 8c0-4.42-3.58-8-8-8z"></path></svg>
</a>
<a target="_blank" href="https://twitter.com/ThePracticalDev">
<svg viewBox="0 0 32 27" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M10.104 25.94c11.995 0 18.556-9.938 18.556-18.556 0-.283-.006-.564-.019-.843 1.273-.92 2.38-2.07 3.253-3.377-1.168.519-2.426.869-3.745 1.026A6.545 6.545 0 0 0 31.017.583a13.077 13.077 0 0 1-4.141 1.583 6.523 6.523 0 0 0-11.113 5.947A18.518 18.518 0 0 1 2.318 1.3a6.504 6.504 0 0 0-.883 3.277 6.517 6.517 0 0 0 2.902 5.43 6.472 6.472 0 0 1-2.953-.816l-.001.083a6.523 6.523 0 0 0 5.232 6.393 6.528 6.528 0 0 1-2.946.112 6.528 6.528 0 0 0 6.093 4.53 13.083 13.083 0 0 1-8.1 2.79c-.526 0-1.046-.03-1.556-.09a18.46 18.46 0 0 0 9.997 2.93" fill-rule="nonzero" /></svg>
</a>
</nav>
<span class="fill"></span>
<a id="sidebar-toggle" href="#">
<svg aria-hidden="true" class="octicon octicon-three-bars" height="24" version="1.1" viewBox="0 0 12 16" width="18"><path fill-rule="evenodd" d="M11.41 9H.59C0 9 0 8.59 0 8c0-.59 0-1 .59-1H11.4c.59 0 .59.41.59 1 0 .59 0 1-.59 1h.01zm0-4H.59C0 5 0 4.59 0 4c0-.59 0-1 .59-1H11.4c.59 0 .59.41.59 1 0 .59 0 1-.59 1h.01zM.59 11H11.4c.59 0 .59.41.59 1 0 .59 0 1-.59 1H.59C0 13 0 12.59 0 12c0-.59 0-1 .59-1z"></path></svg>
</a>
</div>
</header>
<div id="pr-counter">
<div id="loader"></div>
<div class="info">
<div id="pr-count">?</div>
<div class="label">open pull requests</div>
</div>
</div>
<div id="last-pr">
<div class="container">
<p class="pr-title"></p>
</div>
</div>
<div class="panel">
<div class="container">
<h1>I will be accepting up to one pull request per day on <a href="https://github.com/thepracticaldev/1pr">this project</a></h1>
<div id="intro">
<p>Interested in contributing, but not sure where to start?</p>
<div class="block">
<svg class="icon" viewBox="0 0 97 97"><path d="M92.71 44.408L52.591 4.291a5.918 5.918 0 0 0-8.369 0l-8.33 8.332L46.459 23.19a7.022 7.022 0 0 1 7.229 1.685 7.03 7.03 0 0 1 1.67 7.275l10.186 10.185a7.028 7.028 0 0 1 7.275 1.671 7.043 7.043 0 0 1-9.961 9.958 7.043 7.043 0 0 1-1.531-7.658l-9.5-9.499v24.997a7.042 7.042 0 1 1-8.096 11.291 7.042 7.042 0 0 1 2.307-11.496v-25.23a7.041 7.041 0 0 1-3.823-9.235L31.798 16.715 4.288 44.222a5.92 5.92 0 0 0 0 8.371l40.121 40.118a5.918 5.918 0 0 0 8.369 0L92.71 52.779a5.92 5.92 0 0 0 0-8.371z"/></svg>
<ul>
<li>For a primer on git: <a target="_blank" href="http://www.theodinproject.com/courses/web-development-101/lessons/introduction-to-git">click here</a></li>
<li><a target="_blank" href="http://try.github.io">Try Git</a> by Codeschool</li>
</ul>
</div>
<div class="block">
<svg class="icon" viewBox="0 0 12 16"><path fill-rule="evenodd" d="M11 11.28V5c-.03-.78-.34-1.47-.94-2.06C9.46 2.35 8.78 2.03 8 2H7V0L4 3l3 3V4h1c.27.02.48.11.69.31.21.2.3.42.31.69v6.28A1.993 1.993 0 0 0 10 15a1.993 1.993 0 0 0 1-3.72zm-1 2.92c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2zM4 3c0-1.11-.89-2-2-2a1.993 1.993 0 0 0-1 3.72v6.56A1.993 1.993 0 0 0 2 15a1.993 1.993 0 0 0 1-3.72V4.72c.59-.34 1-.98 1-1.72zm-.8 10c0 .66-.55 1.2-1.2 1.2-.65 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2zM2 4.2C1.34 4.2.8 3.65.8 3c0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2z"></path></svg>
<ul>
<li>Check out the <a target="_blank" href="https://github.com/thepracticaldev/1pr/pulls">pull requests</a></li>
<li>Read the <a target="_blank" href="https://github.com/thepracticaldev/1pr/blob/master/README.md">README</a></li>
</ul>
</div>
<div class="block">
<svg class="icon" viewBox="0 0 14 16"><path fill-rule="evenodd" d="M14 6l-4.9-.64L7 1 4.9 5.36 0 6l3.6 3.26L2.67 14 7 11.67 11.33 14l-.93-4.74z"></path></svg>
<ul>
<li>Some inspiration for cool ideas <a target="_blank" href="https://medium.freecodecamp.com/6-absurd-ideas-for-building-your-first-web-application-24afca35e519#.do2wbrk4s">in this medium post</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="container" id="repo-info">
<div class="block" id="stars">
<svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M14 6l-4.9-.64L7 1 4.9 5.36 0 6l3.6 3.26L2.67 14 7 11.67 11.33 14l-.93-4.74z"></path></svg>
<span class="data"></span>
</div>
<div class="block" id="issues">
<svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"></path></svg>
<span class="data"></span>
</div>
<div class="block" id="forks">
<svg viewBox="0 0 10 16"><path fill-rule="evenodd" d="M8 1a1.993 1.993 0 0 0-1 3.72V6L5 8 3 6V4.72A1.993 1.993 0 0 0 2 1a1.993 1.993 0 0 0-1 3.72V6.5l3 3v1.78A1.993 1.993 0 0 0 5 15a1.993 1.993 0 0 0 1-3.72V9.5l3-3V4.72A1.993 1.993 0 0 0 8 1zM2 4.2C1.34 4.2.8 3.65.8 3c0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2zm3 10c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2zm3-10c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2z"></path></svg>
<span class="data"></span>
</div>
<h2>Contributors</h2>
<div id="contributors"></div>
</div>
<div class="panel">
<div class="container">
<h2>Check out what pull requests are up for selection</h2>
<div id="pull-requests-container"></div>
</div>
</div>
<div class="container" id="games">
<h2>The 1PR Game</h2>
<a href="game.html" target="_blank">Play Now</a>
</div>
</div>
<script>
// Set the assets (scripts and stylesheets) to be loaded in order
// Note: if the url doesn't end in '.js' or '.css', add 'js:' or 'css:' before the URL, otherwise the loader script won't work
// When adding features, add the scripts and stylesheets to this array if possible. This ensures that the blank page itself gets loaded quickly, and that all scripts are loaded in the correct order.
// This also allows us to make our scripts and stylesheets modular, without using preprocessors or build pipelines (although we may want those eventually anyways)
window.assets = [
'css:https://fonts.googleapis.com/css?family=Patua+One|Open+Sans:400,600',
'scripts/main.js',
'scripts/api.js',
'scripts/pr-counter.js',
'scripts/pr.js',
'scripts/contributors.js',
'scripts/stats.js',
'https://apis.google.com/js/platform.js',
'scripts/vote.js',
'vendor/gitter.css',
'stylesheets/gitter-override.css',
'vendor/sidecar.v1.js'
];
</script>
<script src="scripts/asset-loader.js"></script>
</body>
</html>