-
Notifications
You must be signed in to change notification settings - Fork 89
/
index.html
449 lines (413 loc) · 22.2 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
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="google-site-verification" content="fB-iMU10GcaZPUhaVfd2hte-E36g44eYxcxGLbbljFc" />
<title>GitHub Hovercard</title>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/octicons/4.4.0/font/octicons.css">
<link rel="stylesheet" href="demo/dist/demo.css">
<link rel="chrome-webstore-item" href="https://chrome.google.com/webstore/detail/mmoahbbnojgkclgceahhakhnccimnplk">
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-34177998-1', 'auto');
ga('send', 'pageview');
</script>
</head>
<body>
<header role="banner">
<div>
<a href="//github.com/Justineo/github-hovercard"><h1>GitHub Hovercard</h1></a>
<div id="social"></div>
</div>
</header>
<main>
<article>
<section class="intro">
<section class="disclaimer">
<p><span class="mega-octicon octicon-issue-opened"></span> <em>GitHub Hovercard</em> is a third party tool which <strong>is not affiliated to GitHub</strong> (github.com). This page is designed exactly the same as GitHub only to show how the extension actually works on GitHub.</p>
</section>
<section class="desc">
<h1>What is GitHub Hovercard?</h1>
<p><em>GitHub Hovercard</em> provides neat hovercards for GitHub. It brings you instant access to user/repo/issue/commit information from anywhere on GitHub.</p>
</section>
<section class="installation">
<h1>Installation</h1>
<script>
var browser = 'other';
var edge = navigator.userAgent.match(/Edge\/(\d+)\.(\d+)/);
if (window.chrome && chrome.webstore && typeof chrome.webstore.install === 'function') {
browser = 'chrome';
} else if (window.InstallTrigger && typeof InstallTrigger.install === 'function') {
browser = 'mozilla';
} else if (window.opr && opr.addons && typeof opr.addons.installExtension === 'function') {
browser = 'opera';
} else if (edge && parseInt(edge[1], 10) >= 14 && parseInt(edge[2], 10) >= 14393) {
browser = 'edge';
} else if (navigator.userAgent.match(/\bSafari\b/)) {
browser = 'safari';
}
if (browser !== 'other') {
document.write('<style>#' + browser + ' { display: block; }</style>');
} else {
document.write('<style>.fallback { display: block !important; } .support { display: none; }</style>');
}
</script>
<div id="chrome" class="install-panel">
<p><button class="btn btn-primary install">Add to Chrome</button> <span class="hint">or download from <a href="https://chrome.google.com/webstore/detail/github-hovercard/mmoahbbnojgkclgceahhakhnccimnplk">Chrome Webstore</a>.</span></p>
<p class="alt text-muted">Other versions: <a href="https://addons.mozilla.org/en-US/firefox/addon/github-hovercard/">Firefox</a> / <a href="https://addons.opera.com/extensions/details/github-hovercard/">Opera</a> / <a href="https://justineo.github.io/github-hovercard/userscript/dist/github-hovercard.user.js">userscript</a></p>
</div>
<div id="mozilla" class="install-panel">
<p><button class="btn btn-primary install">Add to Firefox</button> <span class="hint">or download from <a href="https://addons.mozilla.org/en-US/firefox/addon/github-hovercard/">Mozilla Add-ons</a>.</span></p>
<p class="alt text-muted">Other versions: <a href="https://chrome.google.com/webstore/detail/github-hovercard/mmoahbbnojgkclgceahhakhnccimnplk">Chrome</a> / <a href="https://addons.opera.com/extensions/details/github-hovercard/">Opera</a> / <a href="https://justineo.github.io/github-hovercard/userscript/dist/github-hovercard.user.js">userscript</a></p>
</div>
<div id="opera" class="install-panel">
<p><button class="btn btn-primary install">Add to Opera</button> <span class="hint">or download from <a href="https://addons.opera.com/extensions/details/github-hovercard/">Opera Extensions</a>.</span></p>
<p class="alt text-muted">Other versions: <a href="https://chrome.google.com/webstore/detail/github-hovercard/mmoahbbnojgkclgceahhakhnccimnplk">Chrome</a> / <a href="https://addons.mozilla.org/en-US/firefox/addon/github-hovercard/">Firefox</a> / <a href="https://justineo.github.io/github-hovercard/userscript/dist/github-hovercard.user.js">userscript</a></p>
</div>
<div id="edge" class="install-panel">
<p>Download the zipped archive from GitHub Hovercard's <a href="https://github.com/Justineo/github-hovercard/raw/master/extensions/packed/github-hovercard.edge.zip">GitHub repo</a>. Microsoft Edge isn't accepting new extensions for now so it takes time to make the installation available directly from Windows Store. You can <a href="https://developer.microsoft.com/en-us/microsoft-edge/platform/documentation/extensions/guides/adding-and-removing-extensions/">manually install the extension</a> to try out.</p>
</div>
<div id="safari" class="install-panel">
<p>Safari version is not available from Apple's Safari Extensions Gallery because Apple now requires the extension developers to purchase its Apple Developer Program ($99/year) to publish extensions. If you are a Safari user and you really like this extension, you can download the <a href="https://minhaskamal.github.io/DownGit/#/home?url=https://github.com/Justineo/github-hovercard/tree/master/extensions/github-hovercard.safariextension">unpacked version</a> and install it <a href="https://github.com/Justineo/github-hovercard#manual-installation">manually</a>. If you are interested in putting it into the official gallery, you can <a href="https://www.paypal.me/guyiling">make a donation here</a> and once the donation is sufficient to cover the annual fee I'll get it done.</p>
</div>
<div class="fallback">
<p>Extension version is not supported by your browser. You can try the <a href="https://justineo.github.io/github-hovercard/userscript/dist/github-hovercard.user.js">userscript</a> version. Or go to our <a href="//github.com/Justineo/github-hovercard/issues">GitHub issues</a> for help.</p>
</div>
</section>
<section class="changelog">
<h1>What's new for v1.9.4?</h1>
<ul>
<li>Removed <code>tabs</code> permission request.</li>
</ul>
<p class="alt text-muted">Check the complete changelog <a href="//github.com/Justineo/github-hovercard/blob/master/CHANGELOG.md">here</a>.</p>
</section>
<section class="tryout">
<h1>Try yourself</h1>
<p class="support">Try it out around this page. Have fun!</p>
<p class="fallback">Sorry, neither extension nor userscript version is available for your browser (but you can preview the functionalities around this page).</p>
</section>
</section>
<section class="news">
<div class="alert push">
<div class="body">
<span class="mega-octicon octicon-git-commit" aria-label="Push"></span>
<div class="time">
<time datetime="2015-12-22T06:12:53Z" title="2015年12月22日 GMT+8下午2:12">A few hours ago</time>
</div>
<div class="title">
<a class="author" href="//github.com/pissang">pissang</a> pushed to <a href="//github.com/ecomfe/echarts-builder-web/tree/gh-pages">gh-pages</a> at <a class="notifications-repo-link" href="//github.com/ecomfe/echarts-builder-web">ecomfe/echarts-builder-web</a>
</div>
<div class="details">
<a href="//github.com/pissang"><img alt="@pissang" class="gravatar" height="30" src="https://avatars3.githubusercontent.com/u/841551?v=3&s=60" width="30"></a>
<div class="commits pusher-is-only-committer">
<ul>
<li>
<span>
<img class="avatar" alt="@pissang" height="16" src="https://avatars2.githubusercontent.com/u/841551?v=3&s=32" width="16">
</span>
<code><a href="//github.com/ecomfe/echarts-builder-web/commit/a174f15a588102e1d52622264e26483af6e1b37d">a174f15</a></code>
<div class="message">
<blockquote>
Fix <a class="issue-link" href="https://github.com/ecomfe/echarts/issues/2289">ecomfe/echarts#2289</a>
</blockquote>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="alert issues_opened">
<div class="body">
<span class="mega-octicon octicon-git-pull-request" aria-label="Pull request"></span>
<div class="time">
<time datetime="2015-12-17T07:56:08Z" is="relative-time" title="2015年12月17日 GMT+8下午3:56">A few days ago</time>
</div>
<div class="title">
<a class="author" href="//github.com/errorrik">errorrik</a> opened pull request <a class="notifications-repo-link" href="/ecomfe/ecomfe.github.io/pull/38">ecomfe/ecomfe.github.io#38</a>
</div>
<div class="details">
<a href="//github.com/errorrik"><img alt="@errorrik" class="gravatar" height="30" src="https://avatars1.githubusercontent.com/u/2851010?v=3&s=60" width="30"></a>
<div class="message">
<blockquote>add <esl error message> post</blockquote>
<div class="pull-info">
<span class="octicon octicon-git-commit"></span>
<em>1</em> commit with
<em>237</em> additions and
<em>0</em> deletions
</div>
</div>
</div>
</div>
</div>
<div class="alert fork simple">
<div class="body">
<div class="simple">
<span class="octicon octicon-git-branch" aria-label="Fork"></span>
<div class="title">
<a class="author" href="//github.com/hax">hax</a> forked <a class="notifications-repo-link" href="//github.com/eslint/eslint">eslint/eslint</a> to <a class="notifications-repo-link" href="//github.com/hax/eslint" title="hax/eslint">hax/eslint</a>
</div>
<div class="time">
<time datetime="2015-12-21T04:48:18Z" title="2015年12月21日 GMT+8下午12:48">A few days ago</time>
</div>
</div>
</div>
</div>
<div class="alert issues_comment">
<div class="body">
<span class="mega-octicon octicon-comment-discussion" aria-label="Issue comment"></span>
<div class="time">
<time datetime="2015-10-05T13:56:40Z" title="2015年10月5日 GMT+8下午9:56">A few days ago</time>
</div>
<div class="title">
<a href="//github.com/Psidium">Psidium</a> commented on issue <a class="notifications-repo-link" href="//github.com/Justineo/github-hovercard/issues/6#issuecomment-154392034" title="Add support to Github Enterprise">Justineo/github-hovercard#6</a>
</div>
<div class="details">
<a href="//github.com/Psidium"><img alt="@Psidium" class="gravatar hovercard-user-x tooltipstered" height="30" src="https://avatars3.githubusercontent.com/u/2848323?v=3&s=60" width="30"></a>
<div class="message markdown-body">
<blockquote>
Hey! sorry for the late response, but it works like a charm in github enterprise <img class="emoji" title=":+1:" alt=":+1:" src="https://assets-cdn.github.com/images/icons/emoji/unicode/1f44d.png" height="20" width="20" align="absmiddle"> thaankssss
</blockquote>
</div>
</div>
</div>
</div>
<div class="alert issues_opened">
<div class="body">
<span class="mega-octicon octicon-issue-opened" aria-label="Issue"></span>
<div class="time">
<time datetime="2015-12-15T07:22:50Z" title="2015年12月15日 GMT+8下午3:22">Many days ago</time>
</div>
<div class="title">
<a class="author" href="//github.com/otakustay">otakustay</a> opened issue <a class="notifications-repo-link" href="//github.com/ecomfe/fecs/issues/129" title="检查变量是否可以定义在更小的作用域内">ecomfe/fecs#129</a>
</div>
<div class="details">
<a href="//github.com/otakustay"><img alt="@otakustay" class="gravatar" height="30" src="https://avatars3.githubusercontent.com/u/639549?v=3&s=60" width="30"></a>
<div class="message">
<blockquote>
检查变量是否可以定义在更小的作用域内
</blockquote>
</div>
</div>
</div>
</div>
<div class="alert watch_started simple">
<div class="body">
<div class="simple">
<span class="octicon octicon-star" aria-label="Watch"></span>
<div class="title">
<a class="author" href="//github.com/Justineo">Justineo</a> starred <a class="notifications-repo-link" href="//github.com/nodejs/node">nodejs/node</a>
</div>
<div class="time">
<time datetime="2015-08-11T14:23:00Z" title="2015年8月11日 GMT+8下午10:22">Many days ago</time>
</div>
</div>
</div>
</div>
<div class="alert create simple">
<div class="body">
<div class="simple">
<span class="octicon octicon-repo" aria-label="Create"></span>
<div class="title">
<a class="author" href="//github.com/Justineo">Justineo</a> created repository <a class="notifications-repo-link" href="//github.com/Justineo/github-hovercard" title="Justineo/github-hovercard">Justineo/github-hovercard</a>
</div>
<div class="time">
<time datetime="2015-08-11T14:22:00Z" title="2015年8月11日 GMT+8下午10:22">Many days ago</time>
</div>
</div>
</div>
</div>
</section>
</article>
<aside class="sidebar">
<div class="boxed-group flush contributions" role="navigation">
<h3>Repositories you contribute to</h3>
<ul class="boxed-group-inner mini-repo-list">
<li class="public source">
<a href="//github.com/Justineo/github-hovercard">
<span class="octicon octicon-repo repo-icon"></span>
<span class="repo-and-owner">
<span class="owner">Justineo</span>/<span class="repo">github-hovercard</span>
</span>
<span class="stars"><span class="ghh-stars">191</span> <span class="octicon octicon-star "></span></span>
</a>
</li>
<li class="public source">
<a href="//github.com/angular/angular.js/">
<span class="octicon octicon-repo repo-icon"></span>
<span class="repo-and-owner">
<span class="owner">angular</span>/<span class="repo">angular.js</span>
</span>
<span class="stars">54,697 <span class="octicon octicon-star "></span></span>
</a>
</li>
<li class="public source">
<a href="//github.com/facebook/react/">
<span class="octicon octicon-repo repo-icon"></span>
<span class="repo-and-owner">
<span class="owner">facebook</span>/<span class="repo">react</span>
</span>
<span class="stars">59,615 <span class="octicon octicon-star "></span></span>
</a>
</li>
<li class="public source">
<a href="//github.com/nodejs/node/">
<span class="octicon octicon-repo repo-icon"></span>
<span class="repo-and-owner">
<span class="owner">nodejs</span>/<span class="repo">node</span>
</span>
<span class="stars">31,628 <span class="octicon octicon-star "></span></span>
</a>
</li>
<li class="public source">
<a href="//github.com/jquery/jquery/">
<span class="octicon octicon-repo repo-icon"></span>
<span class="repo-and-owner">
<span class="owner">jquery</span>/<span class="repo">jquery</span>
</span>
<span class="stars">43,313 <span class="octicon octicon-star "></span></span>
</a>
</li>
</ul>
</div>
<div class="boxed-group flush repos" role="navigation">
<div class="boxed-group-action">
<a href="//github.com/new" class="btn btn-sm btn-primary"><span class="octicon octicon-plus"></span> New repository</a>
</div>
<h3>Your repositories <span class="counter">5</span></h3>
<div class="boxed-group-inner">
<div class="filter-repos filter-bar" role="search">
<input type="text" id="your-repos-filter" class="filter-input" placeholder="Find a repository…" aria-label="Find a repository…" tabindex="1">
<ul class="repo-filterer">
<li><a href="#" class="repo-filter text-small text-muted filter-selected">All</a></li>
<li><a href="#" class="repo-filter text-small text-muted">Public</a></li>
<li><a href="#" class="repo-filter text-small text-muted">Private</a></li>
<li><a href="#" class="repo-filter text-small text-muted">Sources</a></li>
<li><a href="#" class="repo-filter text-small text-muted">Forks</a></li>
</ul>
</div>
<ul class="mini-repo-list">
<li class="public source">
<a href="//github.com/Justineo/github-hovercard">
<span class="octicon octicon-repo repo-icon"></span>
<span class="repo-and-owner" title="Justineo/github-hovercard">
<span class="repo">github-hovercard</span>
</span>
</a>
</li>
<li class="public source">
<a href="//github.com/Justineo/fi">
<span class="octicon octicon-repo repo-icon"></span>
<span class="repo-and-owner" title="Justineo/fi">
<span class="repo">fi</span>
</span>
</a>
</li>
<li class="public source">
<a href="//github.com/Justineo/kolor/">
<span class="octicon octicon-repo repo-icon"></span>
<span class="repo-and-owner" title="Justineo/kolor">
<span class="repo">kolor</span>
</span>
</a>
</li>
<li class="public source">
<a href="//github.com/Justineo/est/">
<span class="octicon octicon-repo-forked repo-icon"></span>
<span class="repo-and-owner" title="Justineo/est">
<span class="repo">est</span>
</span>
</a>
</li>
<li class="public source">
<a href="//github.com/Justineo/less.js/">
<span class="octicon octicon-repo-forked repo-icon"></span>
<span class="repo-and-owner" title="Justineo/less.js">
<span class="repo">less.js</span>
</span>
</a>
</li>
</ul>
</div>
</div>
<div class="boxed-group flush features">
<h3>Features</h3>
<ul class="boxed-group-inner">
<li><span class="octicon octicon-check"></span> Extracts users, repos and issues almost everywhere around GitHub</li>
<li><span class="octicon octicon-check"></span> Friendly emoji display in repo descriptions and issue contents</li>
<li><span class="octicon octicon-check"></span> Markdown conversion for issue contents</li>
<li><span class="octicon octicon-check"></span> Supports binding access token to increase API request limit</li>
<li><span class="octicon octicon-check"></span> Supports GitHub's task lists in Markdown</li>
<li><span class="octicon octicon-check"></span> Supports GitHub Enterprise</li>
</ul>
</div>
</aside>
<footer role="contentinfo">
<img class="logo" src="icon.png" width="28" height="28">
<span>Made by <a href="//github.com/Justineo">@Justineo</a>.</span>
<span style="float: right">Built upon <a href="//github.com/jquery/jquery">jQuery</a> & <a href="//github.com/iamceege/tooltipster/">Tooltipster</a> and <a href="//github.com/janl/mustache.js">Mustache.js</a>.</span>
</footer>
</main>
<script>
(function () {
/**
* Load social buttons
*/
var API_URL = '//api.github.com/repos/Justineo/github-hovercard';
var REPO_URL = '//github.com/Justineo/github-hovercard';
var options = {
url: API_URL,
dataType: 'json'
};
var xhr = new XMLHttpRequest();
xhr.open('GET', API_URL, true);
xhr.send();
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var raw = JSON.parse(xhr.responseText);
setCount('star', raw.stargazers_count);
setCount('fork', raw.forks_count);
}
};
var SOCIAL_CONFIG = {
star: {
url: '//github.com/Justineo/github-hovercard/stargazers',
text: 'Star',
icon: 'star'
},
fork: {
url: '//github.com/Justineo/github-hovercard/network',
text: 'Fork',
icon: 'repo-forked'
}
};
function setCount(type, count) {
var config = SOCIAL_CONFIG[type];
var html = [
'<div class="social">',
'<a href="' + REPO_URL + '" class="btn btn-sm btn-with-count" aria-label="' + config.text + ' this repository" title="' + config.text + 'Justineo/github-hovercard">',
'<span class="octicon octicon-' + config.icon + '"></span> ' + config.text,
'</a>',
'<a class="social-count" href="' + config.url + '">' + count + '</a>',
'</div>'
].join('');
document.getElementById('social').innerHTML += html;
Array.prototype.slice.call(document.querySelectorAll('.ghh-' + type + 's')).forEach(function (elem) {
elem.textContent = count;
});
}
var content = '';
if (browser === 'mozilla') {
content = '<script src="demo/dist/demo.js" type="application/javascript;version=1.7"><\/script>';
} else {
content = '<script src="demo/dist/demo.js"><\/script>'
}
document.write(content);
})();
</script>
</body>
</html>