jekyll-theme-kindee-simple 0.1.6 → 0.1.9

Sign up to get free protection for your applications and to get access to all the features.
Files changed (41) hide show
  1. checksums.yaml +4 -4
  2. data/_includes/footer.html +11 -5
  3. data/_includes/head.html +23 -23
  4. data/_includes/header.html +15 -12
  5. data/_includes/sidebar.html +14 -0
  6. data/_includes/widgets/categories.html +20 -0
  7. data/_includes/widgets/recent_posts.html +10 -0
  8. data/_includes/widgets/tags.html +12 -0
  9. data/_layouts/archives.html +31 -0
  10. data/_layouts/categories.html +22 -0
  11. data/_layouts/default.html +26 -8
  12. data/_layouts/home.html +28 -12
  13. data/_layouts/page.html +12 -10
  14. data/_layouts/post.html +20 -13
  15. data/_layouts/tags.html +22 -0
  16. data/_sass/kindee/_base.scss +45 -0
  17. data/_sass/kindee/_components.scss +1 -0
  18. data/_sass/kindee/_core.scss +10 -0
  19. data/_sass/kindee/_functions.scss +4 -0
  20. data/_sass/kindee/_mixins.scss +33 -0
  21. data/_sass/kindee/_normalize.scss +341 -0
  22. data/_sass/kindee/_utilities.scss +6 -0
  23. data/_sass/kindee/_variables.scss +25 -0
  24. data/_sass/kindee/components/_card.scss +9 -0
  25. data/_sass/kindee/core/_blogpost-excerpt.scss +42 -0
  26. data/_sass/kindee/core/_blogpost.scss +6 -0
  27. data/_sass/kindee/core/_footer.scss +17 -0
  28. data/_sass/kindee/core/_header.scss +29 -0
  29. data/_sass/kindee/core/_layout.scss +62 -0
  30. data/_sass/kindee/core/_main.scss +3 -0
  31. data/_sass/kindee/core/_sidebar.scss +3 -0
  32. data/_sass/kindee/core/_singleton.scss +14 -0
  33. data/_sass/kindee/core/_widget.scss +22 -0
  34. data/_sass/kindee.scss +26 -3
  35. data/assets/css/main.scss +3 -0
  36. data/assets/images/background.jpg +0 -0
  37. metadata +51 -23
  38. data/_includes/aside.html +0 -26
  39. data/_sass/kindee/_layout.scss +0 -207
  40. data/_sass/kindee/_theme.scss +0 -36
  41. data/_sass/kindee/_variable.scss +0 -12
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: b2c621086876a7af5d22475275e077f6e7d712470d72d215a7228cb6308d271e
4
- data.tar.gz: 8494dee0f96755fa5a11a7bc353fadcbf625e188f1514476c15f9b3d18ef3c11
3
+ metadata.gz: 590162c79f8bef1e5b5b297d250e9d82f3696a4a9ef2352cb33affa14b27e4a4
4
+ data.tar.gz: 60ae6f1b666b732245fd749452c5bac118f299921f0e7a4760fc8cad12515e00
5
5
  SHA512:
