bulma-clean-theme 0.13.3 → 0.14.0

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.
@@ -1,27 +1,27 @@
1
1
  <article class="media">
2
2
  <figure class="media-left">
3
- {% if review.avatar %}
4
- <p class="image is-48x48">
5
- <img src="https://bulma.io/images/placeholders/128x128.png">
6
- </p>
7
- {% else %}
8
- <div class="icon is-large">
9
- <i class="fas fa-user fa-2x"></i>
10
- </div>
11
- {% endif %}
3
+ {% if review.avatar %}
4
+ <p class="image is-48x48">
5
+ <img src="https://bulma.io/images/placeholders/128x128.png">
6
+ </p>
7
+ {% else %}
8
+ <div class="icon is-large">
9
+ <i class="fas fa-user fa-2x"></i>
10
+ </div>
11
+ {% endif %}
12
12
  </figure>
13
13
  <div class="media-content">
14
- <div class="content">
15
- <p>
16
- <strong>{{ review.name }}</strong> <small>{{ review.date }}</small>
17
- <br>
18
- {{ review.title }}
19
- <br>
20
- {{ review.description }}
21
- </p>
22
- </div>
23
- {% if review.rating %}
24
- {% include rating.html rating=review.rating align="has-text-left" %}
25
- {% endif %}
14
+ <div class="content">
15
+ <p>
16
+ <strong>{{ review.name }}</strong> <small>{{ review.date }}</small>
17
+ <br>
18
+ {{ review.title }}
19
+ <br>
20
+ {{ review.description }}
21
+ </p>
22
+ </div>
23
+ {% if review.rating %}
24
+ {% include rating.html rating=review.rating align="has-text-left" %}
25
+ {% endif %}
26
26
  </div>
27
- </article>
27
+ </article>
@@ -8,25 +8,23 @@
8
8
  {% endif %}
9
9
 
10
10
  {% for section in series.sections %}
11
+ {% if section.label %}
12
+ <p class="title is-6">{{ section.label }}</p>
13
+ {% endif %}
11
14
 
12
- {% if section.label %}
13
- <p class="title is-6">{{ section.label }}</p>
14
- {% endif %}
15
-
16
- <ul class="block-list is-small is-outlined">
17
- {% for item in section.items %}
18
- {% assign post = posts | where: "title", item.title %}
19
-
20
- {% if page.url == post[0].url %}
21
- <li class="is-highlighted is-dark">
22
- <p>{{ item.title }}</p>
23
- </li>
24
- {% else %}
25
- <li>
26
- <a href="{{ site.baseurl }}{{ post[0].url }}" class="is-flex" >{{ item.title }}</a>
27
- </li>
28
- {% endif %}
15
+ <ul class="block-list is-small is-outlined">
16
+ {% for item in section.items %}
17
+ {% assign post = posts | where: 'title', item.title %}
29
18
 
30
- {% endfor %}
31
- </ul>
19
+ {% if page.url == post[0].url %}
20
+ <li class="is-highlighted is-dark">
21
+ <p>{{ item.title }}</p>
22
+ </li>
23
+ {% else %}
24
+ <li>
25
+ <a href="{{ site.baseurl }}{{ post[0].url }}" class="is-flex">{{ item.title }}</a>
26
+ </li>
27
+ {% endif %}
28
+ {% endfor %}
29
+ </ul>
32
30
  {% endfor %}
@@ -1,19 +1,27 @@
1
1
  <p><strong>Share</strong></p>
2
2
  <div class="buttons {% if include.centered %} is-centered {% endif %}">
3
- <a class="button is-medium is-facebook"
4
- onclick="window.open('https://www.facebook.com/share.php?u={{ site.url }}{{ page.url | prepend: site.baseurl }}');">
3
+ <a
4
+ class="button is-medium is-facebook"
5
+ onclick="window.open('https://www.facebook.com/share.php?u={{ site.url }}{{ page.url | prepend: site.baseurl }}');"
6
+ >
5
7
  <span class="icon"><i class="fab fa-facebook fa-lg"></i></span>
6
8
  </a>
