jekyll-theme-mnc 1.0.0

data/_includes/social.html

@@ -0,0 +1,62 @@
+{%- assign social = site.jekyll-theme-mnc.social_links -%}
+{%- assign icon_link = '/assets/jekyll-theme-mnc-social-icons.svg' -%}
+<span>
+        {%- if social.devto %}
+        <a rel="me" href="https://dev.to/{{ social.devto | cgi_escape | escape }}" title="{{ social.devto | escape }} on DEV Community"><svg><use xlink:href="{{ icon_link | relative_url }}#devto"></use></svg></a>
+        {%- endif -%}
+        {% if social.dribbble %}
+        <a rel="me" href="https://dribbble.com/{{ social.dribbble | cgi_escape | escape }}" title="{{ social.dribbble | escape }} on Dribbble"><svg><use xlink:href="{{ icon_link | relative_url }}#dribbble"></use></svg></a>
+        {%- endif -%}
+        {% if social.facebook %}
+        <a rel="me" href="https://www.facebook.com/{{ social.facebook | cgi_escape | escape }}" title="{{ social.facebook | escape }} on Facebook"><svg><use xlink:href="{{ icon_link | relative_url }}#facebook"></use></svg></a>
+        {%- endif -%}
+        {% if social.flickr %}
+        <a rel="me" href="https://www.flickr.com/photos/{{ social.flickr | cgi_escape | escape }}" title="{{ social.flickr | escape }} on Flickr"><svg><use xlink:href="{{ icon_link | relative_url }}#flickr"></use></svg></a>
+        {%- endif -%}
+        {% if social.github %}
+        <a rel="me" href="https://github.com/{{ social.github | cgi_escape | escape }}" title="{{ social.github | escape }} on GitHub"><svg><use xlink:href="{{ icon_link | relative_url }}#github"></use></svg></a>
+        {%- endif -%}
+        {%- for gitlab in social.gitlab -%}
+        {% if gitlab.username and gitlab.instance %}
+        <a rel="me" href="https://{{ gitlab.instance | cgi_escape | escape}}/{{gitlab.username}}" title="{{ gitlab.username | escape }} on GitLab"><svg><use xlink:href="{{ icon_link | relative_url }}#gitlab"></use></svg></a>
+        {%- endif -%}
+        {%- endfor -%}
+        {% if social.instagram %}
+        <a rel="me" href="https://www.instagram.com/{{ social.instagram | cgi_escape | escape }}" title="{{ social.instagram | escape }} on Instagram"><svg><use xlink:href="{{ icon_link | relative_url }}#instagram"></use></svg></a>
+        {%- endif -%}
+        {% if social.keybase %}
+        <a rel="me" href="https://keybase.io/{{ social.keybase | cgi_escape | escape }}" title="{{ social.keybase | escape }} on Keybase"><svg><use xlink:href="{{ icon_link | relative_url }}#keybase"></use></svg></a>
+        {%- endif -%}
+        {% if social.linkedin %}
+        <a rel="me" href="https://www.linkedin.com/in/{{ social.linkedin | cgi_escape | escape }}" title="{{ social.linkedin | escape }} on LinkedIn"><svg><use xlink:href="{{ icon_link | relative_url }}#linkedin"></use></svg></a>
+        {%- endif -%}
+        {% if social.xing %}
+        <a rel="me" href="https://www.xing.com/profile/{{ social.xing | cgi_escape | escape }}" title="{{ social.xing | escape }} on XING"><svg><use xlink:href="{{ icon_link | relative_url }}#xing"></use></svg></a>
+        {%- endif -%}
+        {%- for mastodon in social.mastodon -%}
+        {% if mastodon.username and mastodon.instance %}
+        <a rel="me" href="https://{{ mastodon.instance | cgi_escape | escape}}/@{{mastodon.username}}" title="{{ mastodon.username | escape }} on Mastodon"><svg><use xlink:href="{{ icon_link | relative_url }}#mastodon"></use></svg></a>
+        {%- endif -%}
+        {%- endfor -%}
+        {% if social.microdotblog %}
+        <a rel="me" href="https://micro.blog/{{ social.microdotblog | cgi_escape | escape }}" title="{{ social.microdotblog | escape }} on Micro.blog"><svg><use xlink:href="{{ icon_link | relative_url }}#microdotblog"></use></svg></a>
+        {%- endif -%}
+        {% if social.pinterest %}
+        <a rel="me" href="https://www.pinterest.com/{{ social.pinterest | cgi_escape | escape }}" title="{{ social.pinterest | escape }} on Pinterest"><svg><use xlink:href="{{ icon_link | relative_url }}#pinterest"></use></svg></a>
+        {%- endif -%}
+        {% if social.stackoverflow %}
+        <a rel="me" href="https://stackoverflow.com/users/{{ social.stackoverflow | cgi_escape | escape }}" title="{{ social.stackoverflow | escape }} on Stack Overflow"><svg><use xlink:href="{{ icon_link | relative_url }}#stackoverflow"></use></svg></a>
+        {%- endif -%}
+        {% if social.telegram %}
+        <a rel="me" href="https://t.me/{{ social.telegram | cgi_escape | escape }}" title="{{ social.telegram | escape }} on Telegram"><svg><use xlink:href="{{ icon_link | relative_url }}#telegram"></use></svg></a>
+        {%- endif -%}
+        {% if social.twitter %}
+        <a rel="me" href="https://twitter.com/{{ social.twitter | cgi_escape | escape }}" title="{{ social.twitter | escape }} on Twitter"><svg><use xlink:href="{{ icon_link | relative_url }}#twitter"></use></svg></a>
+        {%- endif -%}
+        {% if social.youtube %}
+        <a rel="me" href="https://www.youtube.com/{{ social.youtube | cgi_escape | escape }}" title="{{ social.youtube | escape }} on YouTube"><svg><use xlink:href="{{ icon_link | relative_url }}#youtube"></use></svg></a>
+        {%- endif -%}
+        {% if social.youtube_channel %}
+        <a rel="me" href="https://www.youtube.com/channel/{{ social.youtube_channel | cgi_escape | escape }}" title="{{ social.youtube_channel_name | escape | default: 'YouTube' }} as a YouTube Channel"><svg><use xlink:href="{{ icon_link | relative_url }}#youtube"></use></svg></a>
+        {%- endif %}
+      </span>