6
- metadata.gz: 3c0aecb01e111ae0eac1fca384b72d95c9d5b205b06b176cfb0c2d89fc24d738821719ece2a5cf75f3c8d0b9c798cf63d2c6eb8ab531903fb83c16b05ef8fb6f
7
- data.tar.gz: 8e123d8780970e83c60e1bf4d84454807efcec3253c255a63adcffe0920c6a89de6d3840365198f7fe64ae74bd3cdf9a5872ca6ad1f63e721eae30991e39a661
6
+ metadata.gz: 23aef3e0d9898e3015b825ab8ad8a757ea71524aea0201e51567e90538040aca773aaf1ef8bff09569aabc0dbd58a54cacd1e4a62c9d3fae7984be50079bd555
7
+ data.tar.gz: 85dc10470c42b11d33e4afce50124b50be27e9bad51e54a5bafe4c1154784813403f0bbf580c10987f14051f11c6eb231ca226c5e6882a0f5ea54f08d8f77d0c
@@ -1,5 +1,11 @@
1
- <footer class="site-footer clearfix">
2
- <div class="copyright">
3
- COPYRIGHT &copy; 2018 {{ site.author }} ALL RIGHTS RESERVED.
4
- </div>
5
- </footer>
1
+ <div class="site-footer-content container">
2
+ <div class="copyright">
3
+ &copy; <span itemprop="copyrightYear">{{ "now" | date: "%Y"}}</span>
4
+ <span class="with-love"><i class="fa fa-heart"></i></span>
5
+ <span class="author"><a href="{{ site.kindee.website | default: '#' }}">{{ site.kindee.author.name | default: site.author }}</a></span>
6
+ </div>
7
+ <div class="poweredby">
8
+ Powered by <a href="https://jekyllrb.com">Jekyll</a> &
9
+ Themed by <a href="https://github.com/hatakawas/jekyll-theme-kindee-simple">kindee-simple</a>
10
+ </div>
11
+ </div>
data/_includes/head.html CHANGED
@@ -1,24 +1,24 @@
1
1
  <head>
