jekyll-theme-isabelline 0.1.13 → 0.1.19

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: cba5c2a54362ffd8b8dac4888c161e06ad732766d48720365815c69a4bc6acbd
-  data.tar.gz: a94d378565d3fb2e565d244929a8346df839829101822d82866ef1032b7fa4b1
+  metadata.gz: d08dcb66cb7206e9726b4b67df662f9856e12b37cb784e77860be56d7201d438
+  data.tar.gz: bb7b654b18461822b11d07b06188ad1be05e1409a4f0fa1d0d30928ebc153250
 SHA512:
-  metadata.gz: 931d9c0ec484f23dae3623839bb69c99a862e6405ff7610f67a8620ccd0ed97a47f42e9bf0899173fa5d5ad6d9720a98c2f227cc9c016a0b2796c43e0b3e4ddc
-  data.tar.gz: 6033267ee238e7c7fd9fe512fdd3e5e6a4c7a52ea74aee672f66356764026c10d41751bc5a25972179a8180a4e5ae68282e8d747283cb1e095c667767b5d9911
+  metadata.gz: d2b0c9899e3a62145382fbba2cfaa0b307a4d0d33710e4954e340d587956b806ca384f6117c40ca7986c119e3aca909f1ea268055bd90dfd931131658292f5e3
+  data.tar.gz: 03e176ec8f710e8be13ec0b3bb1f842bdcb0d7e71b522c0f48afc190a199e9616d8e23aa2fc3a9ff7c41c69d8021d51a70b253a56b17f39c65e4c3a3385342a8

data/README.md

@@ -1,3 +1,36 @@
 # jekyll-theme-isabelline
 
-README is being worked on in [a post](/README/)
+Simple clean mobile-friendly theme for long form note taking. Works for blogging too.
+
+## Features:
+
+* Compatible with Jekyll 4
+* Designed for long form writing
+* Reserved, classy, easy to read, minimalistic visual design
+* Semantic lightweight mobile first markup; special attention to markup of block quotes, asides, images, image galleries
+* Customizable color scheme
+
+## Installation
+
+Add this line to site's `Gemfile`: 
+
+```ruby
+gem "jekyll-theme-isabelline", "~> 0.1.0"
+```
+And add this line to your Jekyll site:
+
+```yaml
+theme: jekyll-theme-isabelline
+```
+
+And then execute:
+
+```sh
+ $ bundle
+```
+
+Or, install from CLI:
+
+```sh
+ $ gem install jekyll-theme-isabelline
+```

data/_includes/byline.html

@@ -0,0 +1,11 @@
+
+{% if page.layout == "post" or page.layout == "blog" or page.layout == "page" %}
+<!--
+	<div class="byline">
+		<span class="author">{{ site.author.short_name }}</span>
+		<span class="date">{{ page.date | date: "%a, %-d %b, %Y" }}</span>
+	</div>
+-->
+{% else %}
+	<!-- this page type has no byline -->
+{% endif %}

data/_includes/disqus.html

@@ -0,0 +1,23 @@
+<div id="disqus_thread"></div>
+<script>
+
+/**
+*  RECOMMENDED CONFIGURATION VARIABLES: EDIT AND UNCOMMENT THE SECTION BELOW TO INSERT DYNAMIC VALUES FROM YOUR PLATFORM OR CMS.
+*  LEARN WHY DEFINING THESE VARIABLES IS IMPORTANT: https://disqus.com/admin/universalcode/#configuration-variables
+*/
+
+/*
+var disqus_config = function () {
+	this.page.url = PAGE_URL;  // Replace PAGE_URL with your page's canonical URL variable
+	this.page.identifier = PAGE_IDENTIFIER; // Replace PAGE_IDENTIFIER with your page's unique identifier variable
+};
+*/
+
+(function() { // DON'T EDIT BELOW THIS LINE
+var d = document, s = d.createElement('script');
+s.src = 'https://EXAMPLE.disqus.com/embed.js';
+s.setAttribute('data-timestamp', +new Date());
+(d.head || d.body).appendChild(s);
+})();
+</script>
+<noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>

data/_includes/footer.html

@@ -2,11 +2,13 @@
    <nav>
       <p>
          <span class="copy">&copy;</span> {{ 'now' | date: '%Y' }} {{ site.copyright_owner.full_name }}. 
-         <a href="{{ site.license.url | default: '/legal/' }}">{{ site.license.name }}</a>. 
-         {% if site.edit_url != '' or site.edit_url != nil %}
+         <a href="{{ site.license.url | default: (site.license.local_url | relative_url) }}">{{ site.license.name }}</a>. 
+         
+         {% if site.edit_url != blank %}
             <a class="edit" href="{{ site.edit_url | append: page.path }}">Edit</a>.
          {% endif %}
-         {% if site.jekyll_theme_isabelline %}
+         
+         {% if site.jekyll_theme_isabelline != blank %}
             {% if site.jekyll_theme_isabelline.url %}
                <a class="isabelline badge" href="{{ site.jekyll_theme_isabelline.url }}">
             {% endif %}
