-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
223 lines (194 loc) · 10.8 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
<!DOCTYPE html>
<html lang="en zh-hant">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="keywords" content="NGO 推進器 社會運動 數位轉型 網路科技應用">
<meta name="description" content="非政府組織, 非營利組織, 策略戰法, 網路科技, 數位人權, 政策倡議, 數位轉型">
<meta name="author" content="twngo.xyz, jxtsai, NGO推進器">
<meta name="robots" content="index, follow" />
<title>NGO 推進器 社會運動 數位轉型 策略戰法 網路科技 安全隱私</title>
<!-- Bootstrap Core CSS -->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom Fonts -->
<link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic" rel="stylesheet"
type="text/css">
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
<link href='https://fonts.googleapis.com/earlyaccess/notosanstc.css' rel='stylesheet' type='text/css'>
<link rel="icon" type"image/png" href="images/twngo.png">
<!-- Theme CSS -->
<link href="css/grayscale.min.css" rel="stylesheet">
<link rel="stylesheet" href="css/style_rock.css"->
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<script src="js/prefixfree.min.js"></script>
</head>
<body id="page-top">
<div id="container" id="jsi-hex-container"></div>
<script src='https://cdnjs.cloudflare.com/ajax/libs/three.js/87/three.min.js'></script>
<script src='https://threejs.org/examples/js/controls/OrbitControls.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/gsap/1.20.2/TweenMax.min.js'></script>
</div>
<!-- Navigation -->
<nav class="navbar navbar-custom navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse">
Menu <i class="fa fa-bars"></i>
</button>
<a class="navbar-brand page-scroll" href="#page-top">
<i class="fa fa-play-circle"></i> <span class="light">back to</span> TOP
</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse navbar-main-collapse">
<ul class="nav navbar-nav">
<!-- Hidden li included to remove active class from about link when scrolled up past about section -->
<li class="hidden">
<a href="#page-top"></a>
</li>
<li>
<a class="page-scroll" href="#about">About</a>
</li>
<li>
<a class="page-scroll" href="#news">News</a>
</li>
<li>
<a class="page-scroll" href="#project">Projects</a>
</li>
<li>
<a class="page-scroll" href="#contact">Contact</a>
</li>
<li>
<a class="page-scroll" href="sitemap.html">Sitemap</a>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container -->
</nav>
<!-- Header-->
<section class="container content-section text-center">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<h1 class="mx-auto my-0 text-uppercase"> NGO 推進器</h1>
<h3>言論資訊自由 知識技術開源 隱私自主安全 擔當信任透明</h3>
<h5>2017~2019 封存資料</h5>
</div>
</div>
</header>
<!-- About Section -->
<section id="about" class="container content-section text-center">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<h2> 挑戰與想像 </h2>
<p>網際網路看似促進數位生活快速變化流動，但不管其底部支撐的基礎設施或是抬面上的光鮮應用呈現，背後不脫政治力拉扯與寡頭企業割據。原本寄予期望的多元去中心網路烏托邦，因各方權力指染而日漸分化與權控。本站介紹一些免費開源的數位資訊和安全工具，減少NGO工作者被單一數位工具控制，期待由NGO起身示範，找回內容論述、知識技術與隱私資料的自主掌控機會。
</p>
<a href="#news" class="btn btn-circle page-scroll">
<i class="fa fa-angle-double-down animated"></i>
</a>
</div>
</div>
</section>
<!-- About Section -->
<section id="news" class="container content-section text-center">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<h2> 最新文章 </h2>
<p>每週二、五發佈於 Medium 平台</p>
<div class="feedgrabbr_widget" id="fgid_59f564dc2392bedcaea5397d9"></div>
<script>
if (typeof (fg_widgets) === "undefined") fg_widgets = new Array();
fg_widgets.push("fgid_59f564dc2392bedcaea5397d9");
</script>
<script async src="https://www.feedgrabbr.com/widget/fgwidget.js"></script>
</div>
</div>
<a href="#project" class="btn btn-circle page-scroll">
<i class="fa fa-angle-double-down animated"></i>
</a>
</section>
<!-- Projects Section -->
<section id="project" class="content-section text-center">
<div class="row">
<div class="container">
<div class="col-lg-8 col-lg-offset-2">
<h2>工作專案</h2>
<p>半熟、夭折、難產、匍匐爬行中的各式計畫</p>
<a href="https://privacytools.twngo.xyz/" class="btn btn-default btn-lg">網路隱私工具指南</a>
<a href="https://github.com/twngo/l10n" class="btn btn-default btn-lg">網路自由在地化</a>
<a href="https://mydata.network" class="btn btn-default btn-lg">MyData Taiwan</a>
<a href="https://books.twngo.xyz/" class="btn btn-default btn-lg">線上圖書館</a>
<a href="https://infosec.twngo.xyz/" class="btn btn-default btn-lg">實用資安指南</a>
<a href="https://2019.twngo.xyz/card.html" class="btn btn-default btn-lg">NGO數位策略指引</a>
<a href="https://railway.twngo.xyz" class="btn btn-default btn-lg">鐵道計畫</a>
</div>
</div>
<a href="#contact" class="btn btn-circle page-scroll">
<i class="fa fa-angle-double-down animated"></i>
</a>
</div>
</section>
<!-- Contact Section -->
<section id="contact" class="container content-section text-center">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<h2>Contact </h2>
<p>任何建議回饋或需諮詢意見，歡迎來信交流指教！</p>
<p> email: hello(at)twngo.xyz</a> (<a href="https://keybase.io/twngoxyz">PGP
key</a>)
</p>
<h3> TWNGO <a href="https://to.twngo.xyz/slack">Slack Community</a>
</h3>
<p>非營利與網路科技相關話題閒聊</p>
<br>
<ul class="list-inline banner-social-buttons">
<li>
<a href="https://twitter.com/ngonewstw" class="btn btn-default btn-lg"><i
class="fa fa-twitter fa-fw"></i> <span class="network-name">Twitter</span></a>
</li>
<li>
<a href="https://github.com/twngo" class="btn btn-default btn-lg"><i
class="fa fa-github fa-fw"></i> <span class="network-name">Github</span></a>
</li>
<li>
<a href="https://medium.twngo.xyz" class="btn btn-default btn-lg"><i
class="fa fa-medium fa-fw"></i> <span class="network-name">Medium</span></a>
</li>
<li>
<a href="https://to.twngo.xyz/signup" class="btn btn-default btn-lg"><i
class="fa fa-paper-plane fa-fw"></i> <span class="network-name">Mailchimp</span></a>
</li>
</ul>
</div>
</div>
</section>
<!-- Footer -->
<footer>
<div class="container text-center">
<p>Copyleft © twngo.xyz 2016</p>
<p>A free, responsive, one page Bootstrap theme created by <a href="http://startbootstrap.com">Start
Bootstrap</a></p>
<p>codevember-rocket by <a href="https://codepen.io/Zultan/pen/LOWJpB">Zultan</a></p>
</div>
</footer>
<!-- Bootstrap Core JavaScript -->
<script src="vendor/bootstrap/js/bootstrap.min.js"></script>
<!-- Theme JavaScript -->
<script src="js/grayscale.min.js"></script>
<!-- Rock Robot JavaScript -->
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/three.js/87/three.min.js'></script>
<script src='https://threejs.org/examples/js/controls/OrbitControls.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/gsap/1.20.2/TweenMax.min.js'></script>
<script src="js/index_rock.js"></script>
<script src="js/script.js"></script>
</body>
</html>