update

.gitignore

@@ -4,3 +4,4 @@ npm-debug.log
 .*
 !.gitignore
 _public
+memo

web/src/pug/get-start/index.pug

@@ -0,0 +1,67 @@
+extends /base.pug
+block vars
+block head
+block body
+  .typeset.heading-contrast
+    .w-1024.rwd.mx-auto
+      .text-center.py-4
+        h2.mb-4 新手指南
+        .card.shadow-sm: .card-body.text-left.text-sm
+          p g0v 是一個致力於推動開放協作的社群。參與者來自四方，社群自由且多中心運作，每個參與者自主決定貢獻專案，或發起新專案，所以沒有強制性，各專案各自運作、決定治理模式。g0v 的座右銘是：
+          blockquote.text-danger 「不要問為何沒有人做這個，先承認你就是『沒有人』」。
+          p 因為，「沒有人」是萬能的。
+          p g0v 許多成員來自開放原碼社群，我們鼓勵成果開放授權（Open Source或Creative Commons授權），讓知識流通刺激更多貢獻。用這樣的精神關心社會議題，分析問題並提出可以資訊推動改變的方案，進而實際執行，是社群的最大能量。歡迎加入這股動能。
+      h3 參與專案
+      h4 想挖坑
+      ol
+        li
+          span 在 【hackmd】上寫下你的提案，最好包含：
+          ul
+            li Why? ：為什麼要做這個
+            li How? ：打算怎麼做，授權方式
+            li Need?：需要哪些技術
+          span 建議也參考 #[a(href="http://ipa.logdown.com/posts/143277-g0v-proposal-tips") 提案小訣竅] ，讓你的提案更容易打動人心喔！
+        li
+          span 尋找伙伴
+          ul
+            li 在 #[a(href="https://www.facebook.com/groups/g0v.general/") FB 後勤中心] 告訴大家
+            li
+              span 參與 #[a(href="http://jothon.g0v.tw/") 大松]，填專案報告登記表，開場時各專案有 3 分鐘可上台提案。
+            li 上 #[a(href="http://join.g0v.tw/") Slack] 或 #[a(href="http://jothon.g0v.tw/irc") IRC] 呼朋引伴
+        li 想要更了解 開源協作的模式，可以參考 #[a(href="https://g0v.hackmd.io/@jothon/g0v-cowork-guideline/") g0v 開源協作手冊]
+        li 想要更了解黑客松的運作模式與提案的秘技，上 #[a(href="https://jothon.g0v.tw") 揪松網] 就對了！
+      h4 想跳坑
+      img.w-100(src="/assets/img/participate.jpg")
+      ul
+        li 在 #[a(href="https://www.facebook.com/groups/g0v.general/") FB 後勤中心] 參與討論
+        li 上 #[a(href="https://g0v.hackmd.io") HackMD] 瀏覽各個專案的共筆，加入協作
+        li 到 #[a(href="http://join.g0v.tw/") Slack] 或 #[a(href="http://jothon.g0v.tw/irc") IRC] 一起聊天
+        li 參與 #[a(href="http://jothon.g0v.tw/") 大松]
+
+      h3 所謂的「大松」
+      p g0v.tw 主要的實體活動是雙月大黑客松（ g0v Hackathon ），若想更進一步了解，可以參考黑客松入口網 #[a(href="https://jothon.g0v.tw") 揪松網]。或者，也歡迎隨意瀏覽並協作下列文件：
+      ul
+        li: a(href="https://g0v.hackmd.io/caT7N5ijSkyEjK41Wpuxfw") 黑客松活動 FAQ
+        li: a(href="https://g0v.hackmd.io/BJGIlCZAQEOpsIYz5_Qjgg") 形形色色的 g0v 參與者 - 我是 xxx 、我如何參與黑客松
+        li: a(href="https://g0v.hackmd.io/COC") g0v 行為守則
+        li: a(href="http://ipa.logdown.com/posts/166655-g0v-hackathon-nongeek") 非資訊人參與指南
+        li: a(href="https://g0v.hackmd.io/hosZS2MqRR-JLwhomnDU3w") g0v 黑話及語錄
+      h3 其它人的心得
+      p 與你一樣曾經是新手參與者的他們原來都這樣想 ...?
+      ul
+        li: a(href="https://medium.com/g0v-tw/g0v-%E5%85%AC%E6%B0%91%E7%A7%91%E6%8A%80%E5%89%B5%E6%96%B0%E7%8D%8E%E5%8A%A9%E9%87%91-into-the-darkness-and-a-new-hope-5ac25e373ccd") g0v 公民科技創新獎助金：Into the Darkness and a New Hope  / ipa 
+        li: a(href="http://blog.yam.com/shulusama/article/81318638") 零時政府 | 子姓網友半年 summit / 子龍 2014.11.10
+        li: a(href="http://blog.delib.net/digital-hero-fran-bennett/") Digital Hero – Fran Bennett / delib 2014.06.13
+        li: a(href="https://www.facebook.com/notes/%E5%94%90%E9%B3%B3/first-year-of-g0v-march-2014-transcript/808828052479750") First Year of g0v: March 2014 [Transcript] / au 2014.04.14
+        li: a(href="http://blog.twpug.org/607") g0v, 給新手的換句話說, 以台北車站為例 / kiang 2014.4.13
+        li: a(href="https://www.facebook.com/notes/%E5%94%90%E9%B3%B3/%E7%AC%AC%E9%9B%B6%E6%AC%A1%E5%90%91%E6%97%A5%E8%91%B5%E6%95%B8%E4%BD%8D%E9%AB%94%E9%A9%97%E7%87%9F-%E9%80%90%E5%AD%97%E7%A8%BF/808273105868578") 第零次向日葵數位體驗營 [逐字稿] / au 2014.04.13
+        li: a(href="http://walkingice.blogspot.tw/2014/04/g0v.html") g0v 是塊大草坪 / Walkingice 2014.04.12
+        li: a(href="http://ipa.logdown.com/posts/184187-protest-internet-crowd") 遊行場邊記： 街頭．網路．群眾不斷線 / ipa 2014.03.09
+        li: a(href="http://ipaway.org/?p=2518") 迎接春天的公民資訊黑客松 / ipa 2013.3.13
+        li: a(href="http://ipaway.org/?p=2679") 網路公民的進擊 / ipa 2013.06.07
+        li: a(href="http://ipaway.org/?p=2334") 搶救國會資料大軍 / ipa 2013.01.08
+        li: a(href="http://www.thinkingtaiwan.com/public/articles/view/318") Open Data—來自資訊界的社會運動（下） / 雨蒼 2012.11.28
+        li: a(href="http://www.thinkingtaiwan.com/articles/view/314") Open Data—來自資訊界的社會運動（上） / 雨蒼 2012.11.28
+
+
+

