jekyll-theme-hamilton 1.4.2 → 3.1.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 810f864c28adffeb0585fd1f3f12a8b1eceea1dd3d929f68c0c8a8efead8154c
-  data.tar.gz: 8b04b2e0628cf79a39ceb42ff47133443bcd1e94814a07f8a88ce46cb1025cc8
+  metadata.gz: d5044574bcedfda1f8b3a42493f85c31b6d167a0a30a9e241a57c8f83d4816d9
+  data.tar.gz: a4970e2123b9c0688cc5f9761fa7dde11e192106ae3c30a16f2d3c49bdfc0df3
 SHA512:
-  metadata.gz: b46e258e35418c30f9c1bd150c79d61942b3d28ba46926b6bfc8620b18b07a54bae29f9169ff738c35f3cba287af5764dc6827a9efe6c604dd0860175caf64c6
-  data.tar.gz: b3a96ad33db7e9cb3198474b48fe7b73451f4831fd37359910f15af9f452efe6519f3d9421ad6080dfa8f6b46ed0accf265249570e5a328936b309948fcc3cf9
+  metadata.gz: 8783df54ceff357bb91daf4650f1e8cbea70f7023920b03055c45107872a68c22b57cfefeaa8362dbc8ae69622944fa5ed7903ab2c05dd6504a70937a387ed0b
+  data.tar.gz: eccebc22431392658371b9920f1c0fc87b462c3485557abca4935c70d0e5b56cead1a1ab1df1954b47b1416e990ed67a23ff6f296aa091a97b590ab1156c02af

data/README.md

