jekyll-theme-editorial 1.0.1

data/_includes/item_date.html

@@ -0,0 +1,32 @@
+{%-comment-%}
+lists projects as section cards given a projects hash
+
+inputs:
+  include.date_format     optional; override the date format string to use
+  include.lead_in         optional; override character(s) to precede the date to differentiate it visually
+  include.item_date       optional; override the date, will otherwise choose in order: item, article, post, project, page,
+  include.itemprop        optional; override the microdata attribute value
+  include.date_class      optional; override the class, including microformat classes, to apply to the <time> element
+  include.hide_schema     optional; whether to hide the microformats/microdata schema hints or not
+dependencies:
+  site.date_format        the site-wide date_format to use by default
+local:
+  dt_format               the date format string to use (dt_format to avoid clobbering parent date_format)
+  lead_in                 character(s) to precede the date to differentiate it visually
+  item_date               the date, will otherwise choose in order: item, article, post, project, page,
+  itemprop                the microdata attribute value
+  date_class              the class, including microformats, to apply to the <time> element
+{%-endcomment-%}
+
+{%-assign dt_format       = include.date_format   | default: site.date_format | default: '<span class="dayname">%^A, </span>%b %-d, %Y'-%}
+{%-assign lead_in         = include.lead_in-%}
+{%-assign item_date       = include.item_date     | default: article.date | default: item.date | default: comment.date | default: post.date | default: project.date | default: page.date | date_to_xmlschema-%}
+{%-assign itemprop        = include.itemprop      | default: 'datePublished'-%}
+{%-assign date_class      = include.date_class    | default: 'dateline'-%}
+
+{%-if include.hide_schema-%}
+<time datetime="{{-item_date-}}" class="{{-date_class-}}">{{ lead_in }}{{ item_date | date: dt_format }}</time>
+{%-else-%}
+{%-unless date_class contains 'dt-modified'-%}{%-assign date_class = date_class | append: ' dt-published' | strip-%}{%-endunless-%}
+<time datetime="{{-item_date-}}" itemprop="{{-itemprop-}}" class="{{-date_class-}}">{{ lead_in }}{{ item_date | date: dt_format }}</time>
+{%-endif-%}

data/_includes/item_image.html

@@ -0,0 +1,30 @@
+{%-comment-%}
+inputs:                   none
+dependencies:
+  [article, post, project, author, page] - one of these must exist in the parent context to render anything
+  site.static_files       used to look up the placeholder image and get a list of filenames to check for file existence
+local:
+  item                    the post, project, or page for which to render the image html
+  placeholder             used as the placeholder image for the article card
+  static_file_names       used to see if the article image exists
+  image                   the image to render as the article image
+  alt_text                the alt text to use for the image, for screen readers
+  img_title               the image title to use for the image
+{%-endcomment-%}
+
+{%-assign item        = article | default: post | default: project | default: pg | default: page-%}
+{%-assign placeholder       = site.static_files         | find: 'name', 'placeholder.png'-%}
+{%-assign static_file_names = site.static_files         | map: 'name'-%}
+{%-assign image       = item.images.thumbnail.file      | default: item.images.default.file     | default: item.images.banner.file      | default: item.thumbnail       | default: item.image     | default: item.banner | default: placeholder.name-%}
+{%-assign alt_text    = item.images.thumbnail.alt_text  | default: item.images.default.alt_text | default: item.images.banner.alt_text  | default: item.images.alt_text | default: item.alt_text  | default: item.banner.alt_text-%}
+{%-assign img_title   = item.images.thumbnail.title     | default: item.images.default.title    | default: item.images.banner.title     | default: item.images.title    | default: item.title     | default: item.banner.title-%}
+
+        {%-if item != empty %}
+          {%-if static_file_names contains image %}
+          <img src="{{-item.image_path | default: site.image_path-}}{{-image-}}" itemprop="thumbnail" class="u-photo" title="{{-img_title-}}" alt="{{-alt_text-}}"/>
+          {%-elsif image == empty %}
+          <img src="{{-item.image_path | default: site.image_path-}}{{-placeholder.name-}}" title="{{-img_title-}}" alt="{{-alt_text-}}"/>
+          {%-else %}
+          <div class="box"><h3>Missing image</h3>{{-image-}}<br>{{-img_title-}}</div>
+          {%-endif %}
+        {%-endif %}