7
- <a class="button is-medium is-twitter"
8
- onclick="window.open('https://twitter.com/intent/tweet?text={{ site.url }}{{ page.url | prepend: site.baseurl }}');">
9
+ <a
10
+ class="button is-medium is-twitter"
11
+ onclick="window.open('https://twitter.com/intent/tweet?text={{ site.url }}{{ page.url | prepend: site.baseurl }}');"
12
+ >
9
13
  <span class="icon"><i class="fab fa-twitter fa-lg"></i></span>
10
14
  </a>
11
- <a class="button is-medium is-linkedin"
12
- onclick="window.open('https://www.linkedin.com/shareArticle?mini=true&url={{ site.url }}{{ page.url | prepend: site.baseurl }}&title={{ page.title | url_encode }}&summary=&source=');">
15
+ <a
16
+ class="button is-medium is-linkedin"
17
+ onclick="window.open('https://www.linkedin.com/shareArticle?mini=true&url={{ site.url }}{{ page.url | prepend: site.baseurl }}&title={{ page.title | url_encode }}&summary=&source=');"
18
+ >
13
19
  <span class="icon"><i class="fab fa-linkedin fa-lg"></i></span>
14
20
  </a>
15
- <a class="button is-medium is-reddit"
16
- onclick="window.open('https://reddit.com/submit?url={{ site.url }}{{ page.url | prepend: site.baseurl }}');">
21
+ <a
22
+ class="button is-medium is-reddit"
23
+ onclick="window.open('https://reddit.com/submit?url={{ site.url }}{{ page.url | prepend: site.baseurl }}');"
24
+ >
17
25
  <span class="icon"><i class="fab fa-reddit fa-lg"></i></span>
18
26
  </a>
19
- </div>
27
+ </div>
@@ -8,7 +8,7 @@
8
8
  {% for item in showcase.items %}
9
9
  <section class="showcase">
10
10
  <figure class="image {% if item.image_ratio %} {{ item.image_ratio }} {% else %} is-16by9 {% endif %}">
11
- <img src="{{ item.image | relative_url }}" />
11
+ <img src="{{ item.image | relative_url }}">
12
12
  </figure>
13
13
  <div class="showcase-content">
14
14
  <div class="columns is-centered">
@@ -17,39 +17,56 @@
17
17
  <p class="subtitle">{{ item.subtitle }}</p>
18
18
 
19
19
  {% if item.github %}
20
- <div class="buttons is-centered">
21
- <a href="https://github.com/{{ item.github }}/stargazers" class="button is-white is-small">
22
- <img alt="GitHub stars" src="https://img.shields.io/github/stars/{{ item.github }}?style=social">
23
- </a>
24
- <a href="https://github.com/{{ item.github }}/network/members" class="button is-white is-small">
25
- <img alt="GitHub forks" src="https://img.shields.io/github/forks/{{ item.github }}?style=social">
26
- </a>
27
- <a href="https://github.com/{{ item.github }}/watchers" class="button is-white is-small">
28
- <img alt="GitHub watchers" src="https://img.shields.io/github/watchers/{{ item.github }}?style=social">
29
- </a>
30
- </div>
20
+ <div class="buttons is-centered">
21
+ <a
22
+ href="https://github.com/{{ item.github }}/stargazers"
23
+ class="button is-white is-small"
24
+ >
25
+ <img
26
+ alt="GitHub stars"
27
+ src="https://img.shields.io/github/stars/{{ item.github }}?style=social"
28
+ >
29
+ </a>
30
+ <a
31
+ href="https://github.com/{{ item.github }}/network/members"
32
+ class="button is-white is-small"
33
+ >
34
+ <img
35
+ alt="GitHub forks"
36
+ src="https://img.shields.io/github/forks/{{ item.github }}?style=social"
37
+ >
38
+ </a>
39
+ <a
40
+ href="https://github.com/{{ item.github }}/watchers"
41
+ class="button is-white is-small"
42
+ >
43
+ <img
44
+ alt="GitHub watchers"
45
+ src="https://img.shields.io/github/watchers/{{ item.github }}?style=social"
46
+ >
47
+ </a>
48
+ </div>
31
49
  {% endif %}
32
-
50
+
33
51
  <div class="content">
34
52
  <p>{{ item.description | markdownify }}</p>
