Permalink
Browse files

add sidebar

  • Loading branch information...
IceskYsl committed Jul 2, 2014
1 parent be4bf06 commit 09a03af3ef6e0550f30ac614a08d85abf9291643
Showing with 153 additions and 7 deletions.
  1. +2 −2 _config.yml
  2. +2 −0 _includes/footer.html
  3. +10 −0 _includes/head.html
  4. +14 −5 _includes/header.html
  5. +88 −0 _includes/sidebar.html
  6. +7 −0 _layouts/page.html
  7. +14 −0 css/semantic.min.css
  8. +16 −0 css/semantic.min.js
View
@@ -2,8 +2,8 @@
title: Material Design@中文版
email: admin@1sters.com
description: "Google I/O 2014发布的Material Design将会成为统一Android,Chrome等平台的设计语言规范,对从业人员意义重大,我们正通过互联网的方式将其翻译成中文~"
-baseurl: "http://design.1sters.com"
-# baseurl: ""
+# baseurl: "http://design.1sters.com"
+baseurl: ""
highlighter: ""
url: "http://design.1sters.com"
exclude: ["SOURCE", "script", "Gemfile", "Gemfile.lock","epub_tmp","ebooks"]
View
@@ -15,4 +15,6 @@
</script>
</div>
+
+
</footer>
View
@@ -10,5 +10,15 @@
<link rel="icon" type="image/x-icon" href="{{ "/favico.ico" | prepend: site.baseurl }}" />
<!-- Custom CSS -->
<link rel="stylesheet" href="{{ "/css/main.css" | prepend: site.baseurl }}">
+ <link href="http://cdn.bootcss.com/semantic-ui/0.16.1/css/semantic.min.css" rel="stylesheet">
+ <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
+ <script src="http://cdn.bootcss.com/semantic-ui/0.16.1/javascript/semantic.js"></script>
+
+ <script>
+ $('.overlay.sidebar').sidebar({overlay: true}).sidebar('toggle');
+
+
+
+ </script>
</head>
View
@@ -1,8 +1,12 @@
<header class="site-header">
<div class="wrap">
-
- <a class="site-title" href="{{ site.baseurl }}/">{{ site.title }}</a>
+
+ <div class="site-title">
+ <a href="{{ site.baseurl }}/">{{ site.title }}</a>
+
+
+ </div>
<nav class="site-nav">
<a href="#" class="menu-icon">
@@ -17,13 +21,18 @@
</svg>
</a>
<div class="trigger">
- <a class="page-link" href="http://design.1sters.com/" target="_blank">主页</a>
- <a class="page-link" href="https://github.com/1sters/material_design_zh" target="_blank">Github项目</a>
- <a class="page-link" href="http://www.1sters.com/" target="_blank">1sters社区</a>
+ <a class="page-link" href="http://design.1sters.com/" target="_blank"><i class="home icon"></i>主页</a>
+ <a class="page-link" href="javascript:$('.overlay.sidebar').sidebar({overlay: true}).sidebar('toggle');" target="_blank"><i class="reorder icon"></i>目录</a>
+ <a class="page-link" href="https://github.com/1sters/material_design_zh" target="_blank"><i class="github icon"></i>Github项目</a>
+ <a class="page-link" href="http://www.1sters.com/" target="_blank"><i class="chat outline icon"></i>1sters社区</a>
<!-- {% for page in site.pages %}
<a class="page-link" href="{{ page.url | prepend: site.baseurl }}">{{ page.title }}</a>
{% endfor %} -->
</div>
+
+
+
+
</nav>
</div>
View
@@ -0,0 +1,88 @@
+<div class="ui vertical overlay sidebar menu">
+ <div class="item">
+ <b>Material Design</b>
+ <div class="menu">
+ <a class="item" href="/material-design/introduction.html">概述 - Introduction</a>
+ </div>
+ </div>
+ <div class="item">
+ <b>Animation</b>
+ <div class="menu">
+ <a class="item" href="/material-design/introduction.html">真实的动作 - Authentic Motion</a>
+ <a class="item" href="">交互响应 - Responsive Interaction</a>
+ <a class="item" href="">有意义的转场动画 - Meaningful Transitions</a>
+ <a class="item" href="">让用户愉悦的细节 - Delightful Details</a>
+ </div>
+ </div>
+ <div class="item">
+ <b>Style</b>
+ <div class="menu">
+ <a class="item" href="">色彩 - Color</a>
+ <a class="item" href="">字体排版 - Typography</a>
+ <a class="item" href="">图标 - Icons</a>
+ <a class="item" href="">Imagery - Imagery</a>
+ </div>
+ </div>
+ <div class="item">
+ <b>Layout</b>
+ <div class="menu">
+ <a class="item" href="">Principles - Principles</a>
+ <a class="item" href="">度量与边框 - Metrics and Keylines</a>
+ <a class="item" href="">结构 - Structure</a>
+ </div>
+ </div>
+
+ <div class="item">
+ <b>Components</b>
+ <div class="menu">
+ <a class="item" href="">底部窗口 - Bottom Sheets </a>
+ <a class="item" href="">按钮 - Buttons </a>
+ <a class="item" href="">卡片 - Cards</a>
+ <a class="item" href="">纸片 - Chips</a>
+ <a class="item" href="">提示框 - Dialogs</a>
+ <a class="item" href="">分隔线 - Dividers</a>
+ <a class="item" href="">网格 - Grids</a>
+ <a class="item" href="">列表 - Lists</a>
+ <a class="item" href="">List controls - List controls</a>
+ <a class="item" href="">菜单 - Menus</a>
+ <a class="item" href="">进度和动态 - Progress and Activity</a>
+ <a class="item" href="">Sliders - Sliders</a>
+ <a class="item" href="">Snackbars and Toasts - Snackbars and Toasts</a>
+ <a class="item" href="">副标题 - Subheaders</a>
+ <a class="item" href="">开关 - Switches</a>
+ <a class="item" href="">Tabs - Tabs</a>
+ <a class="item" href="">文本框 - Text fields</a>
+ <a class="item" href="">工具提示 - Tooltips</a>
+ </div>
+ </div>
+
+ <div class="item">
+ <b>Patterns</b>
+ <div class="menu">
+ <a class="item" href="">选择 - Selection</a>
+ <a class="item" href="">Gestures - Gestures</a>
+ <a class="item" href="">促进的动作 - Promoted Actions</a>
+ <a class="item" href="">设置 - Settings</a>
+ <a class="item" href="">影像处理 - Imagery Treatment</a>
+ <a class="item" href="">搜索 - Search</a>
+ </div>
+ </div>
+
+ <div class="item">
+ <b>Usability</b>
+ <div class="menu">
+ <a class="item" href="">可达性 - Accessibility</a>
+ </div>
+ </div>
+
+ <div class="item">
+ <b>Resources</b>
+ <div class="menu">
+ <a class="item" href="">布局模板 - Layout Templates</a>
+ <a class="item" href="">贴片集 - Sticker Sheets</a>
+ <a class="item" href="">Roboto 字体 - Roboto Font</a>
+ <a class="item" href="">调色板 - Color Palettes</a>
+ </div>
+ </div>
+
+</div>
View
@@ -1,6 +1,13 @@
---
layout: default
---
+
+
+
+
+
+{% include sidebar.html %}
+
<div class="post">
<header class="post-header">
View

Large diffs are not rendered by default.

Oops, something went wrong.
View

Large diffs are not rendered by default.

Oops, something went wrong.

0 comments on commit 09a03af

Please sign in to comment.