data/_includes/list_item.html

@@ -0,0 +1,12 @@
+{%-assign title_template  = include.title_template  | default: "Read ':item_title'"-%}
+{%-assign separator       = include.separator       | default: "- "-%}
+{%-assign list_item       = post | default: project | default: pg | default: page-%}
+{%-assign item_authors    = post.author | default: project.author | default: pg.author | default: page.author-%}
+              <li{%-if include.li_class %} class="{{-include.li_class-}}"{%-endif-%}>
+                <a href="{{-list_item.url-}}" title="{{-title_template | replace: ':item_title', list_item.title-}}'">{{-list_item.title-}}</a>
+              {%-if site.show.authors and site.show.page_authors and pg or page %}
+                {{ separator-}}{%-include item_authors.html authors=item_authors-%}
+              {%-elsif site.show.authors and post or project %}
+                {{ separator-}}{%-include item_authors.html authors=item_authors-%}
+              {%-endif %}
+              </li>

data/_includes/menu.html

@@ -0,0 +1,110 @@
+{%-assign item_limit  = include.item_limit | default: 12-%}
+{%-assign peeps       = site.collections | find: "label", 'people'-%}
+
+{%-if site.menus != nil and site.plugins contains 'jekyll-menus' %}
+          {% comment-%} the following version of the menu depends on jekyll-menus {%-endcomment-%}
+          <!-- Nav - Menu -->
+          <nav id="menu">
+            <header class="major">
+              <h2>Menu</h2>
+            </header>
+            <ul>
+            {% for item in site.menus.sidebar-%}
+              {% if item.identifier == "authors" and site.show.authors != true or peeps.output != true-%}
+                {%-continue-%}
+              {% endif-%}
+              <li class="menu-item-{{-forloop.index-}}{%-if item.url == page.url %} active{%-endif-%}">
+              {% if item.children-%}
+              {%-assign urls = item.children | map: 'url'-%}
+                <span class="opener{%-if item.url == page.url or urls contains page.url %} active{%-endif-%}">
+                  {%-comment-%}NOTE: a `find_exp` here seems to cause ruby to deadspin, perhaps because of the page_excerpts feature in 4.1.0: https://jekyllrb.com/news/2020/06/24/jekyll-4-1-1-released/{%-endcomment-%}
+                  {%-assign item_page = site.documents | where_exp: "doc", "doc.url contains item.url"-%}
+                {%-if item_page.first.published-%}
+                  <a href="{{-item.url-}}" title="Go to {{ item.title-}}">{{-item.title-}}</a>
+                {%-else-%}
+                  {{-item.title-}}
+                {%-endif-%}
+                </span>
+                <ul class="sub-menu">
+                {% for item in item.children limit: item_limit-%}
+                  {%-comment-%}
+                    NOTE: above, can't sort items by date, because Jekyll:Menus:Drops:Items don't have dates, only weights
+                    NOTE: below, a `find_exp` here seems to cause ruby to deadspin, perhaps because of the page_excerpts feature in 4.1.0: https://jekyllrb.com/news/2020/06/24/jekyll-4-1-1-released/
+                  {%-endcomment-%}
+                  {%-assign item_page = site.documents | where_exp: "doc", "doc.url contains item.url"-%}
+                  {% if item_page.first.published-%}
+                  <li class="menu-item-{{-forloop.index-}}{%-if item.url == page.url %} active{%-endif-%}">
+                    <a href="{{-item.url-}}" title="Go to {{ item.title-}}">{{-item.name | default: item.title-}}</a>
+                  </li>
+                  {% endif-%}
+                {% endfor-%}
+                </ul>
+                {% else-%}
+                <a href="{{-item.url-}}" title="Go to {{ item.title-}}">{{-item.name | default: item.title-}}</a>
+              {% endif-%}
+              </li>
+            {% endfor-%}
+            {%-if site.plugins contains 'jekyll-archives' %}{% include archives_menu.html %}{% endif-%}
+            </ul>
+          </nav> <!-- End Nav - Menu -->
+{%-else-%}
+  {%-assign items = site.data.navigation | default: site.data.menus.sidebar-%}
+          <!-- Nav - Menu -->
+          <nav id="menu">
+            <header class="major">
+              <h2>Menu</h2>
+            </header>
+            <ul>
+            {% comment-%} TODO: convert this to use `site.data.menus.sidebar` {%-endcomment-%}
+            {% for item in items-%}
+              {%-assign parent_url = item.url | append: '/'-%}
+              {%-if item.identifier == 'posts' and site.posts-%}
+                {%-assign menu_items = site.posts-%}
+                {% include submenu.html parent_url=parent_url parent_title=item.title-%}              
+              {%-elsif item.identifier == 'categories' and site.data.categories-%}
+              <li{%-if item_url == page.url %} class="active"{%-endif-%}>
+                <span class="{%-if site.plugins contains 'jekyll-archives'-%}opener{%-endif-%}{%-if page.url contains item.url %} active{%-endif-%}">
+                  <a href="{{-item.url-}}">{{-item.title-}}</a>
+                </span>
+                {%-if site.plugins contains 'jekyll-archives'-%}
+                <ul class="sub-menu">
+                  {% for subitem in site.data.categories-%}
+                    {%-if site.categories contains subitem.name %}
+                      {%-assign item_url = subitem.name | slugify | prepend: '/categories/' | append: '/'-%}
+                  <li{%-if item_url == page.url %} class="active"{%-endif-%}><a href="{{-item_url-}}">{{-subitem.name | default: subitem.title-}}</a></li>
+                    {%-endif-%}
+                  {% endfor-%}
+                </ul>
+                {%-endif-%}
+              </li>
+              {%-elsif item.identifier == 'tags' and site.data.tags-%}
+              <li{%-if item_url == page.url %} class="active"{%-endif-%}>
+                <span class="{%-if site.plugins contains 'jekyll-archives'-%}opener{%-endif-%}{%-if page.url contains item.url %} active{%-endif-%}">
+                  <a href="{{-item.url-}}">{{-item.title-}}</a>
+                </span>
+                {%-if site.plugins contains 'jekyll-archives'-%}
+                <ul class="sub-menu">
+                  {% for subitem in site.data.tags-%}
+                    {%-if site.tags contains subitem.name %}
+                      {%-assign item_url = subitem.name | slugify | prepend: '/tags/' | append: '/'-%}
+                  <li{%-if item_url == page.url %} class="active"{%-endif-%}><a href="{{-item_url-}}">{{-subitem.name | default: subitem.title-}}</a></li>
+                    {%-endif-%}
+                  {% endfor-%}
+                </ul>
+                {%-endif-%}
+              </li>
+              {%-elsif item.identifier == 'projects' and site.projects-%}
+                {%-assign menu_items = site.projects-%}
+                {% include submenu.html parent_url=parent_url parent_title=item.title-%}
+              {%-elsif item.identifier == 'authors' and site.people and site.show.authors-%}
+                {%-assign menu_items = site.people-%}
+                {% include submenu.html parent_url=parent_url parent_title=item.title-%}
+              {%-elsif item.identifier == 'archives' and site.plugins contains 'jekyll-archives'-%}
+                {% include archives_menu.html %}
+              {%-else-%}
+              <li{%-if item.url == page.url %} class="active"{%-endif-%}><a href="{{-item.url-}}">{{-item.title-}}</a></li>
+              {%-endif-%}
+            {% endfor-%}
+            </ul>
+          </nav> <!-- End Nav - Menu -->
+{%-endif-%}

