mgm-jekyll-bulma 0.1.0 → 0.1.1
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.
- checksums.yaml +4 -4
- data/_includes/callouts.html +39 -0
- data/_includes/disqus.html +17 -0
- data/_includes/footer-scripts.html +1 -0
- data/_includes/footer.html +20 -0
- data/_includes/gallery.html +25 -0
- data/_includes/google-analytics.html +8 -0
- data/_includes/head-scripts.html +1 -0
- data/_includes/head.html +22 -0
- data/_includes/header.html +45 -0
- data/_includes/hero.html +11 -0
- data/_includes/image-modal.html +18 -0
- data/_includes/latest-posts.html +12 -0
- data/_includes/menubar.html +21 -0
- data/_includes/notification.html +17 -0
- data/_includes/pagination.html +23 -0
- data/_includes/post-card.html +29 -0
- data/_includes/rating.html +14 -0
- data/_includes/review.html +27 -0
- data/_includes/series.html +32 -0
- data/_includes/share-buttons.html +19 -0
- data/_includes/showcase.html +64 -0
- data/_includes/sponsors.html +42 -0
- data/_includes/subscribe.html +6 -0
- data/_includes/tabs.html +18 -0
- data/_includes/tag.html +3 -0
- data/_includes/toc.html +82 -0
- data/_includes/vimeo.html +3 -0
- data/_includes/youtube.html +8 -0
- data/_layouts/blog.html +22 -0
- data/_layouts/default.html +59 -1
- data/_layouts/page.html +7 -1
- data/_layouts/post.html +24 -1
- data/_layouts/product-category.html +42 -0
- data/_layouts/product.html +61 -0
- data/_layouts/recipe.html +98 -0
- data/_sass/_layout.scss +40 -0
- data/_sass/_main.scss +22 -0
- data/_sass/_showcase.scss +13 -0
- data/_sass/syntax.scss +209 -0
- data/assets/css/app.scss +5 -0
- data/assets/js/app.js +1 -0
- metadata +39 -1
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 1a2c77f9f320cc2c1d1de508a0e2947001e7bdf323109c0e21c40b1f3a9ec698
|
|
4
|
+
data.tar.gz: cde6610e1b33dfd95eb992ab92efbcec695327b03467982da8815af05f407e0a
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: b90b1e38d3cd07247d7a09c78c8b48f64b5d070c833056587896d7622225814a31a6221381b7a104e58f98b10cdd265e279ba20b80cdb8767c7dc724f8afbbdf
|
|
7
|
+
data.tar.gz: c5491dde77ab60d7466c6541ef48d2cde1132e2c11bbcfa30b766e7ab83671a7d551a3764a65d1b6d0b474bb724a902af6af24fd9d6f25ec068357e7e34701a7
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
{% if page.callouts %}
|
|
2
|
+
{% assign callouts=site.data.[page.callouts] %}
|
|
3
|
+
<section class="hero {% if callouts.height %} {{ callouts.height }} {% else %} is-medium {% endif %} {{ callouts.style }}">
|
|
4
|
+
<div class="hero-body">
|
|
5
|
+
<div class="container">
|
|
6
|
+
<div class="columns is-multiline is-centered">
|
|
7
|
+
{% for callout in callouts.items %}
|
|
8
|
+
<div class="column is-4 has-text-centered">
|
|
9
|
+
{% if callout.icon %}
|
|
10
|
+
<div class="icon callout-icon">
|
|
11
|
+
{% if callout.icon_brand %}
|
|
12
|
+
<i class="fab {{ callout.icon }} fa-4x"></i>
|
|
13
|
+
{% else %}
|
|
14
|
+
<i class="fas {{ callout.icon }} fa-4x"></i>
|
|
15
|
+
{% endif %}
|
|
16
|
+
</div>
|
|
17
|
+
{% endif %}
|
|
18
|
+
<p class="title is-5">{{ callout.title }}</p>
|
|
19
|
+
<p class="subtitle is-5">{{ callout.subtitle }}</p>
|
|
20
|
+
|
|
21
|
+
{% if callout.description %}
|
|
22
|
+
<div class="content">
|
|
23
|
+
<p>{{ callout.description | newline_to_br }}</p>
|
|
24
|
+
</div>
|
|
25
|
+
{% endif %}
|
|
26
|
+
|
|
27
|
+
{% if callout.call_to_action_name %}
|
|
28
|
+
<a href="{{ callout.call_to_action_link | relative_url }}" class="button is-primary">
|
|
29
|
+
{{ callout.call_to_action_name }}
|
|
30
|
+
</a>
|
|
31
|
+
{% endif %}
|
|
32
|
+
</div>
|
|
33
|
+
{% endfor %}
|
|
34
|
+
</div>
|
|
35
|
+
</div>
|
|
36
|
+
</div>
|
|
37
|
+
</section>
|
|
38
|
+
{% endif %}
|
|
39
|
+
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
{% if page.comments != false and jekyll.environment == "production" %}
|
|
2
|
+
|
|
3
|
+
<div id="disqus_thread"></div>
|
|
4
|
+
<script>
|
|
5
|
+
var disqus_config = function () {
|
|
6
|
+
this.page.url = '{{ page.url | absolute_url }}';
|
|
7
|
+
this.page.identifier = '{{ page.url | absolute_url }}';
|
|
8
|
+
};
|
|
9
|
+
(function() {
|
|
10
|
+
var d = document, s = d.createElement('script');
|
|
11
|
+
s.src = 'https://{{ site.disqus.shortname }}.disqus.com/embed.js';
|
|
12
|
+
s.setAttribute('data-timestamp', +new Date());
|
|
13
|
+
(d.head || d.body).appendChild(s);
|
|
14
|
+
})();
|
|
15
|
+
</script>
|
|
16
|
+
<noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript" rel="nofollow">comments powered by Disqus.</a></noscript>
|
|
17
|
+
{% endif %}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<!-- footer scripts -->
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
<footer class="footer">
|
|
2
|
+
<div class="container">
|
|
3
|
+
|
|
4
|
+
{% if site.footer_menu %}
|
|
5
|
+
<div class="columns is-multiline">
|
|
6
|
+
{% for item in site.data[site.footer_menu] %}
|
|
7
|
+
<div class="column has-text-centered">
|
|
8
|
+
<div>
|
|
9
|
+
<a href="{{ item.link | relative_url }}" class="link">{{ item.name }}</a>
|
|
10
|
+
</div>
|
|
11
|
+
</div>
|
|
12
|
+
{% endfor %}
|
|
13
|
+
</div>
|
|
14
|
+
{% endif %}
|
|
15
|
+
|
|
16
|
+
<div class="content is-small has-text-centered">
|
|
17
|
+
<p class="">Theme built by <a href="https://www.csrhymes.com">C.S. Rhymes</a></p>
|
|
18
|
+
</div>
|
|
19
|
+
</div>
|
|
20
|
+
</footer>
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
{% if page.gallery %}
|
|
2
|
+
{% assign galleries=site.data.[page.gallery] %}
|
|
3
|
+
{% for gallery in galleries %}
|
|
4
|
+
<div class="columns is-multiline">
|
|
5
|
+
<div class="column is-12">
|
|
6
|
+
<p class="title is-3 has-text-centered">{{ gallery.title }}</p>
|
|
7
|
+
</div>
|
|
8
|
+
{% for image in gallery.images %}
|
|
9
|
+
<div class="column is-4-desktop is-6-tablet">
|
|
10
|
+
<div class="card">
|
|
11
|
+
<div class="card-image">
|
|
12
|
+
{% include image-modal.html ratio=image.ratio link=image.link alt=image.alt large_link=image.large_link %}
|
|
13
|
+
</div>
|
|
14
|
+
<div class="card-content">
|
|
15
|
+
<div class="content">
|
|
16
|
+
{{ image.description | markdownify }}
|
|
17
|
+
</div>
|
|
18
|
+
|
|
19
|
+
</div>
|
|
20
|
+
</div>
|
|
21
|
+
</div>
|
|
22
|
+
{% endfor %}
|
|
23
|
+
</div>
|
|
24
|
+
{% endfor %}
|
|
25
|
+
{% endif %}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
<script async src="https://www.googletagmanager.com/gtag/js?id={{ site.google_analytics }}"></script>
|
|
2
|
+
<script>
|
|
3
|
+
window['ga-disable-{{ site.google_analytics }}'] = window.doNotTrack === "1" || navigator.doNotTrack === "1" || navigator.doNotTrack === "yes" || navigator.msDoNotTrack === "1";
|
|
4
|
+
window.dataLayer = window.dataLayer || [];
|
|
5
|
+
function gtag(){dataLayer.push(arguments);}
|
|
6
|
+
gtag('js', new Date());
|
|
7
|
+
gtag('config', '{{ site.google_analytics }}');
|
|
8
|
+
</script>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<!-- head scripts -->
|
data/_includes/head.html
ADDED
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
<head>
|
|
2
|
+
<meta charset="utf-8">
|
|
3
|
+
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
4
|
+
<meta name="theme-color" content={{ site.theme_color | default: '#ffffff' }}>
|
|
5
|
+
<link rel="stylesheet" href="{{ site.baseurl }}/assets/css/app.css">
|
|
6
|
+
<link rel="shortcut icon" type="image/png"
|
|
7
|
+
{% if site.favicon %} href="{{ site.favicon | relative_url }}" {% else %} href="{{ site.baseurl }}/favicon.png" {% endif %}
|
|
8
|
+
/>
|
|
9
|
+
<script defer src="https://unpkg.com/alpinejs@3.9.0/dist/cdn.min.js"></script>
|
|
10
|
+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5/css/all.min.css">
|
|
11
|
+
{% unless site.hide_share_buttons %}
|
|
12
|
+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma-social@1/bin/bulma-social.min.css">
|
|
13
|
+
{% endunless %}
|
|
14
|
+
{% seo %}
|
|
15
|
+
{% if site.feed %}
|
|
16
|
+
{% feed_meta %}
|
|
17
|
+
{% endif %}
|
|
18
|
+
{%- if site.google_analytics -%}
|
|
19
|
+
{%- include google-analytics.html -%}
|
|
20
|
+
{%- endif -%}
|
|
21
|
+
{%- include head-scripts.html -%}
|
|
22
|
+
</head>
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
<nav class="navbar is-primary {% if site.fixed_navbar %} is-fixed-{{ site.fixed_navbar }} {% endif %}" x-data="{ openNav: false }">
|
|
2
|
+
<div class="container">
|
|
3
|
+
<div class="navbar-brand">
|
|
4
|
+
<a href="{{ site.baseurl }}/" class="navbar-item">
|
|
5
|
+
{{ site.title }}
|
|
6
|
+
</a>
|
|
7
|
+
<a role="button" class="navbar-burger burger" aria-label="menu" aria-expanded="false" data-target="navMenu" :class="{ 'is-active': openNav }" x-on:click="openNav = !openNav">
|
|
8
|
+
<span aria-hidden="true"></span>
|
|
9
|
+
<span aria-hidden="true"></span>
|
|
10
|
+
<span aria-hidden="true"></span>
|
|
11
|
+
</a>
|
|
12
|
+
</div>
|
|
13
|
+
<div class="navbar-menu" id="navMenu" :class="{ 'is-active': openNav }">
|
|
14
|
+
<div class="navbar-start">
|
|
15
|
+
<a href="{{ site.baseurl }}/" class="navbar-item {% if page.url == "/" %}is-active{% endif %}">Home</a>
|
|
16
|
+
{% if site.data.navigation %}
|
|
17
|
+
{% for item in site.data.navigation %}
|
|
18
|
+
{% if item.dropdown %}
|
|
19
|
+
<div class="navbar-item has-dropdown is-hoverable {% if site.fixed_navbar == 'bottom' %} has-dropdown-up {% endif %}">
|
|
20
|
+
<a href="{{ item.link | relative_url }}" class="navbar-link {% if page.url contains item.link %}is-active{% endif %}">{{ item.name }}</a>
|
|
21
|
+
<div class="navbar-dropdown">
|
|
22
|
+
{% for subitem in item.dropdown %}
|
|
23
|
+
<a href="{{ subitem.link | relative_url }}" class="navbar-item {% if subitem.link == page.url %}is-active{% endif %}">{{ subitem.name }}</a>
|
|
24
|
+
{% endfor %}
|
|
25
|
+
</div>
|
|
26
|
+
</div>
|
|
27
|
+
{% else %}
|
|
28
|
+
<a href="{{ item.link | relative_url }}" class="navbar-item {% if item.link == page.url %}is-active{% endif %}">{{ item.name }}</a>
|
|
29
|
+
{% endif %}
|
|
30
|
+
{% endfor %}
|
|
31
|
+
{% endif %}
|
|
32
|
+
</div>
|
|
33
|
+
|
|
34
|
+
<div class="navbar-end">
|
|
35
|
+
{% if site.gh_sponsor %}
|
|
36
|
+
<a class="navbar-item" href="https://github.com/sponsors/{{ site.gh_sponsor }}">
|
|
37
|
+
<span class="icon gh-sponsor"><i class="fas fa-heart"></i></span>
|
|
38
|
+
<span>Sponsor</span>
|
|
39
|
+
</a>
|
|
40
|
+
{% endif %}
|
|
41
|
+
</div>
|
|
42
|
+
|
|
43
|
+
</div>
|
|
44
|
+
</div>
|
|
45
|
+
</nav>
|
data/_includes/hero.html
ADDED
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
<section class="hero {% if page.hero_height %} {{ page.hero_height }} {% else %} is-medium {% endif %} is-bold is-primary" {% if page.hero_image %} style="background: url('{{ page.hero_image }}') no-repeat center center; background-size: cover;" {% endif %}>
|
|
2
|
+
<div class="hero-body {% if page.hero_darken %} hero-darken {% endif %}">
|
|
3
|
+
<div class="container">
|
|
4
|
+
<h1 class="title is-2">{{ page.title }}</h1>
|
|
5
|
+
<p class="subtitle is-3">{{ page.subtitle }}</p>
|
|
6
|
+
{% if page.hero_link %}
|
|
7
|
+
<a href="{{ page.hero_link | relative_url }}" class="button is-info is-large">{{ page.hero_link_text }}</a>
|
|
8
|
+
{% endif %}
|
|
9
|
+
</div>
|
|
10
|
+
</div>
|
|
11
|
+
</section>
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
<div x-data="{ open: false }" markdown="0">
|
|
2
|
+
<a x-on:click="open = true" title="View large image">
|
|
3
|
+
<figure class="image {{ include.ratio | default: is-16by9 }}">
|
|
4
|
+
<img src="{{ include.link | absolute_url }}" alt="{{ include.alt }}">
|
|
5
|
+
</figure>
|
|
6
|
+
</a>
|
|
7
|
+
<div class="modal" x-bind:class="open ? 'is-active' : ''" x-cloak>
|
|
8
|
+
<div class="modal-background" x-on:click="open = false"></div>
|
|
9
|
+
<div class="modal-content">
|
|
10
|
+
{% if include.large_link %}
|
|
11
|
+
<img src="{{ include.large_link | absolute_url }}" alt="{{ include.alt }}">
|
|
12
|
+
{% else %}
|
|
13
|
+
<img src="{{ include.link | absolute_url }}" alt="{{ include.alt }}">
|
|
14
|
+
{% endif %}
|
|
15
|
+
</div>
|
|
16
|
+
<button class="modal-close is-large" aria-label="close" x-on:click="open = false"></button>
|
|
17
|
+
</div>
|
|
18
|
+
</div>
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
{% assign menus = site.data.[page.menubar] %}
|
|
2
|
+
|
|
3
|
+
<aside class="menu">
|
|
4
|
+
{% for menu in menus %}
|
|
5
|
+
<p class="menu-label">{{ menu.label }}</p>
|
|
6
|
+
<ul class="menu-list">
|
|
7
|
+
{% for item in menu.items %}
|
|
8
|
+
<li>
|
|
9
|
+
<a href="{{ item.link | relative_url }}" class="{% if item.link == page.url %}is-active{% endif %}">{{ item.name }}</a>
|
|
10
|
+
{% if item.items %}
|
|
11
|
+
<ul>
|
|
12
|
+
{% for subitem in item.items %}
|
|
13
|
+
<li><a href="{{ subitem.link | relative_url }}" class="{% if subitem.link == page.url %}is-active{% endif %}">{{ subitem.name }}</a></li>
|
|
14
|
+
{% endfor %}
|
|
15
|
+
</ul>
|
|
16
|
+
{% endif %}
|
|
17
|
+
</li>
|
|
18
|
+
{% endfor %}
|
|
19
|
+
</ul>
|
|
20
|
+
{% endfor %}
|
|
21
|
+
</aside>
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
<div x-data="{visible: true}" markdown="0">
|
|
2
|
+
<div class="notification {{ include.status | default: 'is-warning' }}" x-show.transition.duration.300ms="visible">
|
|
3
|
+
{% if include.dismissable %}
|
|
4
|
+
<button class="delete" x-on:click="visible = false"></button>
|
|
5
|
+
{% endif %}
|
|
6
|
+
<article class="media">
|
|
7
|
+
{% if include.icon != 'false' %}
|
|
8
|
+
<div class="media-left">
|
|
9
|
+
<span class="icon"><i class="{{ include.icon | default: 'fas fa-exclamation-circle' }} fa-lg"></i></span>
|
|
10
|
+
</div>
|
|
11
|
+
{% endif %}
|
|
12
|
+
<div class="media-content">
|
|
13
|
+
<div class="content">{{ include.message | markdownify }}</div>
|
|
14
|
+
</div>
|
|
15
|
+
</article>
|
|
16
|
+
</div>
|
|
17
|
+
</div>
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
<nav class="pagination is-centered">
|
|
2
|
+
{% if paginator.previous_page %}
|
|
3
|
+
<a href="{{ site.baseurl }}{{ paginator.previous_page_path }}" class="pagination-previous is-info">Previous</a>
|
|
4
|
+
{% else %}
|
|
5
|
+
<p class="pagination-previous" disabled>Previous</p>
|
|
6
|
+
{% endif %}
|
|
7
|
+
{% if paginator.next_page %}
|
|
8
|
+
<a href="{{ site.baseurl }}{{ paginator.next_page_path }}" class="pagination-next is-info">Next</a>
|
|
9
|
+
{% else %}
|
|
10
|
+
<p class="pagination-next" disabled >Next</p>
|
|
11
|
+
{% endif %}
|
|
12
|
+
<ul class="pagination-list">
|
|
13
|
+
{% for page in (1..paginator.total_pages) %}
|
|
14
|
+
{% if page == paginator.page %}
|
|
15
|
+
<li><a class="pagination-link is-current">{{ page }}</a></li>
|
|
16
|
+
{% elsif page == 1 %}
|
|
17
|
+
<li><a href="{{ site.paginate_path | prepend: site.baseurl | replace: '//', '/' | split: '/' | pop | join: '/' }}" class="pagination-link">{{ page }}</a></li>
|
|
18
|
+
{% else %}
|
|
19
|
+
<li><a href="{{ site.paginate_path | prepend: site.baseurl | replace: '//', '/' | replace: ':num', page }}" class="pagination-link">{{ page }}</a></li>
|
|
20
|
+
{% endif %}
|
|
21
|
+
{% endfor %}
|
|
22
|
+
</ul>
|
|
23
|
+
</nav>
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
<div class="card">
|
|
2
|
+
{% if post.image %}
|
|
3
|
+
<div class="card-image">
|
|
4
|
+
<img src="{{ post.image }}" alt="{{ post.title }}">
|
|
5
|
+
</div>
|
|
6
|
+
{% else %}
|
|
7
|
+
<header class="card-header">
|
|
8
|
+
<a class="card-header-title" href="{{ site.baseurl }}{{ post.url }}">{{ post.title}}</a>
|
|
9
|
+
</header>
|
|
10
|
+
{% endif %}
|
|
11
|
+
<div class="card-content">
|
|
12
|
+
<div class="content">
|
|
13
|
+
{% if post.image %}
|
|
14
|
+
<a class="title is-4" href="{{ site.baseurl }}{{ post.url }}">{{ post.title}}</a>
|
|
15
|
+
{% endif %}
|
|
16
|
+
{% if post.summary %}
|
|
17
|
+
{{ post.summary | markdownify }}
|
|
18
|
+
{% else %}
|
|
19
|
+
<p>{{ post.excerpt }}</p>
|
|
20
|
+
{% endif %}
|
|
21
|
+
</div>
|
|
22
|
+
<div class="has-text-centered">
|
|
23
|
+
<a href="{{ site.baseurl }}{{ post.url }}" class="button is-primary">Read more</a>
|
|
24
|
+
</div>
|
|
25
|
+
</div>
|
|
26
|
+
<footer class="card-footer">
|
|
27
|
+
<p class="card-footer-item">Published: {{ post.date | date: "%b %-d, %Y" }}</p>
|
|
28
|
+
</footer>
|
|
29
|
+
</div>
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
|
|
2
|
+
<div class="content {% if include.align %} {{ include.align }} {% else %} has-text-centered {% endif %}">
|
|
3
|
+
{% for num in (1..include.rating) %}
|
|
4
|
+
<span class="icon">
|
|
5
|
+
<i class="fas fa-star"></i>
|
|
6
|
+
</span>
|
|
7
|
+
{% endfor %}
|
|
8
|
+
{% assign remainder = 5 | minus: include.rating %}
|
|
9
|
+
{% for num in (1..remainder) %}
|
|
10
|
+
<span class="icon">
|
|
11
|
+
<i class="far fa-star"></i>
|
|
12
|
+
</span>
|
|
13
|
+
{% endfor %}
|
|
14
|
+
</div>
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
<article class="media">
|
|
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 %}
|
|
12
|
+
</figure>
|
|
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 %}
|
|
26
|
+
</div>
|
|
27
|
+
</article>
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
{% assign series = site.data.[page.series] %}
|
|
2
|
+
{% assign posts = site.posts %}
|
|
3
|
+
|
|
4
|
+
<p class="title is-5 is-spaced">{{ series.title }}</p>
|
|
5
|
+
|
|
6
|
+
{% if series.description %}
|
|
7
|
+
<p>{{ series.description }}</p>
|
|
8
|
+
{% endif %}
|
|
9
|
+
|
|
10
|
+
{% for section in series.sections %}
|
|
11
|
+
|
|
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 %}
|
|
29
|
+
|
|
30
|
+
{% endfor %}
|
|
31
|
+
</ul>
|
|
32
|
+
{% endfor %}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
<p><strong>Share</strong></p>
|
|
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 }}');">
|
|
5
|
+
<span class="icon"><i class="fab fa-facebook fa-lg"></i></span>
|
|
6
|
+
</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
|
+
<span class="icon"><i class="fab fa-twitter fa-lg"></i></span>
|
|
10
|
+
</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=');">
|
|
13
|
+
<span class="icon"><i class="fab fa-linkedin fa-lg"></i></span>
|
|
14
|
+
</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 }}');">
|
|
17
|
+
<span class="icon"><i class="fab fa-reddit fa-lg"></i></span>
|
|
18
|
+
</a>
|
|
19
|
+
</div>
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
{% if page.showcase %}
|
|
2
|
+
{% assign showcase = site.data.[page.showcase] %}
|
|
3
|
+
|
|
4
|
+
<div class="content">
|
|
5
|
+
<p>{{ showcase.intro | markdownify }}</p>
|
|
6
|
+
</div>
|
|
7
|
+
|
|
8
|
+
{% for item in showcase.items %}
|
|
9
|
+
<section class="showcase">
|
|
10
|
+
<figure class="image {% if item.image_ratio %} {{ item.image_ratio }} {% else %} is-16by9 {% endif %}">
|
|
11
|
+
<img src="{{ item.image | relative_url }}" />
|
|
12
|
+
</figure>
|
|
13
|
+
<div class="showcase-content">
|
|
14
|
+
<div class="columns is-centered">
|
|
15
|
+
<div class="column is-8-desktop is-12-tablet">
|
|
16
|
+
<p class="title">{{ item.title }}</p>
|
|
17
|
+
<p class="subtitle">{{ item.subtitle }}</p>
|
|
18
|
+
|
|
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/{{ showcase.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>
|
|
31
|
+
{% endif %}
|
|
32
|
+
|
|
33
|
+
<div class="content">
|
|
34
|
+
<p>{{ item.description | markdownify }}</p>
|
|
35
|
+
</div>
|
|
36
|
+
|
|
37
|
+
{% 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>
|
|
43
|
+
{% endif %}
|
|
44
|
+
|
|
45
|
+
|
|
46
|
+
{% 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>
|
|
53
|
+
{% endif %}
|
|
54
|
+
|
|
55
|
+
<a href="{{ item.link }}" class="button is-primary">
|
|
56
|
+
{{ item.link_text }}
|
|
57
|
+
</a>
|
|
58
|
+
</div>
|
|
59
|
+
</div>
|
|
60
|
+
|
|
61
|
+
</div>
|
|
62
|
+
</section>
|
|
63
|
+
{% endfor %}
|
|
64
|
+
{% endif %}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
{% if page.sponsors %}
|
|
2
|
+
{% assign tiers=site.data.[page.sponsors] %}
|
|
3
|
+
<div class="columns is-multiline">
|
|
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>
|
|
15
|
+
</div>
|
|
16
|
+
</div>
|
|
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
|
+
|
|
30
|
+
{% endif %}
|
|
31
|
+
</p>
|
|
32
|
+
</div>
|
|
33
|
+
</div>
|
|
34
|
+
{% endfor %}
|
|
35
|
+
</div>
|
|
36
|
+
</div>
|
|
37
|
+
<div class="column is-12">
|
|
38
|
+
<hr />
|
|
39
|
+
</div>
|
|
40
|
+
{% endfor %}
|
|
41
|
+
</div>
|
|
42
|
+
{% endif %}
|
data/_includes/tabs.html
ADDED
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
{% if page.tabs %}
|
|
2
|
+
{% assign tabs = site.data.[page.tabs] %}
|
|
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 %}
|
data/_includes/tag.html
ADDED