zhangdocs 0.3.0

package/theme/handbook/source/css/main.styl

@@ -0,0 +1,175 @@
+@import('_partial/reset.styl');
+// CSS reset
+global-reset()
+reset-html5()
+
+@import('_partial/variables.styl');
+@import('_partial/markdown.styl');
+@import('_partial/highlight.styl');
+
+*
+    box-sizing: border-box
+body 
+    background:#F6F6F6 url(../img/background.png)
+body,html
+    height:100%
+    font-family:Helvetica, arial, nimbussansl, liberationsans, freesans, clean, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol"
+.logo
+    float left
+    padding: 0 20px 0 0
+    font-size: 24px
+    img 
+        vertical-align: middle
+        margin: -4px 0 0 0
+
+.nav
+    background-image: linear-gradient(to bottom,#fff 0,#f8f8f8 100%)
+    z-index: 2
+    height: 41px
+    line-height: 42px
+    border-bottom: 1px solid #C4C4C4
+    padding: 0 0 0 20px
+    position: fixed
+    width: 100%
+    @media mq-mobile
+        height initial
+        position: initial
+    ul  
+        list-style: none
+        position: relative
+        display: inline-table
+        @media mq-mobile
+            display inline-flex
+        ul
+            display: none
+            background: #D1D1D1
+            border-radius: 0px
+            padding: 0
+            position: absolute
+            top: 100%
+            z-index 9
+            li.active
+                a
+                    background: #4b545f
+                    color:#fff
+                    line-height:29px
+                    height:29px
+            li 
+                float: none
+                border-bottom: 1px solid #C8C8C8
+                position: relative
+                a:hover 
+                    background: #4b545f
+                    color:#fff
+            a
+                color: #fff
+                line-height: 29px
+                white-space:nowrap
+                word-break:keep-all
+            ul
+                position: absolute
+                left: 100%
+                top:0
+        li
+            float: left
+            line-height: 40px
+            a
+                display: block
+                color: #757575
+                text-decoration: none
+                padding: 0 15px
+        li:hover
+            background: #E1E1E1
+            background-image: linear-gradient(#CCCCCC 0%,#E7E7E7 40%)
+            a
+                color: #333
+        li.active
+            a
+                background-image: linear-gradient(#E8E8E8 0%,#e7e7e7 100%)
+                color:#A00000
+                height: 40px
+    ul li:hover > ul
+        display: block
+    ul:after
+        content: ""
+        clear: both
+        display: block
+.warpper
+    width: 100%
+    padding: 41px 0 0 0
+    height: 100%
+    overflow: auto
+    @media mq-mobile
+        padding-top 0
+    .page-toc,.markdown-body
+        height:100%
+    .markdown-body
+        margin-left:tocwidth
+        overflow: auto
+        @media mq-mobile
+            margin-left:0
+    .page-toc
+        width:200px
+        height:calc(100% - 41px)
+        position: fixed
+        width:tocwidth
+        border-right: 1px solid #bbb
+        box-shadow: 0 0 20px #ccc
+        background:#fff
+        padding: 10px
+        overflow-y: auto
+        overflow-x: hidden
+        font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif !important;
+        @media mq-mobile
+            display none
+        ul
+            list-style-type: none
+            margin: 0
+            a 
+                display: block
+                padding: 3px 0
+                color: #151515
+                text-decoration: none
+                font-weight:bold
+                line-height: 16px
+                font-size: 14px
+                &:hover
+                    color:red
+                    text-decoration: underline
+            li 
+                padding-left:3px
+                text-align:left
+            ul
+                margin:0 0 0 10px
+                list-style-type: square
+                padding: 0 0 0 9px
+                li 
+                    a 
+                        font-size:90%
+                        font-weight:normal
+                        border-bottom:0
+    .copyright
+        border-top: 1px dashed #E9E9E9
+        padding: 6px 0 5px 2px
+        margin: 32px 0 0 0
+        line-height: 16px
+        font-size: 12px
+        color: #dfdfdf
+        a 
+            color: #D6DDF8
+            text-decoration: underline
+            &:hover
+                color:#333
+
+.forkgithub
+    position: absolute
+    z-index: 2
+    right: 0
+    background:url("../img/forkgithub.png") 14px -15px no-repeat
+    @media mq-mobile
+        display none
+    a 
+        display:block
+        width:149px
+        height:149px
+        

package/theme/resume/footer.ejs

@@ -0,0 +1,2 @@
+</body>
+</html>

package/theme/resume/gitignore

@@ -0,0 +1,22 @@
+*.iml
+.idea/
+.ipr
+.iws
+*~
+~*
+*.diff
+*.patch
+*.bak
+.DS_Store
+Thumbs.db
+.project
+.*proj
+.svn/
+*.swp
+*.swo
+*.pyc
+*.pyo
+.build
+node_modules
+.cache
+idoc-theme-*/

package/theme/resume/head.ejs

@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title><%=title%></title>
+        <%if(pkg.idoc&&pkg.idoc.logo){ var iconurl = pkg.idoc.logo %>
+        <%if(/\.png$/.test(iconurl)){%>
+        <link rel="shortcut icon" href="<%=relative_path%><%=pkg.idoc.logo%>" type="image/x-png">
+        <%}else if(/\.ico$/.test(iconurl)){%>
+        <link rel="shortcut icon" href="<%=relative_path%><%=pkg.idoc.logo%>" type="image/x-icon">
+        <%}%>
+    <%}%>
+    <link rel="stylesheet" type="text/css" href="<%=relative_path%>static/css/main.css">
+</head>
+<body>

package/theme/resume/layout.ejs

@@ -0,0 +1,27 @@
+<% include head.ejs %>
+
+<header class="header">
+    <div class="container">
+        <div class="vertical">
+        <% if(pkg.idoc && pkg.idoc.name ){ %>
+            <h1><%=pkg.idoc.name%></h1>
+        <% } %>
+        <% if(pkg.idoc && pkg.idoc.baseinfo ){ %>
+            <pre><%=pkg.idoc.baseinfo%></pre>
+        <% } %>
+        </div>
+    </div>
+</header>
+
+<div class="container">
+    
+    <div class="content markdown-body">
+        <%- markdown_html %>
+        <div class="copyright">Powered by <a href="https://github.com/jaywcjlove/idoc" target="_blank">idoc</a>. Dependence <a href="https://nodejs.org">Node.js</a> run.</div>
+    </div>
+
+</div>
+
+
+
+<% include footer.ejs %>

package/theme/resume/source/css/_partial/highlight.styl

@@ -0,0 +1,103 @@
+/*
+github.com style (c) Vasily Polovnyov <vast@whiteants.net>
+*/
+.hljs
+  display: block
+  overflow-x: auto
+  padding: 0.5em
+  color: #333
+  background: #f8f8f8
+  -webkit-text-size-adjust: none
+
+.hljs-comment,
+.diff .hljs-header
+  color: #969896
+  font-size: 90%
+
+.hljs-keyword,
+.css .rule .hljs-keyword,
+.hljs-winutils,
+.nginx .hljs-title,
+.hljs-subst,
+.hljs-request,
+.hljs-status
+  color: #a71d5d
+  font-weight: bold
+
+.hljs-number,
+.hljs-hexcolor,
+.ruby .hljs-constant
+  color: #008080
+
+.hljs-string,
+.hljs-tag .hljs-value,
+.hljs-doctag,
+.tex .hljs-formula
+  color: #183691
+
+.hljs-title,
+.hljs-id,
+.scss .hljs-preprocessor
+  color: #900
+  font-weight: bold
+
+.hljs-list .hljs-keyword,
+.hljs-subst
+  font-weight: normal
+
+.hljs-class .hljs-title,
+.hljs-type,
+.vhdl .hljs-literal,
+.tex .hljs-command
+  color: #458
+  font-weight: bold
+
+.hljs-tag,
+.hljs-tag .hljs-title,
+.hljs-rule .hljs-property,
+.django .hljs-tag .hljs-keyword
+  color: #000080
+  font-weight: normal
+
+.hljs-attribute,
+.hljs-variable,
+.lisp .hljs-body,
+.hljs-name
+  color: #008080
+
+.hljs-regexp
+  color: #009926
+
+.hljs-symbol,
+.ruby .hljs-symbol .hljs-string,
+.lisp .hljs-keyword,
+.clojure .hljs-keyword,
+.scheme .hljs-keyword,
+.tex .hljs-special,
+.hljs-prompt
+  color: #990073
+
+.hljs-built_in
+  color: #0086b3
+
+.hljs-preprocessor,
+.hljs-pragma,
+.hljs-pi,
+.hljs-doctype,
+.hljs-shebang,
+.hljs-cdata
+  color: #999
+  font-weight: bold
+
+.hljs-deletion
+  background: #fdd
+
+.hljs-addition
+  background: #dfd
+
+.diff .hljs-change
+  background: #0086b3
+
+.hljs-chunk
+  color: #aaa
+

package/theme/resume/source/css/_partial/markdown.styl

@@ -0,0 +1,137 @@
+
+.markdown-body
+    padding: 30px 35px 30px 0
+    word-wrap: break-word
+    font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, freesans, sans-serif
+    font-size: 0.8em;
+    line-height: 1.2em;
+    color:#5D5D5D
+    @media mq-mobile
+        padding-right 0
+    &>*:first-child
+        margin-top: 0 !important
+    strong
+        font-weight: bold
+    hr 
+        border-top: 1px solid #CACACA
+        border-width: 1px 0 0 0
+    em 
+        font-style:italic
+    img 
+        max-width 100%
+    h1,h2,h3,h4,h5,h6
+        position: relative
+        margin-top: 1em
+        margin-bottom: 1em
+        font-weight: bold
+        line-height: 1.4
+        a 
+            display:none
+        &:hover a
+            display:inline
+            color:#000
+            font-size:85%
+    h1,h2
+        border-bottom: 1px solid #eee
+    h1
+        font-size: 2em
+        line-height: 1.2
+        padding-bottom: 0.3em
+    h2
+        padding-bottom: 0.3em
+        font-size: 1.5em
+        line-height: 1.225
+        border-bottom:1px dashed #DEDEDE
+        color #36444C
+    h3
+        font-size 1.3em
+        color: #333;
+        &:before,&:after
+            content ''
+            display inline-block
+            width 5px
+            background-color #7A8388
+            height 17px
+            position relative
+            top 3px
+            margin 0 7px 0 2px
+    h4,h5,h6 
+        margin-bottom 0.4em
+        color: #333;
+    blockquote
+        padding: 0 15px
+        color: #777
+        border-left: 4px solid #ddd
+        margin: 0;
+        &>:last-child
+            margin-bottom: 0
+        &>:first-child
+            margin-top: 0
+    p,blockquote,ul,ol,dl,table,pre
+        margin-top: 0;
+        margin-bottom: 16px
+    ul,ol
+        padding-left: 2em
+        list-style-type: square;
+    ol
+        list-style-type: decimal
+    ol ol, ul ol
+        list-style-type: lower-roman;
+    ul ul ol, ul ol ol, ol ul ol, ol ol ol
+        list-style-type: lower-alpha;
+    pre
+        padding: 16px
+        overflow: auto
+        background-color: #f7f7f9
+        border-radius: 3px
+        word-break: break-all
+        word-wrap: break-word 
+        font: 16px Consolas, "Liberation Mono", Menlo, Courier, monospace;
+        code
+            // letter-spacing: 1px
+            background-color:transparent
+            color: inherit
+            line-height: 16px
+            display: block
+            font-size: 14px
+        code:before,code:after,tt:before,tt:after
+            letter-spacing: 0;
+            content: "";
+    code,tt
+        padding: 0
+        padding-bottom: 2px
+        margin: 0 3px
+        vertical-align: top
+        background-color: #EDEDF7
+        border-radius: 4px
+        padding-left: 3px
+        padding-right: 3px
+        font-size: 14px
+        color: #6F5990
+    code:before,code:after,tt:before,tt:after
+        content: "\00a0"
+        vertical-align: text-top
+    table
+        width: 100%
+        border-collapse: collapse
+        border-spacing: 0
+        max-width: 100%
+        display: block
+        background-color: transparent
+        th,td
+            border: 1px solid #ddd
+            padding: 4px 10px
+        th
+            font-weight: bold
+            background: #F3F3F3
+        tr:nth-child(2n) 
+            background-color: #f8f8f8
+        tbody
+            background:#fff
+
+// markdown 增强样式
+.markdown-body
+    .task-list-item
+        padding: 0;
+        li 
+            list-style-type: none

package/theme/resume/source/css/_partial/reset.styl

@@ -0,0 +1,101 @@
+// Reset
+
+
+//在HTML标签在浏览器里有默认的样式，例如 p 标签有上下边距，strong标签有字体加粗样式，em标签有字体倾斜样式。不同浏览器的默认样式之间也会有差别，例如ul默认带有缩进的样式，在IE下，它的缩进是通过margin实现的，而Firefox下，它的缩进是由padding实现的。在切换页面的时候，浏览器的默认样式往往会给我们带来麻烦，影响开发效率。所以解决的方法就是一开始就将浏览器的默认样式全部去掉，更准确说就是通过重新定义标签样式。“覆盖”浏览器的CSS默认属性。最最简单的说法就是把浏览器提供的默认样式覆盖掉！这就是CSS reset。
+
+// global-reset()
+// nested-reset()
+// reset-font()
+// reset-box-model()
+// reset-body()
+// reset-table()
+// reset-table-cell()
+// reset-html5()
+
+// http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
+// http://yuilibrary.com/yui/docs/cssreset/
+// http://yui.yahooapis.com/3.18.1/build/cssreset/cssreset-min.css
+// http://cssreset.com/
+
+global-reset()
+    html, body, div, span, applet, object, iframe,
+    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+    a, abbr, acronym, address, big, cite, code,
+    del, dfn, em, img, ins, kbd, q, s, samp,
+    small, strike, strong, sub, sup, tt, var,
+    dl, dt, dd, ol, ul, li,
+    fieldset, form, label, legend,
+    table, caption, tbody, tfoot, thead, tr, th, td
+        reset-box-model()
+        reset-font()
+    body
+        reset-body()
+    ol, ul
+        list-style: none
+    table
+        reset-table()
+    caption, th, td
+        reset-table-cell()
+    a 
+        text-decoration:inherit
+        &:hover
+            text-decoration:underline
+    a img
+        border: none
+    * 
+        box-sizing: border-box; 
+
+nested-reset()
+    div, span, object, iframe, h1, h2, h3, h4, h5, h6, p,
+    pre, a, abbr, acronym, address, code, del, dfn, em, img,
+    dl, dt, dd, ol, ul, li, fieldset, form, label,
+    legend, caption, tbody, tfoot, thead, tr
+        reset-box-model()
+        reset-font()
+    table
+        reset-table()
+    caption, th, td
+        reset-table-cell()
+    a img
+        border: none
+
+reset-box-model()
+    margin: 0
+    padding: 0
+    border: 0
+    outline: 0
+
+reset-font()
+    font-weight: inherit
+    font-style: inherit
+    font-family: inherit
+    font-size: 100%
+    vertical-align: baseline
+
+reset-body()
+    line-height: 1
+    color: black
+    background: white
+
+reset-table()
+    border-collapse: separate
+    border-spacing: 0
+    vertical-align: middle
+
+reset-table-cell()
+    text-align: left
+    font-weight: normal
+    vertical-align: middle
+
+reset-html5()
+    article, aside, canvas, details, figcaption,
+    figure, footer, header, hgroup, menu, nav,
+    section, summary, main
+        reset-box-model()
+        display: block
+    audio, canvas, video
+        display inline-block
+        *display inline
+        *zoom 1
+    audio:not([controls]),[hidden]
+        display none

package/theme/resume/source/css/_partial/variables.styl

@@ -0,0 +1,10 @@
+// Media queries
+mq-mobile = "screen and (max-width: 479px)"
+mq-tablet = "screen and (min-width: 480px) and (max-width: 1170px)"
+// mq-iPhones4 = "only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2)"
+// mq-normal = "screen and (min-width: 768px)"
+
+
+
+tocwidth = 220px
+nav-height = 49px

package/theme/resume/source/css/main.styl

@@ -0,0 +1,50 @@
+@import('_partial/reset.styl')
+// CSS reset
+global-reset()
+reset-html()
+
+@import('_partial/variables.styl')
+@import('_partial/markdown.styl')
+@import('_partial/highlight.styl')
+
+body 
+    font-family Arial, Helvetica, sans-serif,'宋体',tahoma, Srial, helvetica, sans-serif
+
+
+.container
+    // max-width 768px
+    margin 0 auto
+    padding 0 40px 0 40px
+    max-width 848px
+    
+
+.header
+    background #303538 no-repeat center center
+    .container
+        padding-top 50px
+        padding-bottom 26px
+    .vertical
+        vertical-align: middle
+    h1 
+        color #fff
+        font-size 2.3em
+        font-weight bold
+    pre 
+        color #939393
+        font-size 14px
+        padding 23px 0 0 0
+        line-height 21px
+
+
+.copyright
+    color #E5E5E5
+    font-size 12px
+    a 
+        color #E5E5E5
+        &:hover 
+            color #333
+
+
+@media print
+    .header
+        background #303538