jekyll-theme-hydejack 7.0.1 → 7.1.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 9f1d2e406bf42028bddbf4a556aa2607a7abbbff
-  data.tar.gz: 1b715b6f6de20c77cba4592566ef3322e9d25b1d
+  metadata.gz: c76029fed071082106c67164625fa1b2b243cd96
+  data.tar.gz: 1b54fb4b9fbd7f1fe27d90ee16aca810c7e16122
 SHA512:
-  metadata.gz: 4439ed6c635c29d62dace85d9e31a45a1a9bf79c3e1aee703d3bcb61f35589f6c6870021fe0dbb50af38617df66655d8b6b70d07dbea2810180c0120917aceeb
-  data.tar.gz: 97fb58b3a63f3982eaf4a73686757b58bfb801a59c1f76cd8b72f989249fc31b3f7713efcd67db6f6ec0ec3445f79a752b82cc20c677a8a3b14c65974d51f592
+  metadata.gz: 74dd310981ca6d22aaa9fffe008020da7b5f685af2fad8f385ec86875239cbb3e66cb9008c69525db1a46b709e4108cab8460e5d116bd9fcfbfacf3728eb5e96
+  data.tar.gz: 5dd68db3bdf8d671c2d76ecd3660cf39b16f30d7ee4c5644b78c42ff2c890b2f260b8fe6cd8bf6142addc4bb5260bb404df251d78040fda6e04defcb66e9c2c2

data/README.md

@@ -22,26 +22,26 @@ Both versions include *all* of these features:
 * Full in-app page loading, powered by [hy-push-state]
 * A customizable sidebar that turns into a drawer menu on mobile, powered by [hy-drawer]
 * Advanced FLIP animations, inspired by Material Design
-* Good [Google PageSpeed Score][gpss][^2]
-* High *perceived speed* thanks to pre-fetching
+* Good [Google PageSpeed Score][gpss][^1]
+* Higher *perceived speed* thanks to content pre-fetching
+* [Syntax highlighting][syntax], powered by [Rouge]
+* [LaTeX math blocks][latex], powered by [KaTeX]
+* Change the wording of built-in strings and possibly translate in other languages
 * Support for categories and tags
 * Built-in icons for many social networks
 * Simple and semantic HTML — can be viewed even with text-based browsers
-* Author section below each article and multiple authors
+* Author section below each article and support for multiple authors
 * Progressive enhancement — sacrifice features, not content
 * Google Analytics and Google Fonts support
-* Blog layout with pagination
-* Syntax highlighting
-* Math formulas via LaTeX
 * Disqus comments
-* Print layout. See the [PDF documentation][pdf] for an example.
-* Github avatars via `jekyll-avatar` (optional).
-* Gist support via `jekyll-gist` (optional).
-* Blog layout with pagination via `jekyll-paginate` (optional)
+* Print layout — Used to render Hydejack's [PDF documentation][pdf]
+* Blog layout via `jekyll-paginate` (optional)
 * SEO meta tags via `jekyll-seo-tag` (optional)
+* Github avatars via `jekyll-avatar` (optional)
+* Gist support via `jekyll-gist` (optional)
 
 ## Documentation
-Hydejack is well documented. You can read it [on the Jekyll site][docs], or [on GitHub][wiki], or [download the PDF][pdf].
+Hydejack is well documented. You can read the docs [on the Jekyll site][docs], or [on GitHub][wiki], or [download the PDF][pdf].
 
 ## Download
 There are two versions of **Hydejack**: The *free version* includes basic blogging functionality,
@@ -54,20 +54,19 @@ This table details what is and isn't included in each respective version.
 |                                     | Free               | PRO                |
 |:------------------------------------|:------------------:|:------------------:|
 | Blog                                | ✔           | ✔           |
-| Features (see below)                | ✔           | ✔           |
+| [Features][feat]                    | ✔           | ✔           |
 | [Portfolio] Layout                  |                    | ✔           |
 | [Resume] Layout                     |                    | ✔           |
 | [Welcome] Layout                    |                    | ✔           |
-| Newsletter Subscription Box         |                    | ✔           |
-| Form Element Styles                 |                    | ✔           |
+| [Newsletter Box][news]              |                    | ✔           |
+| [Custom Forms][forms]               |                    | ✔           |
 | License                             | [GPL-3.0][license] | [PRO]              |