data/_includes/tumblelog-feed-subscription.html

@@ -0,0 +1 @@
+<p><small>Subscribe to Tumblelog updates <a href="{{ '/tumblelog/feed.xml' | relative_url }}" rel="alternate nofollow">via Atom feed</a> or <a href="{{ '/tumblelog/feed.json' | relative_url }}" rel="alternate nofollow">via JSON feed</a></small></p>

data/_layouts/category.html

@@ -0,0 +1,18 @@
+---
+layout: default
+---
+<main aria-label="Content">
+    <div itemscope itemtype="https://schema.org/Blog">
+      <h3>Category: {{ page.title | smartify }} ({{ site.categories[page.title].size }})</h3>
+
+      {%- assign title = page.title -%}
+      {%- if site.categories[title].size > 0 -%}
+        {%- assign date_format = site.jekyll-theme-mnc.date_format | default: "%b %-d, %Y" -%}
+        {%- for post in site.categories[title] %}
+      {% include post-list-item.html %}
+        {%- endfor %}
+
+      {% include feed-subscription.html %}
+      {%- endif %}
+    </div>
+  </main>

data/_layouts/default.html

@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="{{ page.lang | default: site.lang | default: 'en' }}">
+{% include head.html %}
+<body>
+{% include header.html %}
+
+  {{ content }}
+
+{% include footer.html %}
+</body>
+</html>

data/_layouts/error.html

@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html lang="{{ page.lang | default: site.lang | default: 'en' }}">
+<head>
+  <meta name="robots" content="noindex,follow">
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="stylesheet" href="{{ '/assets/css/style.css' | relative_url }}">
+  <title>{% if page.title %}{{ page.title | smartify }}{% else %}{{ site.title | smartify }}{% endif %}</title>
+  <meta name="description" content="Error page">
+  <link rel="icon" type="image/png" href="{{ '/icon.png' | relative_url }}">
+</head>
+<body>
+{% include header.html %}
+
+  <main aria-label="Content">
+    <article itemscope itemtype="https://schema.org/WebPage">
+      <header>
+        <h1 itemprop="headline" itemscope itemtype="https://schema.org/Text">{{ page.title | smartify }}</h1>
+      </header>
+      <div itemprop="mainContentOfPage" itemscope itemtype="https://schema.org/WebPageElement">
+        {{ content }}
+      </div>
+    </article>
+  </main>
+
+{% include footer.html %}
+</body>
+</html>