data/_includes/mini-posts.html

@@ -0,0 +1,32 @@
+{%-assign published_projects  = site.projects           | where: 'published', true -%}
+{%-assign project_menu        = site.data.menus.sidebar | find: 'identifier', 'projects' -%}
+{%-if published_projects != empty %}
+          <!-- Section - Mini-posts -->
+          <section>
+            <header class="major">
+              <h2><a href="{{-include.mini_posts_url | default: project_menu.url | default: '/projects'-}}" title="See all {{ include.section_title | default: project_menu.title | default: 'projects' | downcase-}}">{{-include.section_title | default: project_menu.title | default: "Projects"-}}</a></h2>
+            </header>
+            <div class="mini-posts">
+            {%-for project in site.projects-%}
+              {%-if project.published == true %}
+              <article>
+                <header>
+                  <h3><a href="{{-project.url-}}" title="{{-project_menu.title | capitalize }} page for '{{-project.title-}}'">{{-project.title-}}</a></h3>
+                </header>
+                <figure>
+                  <a href="{{-project.url-}}" title="{{-project_menu.title | capitalize }} page for '{{-project.title-}}'" class="image">
+                    {% include item_image.html %}
+                  </a>
+                </figure>
+                <p>{{-project.summary | markdownify-}}</p>
+              </article>
+              {%-endif-%}
+            {%-endfor %}
+            </div>
+            {%-if site.show.more_button %}
+            <ul class="actions">
+              <li><a href="{{-include.mini_posts_url | default: project_menu.url | default: '/projects'-}}" title="See all {{ include.section_title | project_menu.title | default: 'projects' | downcase-}}" class="button">More</a></li>
+            </ul>
+            {%-endif %}
+          </section> <!-- End Section - Mini-posts -->
+{%-endif %}