2
- <meta charset="UTF-8">
3
- <base href="{{ site.baseurl | prepend: site.url }}">
4
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
5
- <meta http-equiv="X-UA-Compatible" content="ie=edge">
6
- <!-- Set render engine for 360 browser -->
7
- <meta name="renderer" content="webkit">
8
- <!-- No Baidu Siteapp-->
9
- <meta http-equiv="Cache-Control" content="no-siteapp" />
10
- {%- seo -%}
11
- <!-- Page title icon -->
12
- <link rel="icon" type="image/png" href="{{ '/favicon.ico' | relative_url }}">
13
- <!-- Favorites icon -->
14
- <link rel="shortcut icon" type="image/x-icon" href="{{ '/favicon.ico' | relative_url }}">
15
- <link rel="bookmark" type="image/x-icon" href="{{ '/favicon.ico' | relative_url }}">
16
- <link rel="canonical" href="{{ page.url | replace:'index.html','' | relative_url }}">
17
- <link rel="alternate" type="application/rss+xml" title="{{ site.title }}" href="{{ '/feed.xml' | relative_url }}">
18
- <!-- Styles -->
19
- <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:400,700">
20
- <link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.5.0/css/font-awesome.min.css">
21
- <!-- The theme is based on normalize.css -->
22
- <link rel="stylesheet" href="{{ '/assets/css/normalize.css' | relative_url }}">
23
- <link rel="stylesheet" href="{{ '/assets/css/main.css' | relative_url }}">
24
- </head>
2
+ <meta charset="UTF-8">
3
+ <base href="{{ site.baseurl | prepend: site.url }}">
4
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
5
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
6
+ <!-- Set render engine for 360 browser -->
7
+ <meta name="renderer" content="webkit">
8
+ <!-- No Baidu Siteapp-->
9
+ <meta http-equiv="Cache-Control" content="no-siteapp" />
10
+ {%- seo -%}
11
+ <!-- Page title icon -->
12
+ <link rel="icon" type="image/png" href="{{ '/favicon.ico' | relative_url }}">
13
+ <!-- Favorites icon -->
14
+ <link rel="shortcut icon" type="image/x-icon" href="{{ '/favicon.ico' | relative_url }}">
15
+ <link rel="bookmark" type="image/x-icon" href="{{ '/favicon.ico' | relative_url }}">
16
+ <link rel="canonical" href="{{ page.url | replace:'index.html','' | relative_url }}">
17
+ <link rel="alternate" type="application/rss+xml" title="{{ site.title }}" href="{{ '/feed.xml' | relative_url }}">
18
+ <!-- Styles -->
19
+ <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:400,700">
20
+ <link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.5.0/css/font-awesome.min.css">
21
+ <!-- The theme is based on normalize.css -->
22
+ <!-- <link rel="stylesheet" href="{{ '/assets/css/normalize.css' | relative_url }}"> -->
23
+ <link rel="stylesheet" href="{{ '/assets/css/main.css' | relative_url }}">
24
+ </head>
@@ -1,12 +1,15 @@
1
- <header class="site-header">
2
- <nav>
3
- <div class="logo"><a rel="author" href="{{ '/' | relative_url }}">{{ site.title | escape }}</a></div>
4
- <ul>
5
- <li><a href="#">首页</a></li>
6
- <li><a href="#">分类</a></li>
7
- <li><a href="#">归档</a></li>
8
- <li><a href="{{ '/about.html' | relative_url }}">关于</a></li>
9
- <li><a href="{{ '/feed.xml' | absolute_url }}">订阅</a></li>
10
- </ul>
11
- </nav>
12
- </header>
1
+ <div class="site-header-content container">
2
+ <div class="site-title">
3
+ <a rel="author" href="{{ '/' | relative_url }}" itemprop="url">{{ site.title | escape }}</a>
4
+ </div>
5
+ <nav class="site-menu">
6
+ <ul>
7
+ <li><a href="{{ '/' | relative_url }}" itemprop="url">首页</a></li>
8
+ <li><a href="{{ '/categories.html' }}" itemprop="url">分类</a></li>
9
+ <li><a href="{{ '/tags.html' }}" itemprop="url">标签</a></li>
10
+ <li><a href="{{ '/archives.html' | relative_url }}" itemprop="url">归档</a></li>
11
+ <li><a href="{{ '/about.html' | relative_url }}" itemprop="url">关于</a></li>
12
+ <li><a href="{{ '/feed.xml' | relative_url }}" target="_blank" itemprop="url">订阅</a></li>
13
+ </ul>
14
+ </nav>
15
+ </div>
@@ -0,0 +1,14 @@
1
+ <div class="site-sidebar-content">
2
+ <!-- Widget: categories -->
3
+ {%- if site.kindee.widgets.categories.enabled -%}
4
+ {%- include widgets/categories.html -%}
5
+ {%- endif -%}
6
+ <!-- Widget: tags -->
7
+ {%- if site.kindee.widgets.tags.enabled -%}
8
+ {%- include widgets/tags.html -%}
9
+ {%- endif -%}
10
+ <!-- Widget: recent_posts -->
11
+ {%- if site.kindee.widgets.recent_posts.enabled -%}
12
+ {%- include widgets/recent_posts.html -%}
13
+ {%- endif -%}
14
+ </div>
@@ -0,0 +1,20 @@
1
+ <section class="card widget">
2
+ <div class="card-content">
3
+ <h2>Categories</h2>
4
+ <ul>
5
+ {% assign site_categories = site.categories | sort %}
6
+ {% if site_categories.first[0] == nil %}
7
+ {% for category in site_categories %}
8
+ <li><a href="{{ '/categories.html' }}#{{ category | downcase | url_escape | strip | replace: ' ', '-' }}">{{ category |
9
+ camelcase }} ({{ site.tags[category].size }})</a></li>
10
+ {% endfor %}
11
+ {% else %}
12
+ {% for category in site_categories %}
13
+ <li><a href="{{ '/categories.html' }}#{{ category[0] | downcase | url_escape | strip | replace: ' ', '-' }}">{{ category[0] |
14
+ camelcase }} ({{ category[1].size }})</a></li>
15
+ {% endfor %}
16
+ {% endif %}
17
+ {% assign site_categories = nil %}
18
+ </ul>
19
+ </div>
20
+ </section>
@@ -0,0 +1,10 @@
1
+ <section class="card widget">
2
+ <div class="card-content">
3
+ <h2>Recent Posts</h2>
4
+ <ul>
5
+ {%- for post in site.posts limit: 3 -%}
6
+ <li><a href="{{ post.url }}">{{ post.title | escape }}</a></li>
7
+ {%- endfor -%}
8
+ </ul>
9
+ </div>
10
+ </section>
@@ -0,0 +1,12 @@
1
+ <section class="card widget">
2
+ <div class="card-content">
3
+ <h2>Tags</h2>
4
+ <div class="tags">
5
+ {%- for tag in site.tags -%}
6
+ <a href="{{ '/tags.html' }}#{{ tag[0] | downcase | url_escape | strip | replace: ' ', '-' }}">
7
+ <span class="tag">{{ tag[0] | camelcase }}</span>
8
+ </a>
9
+ {%- endfor -%}
10
+ </div>
11
+ </div>
12
+ </section>
@@ -0,0 +1,31 @@
1
+ ---
2
+ layout: page
3
+ ---
4
+
5
+ {% for post in site.posts %}
6
+ {% capture year %}{{ post.date | date: "%Y" }}{% endcapture %}
7
+ {% capture month %}{{ post.date | date: "%B" }}{% endcapture %}
8
+ {% capture iYear %}{{ post.previous.date | date: "%Y" }}{% endcapture %}
9
+ {% capture iMonth %}{{ post.previous.date | date: "%B" }}{% endcapture %}
10
+
11
+ {% if forloop.first %}
12
+ <h4>Year {{ iYear }}</h4>
13
+ <ul>
14
+ {% endif %}
15
+ <li>
16
+ <a href="{{ post.url }}">
17
+ <time datetime="{{ post.date | date_to_xmlschema }}" itemprop="datePublished">{{ post.date | date:
18
+ site.kindee.date_format }}</time> ~> <span>{{ post.title }}</span>
19
+ </a>
20
+ </li>
21
+
22
+ {% if forloop.last %}
23
+ </ul>
24
+ {% else %}
25
+ {% if year != iYear %}
26
+ </ul>
27
+ <h4>Year {{ iYear }}</h4>
28
+ <ul>
29
+ {% endif %}
30
+ {% endif %}
31
+ {% endfor %}
@@ -0,0 +1,22 @@
1
+ ---
2
+ layout: page
3
+ ---
4
+
5
+ {%- assign all_categories = site.categories | sort -%}
6
+ {% for category in all_categories %}
7
+ {%- assign category_name = category[0] -%}
8
+ <h3 id="{{ category_name | slugify }}">
9
+ <a href="{{ page.url }}#{{ category_name | slugify }}">{{ category_name | uri_escape | camelcase }}</a>
10
+ </h3>
11
+ <ul>
12
+ {% assign posts = category[1] %}
13
+ {% for post in posts %}
14
+ <li>
15
+ <a href="{{ post.url }}">
16
+ <time datetime="{{ post.date | date_to_xmlschema }}" itemprop="datePublished">{{ post.date | date:
17
+ site.kindee.date_format }}</time> ~> <span>{{ post.title }}</span>
18
+ </a>
19
+ </li>
20
+ {% endfor %}
21
+ </ul>
22
+ {% endfor %}
@@ -2,14 +2,32 @@
2
2
  <html lang="zh">
