jekyll-theme-mdui 0.2.3 → 0.2.4

Sign up to get free protection for your applications and to get access to all the features.
Files changed (32) hide show
  1. checksums.yaml +4 -4
  2. data/LICENSE.txt +21 -21
  3. data/README.md +243 -229
  4. data/_includes/analytics.html +7 -7
  5. data/_includes/disqus.html +11 -11
  6. data/_includes/footer.html +27 -27
  7. data/_includes/head.html +35 -32
  8. data/_includes/header.html +21 -21
  9. data/_includes/main.html +6 -6
  10. data/_includes/note.html +5 -5
  11. data/_includes/script.html +256 -256
  12. data/_includes/test.html +189 -189
  13. data/_includes/tips.html +5 -5
  14. data/_includes/toc.html +2 -2
  15. data/_includes/warn.html +5 -5
  16. data/_layouts/category.html +25 -25
  17. data/_layouts/compress.html +9 -9
  18. data/_layouts/default.html +18 -18
  19. data/_layouts/editor.html +69 -69
  20. data/_layouts/friends.html +20 -20
  21. data/_layouts/home.html +50 -50
  22. data/_layouts/page.html +28 -28
  23. data/_layouts/post.html +31 -31
  24. data/_layouts/search.html +14 -14
  25. data/_layouts/tags.html +33 -33
  26. data/assets/css/main.css +238 -238
  27. data/assets/css/pickerdata.css +737 -737
  28. data/assets/js/chips.js +1 -1
  29. data/assets/js/jquery.typeahead.min.js +10 -10
  30. data/assets/js/pickerdata.js +8 -8
  31. data/assets/js/pushpin.js +1 -1
  32. metadata +3 -3