web/src/pug/index.pug

@@ -99,7 +99,7 @@ block body
             p 目前 g0v 黑客松主要仍在台灣舉行，但海外已有若干國家響應。在你的國家沒有嗎？何不考慮在你的國家發起 g0v 黑客松呢？
             a.btn.btn-outline-danger.text-danger.d-block(href="http://g0v.network") 現在就發起
         h3 更多資訊
-        p 若你想參與 g0v 卻仍不得其門而入，就來看看#[a(href="#") 新手指南]吧！
+        p 若你想參與 g0v 卻仍不得其門而入，就來看看#[a(href="/get-start/") 新手指南]吧！
 
     .d-none.d-md-block(style="min-width:8em"): .sticky.ml-4.pl-4.pt-4.border-left.border-danger
       br
@@ -111,8 +111,8 @@ block body
         a.clickable.d-block(href="#",data-scrollto="#participate") 如何參與
       .mb-4
         a.clickable.d-block(href="/manifesto/") g0v 宣言
-        a.clickable.d-block(href="#") 協作工具
-        a.clickable.d-block(href="#") 新手指南
+        a.clickable.d-block(href="/tool/") 協作工具
+        a.clickable.d-block(href="/get-start/") 新手指南
         a.clickable.d-block(href="/faq/") 常見問題
         a.clickable.d-block(href="/contact/") 聯絡我們
         a.clickable.d-block(href="https://ocf.neticrm.tw/civicrm/contribute/transact?reset=1&id=30",

web/static/get-start/index.html

@@ -0,0 +1 @@
+<!DOCTYPE html><html lang="en"><head prefix="og: http://ogp.me/ns#"><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title></title><link rel="stylesheet" type="text/css" href="/assets/bootstrap/4.3.1/bootstrap.min.css"><link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Roboto"><link rel="stylesheet" type="text/css" href="/assets/ldui/ldui.min.css"><link rel="stylesheet" type="text/css" href="/css/index.css"></head><body><div id="nav-top"><nav class="navbar navbar-expand-lg navbar-dark bg-black text-light navbar-light bg-light"><button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-list"><span class="navbar-toggler-icon"></span></button><div class="collapse navbar-collapse" id="navbar-list"><a class="navbar-brand" href="/"><img src="/assets/img/g0v-banner.svg" style="height:27px;margin-top:-8px"></a><ul class="navbar-nav"><li class="nav-item dropdown"><a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown">關於我們</a><div class="dropdown-menu"><a class="dropdown-item" href="/manifesto/">零時政府宣言</a><a class="dropdown-item" href="/contact/">聯繫我們</a><a class="dropdown-item" href="/media/">媒體報導</a><a class="dropdown-item" href="http://hack.g0v.tw/transaction/" target="_blank">收支明細</a></div></li><li class="nav-item dropdown"><a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown">如何參與</a><div class="dropdown-menu"><a class="dropdown-item" href="/novice/">新手指南</a><a class="dropdown-item" href="/faq/">常見問題</a><a class="dropdown-item" href="https://ocf.neticrm.tw/civicrm/contribute/transact?reset=1&amp;id=30" target="_blank">小額捐款 <i class="fa fa-usd"></i><i class="fa fa-usd"></i></a><div class="dropdown-divider"></div><a class="dropdown-item" href="#" target="_blank">臉書後勤中心</a><a class="dropdown-item" href="/event/">活動資訊</a></div></li><li class="nav-item"><a class="nav-link" href="/project/">成果列表</a></li></ul><div class="navbar-nav ml-auto"><a class="nav-item nav-link" href="#">正體中文</a></div></div></nav></div><div id="nav-top-placeholder"></div><div class="typeset heading-contrast"><div class="w-1024 rwd mx-auto"><div class="text-center py-4"><h2 class="mb-4">新手指南</h2><div class="card shadow-sm"><div class="card-body text-left text-sm"><p>g0v 是一個致力於推動開放協作的社群。參與者來自四方，社群自由且多中心運作，每個參與者自主決定貢獻專案，或發起新專案，所以沒有強制性，各專案各自運作、決定治理模式。g0v 的座右銘是：</p><blockquote class="text-danger">「不要問為何沒有人做這個，先承認你就是『沒有人』」。</blockquote><p>因為，「沒有人」是萬能的。</p><p>g0v 許多成員來自開放原碼社群，我們鼓勵成果開放授權（Open Source或Creative Commons授權），讓知識流通刺激更多貢獻。用這樣的精神關心社會議題，分析問題並提出可以資訊推動改變的方案，進而實際執行，是社群的最大能量。歡迎加入這股動能。</p></div></div></div><h3>參與專案</h3><h4>想挖坑</h4><ol><li><span>在 【hackmd】上寫下你的提案，最好包含：</span><ul><li>Why? ：為什麼要做這個</li><li>How? ：打算怎麼做，授權方式</li><li>Need?：需要哪些技術</li></ul><span>建議也參考 <a href="http://ipa.logdown.com/posts/143277-g0v-proposal-tips">提案小訣竅</a> ，讓你的提案更容易打動人心喔！</span></li><li><span>尋找伙伴</span><ul><li>在 <a href="https://www.facebook.com/groups/g0v.general/">FB 後勤中心</a> 告訴大家</li><li><span>參與 <a href="http://jothon.g0v.tw/">大松</a>，填專案報告登記表，開場時各專案有 3 分鐘可上台提案。</span></li><li>上 <a href="http://join.g0v.tw/">Slack</a> 或 <a href="http://jothon.g0v.tw/irc">IRC</a> 呼朋引伴</li></ul></li><li>想要更了解 開源協作的模式，可以參考 <a href="https://g0v.hackmd.io/@jothon/g0v-cowork-guideline/">g0v 開源協作手冊</a></li><li>想要更了解黑客松的運作模式與提案的秘技，上 <a href="https://jothon.g0v.tw">揪松網</a> 就對了！</li></ol><h4>想跳坑</h4><img class="w-100" src="/assets/img/participate.jpg"><ul><li>在 <a href="https://www.facebook.com/groups/g0v.general/">FB 後勤中心</a> 參與討論</li><li>上 <a href="https://g0v.hackmd.io">HackMD</a> 瀏覽各個專案的共筆，加入協作</li><li>到 <a href="http://join.g0v.tw/">Slack</a> 或 <a href="http://jothon.g0v.tw/irc">IRC</a> 一起聊天</li><li>參與 <a href="http://jothon.g0v.tw/">大松</a></li></ul><h3>所謂的「大松」</h3><p>g0v.tw 主要的實體活動是雙月大黑客松（ g0v Hackathon ），若想更進一步了解，可以參考黑客松入口網 <a href="https://jothon.g0v.tw">揪松網</a>。或者，也歡迎隨意瀏覽並協作下列文件：</p><ul><li><a href="https://g0v.hackmd.io/caT7N5ijSkyEjK41Wpuxfw">黑客松活動 FAQ</a></li><li><a href="https://g0v.hackmd.io/BJGIlCZAQEOpsIYz5_Qjgg">形形色色的 g0v 參與者 - 我是 xxx 、我如何參與黑客松</a></li><li><a href="https://g0v.hackmd.io/COC">g0v 行為守則</a></li><li><a href="http://ipa.logdown.com/posts/166655-g0v-hackathon-nongeek">非資訊人參與指南</a></li><li><a href="https://g0v.hackmd.io/hosZS2MqRR-JLwhomnDU3w">g0v 黑話及語錄</a></li></ul><h3>其它人的心得</h3><p>與你一樣曾經是新手參與者的他們原來都這樣想 ...?</p><ul><li><a href="https://medium.com/g0v-tw/g0v-%E5%85%AC%E6%B0%91%E7%A7%91%E6%8A%80%E5%89%B5%E6%96%B0%E7%8D%8E%E5%8A%A9%E9%87%91-into-the-darkness-and-a-new-hope-5ac25e373ccd">g0v 公民科技創新獎助金：Into the Darkness and a New Hope  / ipa </a></li><li><a href="http://blog.yam.com/shulusama/article/81318638">零時政府 | 子姓網友半年 summit / 子龍 2014.11.10</a></li><li><a href="http://blog.delib.net/digital-hero-fran-bennett/">Digital Hero – Fran Bennett / delib 2014.06.13</a></li><li><a href="https://www.facebook.com/notes/%E5%94%90%E9%B3%B3/first-year-of-g0v-march-2014-transcript/808828052479750">First Year of g0v: March 2014 [Transcript] / au 2014.04.14</a></li><li><a href="http://blog.twpug.org/607">g0v, 給新手的換句話說, 以台北車站為例 / kiang 2014.4.13</a></li><li><a href="https://www.facebook.com/notes/%E5%94%90%E9%B3%B3/%E7%AC%AC%E9%9B%B6%E6%AC%A1%E5%90%91%E6%97%A5%E8%91%B5%E6%95%B8%E4%BD%8D%E9%AB%94%E9%A9%97%E7%87%9F-%E9%80%90%E5%AD%97%E7%A8%BF/808273105868578">第零次向日葵數位體驗營 [逐字稿] / au 2014.04.13</a></li><li><a href="http://walkingice.blogspot.tw/2014/04/g0v.html">g0v 是塊大草坪 / Walkingice 2014.04.12</a></li><li><a href="http://ipa.logdown.com/posts/184187-protest-internet-crowd">遊行場邊記： 街頭．網路．群眾不斷線 / ipa 2014.03.09</a></li><li><a href="http://ipaway.org/?p=2518">迎接春天的公民資訊黑客松 / ipa 2013.3.13</a></li><li><a href="http://ipaway.org/?p=2679">網路公民的進擊 / ipa 2013.06.07</a></li><li><a href="http://ipaway.org/?p=2334">搶救國會資料大軍 / ipa 2013.01.08</a></li><li><a href="http://www.thinkingtaiwan.com/public/articles/view/318">Open Data—來自資訊界的社會運動（下） / 雨蒼 2012.11.28</a></li><li><a href="http://www.thinkingtaiwan.com/articles/view/314">Open Data—來自資訊界的社會運動（上） / 雨蒼 2012.11.28</a></li></ul></div></div><div class="foot"><div class="inner"><div class="d-flex mb-4 align-items-center"><div class="flex-grow-1"><div style="width:90%;max-width:140px"><img class="w-100" src="/assets/img/g0v-only-white.svg"></div></div><div><div class="input-group input-group-sm"><input class="form-control"><div class="input-group-append"><div class="btn btn-outline-light">搜尋</div></div></div></div></div><div class="sep sep-light"></div><div class="pb-4"></div><div class="row"><div class="col-md-4 mb-4"><h5>關於 g0v</h5><div class="row"><div class="col-md"><div class="mt-0 list"><div class="item"><a href="/manifesto/">g0v 宣言</a></div><div class="item"><a href="/faq/">常見問題</a></div><div class="item"><a href="/contact/">聯繫社群</a></div><div class="item"><a href="#">演講資訊</a></div><div class="item"><a href="#">媒體報導</a></div><div class="item"><a href="/coc/">社群守則</a></div></div></div><div class="col-md"><div class="mt-0 list"><div class="item"><a href="https://jothon.g0v.tw/transaction/" target="_blank">收支明細</a></div><div class="item"><a href="https://www.facebook.com/g0v.tw/">臉書專頁</a></div><div class="item"><a href="https://twitter.com/g0vtw">推特專頁</a></div><div class="item"><a href="https://www.instagram.com/g0v.tw/">IG 專頁</a></div><div class="item"><a href="https://flickr.com/g0v/">活動影像</a></div><div class="item"><a href="https://flickr.com/g0v/">活動影片</a></div></div></div></div></div><div class="col-md-2 mb-4"><h5>線上協作</h5><div class="mt-2 list"><div class="item"><a href="http://www.facebook.com/groups/387816094628136/" target="_blank">臉書後勤中心</a></div><div class="item"><a href="http://join.g0v.tw/">Slack 聊天室</a></div><div class="item"><a href="https://github.com/g0v" target="_blank">Github 源碼庫</a></div><div class="item"><a href="https://g0v.hackmd.io/" target="_blank">HackMD 共筆</a></div><div class="item"><a href="https://g0v.hackpad.tw/" target="_blank">Hackpad 共筆</a></div><div class="item"><a href="/tool/" target="_blank">協作工具</a></div></div></div><div class="col-md-3 mb-4"><h5>參與貢獻</h5><div class="mt-2 list"><div class="item"><a href="#">新手指南</a></div><div class="item"><a href="https://jothon.g0v.tw/" target="_blank">黑客松入口網</a></div><div class="item"><a href="https://github.com/g0v/landing-page">官網原始碼</a></div></div></div><div class="col-md-3 mb-4"><h5>相關專案</h5><div class="mt-2 list"><div class="item"><a href="#">intl 國際交流專案</a></div><div class="item"><a href="https://jothon.g0v.tw/about">jothon 揪松團</a></div></div></div></div><div class="sep sep-light my-4"></div><div class="text-sm"><div class="d-inline-block align-middle mr-1" style="width:24px;height:24px;background:url(/assets/img/justfont.png) center center no-repeat;background-size:36px"></div><a href="https://justfont.com" style="display:inline">web font provided by justfont</a></div><div class="text-sm"><div class="d-inline-block align-middle mr-1" style="width:24px;height:24px;background:url(/assets/img/loader-jothon.svg) center center no-repeat;background-size:36px"></div><a href="https://loading.io" style="display:inline">animations are made possible by loading.io</a></div></div></div><script type="text/javascript" src="/assets/bootstrap.native/2.0.15/bootstrap.native.v4.min.js"></script><script type="text/javascript" src="/assets/ldui/ldui.min.js"></script><script type="text/javascript" src="/assets/xfl/xfl.js"></script><script type="text/javascript" src="/js/index.js"></script><script type="text/javascript" src="//s3-ap-northeast-1.amazonaws.com/justfont-user-script/jf-59395.js"></script></body></html>