Added simple design

404.html

@@ -0,0 +1,12 @@
+---
+layout: default
+title: "404 Page Not Found"
+permalink: 404.html
+---
+
+<div class="page-content wc-container">
+  <h3>404 Page Not Found</h3>
+  <h4>The page you were looking for is not found.</h4>
+  <p>Sorry, we've misplaced that URL or it's pointing to something that 
+  	doesn't exist. Please <a href="{{ site.baseurl }}">head back home</a> to try finding it again.</p>
+</div>

Gemfile

@@ -10,6 +10,8 @@ ruby RUBY_VERSION
 # This will help ensure the proper Jekyll version is running.
 # Happy Jekylling!
 gem "jekyll", "3.3.1"
+gem "jekyll-sitemap"
+gem "jekyll-paginate"
 
 # This is the default theme for new Jekyll sites. You may change this to anything you like.
 gem "minima", "~> 2.0"

Gemfile.lock

@@ -19,8 +19,11 @@ GEM
       safe_yaml (~> 1.0)
     jekyll-feed (0.8.0)
       jekyll (~> 3.3)
+    jekyll-paginate (1.1.0)
     jekyll-sass-converter (1.5.0)
       sass (~> 3.4)
+    jekyll-sitemap (0.12.0)
+      jekyll (~> 3.3)
     jekyll-watch (1.5.0)
       listen (~> 3.0, < 3.1)
     kramdown (1.13.1)
@@ -47,6 +50,8 @@ PLATFORMS
 DEPENDENCIES
   jekyll (= 3.3.1)
   jekyll-feed (~> 0.6)
+  jekyll-paginate
+  jekyll-sitemap
   minima (~> 2.0)
 
 RUBY VERSION

_config.yml

@@ -26,9 +26,20 @@ github_username:  jekyll
 
 # Build settings
 markdown: kramdown
-theme: minima
-gems:
-  - jekyll-feed
+permalink: pretty
+
+positive:
+    name: Positive.JS
+
+gems: [jekyll-paginate]
+
 exclude:
   - Gemfile
   - Gemfile.lock
+
+sass:
+    sass_dir: assets/css/_sass
+    style: :compressed
+
+paginate: 1
+paginate_path: "/page/:num"

_drafts/post-with-images.markdown

@@ -0,0 +1,11 @@
+---
+layout: post
+title:  "Post with an images"
+date:   2014-08-30 23:56:45
+categories:
+- blog
+permalink: sample-post-with-images
+description: A sample post to show how images are being rendered.
+---
+
+A sample post to show how images are being rendered.

_includes/footer-links.html

@@ -0,0 +1,5 @@
+<h6>Few more links</h6>
+<ul class="menu">
+    <li><a href="{{ '/about' | prepend: site.baseurl | prepend: site.url }}">About</a></li>
+    <li><a href="{{ '/blog' | prepend: site.baseurl | prepend: site.url }}">Blog</a></li>
+</ul>		

_includes/footer.html

@@ -0,0 +1 @@
+Powered by <a href="http://jekyllrb.com" target="_blank">Jekyll</a>

_includes/header-links.html

@@ -0,0 +1,8 @@
+<ul>
+	<li>
+		<a href="{{ '/about' | prepend: site.baseurl | prepend: site.url }}">About</a><span>/</span>
+	</li>
+	<li>
+		<a href="{{ '/blog' | prepend: site.baseurl | prepend: site.url }}">Blog</a><span>/</span>
+	</li>
+</ul>

_includes/paginator.html

@@ -0,0 +1,25 @@
+{% if paginator.total_pages > 1 %}
+  <ul class="pagination">
+    {% if paginator.previous_page %}
+      <li class="pagination__previous"><a href="{{ paginator.previous_page_path | prepend: site.baseurl | replace: '//', '/' }}">Раньше</a>
+    {% else %}
+      <li class="pagination__previous pagination__previous--disabled">Раньше</li>
+    {% endif %}
+
+    {% for page in (1..paginator.total_pages) %}
+      {% if page == paginator.page %}
+        <li class="pagination__item pagination__current">{{ page }}</li>
+      {% elsif page == 1 %}
+        <li class="pagination__item"><a href="{{ paginator.previous_page_path | prepend: site.baseurl | replace: '//', '/' }}">{{ page }}</a></li>
+      {% else %}
+        <li class="pagination__item"><a href="{{ site.paginate_path | prepend: site.baseurl | replace: '//', '/' | replace: ':num', page }}">{{ page }}</a></li>
+      {% endif %}
+    {% endfor %}
+
+    {% if paginator.next_page %}
+      <li class="pagination__next"><a href="{{ paginator.next_page_path | prepend: site.baseurl | replace: '//', '/' }}">Позже</a></li>
+    {% else %}
+      <li class="pagination__next pagination__next--disabled">Позже</li>
+    {% endif %}
+  </ul>
+{% endif %}