data/_layouts/home.html

@@ -0,0 +1,32 @@
+---
+layout: default
+---
+<main aria-label="Content">
+    <div itemscope itemtype="https://schema.org/Blog">
+      {% if page.title -%}
+      <h1>{{ page.title | smartify }}</h1>
+      {%- endif %}
+
+      {{ content }}
+
+      {%- if site.paginate -%}
+        {%- assign posts = paginator.posts -%}
+      {%- else -%}
+        {%- assign posts = site.posts -%}
+      {%- endif -%}
+
+      {%- if posts.size > 0 -%}
+        {%- if page.list_title %}
+      <h2>{{ page.list_title | smartify }}</h2>
+        {% endif %}
+        {%- assign date_format = site.jekyll-theme-mnc.date_format | default: "%b %-d, %Y" -%}
+        {%- for post in posts %}
+          {%- unless post.tumblelog_type -%}
+      {% include post-list-item.html %}
+          {%- endunless %}
+        {%- endfor %}
+
+      {% include feed-subscription.html %}
+      {%- endif %}
+    </div>
+  </main>

data/_layouts/page.html

@@ -0,0 +1,17 @@
+---
+layout: default
+---
+<main aria-label="Content">
+    <article itemscope itemtype="https://schema.org/WebPage">
+      <header>
+        {% if page.image -%}
+        <img itemprop="image" src="{{ page.image }}" alt="{{ page.image_alt }}" title="{{ page.image_title }}">
+        {%- endif %}
+        <h1 itemprop="headline">{{ page.title | smartify }}</h1>
+      </header>
+
+      <div itemprop="mainContentOfPage" itemscope itemtype="https://schema.org/WebPageElement">
+        {{ content }}
+      </div>
+    </article>
+  </main>

data/_layouts/post.html

@@ -0,0 +1,42 @@
+---
+layout: default
+---
+<main aria-label="Content">
+    <article itemscope itemtype="https://schema.org/BlogPosting">
+      <header>
+        {% if page.image -%}
+        <img itemprop="image" src="{{ page.image }}" alt="{{ page.image_alt }}" title="{{ page.image_title }}">
+        {%- endif %}
+        <h1 itemprop="headline">{{ page.title | smartify }}</h1>
+        <dl>
+          {% assign date_format = site.jekyll-theme-mnc.date_format | default: "%b %-d, %Y" -%}
+          <dt>Published</dt><dd><time datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished">{{ page.date | date: date_format }}</time></dd>
+          {%- if page.last_modified_at -%}
+          <dt>Updated</dt><dd><time datetime="{{ page.last_modified_at | date_to_xmlschema }}" itemprop="dateModified">{{ page.last_modified_at | date: date_format }}</time></dd>
+          {%- endif -%}
+          {%- if page.author %}
+            {%- for author in page.author %}
+          <dt>Author</dt><dd><span itemprop="author" itemscope itemtype="https://schema.org/Person"><span itemprop="name">{{ author }}</span></span></dd>
+              {%- unless forloop.last %}, {% endunless -%}
+            {% endfor %}
+          {%- endif %}
+          {% assign wpm = site.jekyll-theme-mnc.reading-speed | default: 180 -%}
+          {%- assign minutes = content | strip_html | number_of_words | divided_by: wpm -%}
+          {%- if minutes == 0 -%}
+            {%- assign minutes = 1 -%}
+          {%- endif -%}
+          <dt>Reading time</dt><dd>{{ minutes }} minute{%- if minutes > 1 -%}s{%- endif %}</dd>
+        </dl>
+      </header>
+
+      <div itemprop="articleBody">
+        {{ content }}
+      </div>
+
+      {% if page.tumblelog_type %}
+      {% include tumblelog-feed-subscription.html %}
+      {%- else %}
+      {% include feed-subscription.html %}
+      {%- endif %}
+    </article>
+  </main>

