diff --git a/css/custom.css b/css/custom.css
index 3e0e36c..9ce8310 100644
--- a/css/custom.css
+++ b/css/custom.css
@@ -15,10 +15,57 @@ footer
.flex-fill
{
- flex:1 1 auto;
+ flex: 1 1 auto;
}
.card-image img
{
width: 100%;
}
+
+.card-columns img,video
+{
+ width: 100%;
+}
+
+.card-columns
+{
+ column-gap: 1em;
+}
+
+.card-columns.card
+{
+ margin-bottom: 1em;
+}
+
+@media (min-width: 576px)
+{
+ .card-columns
+ {
+ column-count: 2;
+ }
+}
+
+@media (min-width: 768px)
+{
+ .card-columns
+ {
+ column-count: 3;
+ }
+}
+
+@media (min-width: 992px)
+{
+ .card-columns
+ {
+ column-count: 4;
+ }
+}
+
+@media (min-width: 1200px)
+{
+ .card-columns
+ {
+ column-count: 6;
+ }
+}
diff --git a/templates/blog.html.twig b/templates/blog.html.twig
index e6c4a41..56cab08 100644
--- a/templates/blog.html.twig
+++ b/templates/blog.html.twig
@@ -7,14 +7,17 @@
{% set show_pagination = header_var('show_pagination', [page, blog])|defined(true) %}
{% block content %}
+ {{ page.content }}
{% if show_breadcrumbs and config.plugins.breadcrumbs.enabled %}
{% include 'partials/breadcrumbs.html.twig' %}
{% endif %}
{% embed 'partials/layout.html.twig' with {blog: page} %}
{% block item %}
{% for child in collection %}
- {% if not loop.first %}
-
+ {% if loop.first %}
+
+ {% else %}
+
{% endif %}
{% include 'partials/blog-list-item.html.twig' with {blog: page, page: child} %}
{% endfor %}
diff --git a/templates/gallery.html.twig b/templates/gallery.html.twig
new file mode 100644
index 0000000..701ff1b
--- /dev/null
+++ b/templates/gallery.html.twig
@@ -0,0 +1,29 @@
+{% extends 'partials/base.html.twig' %}
+
+{% set collection = page.collection() %}
+{% set gallery = page.find(header_var('blog_url')|defined(theme_var('blog-page'))) %}
+{% set show_breadcrumbs = header_var('show_breadcrumbs', [page, gallery])|defined(true) %}
+
+{% block content %}
+ {{ page.content }}
+ {% if show_breadcrumbs and config.plugins.breadcrumbs.enabled %}
+ {% include 'partials/breadcrumbs.html.twig' %}
+ {% endif %}
+ {% for child in collection %}
+ {% if loop.first %}
+
+ {% else %}
+
+ {% endif %}
+
+ {{ child.content }}
+
+ {% for media_item in child.media.images[:10] %}
+
+ {{ media_item.html }}
+
+ {% endfor %}
+
+
+ {% endfor %}
+{% endblock %}
diff --git a/templates/item.html.twig b/templates/item.html.twig
index f73fc52..f825d45 100644
--- a/templates/item.html.twig
+++ b/templates/item.html.twig
@@ -3,39 +3,19 @@
{% set show_breadcrumbs = header_var('show_breadcrumbs', [page, blog])|defined(true) %}
{% set show_sidebar = header_var('show_sidebar', [page, blog])|defined(true) %}
{% set show_pagination = header_var('show_pagination', [page, blog])|defined(true) %}
-{% set hero_image_name = page.header.hero_image %}
-
-{% block hero %}
- {% if hero_image_name %}
- {% set hero_image = page.media[hero_image_name] %}
- {% set content %}
- {{ page.title }}
- {{ page.header.subtitle }}
- {% include 'partials/blog/date.html.twig' %}
- {% include 'partials/blog/taxonomy.html.twig' %}
- {% endset %}
- {% include 'partials/hero.html.twig' with {id: 'blog-hero'} %}
+{% block content %}
+ {% if show_breadcrumbs and config.plugins.breadcrumbs.enabled %}
+ {% include 'partials/breadcrumbs.html.twig' %}
{% endif %}
-{% endblock %}
-
-{% block body %}
-
-
-
- {% if show_breadcrumbs and config.plugins.breadcrumbs.enabled %}
- {% include 'partials/breadcrumbs.html.twig' %}
- {% endif %}
-
- {% embed 'partials/layout.html.twig' %}
- {% block item %}
- {% include 'partials/blog-item.html.twig' %}
- {% endblock %}
- {% block sidebar %}
- {% include 'partials/sidebar.html.twig' %}
- {% endblock %}
- {% endembed %}
-
-
-
+
+
+ {% embed 'partials/layout.html.twig' %}
+ {% block item %}
+ {% include 'partials/blog-item.html.twig' %}
+ {% endblock %}
+ {% block sidebar %}
+ {% include 'partials/sidebar.html.twig' %}
+ {% endblock %}
+ {% endembed %}
{% endblock %}
diff --git a/templates/partials/base.html.twig b/templates/partials/base.html.twig
index c51ed8f..7e8fb05 100644
--- a/templates/partials/base.html.twig
+++ b/templates/partials/base.html.twig
@@ -18,16 +18,12 @@
{# do assets.addCss('https://unpkg.com/purecss@1.0.0/build/pure-min.css', 100) #}
{% do assets.addCss('https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css', 100) %}
{% do assets.addCss('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css', 99) %}
- {% do assets.addCss('theme://css/photoswipe.css', 98) %}
- {% do assets.addCss('theme://css/default-skin/default-skin.css', 97) %}
{% do assets.addCss('theme://css/custom.css', 96) %}
{% endblock %}
{% block javascripts %}
{% do assets.addJs('jquery', 100) %}
{% do assets.addJs('https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js', 99) %}
- {% do assets.addJs('theme://js/photoswipe.min.js', 98) %}
- {% do assets.addJs('theme://js/photoswipe-ui-default.min.js', 98) %}
{% endblock %}
{% block assets deferred %}
diff --git a/templates/partials/blog-list-item.html.twig b/templates/partials/blog-list-item.html.twig
index ccda73b..075b05f 100644
--- a/templates/partials/blog-list-item.html.twig
+++ b/templates/partials/blog-list-item.html.twig
@@ -5,12 +5,12 @@
{{ image.cropZoom(800,400).html|raw }}
{% endif %}
-