Nikki's ugly ABOUT_US page

app/app.ls

@@ -23,6 +23,9 @@ angular.module \app, <[ partials ngResource app.controllers app.directives app.f
     .state 'profile' do
       url: '/profile'
       templateUrl: '/partials/profile.html'
+    .state 'aboutus' do
+      url: '/aboutus'
+      templateUrl: '/partials/aboutus.html'
 
   $urlRouterProvider
     .otherwise('/budget')

app/partials/aboutus.jade

@@ -0,0 +1,113 @@
+!!! transitional
+html(xmlns='http://www.w3.org/1999/xhtml', lang='en', xml:lang='en')
+head
+    meta(http-equiv='Content-type', content='text/html; charset=utf-8')
+    meta(http-equiv='Content-Language', content='en-us')
+    meta(name='version', content='1362')
+    style
+      body {font-family:Helvetica}ul.comment{list-style-image:url('https://hackpad.com/static/img/comment.png');} ul.task{list-style-image:url('https://hackpad.com/static/img/unchecked.png');}ul.taskdone{list-style-image:url('https://hackpad.com/static/img/checked.png');}
+    title /683$yCG1Z85irwO
+  body
+    h1 budget.g0v.tw - 中央政府總預算
+    ul.comment
+      li CC-BY g0v-contributors
+    h2 About
+    p
+    p
+      b 資料來源
+    p
+    p 目前使用的資料是主計處公布之：
+    ul
+      li 2007-2013 年經立法院審議通過之法定預算
+      li 2014 - 中央政府總預算案
+    p 目前僅處理歲出部分。
+    ul
+      li
+        a(href='http:// http://www.dgbas.gov.tw/ct.asp?xItem=26269&CtNode=5389&mp=1')
+        | 原始資料
+      li
+        a(href='https://github.com/clkao/twbudget')
+        | 處理程式
+      li
+        a(href='https://github.com/g0v/twbudget/tree/master/app/assets/data')
+        | 處理過的純細項資料
+    p
+    h2 FAQ
+    p
+    p
+      b 為何有黑色的圈圈？
+    p
+    p 黑色是無法對應到前一年相同預算科目的項目，常發生在政府組織改造，新舊科目編號改變時。
+    p
+    p
+      b 單位換算很白痴...
+    p
+    p 其實一開始只是為了諷刺媒體常常做奇怪的單位換算，所以我們都先幫媒體算好了。
+    p
+    p
+      | 視覺化目的在於降低資訊流通的門檻，單位換算同時也提供了話題性，有輔助的功用。光就單位換算無法達到監督政府的效果，但它吸引了更多的目光(包括你)，讓我們有機會向你解釋我們所做的一切。
+    p
+    p
+      b 單位換算有政治影射，你們到底是藍的還是綠的？
+    p
+    p
+      | 單位換算是基於當時的時事而設計，並沒有針對特定的政黨。然而，參與者有各種政治光譜，唯一共同的是所有程式、文件，需以開放原始碼釋出，讓任何人都能檢驗、修改、重製、再利用。如果你覺得哪邊有偏頗，可以提出回報討論不恰當的地方，或是直接修改，或者把整份程式及資料拿去做出一個你認為更中立的版本。
+    p
+    p
+      b 預算視覺化不是重點，看懂預算的眉角不是這個，不要以為人民都要看你們這個才看得懂。
+    p
+    p
+      | 我們的出發點其實是讓自己稍微看得懂，並且把成果（含清理好的原始資料）分享出來，讓想改進，或者有相關專業知識的人，也都能更容易的處理資料，讓人民可以不需經過媒體報導，即可閱讀第一手的資料，自行去選擇希望關注的議題。
+    p
+    p
+      | 一開始參與的人是的確是沒有相關背景的，只是藉著資料處理跟視覺化的能力，在兩三天中，把這樣的雛形做出來。如果你對預算解析有心得，並願意分享一些值得注意的點，或者有呈現方式上的想法的話，歡迎你參加討論，或者直接實作。
+    p
+    p
+      b 你們以為視覺化可以解決一切問題，但是視覺化的資料會失真，更加誤導人。
+    p
+    p
+      | 資訊視覺化是一種方便解讀資料的工具，最常見的例子就是各式的圓餅圖或折線圖，例如常見的股市K線圖。這樣的工具在不當的使用時的確會造成誤導的效果，端看使用的人能否公正的去看待資料。
+    p
+    p
+      | 像是選舉時常看到的選票地圖，有些區域人很少但面積很大，的確有誤導之虞，這就是個說明視覺化資訊失真很好的例子，事實上也有一些方法在嘗試解決這個問題，例如將地圖面積依數值比例作縮放的 cartogram ，我們在實作台灣地理資訊函式庫時也有試著加入這樣的功能，可參見
+      a(href='http://github.com/g0v/twgeojson/')
+        a(href='http://github.com/g0v/twgeojson/')
+        | http://github.com/g0v/twgeojson/
+    p
+    p
+      | 換句話說，視覺化並不會導致資訊失真，而是人為操作上的失誤導致的。我們在進行資訊視覺化的同時，除了歡迎各方指出我們實作可能產生的盲點，也會將源碼與資料來源公開，任何人都可以協助修正。
+    p
+    p
+      b 研究預算是智庫等級的事情，輪不到你們來做吧？
+    p
+    p 在維基百科出現前，編輯百科全書也是智庫等級的事情。我們認為，成果開放、讓任何人都可以改進，也是一種探討真相的方式。
+    p
+    p
+      | 另外，我們所做的事情重點在於讓資訊更容易被取得；當資訊更容易取得時，就更有機會讓其他民間專業人士進行研究，這樣子才能提供更多不同面向的資訊解讀，而不會僅僅由政府告訴人民什麼是對的。
+    p
+    p
+    p
+      b 可以不透過網站視覺化，直接篩選、下載預算的數字表格嗎？
+    p
+    p
+      | 當然沒問題，請自行瀏覽
+      a(href='https://github.com/g0v/twbudget/tree/master/app/assets/data')
+      | 處理過的純細項資料
+      | 。
+    p
+    p
+      b 為何不做地方政府預算，或是解析度更詳細的部門分項預算？
+    p
+    p
+      | 所有的參與都是自主的，每個人時間有限，先做自己關心的部分很正常。你可以提供相關連結、excel 檔、或者清理過的資料，在
+      a(href='https://github.com/g0v/twbudget/issues')
+      | 這裡
+      | 回報。
+    p
+    h2 延伸閱讀
+    p
+    p
+      a(href='http://blog.g0v.tw/post/60348667148')
+      | 網路廣播《深音》談 g0v.tw：分散協作的實力與潛力
+    p
+

app/partials/nav.jade

@@ -37,7 +37,8 @@ ul.nav
       .modal-footer
         button.btn(data-dismiss="modal",aria-hidden="true") 取消
         button.btn.btn-primary(ng-click="addunit()") 送出
-
+  li(ng-class="getClass('/aboutus')")
+    a(ng-href='/aboutus') ABOUT US
 ul.nav.pull-right
   li(ng-class="getClass('/profile')")
     a(ng-href='/profile') 我的帳號