├── .gitignore ├── .gitmodules ├── LICENSE ├── README.md ├── _config.yml ├── icalm.png ├── layout ├── _partial │ ├── comment.ejs │ ├── content-view.ejs │ ├── footer.ejs │ ├── head.ejs │ ├── list-view.ejs │ ├── meta.ejs │ ├── sidebar.ejs │ ├── tag-list.ejs │ └── time-sec.ejs ├── archive.ejs ├── category.ejs ├── index.ejs ├── layout.ejs ├── page.ejs ├── post.ejs ├── tag.ejs └── tags.ejs └── source ├── assets ├── bin.svg ├── facebook.svg ├── github.css └── github.svg └── css ├── _partial ├── layout.styl ├── post.styl ├── sidebar.styl └── time-sec.styl └── style.styl /.gitignore: -------------------------------------------------------------------------------- 1 | source/CNAME 2 | -------------------------------------------------------------------------------- /.gitmodules: -------------------------------------------------------------------------------- 1 | [submodule "source/assets/normalize"] 2 | path = source/css/normalize 3 | url = https://github.com/necolas/normalize.css.git 4 | [submodule "source/js/pager"] 5 | path = source/js/pager 6 | url = https://github.com/nameoverflow/SinglePager.git 7 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2017 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Icalm 2 | 3 | ![icalm](https://user-images.githubusercontent.com/10287709/34717147-f9b78e4c-f56c-11e7-803c-a49bc41d6813.png) 4 | 5 | 6 | 7 | [Live example](https://nameoverflow.github.io/) 8 | 9 | ## Browser Support 10 | 11 | Latest versions of modern browsers for ES2015+ support. 12 | 13 | Basic style support for outdated browsers. 14 | 15 | ## Installation 16 | 17 | ``` 18 | git clone https://github.com/nameoverflow/hexo-theme-icalm.git themes/hexo-theme-icalm 19 | cd themes/hexo-theme-icalm/ 20 | git submodule update --init --recursive 21 | ``` 22 | 23 | update 24 | 25 | ``` 26 | git pull && git submodule update --remote 27 | ``` 28 | 29 | ## Customize 30 | 31 | Edit `_config.yml`. 32 | 33 | ## Tags or Categories Page 34 | 35 | Run `hexo n page "tags"` or `hexo n page "categories"` 36 | 37 | Then edit the generated .md file, set the `type` to `tags` or `categories`. 38 | 39 | ## Add License 40 | 41 | To add license information to website footer, just add a `license` entry to hexo's `_config.yml`. 42 | 43 | ## LICENSE 44 | 45 | MIT 46 | -------------------------------------------------------------------------------- /_config.yml: -------------------------------------------------------------------------------- 1 | # Links on sidebar 2 | menu: 3 | Home: / 4 | Archive: /archives/ 5 | # Tags: /tags/ 6 | # Categories: /categories/ 7 | # About: /about/ 8 | 9 | # Pictures shown on the sidebar 10 | # Use the absolute URL after generating 11 | # avatar: /assets/tree_small.png 12 | # sidebar_background: /assets/header.png 13 | 14 | rss: /atom.xml 15 | 16 | # Content 17 | excerpt_link: Read On » 18 | 19 | # Will be shown on the bottom. 20 | ## To add new icon, just copy .svg to source/assets/ and add entries below. 21 | media: 22 | # github: https://github.com/nameoverflow 23 | # facebook: https://www.facebook.com/profile.php?id=100004252391322 24 | 25 | source_han_font: true 26 | 27 | # Disqus settings 28 | disqus: 29 | # 'disabled' | 'all' | 'post' 30 | enable: disabled 31 | # Shortname of your disqus website. 32 | # See disqus admin 33 | shortname: 34 | 35 | # Miscellaneous 36 | favicon: 37 | -------------------------------------------------------------------------------- /icalm.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/nameoverflow/hexo-theme-icalm/88b6854aaa4ff848b88561e827040b2afcd0b39d/icalm.png -------------------------------------------------------------------------------- /layout/_partial/comment.ejs: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/nameoverflow/hexo-theme-icalm/88b6854aaa4ff848b88561e827040b2afcd0b39d/layout/_partial/comment.ejs -------------------------------------------------------------------------------- /layout/_partial/content-view.ejs: -------------------------------------------------------------------------------- 1 |
2 |
3 |

