jekyll-theme-isabelline 0.1.17 → 0.1.22

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 0e9ddf7a815f2773e6483253487670e73ea470f6046789fa8e9bce71ce557d7a
-  data.tar.gz: 39651fe750a82754ae299a7b867d47e7c8d74fede5d72b36f701e658ac66e6d7
+  metadata.gz: 5d30a71d9b0bcb312e53beaa8a903a41e7c7288dba58024d8b6ade9894487906
+  data.tar.gz: 4927fe5afa88bfd075044c9f843f9da5248cbe381f40de152bd4e645d9d5996f
 SHA512:
-  metadata.gz: 2df7a7fce49bd0592507ce2220a08cf79336756776849ffd310f979d8c57ae99e5fb6a8d7d7770f09a75b832a21e17a75798db28496fcb9587091cdd555c0920
-  data.tar.gz: 50204de4dc1c254735f8fcf2f6f975093d2ee20ee7b6be22f257fc836d469b302b17203a37fc58d6ab5f41412e3cb7bbbca7181dc440f1623dfff73f6f0caa61
+  metadata.gz: 033eb7cbaedbf2b8546954fb9d0fc4b3437754bac11bdcabe8e24e2e2909c9f969478d4a4fc03ecd91d0301b57481ff34172120220d381ca475718f8df06b929
+  data.tar.gz: 4eec0a112f41ca095e4abcebc09c50acb156ced9c45bb0a4ee373b8cc83e5b016ff36e9808594106e61dca91efaf5d42b5e4af1ff4a15539b6fa5f1e8ff7a0ec

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/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,9 @@
    <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>
+<script src='{{ "/assets/js/gallery.js" | relative_url }}'></script>

data/_includes/gallery.html

@@ -0,0 +1,29 @@
+{% assign gallery_name = include.name | default: "gallery" %}
+
+{% assign gallery_prefix = page.id | prepend: "/assets" | append: "/" | append: gallery_name %}
+
+{% assign sorted_static_files = site.static_files | map: "path" | sort %}
+
+{% assign image_extensions = "jpg,jpeg,png,gif" | split: "," %}
+
+<div class="gallery" id="gallery-{{ gallery_name }}">
+	{% assign image_index = 0 %}
+	{% assign gallery_nav = "" %}
+	<div class="images">
+		{% for image_path in sorted_static_files %}
+			{% assign image_ext = image_path | split: "." | last %}
+			{% if image_extensions contains image_ext %}
+				{% if image_path contains gallery_prefix %}
+					{% assign image_index = image_index | plus: 1 %}
+					<img id="{{ gallery_name }}-{{ image_index }}" src="{{ site.baseurl }}{{ image_path }}" />
+				{% endif %}
+			{% endif %}
+		{% endfor %}
+	</div>
+	<nav>
+		<div class="play">
+			<input type="checkbox" checked="false" id="{{ gallery_name }}-play" />
+			<label for="{{ gallery_name }}-play"></label>
+		</div>
+	</nav>
+</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: '/' }}">{{ site.nav.home | default: "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,5 +1,7 @@
 {% capture imagePath %}/assets/blog/{{ page.id | split: "/" | last }}/{{ include.name }}{% endcapture %}
 
+{% assign imagePath=(imagePath | relative_url) %}
+
 {% capture src %}src="{{ imagePath }}"{% endcapture %}
 
 {% assign caption=include.caption | default: "" %}
@@ -9,9 +11,16 @@
 	{% capture alt %}alt="{{ alt }}" title="{{ alt }}"{% endcapture %}
 {% endif %}
 
-{% assign frame=include.frame | default: true %}
+{% 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 %}caption{% endif %} {% if frame %}frame{% endif %}">
-	<a target="_blank" href="{{ imagePath }}"><img {{ src }} {{ alt }} width="100%" /></a>
+<figure {{width}} class="figure {% if include.caption %}caption{% endif %} {% if frame %}frame{% endif %}">
+	<a target="_blank" href="{{ imagePath }}"><img {{ src }} {{ alt }} style="width:100%" /></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/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,14 +37,14 @@ $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: "Neucha", $sans-serif;
+$image-caption-serif: "Fira Sans Extra Condensed", "Neucha", $sans-serif;
 $image-caption-color: $body-color;
 
 $main-link-color: darken($body-background-color,80%);
@@ -102,4 +102,123 @@ $local-google-fonts: true;  // TODO
   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;
@@ -156,15 +159,6 @@ header {
 	}
 }
 