data/_includes/modal.html

@@ -0,0 +1,12 @@
+              <article class="info message modal">
+                <header>
+                  <i class="fas fa-times close js-close-modal"></i>
+                  <h3 class="header modal-title js-modal-title"></h3>
+                </header>
+                <div class="js-modal-text"></div>
+              </article>
+
+              <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="display:none" >
+                <symbol id="icon-loading" viewBox="149.8 37.8 499.818 525"><path d="M557.8 187.8c13.8 0 24.601-10.8 24.601-24.6S571.6 138.6 557.8 138.6s-24.6 10.8-24.6 24.6c0 13.2 10.8 24.6 24.6 24.6zm61.2 90.6c-16.8 0-30.6 13.8-30.6 30.6s13.8 30.6 30.6 30.6 30.6-13.8 30.6-30.6c.6-16.8-13.2-30.6-30.6-30.6zm-61.2 145.2c-20.399 0-36.6 16.2-36.6 36.601 0 20.399 16.2 36.6 36.6 36.6 20.4 0 36.601-16.2 36.601-36.6C595 439.8 578.2 423.6 557.8 423.6zM409 476.4c-24 0-43.2 19.199-43.2 43.199s19.2 43.2 43.2 43.2 43.2-19.2 43.2-43.2S433 476.4 409 476.4zM260.8 411c-27 0-49.2 22.2-49.2 49.2s22.2 49.2 49.2 49.2 49.2-22.2 49.2-49.2-22.2-49.2-49.2-49.2zm-10.2-102c0-27.6-22.8-50.4-50.4-50.4-27.6 0-50.4 22.8-50.4 50.4 0 27.6 22.8 50.4 50.4 50.4 27.6 0 50.4-22.2 50.4-50.4zm10.2-199.8c-30 0-54 24-54 54s24 54 54 54 54-24 54-54-24.6-54-54-54zM409 37.8c-35.4 0-63.6 28.8-63.6 63.6S374.2 165 409 165s63.6-28.8 63.6-63.6-28.2-63.6-63.6-63.6z"/>
+                </symbol>
+              </svg>