_includes/social.html

@@ -0,0 +1,54 @@
+<h6>Follow me</h6>
+
+<ul class="social-media">
+
+
+    {% if site.positive.social.twitter %}
+    <li>
+        <a title="{{ site.positive.social.twitter }} on Twitter" 
+            href="https://twitter.com/{{ site.positive.social.twitter }}" 
+            class="twitter wc-img-replace" target="_blank">Twitter</a>
+    </li>   
+    {% endif %}
+
+    {% if site.positive.social.github %}
+    <li>
+        <a title="{{ site.positive.social.github }} on Github" 
+            href="https://github.com/{{ site.positive.social.github }}" 
+            class="github wc-img-replace" target="_blank">Github</a>
+    </li>
+    {% endif %} 
+
+    {% if site.positive.social.facebook %}
+    <li>
+        <a title="{{ site.positive.social.facebook }} on Facebook" 
+            href="https://facebook.com/{{ site.positive.social.facebook }}" 
+            class="facebook wc-img-replace" target="_blank">Facebook</a>
+    </li>
+    {% endif %}
+
+    {% if site.positive.social.gplus %}
+    <li>
+        <a title="{{ site.positive.social.gplus }} on Google Plus" 
+            href="https://plus.google.com/{{ site.positive.social.gplus }}" 
+            class="google wc-img-replace" target="_blank">Google</a>
+    </li>
+    {% endif %}
+
+    {% if site.positive.social.dribble %}
+    <li>
+        <a title="{{ site.positive.social.dribble }} on Dribble" 
+            href="https://dribbble.com/{{ site.positive.social.dribble }}" 
+            class="dribble wc-img-replace" target="_blank">Dribble</a>
+    </li> 
+    {% endif %}
+
+    {% if site.positive.social.pinterest %}
+    <li>
+        <a title="{{ site.positive.social.pinterest }} on Pinterest" 
+            href="https://www.pinterest.com/{{ site.positive.social.pinterest }}" 
+            class="pinterest wc-img-replace" target="_blank">Pinterest</a>
+    </li> 
+    {% endif %}
+
+</ul>

_layouts/default.html

@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8">
+        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+        <title>{% if page.title %}{{ page.title }}{% else %}{{ site.positive.name }}{% endif %}</title>
+        <meta name="viewport" content="width=device-width, initial-scale=1">        
+        <meta name="description" content="{% if page.meta_description %}{{ page.meta_description }}{% else %}{{ site.positive.meta_description }}{% endif %}">
+        <link rel="canonical" 
+        href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
+
+        <link rel="stylesheet" type="text/css" href="{{ site.baseurl }}/assets/css/main.css">
+    </head>
+    <body>
+        <header class="main-header">
+            <div class="wc-container">
+                <h1><a href="{{ site.baseurl }}/">{{ site.positive.name }}</a></h1>
+                {% include header-links.html %}                
+            </div>
+        </header>
+        {{ content }}
+        <footer class="main-footer">
+            <div class="wc-container">
+                <div class="column one">
+                    {% include footer-links.html %}                    
+                </div>
+                <div class="column two">
+                    {% include social.html %}
+                </div>
+            </div>
+            <p class="wc-container disclaimer">
+                {% include footer.html %}
+            </p>
+        </footer>
+        <script type="text/javascript">
+          /* To avoid render blocking css */
+          var cb = function() {
+            var l = document.createElement('link'); l.rel = 'stylesheet';
+            l.href = 'http://fonts.googleapis.com/css?family=Ubuntu+Mono&subset=latin';
+            var h = document.getElementsByTagName('head')[0]; h.parentNode.insertBefore(l, h);
+          };
+          var raf = requestAnimationFrame || mozRequestAnimationFrame ||
+              webkitRequestAnimationFrame || msRequestAnimationFrame;
+          if (raf) raf(cb);
+          else window.addEventListener('load', cb);
+        </script>
+    </body>        
+</html>

_layouts/page.html

@@ -0,0 +1,11 @@
+---
+layout: default
+---
+<div class="page-content wc-container">
+	<div class="post">
+		<h1>{{ page.title }}</h1>
+		<div class="post">
+			{{ content }}
+		</div>
+	</div>
+</div>

_layouts/post.html

