minimal-jekyll-theme 0.1.3 → 0.1.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: e869f1fea59306735c29695128388e293f1e94a8
-  data.tar.gz: f31486031cea1eb07fc8f13f6696367251a94b10
+  metadata.gz: a62da752ce570c445d772a17efed9cf72008abef
+  data.tar.gz: 116c2ddeb2ccc835daf145f1c2c6de03cf489a47
 SHA512:
-  metadata.gz: a6869e07f66096eeab6d4c381b2e0f9513410a82e70578e76803757f3a063c9bd8b11fc59c045f11c8d005cd807a267eaf98244eaf2a82046f75a5a450cf4f66
-  data.tar.gz: 6630ae0396312b5c8b587ae18d881dbd219eda97e198bc96b202dfd9f970906ce60acafab57aca9f5e7f9fad31091c3f7e4662e5780b1923f1a7b4f12ea55fa4
+  metadata.gz: 06c0674b50b4b4d623cfc4db17e4389255c5b9a1c81983c480f17b5c0d3103da672076edc1012e898db2d4eaf7b5c839c8eeaef15ab7392f343673ca2f25d0a8
+  data.tar.gz: 677b80a5f3de1f4c0064b79aa39991a89c72d22dd9d08b59f56a83ed19623bbb2989e44ec1a51a60e3b860cfcf311b3897bd20972e7744888e05901f54abd9b1

data/CHANGELOG.md

@@ -1,3 +1,51 @@
+## 22-09-2017
+- Updated mark tag color in `_variables.scss`.
+- Added relative_url support to author.picture and author.url
+- Fixed navigation baseurl issue. `append: site.baseurl` issue caused by `contains` not working with `or`. Thanks to @ashmaroli for solution.
+- figure include now removes `class=""` if no class has been set.
+- Added markdown documentation.
+- Updated theme introduction.
+
+## 16-09-2017
+- Google, Bing, Alexa and Yandex site verification now supported via jekyll-seo-tag plugin.
+- Canonical link now supported via jekyll-seo-tag plugin.
+- Removed category meta tag from `head.html`.
+- Added support for custom vertical screen height in header.
+- `page.header.cta.class` now support new theme button classes. (Removed theme cta default styles from theme.yml file.)
+- Added option to set a header background color.
+- Added Google Analytics async tracking with fallback setting in `_config.yml` for older browser support.
+- Added support for Facebook Pixel.
+- Added sibebar support for Page layout.
+- Added support for HTML lang attribute in `head.html`.
+- Improved header navigation menu font size, weight & position on mobile/tablet.
+- Update demo site docs.
+- Added theme introduction to docs.
+- Added markdown docs.
+- Updated theme variables
+- Removed border-radius from Alerts (looked too similar to buttons).
+
+## 15-09-2017
+- Added full support for jekyll-archives plugin.
+- Redesigned archive link on home.html layout as a button for increased visibility.
+- Renamed `author.avatar` to `author.picture` in `authors.yml` to fully support jekyll-seo-tag plugin.
+- Update tachyons-sass.
+- Renamed `_custom.scss` to `_theme.scss`.
+
+## 21-07-2017
+- Improved the readability of category and tag pages with new design.
+- Improved the readability of author bio width in `author_bio.html` and `post_meta.html`.
+- Improved position of author avatar in `post-meta.html` on mobile.
+- Removed unnecessary flexbox classes in `author_bio.html` and `post_meta.html`.
+- Updated "tachyons-background-overlays" to v1.1.0
+- Fix header `cta_class:`. Easily change the header CTA button classes of any page.
+
+## 15-07-2017
+- Update to Jekyll 3.5.1
+
+## 15-07-2017
+- Improved header margin on page layout
+- Improved header margin on post layout when post_meta = false
+
 ## 09-07-2017
 - Released theme version 0.1.3
 - Improved header hero padding on mobile.

data/README.md

@@ -1,5 +1,7 @@
 # Minimal Jekyll Theme
 