@@ -22,11 +24,8 @@
    <nav>
       <p class="mode"></p>
    </nav>
-   <!-- <style>
-      @import url('https://fonts.googleapis.com/css?family=Bree+Serif');
-   </style> -->
 </footer>
 
 <div id="snackbar">Loading...</div>
 <!-- <script src='/assets/js/slides.js'></script> -->
-<script src='/assets/js/clipboard.js'></script>
+<script src='{{ "/assets/js/clipboard.js" | relative_url }}'></script>

data/_includes/gallery.html

@@ -0,0 +1,8 @@
+{% assign images = (include.images | split: "|") %}
+{% assign thumbnails = (include.thumbnails | split: "|") %}
+
+<div class="gallery">
+	{% for image in images %}
+		<a href="{{ include.dir }}/{{ image }}"><img src="{{ include.dir }}/{{ image }}" /></a>
+	{% endfor %}
+</div>

data/_includes/head.html

@@ -7,5 +7,6 @@
 			{{ page.title }} · {{ site.title }}
 		{% endif %}
 	</title>
-	<link rel="stylesheet" href="{{ site.baseurl }}/assets/css/style.css">
+	<link rel="stylesheet" href="{{ '/assets/css/style.css' | relative_url }}">
+	{% include head-meta.html %}
 </head>

data/_includes/header.html

@@ -1,16 +1,25 @@
 <header>
 	<nav>
 		<ul>
-			<li><a href="{{ site.baseurl | append: '/' }}">Home</a>
-			{% if jekyll.environment == 'local' %}
-				<li><a href="{{ site.baseurl | append: '/private/' }}">Private</a>
+			{% if site.home.hide_home %}
+				<!-- home menu hidden per _config.yaml nav.hide_home_link -->
+			{% else %}
+				<li><a href="{{ '/' | relative_url }}">{{ site.nav.home | default: "Home" }}</a>
 			{% endif %}
-			{% for page in site.pages | sort: 'sort_order', 'title' %}
+
+			{% assign sorted_pages=(site.pages | sort: "sort_order") %}
+			
+			{% for page in sorted_pages %}
 				{% if page.categories contains 'global' %}
-					<li><a href="{{ site.baseurl | append: page.url }}">{{ page.title }}</a>
+					<li><a href="{{ page.url | relative_url }}">{{ page.title }}</a>
 				{% endif %}
 			{% endfor %}
+			
 			{% include additional_glboal_nav.html %}
+			
+			{% if jekyll.environment == 'local' %}
+				<li><a href="{{ '/private/' | relative_url }}">Private</a>
+			{% endif %}
 		</ul>
 	</nav>
 </header>

data/_includes/image.html

@@ -1,17 +1,26 @@
-{% capture imagePath %}{{ page.id | split: "/" | last }}/{{ include.name }}{% endcapture %}
+{% capture imagePath %}/assets/blog/{{ page.id | split: "/" | last }}/{{ include.name }}{% endcapture %}
 
-{% if include.frame == false %}
-	{% assign frame = false %}
-{% else %}
-	{% assign frame = true %}
+{% assign imagePath=(imagePath | relative_url) %}
+
+{% capture src %}src="{{ imagePath }}"{% endcapture %}
+
+{% assign caption=include.caption | default: "" %}
+{% assign alt=include.alt | default: caption %}
+
+{% if alt != blank %}
+	{% capture alt %}alt="{{ alt }}" title="{{ alt }}"{% endcapture %}
+{% endif %}
+
+{% assign frame=include.frame %}
+{% if frame == blank %}
+	{% assign frame=true %}
+{% endif %}
+
+{% if include.width != blank %}
+	{% capture width %}style="width:{{ include.width }}"{% endcapture %}
 {% endif %}
 
-<figure class="figure {% if include.caption %}figure-caption{% endif %} {% if frame %}figure--frame{% endif %}">
-	<div class="figure__inner">
-		<img Xwidth="100%" class="figure__image" src="/assets/blog/{{ imagePath }}" {% if include.alt %} alt="{{ include.alt }}" {% endif %} {% if include.width %} width="{{ include.width }}" {% endif %}/>
-	
-		{% if include.caption %}
-			<figcaption class="figure__caption">{{ include.caption }} {% if include.source %}<a class="source" href="{{ include.source }}" title="{{ include.source }}">Source</a>.{% endif %}</figcaption>
-		{% endif %}
-	</div>
+<figure {{width}} class="figure {% if include.caption %}caption{% endif %} {% if frame %}frame{% endif %}">
+	<a target="_blank" href="{{ imagePath }}"><img {{ src }} {{ alt }} /></a>
+	{% if caption != blank %}<figcaption>{{ caption }}</figcaption>{% endif %}
 </figure>

data/_includes/post_index.html

