From ca43b64220dc262a12223b67f91a0d9aaec6c76b Mon Sep 17 00:00:00 2001 From: Nikolaos Karaolidis Date: Sun, 27 Oct 2024 11:16:33 +0000 Subject: [PATCH] Add image variant Signed-off-by: Nikolaos Karaolidis --- assets/css/image/feed.css | 108 +++++++++++++ assets/css/image/main.css | 19 +++ assets/css/image/masonry.css | 217 ++++++++++++++++++++++++++ assets/css/image/pswp.css | 73 +++++++++ assets/css/image/site.css | 18 +++ assets/images/default-skin.png | Bin 0 -> 1980 bytes assets/images/default-skin.svg | 1 + assets/images/preloader.gif | Bin 0 -> 866 bytes assets/js/common/tabs.js | 4 +- assets/js/image/main.js | 134 ++++++++++++++++ author.hbs | 4 + default.hbs | 10 ++ gulpfile.js | 4 +- index.hbs | 12 +- package.json | 8 + partials/common/pswp.hbs | 2 +- partials/icons/maximize.hbs | 7 + partials/image/feed.hbs | 6 + partials/image/lib/footer/jquery.hbs | 3 + partials/image/lib/footer/masonry.hbs | 3 + partials/image/loop.hbs | 36 +++++ partials/image/more.hbs | 12 ++ partials/text/feed.hbs | 18 +-- partials/text/loop.hbs | 17 ++ partials/text/more.hbs | 4 +- post.hbs | 11 +- tag.hbs | 4 + 27 files changed, 703 insertions(+), 32 deletions(-) create mode 100644 assets/css/image/feed.css create mode 100644 assets/css/image/main.css create mode 100644 assets/css/image/masonry.css create mode 100644 assets/css/image/pswp.css create mode 100644 assets/css/image/site.css create mode 100755 assets/images/default-skin.png create mode 100755 assets/images/default-skin.svg create mode 100755 assets/images/preloader.gif create mode 100644 assets/js/image/main.js create mode 100644 partials/icons/maximize.hbs create mode 100644 partials/image/feed.hbs create mode 100644 partials/image/lib/footer/jquery.hbs create mode 100644 partials/image/lib/footer/masonry.hbs create mode 100644 partials/image/loop.hbs create mode 100644 partials/image/more.hbs create mode 100644 partials/text/loop.hbs diff --git a/assets/css/image/feed.css b/assets/css/image/feed.css new file mode 100644 index 0000000..b233c0e --- /dev/null +++ b/assets/css/image/feed.css @@ -0,0 +1,108 @@ +:root { + --grid-gap: 12px; +} + +.post-caption { + display: none; +} + +.post-link { + display: block; +} + +.post-link:hover { + opacity: 1; +} + +.post-lightbox { + position: absolute; + right: 15px; + bottom: 15px; + display: flex; + align-items: center; + justify-content: center; + width: 30px; + height: 30px; + line-height: 30px; + text-align: center; + background-color: var(--color-white); + border-radius: 50%; + box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); + opacity: 0; + transition: opacity 0.2s ease, transform 0.2s ease; + transform: scale(0.8); +} + +.post-link:hover+.post-lightbox, +.post-lightbox:hover { + opacity: 1; + transform: scale(1); +} + +.post-feed { + margin: 0 auto; + visibility: hidden; + opacity: 0; + transition: opacity 0.3s var(--animation-base); +} + +.post-feed.initialized { + visibility: visible; + opacity: 1; +} + +.post-feed .grid-item { + position: absolute; + width: 330px; +} + +.post-feed .post { + position: relative; + margin: var(--grid-gap); +} + +.post-feed .post-image { + width: 100%; +} + +@media (max-width: 640px) { + .post-feed { + --grid-gap: 4px; + + max-width: calc(100% - (calc(var(--gap) - var(--grid-gap))) * 2); + } + + .post-feed .grid-item { + width: 50%; + } +} + +@media (min-width: 641px) and (max-width: 1019px) { + .post-feed { + --grid-gap: 8px; + + max-width: calc(100% - (calc(var(--gap) - var(--grid-gap))) * 2); + } + + .post-feed .grid-item { + width: calc(100% / 3); + } +} + +@media (min-width: 1020px) { + .post-feed { + max-width: 990px; + } +} + +@media (min-width: 1350px) { + .post-feed { + max-width: 1320px; + } +} + +@media (min-width: 1680px) { + .post-feed { + max-width: 1650px; + } +} diff --git a/assets/css/image/main.css b/assets/css/image/main.css new file mode 100644 index 0000000..c28b3ec --- /dev/null +++ b/assets/css/image/main.css @@ -0,0 +1,19 @@ +@import "@tryghost/shared-theme-assets/assets/css/v1/screen.css"; + +@import "../common/article.css"; +@import "../common/author.css"; +@import "../common/gscan.css"; +@import "../common/head.css"; +@import "../common/pagehead.css"; +@import "../common/root.css"; +@import "../common/section.css"; +@import "../common/tag.css"; + +@import "../lib/prism.css"; +@import "../lib/commento.css"; +@import "../lib/tocbot.css"; + +@import "feed.css"; +@import "masonry.css"; +@import "pswp.css"; +@import "site.css"; diff --git a/assets/css/image/masonry.css b/assets/css/image/masonry.css new file mode 100644 index 0000000..9547165 --- /dev/null +++ b/assets/css/image/masonry.css @@ -0,0 +1,217 @@ +/* +Brother . +https: //github.com/TryGhost/Edge/blob/main/assets/css/general/masonry.css +*/ + +.flexmasonry { + display: flex; + flex-flow: column wrap; + align-content: space-between; +} + +.flexmasonry-item { + width: 100%; +} + +.flexmasonry-cols-2 .flexmasonry-item { + width: 50%; +} + +.flexmasonry-cols-3 .flexmasonry-item { + width: 33.333%; +} + +.flexmasonry-cols-4 .flexmasonry-item { + width: 25%; +} + +.flexmasonry-cols-5 .flexmasonry-item { + width: 20%; +} + +.flexmasonry-cols-6 .flexmasonry-item { + width: 16.666%; +} + +.flexmasonry-cols-7 .flexmasonry-item { + width: 14.285%; +} + +.flexmasonry-cols-8 .flexmasonry-item { + width: 12.5%; +} + +.flexmasonry-cols-2 .flexmasonry-item:nth-child(2n+1) { + order: 1; +} + +.flexmasonry-cols-2 .flexmasonry-item:nth-child(2n) { + order: 2; +} + +.flexmasonry-cols-3 .flexmasonry-item:nth-child(3n+1) { + order: 1; +} + +.flexmasonry-cols-3 .flexmasonry-item:nth-child(3n+2) { + order: 2; +} + +.flexmasonry-cols-3 .flexmasonry-item:nth-child(3n) { + order: 3; +} + +.flexmasonry-cols-4 .flexmasonry-item:nth-child(4n+1) { + order: 1; +} + +.flexmasonry-cols-4 .flexmasonry-item:nth-child(4n+2) { + order: 2; +} + +.flexmasonry-cols-4 .flexmasonry-item:nth-child(4n+3) { + order: 3; +} + +.flexmasonry-cols-4 .flexmasonry-item:nth-child(4n) { + order: 4; +} + +.flexmasonry-cols-5 .flexmasonry-item:nth-child(5n+1) { + order: 1; +} + +.flexmasonry-cols-5 .flexmasonry-item:nth-child(5n+2) { + order: 2; +} + +.flexmasonry-cols-5 .flexmasonry-item:nth-child(5n+3) { + order: 3; +} + +.flexmasonry-cols-5 .flexmasonry-item:nth-child(5n+4) { + order: 4; +} + +.flexmasonry-cols-5 .flexmasonry-item:nth-child(5n) { + order: 5; +} + +.flexmasonry-cols-6 .flexmasonry-item:nth-child(6n+1) { + order: 1; +} + +.flexmasonry-cols-6 .flexmasonry-item:nth-child(6n+2) { + order: 2; +} + +.flexmasonry-cols-6 .flexmasonry-item:nth-child(6n+3) { + order: 3; +} + +.flexmasonry-cols-6 .flexmasonry-item:nth-child(6n+4) { + order: 4; +} + +.flexmasonry-cols-6 .flexmasonry-item:nth-child(6n+5) { + order: 5; +} + +.flexmasonry-cols-6 .flexmasonry-item:nth-child(6n) { + order: 6; +} + +.flexmasonry-cols-7 .flexmasonry-item:nth-child(7n+1) { + order: 1; +} + +.flexmasonry-cols-7 .flexmasonry-item:nth-child(7n+2) { + order: 2; +} + +.flexmasonry-cols-7 .flexmasonry-item:nth-child(7n+3) { + order: 3; +} + +.flexmasonry-cols-7 .flexmasonry-item:nth-child(7n+4) { + order: 4; +} + +.flexmasonry-cols-7 .flexmasonry-item:nth-child(7n+5) { + order: 5; +} + +.flexmasonry-cols-7 .flexmasonry-item:nth-child(7n+6) { + order: 6; +} + +.flexmasonry-cols-7 .flexmasonry-item:nth-child(7n) { + order: 7; +} + +.flexmasonry-cols-8 .flexmasonry-item:nth-child(8n+1) { + order: 1; +} + +.flexmasonry-cols-8 .flexmasonry-item:nth-child(8n+2) { + order: 2; +} + +.flexmasonry-cols-8 .flexmasonry-item:nth-child(8n+3) { + order: 3; +} + +.flexmasonry-cols-8 .flexmasonry-item:nth-child(8n+4) { + order: 4; +} + +.flexmasonry-cols-8 .flexmasonry-item:nth-child(8n+5) { + order: 5; +} + +.flexmasonry-cols-8 .flexmasonry-item:nth-child(8n+6) { + order: 6; +} + +.flexmasonry-cols-8 .flexmasonry-item:nth-child(8n+7) { + order: 7; +} + +.flexmasonry-cols-8 .flexmasonry-item:nth-child(8n) { + order: 8; +} + +.flexmasonry-break { + flex-basis: 100%; + width: 0 !important; + margin: 0; + content: ""; +} + +.flexmasonry-break-1 { + order: 1; +} + +.flexmasonry-break-2 { + order: 2; +} + +.flexmasonry-break-3 { + order: 3; +} + +.flexmasonry-break-4 { + order: 4; +} + +.flexmasonry-break-5 { + order: 5; +} + +.flexmasonry-break-6 { + order: 6; +} + +.flexmasonry-break-7 { + order: 7; +} diff --git a/assets/css/image/pswp.css b/assets/css/image/pswp.css new file mode 100644 index 0000000..a2a692d --- /dev/null +++ b/assets/css/image/pswp.css @@ -0,0 +1,73 @@ +/* +I don't know either man +https: //github.com/TryGhost/Themes/blob/main/packages/_shared/assets/css/v1/vendor/pswp.css +*/ + +.pswp__bg { + background: rgba(255, 255, 255, 0.9); +} + +.pswp__caption__center { + color: var(--color-darker-gray); +} + +.pswp__button, +.pswp__button--arrow--left::before, +.pswp__button--arrow--right::before { + background: url("/assets/images/default-skin.png") 0 0 no-repeat; + background-size: 264px 88px; +} + +@media (-webkit-min-device-pixel-ratio: 1.1), +(-webkit-min-device-pixel-ratio: 1.09375), +(min-resolution: 105dpi), +(min-resolution: 1.1dppx) { + + .pswp--svg .pswp__button, + .pswp--svg .pswp__button--arrow--left::before, + .pswp--svg .pswp__button--arrow--right::before { + background-image: url("/assets/images/default-skin.svg"); + } + + .pswp--svg .pswp__button--arrow--left, + .pswp--svg .pswp__button--arrow--right { + background: none; + } +} + +.pswp__button--arrow--left, +.pswp__button--arrow--right { + background: none; +} + +.pswp__button--close { + background-position: 0 -44px; +} + +.pswp__button--share { + background-position: -44px -44px; +} + +.pswp--fs .pswp__button--fs { + background-position: -44px 0; +} + +.pswp__button--zoom { + background-position: -88px 0; +} + +.pswp--zoomed-in .pswp__button--zoom { + background-position: -132px 0; +} + +.pswp__button--arrow--left::before { + background-position: -138px -44px; +} + +.pswp__button--arrow--right::before { + background-position: -94px -44px; +} + +.pswp__preloader--active .pswp__preloader__icn { + background: url("/assets/images/preloader.gif") 0 0 no-repeat; +} diff --git a/assets/css/image/site.css b/assets/css/image/site.css new file mode 100644 index 0000000..f1f9a9c --- /dev/null +++ b/assets/css/image/site.css @@ -0,0 +1,18 @@ +.gh-site { + display: flex; + flex-direction: column; + min-height: 100vh; +} + +.gh-site-content { + flex-grow: 1; + padding: 48px 0 96px; +} + +.gh-main { + padding-top: 0; +} + +.gh-feed { + width: 100%; +} diff --git a/assets/images/default-skin.png b/assets/images/default-skin.png new file mode 100755 index 0000000000000000000000000000000000000000..17424f11a21248b0445d9da17641faca1d3ad2eb GIT binary patch literal 1980 zcmeAS@N?(olHy`uVBq!ia0y~yVB}z6V2I#gV_;z5s0z`!6`;u=vBoS#-wo>-L1 z;Fyx1l&avFo0y&&l$w}QS$HzlhJk@uB{L+VB*NFnDmgz_FA=0huOhdA0R(L9D+&^m zvr|hHl2X$%^K6yg@7}MZkeOnu6mIHk;9KCFnvv;IRg@ZBIxIyhIN=dU- z$|xx*u+rBrFE7_CH`dE9O4m2Ew6p}7VPvFRl#-@fT$xvrSfQI&tPC^3CAB!YD6^m> zGe1uOWMX1cerbuVk`mO|irfOYv3bSNU`o!<)vrh_&^OdG0C@@G*W3bMU;IjQbK$Cs zOM+4n?!{_waY$uBs(w&vaeir0a%xa&nli{u1y;^Qsfi`|MIrh5Ij~R+$jC3rFV4s> zP;d@5Q_%2DOwP;$321_K`1)FT<`tJD<|U_ky4WgJ>rom>Igl^t$9Hm*%GCmB93-AoQBx)C)=spa8LQNiE7OOHFYr z%Fk5*d)g`!w_6Nxng`XJg4-=dIQ8n=DcIKSXwZT)M&XsE5`;`vdpHdphI<|1+Ex zaCPAp73Fpe325rLI?-!`my5TcNK3;pr#DBUHUtFbYj-Cs?BD-1EphIdcYEI4Hm;t} zUvn}xZ@P`S`T6pBGjE>l4f0}jm@A#bl~IEOECeP31P(~e zeerq8-o1NweedX(ns@EF&boT`<%z^)kJnBt1@x>u6ej>9SdC9$T(13DCQJf8J)F`BkfH?i`% zt#e%TUGJ^6H1fCGA0TtrXpY^zibCE+?Wu7~ww~QBsXy)izwC*{6ZMt$PksLD_tS|x zA_{U3RYc}J()n!F(I3(5wk5?)&hwb8tJ%J1r^n9Z*8DxtSVoR`bLwTKfctLGud{SoXfmjCUv^P#*DkXlvU9F&bH_KovrnKPc8iKc)Y8yd``qg zzKLQowe3NC>dN2wa#Sb2-j;hy-NNm%t5PhA{`v9giPsb7uaQZpWxZIkTX*`T9hRSbo~%Fd^TcvL?Sx*| ziw~Dxvz&6|<_Y_W?#lPI*)z7SnjW=%X2@b){{w$dJm!7Mux6D)mCuh{xw-b5>*|-P xY{)pI_c_n+04QH#&zu1Q3|veZALcVKGx%InztQ@DuM1S4db;|#taD0e0ssWu6<7cO literal 0 HcmV?d00001 diff --git a/assets/images/default-skin.svg b/assets/images/default-skin.svg new file mode 100755 index 0000000..2c7f56e --- /dev/null +++ b/assets/images/default-skin.svg @@ -0,0 +1 @@ +default-skin 2 diff --git a/assets/images/preloader.gif b/assets/images/preloader.gif new file mode 100755 index 0000000000000000000000000000000000000000..b8faa697c58d574f24ad1295e75f0d5acd807f5e GIT binary patch literal 866 zcmZ?wbhEHb6k!ly_{_o3-rjC+Zyz2WuCA_r{`~pv+qci3KR-V||NsC04A_9;e{Mh5 zkYH!W09PYD17=1B1_s5SEUfGd91J=j^&n#%Sb_ykdaiaoc1Nm-wV|Y^U4t{|HZ1R2KSYMD>B_mbhS7A(LU*Apg4)Ns zKP8Jy74Qt{{qpXW62cxv21W)U1|bFp7C(WLn%)a7qGzu(ys9S1@~!rv$F$3wN!qvf zN#49G%kbc`fr6Fn`RCm43XaU5(Eh=2X8U1Xfdej!CAFp&O;uuH>fCnfYtzA`Pj6-F zye`b;z-2`*$O=t{t7@XGs8-x9d?4(IW(Cv1Tm!fjOpHWY!MMO8diG1pt7?*Ls8-BX zcn}%4Q7#UElh!uD+IT6i@=7Vbk;8t+35NSm#$QPL$ zSJh !a.test(link.href) && link.setAttribute("target", "_blank")); } diff --git a/assets/js/image/main.js b/assets/js/image/main.js new file mode 100644 index 0000000..72e97b8 --- /dev/null +++ b/assets/js/image/main.js @@ -0,0 +1,134 @@ +function pswp(container, element, trigger, caption, isGallery) { + var parseThumbnailElements = function (el) { + var items = [], + gridEl, + linkEl, + item; + + $(el) + .find(element) + .each(function (i, v) { + gridEl = $(v); + linkEl = gridEl.find(trigger); + + item = { + src: isGallery + ? gridEl.find('img').attr('src') + : linkEl.attr('href'), + w: 0, + h: 0, + }; + + if (caption && gridEl.find(caption).length) { + item.title = gridEl.find(caption).html(); + } + + items.push(item); + }); + + return items; + }; + + var openPhotoSwipe = function (index, galleryElement) { + var pswpElement = document.querySelectorAll('.pswp')[0], + gallery, + options, + items; + + items = parseThumbnailElements(galleryElement); + + options = { + closeOnScroll: false, + history: false, + index: index, + shareEl: false, + showAnimationDuration: 0, + showHideOpacity: true, + }; + + gallery = new PhotoSwipe( + pswpElement, + PhotoSwipeUI_Default, + items, + options + ); + + gallery.listen('gettingData', function (index, item) { + if (item.w < 1 || item.h < 1) { + var img = new Image(); + img.onload = function () { + item.w = this.width; + item.h = this.height; + gallery.updateSize(true); + }; + img.src = item.src; + } + }); + gallery.init(); + }; + + var onThumbnailsClick = function (e) { + e.preventDefault(); + + var index = $(e.target) + .closest(container) + .find(element) + .index($(e.target).closest(element)); + var clickedGallery = $(e.target).closest(container); + + openPhotoSwipe(index, clickedGallery[0]); + + return false; + }; + + $(container).on('click', trigger, function (e) { + onThumbnailsClick(e); + }); +} + +function feed() { + 'use strict'; + + var grid = document.querySelector('.post-feed'); + if (!grid) return; + + var masonry; + + imagesLoaded(grid, function () { + masonry = new Masonry(grid, { + itemSelector: '.grid-item', + columnWidth: '.grid-sizer', + hiddenStyle: { transform: 'translateY(50px)', opacity: 0 }, + visibleStyle: { transform: 'translateY(0)', opacity: 1 }, + }); + + masonry.on('layoutComplete', function () { + grid.classList.add('initialized'); + }); + + masonry.layout(); + + function callback(items, loadNextPage) { + imagesLoaded(items, function (loaded) { + masonry.appended(items); + masonry.layout(); + loaded.elements.forEach(function (item) { + item.style.visibility = 'visible'; + }); + loadNextPage(); + }); + } + + pagination(true, callback, true); + }); + + pswp( + '.post-feed', + '.post', + '.post-lightbox', + '.post-caption', + false + ); +} + +feed(); diff --git a/author.hbs b/author.hbs index 55be21f..ad9a311 100644 --- a/author.hbs +++ b/author.hbs @@ -40,5 +40,9 @@ {{/author}} + {{#match @custom.mode "Text-based"}} {{> text/feed}} + {{else}} + {{> image/feed}} + {{/match}} diff --git a/default.hbs b/default.hbs index 3c10669..44ad9ba 100644 --- a/default.hbs +++ b/default.hbs @@ -7,7 +7,11 @@ {{meta_title}} {{> common/lib/header/fonts}} + {{#match @custom.mode "Text-based"}} + {{else}} + + {{/match}} {{> common/lib/header/prism}} {{ghost_head}} @@ -31,7 +35,13 @@ {{> common/pswp}} {{> common/lib/footer/tocbot}} + {{#match @custom.mode "Text-based"}} + {{else}} + {{> image/lib/footer/jquery}} + {{> image/lib/footer/masonry}} + + {{/match}} {{> common/lib/footer/prism}} {{ghost_foot}} diff --git a/gulpfile.js b/gulpfile.js index ab9ec5a..596d310 100644 --- a/gulpfile.js +++ b/gulpfile.js @@ -54,8 +54,8 @@ const js = (variant) => (done) => { ], done); } -const allCss = parallel(css('text')); -const allJs = parallel(js('text')); +const allCss = parallel(css('text'), css('image')); +const allJs = parallel(js('text'), js('image')); const zipper = (done) => { const filename = require('./package.json').name + '.zip'; diff --git a/index.hbs b/index.hbs index dada20c..06ea083 100644 --- a/index.hbs +++ b/index.hbs @@ -1,7 +1,7 @@ -{{!< default}}
-
-
- {{> text/feed}} -
-
+{{!< default}}
+ {{#match @custom.mode "Text-based"}} + {{> text/feed}} + {{else}} + {{> image/feed}} + {{/match}}
diff --git a/package.json b/package.json index fcf8f09..7e31f83 100644 --- a/package.json +++ b/package.json @@ -65,6 +65,14 @@ "Elegant serif" ], "default": "Modern sans-serif" + }, + "mode": { + "type": "select", + "options": [ + "Text-based", + "Image-based" + ], + "default": "Text-based" } } }, diff --git a/partials/common/pswp.hbs b/partials/common/pswp.hbs index 642d86d..bd5c13d 100644 --- a/partials/common/pswp.hbs +++ b/partials/common/pswp.hbs @@ -38,4 +38,4 @@ - \ No newline at end of file + diff --git a/partials/icons/maximize.hbs b/partials/icons/maximize.hbs new file mode 100644 index 0000000..1f618cb --- /dev/null +++ b/partials/icons/maximize.hbs @@ -0,0 +1,7 @@ + + + + + + diff --git a/partials/image/feed.hbs b/partials/image/feed.hbs new file mode 100644 index 0000000..7423ba1 --- /dev/null +++ b/partials/image/feed.hbs @@ -0,0 +1,6 @@ +
+
+ {{#foreach posts}} + {{> image/loop}} + {{/foreach}} +
diff --git a/partials/image/lib/footer/jquery.hbs b/partials/image/lib/footer/jquery.hbs new file mode 100644 index 0000000..1b99332 --- /dev/null +++ b/partials/image/lib/footer/jquery.hbs @@ -0,0 +1,3 @@ + diff --git a/partials/image/lib/footer/masonry.hbs b/partials/image/lib/footer/masonry.hbs new file mode 100644 index 0000000..9b443d8 --- /dev/null +++ b/partials/image/lib/footer/masonry.hbs @@ -0,0 +1,3 @@ + diff --git a/partials/image/loop.hbs b/partials/image/loop.hbs new file mode 100644 index 0000000..c187ab2 --- /dev/null +++ b/partials/image/loop.hbs @@ -0,0 +1,36 @@ +{{#if feature_image}} +
+
+ + + {{title}} + + + + {{> icons/maximize}} + + +
+

{{title}}

+
+ {{#primary_tag}} + + {{name}} + + {{/primary_tag}} + + + + + View post + +
+
+ +
+
+{{/if}} diff --git a/partials/image/more.hbs b/partials/image/more.hbs new file mode 100644 index 0000000..4ce5364 --- /dev/null +++ b/partials/image/more.hbs @@ -0,0 +1,12 @@ +{{#get "posts" limit="all" filter="tags:[{{tags[*].slug}}]+id:-{{id}}" as |related|}} +{{#if related}} +
+
+
+ {{#foreach related}} + {{> image/loop}} + {{/foreach}} +
+
+{{/if}} +{{/get}} diff --git a/partials/text/feed.hbs b/partials/text/feed.hbs index 878432e..1bf810d 100644 --- a/partials/text/feed.hbs +++ b/partials/text/feed.hbs @@ -1,21 +1,5 @@
{{#foreach posts}} - + {{> text/loop}} {{/foreach}}
diff --git a/partials/text/loop.hbs b/partials/text/loop.hbs new file mode 100644 index 0000000..3954227 --- /dev/null +++ b/partials/text/loop.hbs @@ -0,0 +1,17 @@ + diff --git a/partials/text/more.hbs b/partials/text/more.hbs index 69734a7..3e23e0d 100644 --- a/partials/text/more.hbs +++ b/partials/text/more.hbs @@ -2,7 +2,7 @@
{{#prev_post}} - {{> icons/arrow-left}} Previous issue + {{> icons/arrow-left}} Previous post

{{title}}

 {{/prev_post}} @@ -13,7 +13,7 @@
{{#next_post}} - Next issue {{> icons/arrow-right}} + Next post {{> icons/arrow-right}}

{{title}}

 {{/next_post}} diff --git a/post.hbs b/post.hbs index 4a34b49..d50f86b 100644 --- a/post.hbs +++ b/post.hbs @@ -3,6 +3,7 @@ {{#post}}
+

{{title}}

@@ -27,12 +28,16 @@ {{> common/comments}} -
+ {{/post}}
diff --git a/tag.hbs b/tag.hbs index 0085b19..d8a8506 100644 --- a/tag.hbs +++ b/tag.hbs @@ -17,5 +17,9 @@ {{/tag}} + {{#match @custom.mode "Text-based"}} {{> text/feed}} + {{else}} + {{> image/feed}} + {{/match}}