3
3
 
4
4
  {%- include head.html -%}
5
- <body>
6
- <div class="wrapper">
7
- {%- include header.html -%}
8
- <main class="site-body clearfix">
9
- {{ content }}
5
+
6
+ <body class="site">
7
+ <header id="site-header">
8
+ <!-- <div class="container"> -->
9
+ {%- include header.html -%}
10
+ <!-- </div> -->
11
+ </header>
12
+ <div id="site-body">
13
+ <!-- <div class="container"> -->
14
+ <div class="site-body-content container">
15
+ <main id="site-main">
16
+ {{content}}
10
17
  </main>
11
- {%- include footer.html -%}
12
- </div>
18
+ {%- if site.kindee.sidebar.enabled -%}
19
+ <aside id="site-sidebar">
20
+ {%- include sidebar.html -%}
21
+ </aside>
22
+ {%- endif -%}
23
+ </div>
24
+ <!-- </div> -->
25
+ </div>
26
+ <footer id="site-footer">
27
+ <!-- <div class="container"> -->
28
+ {%- include footer.html -%}
29
+ <!-- </div> -->
30
+ </footer>
13
31
  </body>
14
32
 
15
- </html>
33
+ </html>
data/_layouts/home.html CHANGED
@@ -2,21 +2,37 @@
2
2
  layout: default
