bulma-clean-theme 0.9.1 → 0.9.2
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +3 -0
- data/_includes/gallery.html +1 -3
- data/_includes/head.html +1 -0
- data/_includes/image-modal.html +18 -0
- data/_sass/_layout.scss +6 -0
- data/_sass/_main.scss +2 -0
- metadata +3 -2
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: f3c61d847f693897cdbfddf0da1554a22a53eed4d4824e560c8747e9ab360ba0
|
4
|
+
data.tar.gz: c618eddbb02cad70ac06b8428ed398a345d9e0d79e2197d94345ee52196bd2fa
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 9d544f037cb07a00c4f21049c73da0a3d586ee67486180bca86de7393bd760e4c392e91ba441e26010417bce43386631048d96f59313b1ef0636fc042d1a109e
|
7
|
+
data.tar.gz: 176fd2160f4189f21ae5646b56fb8693a1bf76d9b9405c78f6dc6095973a09f9adeda903fa3a5f7c81295e7ca8083e4a7227b55c1a972fdafd1fdebe7fd5faf9
|
data/README.md
CHANGED
@@ -529,11 +529,13 @@ Start by creating a gallery data file using the below format, for example `my_ga
|
|
529
529
|
- title: Image Gallery Title
|
530
530
|
images:
|
531
531
|
- link: https://via.placeholder.com/800x450
|
532
|
+
large_link: https://via.placeholder.com/1200x675
|
532
533
|
alt: The alt text for the image
|
533
534
|
description: |-
|
534
535
|
The image description can be written in **markdown** if required
|
535
536
|
ratio: is-16by9
|
536
537
|
- link: https://via.placeholder.com/800x600
|
538
|
+
large_link: https://via.placeholder.com/1200x675
|
537
539
|
alt: The alt text for the image
|
538
540
|
description: The image description
|
539
541
|
ratio: is-4by3
|
@@ -542,6 +544,7 @@ Start by creating a gallery data file using the below format, for example `my_ga
|
|
542
544
|
* If a ratio is not provided it will default to 16 by 9. Use [Bulma image](https://bulma.io/documentation/elements/image/) classes to define the image ratio required.
|
543
545
|
* The description can be plain text or it can be markdown if required.
|
544
546
|
* The alt will be used as the images alt text.
|
547
|
+
* The large_link displays in a modal when the image is clicked
|
545
548
|
|
546
549
|
#### Displaying the gallery
|
547
550
|
|
data/_includes/gallery.html
CHANGED
@@ -9,9 +9,7 @@
|
|
9
9
|
<div class="column is-4-desktop is-6-tablet">
|
10
10
|
<div class="card">
|
11
11
|
<div class="card-image">
|
12
|
-
|
13
|
-
<img src="{{ image.link | absolute_url }}" alt="{{ image.alt }}">
|
14
|
-
</figure>
|
12
|
+
{% include image-modal.html ratio=image.ratio link=image.link alt=image.alt large_link=image.large_link %}
|
15
13
|
</div>
|
16
14
|
<div class="card-content">
|
17
15
|
<div class="content">
|
data/_includes/head.html
CHANGED
@@ -6,6 +6,7 @@
|
|
6
6
|
<link rel="shortcut icon" type="image/png"
|
7
7
|
{% if site.favicon %} href="{{ site.favicon | relative_url }}" {% else %} href="{{ site.baseurl }}/favicon.png" {% endif %}
|
8
8
|
/>
|
9
|
+
<script src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.7.0/dist/alpine.min.js" defer></script>
|
9
10
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5/css/all.min.css">
|
10
11
|
{% unless site.hide_share_buttons %}
|
11
12
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma-social@1/bin/bulma-social.min.css">
|
@@ -0,0 +1,18 @@
|
|
1
|
+
<div x-data="{ open: false }">
|
2
|
+
<a @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" :class="{ 'is-active': open }">
|
8
|
+
<div class="modal-background" @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" @click="{ open = false }"></button>
|
17
|
+
</div>
|
18
|
+
</div>
|
data/_sass/_layout.scss
CHANGED
data/_sass/_main.scss
CHANGED
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: bulma-clean-theme
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.9.
|
4
|
+
version: 0.9.2
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- chrisrhymes
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date: 2020-
|
11
|
+
date: 2020-10-03 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: jekyll
|
@@ -155,6 +155,7 @@ files:
|
|
155
155
|
- _includes/head.html
|
156
156
|
- _includes/header.html
|
157
157
|
- _includes/hero.html
|
158
|
+
- _includes/image-modal.html
|
158
159
|
- _includes/latest-posts.html
|
159
160
|
- _includes/menubar.html
|
160
161
|
- _includes/pagination.html
|