-| Price                               | Free               | $39                |
-|| [Download on GitHub][github]<br/> – or – <br/>[Use the RubyGem][gem] | [Buy Now – $39][buy] [^3] |
+| Price                               | Free               | $29                |
+|| [Download on GitHub][github]<br/> – or – <br/>[Use the RubyGem][gem] | [Buy Now][buy] [^2] |
 
 
-[^1]: Applies after the initial page load.  
-[^2]: Actual page load speed depends on your hosting provider, resolution of embedded images and usage of 3rd party plugins.  
-[^3]: Transactions secured by [Stripe](https://stripe.com). Downloads handled by [Simple Goods](https://simplegoods.co/).  
+[^1]: Actual page load speed depends on your hosting provider, resolution of embedded images and usage of 3rd party plugins.  
+[^2]: Transactions secured by [Stripe](https://stripe.com). Downloads handled by [Simple Goods](https://simplegoods.co/).  
 
 ~~~
  __  __                __                                     __
@@ -86,18 +85,28 @@ This table details what is and isn't included in each respective version.
 [resume]: https://qwtel.com/hydejack/resume/
 [download]: https://qwtel.com/download/
 [welcome]: https://qwtel.com/hydejack/
+[forms]: https://qwtel.com/hydejack/docs/7.1.0/forms-by-example/
+
+[feat]: https://qwtel.com/hydejack/#features
+[news]: https://qwtel.com/hydejack/#newsletter-subscription-box
+[syntax]: https://qwtel.com/hydejack/#syntax-highlighting
+[latex]: https://qwtel.com/hydejack/#latex-math-blocks
 
 [license]: LICENSE.md
 [pro]: licenses/PRO.md
-[docs]: docs/7.0.1/index.md
+[docs]: docs/7.1.0/index.md
 
 [github]: https://github.com/qwtel/hydejack/releases
 [gem]: https://rubygems.org/gems/jekyll-theme-hydejack
 [buy]: https://app.simplegoods.co/i/AQTTVBOE
 
 [gpss]: https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fqwtel.com%2Fhydejack%2F
-[wiki]: https://github.com/qwtel/hydejack/blob/master/docs/7.0.1/index.md
-[pdf]: https://github.com/qwtel/hydejack/releases/download/v7.0.1/Documentation._.Hydejack.pdf
-
+[wiki]: https://github.com/qwtel/hydejack/blob/master/docs/7.1.0/index.md
+[pdf]: https://github.com/qwtel/hydejack/releases/download/v7.1.0/Documentation._.Hydejack.pdf
 [hy-push-state]: https://qwtel.com/hy-push-state/
 [hy-drawer]: https://qwtel.com/hy-drawer/
+[rouge]: http://rouge.jneen.net
+[katex]: https://khan.github.io/KaTeX/
+[tinyletter]: https://tinyletter.com/
+
+*[FLIP]: First-Last-Invert-Play. A coding technique to achieve performant page transition animations.

data/_includes/about.html

@@ -1,7 +1,7 @@
 {% assign author = site.data.authors[page.author] | default:site.data.authors.first[1] | default:site.author %}
 
 {% if author.about %}
-  <aside class="author related mb4" role="complementary">
+  <aside class="about related mt4 mb4" role="complementary">
     {% assign about_heading = site.data.strings.about | default:"About" %}
     {% include author.html author=author heading=about_heading heading_tag='h2' %}
   </aside>

data/_includes/author.html

@@ -1,6 +1,6 @@
 {% assign plugins = site.plugins | default:site.gems %}
 
-<div class="author">
+<div class="author mt4">
   {% assign author = include.author %}
 
   {% if author.picture %}

data/_includes/body.html

@@ -7,7 +7,7 @@
     role="main"
     data-color="{{ color | escape }}"
     {% unless image.background %}
-      data-image="{{ image | escape }}"
+      data-image="{% if image == 'none' %}none{% else %}{% capture tmp %}{% include smart-url url=image %}{% endcapture %}{{ tmp | escape }}{% endif %}"
       {% if image != 'none' %}data-overlay{% endif %}
     {% else %}
       data-background="{{ image.background | escape }}"

data/_includes/body/scripts.html

@@ -9,7 +9,7 @@
   {% endif %}
 
   <!--[if gt IE 9]><!---->
-  {% capture js_url %}{% link assets/js/hydejack.js %}?v=7.0.1{% endcapture %}
+  {% capture js_url %}{% link assets/js/hydejack.js %}?v=7.1.0{% endcapture %}
   <script>loadJSDeferred('{{ js_url | relative_url }}');</script>
 
   {% include my-scripts.html %}

data/_includes/footer.html

@@ -3,6 +3,6 @@
   {% if site.copyright.size > 0 %}
   <p><small class="copyright">{{ site.copyright }}</small></p>
   {% endif %}
-  <p><small>Powered by <a class="external" href="https://qwtel.com/hydejack/">Hydejack</a> v<span id="_version">7.0.1</span></small></p>
+  <p><small>Powered by <a class="external" href="https://qwtel.com/hydejack/">Hydejack</a> v<span id="_version">7.1.0</span></small></p>
   <hr class="sr-only"/>
 </footer>

data/_includes/head/meta.html

@@ -27,4 +27,4 @@
 <meta name="theme-color" content="{{ color | default:'#4fb1ba' }}">
 {% endunless %}
 
-<meta name="generator" content="Hydejack v7.0.1" />
+<meta name="generator" content="Hydejack v7.1.0" />

data/_includes/head/styles.html

@@ -1,5 +1,5 @@
 <!--[if gt IE 8]><!---->
-{% capture style_url %}{% link assets/css/hydejack.css %}?v=7.0.1{% endcapture %}
+{% capture style_url %}{% link assets/css/hydejack.css %}?v=7.1.0{% endcapture %}
 
 {% if site.hydejack.no_inline_css or jekyll.environment == 'development' %}
   <link rel="stylesheet" href="{{ style_url | relative_url }}">

data/_includes/header.txt

@@ -9,5 +9,5 @@
  *                 /\___/                \ \____/
  *                 \/__/                  \/___/
  *
- * Powered by Hydejack v7.0.1 <https://qwtel.com/hydejack/>
+ * Powered by Hydejack v7.1.0 <https://qwtel.com/hydejack/>
  */

data/_includes/post.html

@@ -20,7 +20,7 @@
       {% include tag-list.html tags=post.tags meta=site.featured_tags start_with=tag_start separator=tag_separator %}
     </p>
 
-    {% include message.html text=post.description hide=page.no_description %}
+    {% include message.html text=post.description hide=page.hide_description %}
   </header>
 
   {% unless include.excerpt %}

data/_includes/sidebar.html

@@ -4,7 +4,7 @@
       {% capture bg_style %}background:{{ image.background }}{% endcapture %}
       {% capture bg_class %}sidebar-bg {% if image.overlay %}sidebar-overlay{% endif %}{% endcapture %}
     {% else %}
-      {% capture bg_style %}background-color:{{ color }};{% if image != 'none' %}background-image:url({{ image }}){% endif %}{% endcapture %}
+      {% capture bg_style %}background-color:{{ color }};{% if image != 'none' %}background-image:url({% include smart-url url=image %}){% endif %}{% endcapture %}
       {% capture bg_class %}sidebar-bg {% if image != 'none' %}sidebar-overlay{% endif %}{% endcapture %}
     {% endif %}
     <div class="{{ bg_class }}" style="{{ bg_style }}"></div>

data/_includes/smart-url

@@ -0,0 +1 @@
+{% assign url = include.url %}{% if url contains '//' %}{{ url }}{% else %}{% assign url = url | remove_first:site.baseurl %}{{ url | relative_url }}{% endif %}

data/_includes/srcset-img.html

@@ -2,11 +2,12 @@
   {% assign srcset = null %}
 
   {% if include.img.srcset %}
-    {% capture srcset %}{% for hash in include.img.srcset %}{{ hash[1]}} {{ hash[0] }}{% unless forloop.last %},{% endunless %}{% endfor %}{% endcapture %}
+    {% capture srcset %}{% for hash in include.img.srcset %}{% assign tmp = hash[1] %}{% include smart-url url=tmp %} {{ hash[0] }}{% unless forloop.last %},{% endunless %}{% endfor %}{% endcapture %}
   {% endif %}
 
+  {% assign src = include.img.src | default:include.img.path %}
   <img
-    src="{{ include.img.src | default:include.img.path }}"
+    src="{% include smart-url url=src %}"
     {% if include.class %}class="{{ include.class }}"{% endif %}
     {% if include.alt %}alt="{{ include.alt }}"{% endif %}
     {% if srcset %}srcset="{{ srcset | strip }}"{% endif %}
@@ -15,7 +16,7 @@
   />
 {% else %}
   <img
-    src="{{ include.img }}"
+    src="{% include smart-url url=include.img %}"
     {% if include.class %}class="{{ include.class }}"{% endif %}
     {% if include.alt %}alt="{{ include.alt }}"{% endif %}
     {% if include.property %}property="{{ include.property }}"{% endif %}

data/_includes/styles/inline.scss

@@ -1,3 +1,6 @@
+{% assign font_heading = site.font_heading | default:"'Roboto Slab', Helvetica, Arial, sans-serif" %}
+{% assign font =         site.font         | default:"'Noto Sans', Helvetica, Arial, sans-serif" %}
+
 @import "variables";
 @import "mixins";
 
@@ -37,9 +40,6 @@
 @import "my-inline";
 // @import "my-style";
 
-{% assign font_heading = site.font_heading | default:"'Roboto Slab', Helvetica, Arial, sans-serif" %}
-{% assign font =         site.font         | default:"'Noto Sans', Helvetica, Arial, sans-serif" %}
-
 {% unless site.hydejack.no_google_fonts or site.no_google_fonts %}
   {% assign font = font | split:',' | shift | join:',' %}
   {% assign font_heading = font_heading | split:',' | shift | join:',' %}

data/_includes/styles/style.scss

@@ -1,3 +1,6 @@
+{% assign font_heading = site.font_heading | default:"'Roboto Slab', Helvetica, Arial, sans-serif" %}
+{% assign font =         site.font         | default:"'Noto Sans', Helvetica, Arial, sans-serif" %}
+
 @import "variables";
 @import "mixins";
 
@@ -37,6 +40,15 @@
   // @import "my-inline";
   @import "my-style";
 
+  {% unless site.hydejack.no_google_fonts or site.no_google_fonts %}
+    .wf-active {
+      font-family: {{ font | default:"serif" }};
+
+      h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .heading {
+        font-family: {{ font_heading | default:"serif" }};
+      }
+    }
+  {% endunless %}
 {% else %}
   @import "pooleparty/_base.pre.scss";
   @import "pooleparty/_type.pre.scss";
@@ -70,14 +82,12 @@
 
   @import "my-inline";
   @import "my-style";
-{% endunless %}
 
-{% assign font_heading = site.font_heading | default:"'Roboto Slab', Helvetica, Arial, sans-serif" %}
-{% assign font =         site.font         | default:"'Noto Sans', Helvetica, Arial, sans-serif" %}
-
-{% unless site.hydejack.no_google_fonts or site.no_google_fonts %}
-  .wf-active {
+  html {
     font-family: {{ font | default:"serif" }};
-    h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .heading { font-family: {{ font_heading | default:"serif" }}; }
+  }
+
+  h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .heading { 
+    font-family: {{ font_heading | default:"serif" }};
   }
 {% endunless %}

data/_layouts/about.html

@@ -18,7 +18,7 @@ layout: base
 
   {{ author.about | markdownify }}
 
-  {% include message.html text=page.description hide=page.no_description alt="" %}
+  {% include message.html text=page.description hide=page.hide_description alt="" %}
 
   {{ content }}
 </article>

data/_layouts/base.html

@@ -6,8 +6,7 @@ layout: compress
 
 {% assign plugins = site.plugins | default:site.gems %}
 
-{% assign image = site.accent_image | default:site.image %}
-{% unless image %}{% assign image = '/assets/img/sidebar-bg.jpg' | relative_url %}{% endunless %}
+{% assign image = site.accent_image | default:site.image | default:'/assets/img/sidebar-bg.jpg' %}
 {% assign color = site.accent_color | default:site.color | default:'#4fb1ba' %}
 
 {% if page.categories.size > 0 %}

data/_layouts/compress.html

@@ -10,6 +10,6 @@
                 /\___/                \ \____/
                 \/__/                  \/___/
 
-Powered by Hydejack v7.0.1 <https://qwtel.com/hydejack/>
+Powered by Hydejack v7.1.0 <https://qwtel.com/hydejack/>
 -->{% capture _LINE_FEED %}
 {% endcapture %}{% if site.compress_html.ignore.envs contains jekyll.environment %}{{ content }}{% else %}{% capture _content %}{{ content }}{% endcapture %}{% assign _profile = site.compress_html.profile %}{% if site.compress_html.endings == "all" %}{% assign _endings = "html head body li dt dd p rt rp optgroup option colgroup caption thead tbody tfoot tr td th" | split: " " %}{% else %}{% assign _endings = site.compress_html.endings %}{% endif %}{% for _element in _endings %}{% capture _end %}</{{ _element }}>{% endcapture %}{% assign _content = _content | remove: _end %}{% endfor %}{% if _profile and _endings %}{% assign _profile_endings = _content | size | plus: 1 %}{% endif %}{% for _element in site.compress_html.startings %}{% capture _start %}<{{ _element }}>{% endcapture %}{% assign _content = _content | remove: _start %}{% endfor %}{% if _profile and site.compress_html.startings %}{% assign _profile_startings = _content | size | plus: 1 %}{% endif %}{% if site.compress_html.comments == "all" %}{% assign _comments = "<!-- -->" | split: " " %}{% else %}{% assign _comments = site.compress_html.comments %}{% endif %}{% if _comments.size == 2 %}{% capture _comment_befores %}.{{ _content }}{% endcapture %}{% assign _comment_befores = _comment_befores | split: _comments.first %}{% for _comment_before in _comment_befores %}{% if forloop.first %}{% continue %}{% endif %}{% capture _comment_outside %}{% if _carry %}{{ _comments.first }}{% endif %}{{ _comment_before }}{% endcapture %}{% capture _comment %}{% unless _carry %}{{ _comments.first }}{% endunless %}{{ _comment_outside | split: _comments.last | first }}{% if _comment_outside contains _comments.last %}{{ _comments.last }}{% assign _carry = false %}{% else %}{% assign _carry = true %}{% endif %}{% endcapture %}{% assign _content = _content | remove_first: _comment %}{% endfor %}{% if _profile %}{% assign _profile_comments = _content | size | plus: 1 %}{% endif %}{% endif %}{% assign _pre_befores = _content | split: "<pre" %}{% assign _content = "" %}{% for _pre_before in _pre_befores %}{% assign _pres = _pre_before | split: "</pre>" %}{% assign _pres_after = "" %}{% if _pres.size != 0 %}{% if site.compress_html.blanklines %}{% assign _lines = _pres.last | split: _LINE_FEED %}{% capture _pres_after %}{% for _line in _lines %}{% assign _trimmed = _line | split: " " | join: " " %}{% if _trimmed != empty or forloop.last %}{% unless forloop.first %}{{ _LINE_FEED }}{% endunless %}{{ _line }}{% endif %}{% endfor %}{% endcapture %}{% else %}{% assign _pres_after = _pres.last | split: " " | join: " " %}{% endif %}{% endif %}{% capture _content %}{{ _content }}{% if _pre_before contains "</pre>" %}<pre{{ _pres.first }}</pre>{% endif %}{% unless _pre_before contains "</pre>" and _pres.size == 1 %}{{ _pres_after }}{% endunless %}{% endcapture %}{% endfor %}{% if _profile %}{% assign _profile_collapse = _content | size | plus: 1 %}{% endif %}{% if site.compress_html.clippings == "all" %}{% assign _clippings = "html head title base link meta style body article section nav aside h1 h2 h3 h4 h5 h6 hgroup header footer address p hr blockquote ol ul li dl dt dd figure figcaption main div table caption colgroup col tbody thead tfoot tr td th" | split: " " %}{% else %}{% assign _clippings = site.compress_html.clippings %}{% endif %}{% for _element in _clippings %}{% assign _edges = " <e;<e; </e>;</e>;</e> ;</e>" | replace: "e", _element | split: ";" %}{% assign _content = _content | replace: _edges[0], _edges[1] | replace: _edges[2], _edges[3] | replace: _edges[4], _edges[5] %}{% endfor %}{% if _profile and _clippings %}{% assign _profile_clippings = _content | size | plus: 1 %}{% endif %}{{ _content }}{% if _profile %} <table id="compress_html_profile_{{ site.time | date: "%Y%m%d" }}" class="compress_html_profile"> <thead> <tr> <td>Step <td>Bytes <tbody> <tr> <td>raw <td>{{ content | size }}{% if _profile_endings %} <tr> <td>endings <td>{{ _profile_endings }}{% endif %}{% if _profile_startings %} <tr> <td>startings <td>{{ _profile_startings }}{% endif %}{% if _profile_comments %} <tr> <td>comments <td>{{ _profile_comments }}{% endif %}{% if _profile_collapse %} <tr> <td>collapse <td>{{ _profile_collapse }}{% endif %}{% if _profile_clippings %} <tr> <td>clippings <td>{{ _profile_clippings }}{% endif %} </table>{% endif %}{% endif %}</html>

data/_layouts/default.html

@@ -7,7 +7,7 @@ layout: base
 <article class="page" role="article">
   <header>
     <h1 class="page-title">{{ page.title | default:strings.home | default:"Home" }}</h1>
-    {% include message.html text=page.description hide=page.no_description %}
+    {% include message.html text=page.description hide=page.hide_description %}
   </header>
 
   {{ content }}

data/_layouts/list.html

@@ -17,7 +17,7 @@ layout: base
 {% if page.title.size > 0 %}
   <header>
     <h1 class="page-title">{{ page.title }}</h1>
-    {% include message.html text=page.description hide=page.no_description %}
+    {% include message.html text=page.description hide=page.hide_description %}
   </header>
   <hr class="sr-only"/>
 {% endif %}

data/_layouts/page.html

@@ -5,7 +5,7 @@ layout: base
 <article class="page" role="article">
   <header>
     <h1 class="page-title">{{ page.title }}</h1>
-    {% include message.html text=page.description hide=page.no_description %}
+    {% include message.html text=page.description hide=page.hide_description %}
   </header>
 
   {{ content }}

data/_sass/hydejack/__inline/_base.scss

@@ -43,7 +43,7 @@ html {
 
 // @media print { html { font-size: $root-font-size; } } 
 // Link styles
-a, .a {
+hy-push-state a, .a {
   position: relative; 
   padding-bottom: .15rem; 
   border-bottom: 1px solid; 
@@ -51,8 +51,7 @@ a, .a {
   
 }
 
-// .author { margin-top: 3rem; } 
-.img {
+.content .img {
   overflow: hidden; 
   background-color: $gray-bg; 
   
@@ -88,6 +87,7 @@ a, .a {
 .mb6 { margin-bottom: 6rem }
 .mt0 { margin-top: 0 }
 .mt3 { margin-top: 3rem }
+.mt4 { margin-top: 4rem }
 .pb0 { padding-bottom: 0 }
 
 

data/_sass/hydejack/__link/_base.scss

@@ -33,7 +33,7 @@ hy-push-state, hy-drawer {
 
 @media print { html { font-size: $root-font-size; } } 
 // Link styles
-a, .a {
+hy-push-state a, .a {
 //   position: relative; 
 //   padding-bottom: .15rem; 
 //   border-bottom: 1px solid; 
@@ -56,8 +56,7 @@ a, .a {
   
 }
 
-.author { margin-top: 3rem; } 
-.img {
+.content .img {
 //   overflow: hidden; 
 //   background-color: $gray-bg; 
   background-position: center;

data/_sass/hydejack/_base.pre.scss

@@ -45,7 +45,7 @@ html {
 @media print { html { font-size: $root-font-size; } } // link
 
 // Link styles
-a, .a {
+hy-push-state a, .a {
   position: relative; // inline
   padding-bottom: .15rem; // inline
   border-bottom: 1px solid; // inline
@@ -69,9 +69,7 @@ a, .a {
   // >>>
 }
 
-.author { margin-top: 3rem; } // link
-
-.img {
+.content .img {
   overflow: hidden; // inline
   background-color: $gray-bg; // inline
 
@@ -112,6 +110,7 @@ a, .a {
 .mb6 { margin-bottom: 6rem }
 .mt0 { margin-top: 0 }
 .mt3 { margin-top: 3rem }
+.mt4 { margin-top: 4rem }
 .pb0 { padding-bottom: 0 }
 // >>>>> INLINE
 

data/_sass/pooleparty/__inline/_base.scss

@@ -42,7 +42,7 @@ a {
   margin-right: -1rem;
 }
 
-img, .img {
+.content img, .img {
   display: block;
   max-width: 100%;
   margin-bottom: 1rem;

data/_sass/pooleparty/_base.pre.scss

@@ -31,7 +31,7 @@ a {
   margin-right: -1rem;
 }
 
-img, .img {
+.content img, .img {
   display: block;
   max-width: 100%;
   margin-bottom: 1rem;