+## [Theme demo](https://desiredpersona.github.io/minimal-jekyll-theme/)
+
 Subscribe to my [newsletter for more themes](https://desiredpersona.com/themes/).
 
 ## Homepage Layout
@@ -14,20 +16,30 @@ Subscribe to my [newsletter for more themes](https://desiredpersona.com/themes/)
 
 ## Features
 
-- Compatible with Jekyll 3.5.x and GitHub Pages.
-- Support for Jekyll's built-in Sass/SCSS preprocessor.
-- Built with [Tachyons-sass](https://github.com/tachyons-css/tachyons-sass).
-- Several layout options (one-column pages, two-column pages, posts, archive, landing pages).
-- SEO optimized using [Jekyll-seo-tag](https://github.com/jekyll/jekyll-seo-tag).
-- Optional [Disqus comments](https://disqus.com/).
-- Optional analytics ([Google Analytics](https://www.google.com/analytics/) and custom).
-- Multiple author support.
+- Compatible with Jekyll 3.5.x and GitHub Pages
 - System-fonts
-
+- Mobile first responsive design
+- Built with [Tachyons-sass](https://github.com/tachyons-css/tachyons-sass)
+- Multiple author support
+- Jekyll excerpt support
+- Social share icons
+- Header and footer navigation
+- Post header image with optional CTA
+- Multiple layouts including page, post, landing page, archives, categories and tags. [View layout demos](https://desiredpersona.github.io/minimal-jekyll-theme/docs/)
+- [Disqus comments](https://disqus.com/)
+- [Google Analytics](https://www.google.com/analytics/) async tracking.
+- Facebook Pixel
+
+## Plugin Dependencies
+
+- Atom feed via [Jekyll feed](https://github.com/jekyll/jekyll-feed)
+- Sitemap via [Jekyll sitemap](https://github.com/jekyll/jekyll-sitemap)
+- SEO via [Jekyll-seo-tag](https://github.com/jekyll/jekyll-seo-tag)
+- Archive pages for year, month, day, categories and tags auto-generated via [Jekyll archives](https://github.com/jekyll/jekyll-archives)
 
 ## Installation
 
-Please read the [theme documentation](https://github.com/desiredpersona/minimal-jekyll-theme/tree/master/docs/_docs).
+Please read the [theme documentation](https://desiredpersona.github.io/minimal-jekyll-theme/docs/).
 
 
 ## Credits
@@ -36,16 +48,16 @@ Please read the [theme documentation](https://github.com/desiredpersona/minimal-
 
 Desired Persona
 
-- <https://desiredpersona.com>
-- <https://twitter.com/desiredpersona>
-- <https://github.com/desiredpersona>
+- [https://desiredpersona.com](https://desiredpersona.com)
+- [https://twitter.com/desiredpersona](https://twitter.com/desiredpersona)
+- [https://github.com/desiredpersona](https://github.com/desiredpersona)
 
 #### Thanks
 
 - [Jekyll](http://jekyllrb.com)
 - [Tachyons](http://tachyons.io)
-- [Tachyons Background Overlays by Alec Lomas](https://github.com/lowmess/tachyons-background-overlays)
-- [SVG Icons by Matthew Skiles](https://dribbble.com/shots/1925069-Lynny-Icon-Set-Free)
+- [Tachyons background overlays by Alec Lomas](https://github.com/lowmess/tachyons-background-overlays)
+- [SVG icons by Matthew Skiles](https://dribbble.com/shots/1925069-Lynny-Icon-Set-Free)
 
 ## Contributing
 
@@ -58,6 +70,6 @@ The theme is available as open source under the terms of the [Creative Commons A
 #### TLDR:
 This theme is free to use for personal and/or commercial sites once you do not remove the attribution link from the themes footer.
 
-#### Remove Attribution Link (optional):
+#### Remove Attribution Link (Optional):
 If you would like to remove the attribution link from the themes footer for personal and/or commercial sites set `attribution: false` in your theme.yml file and [purchase a theme licence.](https://desiredpersona.com/themes/)
 

data/_includes/analytics.html

@@ -0,0 +1,37 @@
+{% if site.google_analytics_async == 'false' %}
+<!-- Google Analytics -->
+  <script>
+    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+    })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
+
+    ga('create', '{{ site.google_analytics }}', 'auto');
+    ga('require', 'linkid');
+    ga('send', 'pageview');
+  </script>
+{% else %}
+<!-- Google Analytics async -->
+<script>
+  window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
+  ga('create', '{{ site.google_analytics }}', 'auto');
+  ga('require', 'linkid');
+  ga('send', 'pageview');
+  </script>
+  <script async src='https://www.google-analytics.com/analytics.js'></script>
+{% endif %}
+{% if site.facebook_pixel_id == 'true' %}
+<!-- Facebook Pixel -->
+  <script>
+  !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
+  n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;
+  n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;
+  t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,
+  document,'script','https://connect.facebook.net/en_US/fbevents.js');
+
+  fbq('init', '{{ site.facebook_pixel_id }}');
+  fbq('track', "PageView");</script>
+  <noscript><img height="1" width="1" style="display:none"
+  src="https://www.facebook.com/tr?id=1744117355874022&ev=PageView&noscript=1"
+  /></noscript>
+  {% endif %}

data/_includes/author_bio.html

@@ -6,32 +6,32 @@
   {% assign author = site.author %}
 {% endif %}
 
-<div class="flex flex-row w-100 mt2 lh-copy bt b--light-gray pv3" itemscope itemtype="http://schema.org/Person">
-  <div class="flex items-start">
+<div class="flex w-100 mt2 lh-copy bt b--light-gray pv3">
+  <div>
     {% if author.url contains "://" %}
-    <a href="{{ author.url }}" target="_blank"><img src="{{ author.avatar }}" alt="{{ author.name }}" class="w2 h2 w3-ns h3-ns br-100"></a>
+      <a href="{{ author.url }}" target="_blank"><img src="{{ author.picture | relative_url }}" alt="{{ author.name }}" class="w2 h2 w3-ns h3-ns br-100"></a>
     {% else %}
-    <a href="{{ author.url | relative_url }}"><img src="{{ author.avatar | absolute_url }}" alt="{{ author.name }}" class="w2 h2 w3-ns h3-ns br-100"></a>
+      <a href="{{ author.url | relative_url }}"><img src="{{ author.picture | relative_url }}" alt="{{ author.name }}" class="w2 h2 w3-ns h3-ns br-100"></a>
     {% endif %}
   </div>
 
-  <div class="flex flex-column w-90 pl2 pl3-ns">
-    <div class="flex flex-row">
+  <div class="flex flex-column w-90 w-80-ns pl2 pl3-ns">
+    <div class="flex items-center-ns">
       {% if author.url contains "://" %}
-      <a class="f5 f4-ns fw4 link lh-title black mr2" href="{{ author.url }}" target="_blank">{{ author.name }}</a>
+      <a class="f5 f4-ns fw4 lh-title black hover-black link mr2" href="{{ author.url }}" target="_blank">{{ author.name }}</a>
       {% else %}
-      <a class="f5 f4-ns fw4 link lh-title black mr2" href="{{ author.url | relative_url }}">{{ author.name }}</a>
+      <a class="f5 f4-ns fw4 lh-title black hover-black link mr2" href="{{ author.url | relative_url }}">{{ author.name }}</a>
       {% endif %}
 
       {% if author.cta_url contains "://" %}
-      <a class="flex items-center f6 fw3 link{{ site.data.theme.ui.author.cta.class | join: ' ' | prepend: ' ' }} ph2" href="{{ author.cta_url }}" target="_blank">{{ author.cta | default: "Subscribe" }}</a>
+      <a class="f6 fw4 link nested-author-cta ba br-pill ph2" href="{{ author.cta_url }}" target="_blank">{{ author.cta | default: "Follow" }}</a>
       {% else %}
-      <a class="flex items-center f6 fw3 link{{ site.data.theme.ui.author.cta.class | join: ' ' | prepend: ' ' }} ph2" href="{{ author.cta_url | relative_url }}" target="_blank">{{ author.cta | default: "Subscribe" }}</a>
+      <a class="f6 fw4 link nested-author-cta ba br-pill ph2" href="{{ author.cta_url | relative_url }}" target="_blank">{{ author.cta | default: "Follow" }}</a>
       {% endif %}
     </div>
 
 
-    <div class="f6 f5-ns fw3 lh-copy light-silver">{{ author.bio }}</div>
+    <div class="f6 f5-ns fw3 lh-copy silver">{{ author.bio }}</div>
   </div>
 
 </div>

data/_includes/category_tag_list.html

@@ -9,11 +9,11 @@
   {% endif %}
 
   {% for category in categories %}
-    <a class="f6 br1 mt2 mr1 pa2 link black-60 hover-dark-gray bg-near-white hover-bg-black-10" href="{{ "/categories/" | absolute_url }}#{{ category | slugify }}">{{ category }}</a>
+    <a class="f6 br1 mt2 mr1 pa2 link black-60 hover-black-60 bg-near-white hover-bg-black-10" href="{{ "/category/" | absolute_url }}{{ category | slugify }}/">{{ category }}</a>
   {% endfor %}
 
   {% for tag in tags %}
-    <a class="f6 br1 mt2 mr1 pa2 link black-60 hover-dark-gray bg-near-white hover-bg-black-10" href="{{ "/tags/" | absolute_url }}#{{ tag | slugify }}">{{ tag }}</a>
+    <a class="f6 br1 mt2 mr1 pa2 link black-60 hover-black-60 bg-near-white hover-bg-black-10" href="{{ "/tag/" | absolute_url }}{{ tag | slugify }}/">{{ tag }}</a>
   {% endfor %}
 
 </div>

data/_includes/figure

@@ -1,4 +1,4 @@
-<figure class="{{ include.class }}">
+<figure {% if include.class %}class="{{ include.class }}"{% endif %}>
   <img src=
     {% if include.image_path contains "://" %}
       "{{ include.image_path }}"

data/_includes/footer.html

@@ -1,20 +1,21 @@
-<footer class="flex justify-start items-baseline {% if page.sidebar %}mw8{% else %}mw7{% endif %} center w-100 ph3 ph4-m mt4 mb2 lh-copy">
+<footer class="flex justify-start items-baseline {% if page.sidebar %}mw8{% else %}mw7{% endif %} center w-100 ph3 ph4-ns mt4 mb2 lh-copy">
   <nav class="flex flex-row flex-wrap">
-    <span class="f7 fw3 light-silver mr3 ttc"><a href="{{ '/' | absolute_url }}" class="f7 fw5 b light-silver link underline-hover" title="{{ site.title }}">{{ site.title | capitalize }}</a> &copy; {{ site.time | date: '%Y' }}</span>
-    
+    <span class="f7 fw3 silver mr3 ttc"><a href="{{ '/' | absolute_url }}" class="f7 fw5 silver hover-silver link underline-hover" title="{{ site.title }}">{{ site.title | capitalize }}</a> &copy; {{ site.time | date: '%Y' }}</span>
     {% if site.data.theme.navigation.footer %}
     {% for link in site.data.theme.navigation.footer %}
-    {% if link.url contains 'http' or 'mailto' %}
-      {% assign domain = '' %}
-    {% else %}
-      {% assign domain = site.url | append: site.baseurl %}
-    {% endif %}
-    <a href="{{ domain }}{{ link.url }}" class="f7 fw3 light-silver link underline-hover mr3" {% if link.url contains 'http' %}target="_blank"{% endif %}>{{ link.title | capitalize }}</a>
+      {% if link.url contains 'http' %}
+        {% assign domain = '' %}
+      {% elsif link.url contains 'mailto' %}
+        {% assign domain = '' %}
+      {% else %}
+        {% assign domain = site.url | append: site.baseurl %}
+      {% endif %}
+      <a href="{{ domain }}{{ link.url }}" class="f7 fw3 silver hover-silver link underline-hover mr3" {% if link.url contains 'http' %}target="_blank"{% endif %}>{{ link.title | capitalize }}</a>
     {% endfor %}
     {% endif %}
 
     {% if site.data.theme.attribution == true %}
-    <span class="f7 fw3 light-silver mr3">Designed with <a href="https://desiredpersona.com/themes/" class="f7 fw3 light-silver link underline-hover mr3" target="_blank">Minimal Theme</a></span>
+    <span class="f7 fw3 silver mr3">Designed with <a href="https://desiredpersona.com/themes/" class="f7 fw3 silver hover-silver link underline-hover mr3" target="_blank">Minimal Theme</a></span>
     {% endif %}
   </nav>
 </footer>

data/_includes/head.html

@@ -23,24 +23,6 @@
   {% include analytics.html %}
   {% endif %}
 
-  {% if site.google_site_verification %}
-  <meta name="google-site-verification" content="{{ site.google_site_verification }}">
-  {% endif %}
-
-  {% if site.bing_site_verification %}
-  <meta name="msvalidate.01" content="{{ site.bing_site_verification }}">
-  {% endif %}
-
-  {% if site.fb_page %}
-  <meta property="fb:pages" content="{{ site.fb_page_id }}">
-  {% endif %}
-
   <!-- SEO -->
-  <link rel="canonical" href="{{ page.url | replace:'index.html','' | absolute_url }}">
-
-  {% if page.categories %}
-  <meta name="keywords" content="{{ page.categories | join: ', ' }}">
-  {% endif %}
-
   {% seo %}
 </head>

data/_includes/header.html

@@ -4,7 +4,7 @@
 
 
 {% if page.header.layout == 'hero' %}
-<header class="flex flex-column cover w-100 vh-75-l bg-left bg-center-l {% if page.header.class %}{{ page.header.class }}{% endif %}" style="background-image: url({{ page.header.image | absolute_url }})">
+<header class="flex flex-column cover w-100 {% if page.header.vh %}{{ page.header.vh }}{% else %}vh-75-l{% endif %} bg-left bg-center-l {% if page.header.class %}{{ page.header.class }}{% endif %}" {% if page.header.image %}style="background-image: url({{ page.header.image | absolute_url }})"{% endif %}>
   {% if page.header.navigation == 'fancy' %}
   {% include navigation.html %}
   {% endif %}
@@ -12,30 +12,30 @@
     <div class="flex flex-column items-start items-center-l mw9 mw7-m center w-100 pv5 pv0-l pa3 ph4-ns">
       <h1 class="f2 f1-l fw6 lh-title white mv0">{{ page.title }}</h1>
       {% if page.subtitle %}
-      <h2 class="f3 f2-l fw4 lh-title white-90 mt3 mb3">{{ page.subtitle }}</h2>
+      <h2 class="f3 f2-l fw4 lh-title white mt3 mb3">{{ page.subtitle }}</h2>
       {% endif %}
       {% if page.paragraph %}
-      <p class="f5 f4-l fw3 lh-copy white-80 mt3 mb3">{{ page.paragraph }}</p>
+      <p class="f5 f4-l fw3 lh-copy white-90 mt3 mb3">{{ page.paragraph }}</p>
       {% endif %}
 
-      {% if page.header.cta_url contains "://" %}
-      <a class="f5 f4-ns no-underline dib grow {% if page.header.cta.class %}{{ page.header.cta.class | join: ' ' | prepend: ' ' }}{% else %}{{ site.data.theme.ui.header.cta.class | join: ' ' | prepend: ' ' }}{% endif %} ph4 pv3 mb3" href="{{ page.header.cta_url }}" target="_blank" rel="nofollow">{{ page.header.cta }}</a>
-      {% elsif page.header.cta_url %}
-      <a class="f5 f4-ns no-underline dib grow {% if page.header.cta.class %}{{ page.header.cta.class | join: ' ' | prepend: ' ' }}{% else %}{{ site.data.theme.ui.header.cta.class | join: ' ' | prepend: ' ' }}{% endif %} ph4 pv3 mb3" href="{{ page.header.cta_url | absolute_url }}">{{ page.header.cta }}</a>
+      {% if page.header.cta.url contains "://" %}
+      <a class="f5 f4-ns {{ page.header.cta.class | join: ' ' | prepend: ' ' }}" href="{{ page.header.cta.url }}" target="_blank" rel="nofollow">{{ page.header.cta.text }}</a>
+      {% elsif page.header.cta.url %}
+      <a class="f5 f4-ns {{ page.header.cta.class | join: ' ' | prepend: ' ' }}" href="{{ page.header.cta.url | absolute_url }}">{{ page.header.cta.text }}</a>
       {% endif %}
     </div>
   </div>
 </header>
 
 {% elsif page.header.layout == 'header' %}
-<header class="flex flex-column cover w-100 vh-50 vh-75-l bg-left bg-center-l" style="background-image: url({{ page.header.image | absolute_url }})">
-  {% if page.header.navigation == 'fancy' %}
-  {% include navigation.html %}
-  {% endif %}
+<header class="flex flex-column cover w-100 {% if page.header.vh %}{{ page.header.vh }}{% else %}vh-50 vh-75-l{% endif %} bg-left bg-center-l" {% if page.header.image %}style="background-image: url({{ page.header.image | absolute_url }})"{% endif %}>
+{% if page.header.navigation == 'fancy' %}
+{% include navigation.html %}
+{% endif %}
 </header>
 {% endif %}
 
 
 {% if page.header.caption %}
-<span class="flex flex-row justify-center f6 fw3 light-silver pv2 ph3">{{ site.data.theme.text.caption }}&colon;&nbsp; {{ page.header.caption | markdownify | remove: "<p>" | remove: "</p>" }}</span>
+<span class="flex flex-row justify-center f6 fw3 silver pv2 ph3">{{ site.data.theme.text.caption }}&colon;&nbsp; {{ page.header.caption | markdownify | remove: "<p>" | remove: "</p>" }}</span>
 {% endif %}

data/_includes/navigation.html

@@ -1,25 +1,21 @@
 <div class="flex-l justify-between items-center mw7 mw8-l w-100 {% if page.sidebar %}center-l{% else %}center{% endif %} pt3 pb3 pl3 pr3-ns ph4-m">
 {% if page.header.navigation == 'fancy' %}
-<a class="white link f2 f3-l fw4 dim mr3" href="{{ '/' | absolute_url }}" title="Home">{{ site.title }}</a>
+<a class="white hover-white dim link f2 f3-l fw4 mr3" href="{{ '/' | absolute_url }}" title="Home">{{ site.title }}</a>
 {% else %}
-<a class="black link f2 f3-l fw4 dim mr3" href="{{ '/' | absolute_url }}" title="Home">{{ site.title }}</a>
+<a class="black hover-black link f2 f3-l fw4 mr3" href="{{ '/' | absolute_url }}" title="Home">{{ site.title }}</a>
 {% endif %}
 
-  <div class="flex-l items-center">
+  <div class="flex-l items-center mt3 mt0-l">
     <nav class="nowrap overflow-x-auto">
     {% for link in site.data.theme.navigation.main %}
-    {% if link.url contains 'http' or 'mailto' %}
-    {% assign domain = '' %}
-    {% else %}
-    {% assign domain = site.url | append: site.baseurl %}
-    {% endif %}
-
-    {% if page.header.navigation == 'fancy' %}
-    <a href="{{ domain }}{{ link.url }}" class="white link dim f4 f5-ns fw3 mr3 mt2" {% if link.url contains 'http' %}target="_blank"{% endif %}>{{ link.title }}</a>
-    {% else %}
-    <a href="{{ domain }}{{ link.url }}" class="black link dim f4 f5-ns fw3 mr3 mt2" {% if link.url contains 'http' %}target="_blank"{% endif %}>{{ link.title }}</a>
-    {% endif %}
-
+      {% if link.url contains 'http' %}
+        {% assign domain = '' %}
+      {% elsif link.url contains 'mailto' %}
+        {% assign domain = '' %}
+      {% else %}
+        {% assign domain = site.url | append: site.baseurl %}
+      {% endif %}
+      <a href="{{ domain }}{{ link.url }}" class="{% if page.header.navigation == 'fancy' %}white hover-white dim{% else %}black hover-black{% endif %} link f4 f5-l fw3 mr3 mt2" {% if link.url contains 'http' %}target="_blank"{% endif %}>{{ link.title }}</a>
     {% endfor %}
     </nav>
   </div>

data/_includes/post_meta.html

@@ -7,33 +7,33 @@
 {% endif %}
 
 
-<div class="flex flex-row w-100 mt4 lh-copy">
-  <div class="flex self-center">
+<div class="flex w-100 mt4 lh-copy">
+  <div class="pt1 pt0-ns">
     {% if author.url contains "://" %}
-      <a href="{{ author.url }}" target="_blank"><img src="{{ author.avatar }}" alt="{{ author.name }}" class="w2 h2 w3-ns h3-ns br-100"></a>
+      <a href="{{ author.url }}" target="_blank"><img src="{{ author.picture | relative_url }}" alt="{{ author.name }}" class="w2 h2 w3-ns h3-ns br-100"></a>
     {% else %}
-      <a href="{{ author.url | relative_url }}"><img src="{{ author.avatar | absolute_url }}" alt="{{ author.name }}" class="w2 h2 w3-ns h3-ns br-100"></a>
+      <a href="{{ author.url | relative_url }}"><img src="{{ author.picture | relative_url }}" alt="{{ author.name }}" class="w2 h2 w3-ns h3-ns br-100"></a>
     {% endif %}
   </div>
 
-  <div class="flex flex-column self-center w-90 pl2 pl3-ns">
-    <div class="flex flex-row items-center">
+  <div class="flex flex-column w-90 w-80-ns pl2 pl3-ns">
+    <div class="flex items-center">
       {% if author.url contains "://" %}
-      <a class="f5 fw4 lh-copy link lh-title black mr2" href="{{ author.url }}" target="_blank">{{ author.name }}</a>
+      <a class="f5 fw4 lh-title black hover-black link mr2" href="{{ author.url }}" target="_blank">{{ author.name }}</a>
       {% else %}
-      <a class="f5 fw4 lh-copy link lh-title black mr2" href="{{ author.url | relative_url }}">{{ author.name }}</a>
+      <a class="f5 fw4 lh-title black hover-black link mr2" href="{{ author.url | relative_url }}">{{ author.name }}</a>
       {% endif %}
 
       {% if author.cta_url contains "://" %}
-      <a class="f6 fw3 lh-copy link{{ site.data.theme.ui.author.cta.class | join: ' ' | prepend: ' ' }} ph2" href="{{ author.cta_url }}" target="_blank">{{ author.cta | default: "Subscribe" }}</a>
+      <a class="f6 fw4 lh-copy link nested-author-cta ba br-pill ph2" href="{{ author.cta_url }}" target="_blank">{{ author.cta | default: "Follow" }}</a>
       {% else %}
-      <a class="f6 fw3 lh-copy link{{ site.data.theme.ui.author.cta.class | join: ' ' | prepend: ' ' }} ph2" href="{{ author.cta_url | relative_url }}">{{ author.cta | default: "Subscribe" }}</a>
+      <a class="f6 fw4 lh-copy link nested-author-cta ba br-pill ph2" href="{{ author.cta_url | relative_url }}">{{ author.cta | default: "Follow" }}</a>
       {% endif %}
     </div>
 
-    <div class="flex flex-wrap f6 fw3 lh-copy light-silver">{{ author.post_meta_bio }}</div>
+    <div class="f6 fw3 lh-copy silver">{{ author.post_meta_bio }}</div>
 
-    <div class="f6 fw3 lh-copy light-silver">
+    <div class="f6 fw3 lh-copy silver">
       {% if page.last_modified_at %}
       <span>{{ site.data.theme.text.updated }} {{ page.last_modified_at | date: site.date_format }}</span>
       {% else %}

data/_includes/sidebar.html

@@ -4,13 +4,15 @@
     <h3>{{ page.sidebar.title }}</h3>
       <ul class="pl0 list ttc">
       {% for link in site.data.theme.navigation[page.sidebar.navigation] %}
-      {% if link.url contains 'http' or 'mailto' %}
-      {% assign domain = '' %}
-      {% else %}
-        {% assign domain = site.url | append: site.baseurl %}
-      {% endif %}
-      <li><a href="{{ domain }}{{ link.url }}" class="f5 fw3 lh-copy link underline-hover" {% if link.url contains 'http' %}target="_blank"{% endif %}>{{ link.title }}</a></li>
-      {% endfor %}
+        {% if link.url contains 'http' %}
+          {% assign domain = '' %}
+        {% elsif link.url contains 'mailto' %}
+          {% assign domain = '' %}
+        {% else %}
+          {% assign domain = site.url | append: site.baseurl %}
+        {% endif %}
+        <li><a href="{{ domain }}{{ link.url }}" class="f5 fw3 lh-copy link underline-hover" {% if link.url contains 'http' %}target="_blank"{% endif %}>{{ link.title }}</a></li>
+        {% endfor %}
       </ul>
     {% endif %}