data/_layouts/compress.html CHANGED
@@ -1,10 +1,10 @@
1
- ---
2
- # Jekyll layout that compresses HTML
3
- # v3.0.2
4
- # http://jch.penibelst.de/
5
- # © 2014–2015 Anatol Broder
6
- # MIT License
7
- ---
8
-
9
- {% capture _LINE_FEED %}
1
+ ---
2
+ # Jekyll layout that compresses HTML
3
+ # v3.0.2
4
+ # http://jch.penibelst.de/
5
+ # © 2014–2015 Anatol Broder
6
+ # MIT License
7
+ ---
8
+
9
+ {% capture _LINE_FEED %}
10
10
  {% endcapture %}{% if site.compress_html.ignore.envs contains jekyll.environment %}{{ content }}{% else %}{% capture _content %}{{ content }}{% endcapture %}{% assign _profile = site.compress_html.profile %}{% if site.compress_html.endings == "all" %}{% assign _endings = "html head body li dt dd p rt rp optgroup option colgroup caption thead tbody tfoot tr td th" | split: " " %}{% else %}{% assign _endings = site.compress_html.endings %}{% endif %}{% for _element in _endings %}{% capture _end %}</{{ _element }}>{% endcapture %}{% assign _content = _content | remove: _end %}{% endfor %}{% if _profile and _endings %}{% assign _profile_endings = _content | size | plus: 1 %}{% endif %}{% for _element in site.compress_html.startings %}{% capture _start %}<{{ _element }}>{% endcapture %}{% assign _content = _content | remove: _start %}{% endfor %}{% if _profile and site.compress_html.startings %}{% assign _profile_startings = _content | size | plus: 1 %}{% endif %}{% if site.compress_html.comments == "all" %}{% assign _comments = "<!-- -->" | split: " " %}{% else %}{% assign _comments = site.compress_html.comments %}{% endif %}{% if _comments.size == 2 %}{% capture _comment_befores %}.{{ _content }}{% endcapture %}{% assign _comment_befores = _comment_befores | split: _comments.first %}{% for _comment_before in _comment_befores %}{% if forloop.first %}{% continue %}{% endif %}{% capture _comment_outside %}{% if _carry %}{{ _comments.first }}{% endif %}{{ _comment_before }}{% endcapture %}{% capture _comment %}{% unless _carry %}{{ _comments.first }}{% endunless %}{{ _comment_outside | split: _comments.last | first }}{% if _comment_outside contains _comments.last %}{{ _comments.last }}{% assign _carry = false %}{% else %}{% assign _carry = true %}{% endif %}{% endcapture %}{% assign _content = _content | remove_first: _comment %}{% endfor %}{% if _profile %}{% assign _profile_comments = _content | size | plus: 1 %}{% endif %}{% endif %}{% assign _pre_befores = _content | split: "<pre" %}{% assign _content = "" %}{% for _pre_before in _pre_befores %}{% assign _pres = _pre_before | split: "</pre>" %}{% assign _pres_after = "" %}{% if _pres.size != 0 %}{% if site.compress_html.blanklines %}{% assign _lines = _pres.last | split: _LINE_FEED %}{% capture _pres_after %}{% for _line in _lines %}{% assign _trimmed = _line | split: " " | join: " " %}{% if _trimmed != empty or forloop.last %}{% unless forloop.first %}{{ _LINE_FEED }}{% endunless %}{{ _line }}{% endif %}{% endfor %}{% endcapture %}{% else %}{% assign _pres_after = _pres.last | split: " " | join: " " %}{% endif %}{% endif %}{% capture _content %}{{ _content }}{% if _pre_before contains "</pre>" %}<pre{{ _pres.first }}</pre>{% endif %}{% unless _pre_before contains "</pre>" and _pres.size == 1 %}{{ _pres_after }}{% endunless %}{% endcapture %}{% endfor %}{% if _profile %}{% assign _profile_collapse = _content | size | plus: 1 %}{% endif %}{% if site.compress_html.clippings == "all" %}{% assign _clippings = "html head title base link meta style body article section nav aside h1 h2 h3 h4 h5 h6 hgroup header footer address p hr blockquote ol ul li dl dt dd figure figcaption main div table caption colgroup col tbody thead tfoot tr td th" | split: " " %}{% else %}{% assign _clippings = site.compress_html.clippings %}{% endif %}{% for _element in _clippings %}{% assign _edges = " <e;<e; </e>;</e>;</e> ;</e>" | replace: "e", _element | split: ";" %}{% assign _content = _content | replace: _edges[0], _edges[1] | replace: _edges[2], _edges[3] | replace: _edges[4], _edges[5] %}{% endfor %}{% if _profile and _clippings %}{% assign _profile_clippings = _content | size | plus: 1 %}{% endif %}{{ _content }}{% if _profile %} <table id="compress_html_profile_{{ site.time | date: "%Y%m%d" }}" class="compress_html_profile"> <thead> <tr> <td>Step <td>Bytes <tbody> <tr> <td>raw <td>{{ content | size }}{% if _profile_endings %} <tr> <td>endings <td>{{ _profile_endings }}{% endif %}{% if _profile_startings %} <tr> <td>startings <td>{{ _profile_startings }}{% endif %}{% if _profile_comments %} <tr> <td>comments <td>{{ _profile_comments }}{% endif %}{% if _profile_collapse %} <tr> <td>collapse <td>{{ _profile_collapse }}{% endif %}{% if _profile_clippings %} <tr> <td>clippings <td>{{ _profile_clippings }}{% endif %} </table>{% endif %}{% endif %}
