jekyll-clean-dark 0.1.0 → 0.1.2

data/_includes/yandex-metrica.html

@@ -0,0 +1,3 @@
+{% if site.yandex_metrica %}
+<!-- Your counter code should go here -->
+{% endif %}

data/_layouts/page.html

@@ -0,0 +1,21 @@
+{% include header.html %}
+
+    <div class="wrapper">
+      <div class="content">
+        <div class="container container-center">
+          <div class="row">
+            <div class="col-md-8">
+              <div class="well">
+                {{ content }}
+              </div>
+            </div>
+            <div class="col-md-4 hidden-xs">
+              {% include sidebar.html %}
+            </div>
+          </div>
+        </div>
+      </div>
+      {% include footer.html %}
+    </div>
+  </body>
+</html>

data/_layouts/post.html

@@ -0,0 +1,45 @@
+{% include header.html %}
+    <div class="wrapper">
+      <div class="content">
+        <div class="container container-center">
+          <div class="row">
+            <div class="col-md-8">
+              <div class="article">
+                <div class="well">
+                  <h1><a href="{{ page.url | relative_url }}">{{ page.title }}</a></h1>
+                  <div class="post-meta">
+                    <div class="post-time">
+                      <i class="fa fa-calendar"></i>
+                      <time>{{ page.date | date_to_string }}</time>
+                    </div>
+                    <ul>
+                      {% for tag in page.tags %}
+                        <li><a href="{{ '/tag/' | append: tag | relative_url }}">{{ tag }}</a></li>
+                      {% endfor %}
+                    </ul>
+                  </div>
+                  <div class="post-content">
+                    <div id="toc" class="toc"></div>
+                    {{ content }}
+                    {% include share.html %}
+                  </div>
+                  {% if page.comments %}
+                  <div id="disqus_thread">
+                    <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
+                    <a href="http://disqus.com" class="dsq-brlink">comments powered by <span class="logo-disqus">Disqus</span></a>
+                  </div>
+                  {% endif %}
+                </div>
+              </div>
+            </div>
+            <div class="col-md-4 hidden-xs">
+              {% include sidebar.html %}
+            </div>
+          </div>
+        </div>
+        {% include disqus-comments.html %}
+      </div>
+      {% include footer.html %}
+    </div>
+  </body>
+</html>

data/_layouts/tag_index.html

@@ -0,0 +1,22 @@
+---
+layout: page
+---
+<div class="page-content wc-container">
+
+  <div class="post">
+    <h2 class="post_title">{{page.title}}</h2>
+    <ul>
+      {% for post in site.posts %}
+        {% for tag in post.tags %}
+          {% if tag == page.tag %}
+          <li class="archive_list">
+            <time>{{ post.date | date_to_string }}</time>
+            <a class="archive_list_article_link" href='{{ post.url | relative_url }}'>{{post.title}}</a>
+            <p>{{post.description}}</p>
+          </li>
+          {% endif %}
+        {% endfor %}
+      {% endfor %}
+    </ul>
+  </div>
+</div>

data/_posts/2015-11-01-installation.md

