-
Notifications
You must be signed in to change notification settings - Fork 4
/
index.html
95 lines (80 loc) · 4.94 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
<html>
<head>
<meta charset="utf-8"/>
<title>Yourcontributions: GitHub Contribution widget</title>
<meta name="description" content="Visualize your GitHub Contributions"/>
<meta name="keyword" content="GitHub,widget,contributions,commits,issues,streak,ikuwow,repositories"/>
<!-- facebook ogp -->
<meta property="og:url" content="https://ikuwow.github.io/yourcontributions/" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Yourcontributions: GitHub Contribution widget" />
<meta property="og:description" content="Visualize your GitHub Contributions" />
<meta property="og:image" content="https://ikuwow.github.io/img/ikuwow_200x200.png" />
<!-- Twitter card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="@ikuwow" />
<meta name="twitter:title" content="Yourcontributions: GitHub Contribution widget" />
<meta name="twitter:description" content="Visualize your GitHub Contributions" />
<meta name="twitter:image" content="https://ikuwow.github.io/img/ikuwow_200x200.png" />
<!-- css -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/primer/2.5.0/primer.css"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/octicons/3.3.0/octicons.min.css"/>
<link rel="stylesheet" href="./main.css"/>
</head>
<body>
<!-- ga tag -->
<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-51407961-8', 'auto');
ga('send', 'pageview');
</script>
<div class="container">
<div class="columns">
<div class="four-fifths column centered">
<h1>Yourcontributions</h1>
<h2>GitHub contribution chart widget</h2>
<form class="preview-toolbox flex-table">
<div class="flex-table-item">
<label><span class="octicon octicon-mark-github"></span>https://github.com/</label>
</div>
<div class="flex-table-item flex-table-item-primary">
<input type="text" class="input-block form-gh-username" placeholder="Input your GitHub username here"></input>
<input type="text" name="dummy" style="display:none;">
</div>
<div class="flex-table-item">
<button type="button" class="btn form-preview">Preview & Get Code</button>
</div>
</form>
<div id="preview-display" class="blankslate">
<h3>Preview Area</h3>
</div>
<textarea class="get-code input-contrast" readonly>
<a href="https://github.com/[:username]" class="gh-contributions" data-gh-username="[:username]" target="_blank">[:username]'s contributions</a><script src="https://ikuwow.github.io/yourcontributions/widget.min.js"></script></textarea>
<div class="social-buttons">
<a href="https://twitter.com/share" class="twitter-share-button"{count} data-via="ikuwow" data-related="ikuwow" data-dnt="true">Tweet</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
<div class="fb-like" data-href="https://ikuwow.github.io/yourcontributions/" data-layout="button_count" data-action="like" data-show-faces="true" data-share="true"></div>
<a href="http://b.hatena.ne.jp/entry/https://ikuwow.github.io/yourcontributions/" class="hatena-bookmark-button" data-hatena-bookmark-title="Yourcontributions: GitHub Contribution widget" data-hatena-bookmark-layout="standard-balloon" data-hatena-bookmark-lang="en" title="このエントリーをはてなブックマークに追加"><img src="https://b.st-hatena.com/images/entry-button/button-only@2x.png" alt="このエントリーをはてなブックマークに追加" width="20" height="20" style="border: none;" /></a><script type="text/javascript" src="https://b.st-hatena.com/js/bookmark_button.js" charset="utf-8" async="async"></script>
</div>
</div>
</div><!-- .columns -->
<footer>
<p>
Created by <a href="https://ikuwow.github.io" target="_blank">ikuwow</a>,
Powered by <a href="https://ghchart.rshah.org" target="_blank">Github Chart API</a>.
<a href="https://github.com/ikuwow/yourcontributions" target="_blank">Fork me on GitHub</a></p>
</footer>
</div><!-- .container -->
<script src="./main.js"></script>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.5&appId=939439589464529";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
</body>
</html>