-// div.column {
-// 	width: 30%;
-// 	float: left;
-// 	padding: .5rem;
-// 	margin: .5rem;
-// 	border: 1px solid #ccc;
-// }
-
-// link styling
 a {
 	color: darken($link-color,15%);
 	&:hover, &:active, &:visited {
@@ -176,7 +170,7 @@ a {
 main {
 	p {
 		margin: 1em 0;
-		line-height: 1.2em; 
+		line-height: 1.3em; 
 	
 		code {
 			// TODO: need better styling
@@ -190,7 +184,8 @@ main {
 
 	// figure is a composition of the image and caption
 	figure {
-		margin: 1em 0;
+		margin: 1em auto;
+		width: 80%;
 		figcaption {
 			//font-size: .8em;
 			text-align: center;
@@ -200,11 +195,29 @@ main {
 		}
 
 		img {
-			border-radius: 4px;
+			border-radius: 6px;
 			// width: 100%;
 		}
 	}
 
+	p img {
+		border-radius: 6px;
+		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;
@@ -213,6 +226,87 @@ main {
 		}
 	}
 
+	div.gallery {
+		width: 100%;
+		float: left;
+		margin-bottom: 1em;
+		
+		img {
+			width: 100%;
+			
+			// height: 200px;
+			float: left;
+		}
+
+		div.images {
+			img {
+				cursor: pointer;
+				border-radius: 6px;
+				display: none;
+				transition: all 300ms ease;
+				will-change: display;
+			}
+			
+			img:first-child {
+				display: block;
+			}
+		}
+
+
+		nav {
+			width: 100%;
+			text-align: center;
+			i {
+				cursor: pointer;
+				margin: .5rem;
+				display: inline-block;
+				width: 1rem;
+				height: 1rem;
+				border-radius: .5rem;
+				transition: all 300ms ease;
+
+				background-color: hsl($hue,10,80);
+				&.selected {
+					background-color: hsl($hue,50,40);
+				}
+			}
+
+			.play {
+				float: left;
+
+				label {
+					margin: .5rem;
+					display: inline-block;
+					box-sizing: border-box;
+					width: 0;
+					height: 1rem;
+					cursor: pointer;
+					border-color: transparent transparent transparent hsl($hue,50,40); // same color as i.selected
+
+					transition: 300ms all ease;
+					will-change: border-width;
+
+					// paused state
+					border-style: double;
+					border-width: 0 0 0 1rem;
+				}
+				input[type='checkbox'] {
+					display: none;
+					&:checked + label {
+						border-style: solid;
+						border-width: .5rem 0 .5rem 1rem;
+					}
+				}
+			}
+		}
+
+
+	}
+
+	div.gallery + p {
+		clear: both;
+	}
+
 	// drop caps
 	// TODO: this needs work
 	@if $drop-caps {
@@ -263,14 +357,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>

data/assets/js/gallery.js

@@ -0,0 +1,94 @@
+(function () {
+	// "hydrate" div.gallery with play/pause and nav behaviors
+	var process_gallery = function (g) {
+		var
+			// milliseconds to wait before switch to next slide
+			NEXT_SLIDE_TIMEOUT = 5000;
+
+		var 
+			// images in this gallery
+			images = g.querySelectorAll('.images img'),
+
+			// container for nav buttons
+			gallery_nav = g.querySelector('nav'),
+			
+			// clickable buttons, one per image
+			// computed below
+			navs = [],
+
+			// index of the currently selected image
+			selected_index = 0,
+
+			// play control consists of a label and a checkbox
+			// defer computing because nav innerHTML gets clobbered
+			play_checkbox,
+
+			// handle to setInterval
+			play_interval;
+
+		// show image at index
+		// update nav controls accordingly
+		var select_image = function (index) {
+			// var image = images[index];
+			if (selected_index !== index) {
+				images[selected_index].style.display = 'none';
+				navs[selected_index].classList.remove('selected');
+				images[index].style.display = 'block';
+				navs[index].classList.add('selected');
+				selected_index = index;
+			}
+		}
+
+		// show next image
+		var next_image = function () {
+			if (selected_index >= images.length-1) {
+				select_image(0);
+			} else {
+				select_image(selected_index+1);
+			}
+		}
+
+		// handler for nav buttons
+		// selects an image corresponding to the clicked nav button
+		var nav_to_image = function () {
+			select_image(Array.from(navs).indexOf(this));
+		}
+
+		// play/pause slideshow
+		var toggle_play = function () {
+			if (play_checkbox.checked===true) {
+				clearInterval(play_interval);
+			} else {
+				play_interval = setInterval(next_image, NEXT_SLIDE_TIMEOUT);
+			}
+		}
+
+		var navHtml = '';
+
+		for (var i=0; i<images.length; ++i) {
+			var image = images[i]
+			image.addEventListener('click', next_image)
+			navHtml += '<i class="' + (i===0? 'selected' : '') + '" data-target="' + image.id + '"></i>'
+		}
+
+		gallery_nav.innerHTML += navHtml;
+
+		navs = gallery_nav.querySelectorAll('i');
+
+		for (var i=0; i<navs.length; ++i) {
+			var nav = navs[i];
+			nav.addEventListener('click', nav_to_image)
+		}
+
+		play_checkbox = g.querySelector('.play input[type=checkbox]');
+
+		play_checkbox.addEventListener('change', toggle_play);
+	}
+
+	var galleries = document.getElementsByClassName('gallery');
+
+	for (var i=0; i<galleries.length; ++i) {
+		var g = galleries[i];
+		process_gallery(g);
+	}
+})();

data/build/Dockerfile

@@ -0,0 +1,17 @@
+# borrowed from https://github.com/BretFisher/jekyll-serve
+
+FROM ruby:2.7-alpine
+
+RUN apk add --no-cache build-base gcc bash cmake git
+RUN apk add --no-cache imagemagick
+
+# install both bundler 1.x and 2.x
+RUN gem install bundler -v "~>1.0" && gem install bundler jekyll
+
+EXPOSE 4000
+
+WORKDIR /site
+
+ENTRYPOINT [ "jekyll" ]
+
+CMD [ "--help" ]

data/build/Dockerfile-serve

@@ -0,0 +1,8 @@
+FROM docker.rzen.dev/jekyll:latest
+
+COPY docker-entrypoint.sh /usr/local/bin/
+
+# on every container start, check if Gemfile exists and warn if it's missing
+ENTRYPOINT [ "docker-entrypoint.sh" ]
+
+CMD [ "bundle", "exec", "jekyll", "serve", "--force_polling", "-H", "0.0.0.0", "-P", "4000" ]

data/build/docker-entrypoint.sh

@@ -0,0 +1,19 @@
+#!/bin/bash
+set -e
+
+if [ ! -f Gemfile ]; then
+  echo "NOTE: hmm, I don't see a Gemfile so I don't think there's a jekyll site here"
+  echo "Either you didn't mount a volume, or you mounted it incorrectly."
+  echo "Be sure you're in your jekyll site root and use something like this to launch"
+  echo ""
+  echo "docker run -p 80:4000 -v \$(pwd):/site bretfisher/jekyll-serve"
+  echo ""
+  echo "NOTE: To create a new site, you can use the sister image bretfisher/jekyll like:"
+  echo ""
+  echo "docker run -v \$(pwd):/site bretfisher/jekyll new ."
+  exit 1
+fi
+
+bundle install --retry 5 --jobs 20
+
+exec "$@"

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-theme-isabelline
 version: !ruby/object:Gem::Version
-  version: 0.1.17
+  version: 0.1.22
 platform: ruby
 authors:
 - Rouslan Zenetl
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2020-06-01 00:00:00.000000000 Z
+date: 2020-09-07 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
@@ -56,7 +56,9 @@ files:
 - 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
@@ -65,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
@@ -75,7 +78,17 @@ files:
 - _sass/_snackbar.scss
 - _sass/_syntax.scss
 - assets/.DS_Store
-- assets/blog/example1/Quarter_Horse_Buckskin.jpg
+- assets/blog/example/Quarter_Horse_Buckskin.jpg
+- assets/blog/example/gallery/1/lanius_isabellinus1.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/example/gallery2/Quarter_Horse_Buckskin.jpg
+- assets/blog/example/gallery2/dusan-smetana-ah7KHxYg6Ow-unsplash.jpg
+- assets/blog/example/gallery2/jay-ruzesky-h13Y8vyIXNU-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
@@ -87,11 +100,29 @@ files:
 - assets/favicon/site.webmanifest
 - 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/gallery.js
 - assets/js/slides.js
 - assets/js/snackbar.js
+- build/Dockerfile
+- build/Dockerfile-serve
+- build/docker-entrypoint.sh
 - index.html
 homepage: https://github.com/rzen/jekyll-theme-isabelline
 licenses:
@@ -113,7 +144,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.0.6
+rubygems_version: 3.1.4
 signing_key: 
 specification_version: 4
 summary: Simple clean mobile-friendly theme for long form note taking. Works for blogging