transition to Alembic blog

.gitignore

@@ -1 +1,6 @@
 _site/
+.sass-cache/
+.jekyll-metadata
+alembic-jekyll-theme-*.gem
+Gemfile.lock
+**/Gemfile.lock

404.md

@@ -0,0 +1,13 @@
+---
+title: "404"
+excerpt: "Page Not Found"
+permalink: 404.html
+indexing: false
+sitemap: false
+---
+
+Sorry, but the page could not be found.
+
+Are you looking for:
+
+{% include nav-default.html %}

CNAME

@@ -1 +1 @@
-
+blog.zetaops.io

Gemfile

@@ -0,0 +1,19 @@
+source "https://rubygems.org"
+
+# Make sure Jekyll 3.3 is running
+gem "jekyll", "~> 3.4"
+
+# The theme for the site
+gem "alembic-jekyll-theme", "~> 2.2"
+
+# The plugins for the site
+group :jekyll_plugins do
+  gem "jekyll-sitemap"
+  gem "jekyll-mentions"
+  gem "jekyll-paginate"
+  gem "jekyll-seo-tag"
+  gem "jekyll-redirect-from"
+  gem "jekyll-default-layout"
+  gem "jekyll-feed"
+  gem "jemoji"
+end

_config.yml

@@ -0,0 +1,112 @@
+# Site configuration
+# 1. Files excluded from Jekyll builds
+# 2. Installed Gems
+# 3. Gem settings
+# 4. Jekyll settings
+# 5. Collections
+# 6. Jekyll collections settings
+# 7. Site settings
+# 8. Site navigation
+
+# 1. Files excluded from Jekyll builds
+exclude:
+- thanks.md
+- elements.md
+- README.md
+- CODE_OF_CONDUCT.md
+- CONTRIBUTING.md
+- screenshot.png
+- LICENSE
+- CNAME
+- Gemfile
+- Gemfile.lock
+- demo/*
+- alembic-jekyll-theme.gemspec
+
+# 2. Installed Gems
+plugins:
+- jekyll-sitemap
+- jekyll-mentions
+- jekyll-paginate
+- jekyll-seo-tag
+- jekyll-redirect-from
+- jekyll-default-layout
+- jekyll-feed
+- jemoji
+
+# 3. Gem settings
+paginate: 2 # jekyll-paginate > items per page
+paginate_path: blog/page:num # jekyll-paginate > blog page
+jekyll-mentions: https://twitter.com # jekyll-mentions > service used when @replying
+twitter:
+  username: zetaops # jekyll-seo-tag > Owners twitter username
+author: ZetaOps # jekyll-seo-tag > default author
+social: # jekyll-seo-tag > social overrides
+  name: ZetaOps # jekyll-seo-tag > real name
+  links:  # jekyll-seo-tag > social aliases (sameAs)
+    - https://twitter.com/zetaops
+    - https://github.com/zetaops
+
+# 4. Jekyll settings
+sass:
+  style: compressed # Style compression
+permalink: pretty  # Permalink style (/YYYY/MM/DD/page-name/)
+excerpt_separator: <!-- more --> # Marks end of excerpt in posts
+timezone: Europe/London # Timezone for blog posts and alike
+
+# 5. Collections
+collections:
+  posts:
+    title: ZetaOps Blog # Needed for Siteleaf
+    output: true
+    #description: "My thoughts and ideas" # The post list page content
+    feature_text: # Caption of blog list page entry image
+    feature_image: "/assets/default-social-image.png"
+
+# 6. Jekyll collections settings
+defaults:
+  -
+    values:
+      image: "/assets/default-social-image.png" # Default image for sharing
+
+# 7. Site settings
+encoding: utf-8 # Make sure the encoding is right
+lang: en-GB # Set the site language
+title: "ZetaOps" # Site name or title, also used in jekyll-seo-tag
+logo: "/assets/logo.png" # Site logo, also used in jekyll-seo-tag
+description: "İlgilendiğimiz konularda ortaya çıkan deneyimlerimizi ve dünyadaki gelişmeleri buradan paylaşacağız." # Site description and default description, also used in jekyll-seo-tag
+url: "https://blog.zetaops.io" # Site url, also used in jekyll-seo-tag
+baseurl: ""
+repo: "https://github.com/zetaops/zetaops.github.io"
+#email: "me@daviddarnes.com"
+# disqus: "alembic-1" # Blog post comments, uncomment the option and set the site ID from your Disqus account
+avatarurl: "/favicon.ico" # Uses avatars for favicons to get multple sites, eg Gravatar, Twitter, GitHub
+
+# 8. Site navigation
+navigation_header:
+  Home: /
+  Categories: /categories/
+  Search: /search/
+
+navigation_footer:
+  #Created by David Darnes: https://darn.es
+
+social_links: # Appears in sidebar. Set the urls then uncomment and comment out as desired
+  Twitter: https://twitter.com/zetaops
+  #LinkedIn: https://www.linkedin.com/in/daviddarnes
+  #Google+: https://plus.google.com/+DavidDarnes
+  GitHub: https://github.com/zetaops
+  link: http://zetaops.io
+  RSS: /feed.xml
+
+sharing_links: # Appear at the bottom of single blog posts, uncomment and comment out as desired. Colours set the button colour
+  Twitter: "#1DA1F2"
+  facebook: "#3B5998"
+  Google+: "#DC4E41"
+  # Pinterest: "#BD081C"
+  # LinkedIn: "#0077B5"
+  # tumblr: "#36465D"
+  # Reddit: "#FF4500"
+  # Hacker News: "#ff6600"
+  # Designer News: "#2D72D9"
+  # Email: ""

_includes/button.html

@@ -0,0 +1 @@
+<a class="button" href="{{ include.link | default: "#" }}"{% if include.color %} style="background: {{ include.color }}"{% endif %}>{{ include.text | default: "Button" }}{% if include.icon %}&nbsp; {% include icon.html id=include.icon %}{% endif %}</a>

_includes/figure.html

@@ -0,0 +1,5 @@
+{% if include.alt %}{% assign altText = include.alt %}{% else %}{% assign altText = include.caption %}{% endif %}
+<figure class="figure{% if include.position %}  figure--{{ include.position }}{% endif %}">
+  {% if include.image %}<img class="image" src="{{ include.image }}" {% if altText %}alt="Image - {{ altText }}"{% endif %}>{% else %}<small>Image not found</small>{% endif%}
+  {% if include.caption %}<figcaption class="caption">{{ include.caption }}</figcaption>{% endif %}
+</figure>

_includes/icon.html

@@ -0,0 +1 @@
+<svg width="16" height="16" class="icon  icon--{{ include.id | default: "link" }}" role="img"{% if include.title %} aria-label="{{ include.title }} icon"{% endif %}>{% if include.title %}<title>{{ include.title }}</title>{% endif %}<use xlink:href="#{{ include.id | default: "link" }}"{% if include.color %} fill="{{ include.color }}"{% endif %}></use></svg>

_includes/map.html

@@ -0,0 +1,3 @@
+<div class="map">
+  {% if include.id %}<iframe src="https://www.google.com/maps/d/u/0/embed?mid={{ include.id }}"></iframe>{% else %}<small>Map not found</small>{% endif %}
+</div>

_includes/nav-categories.html

@@ -0,0 +1,9 @@
+<nav class="nav  nav--categories">
+  <ul class="list  list--categories">
+    {% for item in site.categories %}
+      <li class="item  item--category">
+          <a href="#{{ item | first | slugify }}">{{ item | first }}</a>
+      </li>
+    {% endfor %}
+  </ul>
+</nav>

_includes/nav-default.html

@@ -0,0 +1,23 @@
+<nav class="nav">
+  <ul class="list list--nav">
+    {% for item in site.html_pages %}
+      {% unless item.title == false or item.url contains "/page" or item.url contains "/404.html" %}
+        <li class="item  item--nav{% if item.url == page.url %}  item--current{% endif %}">
+
+          {% if item.url contains '://' %}
+          {% assign url = item.url %}
+          {% else %}
+          {% assign url = item.url | relative_url %}
+          {% endif %}
+
+          {% if item.collectionpage %}
+      			{% assign collectiondata = site.collections | where: "label", item.collectionpage | first %}
+      			<a href="{{ url }}">{{ collectiondata.title }}</a>
+      		{% else %}
+            <a href="{{ url }}">{{ item.title }}</a>
+      		{% endif %}
+        </li>
+      {% endunless %}
+    {% endfor %}
+  </ul>
+</nav>

_includes/nav-footer.html

@@ -0,0 +1,20 @@
+{% if site.navigation_footer %}
+<nav class="nav  nav--footer">
+  <ul class="list list--nav">
+    {% for item in site.navigation_footer %}
+
+      {% if item[1] contains '://' %}
+      {% assign url = item[1] %}
+      {% else %}
+      {% assign url = item[1] | relative_url %}
+      {% endif %}
+
+      <li class="item  item--nav{% if item[1] == page.url %}  item--current{% endif %}">
+        <a href="{{ url }}">{{ item[0] }}</a>
+      </li>
+    {% endfor %}
+  </ul>
+</nav>
+{% else %}
+  {% include nav-default.html %}
+{% endif %}

_includes/nav-header.html

@@ -0,0 +1,54 @@
+{% if site.navigation_header %}
+<nav class="nav  nav--header">
+  <ul class="list  list--nav">
+    {% for item in site.navigation_header %}
+
+      {% if item[1] contains '://' %}
+      {% assign url = item[1] %}
+      {% else %}
+      {% assign url = item[1] | relative_url %}
+      {% endif %}
+
+      <li class="item  item--nav{% if item[1] == page.url %}  item--current{% endif %}">
+        <a href="{{ url }}">{{ item[0] }}</a>
+      </li>
+    {% endfor %}
+  </ul>
+</nav>
+{% else %}
+  {% include nav-default.html %}
+{% endif %}
+
+<template id="buttontoggle">
+  <button class="button  button--nav" aria-label="Nav toggle">
+    {% include icon.html id="nav" %}
+  </button>
+</template>
+
+<script type="text/javascript">
+
+const nav = document.querySelector('.nav')
+const buttonTemplate = document.querySelector('#buttontoggle')
+const button = document.importNode(buttonTemplate.content, true)
+nav.appendChild(button)
+
+const applyToggle = (list, button, breakpoint) => {
+  const navList = document.querySelector(list)
+  if (document.body.clientWidth < breakpoint) {
+    const navHeight = navList.clientHeight
+    const navButton = document.querySelector(button)
+    navList.style.maxHeight = '0px'
+
+    navButton.onclick = () => {
+      if (navList.style.maxHeight == '0px') {
+        navList.style.maxHeight = `${navHeight}px`
+      } else {
+        navList.style.maxHeight = '0px'
+      }
+    }
+  }
+}
+
+applyToggle('.list--nav', '.button', 640)
+
+</script>

_includes/nav-share.html

@@ -0,0 +1,23 @@
+<div class="share">
+  {% for network in site.sharing_links %}
+    {% assign name = network[0] %}
+    {% assign id = network[0] | downcase | remove: " " %}
+    {% assign url = site.url | append: site.baseurl | append: page.url %}
+    {% assign color = network[1] %}
+
+    {% capture share_link %}
+      {% if id contains "twitter" %}https://twitter.com/intent/tweet/?url={{ url }}&text={{ page.title | uri_escape }}{% if site.twitter.username %}&via={{ site.twitter.username}}{% endif %}{% endif %}
+      {% if id contains "facebook" %}https://facebook.com/sharer/sharer.php?u={{ url }}{% endif %}
+      {% if id contains "google+" %}https://plus.google.com/share?url={{ url }}{% endif %}
+      {% if id contains "pinterest" %}https://pinterest.com/pin/create/button/?url={{ url }}&description={{ page.title }}&media={{ page.image }}{% endif %}
+      {% if id contains "linkedin" %}https://www.linkedin.com/shareArticle?url={{ url }}&title={{ page.title }}&source={{ site.title }}&mini=true{% endif %}
+      {% if id contains "tumblr" %}https://tumblr.com/widgets/share/tool?canonicalUrl={{ url }}&tags={{ page.category }}&caption={{ page.title }}{% endif %}
+      {% if id contains "reddit" %}https://reddit.com/submit?url={{ url }}&title={{ page.title }}&resubmit=true{% endif %}
+      {% if id contains "hackernews" %}https://news.ycombinator.com/submitlink?u={{ url }}&t={{ page.title }}{% endif %}
+      {% if id contains "designernews" %}https://www.designernews.co/submit?url={{ url }}&title={{ page.title }}{% endif %}
+      {% if id contains "email" %}mailto:?subject={{ page.title }}&body={{ url | prepend: "Hey, check out this: "}}{% endif %}
+    {% endcapture %}
+
+    {% include button.html text=name icon=id link=share_link color=color %}
+  {% endfor %}
+</div>

_includes/nav-social.html

@@ -0,0 +1,8 @@
+<nav class="nav  nav--social">
+  {% for link in site.social_links %}
+    {% assign id = link[0] | downcase %}
+    <a href="{{ link[1] }}">
+      {% include icon.html id=id title=id %}
+    </a>
+  {% endfor %}
+</nav>

_includes/post-categories.html

@@ -0,0 +1,25 @@
+{% for category in site.categories %}
+	{% assign category_name = category | first %}
+	<section class="section  typeset">
+		<h2 id="{{ category_name | slugify }}">{{ category_name }}</h2>
+		<ul class="list  list--posts">
+			{% for page in site.categories[category_name] %}
+				{% assign has_categories = true %}
+				<li class="item  item--post">
+				 	<article class="article  article--post  typeset">
+					 	<h3><a href="{{ site.baseurl }}{{ page.url }}">{{ page.title }}</a></h3>
+						{% include post-meta.html %}
+						{{ page.excerpt | truncatewords: 60 | markdownify }}
+				 	</article>
+			 </li>
+		 {% endfor %}
+		</ul>
+		{% unless forloop.last %}<hr/>{% endunless %}
+	</section>
+{% endfor %}
+
+{% if has_categories != true %}
+	<section class="section  typeset">
+		<p>There are no categorised posts</p>
+	</section>
+{% endif %}

_includes/post-comments.html

@@ -0,0 +1,17 @@
+{% if site.disqus and page.comments != false  %}
+  <div id="disqus_thread"></div>
+  <script>
+    var disqus_config = function () {
+        this.page.url = "{{ site.url }}{{ site.baseurl }}{{ page.url }}";
+        this.page.identifier = "{{ site.baseurl }}{{ page.url }}";
+    };
+
+    (function() {
+        var d = document, s = d.createElement('script');
+        s.src = '//{{ site.disqus }}.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>
+{% endif %}

_includes/post-list.html

@@ -0,0 +1,34 @@
+{% if paginator.posts %}
+	<section class="section  typeset">
+		<ul class="list  list--posts">
+			{% for page in paginator.posts %}
+				<li class="item  item--post">
+					<article class="article  article--post">
+
+						<h2><a href="{{ site.baseurl }}{{ page.url }}">{{ page.title }}</a></h2>
+						{% include post-meta.html %}
+						{{ page.excerpt | markdownify | truncatewords: 60 }}
+
+					</article>
+				</li>
+			{% endfor %}
+		</ul>
+		{% include post-pagination.html %}
+	</section>
+{% else %}
+	<section class="section  typeset">
+		<ul class="list  list--posts">
+			{% for page in site.posts %}
+				<li class="item  item--post">
+					<article class="article  article--post">
+
+						<h2><a href="{{ site.baseurl }}{{ page.url }}">{{ page.title }}</a></h2>
+						{% include post-meta.html %}
+						{{ page.excerpt | markdownify | truncatewords: 60 }}
+
+					</article>
+				</li>
+			{% endfor %}
+		</ul>
+	</section>
+{% endif %}