-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
287 lines (277 loc) · 14.1 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
---
---
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"/>
<meta name="description" content="Childish."/>
<title>CHILDISH.tw</title>
<!-- Layout and theme -->
<link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.4.2/pure.css"/>
<link rel="stylesheet" href="./css/layouts/side-menu.css"/>
<link rel="stylesheet" href="./css/main.css"/>
<!-- Social Icon -->
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css"/>
<link rel="stylesheet" href="./css/fontello-97790187/css/fontello.css"/>
</head>
<body>
<div id="layout">
<a href="#menu" id="menuLink" class="menu-link">
<span></span>
</a>
<div id="menu">
<div class="pure-menu pure-menu-open">
<a class="pure-menu-heading" href="#">CHILDISH</a>
<ul>
<li>
<a href="#about">About</a>
</li>
<li>
<a href="#member">Member</a>
</li>
<li>
<a href="#service">Services</a>
</li>
<li>
<a href="http://git.childish.tw" target="_blank">Gitlab</a>
</li>
<li>
<a href="#contact">Contact</a>
</li>
</ul>
</div>
</div>
<div id="main">
<div class="header">
<h1>CHILDISH</h1>
<h2>A group of childish ghosts from CCIC World.</h2>
</div>
<div class="content">
<div class="pure-g">
<div class="pure-u-1-2">
<h2 class="content-subhead">《冷雨予薏仁水球文跡》</h2>
<p>
也許在某個幼稚的年代，
<br/>
幼稚鬼們將會成為先知一般的存在，
<br/>
當人們無法解讀古代遺跡水球中的幼稚文字，
<br/>
幼稚鬼們卻視他們如白話文一般。
<br/>
天啊！原來你們這麼了不起（拜
<br/>
<br/>
-- raincole
</p>
</div>
<div class="pure-u-1-2">
<img class="pure-img-responsive" src="./images/card.jpg" alt="NameCard" style="max-width: 90%; height: auto; margin: 5%;"/>
</div>
</div>
<h2 class="content-subhead">一群幼稚鬼組成的幼稚鬼團</h2>
<p>
「就算長大，也不要忘記當初的赤子之心。」崇尚幼稚的我們，希望能讓天真與想像力不會隨著年紀的增長而有所消退。不管人生的路途走了多遠，身邊夥伴分分合合了多少次，甚至開始有了愛與責任，或是遇到了人生的低潮，幼稚鬼之間的情誼，永遠像是當初剛認識一般，真摯與活潑。一起揪團、一起喝酒、一起打打鬧鬧、一起為了突然閃出了的想法熱血奮鬥。永遠不變。
</p>
</div>
</div>
<div id="about">
<div class="header">
<h1>About</h1>
<h2>Are u kidding? No I am Serious</h2>
</div>
<div class="content">
<h2 class="content-subhead">Characteristic</h2>
<ul>
<li>全名為幼稚鬼團。</li>
<li>成員都是幼稚鬼。</li>
<li>一群高中電資創性質社團的夥伴共同聚集的團體。</li>
<li>據說很愛揪團吃飯，中央吃貨社就是其團體的一個延伸。</li>
<li>大部份的人都是程序猿或碼農。</li>
<li>沒有輩份，只有友誼。</li>
</ul>
<h2 class="content-subhead">No Organization, Just eat and play</h2>
<p>
我們不是組織，團長更沒有實權，只有主揪瘋狂的貼吃喝玩樂揪團文。我們沒有什麼入團儀式或門檻，只要跟我們混熟，且自認是幼稚鬼，就可以是團員。沒有特別的規定，只有揪團出去吃吃喝喝和玩樂，偶爾想到什麼有趣的IDEA就一起揪團把他完成，一群既酒肉又熱血的幼稚朋友。
</p>
<div class="pure-g">
<div class="pure-u-1-4">
<img class="pure-img-responsive" src="./images/activity_01.jpg"/>
</div>
<div class="pure-u-1-4">
<img class="pure-img-responsive" src="./images/activity_02.jpg"/>
</div>
<div class="pure-u-1-4">
<img class="pure-img-responsive" src="./images/activity_03.jpg"/>
</div>
<div class="pure-u-1-4">
<img class="pure-img-responsive" src="./images/activity_04.jpg"/>
</div>
</div>
<h2 class="content-subhead">Try when we still young</h2>
<p>
想要做一件事情，最重要的不是能力，而是有同一目標與默契的好夥伴。而有些事情，只有在心還年輕時，才會願意去做，做的時候，更要找一群幼稚熱血的夥伴，一起合作，一起努力，才能完成。在這世界上有很多事是值得嘗試的，對，且只有在我們還年輕時才能做。趕快相約身邊的夥伴一起做出你心中一直想要追逐的夢想吧！
</p>
</div>
</div>
<div id="member">
<div class="header">
<h1>Member</h1>
<h2>You are so childish, aren't you?</h2>
</div>
<div class="content">
<h2 class="content-subhead">Member Waterfall</h2>
<div id="member-list">
{% for member in site.data.members %}
<div class="member">
<div class="mb-avatar">
<a href="http://www.gravatar.com/avatar/154a3c0bf227abc9e3ee004d2f85158e.png?s=200" target="_blank">
{% if member.avatar and member.avatar != "" %}
<img class="pure-img-responsive" src="{{ member.avatar }}" />
{% else %}
<img class="pure-img-responsive" src="./images/avastar_default.png" />
{% endif %}
</a>
</div>
<div class="mb-content">
<h4 class="mb-name">{{ member.nick }} ({{ member.id }})</h4>
{% if member.identity and member.identity != "" %}
<p class="mb-identity"><em>{{ member.identity }}</em></p>
{% endif %}
{% if member.title and member.title != "" %}
<h5 class="mb-title">{{ member.title }}</h5>
{% endif %}
<div class="mb-info">{{ member.content }}</div>
<div class="mb-social">
{% for social in site.data.socials %}
{% if member.social[social.name] and member.social[social.name] != "" %}
<a class="social_btn" href="{{ member.social[social.name] }}" target="_blank"><i class="{{ social.class }} fa-lg"></i></a>
{% endif %}
{% endfor %}
</div>
</div>
</div>
{% endfor %}
</div>
<h2 class="content-subhead">Join us!</h2>
<p>
如同上述說說，只要跟我們混熟，且自認是幼稚鬼，就可以是團員。因為團體結構如此得彈性與鬆散，在上面的名單總會不小心漏掉幾個，或是來不及更新自認為是幼稚鬼的夥伴。當然，我們提供了幾個管道讓您可以將自己的資料加進去，話不多，趕緊點選下列連結，將自己新增上去吧！
</p>
<ul>
<li>
<a href="https://github.com/Childish-Ghost/Childish-Ghost.github.io/issues/2" target="_blank">團員資料新增申請區</a>
</li>
<li>
<a href="http://asaph.org/gravatar/">Gravatar 頭像 URL 產生器</a>
</li>
</ul>
</div>
</div>
<div id="service">
<div class="header">
<h1>Service</h1>
<h2>Anything is possible.</h2>
</div>
<div class="content">
<h2 class="content-subhead">幼稚鬼團基金</h2>
<p>
幼稚鬼團基金是由幼稚鬼團團員自主性捐贈形成的小額財庫，主要用來支付有關幼稚鬼團相關服務的成本，目前支出主要是在 childish.tw domain的費用。財務主要由團長進行保管，目前尚無另外開戶，僅簡單的使用紅包袋裝好，藏在某個神秘的小地方。有關這筆基金的使用作業，都使用Google Sheets 記錄並且公開，相關資料如下：
</p>
<ul>
<li>
<a href="https://github.com/Childish-Ghost/foundation/blob/master/finance.md" target="_blank">財務使用狀況</a>
</li>
</ul>
<h2 class="content-subhead">Sub-domain</h2>
<p>
於2013年12月21日，幼稚鬼團購入 childish.tw 的網域，開放申請 *.childish.tw 這個煞氣的網域，供團員使用，團員可以到下列的表單進行申請。
</p>
<ul>
<li>
<a href="https://github.com/Childish-Ghost/foundation/blob/master/domain.md" target="_blank">網域使用狀況</a>
</li>
<li>
<a href="https://github.com/Childish-Ghost/foundation/issues/1" target="_blank">sub-domain 申請表單</a>
</li>
</ul>
<h2 class="content-subhead">Gitlab</h2>
<p>
這是一個目前在封閉測試中的服務，由Davy（喜德）提供。
</p>
<h2 class="content-subhead">Name Card</h2>
<p>
在2012年8月，當年COSCUP前一周，幼稚鬼團心血來潮的想要製作屬於我們自己的團名片，此想法一提出，就由主揪瞬生，隨後再當月13日於團版詢問跟團訂購，14日由團長送印，並在16日印刷完成，熱乎乎的名片就出現在COSCUP了呢！目前擁有團名片的團員有cyrandy, davy, freetsubasa, scwuaptx, sntc06, swl, xatier 七人，據說只要收集全套名片就可以召喚神龍了呢！
</p>
<div class="pure-g">
<div class="pure-u-5-8">
<p>
這款名片的特色是在於個資只有 <em>慣用ID、暱稱、Email、Social Icon</em>
！慣用ID、暱稱是由主揪利用手繪板親手寫出，字體獨一無二；Email採用暗灰色系，並且將「@」和「.」替換成「[at]」、「[dot]」，增加開發者的浪漫與氣質；並且將有在使用的社交平台圖示，以同名片色系重製，小巧可愛出現在平片上，總共提供 Facebook、Instagram、Google、Twiiter、Plurk 的圖示！最後在右下角洋洋灑灑的寫下CHILDSH，展露出本名片自我幼稚風格的特色！
</p>
</div>
<div class="pure-u-3-8">
<img class="pure-img-responsive" src="./images/name_card_demo.jpg"/>
</div>
</div>
<p> <em>目前團名片製作已絕版，歡迎想要擁有自己團牌的夥伴自行山寨。若需要團名片的psd檔，請私下找團長索取。</em>
</p>
<h2 class="content-subhead">Name Sign</h2>
<p>
自之前2009年團牌誕生以後，在2011年寒假的電資研創寒訓「ee不捨，百年資約」時，出現了大量團牌的降臨在東勢林場。幾乎每個團員都擁有了一個自己的團牌，在每個團牌上還會有一個屬於自己特色的稱號，例如 sntc06（雪人）大大的團牌，上面寫的就是「融化中請稍等」，非常有趣！之後這些團牌的圖檔也全部釋出在幼稚鬼團FB Fans Pages的相簿上，有興趣的團員們可前去觀看，若是當年製作得團牌遺失了，就快點自行重新印製著個幼稚到無法自拔的團牌吧！XDDDDD
</p>
<div class="pure-g">
<div class="pure-u-3-4">
<p>
<em>目前團牌製作已絕版，歡迎想要擁有自己團牌的夥伴自行山寨。</em>
<ul>
<li>
<a href="https://www.facebook.com/media/set/?set=a.525962414100471.133649.194136477283068&type=3" target="_blank">團牌相簿</a>
</li>
</ul>
</div>
<div class="pure-u-1-4">
<img class="pure-img-responsive" src="./images/name_sign_demo.jpg"/>
</div>
</div>
</div>
</div>
<div id="contact">
<div class="header">
<h1>Contact</h1>
<h2>Let's CHILDISH!</h2>
</div>
<div class="content">
<h2 class="content-subhead">Social</h2>
<p>
目前幼稚鬼團只有粉絲專頁做為對外的社交平台。除此之外，還有在BBS龍夢紀元上有我們的團板。目前我們只會利用這兩個地方公開揪團或是聯絡大家。當然，如果我們想要揪個小團，偶爾還是會私下私訊解決囉～
<ul>
<li>
<a href="https://www.facebook.com/CHILDISH2009" target="_blank">Facebook Fans Page</a>
</li>
<li>
<a href="http://webchat.freenode.net/?channels=#CHILDISH">#CHILDISH @ Freenode IRC Server</a>
</li>
<li>
<a href="telnet://eod.twbbs.org">Childish @ Eod BBS</a>
</li>
</ul>
<div class="pure-g">
<div class="pure-u-1-2">
<img class="pure-img-responsive" src="./images/fans_page.jpg"/>
</div>
<div class="pure-u-1-2">
<img class="pure-img-responsive" src="./images/eod_bbs.jpg"/>
</div>
</div>
</p>
</div>
</div>
</div>
<script src="js/ui.js"></script>
<script src="./js/jquery-min.js"></script>
<script src="./js/zepto.js"></script>
<script src="./js/jquery.waterfall.js"></script>
<script src="./js/member.js"></script>
</body>
</html>