35
53
  </div>
36
54
 
37
55
  {% if item.features %}
38
- <ul class="block-list {{ item.features_styles }}">
39
- {% for feature in item.features %}
40
- <li>{{ feature }}</li>
41
- {% endfor %}
42
- </ul>
56
+ <ul class="block-list {{ item.features_styles }}">
57
+ {% for feature in item.features %}
58
+ <li>{{ feature }}</li>
59
+ {% endfor %}
60
+ </ul>
43
61
  {% endif %}
44
-
45
62
 
46
63
  {% if item.tags %}
47
- {% assign tags = item.tags | split: "," %}
48
- <div class="tags is-centered">
49
- {% for tag in tags %}
50
- {% include tag.html tag=tag style="is-dark" %}
51
- {% endfor %}
52
- </div>
64
+ {% assign tags = item.tags | split: ',' %}
65
+ <div class="tags is-centered">
66
+ {% for tag in tags %}
67
+ {% include tag.html tag=tag style="is-dark" %}
68
+ {% endfor %}
69
+ </div>
53
70
  {% endif %}
54
71
 
55
72
  <a href="{{ item.link }}" class="button is-primary">
@@ -57,7 +74,6 @@
57
74
  </a>
58
75
  </div>
59
76
  </div>
60
-
61
77
  </div>
62
78
  </section>
63
79
  {% endfor %}
@@ -1,42 +1,42 @@
1
1
  {% if page.sponsors %}
2
- {% assign tiers=site.data.[page.sponsors] %}
2
+ {% assign tiers=site.data.[page.sponsors] %}
3
3
  <div class="columns is-multiline">
4
4
  {% for tier in tiers %}
5
- <div class="column is-12">
6
- <p class="title is-3 has-text-centered">
7
- <span>{{ tier.tier_name }}</span>
8
- </p>
9
- <p class="subtitle has-text-centered">
10
- <span class="icon is-large gh-sponsor"><i class="fas fa-heart fa-2x"></i></span>
11
- </p>
12
- <div class="columns is-centered">
13
- <div class="column is-6 content has-text-centered">
14
- <p>{{ tier.description | markdownify }}</p>
5
+ <div class="column is-12">
6
+ <p class="title is-3 has-text-centered">
7
+ <span>{{ tier.tier_name }}</span>
8
+ </p>
9
+ <p class="subtitle has-text-centered">
10
+ <span class="icon is-large gh-sponsor"><i class="fas fa-heart fa-2x"></i></span>
11
+ </p>
12
+ <div class="columns is-centered">
13
+ <div class="column is-6 content has-text-centered">
14
+ <p>{{ tier.description | markdownify }}</p>
15
+ </div>
15
16
  </div>
16
- </div>
17
17
 
18
- <div class="columns is-multiline is-centered">
19
- {% for sponsor in tier.sponsors %}
20
- <div class="column {% if tier.size == 'large' %} is-4-desktop is-6-tablet {% else %} is-3-desktop is-4-tablet {% endif %}">
21
- <div class="box has-text-centered">
22
- <p class="title {% if tier.size == 'large' %} is-4 {% elsif tier.size == 'small' %} is-6 {% else %} is-5 {% endif %}">
23
- {{ sponsor.name }}
24
- </p>
25
- <p class="subtitle is-6">
26
- {% if sponsor.profile %}
27
- <a href="{{ sponsor.profile }}" class="is-link is-small">View Profile</a>
28
- {% else %}
29
- &nbsp;
30
- {% endif %}
31
- </p>
32
- </div>
18
+ <div class="columns is-multiline is-centered">
19
+ {% for sponsor in tier.sponsors %}
20
+ <div class="column {% if tier.size == 'large' %} is-4-desktop is-6-tablet {% else %} is-3-desktop is-4-tablet {% endif %}">
21
+ <div class="box has-text-centered">
22
+ <p class="title {% if tier.size == 'large' %} is-4 {% elsif tier.size == 'small' %} is-6 {% else %} is-5 {% endif %}">
23
+ {{ sponsor.name }}
24
+ </p>
25
+ <p class="subtitle is-6">
26
+ {% if sponsor.profile %}
27
+ <a href="{{ sponsor.profile }}" class="is-link is-small">View Profile</a>
28
+ {% else %}
29
+ &nbsp;
30
+ {% endif %}
31
+ </p>
32
+ </div>
33
+ </div>
34
+ {% endfor %}
33
35
  </div>