data/_layouts/default.html CHANGED
@@ -1,19 +1,19 @@
1
- ---
2
- layout: compress
3
- ---
4
- <!DOCTYPE html>
5
- <html lang="{{site.lang}}">
6
- {% include head.html %}
7
- <body class="mdui-appbar-with-toolbar mdui-theme-primary-white mdui-theme-accent-blue">
8
- {% include header.html %}
9
- {% include main.html %}
10
- {% include footer.html %}
11
- {% include script.html %}
12
- {% if site.google_analytics != "" %}
13
- {% include analytics.html %}
14
- {% endif %}
15
- {% if site.disqus_proxy %}
16
- {% include test.html %}
17
- {% endif %}
18
- </body>
1
+ ---
2
+ layout: compress
3
+ ---
4
+ <!DOCTYPE html>
5
+ <html lang="{{site.lang}}">
6
+ {% include head.html %}
7
+ <body class="mdui-appbar-with-toolbar mdui-theme-primary-white mdui-theme-accent-blue">
8
+ {% include header.html %}
9
+ {% include main.html %}
10
+ {% include footer.html %}
11
+ {% include script.html %}
12
+ {% if site.google_analytics != "" %}
13
+ {% include analytics.html %}
14
+ {% endif %}
15
+ {% if site.disqus_proxy %}
16
+ {% include test.html %}
17
+ {% endif %}
18
+ </body>
19
19
  </html>