data/_layouts/redirect.html

@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html lang="{{ page.lang | default: site.lang | default: 'en' }}">
+<head>
+  <meta name="robots" content="noindex,follow">
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="stylesheet" href="{{ '/assets/css/style.css' | relative_url }}">
+  <title>Redirecting from {{ page.redirect.from | relative_url }} to {{ page.redirect.to | absolute_url }}</title>
+  <meta name="description" content="Redirect page">
+  <link rel="icon" type="image/png" href="{{ '/icon.png' | relative_url }}">
+  <link rel="canonical" href="{{ page.redirect.to | absolute_url }}">
+  <meta http-equiv="refresh" content="0; url={{ page.redirect.to | absolute_url }}">
+</head>
+<body>
+{% include header.html %}
+
+  <main aria-label="Content">
+    <article itemscope itemtype="https://schema.org/WebPage">
+      <header>
+        <h1 itemprop="headline" itemscope itemtype="https://schema.org/Text">Redirecting…</h1>
+      </header>
+      <div itemprop="mainContentOfPage" itemscope itemtype="https://schema.org/WebPageElement">
+        <a href="{{ page.redirect.to | absolute_url }}">Click here if you are not being redirected.</a>
+        <script>location="{{ page.redirect.to | absolute_url }}"</script>
+      </div>
+    </article>
+  </main>
+
+{% include footer.html %}
+</body>
+</html>

data/_layouts/tumblelog.html

@@ -0,0 +1,39 @@
+---
+layout: default
+---
+<main aria-label="Content" itemscope itemtype="https://schema.org/Blog">
+    <h1>Tumblelog</h1>
+
+    {%- assign date_format = site.jekyll-theme-mnc.date_format | default: "%b %-d, %Y" -%}
+    {%- for post in site.posts -%}
+      {%- if post.tumblelog_type -%}
+
+    <article itemscope itemtype="https://schema.org/BlogPosting">
+      <header>
+        {% if post.image -%}
+        <img itemprop="image" src="{{ post.image }}" alt="Header image">
+        {%- endif %}
+        <h2 itemprop="headline">{{ post.title | smartify }}</h2>
+        <dl>
+          <dt>Published</dt><dd><time datetime="{{ post.date | date_to_xmlschema }}" itemprop="datePublished">{{ post.date | date: date_format }}</time></dd>
+          {%- if post.last_modified_at -%}
+          <dt>Updated</dt><dd><time datetime="{{ post.last_modified_at | date_to_xmlschema }}" itemprop="dateModified">{{ post.last_modified_at | date: date_format }}</time></dd>
+          {%- endif -%}
+          {%- if post.author %}
+            {%- for author in post.author %}
+          <dt>Author</dt><dd><span itemprop="author" itemscope itemtype="https://schema.org/Person"><span itemprop="name">{{ author }}</span></span></dd>
+              {%- unless forloop.last %}, {% endunless -%}
+            {% endfor %}
+          {%- endif %}
+        </dl>
+      </header>
+
+      <div itemprop="articleBody">
+        {{ post.content }}
+      </div>
+    </article>
+      {%- endif -%}
+    {%- endfor -%}
+
+    {% include tumblelog-feed-subscription.html %}
+  </main>

data/_sass/jekyll-theme-mnc/_base.scss