3
3
  ---
4
4
 
5
- <div class="site-body-content layout-home">
6
- {%- for post in site.posts -%}
7
- <article class="article-module">
5
+ <!-- Home page, blogpost breviary list -->
6
+ <div class="site-main-content">
7
+ {%- for post in site.posts -%}
8
+ <section class="card blogpost-excerpt">
9
+ <article class="card-content">
8
10
  <header>
9
11
  <h2><a href="{{ post.url }}">{{ post.title | escape }}</a></h2>
10
12
  <time>{{ post.date | date: site.kindee.date_format }}</time>
11
- </header>
12
- <article>
13
+ </header>
14
+ <main>
13
15
  {{ post.excerpt }}
14
- </article>
15
- <footer>
16
- <span><i class="fa fa-folder" aria-hidden="true"></i>:{{ post.categories }}</span>
17
- <span><i class="fa fa-tags" aria-hidden="true"></i>:{{ post.tags }}</span>
18
- </footer>
16
+ </main>
17
+ <footer>
18
+ <div class="blogpost-meta">
19
+ <i class="fa fa-folder" aria-hidden="true"></i>
20
+ <div class="categories">
21
+ {%- for category in post.categories -%}
22
+ <span class="category">{{category}}</span>
23
+ {%- endfor -%}
24
+ </div>
25
+ </div>
26
+ <div class="blogpost-meta">
27
+ <i class="fa fa-tags" aria-hidden="true"></i>
28
+ <div class="tags">
29
+ {%- for tag in post.tags -%}
30
+ <span class="tag">{{tag}}</span>
31
+ {%- endfor -%}
32
+ </div>
33
+ </div>
34
+ </footer>
19
35
  </article>
20
- {%- endfor -%}
36
+ </section>
37
+ {%- endfor -%}
21
38
  </div>
22
- {%- include aside.html -%}
data/_layouts/page.html CHANGED
@@ -2,13 +2,15 @@
2
2
  layout: default
3
3
  ---
4
4
 
5
- <div class="site-body-content layout-page">
6
- <article class="singlepage">
7
- <header class="singlepage-header">
8
- <h1 class="singlepage-title">{{ page.title }}</h1>
9
- </header>
10
- <div class="singlepage-content">
11
- {{ content }}
12
- </div>
13
- </article>
14
- </div>
5
+ <div class="site-main-content">
6
+ <section class="card singleton">
7
+ <div class="card-content">
8
+ <header class="singleton-header">
9
+ <h1 class="singleton-title">{{ page.title }}</h1>
10
+ </header>
11
+ <div class="singleton-content">
12
+ {{ content }}
13
+ </div>
14
+ </div>
15
+ </section>
16
+ </div>
data/_layouts/post.html CHANGED
@@ -2,19 +2,26 @@
2
2
  layout: default
3
3
  ---
4
4
 
5
- <div class="site-body-content layout-post">
6
- <article class="blogpost" itemscope itemtype="http://schema.org/BlogPosting">
7
- <header class="blogpost-header">
8
- <h2 class="blogpost-title" itemprop="name headline">{{ page.title }}</h2>
9
- <div class="blogpost-meta">
10
- <time datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished">
11
- {{ page.date | date: site.kindee.date_format }}
12
- </time>
13
- </div>
14
- </header>
15
- <div class="blogpost-content" itemprop="articleBody">
16
- {{ content }}
5
+ <!-- Blogpost page -->
6
+ <div class="site-main-content">
7
+ <!-- Blogpost details -->
8
+ <section class="card blogpost" itemscope itemtype="http://schema.org/BlogPosting">
9
+ <article class="card-content">
10
+ <header class="blogpost-header">
11
+ <h2 class="blogpost-title" itemprop="name headline">{{ page.title }}</h2>
12
+ <div class="blogpost-meta">
13
+ <time datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished">
14
+ {{ page.date | date: site.kindee.date_format }}
15
+ </time>
17
16
  </div>