@@ -0,0 +1,34 @@
+---
+layout: post
+title: "Installation"
+date: 2015-11-01 16:25:06
+description: Here you'll find out how to install this theme
+tags: 
+ - installation
+---
+
+## Installation
+
+If you dont't have your own blog you can clone this repository and put your articles in a `_posts` folder.
+If you already have your own blog then I think you can clone this repository and copy-paste content keeping your `_posts` folder.
+
+After you will have to set up your `_config.yml`
+
+## License
+
+The content of this theme is distributed and licensed under a [Creative Commons Attribution 4.0 License](https://creativecommons.org/licenses/by/4.0/legalcode)
+
+> This license lets others distribute, remix, tweak, and build upon your work,
+> even commercially, as long as they credit you for the original creation. This
+> is the most accommodating of licenses offered. Recommended for maximum
+> dissemination and use of licensed materials.
+
+In other words: you can do anything you want with this theme on any site, just please
+provide a link to the original theme on github.
+
+This theme includes the following files which are the properties of their
+respective owners:
+
+* js/bootstrap.min.js - [bootstrap](http://getbootstrap.com)
+* css/bootstrap.min.css - [bootstrap](http://getbootstrap.com)
+* js/jquery.min.js - [jquery](https://jquery.com)

data/_posts/2016-07-01-images.md

@@ -0,0 +1,47 @@
+---
+layout: post
+title: "Images"
+date: 2016-07-01 16:25:06
+tags: images jekyll
+description: Sample post showing how to use images
+---
+
+## Introduction
+
+This theme supports two types of images:
+ 
+- inline images: ![Battery Widget]({{ '/assets/images/batWid1.png' | relative_url }})
+
+{% highlight html %}
+{% raw %}
+![Battery Widget]({{ '/assets/images/batWid1.png' | relative_url }})
+{% endraw %}
+{% endhighlight html %}
+
+- centered images with caption (optional):
+ 
+![img]({{ '/assets/images/deer.jpg' | relative_url }}){: .center-image }*(°0°)*
+
+{% highlight html %}
+{% raw %}
+![img]({{ '/assets/images/deer.jpg' | relative_url }}){: .center-image }*(°0°)*
+{% endraw %}
+{% endhighlight html %}
+
+You can apply your own styles to image by creating css class with style:
+
+{% highlight css %}
+.custom-image-style
+{
+/* your style */
+}
+{% endhighlight css %}
+
+And then applying your style just after the image in curly brackets with colon:
+
+{% highlight html %}
+{% raw %}
+[!image](path to image){:.custom-image-style}
+{% endraw %} 
+{% endhighlight html %}
+

data/_posts/2016-08-01-analytics-tags-comments.md

@@ -0,0 +1,29 @@
+---
+layout: post
+title: "Analytics, tags and comments"
+date: 2016-08-01 16:25:06
+description: Here you'll find how to setup analytics, tags and comments for your blog
+tags:
+ - jekyll
+ - analytics
+ - tags
+ - comments
+---
+
+# Analytics
+ 
+#### [Google Analytics](http://www.google.com/analytics/)
+
+To enable Google Analytics create an account [here](https://analytics.google.com). Then add your tracking id in `config.xml`, it should look something like `UA-********-1`
+ 
+#### [Yandex Metrica](http://metrica.yandex.com)
+ 
+To enable Yandex Metrica you need to register, create a 'counter' and then copy-paste it's code in `/_includes/yandex-metrica.html` file.
+
+# Tags
+
+To use this feature you simply will need to create a markdown file for each tag which you are using in you site in **tag** folder. To simplify this procedure there is an [/admin](http://pavelmakhov.com/jekyll-clean-dark/admin.html) page, which outputs the bash command which you just need to run inside **tag** folder of your site. Also don't forget to rerun it when you add a post with new tag.
+
+# Comments
+
+To enable [Disqus](http://disqus.com) register on the site and then just put your name in `_config.xml`. Comments could be switched on and off on per post basis, just put `comments: true` to enable them.

data/_posts/2016-09-16-be-social.md

@@ -0,0 +1,101 @@
+---
+layout: post
+title: "Be social"
+date: 2016-09-15 16:25:06
+description: Built-in share buttons!
+share: true
+tags:
+ - tags
+---
+
+# Social icons
+
+You can have social icons which could lead to your social profile.
+Out-of-the box it has: 
+
+<ul class="social-media">
+  <li>
+    <a title="Github"
+      href="https://github.com/{{ site.social.github }}"
+      target="_blank"><i class="fa fa-github fa-2x"></i></a>
+  </li>
+  <li>
+    <a title="StackOverflow"
+      href="http://stackoverflow.com/users/1252056/{{ site.social.stackoverflow }}"
+      target="_blank"><i class="fa fa-stack-overflow fa-2x"></i></a>
+  </li>
+  <li>
+    <a title="LinkedIn"
+      href="https://www.linkedin.com/in/{{ site.social.linkedin }}"
+      target="_blank"><i class="fa fa-linkedin fa-2x"></i></a>
+  </li>
+  <li>
+    <a title="Instagram"
+      href="https://instagram.com/{{ site.social.instagram }}"
+      target="_blank"><i class="fa fa-instagram fa-2x"></i></a>
+  </li>
+  <li>
+    <a title="Last.fm"
+      href="http://lastfm.com/user/{{ site.social.lastfm }}"
+      target="_blank"><i class="fa fa-lastfm fa-2x"></i></a>
+  </li>
+  <li>
+    <a title="RSS"
+      href="{{site.url}}/{{ site.social.rss }}"
+      target="_blank"><i class="fa fa-rss fa-2x"></i></a>
+  </li>
+</ul>
+
+They could be setup in `_config.yml`.
+
+To add more icons do following steps:
+
+ - choose an icon you want to use: [Font Awesome Icons](https://fortawesome.github.io/Font-Awesome/icons/)
+ - add variable in `_config.yml`
+ - add icon in `social.html` with check if variable exists:
+ 
+{% highlight html %}
+{% raw %}
+{% if site.social.rss %}
+  <li>
+    <a title="{{ site.social.<your_social_variable> }}" 
+       href="{{site.url}}/{{ site.social.<your_social_variable> }}" 
+       target="_blank"><font_awesome_icon></i></a>
+  </li>
+{% endif %}
+{% endraw %}
+{% endhighlight html %}
+
+
+# Share buttons
+
+This theme comes with built-in share buttons. You can see them in the bottom of this post.
+To turn them on in the header of your post add:
+
+{% highlight yml %}
+layout: post
+title: "Be sociable"
+date: 2016-05-15 16:25:06
+description: Built-in share buttons!
+share: true <-- here
+{% endhighlight yml %}
+
+If you want to disable some of them - go to **_config.yml**:
+
+>_config.yml
+{:.filename}
+{% highlight yml%}
+share:
+  facebook: true
+  twitter: true
+  gplus: true
+  linkedin: true
+  pinterest: true
+  email: true
+{% endhighlight yml%}
+
+To add new buttons:
+
+1. add icon name in **_config.yml**;
+2. add section in **_includes/share.html**;
+3. add styles in **css/theme.css**.

data/_posts/2016-09-20-customizations.md

@@ -0,0 +1,122 @@
+---
+layout: post
+title: "Customizations"
+date: 2016-09-20 16:25:06
+description: Few customizations available out of the box!
+share: true
+tags:
+ - customizations
+ - jekyll
+---
+
+# Accent color
+
+Accent color is color for some important elements, such as links, buttons, icons. Currently accent color is <span class="btn" style="background-color:#3CA2A2; color:#444444">#3CA2A2</span>. This theme has some more predefined colors available in **theme.scss**:
+
+>theme.scss
+{:.filename}
+{% highlight scss %}
+// Several accent colors, choose one or create your own!
+$accent-color: #3CA2A2;     // original =)
+// $accent-color: #C38FD6;   velvet
+// $accent-color: #8FD6B3;   greenish
+// $accent-color: #35B4DE;   bluish
+// $accent-color: #D2E354;   yellowish
+// $accent-color: #52B54B;   green
+
+{% endhighlight %}
+
+You can use one of them (just click the button below to see accent color in action) or define your own!
+
+<span class="btn" style="background-color:#C38FD6; color:#444444">#C38FD6</span>, <span class="btn" style="background-color:#8FD6B3; color:#444444">#8FD6B3</span>, <span class="btn" style="background-color:#35B4DE; color:#444444">#35B4DE</span>, <span class="btn" style="background-color:#D2E354; color:#444444">#D2E354</span>, <span class="btn" style="background-color:#52B54B; color:#444444">#52B54B</span>.
+ 
+<script>
+  $('.btn').click(function(){
+    var color = $(this).text();
+    [].forEach.call($('a'), function(item) {
+      item.style.color = color
+    })
+  })
+</script>
+
+<style>
+  .label{
+    cursor: default;
+    border-radius: 5px;
+    padding: 5px 8px;
+  }
+</style>
+
+# Other colors
+
+As Jekyll comes with support of SASS I put colors in variables. Here are the ones which could be easily changed:
+
+>theme.scss
+{:.filename}
+{% highlight scss %}
+$font-color: #dddddd;
+$background-color: #292929;
+$post-panel-color: #444;
+$footer-background-color: #292c2f;
+$note-color: #87CEFA;
+$warning-color: #ffff00;
+{% endhighlight %}
+
+# Background
+
+It is also possible to change the background pattern and color. This theme comes with few patterns pre-installed -- you can check them by clicking on the images below. Or check the [transparenttextures.com](https://www.transparenttextures.com/) -- it has tons of different patterns for background.
+
+<style>
+.pattern-list{
+    list-style-type: none;
+    padding: 0;
+}
+.pattern{
+    height: 100px;
+    box-shadow: 0 0 3px 2px rgba(0,0,0,.1);
+
+}
+.pattern:hover {
+    box-shadow: 0 0 3px 2px rgba(0,0,0,.3);
+    transition: box-shadow .2s ease;
+    cursor: pointer;
+}
+.smthg{
+    max-width: none !important;
+}
+.col-sm-6 {
+    padding: 5px !important;
+}
+</style>
+
+<ul class="pattern-list">
+<li class="col-sm-6"><div class="pattern" style="background-image:url('{{ '/assets/css/pics/background/3px-tile.png' | relative_url }}')"></div></li>
+<li class="col-sm-6"><div class="pattern" style="background-image:url('{{ '/assets/css/pics/background/asfalt-light.png' | relative_url }}')"></div></li>
+<li class="col-sm-6"><div class="pattern" style="background-image:url('{{ '/assets/css/pics/background/black-linen.png' | relative_url }}')"></div></li>
+<li class="col-sm-6"><div class="pattern" style="background-image:url('{{ '/assets/css/pics/background/food.png' | relative_url }}')"></div></li>
+<li class="col-sm-6"><div class="pattern" style="background-image:url('{{ '/assets/css/pics/background/gplay.png' | relative_url }}')"></div></li>
+<li class="col-sm-6"><div class="pattern" style="background-image:url('{{ '/assets/css/pics/background/green-dust-and-scratches.png' | relative_url }}')"></div></li>
+<li class="col-sm-6"><div class="pattern" style="background-image:url('{{ '/assets/css/pics/background/hexellence.png' | relative_url }}')"></div></li>
+<li class="col-sm-6"><div class="pattern" style="background-image:url('{{ '/assets/css/pics/background/random-grey-variations.png' | relative_url }}')"></div></li>
+<li class="col-sm-6"><div class="pattern" style="background-image:url('{{ '/assets/css/pics/background/shley-tree-1.png' | relative_url }}')"></div></li>
+<li class="col-sm-6"><div class="pattern" style="background-image:url('{{ '/assets/css/pics/background/subtle-grey.png' | relative_url }}')"></div></li>
+<li class="col-sm-6"><div class="pattern" style="background-image:url('{{ '/assets/css/pics/background/xv.png' | relative_url }}')"></div></li>
+<li class="col-sm-6"><div class="pattern" style="background-image:url('{{ '/assets/css/pics/background/triangles.png' | relative_url }}')"></div></li>
+</ul>
+
+<script>
+  $('.pattern').click(function(){
+    var source = this.style.backgroundImage;
+    document.getElementsByTagName('body')[0].style.backgroundImage = source;
+    console.log("url('" + source + "'))");
+  })
+</script>
+
+To change the color go to the **theme.scss** and change the `background-pattern` variable to the name of the pattern image file. To use custom pattern, download it from [transparenttextures.com](https://www.transparenttextures.com/) and place it under **css/pics/background/**.
+
+>theme.scss
+{:.filename}
+{% highlight scss %}
+// use this or pick any from /css/pics/background folder or from transparenttextures.com
+$background-pattern: 'random-grey-variations.png';
+{% endhighlight %}

data/_posts/2016-10-01-code-syntax-highlighting.md

@@ -0,0 +1,81 @@
+---
+layout: post
+title: "Code snippets"
+date: 2016-10-01 16:25:06
+tags: code jekyll
+description: Sample post showing how code samples would look like
+---
+
+## Introduction
+
+For code syntax coloration I'm using Darcula theme from Intellij IDEA, which I've found in this post [Darcula theme for Pygments](http://smasue.github.io/pygments-darcula).
+
+XML with line numbers (linenos flag), `{{ "{%" }} highlight xml linenos %}`:
+{% highlight xml linenos %}
+{% raw %}
+<?xml version="1.0" encoding="UTF-8"?>
+<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
+  <channel>
+    <title>{{ site.name }}</title>
+    <description>{{ site.description }}</description>
+    <link>{{site.baseurl | prepend:site.url}}</link>
+    <atom:link href="{{site.baseurl | prepend:site.url}}/feed.xml" rel="self" type="application/rss+xml" />
+    {% for post in site.posts limit:10 %}
+      <item>
+        <title>{{ post.title }}</title>
+        <description>{{ post.content | xml_escape }}</description>
+        <pubDate>{{ post.date | date: "%a, %d %b %Y %H:%M:%S %z" }}</pubDate>
+        <link>{{post.url | prepend:site.baseurl | prepend:site.url}}</link>
+        <guid isPermaLink="true">{{post.url | prepend:site.baseurl | prepend:site.url}}</guid>
+      </item>
+    {% endfor %}
+  </channel>
+</rss>
+{% endraw %}
+{% endhighlight xml %}
+
+>JSON
+{:.filename}
+{% highlight json %}
+{"employees":[
+    {"firstName":"John", "lastName":"Doe"},
+    {"firstName":"Anna", "lastName":"Smith"},
+    {"firstName":"Peter", "lastName":"Jones"}
+]}
+{% endhighlight %}
+
+>SQL
+{:.filename}
+{% highlight SQL %}
+select count(*) as cm_content_nodes
+from alf_node nd, alf_qname qn, alf_namespace ns
+where qn.ns_id = ns.id
+  and nd.type_qname_id = qn.id
+  and ns.uri = 'http://www.alfresco.org/model/content/1.0'
+  and qn.local_name = 'content';
+{% endhighlight %}
+
+>Java
+{:.filename}
+{% highlight java %}
+private String getToken(HttpClient client) throws UnsupportedEncodingException{
+  Cookie[] cookies = client.getState().getCookies();
+  for (Cookie cookie : cookies){
+    if (cookie.getName().equals("Alfresco-CSRFToken")){
+      return URLDecoder.decode(cookie.getValue(), "UTF-8");
+    }
+  }
+  return null;
+}
+{% endhighlight %}
+
+To add name to the code snippet, as in the examples above, add following construction before the snippet:
+
+{% highlight bash %}
+{% raw %}
+>Java
+{:.filename}
+{% highlight java %}
+...
+{% endraw %}
+{% endhighlight %}