data/_includes/more_button.html

@@ -0,0 +1,3 @@
+<ul class="actions">
+  <li><a href="{{ include.more_url }}" title="{{ include.more_text | default: 'More' }}" class="button">{{ include.more_text | default: "More" }}</a></li>
+</ul>

data/_includes/newsletter_signup.html

@@ -0,0 +1,22 @@
+<!-- Newsletter Signup -->
+<section>
+  {% assign title = site.newsletter.heading | default: "Newsletter"-%}
+  <header class="major">
+    <h2>{{-title-}}</h2>
+  </header>
+  {{ site.newsletter.message | default: "Sign up for our periodic email newsletter! You probably need an online [form handler](https://jekyllrb.com/resources/#forms 'See Jekyll's favorite form handlers here') of some sort for this form to POST to, or it won't work, naturally." | markdownify }}
+
+  <form method="post" action="{{-include.signup_url | default: '/newsletter_signup'-}}">
+    <div class="row gtr-uniform">
+      <div class="col-12">
+        <input type="email" name="email" id="email" value="" placeholder="Email Address">
+      </div>
+      <!-- Break -->
+      <div class="col-12">
+        <ul class="actions">
+          <li><input type="submit" value="{{-include.signup_text | default: 'Sign Up'-}}" class="primary"></li>
+        </ul>
+      </div>
+    </div>
+  </form> <!-- End Newsletter Signup -->
+</section>

data/_includes/page_header.html

@@ -0,0 +1,77 @@
+{%-assign peeps           = site.collections      | find: "label", 'people'-%}
+{%-assign authors         = include.author        | default: page.author-%}
+{%-assign page_title      = include.page_title    | default: page.title-%}
+{%-assign subtitle        = include.subtitle      | default: page.subtitle-%}
+{%-assign date_format     = site.date_format      | default: '%^A, %b %-d, %Y'-%}
+{%-assign page_date       = include.date          | default: page.date-%}
+{%-assign modified_date   = include.modified_date | default: page.last_modified_at | default: page.modified_date-%}
+{%-assign exclude_meta    = "terms, privacy"      | split: ', '-%}
+{%-assign byline_prefix   = include.byline_prefix | default: "By" %}
+{%-assign summary_title   = include.summary_title | default: "Summary"-%}
+          {%-unless exclude_meta contains page.slug %}
+          {%-unless site.exclude_dates contains page.collection-%}
+            {% if modified_date and page.collection %}{% include date_modified.html date_format='%b %-d, %Y' lead_in='last modified: '-%}{%-endif-%}
+          {%-endunless %}
+            <div class="page-meta">
+            {% if page.handle-%}<!-- Handle --><div class="handle">@{{-page.handle-}}</div>{%-endif %}
+            {%-if include.categories != '' and include.categories or page.categories != '' and page.categories %}
+              {% include categories.html %}
+            {%-endif-%}
+            {% unless site.exclude_dates contains page.collection %}
+              {% if page_date and page.collection %}
+              <!-- Post Date -->
+              {% include item_date.html item_date=page_date date_class='dateline align-right' date_format=date_format %}
+              {%-endif %}
+            {%-endunless %}
+            </div>
+          {%-endunless %}
+            <!-- Page Header -->
+            <header class="main tight">
+              <h1 class="p-name" itemprop="name headline">
+              {%-if page.website != "" and page.website-%}
+                <a href="{{-page.website-}}" rel="external" title="Go to {{ page_title-}}'s website: {{ page.website-}}">{{-page_title-}}</a>
+              {%-else-%}
+                {{-page_title-}}
+              {%-endif-%}
+              </h1>
+              {% if include.subtitle or page.subtitle-%}<p class="subtitle p-subtitle">{{-subtitle-}}</p>{%-endif-%}
+            {%-if site.show.authors and authors-%}{%-unless exclude_meta contains page.slug-%}
+              <div class="byline">
+                {%-if authors %}{{ byline_prefix }}{%-endif-%}
+                {%-include authors_byline.html %}
+              </div>
+            {%-endunless-%}{%-endif %}
+            </header>
+          {%-if page.summary and site.include_summary contains page.collection %}
+            <h2 class="subheader">{{-summary_title-}}</h2>
+            {{ page.summary | markdownify }}
+          {%-endif-%}
+          {%-if include.date %}
+            {% include item_date.html item_date=include.date date_class=' ' date_format=date_format %}
+          {%-endif-%}
+          {%-if page.blurb !='' and page.blurb %}
+            <p class="blurb">{{-page.blurb-}}</p>
+          {%-endif-%}
+          {%-if page.image or page.images %}
+            {%-include banner.html %}
+          {%-endif-%}
+          {%-if page.location or page.company or page.company_url or page.social %}
+            <!-- Page Byline -->
+            <p class="snug byline">
+            {%-if page.location %}
+              <span class="p-location">{{-page.location-}}</span>
+            {%-endif %}
+            {%-if page.company or page.company_url %}
+              {%-if page.location-%}&nbsp;&nbsp;| &nbsp;{%-endif %}
+              {%-if page.company_url %}
+              <a href="{{-page.company_url-}}" class="company" rel="external" title="Go to {{ page.company-}}'s website">{{-page.company-}}</a>
+              {%-else %}
+              <span class="company">{{-page.company-}}</span>
+              {%-endif %}
+            {%-endif-%}
+            {%-if page.social %}
+              {%-if page.location or page.company or page.company_url-%}&nbsp;&nbsp;| &nbsp;{%-else-%}Social: &nbsp;{%-endif-%}
+              {% include social_media.html %}
+            {%-endif-%}
+            </p>
+          {%-endif %}