data/_layouts/editor.html CHANGED
@@ -1,69 +1,69 @@
1
- ---
2
- layout: default
3
- ---
4
- <div class="mdui-container k-editorcontainer">
5
- <div class="k-posts-list"></div>
6
- <h3>Title</h3>
7
- <div class="mdui-textfield">
8
- <input class="mdui-textfield-input" type="text" name=title maxlength="100"/>
9
- </div>
10
- <h3>Date</h3>
11
- <div class="mdui-textfield">
12
- <input class="mdui-textfield-input datepicker" name="date" type="date"/>
13
- </div>
14
- {% capture categories %}
15
- {% for c in site.categories %}
16
- {{c[0]}}
17
- {% endfor %}
18
- {% endcapture %}
19
- {% assign sortedcategories = categories | split:' ' | sort %}
20
- <h3>Categories</h3>
21
- <div class="mdui-row-md-4">
22
- {% for c in sortedcategories %}
23
- <div class="mdui-col">
24
- <label class="mdui-radio">
25
- <input type="radio" value="{{c}}" name="group1"/>
26
- <i class="mdui-radio-icon"></i>
27
- {{c}}
28
- </label>
29
- </div>
30
- {% endfor %}
31
- <div class="mdui-col">
32
- <label id="radio_custom" class="mdui-radio mdui-float-left">
33
- <input type="radio" value="radio_custom" name="group1"/>
34
- <i class="mdui-radio-icon"></i>
35
- </label>
36
- <div style="padding-top: 0px;" class="mdui-textfield">
37
- <input class="mdui-textfield-input" name="radio_custom" type="text" placeholder="categories"/>
38
- </div>
39
- </div>
40
- </div>
41
- <h3>Tags</h3>
42
- {% capture tags %}
43
- {% for t in site.tags %}
44
- {{t[0]}}
45
- {% endfor %}
46
- {% endcapture %}
47
-
48
- {% assign sortedtags = tags | split:' ' | sort %}
49
-
50
- {% for t in sortedtags %}
51
-
52
- {% endfor %}
53
-
54
- <div class="chips chips-initial"></div>
55
- <h3>Image</h3>
56
- <div class="mdui-textfield">
57
- <input name="img" id="imgurl" class="mdui-textfield-input" type="text" placeholder="ImgUrl"/>
58
- </div>
59
- <img id="img" style="max-height:300px;" class="mdui-center" src="" alt="">
60
- <h3>Content</h3>
61
- <div class="mdui-textfield" style="z-index: 9999;">
62
- <textarea class="mdui-textfield-input" placeholder="Description"></textarea>
63
- </div>
64
- <button class="mdui-btn mdui-btn-block" id="create">Create file</button>
65
- <a class="mdui-btn" download="info.markdown" id="downloadlink" style="display: none">Download</a>
66
- </div>
67
-
68
-
69
-
1
+ ---
2
+ layout: default
3
+ ---
4
+ <div class="mdui-container k-editorcontainer">
5
+ <div class="k-posts-list"></div>
6
+ <h3>Title</h3>
7
+ <div class="mdui-textfield">
8
+ <input class="mdui-textfield-input" type="text" name=title maxlength="100"/>
9
+ </div>
10
+ <h3>Date</h3>
11
+ <div class="mdui-textfield">
12
+ <input class="mdui-textfield-input datepicker" name="date" type="date"/>
13
+ </div>
14
+ {% capture categories %}
15
+ {% for c in site.categories %}
16
+ {{c[0]}}
17
+ {% endfor %}
18
+ {% endcapture %}
19
+ {% assign sortedcategories = categories | split:' ' | sort %}
20
+ <h3>Categories</h3>
21
+ <div class="mdui-row-md-4">
22
+ {% for c in sortedcategories %}
23
+ <div class="mdui-col">
24
+ <label class="mdui-radio">
25
+ <input type="radio" value="{{c}}" name="group1"/>
26
+ <i class="mdui-radio-icon"></i>
27
+ {{c}}
28
+ </label>
29
+ </div>
30
+ {% endfor %}
31
+ <div class="mdui-col">
32
+ <label id="radio_custom" class="mdui-radio mdui-float-left">
33
+ <input type="radio" value="radio_custom" name="group1"/>
34
+ <i class="mdui-radio-icon"></i>
35
+ </label>
36
+ <div style="padding-top: 0px;" class="mdui-textfield">
37
+ <input class="mdui-textfield-input" name="radio_custom" type="text" placeholder="categories"/>
38
+ </div>
39
+ </div>
40
+ </div>
41
+ <h3>Tags</h3>
42
+ {% capture tags %}
43
+ {% for t in site.tags %}
44
+ {{t[0]}}
45
+ {% endfor %}
46
+ {% endcapture %}
47
+
48
+ {% assign sortedtags = tags | split:' ' | sort %}
49
+
50
+ {% for t in sortedtags %}
51
+
52
+ {% endfor %}
53
+
54
+ <div class="chips chips-initial"></div>
55
+ <h3>Image</h3>
56
+ <div class="mdui-textfield">
57
+ <input name="img" id="imgurl" class="mdui-textfield-input" type="text" placeholder="ImgUrl"/>
58
+ </div>
59
+ <img id="img" style="max-height:300px;" class="mdui-center" src="" alt="">
60
+ <h3>Content</h3>
61
+ <div class="mdui-textfield" style="z-index: 9999;">
62
+ <textarea class="mdui-textfield-input" placeholder="Description"></textarea>
63
+ </div>
64
+ <button class="mdui-btn mdui-btn-block" id="create">Create file</button>
65
+ <a class="mdui-btn" download="info.markdown" id="downloadlink" style="display: none">Download</a>
66
+ </div>
67
+
68
+
69
+
data/_layouts/friends.html CHANGED
@@ -1,21 +1,21 @@
1
- ---
2
- layout: default
3
- ---
4
- <div class="mdui-container">
5
- <div class="mdui-row-sm-4">
6
- {% for f in site.data.friends %}
7
- <div class="mdui-col">
8
- <a class="k-friend" href="{{f.url}}" target="_blank">
9
- <div class="mdui-card mdui-hoverable">
10
- <div class="mdui-card-header">
11
- <img class="mdui-card-header-avatar" src="{{f.image}}" />
12
- <div class="mdui-card-header-title">{{f.name}}</div>
13
- <div class="mdui-card-header-subtitle">{{f.describe}}</div>
14
- </div>
15
- </div>
16
- </a>
17
- <br>
18
- </div>
19
- {% endfor %}
20
- </div>
1
+ ---
2
+ layout: default
3
+ ---
4
+ <div class="mdui-container">
5
+ <div class="mdui-row-sm-4">
6
+ {% for f in site.data.friends %}
7
+ <div class="mdui-col">
8
+ <a class="k-friend" href="{{f.url}}" target="_blank">
9
+ <div class="mdui-card mdui-hoverable">
10
+ <div class="mdui-card-header">
11
+ <img class="mdui-card-header-avatar" src="{{f.image}}" />
12
+ <div class="mdui-card-header-title">{{f.name}}</div>
13
+ <div class="mdui-card-header-subtitle">{{f.describe}}</div>
14
+ </div>
15
+ </div>
16
+ </a>
17
+ <br>
18
+ </div>
19
+ {% endfor %}
20
+ </div>
21
21
  </div>
