-
Notifications
You must be signed in to change notification settings - Fork 123
/
index.html
169 lines (139 loc) · 6.44 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
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>Taiwan Developers on Github</title>
<script type="text/javascript" charset="utf-8" src="jquery-1.4.2.js"></script>
<script type="text/javascript" charset="utf-8">
$(function() {
function mk_link(e) {
var link = $('<div/>').html( $('<a/>').attr({
href: 'http://github.com/' + e.login ,
target: '_blank',
title: e.name
}).html( e.login ) ).addClass( 'ident' );
return link;
}
$.ajax({
url: 'github-users.json',
method: 'get',
dataType: 'json',
success: function(list) {
var count = 1;
$('#namelist').empty();
$(list).map( function(i,e) {
if(!e)
return;
if( e.public_repos == 0 )
return;
if( e.followers == 0 ) {
var link = mk_link(e);
var info = $('<div/>').addClass('info')
.append( link );
if(e.name)
info.append( '<div class="name">' + e.name + '</div>' );
if(e.location)
info.append( '<div class="location">' + e.location + '</div>' );
var node = $('<li/>').addClass('person-small')
.html( info );
node.append( '<div style="clear:both;"> </div>' );
$('#namelist').append(node);
return node;
}
var link = mk_link(e);
var gravatar = $('<img/>').addClass('gravatar').attr({
title: e.name,
alt: e.name,
src: 'http://www.gravatar.com/avatar/' + e.gravatar_id + '?s=96' }).css({ });
// http://github.com/users/follow?target=naoya
var info = $('<div/>').addClass( 'info' )
.append( link );
if(e.name)
info.append( '<div class="name">' + e.name + '</div>' );
if(e.email)
info.append( '<div class="email">' + e.email + '</div>' );
if(e.blog)
info.append( '<div class="blog">' + e.blog + '</div>' );
if(e.company)
info.append( '<div class="company">' + e.company + '</div>' );
if(e.location)
info.append( '<div class="location">' + e.location + '</div>' );
info.append( '<div>Follower: ' + e.followers + '</div>');
info.append( '<div>Repositories: ' + e.public_repos + '</div>');
var num = $('<div/>').addClass('number').html( count++ );
// var num = $('<div/>').addClass('number')..html( e.followers_count );
var fontSize = (e.followers / 12 ) + 36;
num.css({ fontSize: fontSize });
var node = $('<li/>').addClass('person').append( gravatar ).append( info );
node.append( num );
node.append( '<div style="clear:both;"> </div>' );
$('#namelist').append(node);
});
$('#namelist').append( '<div style="clear:both;"> </div>' );
}
});
});
</script>
<style type="text/css" media="screen">
body { margin: 30px; }
a,a:link {
color: #13C;
text-decoration: none;
}
a:hover { text-decoration: underline; }
li.person {
padding: 3px 3px;
list-style: none;
border-top: 1px solid #eee;
border-left: 1px solid #eee;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ccc;
width: 180px;
display: inline;
float: left;
margin: 12px 9px;
position: relative;
height: 250px;
}
li:hover { background: #eee; }
li.person-small {
padding: 3px 8px;
list-style: none;
border: 1px solid #ddd;
width: 200px;
display: inline;
float: left;
margin: 5px 3px;
position: relative;
height: 86px;
}
.ident { font-size: 24px; }
.gravatar { margin: 10px; }
.info {
margin: 10px;
color: #777;
font-size: 12px;
}
.number { position: absolute; top: 0px; right: 10px; color: #eee; }
.info,
.gravatar {
/* float:left; */
}
</style>
</head>
<body>
<h2>Taiwan Developers on Github</h2>
<div width="80%">
整理了這份清單，是因為覺得該將台灣的開發者聚集/連結起來，互相交流。
(由 follower 數量排序)
<a href="http://github.com/c9s/github-taiwan">Fork this on github</a>
( Watch 或 Fork 此 Repository 便可加入名單，
或是於 Location 寫上 Taiwan，
歡迎 Fork 此 Repository )
<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
<fb:like href="http://c9s.me/github-taiwan/"></fb:like>
</div>
<ul id="namelist"></ul>
<div style="clear:both;"> </div>
<a target="_blank" href="http://github.com">Github >></a>
</body>
</html>