Skip to content

Commit 6d1b5cc

Browse files
author
Veela
committed
tipo 開始協作
0 parents  commit 6d1b5cc

File tree

248 files changed

+24384
-0
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

248 files changed

+24384
-0
lines changed

‎404.htm

+42
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,42 @@
1+
<!doctype html>
2+
<html lang="zh-Hant" class="no-js">
3+
<head>
4+
<meta charset="utf-8">
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6+
<meta name="viewport" content="width=device-width, initial-scale=1">
7+
<title>HyUI kit</title>
8+
<!--HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries [if lt IE 9]>
9+
<script src="js/html5shiv.js"></script>
10+
<script src="js/respond.min.js"></script>
11+
<![endif]-->
12+
<!-- hyUI css -->
13+
<link rel="stylesheet" href="css/404.css">
14+
</head>
15+
16+
<body>
17+
<div class="wrapper">
18+
<div class="container">
19+
<!-- content為一定要存在之內容區 -->
20+
<div class="content">
21+
<!-- SP Start -->
22+
<section class="sp">
23+
<div class="error">
24+
<h1>抱歉！<br>找不到您的頁面！</h1>
25+
<h3>您瀏覽的網頁不存在,請再重新檢視
26+
<small>The page you're visiting does not exit, please click.</small>
27+
</h3>
28+
<h3>將在<span>2</span>秒後自動跳轉到首頁
29+
<small>be redirected to homepage automatically in <span>2</span> seconds.</small>
30+
</h3>
31+
<div class="btn_grp">
32+
<a href="javascript:history.back()" class="btn">回上一頁</a>
33+
<a href="#" class="btn">回首頁</a>
34+
</div>
35+
</div>
36+
</section>
37+
<!-- SP End -->
38+
</div>
39+
</div>
40+
</div>
41+
</body>
42+
</html>

‎README.md