@@ -1,11 +1,38 @@
-{% if include.title == blank %}
+
+{% assign title=include.title %}
+
+{% if title != blank %}
+	<h1>{{ title }}</h1>
+{% else %}
 	<h1>{{ include.posts | size }} blogs since {{ include.posts | sort: 'date' | map: 'date' | compact | first | date: '%Y' }}</h1>
-{% else if %}
-	<h1>{{ include.title }}</h1>
 {% endif %}
 
+
 {% assign prev_year = 'first run' %}
 {% assign sorted_posts = include.posts | sort: "date" | reverse %}
+
+{% assign pinned_posts=sorted_posts | where: "pinned", 1 %}
+
+{% if pinned_posts.size > 0 %}
+	<ul class="index">
+	{% for post in pinned_posts %}
+		<li>
+			<a href="{{ post.url | relative_url }}">{{ post.title }}</a>
+			<span class="posted">{{ post.date | date: "%b %-d, %Y" }}</span>
+			{% if jekyll.environment == "local" %}
+				{% if post.collection == 'private' %}
+					<span class="badge collection {{ post.collection }}">{{ post.collection }}</span>
+				{% endif %}
+				{% if post.draft %}
+					<span class="badge draft">draft</span>
+				{% endif %}
+			{% endif %}
+		</li>
+	{% endfor %}
+	</ul>
+{% endif %}
+
+
 {% for post in sorted_posts %}
 
 	{% assign current_year = post.date | date: "%Y" %}
@@ -35,3 +62,7 @@
 	{% if current_year != date %}
 	{% endif %}
 {% endfor %}
+
+{% if site.index.outro != blank %}
+	{{ site.index.outro }}
+{% endif %}

data/_layouts/base.html

@@ -4,7 +4,7 @@
 	<body>
 		{% include header.html %}
 		{{ content 
-			| replace: '<!--qed-->', ' <span class=qed>&#8718;</span>'
+			| replace: '<!--qed-->', ' <span class="qed">&#8718;</span>'
 			| replace: '\=\>', '&#8658;'
 		}}
 		{% include footer.html %}

data/_layouts/gallery.html

@@ -0,0 +1,10 @@
+---
+layout: base
+---
+
+
+<main>
+	<article>
+		{{ content }}
+	</article>
+</main>

data/_layouts/page.html

@@ -5,4 +5,8 @@ layout: base
 	<article>
 	  {{ content }}
 	</article>
-</main>
+</main>
+
+{% if page.comments == true %}
+	{% include disqus.html %}
+{% endif %}

data/_sass/_config.scss

@@ -37,13 +37,16 @@ $body-background-color: hsl($hue,3,96); // hsl($hue,25,95);
 // @import url('https://fonts.googleapis.com/css?family=Bree+Serif');
 
 $sans-serif: Helvetica, Arial, sans-serif;
-$serif: xGeorgia, Times, serif;
+$serif: "Noto Serif", Times, serif;
 
 $header-serif: "Bree Serif",$serif;
-$body-serif: "Bree Serif",$serif;
-$header-color: darken($body-background-color,80%);
+$body-serif: "Noto Serif", "Bree Serif",$serif;
+$header-color: darken($body-background-color,90%);
 $header-link-color: darken($body-background-color,70%);
 
+$image-caption-serif: "Fira Sans Extra Condensed", "Neucha", $sans-serif;
+$image-caption-color: $body-color;
+
 $main-link-color: darken($body-background-color,80%);
 $main-heading-color: hsl($hue,50,30);
 $main-aside-color: hsl($hue,70,30);
@@ -60,15 +63,17 @@ $footer-link-color: lighten($footer-color,10%);
 $footer-serif: $serif;
 
 
-// 
+// use local fonts?
 $local-google-fonts: true;  // TODO
 
+// Bree Serif
+// https://fonts.googleapis.com/css?family=Bree%20Serif
 /* latin-ext */
 @font-face {
   font-family: 'Bree Serif';
   font-style: normal;
   font-weight: 400;
-  src: local('Bree Serif Regular'), local('BreeSerif-Regular'), url(../fonts/BreeSerif-Regular-Pw.woff2) format('woff2');
+  src: local('Bree Serif Regular'), local('BreeSerif-Regular'), url(../fonts/Bree%20Serif/4UaHrEJCrhhnVA3DgluA96Tp57F2IwN-Pw.woff2) format('woff2');
   unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
 }
 /* latin */
@@ -76,6 +81,144 @@ $local-google-fonts: true;  // TODO
   font-family: 'Bree Serif';
   font-style: normal;
   font-weight: 400;