data/_layouts/home.html CHANGED
@@ -1,51 +1,51 @@
1
- ---
2
- layout: default
3
- ---
4
- <div class="k-container">
5
- <div class="k-posts-list">
6
- {% for post in paginator.posts %}
7
- <div class="mdui-card k-list-card mdui-shadow-1">
8
- <div class="mdui-card-media k-post-media" style="background-image: url({{post.img}});">
9
- <div class="mdui-card-media-covered mdui-card-media-covered-gradient">
10
- <div class="mdui-card-primary">
11
- <div class="mdui-card-primary-title"><a class="mdui-text-color-white-text" href="{{post.url}}">{{post.title}}</a></div>
12
- </div>
13
- </div>
14
- </div>
15
- <div class="mdui-card-content mdui-text-color-black-secondary">
16
- {{ post.excerpt | strip_html}} <a class="mdui-typo" href="{{post.url}}">阅读更多</a>
17
- </div>
18
- <div class="mdui-divider"></div>
19
- <div class="mdui-card-header">
20
- <img class="mdui-card-header-avatar" src="{{site.avatar}}" />
21
- <div class="mdui-card-header-title">{{site.author}}</div>
22
- <div class="mdui-card-header-subtitle">{{ post.date | date: "%b %-d, %Y" }}</div>
23
- </div>
24
- </div>
25
- {% endfor %}
26
- </div>
27
- {% if paginator.total_pages > 1 %}
28
- <div class="mdui-row-xs-3">
29
- <div class="mdui-col">
30
- {% if paginator.previous_page %}
31
- <a href="{{ paginator.previous_page_path | prepend: site.baseurl | replace: '//', '/' }}" class="mdui-btn mdui-btn-icon "><i class="mdui-icon material-icons">arrow_back</i></a>
32
- {% else %}
33
- <button disabled class="mdui-btn mdui-btn-icon "><i class="mdui-icon material-icons">arrow_back</i></button>
34
- {% endif%}
35
- </div>
36
-
37
- <div class="mdui-col mdui-text-center">
38
- <p style="width:100%">{{paginator.page}}/{{paginator.total_pages}}</p>
39
- </div>
40
-
41
- <div class="mdui-col">
42
- {% if paginator.next_page %}
43
- <a href="{{ paginator.next_page_path | prepend: site.baseurl | replace: '//', '/' }}" class="mdui-btn mdui-btn-icon mdui-float-right"><i class="mdui-icon material-icons">arrow_forward</i></a>
44
- {% else %}
45
- <button disabled class="mdui-btn mdui-btn-icon mdui-float-right"><i class="mdui-icon material-icons">arrow_forward</i></button>
46
- {% endif %}
47
- </div>
48
-
49
- </div>
50
- </div>
1
+ ---
2
+ layout: default
3
+ ---
4
+ <div class="k-container">
5
+ <div class="k-posts-list">
6
+ {% for post in paginator.posts %}
7
+ <div class="mdui-card k-list-card mdui-shadow-1">
8
+ <div class="mdui-card-media k-post-media" style="background-image: url({{post.img}});">
9
+ <div class="mdui-card-media-covered mdui-card-media-covered-gradient">
10
+ <div class="mdui-card-primary">
11
+ <div class="mdui-card-primary-title"><a class="mdui-text-color-white-text" href="{{post.url}}">{{post.title}}</a></div>
12
+ </div>
13
+ </div>
14
+ </div>
15
+ <div class="mdui-card-content mdui-text-color-black-secondary">
16
+ {{ post.excerpt | strip_html}} <a class="mdui-typo" href="{{post.url}}">阅读更多</a>
17
+ </div>
18
+ <div class="mdui-divider"></div>
19
+ <div class="mdui-card-header">
20
+ <img class="mdui-card-header-avatar" src="{{site.avatar}}" />
21
+ <div class="mdui-card-header-title">{{site.author}}</div>
22
+ <div class="mdui-card-header-subtitle">{{ post.date | date: "%b %-d, %Y" }}</div>
23
+ </div>
24
+ </div>
25
+ {% endfor %}
26
+ </div>
27
+ {% if paginator.total_pages > 1 %}
28
+ <div class="mdui-row-xs-3">
29
+ <div class="mdui-col">
30
+ {% if paginator.previous_page %}
31
+ <a href="{{ paginator.previous_page_path | prepend: site.baseurl | replace: '//', '/' }}" class="mdui-btn mdui-btn-icon "><i class="mdui-icon material-icons">arrow_back</i></a>
32
+ {% else %}
33
+ <button disabled class="mdui-btn mdui-btn-icon "><i class="mdui-icon material-icons">arrow_back</i></button>
34
+ {% endif%}
35
+ </div>
36
+
37
+ <div class="mdui-col mdui-text-center">
38
+ <p style="width:100%">{{paginator.page}}/{{paginator.total_pages}}</p>
39
+ </div>
40
+
41
+ <div class="mdui-col">
42
+ {% if paginator.next_page %}
43
+ <a href="{{ paginator.next_page_path | prepend: site.baseurl | replace: '//', '/' }}" class="mdui-btn mdui-btn-icon mdui-float-right"><i class="mdui-icon material-icons">arrow_forward</i></a>
44
+ {% else %}
45
+ <button disabled class="mdui-btn mdui-btn-icon mdui-float-right"><i class="mdui-icon material-icons">arrow_forward</i></button>
46
+ {% endif %}
47
+ </div>
48
+
49
+ </div>
50
+ </div>
51
51
  {% endif %}