34
- {% endfor %}
35
36
  </div>
36
- </div>
37
- <div class="column is-12">
38
- <hr />
39
- </div>
37
+ <div class="column is-12">
38
+ <hr>
39
+ </div>
40
40
  {% endfor %}
41
41
  </div>
42
- {% endif %}
42
+ {% endif %}
@@ -3,4 +3,4 @@
3
3
  <span class="icon"><i class="fas fa-rss"></i></span>
4
4
  <span>Subscribe</span>
5
5
  </a>
6
- </div>
6
+ </div>
data/_includes/tabs.html CHANGED
@@ -1,18 +1,22 @@
1
1
  {% if page.tabs %}
2
- {% assign tabs = site.data.[page.tabs] %}
2
+ {% assign tabs = site.data.[page.tabs] %}
3
3
 
4
- <div class="tabs {% if tabs.size %}{{ tabs.size }}{% endif %} {% if tabs.alignment %}{{ tabs.alignment }}{% endif %} {% if tabs.style %}{{ tabs.style }}{% endif %}">
5
- <ul>
6
- {% for tab in tabs.items %}
7
- <li {% if tab.link == page.url %} class="is-active" {% endif %}>
8
- <a href="{{ tab.link | relative_url }}">
9
- {% if tab.icon %}
10
- <span class="icon is-small"><i class="fas {{ tab.icon }}" aria-hidden="true"></i></span>
11
- {% endif %}
12
- <span>{{ tab.name }}</span>
13
- </a>
14
- </li>
15
- {% endfor %}
16
- </ul>
17
- </div>
18
- {% endif %}
4
+ <div class="tabs {% if tabs.size %}{{ tabs.size }}{% endif %} {% if tabs.alignment %}{{ tabs.alignment }}{% endif %} {% if tabs.style %}{{ tabs.style }}{% endif %}">
5
+ <ul>
6
+ {% for tab in tabs.items %}
7
+ <li
8
+ {% if tab.link == page.url %}
9
+ class="is-active"
10
+ {% endif %}
11
+ >
12
+ <a href="{{ tab.link | relative_url }}">
13
+ {% if tab.icon %}
14
+ <span class="icon is-small"><i class="fas {{ tab.icon }}" aria-hidden="true"></i></span>
15
+ {% endif %}
16
+ <span>{{ tab.name }}</span>
17
+ </a>
18
+ </li>
19
+ {% endfor %}
20
+ </ul>
21
+ </div>
22
+ {% endif %}
data/_includes/tag.html CHANGED
@@ -1,3 +1,3 @@
1
1
  <span class="tag {% if include.style %} {{ include.style }} {% else %} is-primary {% endif %}">
2
2
  {{ include.tag }}
