jekyll-swift-theme 0.2.0 → 0.3.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: e986063b8373632bd776d7ec1fbbcd6b854f69ef6b56ab64977fa6fa1f680c8b
-  data.tar.gz: 4828fc363d51d011ff1af311175fea00a69de2e416c9b0619fe485f4bf153655
+  metadata.gz: 3c6042d1f2fa9618661de3faf92961ada9f0afd1b2c574ff14d292323a8d0002
+  data.tar.gz: 7a8073a192a04428aaef7bacbaa10e781a30cbe0ff46f52700b7a2428278f436
 SHA512:
-  metadata.gz: 67f63009901979e66e9d8030424b228e287698db0288dd8305802f11163f5cb6bdd3f8816e3c144b5948b94065be27d24060515f7177e361692d42221c32141e
-  data.tar.gz: 97e0678b0da1c139c150a3af240d5c2416b810d5284aa9b1ff4c76b96a816dbc34d8911fb169d47fcf03e5fa8e8b81722c8cbccb58b2cf2a18560423e425d308
+  metadata.gz: 4378c3cb266a96c591cf6365e0284c308256e8ee68ee6a641f38fa3f0f83d90ad6cfb21c3c064ed96f393322639759669ee5a18ddda5666958592be89e5d0154
+  data.tar.gz: 93486a53817626e6b13f96ac1f8d656921e93098fcaf015873d0fe01831c6eea8c760730a57e52ea1e43e02837e8111883e41dfab7616048832d63a259779916

data/README.md

@@ -17,7 +17,8 @@ This Theme is a port of [Hugo Swift Theme](https://github.com/onweru/hugo-swift-
 * Pagination
 * Dark Mode
 * Native lazy loading of images
-* Picture & Gallery Support
+* Picture & [Gallery](https://galleriajs.github.io) Support
+* Flickr Album Support
 * YouTube Video Support
 
 ### TODO
@@ -53,6 +54,14 @@ Then you can include the gallery with the used key.
 {% include shorts/gallery.html name="example" %}
 ```
 
+### Flickr Album
+
+You can include a flickr album in your article. For this you need to include `flickr.album.html` with the flickr id of the album.
+
+```ruby
+{% include shorts/flickr-album.html albumId="72157711928042766" %}
+```
+
 ### YouTube Video Support
 
 You can include a youtube video very simple.

data/_includes/head.html

@@ -9,8 +9,13 @@
   <link rel='icon' type='image/png' sizes='16x16' href='{{ "/assets/images/icons/favicon-16x16.png" | relative_url }}'>
   <link rel='manifest' href='{{ "/assets/images/icons/site.webmanifest" | relative_url }}'>
 
-
   {%- seo -%}
   <link rel="stylesheet" href="{{ "/assets/main.css" | relative_url }}">
+  <link rel="stylesheet" href="{{ "/assets/galleria/themes/folio/galleria.folio.css" | relative_url }}">
   {%- feed_meta -%}
+
+  <script src="{{ "/assets/js/jquery-3.6.0.min.js" | relative_url }}"></script>
+  <script src="{{ "/assets/galleria/galleria.min.js" | relative_url }}"></script>
+  <script src="{{ "/assets/galleria/plugins/flickr/galleria.flickr.min.js" | relative_url }}"></script>
+  <script src="{{ "/assets/galleria/themes/folio/galleria.folio.min.js" | relative_url }}"></script>
 </head>

data/_includes/shorts/flickr-album.html

@@ -0,0 +1,10 @@
+<div class="galleria galleria-{{ include.albumId }}"></div>
+
+<script type="text/javascript">
+    $('.galleria-{{ include.albumId }}').galleria({
+        flickr: 'set:{{ include.albumId }}',
+        flickrOptions: {
+            thumbSize: 'medium'
+        }
+    });
+</script>

data/_includes/shorts/gallery.html

@@ -1,9 +1,11 @@
 {% assign gallery = site.data.gallery[include.name] %}
 
-<div class="gallery">
+<div class="galleria galleria-{{ include.name }}">
     {% for item in gallery %}
-        <figure class="gallery_item">
-            <img src="{{ '/assets/images/' | append: item.image | relativePath }}" class="gallery_image" alt="{{ item.description }}" />
-        </figure>
+    <img src="{{ '/assets/images/' | append: item.image | relativePath }}" data-description="{{ item.description }}" />
     {% endfor %}
-</div>
+</div>
+
+<script type="text/javascript">
+    $('.galleria-{{ include.name }}').galleria();
+</script>

data/_sass/swift/_comments.sass

@@ -75,3 +75,9 @@
   iframe
     transform: scale(1.03)
     padding: 0 0.75rem
+
+.galleria
+  height: 500px
+
+.galleria-thumbnails .galleria-image
+  width: 100px