jekyll-theme-kindee-simple 0.1.6 → 0.1.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
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
+ }