3
- </span>
3
+ </span>
data/_includes/toc.html CHANGED
@@ -70,7 +70,8 @@
70
70
  {% capture my_toc %}{: #{{ include.id }}}
71
71
  {{ my_toc | lstrip }}{% endcapture %}
72
72
  {% endif %}
73
- {% endcapture %}{% assign tocWorkspace = '' %}
73
+ {% endcapture -%}
74
+ {%- assign tocWorkspace = '' %}
74
75
 
75
76
  <div class="contents">
76
77
  <div class="menu">
@@ -78,5 +79,3 @@
78
79
  {{ my_toc | markdownify | strip }}
79
80
  </div>
80
81
  </div>
81
-
82
-
data/_includes/vimeo.html CHANGED
@@ -1,3 +1,10 @@
1
1
  <figure class="image is-16by9">
2
- <iframe src="https://player.vimeo.com/video/{{ include.video }}?color=ff9933&title=0&byline=0&portrait=0" class="has-ratio" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe><script src="https://player.vimeo.com/api/player.js"></script>
3
- </figure>
2
+ <iframe
3
+ src="https://player.vimeo.com/video/{{ include.video }}?color=ff9933&title=0&byline=0&portrait=0"
4
+ class="has-ratio"
5
+ frameborder="0"
6
+ allow="autoplay; fullscreen; picture-in-picture"
7
+ allowfullscreen
8
+ ></iframe>
9
+ <script src="https://player.vimeo.com/api/player.js"></script>
10
+ </figure>
@@ -1,8 +1,9 @@
1
- <figure class="image is-16by9">
2
- <iframe class="has-ratio"
3
- src="https://www.youtube.com/embed/{{ include.video }}?start={{ include.time | default: 0 }}&showinfo=0"
4
- frameborder="0"
1
+ <figure class="image is-16by9">
2
+ <iframe
3
+ class="has-ratio"
4
+ src="https://www.youtube.com/embed/{{ include.video }}?start={{ include.time | default: 0 }}&showinfo=0"
5
+ frameborder="0"
5
6
  allowfullscreen
6
- >
7
+ >
7
8
  </iframe>
8
- </figure>
9
+ </figure>
data/_layouts/blog.html CHANGED
@@ -1,7 +1,6 @@
1
1
  ---
2
2
  layout: default
3
3
  ---
4
-
5
4
  {{ content }}
6
5
 
7
6
  <div class="columns is-multiline">
@@ -9,9 +8,9 @@ layout: default
9
8
  {% include pagination.html %}
10
9
  </div>
11
10
  {% for post in paginator.posts %}
12
- <div class="column is-12">
13
- {% include post-card.html %}
14
- </div>
11
+ <div class="column is-12">
12
+ {% include post-card.html %}
13
+ </div>
15
14
  {% endfor %}
16
15
  <div class="column is-12">
17
16
  {% include pagination.html %}
@@ -19,4 +18,4 @@ layout: default
19
18
  <div class="column is-12">
20
19
  {% include subscribe.html %}
21
20
  </div>
22
- </div>
21
+ </div>
@@ -1,59 +1,65 @@
1
- <!DOCTYPE html>
1
+ <!doctype html>
2
2
  {% if page.menubar or page.menubar_toc %}
3
- {% assign has_left_sidebar = true %}
3
+ {% assign has_left_sidebar = true %}
4
4
  {% endif %}
5
5
 
6
- {% if page.show_sidebar and has_left_sidebar %}
7
- {% assign content_width = 'is-4' %}
6
+ {% if page.show_sidebar and has_left_sidebar %}
7
+ {% assign content_width = 'is-4' %}
8
8
  {% elsif page.show_sidebar or has_left_sidebar %}
9
- {% assign content_width = 'is-8' %}
9
+ {% assign content_width = 'is-8' %}
10
10
  {% else %}
11
- {% assign content_width = 'is-12' %}
11
+ {% assign content_width = 'is-12' %}
12
12
  {% endif %}
13
13
 
14
14
  <html
15
- dir="{{ site.direction | default: 'ltr' }}"
16
- lang="{{ site.lang | default: 'en' }}"
17
- {% if site.fixed_navbar %}class="has-navbar-fixed-{{ site.fixed_navbar }}"{% endif %}>
18
- {% include head.html %}
19
- <body>
20
- {% include header.html %}
21
- {% unless page.hide_hero %}
22
- {% include hero.html %}
23
- {% endunless %}
24
- {% include callouts.html %}
25
- <section class="section">
26
- <div class="container">
27
- <div class="columns is-multiline">
28
- {% if page.menubar_toc %}
29
- <div class="column is-4-desktop is-4-tablet">
30
- {% assign contentsTitle = page.toc_title | default: 'Contents' %}
31
- {% include toc.html html=content class='menu-list' h_min=2 h_max=3 contents_title=contentsTitle %}
15
+ dir="{{ site.direction | default: 'ltr' }}"
16
+ lang="{{ site.lang | default: 'en' }}"
17
+ {% if site.fixed_navbar %}
18
+ class="has-navbar-fixed-{{ site.fixed_navbar }}"
19
+ {% endif %}
20
+ >
21
+ {% include head.html %}
22
+ <body>
23
+ {% if site.cookie_policy %}
24
+ {% include cookie-banner.html %}
25
+ {% endif %}
26
+ {% include header.html %}
27
+ {% unless page.hide_hero %}
28
+ {% include hero.html %}
29
+ {% endunless %}
30
+ {% include callouts.html %}
31
+ <section class="section">
32
+ <div class="container">
33
+ <div class="columns is-multiline">
34
+ {% if page.menubar_toc %}
35
+ <div class="column is-4-desktop is-4-tablet">
36
+ {% assign contentsTitle = page.toc_title | default: 'Contents' %}
37
+ {% include toc.html html=content class='menu-list' h_min=2 h_max=3 contents_title=contentsTitle %}
38
+ </div>
39
+ {% elsif page.menubar %}
40
+ <div class="column is-4-desktop is-4-tablet">
41
+ {% include menubar.html %}
42
+ </div>
43
+ {% endif %}
44
+ <div class="column {{ content_width }}">
45
+ {% include tabs.html %}
46
+ {% include showcase.html %}
47
+ {% include sponsors.html %}
48
+ {% include gallery.html %}
49
+ {{ content }}
50
+ </div>
51
+ {% if site.posts and page.show_sidebar %}
52
+ <div class="column is-4-desktop is-4-tablet">
53
+ {% include latest-posts.html %}
54
+ </div>
55
+ {% endif %}
32
56
  </div>
33
- {% elsif page.menubar %}
34
- <div class="column is-4-desktop is-4-tablet">
35
- {% include menubar.html %}
36
- </div>
37
- {% endif %}
38
- <div class="column {{ content_width }}">
39
- {% include tabs.html %}
40
- {% include showcase.html %}
41
- {% include sponsors.html %}
42
- {% include gallery.html %}
43
- {{ content }}
44
- </div>
45
- {% if site.posts and page.show_sidebar %}
46
- <div class="column is-4-desktop is-4-tablet">
47
- {% include latest-posts.html %}
48
- </div>
49
- {% endif %}
50
57
  </div>
51
- </div>
52
- </section>
53
- {% unless page.hide_footer %}
54
- {% include footer.html %}
55
- {% endunless %}
56
- <script src="{{ site.baseurl }}/assets/js/app.js" type="text/javascript"></script>
57
- {%- include footer-scripts.html -%}
58
- </body>
58
+ </section>
59
+ {% unless page.hide_footer %}
60
+ {% include footer.html %}
61
+ {% endunless %}
62
+ <script src="{{ site.baseurl }}/assets/js/app.js" type="text/javascript"></script>
63
+ {%- include footer-scripts.html -%}
64
+ </body>
59
65
  </html>
data/_layouts/page.html CHANGED
@@ -1,11 +1,10 @@
1
1
  ---
2
2
  layout: default
3
3
  ---
4
-
5
4
  {% if page.toc %}
6
5
  {% assign contentsTitle = page.toc_title | default: 'Contents' %}
7
6
  {% include toc.html html=content class='menu-list' h_min=2 h_max=3 contents_title=contentsTitle %}
8
7
  {% endif %}
9
8
  <div class="content">
10
9
  {{ content }}
11
- </div>
10
+ </div>
data/_layouts/post.html CHANGED
@@ -1,10 +1,8 @@
1
1
  ---
2
2
  layout: default
3
3
  ---
4
-
5
4
  <div class="content">
6
-
7
- <p>Published: {{ page.date | date: "%b %-d, %Y" }} by {{ page.author }}</p>
5
+ <p>Published: {{ page.date | date: '%b %-d, %Y' }} by {{ page.author }}</p>
8
6
 
9
7
  {% if page.series %}
10
8
  {% include series.html %}
@@ -15,14 +13,14 @@ layout: default
15
13
 
16
14
  <div class="tags">
17
15
  {% for tag in page.tags %}
18
- {% include tag.html tag=tag %}
16
+ {% include tag.html tag=tag %}
19
17
  {% endfor %}
20
18
  </div>
21
19
 
22
20
  {% unless site.hide_share_buttons %}
23
- {% include share-buttons.html %}
21
+ {% include share-buttons.html %}
24
22
  {% endunless %}
25
23
 
26
24
  {% if site.disqus.shortname %}
27
- {% include disqus.html %}
25
+ {% include disqus.html %}
28
26
  {% endif %}