data/_includes/pages.html

@@ -0,0 +1,79 @@
+{%-comment-%}
+lists pages as section cards given a pages array
+
+inputs:                   none
+dependencies:
+  pages:                  the pages array to render
+  site.static_files:      to lookup and make sure a placeholder.png file exists
+  site.show.authors:      to determine whether to show authors
+  site.show.page_authors: to determine whether to show authors
+  site.people:            to lookup authors in the people array
+  site.title:             to use as the author, as a last resort
+local:
+  published_pages:        pages filtered for `published==true`
+  placeholder:            placeholder.png file to use in case no other page image is available
+  auth:                   the author's handle, used for unpublished authors in place of their name
+  author:                 the looked-up author in site.people
+{%-endcomment-%}
+{%-assign published_pages = pages             | where: 'published', true-%}
+
+      {%-if published_pages != empty %}
+        {%-for pg in published_pages %}
+            <article itemid="{{-pg.url | absolute_url-}}" class="h-entry page-card row gtr-50 gtr-uniform" itemscope itemtype="http://schema.org/Article">
+            {% if image or placeholder.name-%}
+              <div class="col-4 col-12-small">
+                <figure>
+                  <a href="{{-pg.url-}}" class="image fit" title="Learn more about '{{-pg.title-}}'">
+                    {% include item_image.html-%}
+                  </a>
+                </figure>
+                <div class="snug smaller categories">{%-include categories.html %}</div>
+              </div>
+            {%-endif %}
+              <div class="col-8 col-12-small">
+                {%-assign modified_date = pg.modified_date | default: pg.last_modified_at-%}
+              {%-if modified_date-%}
+                {% include date_modified.html item_date=modified_date lead_in='last modified: '-%}
+              {%-endif %}
+                <header class="tight">
+                  <span class="header-aside">{% include item_date.html item_date=pg.date %}</span>
+                  <h3><a href="{{-pg.url-}}" itemprop="name" class="u-url p-name" title="Learn more about '{{-pg.title-}}'">{{-pg.title-}}</a></h3>
+                  <p class="subtitle p-subtitle" itemprop="alternativeHeadline">{{-pg.subtitle-}}</p>
+                {%-if site.show.page_authors and site.show.authors and pg.author or pg.location %}
+                  <p class="byline">
+                  {%-if site.show.authors %}
+                    {%-for auth in pg.author-%}
+                      {%-assign author = site.people | find: 'handle', auth-%}
+                      {%-if author.published and author.url-%}
+                        <a href="{{-author.url-}}" rel="author" itemprop="author" class="u-author p-author" title="Read {{ author.name | split: ' ' | first-}}'s bio">{{-author.name-}}</a>
+                      {%-elsif author.published-%}
+                        <span itemprop="author" class="p-author">{{-author.name-}}</span>
+                      {%-else-%}
+                        <span itemprop="author" class="p-author">{{-auth-}}</span>
+                      {%-endif-%}
+                      {%-unless forloop.last %}, {% endunless-%}
+                    {%-else-%}
+                      <span itemprop="author" class="p-author">{{-site.title-}}</span>
+                    {%-endfor-%}
+                    {%-if pg.location and pg.author or site.title-%}{{-"&nbsp; | &nbsp;"-}}{%-endif-%}
+                  {%-endif %}
+                    {%-if pg.location %}
+                    <span class="p-location" itemprop="location" title="Post location">{{-pg.location-}}</span>
+                    {%-endif %}
+                  </p>
+                {%-endif-%}
+                </header>
+                {% if include.summary or pg.summary or pg.excerpt-%}
+                <div class="summary p-summary" itemprop="abstract">
+                {{ include.summary | default: pg.summary | default: pg.excerpt | markdownify }}
+                </div>
+                {%-endif %}
+                {%-include tags.html %}
+              </div>
+            </article>
+            <hr class="major"/>
+        {% endfor %}
+      {% else %}
+            <h2>Oof!</h2>
+            <p>It looks like there aren't any published pages here yet. Might you bug the site owner to create one for your look-see?</p>
+      {% endif %}