<%= post.title %>

4 |
5 | 6 |
7 | <%- post.content %> 8 | 9 | <% if (post.type === 'tags') { %> 10 | 13 | <% } else if (post.type === 'categories') { %> 14 | 17 | <% } %> 18 | 19 |
20 | <% if (!isPage) { %> 21 |
22 |
23 | 发布于  24 | 27 |
28 | <% if (post.tags && post.tags.length){ %> 29 |
30 | tags: <%- partial('tag-list', { className: 'meta-text', tags: post.tags }) %> 31 |
32 | <% } %> 33 |
34 | <% } %> 35 | <% if (theme.disqus.enable === 'all' || (theme.disqus.enable === 'post' && !isPage)) { %> 36 |
37 |
38 | 57 |
58 | <% } %> 59 |
60 | -------------------------------------------------------------------------------- /layout/_partial/footer.ejs: -------------------------------------------------------------------------------- 1 | 13 | -------------------------------------------------------------------------------- /layout/_partial/head.ejs: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | <% if (page.title){ %><%= page.title %> | <% } %><%= config.title %> 6 | <% if (theme.favicon) { %> 7 | 8 | <% } %> 9 | <% if (theme.source_han_font) { %> 10 | <% } %> 11 | 12 | <%- css('//cdn.jsdelivr.net/highlight.js/9.10.0/styles/github-gist.min.css') %> 13 | <%- css('css/style') %> 14 | 15 | -------------------------------------------------------------------------------- /layout/_partial/list-view.ejs: -------------------------------------------------------------------------------- 1 |
2 |
3 | <% if (post.link){ %> 4 |

5 | <%= post.title %> 6 |

7 | <% } else if (post.title){ %> 8 |

9 | <%= post.title %> 10 |

11 | <% } %> 12 | <%- partial('meta', { post: post }) %> 13 |
14 |
15 | <% if (post.excerpt){ %> 16 | <%- post.excerpt %> 17 | <% if (theme.excerpt_link){ %> 18 |
19 | <%= theme.excerpt_link %> 20 |
21 | <% } %> 22 | <% } else { %> 23 | <%- post.content %> 24 | <% } %> 25 |
26 |
27 | -------------------------------------------------------------------------------- /layout/_partial/meta.ejs: -------------------------------------------------------------------------------- 1 |
2 | 5 | <% if (post.tags && post.tags.length){ %> 6 | | 7 | 10 | <% } %> 11 | <% if (post.categories && post.categories.length){ %> 12 | / 13 | 16 | <% } %> 17 |
18 | -------------------------------------------------------------------------------- /layout/_partial/sidebar.ejs: -------------------------------------------------------------------------------- 1 | 29 | -------------------------------------------------------------------------------- /layout/_partial/tag-list.ejs: -------------------------------------------------------------------------------- 1 | <% tags.each(tag => { %> 2 |
  • 3 | { <%= tag.name %> } 4 |
    • 5 | <% }) %> 6 | -------------------------------------------------------------------------------- /layout/_partial/time-sec.ejs: -------------------------------------------------------------------------------- 1 |
    2 |

    3 | <%= year %> 4 |

    5 | 16 |
    17 | -------------------------------------------------------------------------------- /layout/archive.ejs: -------------------------------------------------------------------------------- 1 |
    2 | <% let years = {}; %> 3 | <% 4 | site.posts.each(post => { 5 | const y = post.date.year(); 6 | if (!years[y]) years[y] = []; 7 | years[y].push(post); 8 | }) 9 | %> 10 | <% for (const y of Object.keys(years).reverse()) { %> 11 | 12 | <%- partial('_partial/time-sec', { year: y, posts: years[y].reverse() }) %> 13 | <% } %> 14 |
    -------------------------------------------------------------------------------- /layout/category.ejs: -------------------------------------------------------------------------------- 1 | <%- partial('index') %> -------------------------------------------------------------------------------- /layout/index.ejs: -------------------------------------------------------------------------------- 1 | 13 | <% if (page.total > 1){ %> 14 | 22 | <% } %> 23 | -------------------------------------------------------------------------------- /layout/layout.ejs: -------------------------------------------------------------------------------- 1 | 2 | 3 | <%- partial('_partial/head') %> 4 | 5 |
    6 | <%- partial('_partial/sidebar') %> 7 |
    8 |
    9 | <%- body %> 10 | <%- partial('_partial/footer') %> 11 |
    12 |
    13 |
    14 | <%- js('js/pager/dist/singlepager.js') %> 15 | 19 | 20 | -------------------------------------------------------------------------------- /layout/page.ejs: -------------------------------------------------------------------------------- 1 |
    2 | <%- partial('_partial/content-view', { post: page, isPage: true }) %> 3 |
    4 | -------------------------------------------------------------------------------- /layout/post.ejs: -------------------------------------------------------------------------------- 1 |
    2 | <%- partial('_partial/content-view', { post: page, isPage: false }) %> 3 | <%- partial('_partial/comment') %> 4 |
    5 | -------------------------------------------------------------------------------- /layout/tag.ejs: -------------------------------------------------------------------------------- 1 | <%- partial('index') %> 2 | -------------------------------------------------------------------------------- /layout/tags.ejs: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /source/assets/bin.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /source/assets/facebook.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /source/assets/github.css: -------------------------------------------------------------------------------- 1 | .hljs { 2 | display: block; 3 | background: white; 4 | padding: 0.5em; 5 | color: #333333; 6 | overflow-x: auto 7 | } 8 | 9 | .comment, 10 | .meta { 11 | color: #969896 12 | } 13 | 14 | .string, 15 | .variable, 16 | .template-variable, 17 | .strong, 18 | .emphasis, 19 | .quote { 20 | color: #df5000 21 | } 22 | 23 | .keyword, 24 | .selector-tag, 25 | .type { 26 | color: #a71d5d 27 | } 28 | 29 | .literal, 30 | .symbol, 31 | .bullet, 32 | .attribute { 33 | color: #0086b3 34 | } 35 | 36 | .section, 37 | .name { 38 | color: #63a35c 39 | } 40 | 41 | .tag { 42 | color: #333333 43 | } 44 | 45 | .title, 46 | .attr, 47 | .selector-id, 48 | .selector-class, 49 | .selector-attr, 50 | .selector-pseudo { 51 | color: #795da3 52 | } 53 | 54 | .addition { 55 | color: #55a532; 56 | background-color: #eaffea 57 | } 58 | 59 | .deletion { 60 | color: #bd2c00; 61 | background-color: #ffecec 62 | } 63 | 64 | .link { 65 | text-decoration: underline 66 | } -------------------------------------------------------------------------------- /source/assets/github.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /source/css/_partial/layout.styl: -------------------------------------------------------------------------------- 1 | $link_color_d = rgb(104, 104, 104) 2 | $link_color_h = rgb(14, 14, 14) 3 | 4 | $text-color = rgb(74, 74, 74) 5 | $text-muted-color = rgb(204, 204, 204) 6 | 7 | fill-full(l, r) 8 | position: absolute 9 | left: l 10 | right: r 11 | 12 | body 13 | font-family: "Source Han Serif", "PingFang SC", "Microsoft YaHei", sans-serif 14 | // font-weight: 300 15 | line-height: 1.7em 16 | color: $text-color 17 | overflow-x: hidden 18 | 19 | a 20 | text-decoration: none 21 | color: $link_color_d 22 | border-bottom: 1px $link_color_d solid 23 | &:hover 24 | color: $link_color_h 25 | border-bottom: 1px $link_color_h solid 26 | 27 | figure.highlight 28 | display: block 29 | width: 92% 30 | margin: auto 31 | overflow-x: auto 32 | 33 | .highlight > table 34 | width: 100% 35 | 36 | figure.highlight, .code, code 37 | font-family: Monaco, Menlo, Consolas, 'Microsoft Yahei', monospace 38 | font-size: 13px 39 | margin: auto 5px 40 | pre 41 | // width: 90% 42 | margin: auto 43 | overflow-x: auto 44 | font-family: inherit 45 | font-size: 13px 46 | line-height: 1.6em 47 | 48 | img 49 | max-width: 100% 50 | 51 | sup 52 | a 53 | border-bottom: none 54 | 55 | blockquote 56 | margin: 1em 0 57 | padding: 0 40px 58 | box-sizing: border-box 59 | border-left: 2px solid $text-color 60 | 61 | .container 62 | box-sizing: border-box 63 | fill-full(240px, 0) 64 | margin: auto 65 | max-width: 960px 66 | width: 60% 67 | .container 68 | > div 69 | > footer 70 | width: 100% 71 | text-align: center 72 | color: $text-muted-color 73 | font-size: 14px 74 | line-height: 20px 75 | padding: 5rem 0 2rem 76 | a 77 | color: $text-muted-color 78 | border-color: $text-muted-color 79 | &:hover 80 | color: darken($text-muted-color, 50%) 81 | border-color: darken($text-muted-color, 50%) 82 | 83 | .Index, .TagArticle 84 | padding: 7em 0 0 0 85 | margin: 0 86 | > li 87 | list-style: none 88 | 89 | .Archives 90 | $side_padding = 16px 91 | $line_posi = -2px 92 | $line_width = 2px 93 | $cir_width_b = 10px 94 | $cir_width_sm = $cir_width_b * 0.8 95 | position: relative 96 | padding: 7em $side_padding 0 97 | 98 | &::before 99 | position: absolute 100 | top: 0 101 | bottom: 0 102 | left: $line_posi 103 | height: auto 104 | content: '' 105 | background-color: #ddd 106 | width: $line_width 107 | 108 | h1, h2 109 | font-weight: 400 110 | &::before 111 | position: absolute 112 | left: ($line_posi - $cir_width_b / 2 + $line_width / 2) 113 | content: '' 114 | background-color: #ddd 115 | width: $cir_width_b 116 | height: $cir_width_b 117 | border-radius: 50% 118 | margin-top: $cir_width_b * 0.7 119 | &:hover::before 120 | background-color: #777 121 | transition: background-color 500ms ease 122 | h2 123 | font-size: 1.3rem 124 | margin-bottom: 0 125 | &::before 126 | left: ($line_posi - $cir_width_sm / 2 + $line_width / 2) 127 | margin-top: $cir_width_sm 128 | width: $cir_width_sm 129 | height: $cir_width_sm 130 | 131 | .Tags 132 | margin: 0 133 | padding: 4em 0 0 0 134 | text-align: center 135 | > li 136 | list-style: none 137 | a 138 | border-bottom: none 139 | 140 | @media screen and (max-width: 1024px) 141 | .container 142 | fill-full(0, 0) 143 | padding-top: 20em 144 | overflow-x: hidden 145 | max-width: none 146 | width: auto 147 | &::before 148 | content: '' 149 | display: block 150 | position: relative 151 | height: 1px 152 | width: 10% 153 | background-color: #cdcdcd 154 | top: 3.5em 155 | margin: auto 156 | .Archives 157 | padding: 0 16px 158 | margin-top: 7em 159 | .container > * 160 | margin-left: 4% 161 | margin-right: 4% 162 | @media screen and (max-width: 450px) 163 | html, body 164 | font-size: 90% 165 | blockquote 166 | padding: 0 10px 167 | code pre 168 | font-size: 80% 169 | .title h1, 170 | .PageTitle h1 171 | font-size: 1.3rem !important 172 | 173 | .route-trans-enter 174 | fill-full(0, 0) 175 | transform: translateX(-100px) 176 | opacity: 0 177 | 178 | .route-trans-enter.route-trans-enter-active 179 | animation: route-trans-e 0.8s 180 | animation-fill-mode: forwards 181 | 182 | 183 | .route-trans-leave 184 | fill-full(0, 0) 185 | transform: translateX(0) 186 | opacity: 1 187 | 188 | .route-trans-leave.route-trans-leave-active 189 | animation: route-trans-o 0.8s 190 | animation-fill-mode: forwards 191 | 192 | @keyframes route-trans-e 193 | 0% 194 | transform: translate3d(-100px, 0, 0) 195 | opacity: 0 196 | 50% 197 | transform: translate3d(-100px, 0, 0) 198 | opacity: 0 199 | 100% 200 | transform: translate3d(0, 0, 0) 201 | opacity: 1 202 | 203 | @keyframes route-trans-o 204 | 0% 205 | transform: translate3d(0, 0, 0) 206 | opacity: 1 207 | 50% 208 | transform: translate3d(100px, 0, 0) 209 | opacity: 0 210 | 100% 211 | transform: translate3d(100px, 0, 0) 212 | opacity: 0 213 | -------------------------------------------------------------------------------- /source/css/_partial/post.styl: -------------------------------------------------------------------------------- 1 | .ListView 2 | margin-bottom: 7em 3 | .title 4 | text-align: center 5 | h1 6 | font-size: 1.8rem 7 | font-weight: 400 8 | margin-bottom: 0.3em 9 | line-height: 125% 10 | a 11 | border-bottom: none 12 | color: #111 13 | &:hover 14 | color: #0e0e0e 15 | border-bottom: 1px #0e0e0e solid 16 | .ListMeta 17 | font-size: 0.8em 18 | color: #bbb 19 | margin-bottom: 2.5em 20 | &:hover 21 | color: #333 22 | ul 23 | display: inline 24 | padding: 0 25 | li.meta-text 26 | display: inline-block 27 | .more-link 28 | a 29 | border-bottom-width: 2px 30 | 31 | .PageTitle 32 | text-align: left 33 | margin-bottom: 4em 34 | h1 35 | font-size: 2rem 36 | font-weight: 400 37 | margin-bottom: 0.3em 38 | margin-left: -10% 39 | @media screen and (max-width: 1024px) 40 | font-size: 2rem 41 | margin-left: auto 42 | padding-top: 3rem 43 | a 44 | border: none 45 | color: #111 46 | time 47 | font-family: inherit 48 | 49 | .ContentView 50 | padding-top: 4em 51 | .ArticleMeta 52 | font-size: 0.8em 53 | color: #bbb 54 | margin: 2.5em auto 55 | a 56 | border-bottom: 1px #bbb solid 57 | &:hover 58 | color: #333 59 | a 60 | border-bottom: 1px #333 solid 61 | 62 | > div:nth-child(1) 63 | position: relative 64 | width: 49% 65 | text-align: right 66 | &::after 67 | content: '/' 68 | font-size: 300% 69 | font-weight: 100 70 | position: absolute 71 | top: 15px 72 | right: -18px 73 | > div:nth-child(2) 74 | width: 49% 75 | margin-left: auto 76 | margin-right: 0 77 | > div:only-child 78 | width: 100% 79 | text-align: center 80 | &::after 81 | display: none 82 | #nav-wrapper 83 | text-align: center 84 | #page-nav 85 | position: relative 86 | display: inline-block 87 | padding: 0 1em 88 | .page-number 89 | margin: 0.3em 90 | 91 | .extend 92 | border-bottom-color: transparent 93 | line-height: inherit 94 | position: absolute 95 | white-space: nowrap 96 | 97 | &.prev 98 | right: 100% 99 | 100 | &.next 101 | left: 100% 102 | -------------------------------------------------------------------------------- /source/css/_partial/sidebar.styl: -------------------------------------------------------------------------------- 1 | $header_width = 240px 2 | $header_height = 180px 3 | $av_size = 130px 4 | 5 | .SideBar 6 | position: fixed 7 | width: $header_width 8 | overflow: hidden 9 | top: 0 10 | left: 0 11 | bottom: 0 12 | height: 100% 13 | position: fixed 14 | background-color: #FFFFFF 15 | z-index: 10000 16 | > section 17 | width 100% 18 | .media 19 | position: absolute 20 | width: 100% 21 | bottom: 0.5rem 22 | text-align: right 23 | > a 24 | margin-left: 1em 25 | border: none 26 | img 27 | width: 1.5em 28 | height: auto 29 | opacity: 0.6 30 | &:hover 31 | opacity: 1 32 | .menu 33 | box-sizing: border-box 34 | position: absolute 35 | top: $header_height + 60px 36 | width: $header_width 37 | margin: 0 38 | text-align: right 39 | line-height: 1.7em 40 | > ul 41 | padding-top: 2em 42 | 43 | .avatar 44 | height: $header_height 45 | background-color: #333 46 | // background-image: url(../../assets/header.png) 47 | position: absolute 48 | width: 100% 49 | top: 0 50 | .av-pic 51 | display: block 52 | width: $av_size 53 | height: $av_size 54 | margin-top: ($header_height - ($av_size / 2)) 55 | margin-left: auto 56 | margin-right: auto 57 | border-radius: 50% 58 | background-color: #FFFFFF 59 | // background-image: url(../../assets/tree_small.png) 60 | background-size: 100% 61 | 62 | .Btn 63 | border-bottom: none 64 | > li 65 | list-style: none 66 | line-height: 1em 67 | margin: 2rem 0 68 | 69 | @media screen and (min-width: 1024px) 70 | a.Btn 71 | border-bottom: none 72 | > li 73 | padding-right: 1em 74 | border-right: 3px #aaa solid 75 | &:hover 76 | border-right-color: #333 77 | &.active > li 78 | border-right-color: #333 79 | 80 | @media screen and (max-width: 1024px) 81 | .SideBar 82 | position: absolute 83 | left: 0 84 | right: 0 85 | height: 10em 86 | width: auto 87 | overflow: visible 88 | .menu 89 | position: relative 90 | top: ($header_height / 1.5 + ($av_size / 2)) 91 | text-align: center 92 | width: 100% 93 | > ul 94 | display: flex 95 | align-items: center 96 | justify-content: center 97 | width: 50% 98 | min-width: 280px 99 | margin: 0 auto 100 | padding: 0 101 | .Btn > li 102 | margin: 1em 0 103 | padding: 0 104 | flex: 1 105 | border-right: none 106 | min-width: 70px 107 | .media 108 | bottom: -2.5em 109 | right: 1.5em 110 | .avatar 111 | height: ($header_height / 1.5) 112 | > .av-pic 113 | margin-top: ($header_height / 1.5 - ($av_size / 2)) 114 | -------------------------------------------------------------------------------- /source/css/_partial/time-sec.styl: -------------------------------------------------------------------------------- 1 | $trans_time = 500ms 2 | 3 | .TimeSection 4 | overflow: hidden 5 | h1 6 | cursor: pointer 7 | ul 8 | margin: 0 9 | padding: 0 10 | overflow: hidden 11 | // transition: opacity 500ms ease-out -------------------------------------------------------------------------------- /source/css/style.styl: -------------------------------------------------------------------------------- 1 | @import "normalize/normalize.css" 2 | 3 | @import "_partial/layout" 4 | @import "_partial/sidebar" 5 | @import "_partial/post" 6 | @import "_partial/time-sec" 7 | 8 | @import "../assets/github.css" 9 | --------------------------------------------------------------------------------