-  src: local('Bree Serif Regular'), local('BreeSerif-Regular'), url(../fonts/BreeSerif-Regular.woff2) format('woff2');
+  src: local('Bree Serif Regular'), local('BreeSerif-Regular'), url(../fonts/Bree%20Serif/4UaHrEJCrhhnVA3DgluA96rp57F2IwM.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+// Neucha
+// https://fonts.googleapis.com/css?family=Neucha
+/* cyrillic */
+@font-face {
+  font-family: 'Neucha';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Neucha'), url(../fonts/Neucha/q5uGsou0JOdh94bfuQltKRZUgbxR.woff2) format('woff2');
+  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+/* latin */
+@font-face {
+  font-family: 'Neucha';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Neucha'), url(../fonts/Neucha/q5uGsou0JOdh94bfvQltKRZUgQ.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+// Fira Sans Extra Condensed
+// https://fonts.googleapis.com/css?family=Fira%20Sans%20Extra%20Condensed
+/* cyrillic-ext */
+@font-face {
+  font-family: 'Fira Sans Extra Condensed';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Fira Sans Extra Condensed Regular'), local('FiraSansExtraCondensed-Regular'), url(../fonts/Fira%20Sans%20Extra%20Condensed/NaPKcYDaAO5dirw6IaFn7lPJFqXmS-M9Atn3wgda1fKuulWcrE5Hcg.woff2) format('woff2');
+  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+/* cyrillic */
+@font-face {
+  font-family: 'Fira Sans Extra Condensed';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Fira Sans Extra Condensed Regular'), local('FiraSansExtraCondensed-Regular'), url(../fonts/Fira%20Sans%20Extra%20Condensed/NaPKcYDaAO5dirw6IaFn7lPJFqXmS-M9Atn3wgda1fuuulWcrE5Hcg.woff2) format('woff2');
+  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+/* greek-ext */
+@font-face {
+  font-family: 'Fira Sans Extra Condensed';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Fira Sans Extra Condensed Regular'), local('FiraSansExtraCondensed-Regular'), url(../fonts/Fira%20Sans%20Extra%20Condensed/NaPKcYDaAO5dirw6IaFn7lPJFqXmS-M9Atn3wgda1fOuulWcrE5Hcg.woff2) format('woff2');
+  unicode-range: U+1F00-1FFF;
+}
+/* greek */
+@font-face {
+  font-family: 'Fira Sans Extra Condensed';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Fira Sans Extra Condensed Regular'), local('FiraSansExtraCondensed-Regular'), url(../fonts/Fira%20Sans%20Extra%20Condensed/NaPKcYDaAO5dirw6IaFn7lPJFqXmS-M9Atn3wgda1fyuulWcrE5Hcg.woff2) format('woff2');
+  unicode-range: U+0370-03FF;
+}
+/* vietnamese */
+@font-face {
+  font-family: 'Fira Sans Extra Condensed';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Fira Sans Extra Condensed Regular'), local('FiraSansExtraCondensed-Regular'), url(../fonts/Fira%20Sans%20Extra%20Condensed/NaPKcYDaAO5dirw6IaFn7lPJFqXmS-M9Atn3wgda1fCuulWcrE5Hcg.woff2) format('woff2');
+  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+/* latin-ext */
+@font-face {
+  font-family: 'Fira Sans Extra Condensed';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Fira Sans Extra Condensed Regular'), local('FiraSansExtraCondensed-Regular'), url(../fonts/Fira%20Sans%20Extra%20Condensed/NaPKcYDaAO5dirw6IaFn7lPJFqXmS-M9Atn3wgda1fGuulWcrE5Hcg.woff2) format('woff2');
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: 'Fira Sans Extra Condensed';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Fira Sans Extra Condensed Regular'), local('FiraSansExtraCondensed-Regular'), url(../fonts/Fira%20Sans%20Extra%20Condensed/NaPKcYDaAO5dirw6IaFn7lPJFqXmS-M9Atn3wgda1f-uulWcrE4.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+
+// Noto Serif
+// https://fonts.googleapis.com/css?family=Noto%20Serif
+/* cyrillic-ext */
+@font-face {
+  font-family: 'Noto Serif';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Noto Serif'), local('NotoSerif'), url(../fonts/Noto%20Serif/ga6Iaw1J5X9T9RW6j9bNfFoWaDq8fMVxMw.woff2) format('woff2');
+  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+/* cyrillic */
+@font-face {
+  font-family: 'Noto Serif';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Noto Serif'), local('NotoSerif'), url(../fonts/Noto%20Serif/ga6Iaw1J5X9T9RW6j9bNfFMWaDq8fMVxMw.woff2) format('woff2');
+  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+/* greek-ext */
+@font-face {
+  font-family: 'Noto Serif';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Noto Serif'), local('NotoSerif'), url(../fonts/Noto%20Serif/ga6Iaw1J5X9T9RW6j9bNfFsWaDq8fMVxMw.woff2) format('woff2');
+  unicode-range: U+1F00-1FFF;
+}
+/* greek */
+@font-face {
+  font-family: 'Noto Serif';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Noto Serif'), local('NotoSerif'), url(../fonts/Noto%20Serif/ga6Iaw1J5X9T9RW6j9bNfFQWaDq8fMVxMw.woff2) format('woff2');
+  unicode-range: U+0370-03FF;
+}
+/* vietnamese */
+@font-face {
+  font-family: 'Noto Serif';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Noto Serif'), local('NotoSerif'), url(../fonts/Noto%20Serif/ga6Iaw1J5X9T9RW6j9bNfFgWaDq8fMVxMw.woff2) format('woff2');
+  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+/* latin-ext */
+@font-face {
+  font-family: 'Noto Serif';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Noto Serif'), local('NotoSerif'), url(../fonts/Noto%20Serif/ga6Iaw1J5X9T9RW6j9bNfFkWaDq8fMVxMw.woff2) format('woff2');
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: 'Noto Serif';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Noto Serif'), local('NotoSerif'), url(../fonts/Noto%20Serif/ga6Iaw1J5X9T9RW6j9bNfFcWaDq8fMU.woff2) format('woff2');
   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
 }

data/_sass/_isabelline.scss

@@ -116,7 +116,7 @@ main, header, footer {
 }
 
 body {
-	font-family: $serif;
+	font-family: $body-serif;
 	font-size: 1.3em;
 	color: $body-color;
 	background-color: $body-background-color;
@@ -129,12 +129,15 @@ header {
 		font-size: 80%;
 		font-weight: normal;
 		margin: .5em 0;
-		float: right;
+		float: left;
 		
 		// site menu shows posts in "global" category
 		ul {
 			padding: 0;
 			margin: 0;
+			li:first-child {
+				padding-left: 0;
+			}
 			li {
 				color: $header-link-color;
 				list-style: none;
@@ -176,7 +179,7 @@ a {
 main {
 	p {
 		margin: 1em 0;
-		line-height: 1.2em; 
+		line-height: 1.3em; 
 	
 		code {
 			// TODO: need better styling
@@ -190,19 +193,40 @@ main {
 
 	// figure is a composition of the image and caption
 	figure {
-		margin: 1em 0;
+		margin: 1em auto;
+		width: 80%;
 		figcaption {
-			font-size: .8em;
+			//font-size: .8em;
 			text-align: center;
 			padding: .5rem;
+			font-family: $image-caption-serif;
+			color: $image-caption-color;
 		}
 
 		img {
 			border-radius: 4px;
-			width: 100%;
+			// width: 100%;
 		}
 	}
 
+	p img {
+		border-radius: 4px;
+		width: 100%;
+	}
+
+	p img + em {
+		font-family: $image-caption-serif;
+		color: $image-caption-color;
+		font-style: normal;
+		text-align: center;
+		display: block;
+		width: 100%;
+	}
+
+	figure.frame img {
+		border: 1px solid $header-color;
+	}
+
 	// for slideshows show the first figure, hide rest
 	div.slideshow figure {
 		display: none;
@@ -211,6 +235,23 @@ main {
 		}
 	}
 
+	div.gallery {
+		width: 100%;
+		float: left;
+		margin-bottom: 1em;
+		
+		img {
+			// width: 45%;
+			
+			height: 200px;
+			float: left;
+		}
+	}
+
+	div.gallery + p {
+		clear: both;
+	}
+
 	// drop caps
 	// TODO: this needs work
 	@if $drop-caps {
@@ -261,14 +302,14 @@ main {
 			padding-left: 0;
 			li {
 				list-style: none;
-				padding-left: 1em;
-				padding-bottom: .2em;
+				padding-left: 1.2em;
+				padding-bottom: .3em;
 				margin-left: 0;
 				
 				// mdash for unordered list items
 				&::before {
 					content: "\2014";
-					margin-left: -1em;
+					margin-left: -1.2em;
 					margin-right: .2em;
 				}
 

data/assets/blog/getting-started/undraw_browsing_online_sr8c.svg

@@ -0,0 +1 @@
+<svg id="b34a7ed3-b085-4444-bb69-8e8541180262" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="744.61498" height="542.26178" viewBox="0 0 744.61498 542.26178"><path d="M932.50251,629.9509a322.61072,322.61072,0,0,1-15.07,89.18c-.21.67-.43,1.33-.65,2h-56.24c.06-.6.12-1.27.18-2,3.75-43.11,25.37-305.49-.48-350.36C862.50251,372.41086,936.86249,492.97086,932.50251,629.9509Z" transform="translate(-227.69251 -178.86911)" fill="#e6e6e6"/><path d="M928.28254,719.13089c-.47.67-.96,1.34-1.46,2h-42.19c.32-.57.69-1.24,1.12-2,6.97-12.58,27.6-50.19,46.75-89.18,20.58-41.9,39.46-85.39,37.87-101.13C970.86249,532.37088,985.10248,640.59085,928.28254,719.13089Z" transform="translate(-227.69251 -178.86911)" fill="#e6e6e6"/><path d="M283.04472,675.92378a158.394,158.394,0,0,0,7.399,43.78516c.10309.32894.21112.653.31912.98195H318.3753c-.02945-.29461-.05894-.62355-.0884-.98195-1.84115-21.166-12.456-149.988.23569-172.01807C317.413,549.478,280.90408,608.67,283.04472,675.92378Z" transform="translate(-227.69251 -178.86911)" fill="#e6e6e6"/><path d="M285.11662,719.70894c.23078.32894.47135.65789.71684.98195H306.5477c-.15712-.27986-.33877-.60881-.54989-.98195-3.42211-6.17648-13.5509-24.64205-22.95309-43.78516-10.10427-20.57187-19.37389-41.92437-18.59322-49.65232C264.21092,628.01442,257.21944,681.14773,285.11662,719.70894Z" transform="translate(-227.69251 -178.86911)" fill="#e6e6e6"/><path d="M811.27948,721.05261H523.01163a5.34456,5.34456,0,0,1-5.33828-5.33828V644.20739a5.34457,5.34457,0,0,1,5.33828-5.33828H811.27948a5.34457,5.34457,0,0,1,5.33828,5.33828v71.50694A5.34456,5.34456,0,0,1,811.27948,721.05261ZM523.01163,641.00442a3.20647,3.20647,0,0,0-3.203,3.203v71.50694a3.20647,3.20647,0,0,0,3.203,3.203H811.27948a3.20647,3.20647,0,0,0,3.203-3.203V644.20739a3.20647,3.20647,0,0,0-3.203-3.203Z" transform="translate(-227.69251 -178.86911)" fill="#e6e6e6"/><circle cx="340.11008" cy="498.34802" r="21.74535" fill="#e6e6e6"/><path d="M618.024,662.72023a3.62423,3.62423,0,0,0,0,7.24845H788.88027a3.62422,3.62422,0,1,0,0-7.24845Z" transform="translate(-227.69251 -178.86911)" fill="#e6e6e6"/><path d="M618.024,684.46558a3.62422,3.62422,0,0,0,0,7.24844h73.52a3.62422,3.62422,0,1,0,0-7.24844Z" transform="translate(-227.69251 -178.86911)" fill="#e6e6e6"/><path d="M883.27948,615.05261H595.01163a5.34456,5.34456,0,0,1-5.33828-5.33828V538.20739a5.34457,5.34457,0,0,1,5.33828-5.33828H883.27948a5.34457,5.34457,0,0,1,5.33828,5.33828v71.50694A5.34456,5.34456,0,0,1,883.27948,615.05261ZM595.01163,535.00442a3.20647,3.20647,0,0,0-3.203,3.203v71.50694a3.20647,3.20647,0,0,0,3.203,3.203H883.27948a3.20647,3.20647,0,0,0,3.203-3.203V538.20739a3.20647,3.20647,0,0,0-3.203-3.203Z" transform="translate(-227.69251 -178.86911)" fill="#e6e6e6"/><circle cx="412.11008" cy="392.34802" r="21.74535" fill="#e6e6e6"/><path d="M690.024,556.72023a3.62423,3.62423,0,0,0,0,7.24845H860.88027a3.62422,3.62422,0,1,0,0-7.24845Z" transform="translate(-227.69251 -178.86911)" fill="#e6e6e6"/><path d="M690.024,578.46558a3.62422,3.62422,0,0,0,0,7.24844h73.52a3.62422,3.62422,0,1,0,0-7.24844Z" transform="translate(-227.69251 -178.86911)" fill="#e6e6e6"/><path d="M827.27948,436.05261H539.01163a5.34456,5.34456,0,0,1-5.33828-5.33828V184.20739a5.34457,5.34457,0,0,1,5.33828-5.33828H827.27948a5.34457,5.34457,0,0,1,5.33828,5.33828V430.71433A5.34456,5.34456,0,0,1,827.27948,436.05261ZM539.01163,181.00442a3.20647,3.20647,0,0,0-3.203,3.203V430.71433a3.20647,3.20647,0,0,0,3.203,3.203H827.27948a3.20647,3.20647,0,0,0,3.203-3.203V184.20739a3.20647,3.20647,0,0,0-3.203-3.203Z" transform="translate(-227.69251 -178.86911)" fill="#e6e6e6"/><circle cx="356.11008" cy="213.34802" r="21.74535" fill="#e6e6e6"/><path d="M634.024,377.72023a3.62422,3.62422,0,0,0,0,7.24845H804.88027a3.62422,3.62422,0,1,0,0-7.24845Z" transform="translate(-227.69251 -178.86911)" fill="#e6e6e6"/><path d="M634.024,399.46558a3.62422,3.62422,0,0,0,0,7.24844h73.52a3.62422,3.62422,0,1,0,0-7.24844Z" transform="translate(-227.69251 -178.86911)" fill="#e6e6e6"/><path d="M355.039,461.66244l3.1777,25.30059a13.30065,13.30065,0,0,0,18.60319,10.49486l0,0a13.30065,13.30065,0,0,0,6.2482-18.56187l-13.36334-24.29862-4.3696-104.46964-28.259,6.59024Z" transform="translate(-227.69251 -178.86911)" fill="#ffb8b8"/><polygon points="233.19 517.322 211.19 519.322 198.19 338.322 197.69 384.822 149.69 512.822 130.69 497.822 162.19 370.322 147.19 299.322 245.19 299.322 233.19 517.322" fill="#2f2e41"/><path d="M482.69846,720.6521l-40.89749-.99874a11.082,11.082,0,0,1-11.75527-12.79412l1.676-10.53039a9.01161,9.01161,0,0,1,8.25674-7.57218h0c6.98,7.22421,14.2,6.15724,21.61179-1.54559l16.85941,17.103,2.51765-.33842a8.38681,8.38681,0,0,1,9.17284,5.97815h0A8.38682,8.38682,0,0,1,482.69846,720.6521Z" transform="translate(-227.69251 -178.86911)" fill="#2f2e41"/><path d="M389.54319,719.29961l-41.0141-15.4744a11.84639,11.84639,0,0,1-5.64946-17.693l6.35939-9.45957a9.63322,9.63322,0,0,1,11.41191-3.6322h0c3.522,10.14429,11.00406,12.35517,21.65525,8.21643l10.4609,20.28718,2.59391.80357a8.96533,8.96533,0,0,1,6.20894,9.92156v0A8.96534,8.96534,0,0,1,389.54319,719.29961Z" transform="translate(-227.69251 -178.86911)" fill="#2f2e41"/><circle cx="198.19" cy="47.32178" r="26" fill="#ffb8b8"/><path d="M428.88251,274.19089l-45-1c12.36493-13.68021,19.87616-27.95128,21-43h24Z" transform="translate(-227.69251 -178.86911)" fill="#ffb8b8"/><path d="M475.88251,492.19089c-42.47778-10.89874-82.33441-18.24478-107-5,4.31966-45.41129-.67687-103.379-15.49915-163.96512-4.81437-19.67875-1.549-37.411,15.99915-47.53488l23.5-13.5,36,1,18.78311,10.39155a47.16015,47.16015,0,0,1,25.25368,50.97711C462.82727,377.66693,468.28069,434.98523,475.88251,492.19089Z" transform="translate(-227.69251 -178.86911)" fill="#3f3d56"/><path d="M484.88251,460.19089l3.52391,25.25469a13.30065,13.30065,0,0,1-15.22634,14.9793h0A13.30067,13.30067,0,0,1,462.31151,484.132l6.571-26.94111-23-102,29-1Z" transform="translate(-227.69251 -178.86911)" fill="#ffb8b8"/><path d="M378.88251,365.19089l-47-3c3.67218-46.2356,14.122-71.51129,30-80l17,20Z" transform="translate(-227.69251 -178.86911)" fill="#3f3d56"/><path d="M443.88251,217.19089c-9.16009-2.93048-13.91406,15.85229-27.5,27.5-3.08831,2.64775-10.794-7.67615-13.5-4.5l-4.37524-13.31663c-5.191-15.79959,4.1631-33.02343,20.42725-36.495q.64759-.13823,1.30658-.24816h0a29.15735,29.15735,0,0,1,32.87228,20.91065,3.85886,3.85886,0,0,1-2.9263,4.75332Z" transform="translate(-227.69251 -178.86911)" fill="#2f2e41"/><polygon points="257.19 177.322 213.19 187.322 211.19 115.322 236.19 116.322 257.19 177.322" fill="#3f3d56"/><rect y="540.26178" width="738.22003" height="2" fill="#3f3d56"/><path d="M895.76841,350.074H607.50056a5.34457,5.34457,0,0,1-5.33829-5.33828V218.22876a5.34457,5.34457,0,0,1,5.33829-5.33829H895.76841a5.34457,5.34457,0,0,1,5.33828,5.33829V344.7357A5.34457,5.34457,0,0,1,895.76841,350.074Z" transform="translate(-227.69251 -178.86911)" fill="#f50057"/><path d="M666.20634,256.98533a3.62423,3.62423,0,1,0,0,7.24845H837.06263a3.62422,3.62422,0,0,0,0-7.24845Z" transform="translate(-227.69251 -178.86911)" fill="#fff"/><path d="M666.20634,277.98533a3.62423,3.62423,0,1,0,0,7.24845H837.06263a3.62422,3.62422,0,0,0,0-7.24845Z" transform="translate(-227.69251 -178.86911)" fill="#fff"/><path d="M666.20634,298.73068a3.62422,3.62422,0,1,0,0,7.24844h73.52a3.62422,3.62422,0,1,0,0-7.24844Z" transform="translate(-227.69251 -178.86911)" fill="#fff"/></svg>

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-theme-isabelline
 version: !ruby/object:Gem::Version
-  version: 0.1.13
+  version: 0.1.19
 platform: ruby
 authors:
 - Rouslan Zenetl
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2019-10-20 00:00:00.000000000 Z
+date: 2020-09-01 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -36,14 +36,14 @@ dependencies:
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 2.0.2
+        version: 2.1.0
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 2.0.2
+        version: 2.1.0
 description: 
 email:
 - isabelline@rzen.dev
@@ -55,7 +55,10 @@ files:
 - LICENSE.txt
 - README.md
 - _includes/additional_glboal_nav.html
+- _includes/byline.html
+- _includes/disqus.html
 - _includes/footer.html
+- _includes/gallery.html
 - _includes/google_analytics.html
 - _includes/head-meta.html
 - _includes/head.html
@@ -64,6 +67,7 @@ files:
 - _includes/post_index.html
 - _layouts/.DS_Store
 - _layouts/base.html
+- _layouts/gallery.html
 - _layouts/page.html
 - _layouts/post.html
 - _layouts/tags.html
@@ -74,6 +78,13 @@ files:
 - _sass/_snackbar.scss
 - _sass/_syntax.scss
 - assets/.DS_Store
+- assets/blog/example/Quarter_Horse_Buckskin.jpg
+- assets/blog/example/gallery/Lanius_isabellinus1.jpg
+- assets/blog/example/gallery/dusan-smetana-ah7KHxYg6Ow-unsplash.jpg
+- assets/blog/example/gallery/jay-ruzesky-h13Y8vyIXNU-unsplash.jpg
+- assets/blog/example/gallery/maurits-bausenhart-OkYjLpB2gzA-unsplash.jpg
+- assets/blog/example/gallery/sneaky-elbow-h00rqvO5A-M-unsplash.jpg
+- assets/blog/getting-started/undraw_browsing_online_sr8c.svg
 - assets/css/style.scss
 - assets/favicon/README.md
 - assets/favicon/android-chrome-192x192.png
@@ -83,8 +94,24 @@ files:
 - assets/favicon/favicon-32x32.png
 - assets/favicon/favicon.ico
 - assets/favicon/site.webmanifest
-- assets/fonts/BreeSerif-Regular-Pw.woff2
-- assets/fonts/BreeSerif-Regular.woff2
+- assets/fonts/Bree Serif/4UaHrEJCrhhnVA3DgluA96Tp57F2IwN-Pw.woff2
+- assets/fonts/Bree Serif/4UaHrEJCrhhnVA3DgluA96rp57F2IwM.woff2
+- assets/fonts/Fira Sans Extra Condensed/NaPKcYDaAO5dirw6IaFn7lPJFqXmS-M9Atn3wgda1f-uulWcrE4.woff2
+- assets/fonts/Fira Sans Extra Condensed/NaPKcYDaAO5dirw6IaFn7lPJFqXmS-M9Atn3wgda1fCuulWcrE5Hcg.woff2
+- assets/fonts/Fira Sans Extra Condensed/NaPKcYDaAO5dirw6IaFn7lPJFqXmS-M9Atn3wgda1fGuulWcrE5Hcg.woff2
+- assets/fonts/Fira Sans Extra Condensed/NaPKcYDaAO5dirw6IaFn7lPJFqXmS-M9Atn3wgda1fKuulWcrE5Hcg.woff2
+- assets/fonts/Fira Sans Extra Condensed/NaPKcYDaAO5dirw6IaFn7lPJFqXmS-M9Atn3wgda1fOuulWcrE5Hcg.woff2
+- assets/fonts/Fira Sans Extra Condensed/NaPKcYDaAO5dirw6IaFn7lPJFqXmS-M9Atn3wgda1fuuulWcrE5Hcg.woff2
+- assets/fonts/Fira Sans Extra Condensed/NaPKcYDaAO5dirw6IaFn7lPJFqXmS-M9Atn3wgda1fyuulWcrE5Hcg.woff2
+- assets/fonts/Neucha/q5uGsou0JOdh94bfuQltKRZUgbxR.woff2
+- assets/fonts/Neucha/q5uGsou0JOdh94bfvQltKRZUgQ.woff2
+- assets/fonts/Noto Serif/ga6Iaw1J5X9T9RW6j9bNfFMWaDq8fMVxMw.woff2
+- assets/fonts/Noto Serif/ga6Iaw1J5X9T9RW6j9bNfFQWaDq8fMVxMw.woff2
+- assets/fonts/Noto Serif/ga6Iaw1J5X9T9RW6j9bNfFcWaDq8fMU.woff2
+- assets/fonts/Noto Serif/ga6Iaw1J5X9T9RW6j9bNfFgWaDq8fMVxMw.woff2
+- assets/fonts/Noto Serif/ga6Iaw1J5X9T9RW6j9bNfFkWaDq8fMVxMw.woff2
+- assets/fonts/Noto Serif/ga6Iaw1J5X9T9RW6j9bNfFoWaDq8fMVxMw.woff2
+- assets/fonts/Noto Serif/ga6Iaw1J5X9T9RW6j9bNfFsWaDq8fMVxMw.woff2
 - assets/js/clipboard.js
 - assets/js/slides.js
 - assets/js/snackbar.js
@@ -109,7 +136,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.0.6
+rubygems_version: 3.1.3
 signing_key: 
 specification_version: 4
 summary: Simple clean mobile-friendly theme for long form note taking. Works for blogging