@@ -0,0 +1,56 @@
+---
+layout: default
+---
+
+<div class="page-content wc-container">
+
+	<div class="post">
+		<h1>{{ page.title }}</h1>
+		<p class="post-meta">
+			{% if page.categories.size > 0 %}
+				<span class="categories">
+				{{ page.categories | array_to_sentence_string }}
+				</span> |
+	    	{% endif %}
+			<span class="post-date">
+			{{ page.date | date: "%b %-d, %Y" }} 
+			</span>
+		</p>		
+		<div class="post">
+			{{ content }}
+		</div>
+	</div>
+
+	{% if site.related_posts %}
+	<div class="related">
+		<h4>Related Posts</h4>
+		<ul class="posts">
+		    {% for post in site.related_posts limit:3 %}
+		    <li>
+			  <span>{{ post.date | date_to_string }} &raquo;</span>
+			  <a href="{{ post.url | prepend: site.baseurl | prepend: site.url }}">{{ post.title }}</a>
+		    </li>
+		    {% endfor %}
+		</ul>
+	</div>
+	{% endif %}
+
+	<div class="post-footer">
+		<div class="column-1">
+			{% if page.previous %}
+				<a href="{{page.previous.url | prepend: site.baseurl | prepend: site.url }}"><< Older</a>
+			{% else %}
+				<span><< Older</span>
+			{% endif %}
+		</div>
+		<div class="column-2"><a href="{{ '/' | prepend: site.baseurl | prepend: site.url }} ">Home</a></div>
+		<div class="column-3">
+			{% if page.next %}
+				<a href="{{ page.next.url | prepend: site.baseurl | prepend: site.url }}">Newer >></a>
+			{% else %}
+				<span>Newer >></span>
+			{% endif %}
+		</div>
+	</div>
+</div>
+

_posts/2014-08-19-sample-post.markdown

@@ -0,0 +1,61 @@
+---
+layout: post
+title:  "Sample post"
+date:   2014-08-19 23:56:45 +0300
+description: Just a sample post to show some of the typography elements.
+categories:
+- blog
+permalink: sample-post
+---
+
+Just a sample post to show some of the *typography* elements from 
+**Title**.
+
+___
+
+A blockquote:
+
+> Donec in mollis eros, nec rutrum turpis. **Curabitur** sem elit, semper nec volutpat quis, laoreet et sapien. In felis erat, rhoncus sed pellentesque mollis, tincidunt quis elit.
+> - By Someone
+
+## Header 2
+
+Duis lacinia commodo dui, vel aliquam metus hendrerit eu. Integer et scelerisque dui. Sed nec molestie quam. Donec sit amet nisl a massa commodo ultrices nec quis nunc. Aenean aliquet eu arcu adipiscing dignissim. Nunc dictum elit vitae dolor molestie aliquet.
+
+
+Example code: 
+
+{% highlight ruby %}
+def print_hi(name)
+  puts "Hi, #{name}"
+end
+print_hi('Tom')
+#=> prints 'Hi, Tom' to STDOUT.
+{% endhighlight %}
+
+
+A list: 
+
+- Praesent nisi elit, bibendum ut consectetur ac, aliquet in nunc
+- Donec ante est, volutpat in mi et, pulvinar congue dolor.
+- Quisque ultrices pulvinar sollicitudin.
+- Duis elementum odio eu euismod suscipit.
+- Integer enim lorem, interdum sit amet consectetur non, bibendum eget neque.
+
+A numbered list: 
+
+1. Praesent nisi elit, bibendum ut consectetur ac, aliquet in nunc. 
+2. Donec ante est, volutpat in mi et, pulvinar congue dolor.
+3. Quisque ultrices pulvinar sollicitudin.
+4. Duis elementum odio eu euismod suscipit.
+5. Integer enim lorem, interdum sit amet consectetur non, bibendum eget neque.
+
+Definition list:
+
+Curabitur cursus magna eu sem cursus
+: ac ultrices urna pharetra.
+: Duis scelerisque ipsum eu luctus elementum. 
+
+Pellentesque habitant morbi tristique senectus
+: Curabitur malesuada lacus ac gravida porttitor
+: Duis sodales feugiat lorem et mollis. 

_posts/2017-01-02-welcome-to-jekyll.markdown

@@ -2,7 +2,10 @@
 layout: post
 title:  "Welcome to Jekyll!"
 date:   2017-01-02 16:55:54 +0300
-categories: jekyll update
+description: Just a sample post
+categories:
+- blog
+permalink: jekyll-update
 ---
 You’ll find this post in your `_posts` directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run `jekyll serve`, which launches a web server and auto-regenerates your site when a file is updated.