+81
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,81 @@
1+
<h1>The First HTML, SCSS, and JS Framework for Government in Taiwan</h1>
2+
#Hyweb UI kit 說明官方文件：http://design.hyweb.com.tw/hyui/
3+
4+
<h2>HyUI kit簡介</h2>
5+
<p>因應提升政府網站服務品質，瀏覽器版本更新和根據國人行動載具普及化的現象，並配合國發會政府網站版型與內容管理規範，以及國家通訊傳播委員會頒布之無障礙網頁開發規範，凌網設計團隊開發此HyUI kit前端框架。 期望在政府網站設計的前端視覺互動、快速建置、網頁效能上獲得大幅的改善。 在視覺設計上的部分，以「使用者體驗」(User Experience)出發， 針對介面操作體驗的友善性、流暢的視覺動線、文字的閱讀舒適性，和色彩管理計畫皆有預設設定，且適用於所有載具的瀏覽呈現，期望本框架能全面提升政府網站的設計品質服務，並給予政府機關單位及民眾有更好的使用者體驗。</p>
6+
<h2>HyUI kit特點：</h2>
7+
<ul>
8+
<li>重視使用者體驗，打造簡潔易用的視覺介面</li>
9+
<li>以政府網站服務管理規範為設計參考原則</li>
10+
<li>支持響應式網頁設計(Responsive Web Design)​。</li>
11+
<li>支持國家通訊傳播委員會無障礙網頁開發規範A及2A版本。</li>
12+
<li>適用於所有前端開發類型，包括入口網站、應用系統、APP等。</li>
13+
<li>輕鬆通過W3C標準規範檢測。</li>
14+
<li>已設定網頁基礎優化(SEO)</li>
15+
</ul>
16+
<h2>適用對象</h2>
17+
<p>適用於具備<a href="https://sass-lang.com/" target="_blank">SCSS</a>及<a href="https://jquery.com/" target="_blank">jQuery</a>編寫能力之網頁開發者，例如：前端工程師、網頁設計師，UI/UX設計師。</p>
18+
<h2>如果要開發政府網站需預先理解</h2>
19+
<p>HyUI不限制於開發政府網站，可用此框架開發任何您想要開發的網站或產品，但如果需要開發政府之資訊服務的話，建議需對以下資料先理解：</p>
20+
<ul>
21+
<li><a href="https://www.webguide.nat.gov.tw/default.aspx">政府網站營運交流平台</a></li>
22+
<li><a href="https://www.handicap-free.nat.gov.tw/Accessible/Category/7/1">無障礙網頁開發規範</a></li>
23+
</ul>
24+
<h2>適用瀏覽器版本</h2>
25+
<p>預設支援Mac與Windows每種主要平台預設瀏覽器的最新版本，當然！也包括Android及iOS上的以下瀏覽器。因為使用CSS3技術，因此版本最低可支援到<strong>Internet Explorer 9</strong>，但仍有部分CSS3因IE9不完全支援或其全部功能需要前輟屬性而出現錯誤，開發人員如有疑慮可參考<a href="http://caniuse.com/">CAN I USE</a>網站查詢屬性。(N/A：代表該平台無此瀏覽器)</p>
26+
<div class="demo_table">
27+
<table>
28+
<thead>
29+
<tr><th></th>
30+
<th><img src="http://design.hyweb.com.tw/hyui/images/icon_ie_old.png" alt=""><span>IE7,8</span></th>
31+
<th><img src="http://design.hyweb.com.tw/hyui/images/icon_ie.png" alt=""> <span>IE9+</span></th>
32+
<th><img src="http://design.hyweb.com.tw/hyui/images/icon_edge.jpg" alt=""> <span>Edge</span></th>
33+
<th><img src="http://design.hyweb.com.tw/hyui/images/icon_firefox.png" alt=""><span>Firefox</span></th>
34+
<th><img src="http://design.hyweb.com.tw/hyui/images/icon_chrome.png" alt=""><span>Chrome</span></th>
35+
<th><img src="http://design.hyweb.com.tw/hyui/images/icon_safari.png" alt=""> <span>Safari</span></th>
36+
</tr></thead>
37+
<tbody>
38+
<tr>
39+
<td>Windows</td>
40+
<td>不支援</td>
41+
<td><img src="http://design.hyweb.com.tw/hyui/images/icon_ok.png" alt=""></td>
42+
<td><img src="http://design.hyweb.com.tw/hyui/images/icon_ok.png" alt=""></td>
43+
<td><img src="http://design.hyweb.com.tw/hyui/images/icon_ok.png" alt=""></td>
44+
<td><img src="http://design.hyweb.com.tw/hyui/images/icon_ok.png" alt=""></td>
45+
<td>不支援</td>
46+
</tr>
47+
<tr>
48+
<td>MAC OS</td>
49+
<td><span class="gray">N/A</span></td>
50+
<td><span class="gray">N/A</span></td>
51+
<td><span class="gray">N/A</span></td>
52+
<td><img src="http://design.hyweb.com.tw/hyui/images/icon_ok.png" alt=""></td>
53+
<td><img src="http://design.hyweb.com.tw/hyui/images/icon_ok.png" alt=""></td>
54+
<td><img src="http://design.hyweb.com.tw/hyui/images/icon_ok.png" alt=""></td>
55+
</tr>
56+
<tr>
57+
<td>Android</td>
58+
<td><span class="gray">N/A</span></td>
59+
<td><span class="gray">N/A</span></td>
60+
<td><img src="http://design.hyweb.com.tw/hyui/images/icon_ok.png" alt=""></td>
61+
<td><img src="http://design.hyweb.com.tw/hyui/images/icon_ok.png" alt=""></td>
62+
<td><img src="http://design.hyweb.com.tw/hyui/images/icon_ok.png" alt=""></td>
63+
<td><span class="gray">N/A</span></td>
64+
</tr>
65+
<tr>
66+
<td>iOS</td>
67+
<td><span class="gray">N/A</span></td>
68+
<td><span class="gray">N/A</span></td>
69+
<td><span class="gray">N/A</span></td>
70+
<td><img src="http://design.hyweb.com.tw/hyui/images/icon_ok.png" alt=""></td>
71+
<td><img src="http://design.hyweb.com.tw/hyui/images/icon_ok.png" alt=""></td>
72+
<td><img src="http://design.hyweb.com.tw/hyui/images/icon_ok.png" alt=""></td>
73+
</tr>
74+
</tbody>
75+
</table>
76+
</div>
77+
78+
<br/>
79+
<br/>
80+
<h2>特別感謝</h2>
81+
<p>感謝<a href="https://www.hyweb.com.tw/">凌網科技 hyweb technology co. Ltd</a>協助與支持本框架開發的可愛夥伴們。</p>

‎_config.yml

+1
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
theme: jekyll-theme-cayman

‎config.rb

+33
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,33 @@
1+
require 'compass/import-once/activate'
2+
# Require any additional compass plugins here.
3+
4+
# require 'breakpoint'
5+
# require 'susy'
6+
7+
# Set this to the root of your project when deployed:
8+
http_path = "/"
9+
css_dir = "css"
10+
sass_dir = "sass"
11+
images_dir = "images"
12+
javascripts_dir = "js"
13+
14+
# You can select your preferred output style here (can be overridden via the command line):
15+
# output_style = :expanded or :nested or :compact or :compressed
16+
output_style = :compressed
17+
18+
# To enable relative paths to assets via compass helper functions. Uncomment:
19+
relative_assets = true
20+
21+
# To disable debugging comments that display the original location of your selectors. Uncomment:
22+
line_comments = false
23+
24+
# If you prefer the indented syntax, you might want to regenerate this
25+
# project again passing --syntax sass, or you can uncomment this:
26+
# preferred_syntax = :sass
27+
# and then run:
28+
29+
30+
Encoding.default_external = "utf-8"
31+
Encoding.default_external = Encoding::UTF_8
32+
Encoding.default_internal = Encoding::UTF_8
33+
sourcemap = true

0 commit comments

Comments
 (0)