forked from softvar/enhanced-github
-
Notifications
You must be signed in to change notification settings - Fork 0
/
popup.html
93 lines (82 loc) · 3.51 KB
/
popup.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Enhanced GitHub | Home</title>
<style type="text/css">
h4 {
color: #666;
}
.background-grey {
background: #f5f5f5;
}
.border--thin-grey {
border: 1px solid #e2e1e1;
}
.padding--10 {
padding: 10px;
}
.ph-link {
color: #da552f;
}
#settings-btn {
cursor: pointer;
}
#settings-btn svg:hover {
fill: #444 !important;
}
</style>
</head>
<body style="width: 500px;">
<div class="background-grey padding--10">
<div
id="settings-btn"
style="text-align: right; float: right; margin-top: 15px;"
title="Options: Add Access Token"
>
<svg fill="#989898" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
<path d="M0 0h24v24H0z" fill="none" />
<path
d="M19.43 12.98c.04-.32.07-.64.07-.98s-.03-.66-.07-.98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46c-.12-.22-.39-.3-.61-.22l-2.49 1c-.52-.4-1.08-.73-1.69-.98l-.38-2.65C14.46 2.18 14.25 2 14 2h-4c-.25 0-.46.18-.49.42l-.38 2.65c-.61.25-1.17.59-1.69.98l-2.49-1c-.23-.09-.49 0-.61.22l-2 3.46c-.13.22-.07.49.12.64l2.11 1.65c-.04.32-.07.65-.07.98s.03.66.07.98l-2.11 1.65c-.19.15-.24.42-.12.64l2 3.46c.12.22.39.3.61.22l2.49-1c.52.4 1.08.73 1.69.98l.38 2.65c.03.24.24.42.49.42h4c.25 0 .46-.18.49-.42l.38-2.65c.61-.25 1.17-.59 1.69-.98l2.49 1c.23.09.49 0 .61-.22l2-3.46c.12-.22.07-.49-.12-.64l-2.11-1.65zM12 15.5c-1.93 0-3.5-1.57-3.5-3.5s1.57-3.5 3.5-3.5 3.5 1.57 3.5 3.5-1.57 3.5-3.5 3.5z"
/>
</svg>
<div>Add GitHub Token</div>
</div>
<img src="icons/enhanced-github128.png" width="100" height="100" style="vertical-align: middle;" />
<h2 style="display: inline-block; margin-left: 10px;"><span style="color:red;">Enhanced</span> GitHub</h2>
</div>
<h4>Works only on <i>github.com/*</i></h4>
<div class="background-grey border--thin-grey" style=" padding: 10px 0;">
<ol>
<li>Automatically displays each file size in every active branch (not applicable for folder / symlink).</li>
<li>Show download link for each individual file (not applicable for folder / symlink).</li>
<li>Copy file's contents directly to Clipboard (just won't work for markdown files).</li>
<li>Download file content.</li>
</ol>
</div>
<h4>More features coming soon...Stay tuned!</h4>
<div class="background-grey border--thin-grey" style="padding: 20px; text-align:center;">
<iframe
src="https://ghbtns.com/github-btn.html?user=softvar&repo=enhanced-github&type=star&count=true&size=large"
frameborder="0"
scrolling="0"
width="160px"
height="30px"
></iframe>
<iframe
src="https://platform.twitter.com/widgets/tweet_button.html?size=l&url=http://github.com/softvar/enhanced-github&via=s0ftvar&text=Display size of each file, download link and option to copy file contents&hashtags=extension,github"
width="80"
height="28"
title="Twitter Tweet Button"
style="width: 76px; border: 0; overflow: hidden; display: inline-block;"
>
</iframe>
<div style="margin-top: 10px;">
<a class="ph-link" href="https://www.producthunt.com/tech/enhanced-github" target="_blank">
Featured On ProductHunt
</a>
</div>
</div>
<script type="text/javascript" src="popup.js"></script>
</body>
</html>