data/_layouts/page.html CHANGED
@@ -1,29 +1,29 @@
1
- ---
2
- layout: default
3
- ---
4
- <div class="mdui-container">
5
- <div class="k-posts-list"></div>
6
- <div class="mdui-row">
7
- <div class="mdui-col-sm-12 k-page-col mdui-col-md-12">
8
- <div class="mdui-card">
9
- <div class="mdui-card-media k-post-media" style="background-image: url({{page.img}});">
10
- <div class="mdui-card-media-covered mdui-card-media-covered-gradient">
11
- <div class="mdui-card-primary">
12
- <div class="mdui-card-primary-title"><a class="mdui-text-color-white-text" href="{{post.url}}">{{page.title}}</a></div>
13
- </div>
14
- </div>
15
- </div>
16
- <div class="mdui-card-header">
17
- <img class="mdui-card-header-avatar" src="{{site.avatar}}" />
18
- <div class="mdui-card-header-title">{{site.author}}</div>
19
- <div class="mdui-card-header-subtitle">{{ page.date | date: "%b %-d, %Y" }}</div>
20
- </div>
21
- <div class="mdui-card-content mdui-typo">
22
- {{ content }}
23
- </div>
24
- {% include disqus.html %}
25
- </div>
26
- </div>
27
- </div>
28
- <br>
1
+ ---
2
+ layout: default
3
+ ---
4
+ <div class="mdui-container">
5
+ <div class="k-posts-list"></div>
6
+ <div class="mdui-row">
7
+ <div class="mdui-col-sm-12 k-page-col mdui-col-md-12">
8
+ <div class="mdui-card">
9
+ <div class="mdui-card-media k-post-media" style="background-image: url({{page.img}});">
10
+ <div class="mdui-card-media-covered mdui-card-media-covered-gradient">
11
+ <div class="mdui-card-primary">
12
+ <div class="mdui-card-primary-title"><a class="mdui-text-color-white-text" href="{{post.url}}">{{page.title}}</a></div>
13
+ </div>
14
+ </div>
15
+ </div>
16
+ <div class="mdui-card-header">
17
+ <img class="mdui-card-header-avatar" src="{{site.avatar}}" />
18
+ <div class="mdui-card-header-title">{{site.author}}</div>
19
+ <div class="mdui-card-header-subtitle">{{ page.date | date: "%b %-d, %Y" }}</div>
20
+ </div>
21
+ <div class="mdui-card-content mdui-typo">
22
+ {{ content }}
23
+ </div>
24
+ {% include disqus.html %}
25
+ </div>
26
+ </div>
27
+ </div>
28
+ <br>
29
29
  </div>
