-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
330 lines (327 loc) · 13.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
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
<!DOCTYPE html>
<html class="theme-dark has-navbar-fixed-top" lang="zh-Hant">
<head>
<meta charset="utf-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no"
/>
<title>
10 週年「開源祭」特別活動 | 開放文化基金會 Open Culture Foundation
</title>
<meta property="og:type" content="website" />
<meta property="og:url" content="https://10years.ocf.tw/" />
<meta
name="description"
content="開放文化基金會走過第一個 10 年,邀請開源社群夥伴一同與我們狂歡一整晚!當然還有科技跨界對談、社群回憶錄、紀念週邊商品、開源社群市集、音樂影像表演!錯過了,要再等下一個 10 年!"
/>
<meta
property="og:description"
content="開放文化基金會走過第一個 10 年,邀請開源社群夥伴一同與我們狂歡一整晚!當然還有科技跨界對談、社群回憶錄、紀念週邊商品、開源社群市集、音樂影像表演!錯過了,要再等下一個 10 年!"
/>
<meta
name="twitter:description"
content="開放文化基金會走過第一個 10 年,邀請開源社群夥伴一同與我們狂歡一整晚!當然還有科技跨界對談、社群回憶錄、紀念週邊商品、開源社群市集、音樂影像表演!錯過了,要再等下一個 10 年!"
/>
<meta
property="og:image"
content="https://10years.ocf.tw/img/10years_banner.webp"
/>
<meta
name="twitter:image"
content="https://10years.ocf.tw/img/10years_banner.webp"
/>
<meta property="twitter:card" content="summary_large_image" />
<meta
property="og:title"
content="10 週年「開源祭」特別活動 | 財團法人開放文化基金會 (OCF)"
/>
<meta
name="twitter:title"
content="10 週年「開源祭」特別活動 | 財團法人開放文化基金會 (OCF)"
/>
<link rel="icon" type="image/svg+xml" href="/img/ocf.png" />
<link rel="stylesheet" href="/css/bulma.min.css" />
<link rel="stylesheet" href="/fa/css/all.min.css" />
<link rel="stylesheet" href="/css/all.css" />
</head>
<body>
<nav
class="navbar is-dark is-fixed-top"
role="navigation"
aria-label="main navigation"
>
<div class="navbar-brand">
<a class="navbar-item" href="/">
<img
class="image"
src="/img/ocf_logo_compact_white.svg"
width="100px"
/>
</a>
<a
role="button"
class="navbar-burger"
aria-label="menu"
aria-expanded="false"
data-target="navbarBasicExample"
>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
</a>
</div>
<div id="navbarBasicExample" class="navbar-menu">
<div class="navbar-start">
<a class="navbar-item" href="#music">
<span class="icon-text">
<span class="icon"><i class="fas fa-compact-disc"></i></span>
<span>音樂影像表演</span>
</span>
</a>
<a class="navbar-item" href="#techtalk">
<span class="icon-text">
<span class="icon"><i class="fas fa-comments"></i></span>
<span>科技跨界對談</span>
</span>
</a>
<a class="navbar-item" href="#community">
<span class="icon-text">
<span class="icon"><i class="far fa-bookmark"></i></span>
<span>社群回憶錄</span>
</span>
</a>
<a class="navbar-item" href="#gift">
<span class="icon-text">
<span class="icon"><i class="fas fa-gifts"></i></span>
<span>開源祭週邊商品</span>
</span>
</a>
<a class="navbar-item" href="#about">
<span class="icon-text">
<span class="icon"><i class="far fa-question-circle"></i></span>
<span>關於活動</span>
</span>
</a>
</div>
<div class="navbar-end">
<div class="navbar-item">
<div class="buttons">
<a
class="button is-warning is-dark is-outlined"
target="_blank"
href="https://forms.gle/mVjriW4GzjJpkPtb8"
>招募工作人員</a
>
<a
class="button is-success is-dark is-outlined"
href="https://ocftw.kktix.cc/events/festival2024"
>
<strong>立即報名</strong>
</a>
</div>
</div>
</div>
</div>
</nav>
<figure class="image is-fullwidth">
<img src="/img/banner_235x100.webp" />
</figure>
<div id="about" class="section">
<h1 class="title">關於這個活動</h1>
<div class="content">
<p>
開放文化基金會(OCF)是一個非營利性組織,致力於與科技社群和公民夥伴合作,推動臺灣的數位/網路環境更加開放、透明,並促進公眾參與,以實現數位人權的保障。自
2014
年成立以來,我們一直堅持這一使命,以孕育一個充滿活力的開源生態系為目標,我們向公民社會推廣,同時也對政府倡議、與國際交流以推動開源文化的普及與實踐。
</p>
<p>
為慶祝開放文化基金會成立十週年,我們將於 9 月 14 日(六)在 Pipe Live
Music(公館水岸廣場)舉辦「開源祭」主題活動。這場活動將是一個融合音樂與科技藝術的盛會,將邀請到林強、百合花、PUZZLEMAN、拷秋勤等知名音樂人進行精彩的表演,同時舉辦開放文化基金會十週年特展和主題講座。
</p>
<p>
這將是一個充滿活力和創意的場合,我們誠摯地邀請所有支持者以及社群夥伴們,一同參與這場慶祝活動。讓我們攜手共度,共同見證開放文化基金會的成長與發展,並展望未來的更多可能性!
</p>
</div>
</div>
<div class="section">
<div class="columns">
<div class="column">
<section class="section">
<div class="container">
<div class="content index">
<p>
꧁ 在音樂與科技的交織之下 我們聆聽著音符在不同領域的跳動
看著它串連著藝術、科技與文化 細數著那段關於你我的歷史 ꧂
</p>
<ul>
<li>6 場音樂 ✘ 影像表演</li>
<li>5 場科技 ✘ 不同領域 跨界對談</li>
<li>10 年 開放原始碼 ✘ 科技社群發展 歷史展覽</li>
<li>N 個 NGO ✘ 輕食 ✘ 市集</li>
</ul>
<h1>活動時間地點</h1>
<ul>
<li>時間:2024/9/14(六)12:00 ~ 22:00</li>
<li>
地點:<a
href="https://www.openstreetmap.org/search?query=%E5%85%AC%E9%A4%A8%E6%B0%B4%E5%B2%B8%E5%BB%A3%E5%A0%B4#map=19/25.01102/121.52856&layers=P"
>Pipe Live Music 與公館水岸廣場(台北市中正區思源街 1
號)</a
>
</li>
</ul>
<p class="has-text-right">
<span class="icon-text">
<span class="icon"><i class="fas fa-info-circle"></i></span>
<span>無活動費用,預先報名還有限量紀念禮品!</span>
</span>
</p>
<p class="has-text-right">
<a
class="button is-primary is-dark is-medium is-focused"
href="https://ocftw.kktix.cc/events/festival2024"
>活動立即報名</a
>
</p>
</div>
</div>
</section>
</div>
<div class="column">
<section class="section">
<div class="container">
<a
href="https://www.openstreetmap.org/search?query=%E5%85%AC%E9%A4%A8%E6%B0%B4%E5%B2%B8%E5%BB%A3%E5%A0%B4#map=19/25.01102/121.52856&layers=P"
><img class="image round maps" src="/img/maps.png"
/></a>
</div>
</section>
</div>
</div>
</div>
<div id="music" class="section music">
<h1 class="title">音樂影像表演</h1>
<div class="columns">
<div class="column">
<img class="image" loading="lazy" src="/img/LIMFSQ.webp" />
</div>
<div class="column">
<img class="image" loading="lazy" src="/img/LucaFSQ__1_.webp" />
</div>
<div class="column">
<img class="image" loading="lazy" src="/img/百合花FSQ.webp" />
</div>
<div class="column">
<img class="image" loading="lazy" src="/img/KOUFSQ.webp" />
</div>
</div>
<div class="columns">
<div class="column is-2"></div>
<div class="column">
<img class="image" loading="lazy" src="/img/PUZZLEMAN_FSQ.webp" />
</div>
<div class="column">
<img class="image" loading="lazy" src="/img/陳涵FSQ.webp" />
</div>
<div class="column">
<img class="image" loading="lazy" src="/img/ocFSQ.webp" />
</div>
<div class="column is-2"></div>
</div>
</div>
<div id="techtalk" class="section techtalk">
<h1 class="title">科技跨界對談</h1>
<div class="columns">
<div class="column">
<div class="content">
<h2>CC 授權、AI 與創作者的未來</h2>
<p>
<span class="tag is-link is-light">Limgiong 林強</span>
臺灣歌手、電影演員、DJ、詞曲作家、電影配樂製作人、熱愛音樂、推崇
CC 公眾授權,以開放的方式分享創作的音樂。
</p>
<p>
<span class="tag is-link is-light">Honki 鄭鴻旗</span>
OpenLab.Taipei 創始成員、FLOSS(自由開源軟體) + Art
創作者、結合藝術與開放科技的 Maker。
</p>
</div>
</div>
<div class="column">
<div class="content">
<h2>打造一把專屬字體設計師的鍵盤</h2>
<p>
<span class="tag is-link is-light">Bold 簡國庭</span>
堅持開拓繁體字體設計的 Justfont
字型設計師,參與金萱字型家族專案,也投身於字型教育的推廣工作。致力於與大眾分享文字之美。
</p>
<p>
<span class="tag is-link is-light">James 撒景賢</span>
工程師與鍵盤工程師、鍵人谷社群志工、熱愛分離式鍵盤因為它解決了肩頸痠痛的問題。「鍵盤就像餐具一樣,吃不同的菜餚都要專用的與餐具,執行不同的任務當然也需要專用的鍵盤。」
</p>
</div>
</div>
</div>
</div>
<div class="section">
<div class="columns">
<div class="column" id="community">
<h1 class="title">社群回憶錄 - 開源運動在臺灣</h1>
<div class="content">
<ul>
<li>左右現代科技的開放原始碼運動是如何發生的?</li>
<li>開源科技社群如何迅速在臺灣遍地開花?</li>
<li>哪些人與組織一起在這個領域貢獻良多?</li>
</ul>
<p>臺灣開源社群一起參與的展覽!</p>
</div>
</div>
<div class="column" id="gift">
<h1 class="title">開源祭週邊商品</h1>
<div class="content">
更多開源祭週邊商品即將上線!請密切注意<a
href="https://www.facebook.com/www.ocf.tw"
>粉絲專頁</a
>消息!
</div>
</div>
</div>
</div>
<div class="section">
<div class="content">
<ul>
<li>
林強照片是由<a href="https://www.k11artfoundation.org/"
>超維度 Dimension Plus </a
>提供,攝影師:張震揚 Martin Cheung
</li>
</ul>
</div>
</div>
<footer class="footer">
<div class="content has-text-centered">
<p>
<a href="https://ocf.tw/">
<img class="logo" src="/img/ocf_logo_white.svg" />
</a>
</p>
<p>財團法人開放文化基金會<br />Open Culture Foundation</p>
</div>
</footer>
<script src="/js/all.js"></script>
<script
async
src="https://www.googletagmanager.com/gtag/js?id=G-X3DG2E5E3W"
></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag("js", new Date());
gtag("config", "G-X3DG2E5E3W");
</script>
</body>
</html>