edit contents

data/contact.yaml

@@ -1 +1,58 @@
-0
+zh:
+  - t: 關於 g0v
+    d: |
+      給記者、研究者、參訪團：
+
+      你可能已經知道，g0v 是一個去中心、多中心的社群。[「沒有人能代表 g0v」](https://g0v.hackpad.tw/Rbpc5FiUyA5)，因為這個原則，g0v 能做出許多有趣、有意義、不一樣的事。在接觸 g0v 社群前，建議先閱讀 [g0v 宣言](https://g0v.tw/zh-TW/manifesto.html)、[g0v 行為守則](/COC)。
+
+      基於「沒有人能代表 g0v」這個原則，所有以 g0v 為對象的採訪，都應該以**開放共筆**為第一個步驟，讓所有社群貢獻者都能參與。這樣能避免極少數人掌握太大的發言權，保護社群多樣、不同的聲音。
+
+      請參考這份文件所列的建議事項，協助維持 g0v 社群的多樣性。感謝你，花費寶貴的時間閱讀這份文件。
+
+  - t: 聯絡 g0v
+    d: |
+      #### 加入 IRC 聊天室
+      - 這是開放的聊天頻道
+      - 加入聊天的步驟
+        - 加入 Freenode 上的 #g0v.tw
+
+      #### 加入 Slack 聊天室
+      - 這是開放的工作空間
+      - #general 是開放的聊天頻道
+      - 也有一些私密的聊天頻道
+      - 任何人都可以自創頻道
+      - 加入聊天的步驟
+        - 瀏覽器打開 http://join.g0v.tw/
+        - 輸入自己的 email
+        - 收信，按照邀請函的指示註冊 Slack 帳號、加入 g0v-tw.slack.com 工作空間
+
+      #### 寄信到 g0v-talks email 群組
+      - 這是封閉的 email 群組，只有在群組裡的 g0v 參與者、貢獻者才看得到你的 email
+      - 聯絡的步驟
+        - 寄信到 g0v-talks@googlegroups.com
+
+  - t: 採訪 g0v
+    d: |
+      - 瀏覽器打開 https://g0v.hackmd.io
+      - 用 email 創立帳號，或用社交媒體登入
+      - 開一個新的共筆
+      - 介紹一下你是誰、想要採訪的動機、採訪共筆的授權條款
+        - [選擇 CC 授權條款](https://creativecommons.org/choose/)
+        - [選擇其他開放授權條款](https://choosealicense.com/)
+        - > [name=chihao] 建議使用 [CC BY 4.0 by [your name] & g0v contributors](https://creativecommons.org/licenses/by/4.0/)
+      - 貼上你的問題
+      - 權限設定為「Editable」或「Freely」讓所有參與者、貢獻者都可以編輯 ![](https://g0vhackmd.blob.core.windows.net/g0v-hackmd-images/upload_cf5371db29235cbae0ee9b0489c0f93c)
+      - 把連結丟到 g0v Slack #general 頻道，讓所有參與者、貢獻者看到
+
+  - t: 在 g0v 活動拍攝 g0v
+    d: |
+      - 事前向活動主辦者取得同意
+      - 拍攝過程遵守 [g0v 行為守則](/COC)
+      - 遵守個別參與者不被拍攝的要求
+      - 如果詢問參與者與 g0v 社群整體相關問題，請閱讀本文件開頭「關於 g0v」的說明並評量你的作法。
+
+  - t: 採訪、研究、拍攝案例
+    d: |
+      - [歷年採訪共筆、採訪共筆空白模板](https://g0v.hackmd.io/S7EmxFJ6ROCubISQB5vA8g)
+      - [以 g0v 為主題的學術研究](https://g0v.hackmd.io/tpWNQTFvSOS_ZrSt2MiPWg)
+      - [與 g0v 社群參與者相關的影片拍攝](https://g0v.hackmd.io/@chewei/SJndN7dTB)

package.json

@@ -15,7 +15,7 @@
   },
   "scripts": {
     "start": "cd web; ../node_modules/.bin/server",
-    "build": "find . | grep \\.pug | xargs touch"
+    "build": "find . | grep \\.pug | xargs touch; node_modules/.bin/lsc tool/parse-yaml.ls"
   },
   "dependencies": {
     "LiveScript": "^1.3.0",

tool/parse-yaml.ls

@@ -7,27 +7,27 @@ convert = (obj) ->
   else if typeof(obj) == \string and /\n/.exec(obj) => obj = marked(obj.replace(/\n/g,'\r\n')).replace(\n/g,'')
   return obj
 
-fs-extra.ensure-dir-sync '../web/src/pug/data'
-fs-extra.ensure-dir-sync '../web/static/assets/data'
+fs-extra.ensure-dir-sync 'web/src/pug/data'
+fs-extra.ensure-dir-sync 'web/static/assets/data'
 
 data = {}
-fs.readdir-sync '../data' .filter(->/\.yaml$/.exec(it)).map((it) -> it.replace('\.yaml','')).map (n)->
-  ret = js-yaml.safe-load fs.read-file-sync "../data/#n.yaml"
+fs.readdir-sync 'data' .filter(->/\.yaml$/.exec(it)).map((it) -> it.replace('\.yaml','')).map (n)->
+  ret = js-yaml.safe-load fs.read-file-sync "data/#n.yaml"
   ret = convert ret
-  fs.write-file-sync "../web/static/assets/data/#n.json", JSON.stringify(ret)
-  fs.write-file-sync "../web/src/pug/data/#n.pug", """
+  fs.write-file-sync "web/static/assets/data/#n.json", JSON.stringify(ret)
+  fs.write-file-sync "web/src/pug/data/#n.pug", """
   //- module
   -
     var data = {#n: #{JSON.stringify(ret)} };
   """
   data[n] = ret
 
-fs.write-file-sync "../web/src/pug/data/all.pug", """
+fs.write-file-sync "web/src/pug/data/all.pug", """
 //- module
 -
   var data = #{JSON.stringify(data)};
 """
 
-fs.write-file-sync "../web/static/assets/data/all.js", """
+fs.write-file-sync "web/static/assets/data/all.js", """
 var data = #{JSON.stringify(data)};
 """

web/config.json

@@ -5,6 +5,6 @@
   },
   "i18n": {
     "enabled": true,
-    "lng": ["en", "zh-TW"]
+    "lng": ["en"]
   }
 }

web/src/pug/coc/en/index.pug

@@ -8,8 +8,6 @@ block body
     .text-center.mt-2.mb-4
       img(src="/assets/img/g0v-only.svg",style="width:3em")
       h1.my-2 g0v Code of Conduct
-      a translated by Sam Robbins
-      br  
       a(href="/coc/") 正體中文
     .text-center.text-sm.my-4.text-muted 2020.01.18 edited ( #[a(href="https://g0v.hackmd.io/COC") collaboration document] )
     .card.shadow: .card-body: .m-3

web/src/pug/contact/index.pug

@@ -1,68 +1,23 @@
 extends /base.pug
+block head
+  style(type="text/css"): :stylus
+    .row img { width: 100%; }
 block body
   mixin ruby(text)
     each c in text
       b.char.cjk= c
   .w-1024.px-2.px-lg-4.mx-auto.rwd.typeset.heading-contrast
     .text-center.my-4.py-4
+      img(src="/assets/img/g0v-only.svg",style="width:3em")
       h1.display-4.font-weight-bold 與社群聯繫
       .text-muted Contact with g0v Community
+    | 
     .row
       .col-md-9
-        h3#about 關於「與 g0v 合作」
-        hr
-        p 台灣零時政府 ( g0v.tw ) 是一個開放的社群，不是公司、團體、組織、法人，主要由參與者自行以提案方式向其它社群參與者號召加入專案計畫。
-        p
-          span 因此，如果你有專案希望招募 g0v 參與者投入，可透過 g0v 社群的線上平台或黑客松活動以
-          +ruby("公開提案")
-          span 以及
-          +ruby("成果開源")
-          span 的方式進行。各種黑客松訊息請參考「#[a(href="/event/") 活動訊息]」頁面。
-        h4#project 特定專案
-        p 此外，各個於 g0v 場域提案的專案 ( g0v 專案 ) 皆由專案發起人各自負責，若你對特定專案有興趣，可透過 g0v 社群的線上 / 線下平台尋找專案主 ( 見 #[a(href="#",data-scrollto="#contact") 聯繫管道] 一節 )，洽談合作事宜。
-
-        p 以下例舉數個專案，以及其對應的聯繫窗口：
-        .row
-          .col-md: .card.shadow-sm: .card-body
-
-            h6 雙月大黑客松
-            p 社群目前最主要的活動「 g0v 雙月黑客松 」是由 #[a(href="https://jothon.g0v.tw/about/") g0v 揪松團] 主辦。揪松團本身亦為一 g0v 專案，目標為引導社群發展並發揚 g0v 精神。
-          .col-md: .card.shadow-sm: .card-body
-            h6 零時政府公民科技創新獎助金
-            p 約一年為一期、協助各公民科技專案發展的「#[a(href="https://grants.g0v.tw") 零時政府公民科技創新獎助金]」亦由 #[a(href="https://jothon.g0v.tw/about/") g0v 揪松團] 執行。若有合作提案，歡迎與 #[a(href="https://jothon.g0v.tw/about/") 揪松團] 聯繫。
-        p 其它常見的專案與窗口如下：
-        ul
-          li Cofacts / 真的假的 Line Bot
-          li 萌典 / 教育部國語辭典民間版
-          li 愛台語 / itaigi
-          li ...
-
-        h4#contact 聯繫管道
-        p 若你無法直接聯絡上特定專案的發起人，亦可向社群求援；除了參與黑客松堵人外，也可透過線上社群平台詢問：
-        ul
-          li #[a(href="https://www.facebook.com/groups/g0v.general/") 臉書 g0v 後勤中心]
-          li #[a(href="https://groups.google.com/forum/#!forum/g0v-general") 公共郵件論壇 g0v-general] ( 較不活躍 )
-          li g0v Slack 聊天室 ( 可透過 #[a(href="https://join.g0v.tw") join.g0v.tw] 取得 Slack 邀請郵件 )
-          li #[a(href="https://jothon.g0v.tw/irc/") IRC 線上聊天室]
-          li 或者，寫信給 g0v 揪松團 ( g0v-jothon[at]googlegroups.com ) 請求協助。
-
-        h3#talks 採訪/演講邀約
-        hr
-        p 採訪或演講如無特定人選可來信至 g0v-talks 群組 ( g0v-talks [at] googlegroups.com ) ，社群將協調是否有適合人選。
-        h4 g0v-talks 是？
-        p g0v-talks 是一個任務性質的群組，工作內容為釐清演講與採訪邀約需求，轉發給適當的專案貢獻者。群組設定為非公開，目的是提供外界一個和社群私下聯繫的管道，處理牽涉到個人資料、個人隱私等不便在公開場合討論的事務。群組成立之初是為了處理演講邀約，後來隨著其他類型的邀約出現，演變為處理所有需要對外出席或發言的邀約，包括：演講、採訪、諮詢等。
-        p 想了解更多關於 g0v-talks 的事情，請參考 #[a(href="https://g0v.hackpad.tw/g0v-Media-Policy--Rbpc5FiUyA5#:h=%E4%BB%80%E9%BA%BC%E6%98%AF-g0v-talks-%E5%B0%8F%E7%B5%84") 什麼是 g0v-talks 小組 / 零時政府媒體政策]
-        h4 注意事項
-        ul
-          li 黑客松不開放旁聽、採訪，想來現場請報名參與活動。
-          li 社群採訪多採#[+ruby("共筆形式")]，可參考過#[a(href="https://g0v.hackpad.com/ep/group/FCfDxuRKD2m") 往媒體採訪共筆]。
-
+        each item, id in data.contact.zh
+          h3(id="contact"+id) !{item.t}
+          div !{item.d}
       .col-md-3
-        h3  
-        .sticky
-          .list-group
-            .list-group-item(data-scrollto="#about") 關於合作
-            .list-group-item(data-scrollto="#project") 特定專案
-            .list-group-item(data-scrollto="#contact") 聯繫管道
-            .list-group-item(data-scrollto="#talks") 採訪/演講邀約
-
+        .list-group.text-sm.sticky
+          each item, id in data.contact.zh
+            .list-group-item.text-truncate(data-scrollto=`#${"contact"+id}`) !{item.t}

web/src/pug/data/contact.pug

@@ -1,3 +1,3 @@
 //- module
 -
-  var data = {contact: 0 };
+  var data = {contact: {"zh":[{"t":"關於 g0v","d":"<p>給記者、研究者、參訪團：</p>\n<p>你可能已經知道，g0v 是一個去中心、多中心的社群。<a href=\"https://g0v.hackpad.tw/Rbpc5FiUyA5\">「沒有人能代表 g0v」</a>，因為這個原則，g0v 能做出許多有趣、有意義、不一樣的事。在接觸 g0v 社群前，建議先閱讀 <a href=\"https://g0v.tw/zh-TW/manifesto.html\">g0v 宣言</a>、<a href=\"/COC\">g0v 行為守則</a>。</p>\n<p>基於「沒有人能代表 g0v」這個原則，所有以 g0v 為對象的採訪，都應該以<strong>開放共筆</strong>為第一個步驟，讓所有社群貢獻者都能參與。這樣能避免極少數人掌握太大的發言權，保護社群多樣、不同的聲音。</p>\n<p>請參考這份文件所列的建議事項，協助維持 g0v 社群的多樣性。感謝你，花費寶貴的時間閱讀這份文件。</p>\n"},{"t":"聯絡 g0v","d":"<h4 id=\"加入-irc-聊天室\">加入 IRC 聊天室</h4>\n<ul>\n<li>這是開放的聊天頻道</li>\n<li>加入聊天的步驟<ul>\n<li>加入 Freenode 上的 #g0v.tw</li>\n</ul>\n</li>\n</ul>\n<h4 id=\"加入-slack-聊天室\">加入 Slack 聊天室</h4>\n<ul>\n<li>這是開放的工作空間</li>\n<li>#general 是開放的聊天頻道</li>\n<li>也有一些私密的聊天頻道</li>\n<li>任何人都可以自創頻道</li>\n<li>加入聊天的步驟<ul>\n<li>瀏覽器打開 <a href=\"http://join.g0v.tw/\">http://join.g0v.tw/</a></li>\n<li>輸入自己的 email</li>\n<li>收信，按照邀請函的指示註冊 Slack 帳號、加入 g0v-tw.slack.com 工作空間</li>\n</ul>\n</li>\n</ul>\n<h4 id=\"寄信到-g0v-talks-email-群組\">寄信到 g0v-talks email 群組</h4>\n<ul>\n<li>這是封閉的 email 群組，只有在群組裡的 g0v 參與者、貢獻者才看得到你的 email</li>\n<li>聯絡的步驟<ul>\n<li>寄信到 <a href=\"mailto:g0v-talks@googlegroups.com\">g0v-talks@googlegroups.com</a></li>\n</ul>\n</li>\n</ul>\n"},{"t":"採訪 g0v","d":"<ul>\n<li>瀏覽器打開 <a href=\"https://g0v.hackmd.io\">https://g0v.hackmd.io</a></li>\n<li>用 email 創立帳號，或用社交媒體登入</li>\n<li>開一個新的共筆</li>\n<li>介紹一下你是誰、想要採訪的動機、採訪共筆的授權條款<ul>\n<li><a href=\"https://creativecommons.org/choose/\">選擇 CC 授權條款</a></li>\n<li><a href=\"https://choosealicense.com/\">選擇其他開放授權條款</a></li>\n<li><blockquote>\n<p>[name=chihao] 建議使用 <a href=\"https://creativecommons.org/licenses/by/4.0/\">CC BY 4.0 by [your name] &amp; g0v contributors</a></p>\n</blockquote>\n</li>\n</ul>\n</li>\n<li>貼上你的問題</li>\n<li>權限設定為「Editable」或「Freely」讓所有參與者、貢獻者都可以編輯 <img src=\"https://g0vhackmd.blob.core.windows.net/g0v-hackmd-images/upload_cf5371db29235cbae0ee9b0489c0f93c\" alt=\"\"></li>\n<li>把連結丟到 g0v Slack #general 頻道，讓所有參與者、貢獻者看到</li>\n</ul>\n"},{"t":"在 g0v 活動拍攝 g0v","d":"<ul>\n<li>事前向活動主辦者取得同意</li>\n<li>拍攝過程遵守 <a href=\"/COC\">g0v 行為守則</a></li>\n<li>遵守個別參與者不被拍攝的要求</li>\n<li>如果詢問參與者與 g0v 社群整體相關問題，請閱讀本文件開頭「關於 g0v」的說明並評量你的作法。</li>\n</ul>\n"},{"t":"採訪、研究、拍攝案例","d":"<ul>\n<li><a href=\"https://g0v.hackmd.io/S7EmxFJ6ROCubISQB5vA8g\">歷年採訪共筆、採訪共筆空白模板</a></li>\n<li><a href=\"https://g0v.hackmd.io/tpWNQTFvSOS_ZrSt2MiPWg\">以 g0v 為主題的學術研究</a></li>\n<li><a href=\"https://g0v.hackmd.io/@chewei/SJndN7dTB\">與 g0v 社群參與者相關的影片拍攝</a></li>\n</ul>\n"}]} };

web/src/pug/faq/index.pug

@@ -1,7 +1,10 @@
 extends /base.pug
 block body
-  .w-1024.px-2.px-lg-4.mx-auto.rwd.typeset.heading-contrast.mt-4.pt-4
-    h1.mb-0 常見問題
+  .w-1024.px-2.px-lg-4.mx-auto.rwd.typeset.heading-contrast
+    .text-center.my-4.py-4
+      img(src="/assets/img/g0v-only.svg",style="width:3em")
+      h1.display-4.font-weight-bold 常見問題
+      .text-muted Frequently Asked Questions
     hr
     .row
       .col-md-9