@@ -23,7 +23,6 @@ Please check out the [demo](https://ngzhio.github.io/jekyll-theme-hamilton/).
 - Configurable page navigation
 - Customizable styles and skins
 - Archive pages implemented in pure Liquid
-- An elegant way to import images on posts
 
 ## Table of Contents <!-- omit in toc -->
 
@@ -32,7 +31,6 @@ Please check out the [demo](https://ngzhio.github.io/jekyll-theme-hamilton/).
   - [Optional Parameters](#optional-parameters)
 - [Archive Pages](#archive-pages)
 - [MathJax](#mathjax)
-- [Images](#images)
 - [Customization](#customization)
   - [Metadata](#metadata)
   - [Navigation](#navigation)
@@ -86,7 +84,7 @@ After installation, you can run `jekyll serve` to check out your site, but befor
 | `email`    | string | The email of the author of the site. |
 | `skin`     | string | The skin name. See more information on the [Customization](#customization) section. |
 | `lang`     | string | The language of the site; The default value is `en`. |
-| `paginate` | int    | The number of posts on each page. To enable pagination, you must use a third-party plugin, e.g. [`jekyll-paginate`](https://github.com/jekyll/jekyll-paginate), [`jekyll-paginate-v2`](https://github.com/sverrirs/jekyll-paginate-v2), or [`jekyll-pagination`](https://github.com/prometheus-ev/jekyll-pagination). |
+| `paginate` | int    | The number of posts on each page. |
 | `date_format` | string | The date format; The default value is `%b %-d, %Y`. |
 
 ## Archive Pages
@@ -117,30 +115,6 @@ layout: archive-years
 
 You can enable MathJax on each post or page, just set `math: true` on that page.
 
-## Images
-
-Hamilton provides a template [`image.html`](_includes/image.html) to let you import images on each post through an elegant way. For example,
-
-```liquid
-{% include image.html src="the/path/to/the/image" %}
-```
-
-By default, the alignment of the image is center, but you can configure the alignment to left or right by passing a parameter `align`, for example,
-
-```liquid
-{% include image.html src="the/path/to/the/image" align="left" %}
-```
-
-You can also configure the width and height of the image,
-
-```liquid
-{% include image.html src="the/path/to/the/image" width="50%" height="128px" %}
-```
-
-Besides, you can pass the `caption` parameter to the include, then it will wrap the `img` with a `figure` block; alternatively, you can pass the `alt` parameter to the include.
-
-If you feel that passing a long path to the image to the include is ugly and wasting time, you can replace the `src` parameter with the `name` parameter, which is just the name of the image, and by default, the path would be `assets/img/posts/{{ page.title | slugify}}/{{ include.name }}`.
-
 ## Customization
 
 ### Metadata

data/_includes/head.html

@@ -15,12 +15,7 @@
 {% endif %}
 
 <!-- Google Fonts -->
-<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto">
-<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open%20Sans">
-<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Inconsolata">
-<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Dancing%20Script">
-<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Noto%20Sans%20SC">
-<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Noto%20Serif%20SC">
+<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto|Roboto%20Slab|Roboto%20Mono|Lobster|Dancing%20Script|Noto%20Sans%20SC|Noto%20Sans%20TC|Noto%20Serif%20SC|Noto%20Serif%20TC|ZCOOL%20QingKe%20HuangYou|Ma%20Shan%20Zheng">
 
 <link rel="stylesheet" href="{{ '/assets/css/main.css' | relative_url }}">
 <link rel="stylesheet" href="{{ '/assets/css/skin.css' | relative_url }}">

data/_layouts/archive-taxonomies.html

@@ -70,7 +70,14 @@ layout: page
           </li>
         {%- endfor -%}
       </ul>
-      <a href="#" class="back-to-top">Top &#8648;</a>
+      <a href="#" onclick="backToTop()" class="back-to-top">Top &#8648;</a>
     {%- endif -%}
   {%- endfor -%}
 {%- endfor -%}
+
+<script>
+  function backToTop() {
+    const main = document.getElementById("site-main");
+    main.scrollTop = 0;
+  }
+</script>

data/_layouts/archive-years.html

@@ -33,5 +33,12 @@ layout: page
       </li>
     {%- endfor -%}
   </ul>
-  <a href="#" class="back-to-top">Top &#8648;</a>
+  <a href="#" onclick="backToTop()" class="back-to-top">Top &#8648;</a>
 {%- endfor -%}
+
+<script>
+  function backToTop() {
+    const main = document.getElementById("site-main");
+    main.scrollTop = 0;
+  }
+</script>

data/_layouts/default.html

@@ -15,7 +15,7 @@
         <aside class="site-sidebar" id="site-sidebar">
           {% include sidebar.html %}
         </aside>
-        <main class="site-main" aria-label="Content">
+        <main class="site-main" id="site-main" aria-label="Content">
           {{ content }}
           <footer class="site-footer">
             {% include footer.html %}

data/_layouts/home.html

@@ -18,13 +18,13 @@ layout: default
       {%- for post in posts -%}
       <li>
         <h2>
-          <a class="post-link" href="{{ post.url | relative_url }}">
+          <a href="{{ post.url | relative_url }}">
             {{ post.title | escape }}
           </a>
         </h2>
         <span class="post-meta">{{ post.date | date: date_format }}</span>
         {%- if post.show_excerpts != false -%}
-          <div class="post-excerpt">{{ post.excerpt }}</div>
+          <div class="post-excerpt">{{ post.excerpt | strip_html }}</div>
         {%- endif -%}
       </li>
       {%- endfor -%}

data/_layouts/post.html

@@ -28,26 +28,60 @@ layout: default
       {%- endif -%}
     </p>
 
-    {% if page.tags.size > 0 %}
-      <p class="post-meta post-tags">
-        {% assign tags = page.tags | sort %}
-        {% for tag in tags %}
-          <span class="post-tag">
-            {% assign slugified_tag = tag | slugify %}
-            <a href="{{ '/tags/#:tag' | replace: ':tag', slugified_tag | relative_url }}">#{{ slugified_tag }}</a>
-          </span>
-        {% endfor %}
-      </p>
-    {% endif %}
-
   </header>
 
   <div class="post-content e-content" itemprop="articleBody">
     {{ content }}
+  </div>
 
-    {% if page.comments != false and jekyll.environment == "production" %}
-      {% include disqus.html %}
+  <footer class="post-footer">
+    {% if page.categories.size > 0 %}
+      <div class="post-meta">
+        <i class="fas fa-folder"></i>
+        <ul class="post-taxonomies post-categories">
+          {% assign categories = page.categories | sort %}
+          {% for category in categories %}
+            <li class="post-category">
+              {% assign slugified_category = category | slugify %}
+              <a href="{{ '/categories/#:category' | replace: ':category', slugified_category | relative_url }}">{{ category }}</a>
+            </li>
+          {% endfor %}
+        </ul>
+      </div>
     {% endif %}
-  </div>
+
+    {% if page.tags.size > 0 %}
+      <div class="post-meta">
+        <i class="fas fa-tags"></i>
+        <ul class="post-taxonomies post-tags">
+          {% assign tags = page.tags | sort %}
+          {% for tag in tags %}
+            <li class="post-tag">
+              {% assign slugified_tag = tag | slugify %}
+              <a href="{{ '/tags/#:tag' | replace: ':tag', slugified_tag | relative_url }}">{{ slugified_tag }}</a>
+            </li>
+          {% endfor %}
+        </ul>
+      </div>
+    {% endif %}
+
+    <nav class="post-pagination" role="navigation">
+      {% if page.previous %}
+        <a class="post-previous" href="{{ page.previous.url | relative_url }}">
+          <i class="fas fa-arrow-left"></i> {{ page.previous.title | markdownify | strip_html }}
+        </a>
+      {% endif %}
+    
+      {% if page.next %}
+        <a class="post-next" href="{{ page.next.url | relative_url }}">
+          {{ page.next.title | markdownify | strip_html }} <i class="fas fa-arrow-right"></i>
+        </a>
+      {% endif %}
+    </nav>
+  </footer>
+
+  {% if page.comments != false and jekyll.environment == "production" %}
+    {% include disqus.html %}
+  {% endif %}
   
 </article>

data/_sass/hamilton/base.scss

@@ -83,6 +83,10 @@ li {
   > ol {
     margin-bottom: 0;
   }
+
+  p, blockquote, pre, figure, iframe, %vertical-rhythm {
+    margin-bottom: $spacing-unit / 3;
+  }
 }
 
 /**

data/_sass/hamilton/layout.scss

@@ -6,7 +6,7 @@
   width: 100vw;
   display: grid;
   grid-template-columns: 1fr;
-  grid-template-rows: $base-font-size * 3 1fr;
+  grid-template-rows: $base-font-size * 3 + 6px 1fr;
 }
 
 /**
@@ -17,8 +17,6 @@
   border-bottom: 1px solid;
   min-height: $base-font-size * 3;
   line-height: $base-font-size * 3;
-  position: sticky;
-  top: 0;
 
   @include media-query($on-small) {
     display: flex;
@@ -27,7 +25,7 @@
 
 .site-sidebar-button {
   position: absolute;
-  top: -2px;
+  top: 3px;
   left: $spacing-unit / 2;
 
   img {
@@ -43,7 +41,7 @@
 
 .site-title {
   @include relative-font-size(1.625);
-  font-family: $title-font-family;
+  font-family: $handwriting-font-family;
   letter-spacing: -1px;
   margin-bottom: 0;
   float: left;
@@ -55,7 +53,7 @@
 
 .site-nav {
   position: absolute;
-  top: 9px;
+  top: 12px;
   right: $spacing-unit / 2;
   border: 1px solid;
   border-radius: 0.4em;
@@ -114,7 +112,6 @@
     .dropdown-content {
       display: none;
       position: absolute;
-      box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
       z-index: 1;
     }
 
@@ -184,7 +181,7 @@
  */
 .site-body {
   display: grid;
-  grid-template-columns: calc(#{$content-width} * 0.2) 1fr;
+  grid-template-columns: calc(#{$content-width} * 0.22) 1fr;
   overflow: hidden;
 
   @include media-query($on-medium) {
@@ -200,11 +197,12 @@
  * Site sidebar
  */
 .site-sidebar {
-  padding: $spacing-unit / 2;
+  padding: $spacing-unit;
   border-right: 1px solid;
   @include relative-font-size(0.8);
 
   @include media-query($on-medium) {
+    padding: $spacing-unit / 2;
     @include relative-font-size(0.6);
   }
 
@@ -246,14 +244,13 @@
   margin-bottom: 0;
 }
 
-.social-icons {
+ul.social-icons {
   list-style: none;
   margin-left: 0;
   margin-bottom: 0;
-  text-align: left;
-  display: flex;
 
-  .social-icon {
+  > li {
+    display: inline-block;
     margin: 0.3em;
   }
 }
@@ -275,8 +272,13 @@
   -ms-overflow-style: none;  // IE and Edge
   scrollbar-width: none;     // Firefox
 
-  padding-left: $spacing-unit / 2;
-  padding-right: $spacing-unit / 2;
+  padding-left: $spacing-unit;
+  padding-right: $spacing-unit;
+
+  @include media-query($on-medium) {
+    padding-left: $spacing-unit / 2;
+    padding-right: $spacing-unit / 2;
+  }
 
   @include media-query($on-small) {
     padding-left: 0;
@@ -309,6 +311,11 @@
 
     h2 {
       margin-bottom: 0;
+      @include relative-font-size(1.4);
+
+      @media screen and (min-width: $on-large) {
+        @include relative-font-size(1.5);
+      }
     }
 
     .post-excerpt {
@@ -321,14 +328,6 @@
   }
 }
 
-.post-link {
-  @include relative-font-size(1.5);
-
-  @media screen and (min-width: $on-large) {
-    @include relative-font-size(1.55);
-  }
-}
-
 /**
  * Pagination
  */
@@ -360,7 +359,7 @@
  */
 .post-header {
   padding-top: $spacing-unit * 2;
-  padding-bottom: $spacing-unit / 2;
+  padding-bottom: $spacing-unit;
   border-bottom: 1px solid;
   margin-bottom: $spacing-unit * 2;
   text-align: center;
@@ -371,13 +370,48 @@
   margin-bottom: $spacing-unit / 2;
 }
 
-.post-tags {
-  .post-tag {
-    margin-right: $spacing-unit / 2;
+.post-footer {
+  padding-top: $spacing-unit / 2;
+  border-top: 1px solid;
+  border-bottom: 1px solid;
+}
+
+ul.post-taxonomies {
+  list-style: none;
+  display: inline-block;
+  vertical-align: middle;
+  margin: 0 0 0 $spacing-unit / 3;
+
+  li {
+    float: left;
+    margin-right: $spacing-unit / 6;
+    padding: 0.3em 0.5em 0.2em 0.5em;
   }
-  
-  > :last-child {
-    margin-right: 0;
+}
+
+ul.post-tags {
+  li {
+    border-radius: 0.5em;
+  }
+}
+
+ul.post-categories {
+  li {
+    text-decoration: underline;
+  }
+}
+
+.post-pagination {
+  @include relative-font-size(0.8);
+  display: flex;
+  justify-content: space-between;
+  padding-top: $spacing-unit / 2;
+  padding-bottom: $spacing-unit / 2;
+  border-top: 1px solid;
+
+  .post-previous
+  .post-next {
+    display: block;
   }
 }
 
@@ -385,13 +419,14 @@
 // About font sizes for h1-h6, refer to https://stackoverflow.com/a/6140504/13261366
 .post-title,
 .post-content h1 {
-  @include relative-font-size(2);
+  font-family: $display-font-family;
+  @include relative-font-size(1.8);
   font-weight: bold;
   letter-spacing: -1px;
   line-height: $base-line-height * $base-font-size * 2;
 
   @media screen and (min-width: $on-large) {
-    @include relative-font-size(2.5);
+    @include relative-font-size(2);
   }
 }
 
@@ -399,24 +434,24 @@
   font-family: $reading-font-family;
   margin-bottom: $spacing-unit;
 
+  h2, h3, h4, h5, h6 {
+    font-family: $base-font-family;
+  }
+
   h2     { margin-top: $spacing-unit * 2 }
   h3, h4 { margin-top: $spacing-unit * 1.5 }
   h5, h6 { margin-top: $spacing-unit }
 
   h2 {
-    @include relative-font-size(1.5);
+    @include relative-font-size(1.4);
 
     @media screen and (min-width: $on-large) {
-      @include relative-font-size(1.55);
+      @include relative-font-size(1.5);
     }
   }
 
   h3 {
     @include relative-font-size(1.17);
-
-    @media screen and (min-width: $on-large) {
-      @include relative-font-size(1.175);
-    }
   }
 
   h4 {

data/_sass/hamilton/skin.scss

@@ -28,7 +28,7 @@ code {
 }
 
 pre {
-  box-shadow: $box-shadow;
+  box-shadow: $pre-shadow;
 }
 
 .highlight {
@@ -96,6 +96,7 @@ table {
 
   .dropdown-content {
     background-color: $border-color-light;
+    box-shadow: $dropdown-shadow;
   }
 }
 
@@ -105,14 +106,6 @@ table {
   }
 }
 
-.post-link {
-  color: $text-color;
-
-  &:visited {
-    color: $text-color;
-  }
-}
-
 .post-header {
   border-bottom-color: $border-color-light;
 }
@@ -121,6 +114,20 @@ table {
   color: $text-color-light;
 }
 
+.post-footer {
+  border-color: $border-color-light;
+}
+
+.post-pagination {
+  border-color: $border-color-light;
+}
+
+ul.post-tags {
+  li {
+    background-color: $border-color-light;
+  }
+}
+
 .pagination {
   li {
     a, div {

data/_sass/hamilton/skins/daylight.scss

@@ -16,7 +16,8 @@ $table-header-bg-color: mix($background-color, $border-color, 80%) !default;
 $table-header-border:   $border-color !default;
 $table-border-color:    lighten($border-color, 20%) !default;
 
-$box-shadow:            0 0 4px rgba(17,17,17,0.4) inset !default;
+$pre-shadow:            0 0 4px rgba(17,17,17,0.4) inset !default;
+$dropdown-shadow:       0px 8px 16px 0px rgba(0,0,0,0.2) !default;
 
 $subscribe-color:       #b21000 !default;
 

data/_sass/hamilton/skins/midnight.scss

@@ -3,8 +3,8 @@ $text-color-light:      silver !default;
 $background-color:      #121212 !default;
 $code-background-color: #49483e !default;
 
-$border-color:          mix($text-color, $background-color, 22%) !default;
-$border-color-light:    darken($border-color, 10%) !default;
+$border-color:          mix($text-color, $background-color, 30%) !default;
+$border-color-light:    darken($border-color, 5%) !default;
 $border-color-dark:     lighten($border-color, 10%) !default;
 
 $link-base-color:       #00b1c9 !default;
@@ -16,7 +16,8 @@ $table-header-bg-color: mix($background-color, $border-color-light, 5%) !default
 $table-header-border:   lighten($border-color, 30%) !default;
 $table-border-color:    lighten($border-color, 20%) !default;
 
-$box-shadow:            0 0 4px rgba(255,255,255,0.4) inset !default;
+$pre-shadow:            0 0 4px rgba(255,255,255,0.4) inset !default;
+$dropdown-shadow:       0px 8px 16px 0px rgba(255,255,255,0.2) !default;
 
 $subscribe-color:       tomato !default;
 

data/_sass/hamilton/skins/sunrise.scss

@@ -16,7 +16,8 @@ $table-header-bg-color: mix($background-color, $border-color, 70%) !default;
 $table-header-border:   $border-color !default;
 $table-border-color:    $border-color-light !default;
 
-$box-shadow:            0 0 4px rgba(34,34,34,0.4) inset !default;
+$pre-shadow:            0 0 4px rgba(34,34,34,0.4) inset !default;
+$dropdown-shadow:       0px 8px 16px 0px rgba(0,0,0,0.2) !default;
 
 $subscribe-color:       #004e00 !default;
 

data/_sass/hamilton/variables.scss

@@ -1,8 +1,9 @@
 // Fonts
-$base-font-family:  "Open Sans", "Noto Serif SC" !default;
-$title-font-family: "Dancing Script" !default;
-$reading-font-family: Roboto, "Noto Sans SC" !default;
-$code-font-family:  Inconsolata !default;
+$base-font-family:  Roboto, "Noto Sans SC", "Noto Sans TC" !default;
+$reading-font-family: "Roboto Slab", "Noto Serif SC", "Noto Serif TC" !default;
+$code-font-family:  "Roboto Mono" !default;
+$display-font-family: Lobster, "ZCOOL QingKe HuangYou" !default;
+$handwriting-font-family: "Dancing Script", "Ma Shan Zheng" !default;
 $base-font-size:    18px !default;
 $base-line-height:  1.4 !default;
 

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-theme-hamilton
 version: !ruby/object:Gem::Version
-  version: 1.4.2
+  version: 3.1.0
 platform: ruby
 authors:
 - Shangzhi Huang
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2020-07-01 00:00:00.000000000 Z
+date: 2020-08-16 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -16,56 +16,84 @@ dependencies:
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '4.0'
+        version: '3.9'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '4.0'
+        version: '3.9'
 - !ruby/object:Gem::Dependency
   name: jekyll-seo-tag
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 2.6.1
+        version: '2.6'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 2.6.1
+        version: '2.6'
 - !ruby/object:Gem::Dependency
   name: jekyll-feed
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 0.13.0
+        version: '0.13'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 0.13.0
+        version: '0.13'
 - !ruby/object:Gem::Dependency
   name: jekyll-sitemap
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 1.4.0
+        version: '1.4'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 1.4.0
+        version: '1.4'
+- !ruby/object:Gem::Dependency
+  name: jekyll-paginate
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.1'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.1'
+- !ruby/object:Gem::Dependency
+  name: kramdown-parser-gfm
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.1'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.1'
 - !ruby/object:Gem::Dependency
   name: bundler
   requirement: !ruby/object:Gem::Requirement
@@ -109,7 +137,6 @@ files:
 - _includes/google-analytics.html
 - _includes/head.html
 - _includes/header.html
-- _includes/image.html
 - _includes/mathjax.html
 - _includes/sidebar.html
 - _layouts/archive-taxonomies.html

data/_includes/image.html

@@ -1,16 +0,0 @@
-{% capture align %}align-{{ include.align | default: "center" }}{% endcapture %}
-
-{%- if include.src -%}
-  {% assign src = include.src %}
-{%- elsif include.name -%}
-  {% capture src %}assets/img/posts/{{ page.title | slugify }}/{{ include.name }}{% endcapture %}
-{%- endif -%}
-
-{% if include.caption %}
-<figure class="{{ align }}">
-  <img class="{{ align }}" src="{{ src | absolute_url }}" alt="{{ include.caption }}" {% if include.width %}width="{{ include.width }}"{% endif %} {% if include.height %}height="{{ include.height }}"{% endif %}/>
-  <figcaption class="{{ align }}">{{ include.caption }}</figcaption>
-</figure>
-{% else %}
-<img class="{{ align }}" src="{{ src | absolute_url }}" alt="{{ include.alt }}" {% if include.width %}width="{{ include.width }}"{% endif %} {% if include.height %}height="{{ include.height }}"{% endif %}/>
-{% endif %}