data/_layouts/post.html CHANGED
@@ -1,32 +1,32 @@
1
- ---
2
- layout: default
3
- ---
4
- <div class="mdui-container">
5
- <div class="k-posts-list"></div>
6
- <div class="mdui-row">
7
- <div class="mdui-col-sm-12 k-page-col mdui-col-md-9">
8
- <div class="mdui-card">
9
- <div class="mdui-card-media k-post-media" style="background-image: url({{page.img}});">
10
- <div class="mdui-card-media-covered mdui-card-media-covered-gradient">
11
- <div class="mdui-card-primary">
12
- <div class="mdui-card-primary-title"><a class="mdui-text-color-white-text" href="{{post.url}}">{{page.title}}</a></div>
13
- </div>
14
- </div>
15
- </div>
16
- <div class="mdui-card-header">
17
- <img class="mdui-card-header-avatar" src="{{site.avatar}}" />
18
- <div class="mdui-card-header-title">{{site.author}}</div>
19
- <div class="mdui-card-header-subtitle">{{ page.date | date: "%b %-d, %Y" }}</div>
20
- </div>
21
- <div class="mdui-card-content mdui-typo">
22
- {{ content }}
23
- </div>
24
- {% include disqus.html %}
25
- </div>
26
- </div>
27
- <div class="mdui-col-md-3 mdui-hidden-sm-down">
28
- {% include toc.html %}
29
- </div>
30
- </div>
31
- <br>
1
+ ---
2
+ layout: default
3
+ ---
4
+ <div class="mdui-container">
5
+ <div class="k-posts-list"></div>
6
+ <div class="mdui-row">
7
+ <div class="mdui-col-sm-12 k-page-col mdui-col-md-9">
8
+ <div class="mdui-card">
9
+ <div class="mdui-card-media k-post-media" style="background-image: url({{page.img}});">
10
+ <div class="mdui-card-media-covered mdui-card-media-covered-gradient">
11
+ <div class="mdui-card-primary">
12
+ <div class="mdui-card-primary-title"><a class="mdui-text-color-white-text" href="{{post.url}}">{{page.title}}</a></div>
13
+ </div>
14
+ </div>
15
+ </div>
16
+ <div class="mdui-card-header">
17
+ <img class="mdui-card-header-avatar" src="{{site.avatar}}" />
18
+ <div class="mdui-card-header-title">{{site.author}}</div>
19
+ <div class="mdui-card-header-subtitle">{{ page.date | date: "%b %-d, %Y" }}</div>
20
+ </div>
21
+ <div class="mdui-card-content mdui-typo">
22
+ {{ content }}
23
+ </div>
24
+ {% include disqus.html %}
25
+ </div>
26
+ </div>
27
+ <div class="mdui-col-md-3 mdui-hidden-sm-down">
28
+ {% include toc.html %}
29
+ </div>
30
+ </div>
31
+ <br>
32
32
  </div>