g0v所有專案，包含仿造demo網頁 (需要jQuery請自行至官網下載) ，以及json資料檔案

about.html

<meta charset="UTF-8" />

<style type="text/css">
a:link    {color:#0088DD;}
a:visited {color:#0088DD;}
a:hover   {color:#005580;}
a:active  {color:#00DD00;}
</style>

<h1 style="text-align:center; ">關於本站</h1>

<div style="line-height:32px;">
<div>＊本網頁修改自hackfoldr，並且設計成仿造模板，變為完全透過手動修改HTML的方式呈現本網頁，代替使用第三方驅動引擎(node.js及Apache)來產生Localhost的動態式網頁。</div>
<div>＊hackfoldr的原始碼，請點擊在右上角的&quot;本站原始碼&quot;，程式碼授權依照其原本的hackfoldr授權，為<a href="https://creativecommons.org/publicdomain/zero/1.0/deed.zh_TW" target="_blank">CC0 1.0 通用</a>。</div>
<div>＊本網頁僅收集以下有網頁呈現(HTML Demo)專案：<br />1.網址帶有g0v字樣的專案。<br />2.有參與或貢獻g0v，自己有開發相關專案但該專案掛在自己名下的專案。<br />3.符合上述兩項，且符合g0v成立宗旨的專案。
<div>＊本網頁不再支援Internet Explorer 8及更早以前的版本，請使用Google Chrome或Firefox等瀏覽器瀏覽本網頁。</div>
<div>＊本網頁沒有設計手機(平板電腦)版瀏覽，造成手機(平板電腦)使用者不便，敬請見諒。</div>
<!--備份
<div></div>
-->
</div>

data.json

{"type": "HTMLBeta" , "link": "http://community.g0v.tw/" , "name": "新g0v後勤中心"}
{"type": "HTMLBeta" , "link": "http://g0v.github.io/conference-map-main/" , "name": "我的活動地圖 - 零時廣場"}
{"type": "HTMLBeta" , "link": "http://g0v.github.io/don-press/public/" , "name": "全民記者會"}
{"type": "HTMLBeta" , "link": "http://g0v.github.io/don-republic/public/" , "name": "動民主2.0"}
{"type": "HTMLBeta" , "link": "http://g0v.github.io/farmers/public/" , "name": "小農故事"}
{"type": "HTMLBeta" , "link": "http://g0v.github.io/g0v-tour-guide/public/hack.html" , "name": "g0v導覽小精靈"}
{"type": "HTMLBeta" , "link": "http://g0v.github.io/sunflower/" , "name": "太陽花學運記錄 by g0v"}
{"type": "HTMLBeta" , "link": "http://g0v.github.io/twgeojson/interpolation.html" , "name": "雨量圖形化2"}
{"type": "HTMLBeta" , "link": "http://g0v.github.io/twgeojson/rain.html" , "name": "雨量圖形化1"}
{"type": "HTMLBeta" , "link": "http://lqfb-test.g0v.tw/pf/" , "name": "動民主1.0"}
{"type": "HTMLBeta" , "link": "http://moedict.tw/dodo" , "name": "萌典啄木鳥計畫"}
{"type": "HTMLBeta" , "link": "http://wethepeople.tw" , "name": "市長，給問嗎？"}
{"type": "HTMLDemo" , "link": "http://axe.g0v.tw/" , "name": "斧頭幫大挑戰"}
{"type": "HTMLDemo" , "link": "http://baddriver.mobileweb.com.tw/" , "name": "Bad Driver"}
{"type": "HTMLDemo" , "link": "http://billy3321.github.io/lytel/" , "name": "立委聯絡資訊"}
{"type": "HTMLDemo" , "link": "http://budget.g0v.tw/" , "name": "中央政府總預算"}
{"type": "HTMLDemo" , "link": "http://campaign-finance.g0v.ctiml.tw/" , "name": "政治獻金數位化"}
{"type": "HTMLDemo" , "link": "http://company-graph.g0v.ronny.tw/" , "name": "台灣公司關係圖"}
{"type": "HTMLDemo" , "link": "http://congress-vote-analytics.herokuapp.com/" , "name": "選票成分分析系統"}
{"type": "HTMLDemo" , "link": "http://data.g0v.ronny.tw/" , "name": "政府開放資料平臺"}
{"type": "HTMLDemo" , "link": "http://data.g0v.tw/" , "name": "g0v零時資料中心"}
{"type": "HTMLDemo" , "link": "http://direct.moedict.tw/lab/moe/hub.html" , "name": "萌典字關係查詢"}
{"type": "HTMLDemo" , "link": "http://env.g0v.tw/air/" , "name": "空氣品質圖形版"}
{"type": "HTMLDemo" , "link": "http://fact.g0v.tw/" , "name": "政誌"}
{"type": "HTMLDemo" , "link": "http://fuyei.github.io/cf-viz/viz.htm" , "name": "政治獻金視覺化"}
{"type": "HTMLDemo" , "link": "http://g0v.asia/" , "name": "g0v.asia"}
{"type": "HTMLDemo" , "link": "http://g0v.github.io/agriculture/" , "name": "植物疫情與藥劑查詢系統"}
{"type": "HTMLDemo" , "link": "http://g0v.github.io/farmer/" , "name": "農業學地圖"}
{"type": "HTMLDemo" , "link": "http://g0v.github.io/g0village-8bit/" , "name": "g0v新手村 8bit"}
{"type": "HTMLDemo" , "link": "http://g0v.github.io/moc-license-center/index.html" , "name": "g0v授權中心"}
{"type": "HTMLDemo" , "link": "http://g0v.github.io/summit.g0v.tw/" , "name": "g0v summit 2014"}
{"type": "HTMLDemo" , "link": "http://gcis.nat.g0v.tw/" , "name": "台灣公司資料"}
{"type": "HTMLDemo" , "link": "http://inlivetw.github.io/chrome" , "name": "inLive 直播與活動"}
{"type": "HTMLDemo" , "link": "http://ivod.ly.g0v.tw/" , "name": "立院影城"}
{"type": "HTMLDemo" , "link": "http://jobhelper.g0v.ronny.tw/" , "name": "求職小幫手"}
{"type": "HTMLDemo" , "link": "http://kiang.github.io/salary/" , "name": "勞工薪資預算程式"}
{"type": "HTMLDemo" , "link": "http://laweasyread.herokuapp.com/" , "name": "法規易讀器"}
{"type": "HTMLDemo" , "link": "http://listening.g0v.tw/" , "name": "福利請聽"}
{"type": "HTMLDemo" , "link": "http://ly.g0v.tw" , "name": "國會大代誌"}
{"type": "HTMLDemo" , "link": "http://movement.ee.ncku.edu.tw/" , "name": "社會資訊運動平台"}
{"type": "HTMLDemo" , "link": "http://newsdiff.g0v.ronny.tw/" , "name": "NewsDiff官方新聞稿異動情況站"}
{"type": "HTMLDemo" , "link": "http://newshelper.g0v.tw/" , "name": "新聞小幫手"}
{"type": "HTMLDemo" , "link": "http://oldpaper.g0v.ronny.tw/" , "name": "台灣歷史四大報(含今日)"}
{"type": "HTMLDemo" , "link": "http://petneed.me/" , "name": "Pet Need Me"}
{"type": "HTMLDemo" , "link": "http://report.nat.g0v.tw/" , "name": "公務人員出國考察網"}
{"type": "HTMLDemo" , "link": "http://request.data.g0v.tw/" , "name": "台灣未開放資料"}
{"type": "HTMLDemo" , "link": "http://tisa.g0v.tw/" , "name": "你被服貿了嗎?"}
{"type": "HTMLDemo" , "link": "http://tpebuilding.g0v.ronny.tw/" , "name": "台北市建照記錄"}
{"type": "HTMLDemo" , "link": "http://vote.ly.g0v.tw/" , "name": "立委投票指南"}
{"type": "HTMLDemo" , "link": "http://zbryikt.github.io/visualize/highway/" , "name": "國道一號電子收費價錢試算"}
{"type": "HTMLDemo" , "link": "http://zbryikt.github.io/visualize/mrt/" , "name": "台北捷運各站出站人數變化圖"}
{"type": "HTMLDemo" , "link": "http://zhusee2.github.io/boycott-helper/" , "name": "網站抵制小幫手"}
{"type": "HTMLDemo" , "link": "https://www.moedict.tw/" , "name": "萌典"}
{"type": "hackfoldr" , "link": "http://g0v.today" , "name": "g0v.today 反黑箱服貿"}
{"type": "hackfoldr" , "link": "http://hack.g0v.tw" , "name": "hack.g0v 黑客松專區"}
{"type": "hackfoldr" , "link": "http://hack.g0v.tw/g0v-cy/" , "name": "開放政治獻金"}
{"type": "hackfoldr" , "link": "http://hackfoldr.org/DonDonFlower/" , "name": "遍地開腸花"}
{"type": "hackfoldr" , "link": "http://nonuke.today" , "name": "nonuke.today 反核四"}

index.html

<!doctype html>
<html>

<head>
 <meta charset="UTF-8" />
 <script type="text/javascript" src="jquery.min.js"></script>
 <title>g0v 零時政府 Hackfoldr專案仿造版</title>
</head>

<style type="text/css">
#bar a{color:white;}
#bar a:hover{background-color:#333;}
#lnt a{color:black;}
#lnt a:hover{color:white;background-color:#333;transition-duration:.2s;}
#select1{line-height:36px;}
#selectA{text-decoration:none;}
#selectA div{padding-left:12px;}
#select1:hover{color:white;background-color:#333;transition-duration:.2s;}

</style>

<body style="overflow:hidden; margin:0; ">

<!--分割 上-->
<div id="bar" style="
display:inherit;
position:fixed;
overflow:visible;
background-color:#1B1B1B;
background-image:linear-gradient(to bottom,#222,#111);
border-color:#252525;
border-radius:0;
border-width:0 0 1px;
box-shadow:0 1px 10px #E5E5E5;
font-size:16px;
left:0;
line-height:41px;
margin-bottom:0;
padding-left:0;
padding-right:0;
right:0;
top:0;
height:41px;
color:white !important;
">

<!--工具列 首頁 等整個條目-->

<div style="
position:absolute;
left:17%;
top:0%;
width:65%;
list-style:none outside none;">

<!--首頁-->

<li style="margin-left:auto;margin-right:auto;float:left;">
<a href="" style="float:none;padding:10px 15px;text-decoration:none;">Hackfoldr仿造首頁
</a>
</li>

<!--專案列表-->

<li style="margin-left:auto;margin-right:auto;float:left; display:none;">
<a href="Project.html" target="_blank" style="float:none;padding:10px 15px;text-decoration:none;">專案列表
<span style="
top: -2px;
margin: 0 0 -10px 3px;
background-color:#B94A48;
border-radius:3px;
font-size:11.844px;
font-weight:700;
line-height:14px;
vertical-align:baseline;
white-space:nowrap;
text-shadow:0 -1px 0 rgba(0,0,0,.25);
padding:2px 4px;
color:white !important;
">開發專區</span>
</a>
</li>

<!--新手上路-->

<li style="margin-left:auto;margin-right:auto;float:left;">
<a href="http://g0v.github.io/leve1up/" target="_blank" style="float:none;padding:10px 15px;text-decoration:none;">新手上路</a>
</li>

<div style="
float:right;
">

<!--About-->

<li style="margin-left:auto;margin-right:auto;float:left;">
<a href="about.html" target="hackframe" style="float:none;padding:10px 15px; text-decoration:none; ">關於本站</a>
</li>

<!--零時政府LOGO-->
<!--因為gist好像不能傳圖片，所以用文字代替-->

<li style="margin-left:auto;margin-right:auto;float:left;">
<a href="http://g0v.tw" target="_blank" style="float:none;padding:10px 15px;">g0v 零時政府</a>
</li>

<!--本站原始碼-->

<a href="http://github.com/hackfoldr/hackfoldr" target="_blank">
<div style="
margin-top:10px;
color:gray;
float:right;
background-color:#333;
padding:2px 9px;
border-radius:9px;
font-size:11.844px;
vertical-align:baseline;
white-space:nowrap;
font-weight:700;
line-height:14px;
display:inline-block;
color:white;
">
本站原始碼</div>
</a>

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

<!--分割 下-->

<div id="cnt" style="
display:flex;
position:relative;

top:41px;
left:0;
width:100%
">

<!--分割 左-->

<div id="lnt" style="
padding-left:5px;
width:15%;
border:3px solid gray;
cursor:w-resize;
font-size:16px;
line-height:36px;
overflow-x:hidden;
overflow-y:auto;
transition: all 0.15s ease 0s;
">







<div>
★g0v專案：網頁呈現★
</div>

<a id="selectA" href="http://inlivetw.github.io/chrome" target="hackframe">
<div id="select1">
inLive 直播與活動
</div></a>

<a id="selectA" href="http://oldpaper.g0v.ronny.tw/" target="hackframe">
<div id="select1">
台灣歷史四大報(含今日)
</div></a>

<a id="selectA" href="http://newsdiff.g0v.ronny.tw/" target="hackframe">
<div id="select1">
NewsDiff官方新聞稿異動情況站
</div></a>

<a id="selectA" href="http://ly.g0v.tw" target="hackframe">
<div id="select1">
國會大代誌
</div></a>

<a id="selectA" href="http://tisa.g0v.tw/" target="hackframe">
<div id="select1">
你被服貿了嗎?
</div></a>

<a id="selectA" href="https://www.moedict.tw/" target="hackframe">
<div id="select1">
萌典
</div></a>

<a id="selectA" href="http://direct.moedict.tw/lab/moe/hub.html" target="hackframe">
<div id="select1">
萌典字關係查詢
</div></a>

<a id="selectA" href="http://fact.g0v.tw/" target="hackframe">
<div id="select1">
政誌
</div></a>

<a id="selectA" href="http://g0v.github.io/summit.g0v.tw/" target="hackframe">
<div id="select1">
g0v summit 2014
</div></a>

<a id="selectA" href="http://env.g0v.tw/air/" target="hackframe">
<div id="select1">
空氣品質圖形版
</div></a>

<a id="selectA" href="http://jobhelper.g0v.ronny.tw/" target="hackframe">
<div id="select1">
求職小幫手
</div></a>

<a id="selectA" href="http://newshelper.g0v.tw/" target="hackframe">
<div id="select1">
新聞小幫手
</div></a>

<a id="selectA" href="http://zbryikt.github.io/visualize/mrt/" target="hackframe">
<div id="select1">
台北捷運各站出站人數變化圖
</div></a>

<a id="selectA" href="http://data.g0v.ronny.tw/" target="hackframe">
<div id="select1">
政府開放資料平臺
</div></a>

<a id="selectA" href="http://request.data.g0v.tw/" target="hackframe">
<div id="select1">
台灣未開放資料
</div></a>

<a id="selectA" href="http://data.g0v.tw/" target="hackframe">
<div id="select1">
g0v零時資料中心
</div></a>

<a id="selectA" href="http://kiang.github.io/salary/" target="hackframe">
<div id="select1">
勞工薪資預算程式
</div></a>

<a id="selectA" href="http://tpebuilding.g0v.ronny.tw/" target="hackframe">
<div id="select1">
台北市建照記錄
</div></a>

<a id="selectA" href="http://gcis.nat.g0v.tw/" target="hackframe">
<div id="select1">
台灣公司資料
</div></a>

<a id="selectA" href="http://company-graph.g0v.ronny.tw/" target="hackframe">
<div id="select1">
台灣公司關係圖
</div></a>

<a id="selectA" href="http://g0v.github.io/farmer/" target="hackframe">
<div id="select1">
農業學地圖
</div></a>

<a id="selectA" href="http://g0v.github.io/agriculture/" target="hackframe">
<div id="select1">
植物疫情與藥劑查詢系統
</div></a>

<a id="selectA" href="http://congress-vote-analytics.herokuapp.com/" target="hackframe">
<div id="select1">
選票成分分析系統
</div></a>

<a id="selectA" href="http://ivod.ly.g0v.tw/" target="hackframe">
<div id="select1">
立院影城
</div></a>

<a id="selectA" href="http://vote.ly.g0v.tw/" target="hackframe">
<div id="select1">
立委投票指南
</div></a>

<a id="selectA" href="http://report.nat.g0v.tw/" target="hackframe">
<div id="select1">
公務人員出國考察網
</div></a>

<a id="selectA" href="http://laweasyread.herokuapp.com/" target="hackframe">
<div id="select1">
法規易讀器
</div></a>

<a id="selectA" href="http://movement.ee.ncku.edu.tw/" target="hackframe">
<div id="select1">
社會資訊運動平台
</div></a>

<a id="selectA" href="http://campaign-finance.g0v.ctiml.tw/" target="hackframe">
<div id="select1">
政治獻金數位化
</div></a>

<a id="selectA" href="http://axe.g0v.tw/" target="hackframe">
<div id="select1">
斧頭幫大挑戰
</div></a>

<a id="selectA" href="http://g0v.github.io/moc-license-center/index.html" target="hackframe">
<div id="select1">
g0v授權中心
</div></a>

<a id="selectA" href="http://zhusee2.github.io/boycott-helper/" target="hackframe">
<div id="select1">
網站抵制小幫手
</div></a>

<a id="selectA" href="http://listening.g0v.tw/" target="hackframe">
<div id="select1">
福利請聽
</div></a>

<a id="selectA" href="http://petneed.me/" target="hackframe">
<div id="select1">
Pet Need Me
</div></a>

<a id="selectA" href="http://baddriver.mobileweb.com.tw/" target="hackframe">
<div id="select1">
Bad Driver
</div></a>

<a id="selectA" href="http://budget.g0v.tw/" target="hackframe">
<div id="select1">
中央政府總預算
</div></a>

<a id="selectA" href="http://fuyei.github.io/cf-viz/viz.htm" target="hackframe">
<div id="select1">
政治獻金視覺化
</div></a>

<a id="selectA" href="http://billy3321.github.io/lytel/" target="hackframe">
<div id="select1">
立委聯絡資訊
</div></a>

<a id="selectA" href="http://zbryikt.github.io/visualize/highway/" target="hackframe">
<div id="select1">
國道一號電子收費價錢試算
</div></a>

<a id="selectA" href="http://g0v.github.io/g0village-8bit/" target="hackframe">
<div id="select1">
g0v新手村 8bit
</div></a>

<a id="selectA" href="http://g0v.asia/" target="hackframe">
<div id="select1">
g0v.asia
</div></a>






<div>
★ Hackfoldr專區 ★
</div>

<a id="selectA" href="http://g0v.today" target="hackframe">
<div id="select1">
g0v.today 反黑箱服貿
</div></a>

<a id="selectA" href="http://nonuke.today" target="hackframe">
<div id="select1">
nonuke.today 反核四
</div></a>

<a id="selectA" href="http://hack.g0v.tw" target="hackframe">
<div id="select1">
hack.g0v 黑客松專區
</div></a>

<a id="selectA" href="http://hackfoldr.org/DonDonFlower/" target="hackframe">
<div id="select1">
遍地開腸花
</div></a>

<a id="selectA" href="http://hack.g0v.tw/g0v-cy/" target="hackframe">
<div id="select1">
開放政治獻金
</div></a>







<div>
★開發中 時效性專案★
</div>

<a id="selectA" href="http://community.g0v.tw/" target="_blank">
<div id="select1">
新g0v後勤中心<span style="
top: -2px;
margin: 0 0 -10px 3px;
background-color:#57BD48;
border-radius:3px;
font-size:11.844px;
font-weight:700;
line-height:14px;
vertical-align:baseline;
white-space:nowrap;
text-shadow:0 -1px 0 rgba(0,0,0,.25);
padding:2px 4px;
color:white !important;
">新分頁</span>
</div></a>

<a id="selectA" href="http://g0v.github.io/twgeojson/rain.html" target="hackframe">
<div id="select1">
雨量圖形化1
</div></a>

<a id="selectA" href="http://g0v.github.io/twgeojson/interpolation.html" target="hackframe">
<div id="select1">
雨量圖形化2
</div></a>

<a id="selectA" href="http://g0v.github.io/g0v-tour-guide/public/hack.html" target="hackframe">
<div id="select1">
g0v導覽小精靈
</div></a>

<a id="selectA" href="http://wethepeople.tw" target="hackframe">
<div id="select1">
市長，給問嗎？
</div></a>

<a id="selectA" href="http://g0v.github.io/farmers/public/" target="hackframe">
<div id="select1">
小農故事
</div></a>

<a id="selectA" href="http://moedict.tw/dodo" target="hackframe">
<div id="select1">
萌典啄木鳥計畫
</div></a>

<a id="selectA" href="http://lqfb-test.g0v.tw/pf/" target="hackframe">
<div id="select1">
動民主1.0
</div></a>

<a id="selectA" href="http://g0v.github.io/don-republic/public/" target="hackframe">
<div id="select1">
動民主2.0
</div></a>

<a id="selectA" href="http://g0v.github.io/don-press/public/" target="hackframe">
<div id="select1">
全民記者會
</div></a>

<a id="selectA" href="http://g0v.github.io/conference-map-main/" target="hackframe">
<div id="select1">
我的活動地圖 - 零時廣場
</div></a>

<a id="selectA" href="http://g0v.github.io/sunflower/" target="hackframe">
<div id="select1">
太陽花學運記錄 by g0v
</div></a>







</div>

<!--分割 右 iframe區塊-->

<div id="rnt" style="
position:relative;
width:85%;
height:100%; 
flex:20 1 0%;
overflow-y:auto;
"> <!--chrome要多寫height否則會抓到錯誤的height-->
<iframe id="fme" name="hackframe" style="
top:0;
bottom:0;
height:99%;
width:100%;
border:0 none;
" src="about.html">
</iframe>
</div>

</div>

<!--載入時執行-->
<script>
  $('#cnt').css({'height': $(window).height() - 40 +'px'});
</script>

<!--當視窗改變大小時執行-->
<script>
$(window).on('resize', function() {
  $('#cnt').css({'height': $(window).height() - 40 +'px'});
});
</script>

</body>

</html>