index.html

---
layout: landing-page

---
<!-- Main -->
<article id="main">

	<header class="special container">
		<span class="icon fa-bar-chart-o"></span>
		<h2>"我們“<strog>現在在哪，要往何處去？</strong>
				<br />
				進展到什麼地步，有迷失方向嗎？</h2>
		<p><strong>「NPO 指標模版」</strong>專案是由 twngo.xyz 發起的共筆推動計畫，透過不同經驗與智慧的交流
			<br />
			發展出一套示範型的指標建議工作表與數據整合<strong>儀表板</strong>,
			讓非營利組織可以用來記錄、觀察、診斷各項表現進展。
			<br />
			本計畫以 <a href="https://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0</a>
			授權釋出，並感謝以下的參與貢獻者： </p>
	</header>

	<!-- One -->
	<section class="wrapper style2 container special-alt">
		<div class="row half">
			<div class="8u">

				<header>
					<h2>探討<strong>數據指標</strong>字面與背後的意義</h2>
				</header>
				<p>本專案一如 twngo.xyz 其它計畫，皆為網友自發性利用工作閒餘之際，志願無償投入。為達成其永續與多元，我們始終歡迎各方有興趣的朋友量力一起加入參與。</p>
				<footer>
					<ul class="buttons">
						<li><a href="https://trello.com/b/4js4xpC6/metrics" class="button">本專案工作進程</a></li>
					</ul>
				</footer>

			</div>
			<div class="4u skel-cell-important">

				<ul class="featured-icons">
					<li><span class="icon fa-clock-o"><span class="label">Feature 1</span></span></li>
					<li><span class="icon fa-pie-chart"><span class="label">Feature 2</span></span></li>
					<li><span class="icon fa-line-chart"><span class="label">Feature 3</span></span></li>
					<li><span class="icon fa-area-chart"><span class="label">Feature 4</span></span></li>
					<li><span class="icon fa-tablet"><span class="label">Feature 5</span></span></li>
					<li><span class="icon fa-laptop"><span class="label">Feature 6</span></span></li>
				</ul>

			</div>
		</div>
	</section>

	<!-- Two -->
	<section class="wrapper style1 container special">
		<div class="row">
			<div class="4u">

				<section>
					<span class="icon featured fa-check"></span>
					<header>
						<h3>源起說明</h3>
					</header>
					<p>為改善 NGO/NPO 欠缺核心數據數字之不足，本示範模版，供記錄、追踪、觀察組織經年各項表現，橫向跨組織評比或自身能力變化的深縱測量之基準。</p>
				</section>

			</div>
			<div class="4u">

				<section>
					<span class="icon featured fa-check"></span>
					<header>
						<h3>Google Sheet 模版</h3>
					</header>
					<p>利用 google sheet  線上試算表,建議非營利組織應長期收集、記錄的關鍵數據，其包括:總體表現、財務募款、人力、網路數位等四大類表現。</p>
				</section>

			</div>
			<div class="4u">

				<section>
					<span class="icon featured fa-check"></span>
					<header>
						<h3>Google DataStudio</h3>
					</header>
					<p>瀏覧器版的圖形介面視覺化操作工具，導入資料表後即可輕鬆地將之轉化為各式圖表與關鍵數據具體呈現，協助觀眾快速掌握資訊情報重點。</p>
				</section>

			</div>
		</div>
	</section>

	<!-- Three -->
	<section class="wrapper style3 container special">

		<header class="major">
			<h2>晃晃其它<strong>酷玩意</strong></h2>
		</header>

		<div class="row">
			<div class="6u">

				<section>
					<a href="#" class="image featured"><img src="images/pic01.jpg" alt="" /></a>
					<header>
						<h3>鐡道線計畫</h3>
					</header>
					<p>南台灣鐵支路沿途各站的不定點不定時網友輕鬆聊天聚會，輕鬆交流分享有關：非營利非政府組織、數位技能、資訊網路安全、學習型 NGO、隱私自主、數據素養、開源自由軟體、言論資訊自由.....等話題。詳細活動資訊與記錄請見：
					<a href="https://railway.twngo.xyz" alt="TWNGO鐵道線">專案官網</a></p>
				</section>

			</div>
			<div class="6u">

				<section>
					<a href="#" class="image featured"><img src="images/pic02.jpg" alt="" /></a>
					<header>
						<h3>NGO 數位策略規劃指引</h3>
					</header>
					<p>NGO/NPO，到底他們是如何看待組織本身的使命、和外部社會的關係、以及數位網路工具怎麼能協助他們把事情更有效率地做好，在這個資料氾濫成“金“的機器學習年代，又怎麼能理解科技的潛能與潛在傷害?<a href="https://twngo.xyz/card.html">A Digital Strategy Guide for NGOs</a> </p>
				</section>

			</div>
		</div>
		<div class="row">
			<div class="6u">

				<section>
					<a href="#" class="image featured"><img src="images/pic03.jpg" alt="" /></a>
					<header>
						<h3>網路隱私與資訊安全</h3>
					</header>
					<p>介紹分享基本的網際網路運作知識，從中理解個人瀏網時所曝露的風險後，學習保護自己也尊重他人的網路使用習慣與各式安全的防護工具。<a href="https://infosec.twngo.xyz/" alt="資訊安全入門與網路自由">《網路安全入門》</a>；<a href="https://privacytools.twngo.xyz" alt="網路隱私工具">《網路隱私工具整理》</a></p>
				</section>

			</div>
			<div class="6u">

				<section>
					<a href="#" class="image featured"><img src="images/pic04.jpg" alt="" /></a>
					<header>
						<h3>DDD.doctor 友站計畫</h3>
					</header>
					<p>由 <a href="http://taipei.io">Taipei.io</a> 促成的自發型網友協作專案，探究不實訊息、假新聞、deepfake 等話題在國際社會之漫延與防治，以及台灣本土如何看待此課題的現況。</p>
				</section>

			</div>
		</div>

		<footer class="major">
			<ul class="buttons">
				<li><a href="#" class="button">See More</a></li>
			</ul>
		</footer>

	</section>

</article>

<!-- CTA -->
<section id="cta">

	<header>
		<h2>舉手<strong>貢獻本專案</strong>?</h2>
		<p>Proin a ullamcorper elit, et sagittis turpis integer ut fermentum.</p>
	</header>
	<footer>
		<ul class="buttons">
			<li><a href="https://liberapay.com/twngo.xyz" class="button special">Liberpay 滴水贊助</a></li>
			<li><a href="#" class="button">勞心出力一張嘴</a></li>
		</ul>
	</footer>

</section>