@@ -0,0 +1,245 @@
+html {
+  font-size: $base-font-size;
+}
+
+/**
+ * Reset some basic elements
+ */
+body, h1, h2, h3, h4, h5, h6,
+p, blockquote, pre, hr,
+dl, dd, ol, ul, figure {
+  margin: 0;
+  padding: 0;
+}
+
+
+
+/**
+ * Basic styling
+ */
+body {
+  font: $base-font-weight #{$base-font-size}/#{$base-line-height} $base-font-family;
+  color: $text-color;
+  background-color: $background-color;
+  -webkit-text-size-adjust: 100%;
+  -webkit-font-feature-settings: "kern" 1;
+     -moz-font-feature-settings: "kern" 1;
+       -o-font-feature-settings: "kern" 1;
+          font-feature-settings: "kern" 1;
+  font-kerning: normal;
+  display: flex;
+  min-height: 100vh;
+  flex-direction: column;
+  overflow-wrap: break-word;
+}
+
+
+
+/**
+ * Set `margin-bottom` to maintain vertical rhythm
+ */
+h1, h2, h3, h4, h5, h6,
+p, blockquote, pre,
+ul, ol, dl, figure,
+%vertical-rhythm {
+  margin-bottom: calc($spacing-unit / 2);
+}
+
+hr {
+  margin: $spacing-unit 0;
+  border: none;
+  border-top: 1px solid $border-color-01;
+}
+
+
+
+/**
+ * Images
+ */
+img {
+  max-width: 100%;
+  vertical-align: middle;
+}
+
+
+
+/**
+ * Figures
+ */
+figure > img {
+  display: block;
+}
+
+figcaption {
+  font-size: $small-font-size;
+}
+
+
+
+/**
+ * Lists
+ */
+ul, ol {
+  margin-left: $spacing-unit;
+}
+
+li {
+  > ul,
+  > ol {
+    margin-bottom: 0;
+  }
+}
+
+
+
+/**
+ * Headings
+ */
+h1, h2, h3, h4, h5, h6 {
+  font-weight: $base-font-weight;
+}
+
+
+
+/**
+ * Links
+ */
+a {
+  color: $link-base-color;
+  text-decoration: none;
+
+  &:visited {
+    color: $link-visited-color;
+  }
+
+  &:hover {
+    color: $link-hover-color;
+    text-decoration: underline;
+  }
+}
+
+
+
+/**
+ * Blockquotes
+ */
+blockquote {
+  color: $brand-color;
+  border-left: 4px solid $border-color-01;
+  padding-left: calc($spacing-unit / 2);
+  @include relative-font-size(1.125);
+  font-style: italic;
+
+  > :last-child {
+    margin-bottom: 0;
+  }
+
+  i, em {
+    font-style: normal;
+  }
+}
+
+
+
+/**
+ * Code formatting
+ */
+pre,
+code {
+  font-family: $code-font-family;
+  font-size: 0.9375em;
+  border: 1px solid $border-color-01;
+  border-radius: 3px;
+  background-color: $code-background-color;
+}
+
+code {
+  padding: 1px 5px;
+}
+
+pre {
+  padding: 8px 12px;
+  overflow-x: auto;
+
+  > code {
+    border: 0;
+    padding-right: 0;
+    padding-left: 0;
+  }
+}
+
+.highlight {
+  border-radius: 3px;
+  background: $code-background-color;
+  @extend %vertical-rhythm;
+
+  .highlighter-rouge & {
+    background: $code-background-color;
+  }
+}
+
+
+
+/**
+ * Wrapper
+ */
+body > header > div,
+body > main > *,
+body > footer > * {
+  max-width: calc(#{$content-width} - #{$spacing-unit});
+  margin: 0 auto;
+  padding: 0 calc($spacing-unit / 2);
+  @extend %clearfix;
+
+  @media screen and (min-width: $on-large) {
+    max-width: calc(#{$content-width} - (#{$spacing-unit} * 2));
+    padding: 0 $spacing-unit;
+  }
+}
+
+
+
+/**
+ * Clearfix
+ */
+%clearfix:after {
+  content: "";
+  display: table;
+  clear: both;
+}
+
+
+
+/**
+ * Tables
+ */
+table {
+  margin-bottom: $spacing-unit;
+  width: 100%;
+  text-align: $table-text-align;
+  color: $table-text-color;
+  border-collapse: collapse;
+  border: 1px solid $table-border-color;
+  tr {
+    &:nth-child(even) {
+      background-color: $table-zebra-color;
+    }
+  }
+  th, td {
+    padding: calc($spacing-unit / 3) calc($spacing-unit / 2);
+  }
+  th {
+    background-color: $table-header-bg-color;
+    border: 1px solid $table-header-border;
+  }
+  td {
+    border: 1px solid $table-border-color;
+  }
+
+  @include media-query($on-laptop) {
+    display: block;
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
+    -ms-overflow-style: -ms-autohiding-scrollbar;
+  }
+}