data/_includes/pagination.html

@@ -0,0 +1,22 @@
+{% if paginator.total_pages > 1 and site.paginate %}
+  <div class="pager">
+    <ul class="pagination">
+      <li><a href="{{-paginator.previous_page_path-}}" class="previous-page button{%-unless paginator.previous_page %} disabled{%-endunless-%}">&laquo; Prev</a></li>
+  {%-for page in (1..paginator.total_pages) %}
+    {%-if page == paginator.page %}
+      <li><div class="current-page page active">{{-paginator.page-}}</div></li>
+    {% elsif page == 1 %}
+      <li><a href="{{-site.paginate_path | replace: ':num', '' | replace: '//', '/'-}}" class="page">{{-page-}}</a></li>
+    {%-elsif page == paginator.previous_page or page == paginator.next_page %}
+      <li><a href="{{-site.paginate_path | replace: ':num', page-}}" class="page">{{-page-}}</a></li>
+    {%-else %}
+      {%-assign skip_pages_max = paginator.total_pages | minus: 3 %}
+      {%-if paginator.total_pages > 7 and page == 4 or page == skip_pages_max-%}{%-unless paginator.page < 3 and page == 4-%}{%-unless paginator.page > skip_pages_max and page == skip_pages_max-%}<li>...</li>{%-endunless-%}{%-endunless-%}{%-endif-%}
+      {%-if paginator.total_pages > 7 and page > 3 and page <= skip_pages_max-%}{%-continue-%}{%-endif-%}
+      <li><a href="{{-site.paginate_path | replace: ':num', page-}}" class="page">{{-page-}}</a></li>
+    {%-endif %}
+  {%-endfor %}
+      <li><a href="{{-paginator.next_page_path-}}" class="next-page button{%-unless paginator.next_page %} disabled{%-endunless-%}">Next &raquo;</a></li>
+    </ul>
+  </div>
+{%-endif %}