17
+ </header>
18
+ <div class="blogpost-content" itemprop="articleBody">
19
+ {{ content }}
20
+ </div>
18
21
  </article>
22
+ </section>
23
+ <!-- TODO: Prev/Next buttons -->
24
+ <!-- TODO: Creative Commons -->
25
+ <!-- TODO: Donate -->
26
+ <!-- TODO: Comments -->
19
27
  </div>
20
- {%- include aside.html -%}
@@ -0,0 +1,22 @@
1
+ ---
2
+ layout: page
3
+ ---
4
+
5
+ {%- assign all_tags = site.tags | sort -%}
6
+ {% for tag in all_tags %}
7
+ {%- assign tag_name = tag[0] -%}
8
+ <h3 id="{{ tag_name | slugify }}">
9
+ <a href="{{ page.url }}#{{ tag_name | slugify }}">{{ tag_name | camelcase }}</a>
10
+ </h3>
11
+ <ul>
12
+ {% assign posts = tag[1] %}
13
+ {% for post in posts %}
14
+ <li>
15
+ <a href="{{ post.url }}">
16
+ <time datetime="{{ post.date | date_to_xmlschema }}" itemprop="datePublished">{{ post.date | date:
17
+ site.kindee.date_format }}</time> ~> {{ post.title }}
18
+ </a>
19
+ </li>
20
+ {% endfor %}
21
+ </ul>
22
+ {% endfor %}
@@ -0,0 +1,45 @@
1
+ html {
2
+ box-sizing: border-box;
3
+ }
4
+
5
+ body {
6
+ // background: $background;
7
+ background:url(/assets/images/background.jpg) repeat;
8
+ font-family: $font-family;
9
+ font-size: $font-size;
10
+ line-height: $line-height;
11
+ }
12
+
13
+ h1,
14
+ h2,
15
+ h3,
16
+ h4,
17
+ h5,
18
+ h6 {
19
+ font-weight: 400;
20
+ }
21
+
22
+ a {
23
+ cursor: pointer;
24
+ color: inherit;
25
+ text-decoration: none;
26
+
27
+ &:hover {
28
+ color: blue;
29
+ }
30
+ }
31
+
32
+ img {
33
+ max-width: 100%;
34
+ display: block;
35
+ margin: 0 auto;
36
+ padding: 10px 30px;
37
+ box-sizing: border-box;
38
+ }
39
+
40
+ // code snippets
41
+ pre {
42
+ padding: 8px;
43
+ overflow: hidden;
44
+ max-height: 400px;
45
+ }
@@ -0,0 +1 @@
1
+ @import "components/card";
@@ -0,0 +1,10 @@
1
+ @import "core/layout";
2
+ @import "core/header";
3
+ @import "core/footer";
4
+ @import "core/main";
5
+ @import "core/sidebar";
6
+
7
+ @import "core/blogpost-excerpt";
8
+ @import "core/blogpost";
9
+ @import "core/widget";
10
+ @import "core/singleton";
@@ -0,0 +1,4 @@
1
+ // ==========================================================================
2
+ // Functions
3
+ // ==========================================================================
4
+
@@ -0,0 +1,33 @@
1
+ // ==========================================================================
2
+ // Mixins
3
+ // ==========================================================================
4
+ @mixin sidebar($enabled, $aside) {
5
+ @if (not $enabled) {
6
+ display: none;
7
+ }
8
+
9
+ @else if ($aside=='left') {
10
+ order: -1;
11
+ // margin-right: 15px;
12
+ }
13
+
14
+ @else {
15
+ // margin-left: 15px;
16
+ }
17
+ }
18
+
19
+ @mixin chip() {
20
+ margin: 3px;
21
+ padding: 3px 5px;
22
+ border-radius: 5px;
23
+ font-size: 12px;
24
+ background: rgba(197, 209, 207, 0.5);
25
+ }
26
+
27
+ @mixin trim() {
28
+ margin-top: 10px;
29
+
30
+ &:first-child {
31
+ margin-top: 0;
32
+ }
33
+ }