Release v0.0.4

.gitignore

@@ -1,3 +1,4 @@
 _site*
 .sass-cache
 .jekyll-metadata
+*backup/

Gemfile.lock

@@ -1,127 +1,195 @@
 GEM
   remote: https://rubygems.org/
   specs:
-    RedCloth (4.2.9)
+    activesupport (4.2.7)
-    activesupport (4.2.6)
       i18n (~> 0.7)
       json (~> 1.7, >= 1.7.7)
       minitest (~> 5.1)
       thread_safe (~> 0.3, >= 0.3.4)
       tzinfo (~> 1.1)
-    addressable (2.4.0)
+    addressable (2.5.0)
+      public_suffix (~> 2.0, >= 2.0.2)
     coffee-script (2.4.1)
       coffee-script-source
       execjs
-    coffee-script-source (1.10.0)
+    coffee-script-source (1.12.2)
-    colorator (0.1)
+    colorator (1.1.0)
-    ethon (0.8.1)
+    ethon (0.10.1)
       ffi (>= 1.3.0)
-    execjs (2.6.0)
+    execjs (2.7.0)
-    faraday (0.9.2)
+    faraday (0.11.0)
       multipart-post (>= 1.2, < 3)
-    ffi (1.9.10)
+    ffi (1.9.17)
+    forwardable-extended (2.6.0)
     gemoji (2.1.0)
-    github-pages (71)
+    github-pages (117)
-      RedCloth (= 4.2.9)
+      activesupport (= 4.2.7)
-      github-pages-health-check (= 1.1.0)
+      github-pages-health-check (= 1.3.0)
-      jekyll (= 3.0.3)
+      jekyll (= 3.3.1)
+      jekyll-avatar (= 0.4.2)
       jekyll-coffeescript (= 1.0.1)
-      jekyll-feed (= 0.5.1)
+      jekyll-default-layout (= 0.1.4)
+      jekyll-feed (= 0.8.0)
       jekyll-gist (= 1.4.0)
-      jekyll-github-metadata (= 1.11.0)
+      jekyll-github-metadata (= 2.3.1)
-      jekyll-mentions (= 1.1.2)
+      jekyll-mentions (= 1.2.0)
+      jekyll-optional-front-matter (= 0.1.2)
       jekyll-paginate (= 1.1.0)
-      jekyll-redirect-from (= 0.10.0)
+      jekyll-readme-index (= 0.0.3)
-      jekyll-sass-converter (= 1.3.0)
+      jekyll-redirect-from (= 0.11.0)
-      jekyll-seo-tag (= 1.3.3)
+      jekyll-relative-links (= 0.2.1)
-      jekyll-sitemap (= 0.10.0)
+      jekyll-sass-converter (= 1.5.0)
-      jekyll-textile-converter (= 0.1.0)
+      jekyll-seo-tag (= 2.1.0)
-      jemoji (= 0.6.2)
+      jekyll-sitemap (= 0.12.0)
-      kramdown (= 1.10.0)
+      jekyll-swiss (= 0.4.0)
+      jekyll-theme-architect (= 0.0.3)
+      jekyll-theme-cayman (= 0.0.3)
+      jekyll-theme-dinky (= 0.0.3)
+      jekyll-theme-hacker (= 0.0.3)
+      jekyll-theme-leap-day (= 0.0.3)
+      jekyll-theme-merlot (= 0.0.3)
+      jekyll-theme-midnight (= 0.0.3)
+      jekyll-theme-minimal (= 0.0.3)
+      jekyll-theme-modernist (= 0.0.3)
+      jekyll-theme-primer (= 0.1.7)
+      jekyll-theme-slate (= 0.0.3)
+      jekyll-theme-tactile (= 0.0.3)
+      jekyll-theme-time-machine (= 0.0.3)
+      jekyll-titles-from-headings (= 0.1.4)
+      jemoji (= 0.7.0)
+      kramdown (= 1.11.1)
       liquid (= 3.0.6)
+      listen (= 3.0.6)
       mercenary (~> 0.3)
-      rdiscount (= 2.1.8)
+      minima (= 2.0.0)
-      redcarpet (= 3.3.3)
+      nokogiri (= 1.6.8.1)
-      rouge (= 1.10.1)
+      rouge (= 1.11.1)
       terminal-table (~> 1.4)
-    github-pages-health-check (1.1.0)
+    github-pages-health-check (1.3.0)
       addressable (~> 2.3)
       net-dns (~> 0.8)
       octokit (~> 4.0)
-      public_suffix (~> 1.4)
+      public_suffix (~> 2.0)
       typhoeus (~> 0.7)
-    html-pipeline (2.4.0)
+    html-pipeline (2.5.0)
-      activesupport (>= 2, < 5)
+      activesupport (>= 2)
       nokogiri (>= 1.4)
     i18n (0.7.0)
-    jekyll (3.0.3)
+    jekyll (3.3.1)
-      colorator (~> 0.1)
+      addressable (~> 2.4)
+      colorator (~> 1.0)
       jekyll-sass-converter (~> 1.0)
       jekyll-watch (~> 1.1)
       kramdown (~> 1.3)
       liquid (~> 3.0)
       mercenary (~> 0.3.3)
+      pathutil (~> 0.9)
       rouge (~> 1.7)
       safe_yaml (~> 1.0)
+    jekyll-avatar (0.4.2)
+      jekyll (~> 3.0)
     jekyll-coffeescript (1.0.1)
       coffee-script (~> 2.2)
-    jekyll-feed (0.5.1)
+    jekyll-default-layout (0.1.4)
+      jekyll (~> 3.0)
+    jekyll-feed (0.8.0)
+      jekyll (~> 3.3)
     jekyll-gist (1.4.0)
       octokit (~> 4.2)
-    jekyll-github-metadata (1.11.0)
+    jekyll-github-metadata (2.3.1)
-      octokit (~> 4.0)
+      jekyll (~> 3.1)
-    jekyll-mentions (1.1.2)
+      octokit (~> 4.0, != 4.4.0)
+    jekyll-mentions (1.2.0)
+      activesupport (~> 4.0)
       html-pipeline (~> 2.3)
       jekyll (~> 3.0)
-    jekyll-paginate (1.1.0)
+    jekyll-optional-front-matter (0.1.2)
-    jekyll-redirect-from (0.10.0)
-      jekyll (>= 2.0)
-    jekyll-sass-converter (1.3.0)
-      sass (~> 3.2)
-    jekyll-seo-tag (1.3.3)
       jekyll (~> 3.0)
-    jekyll-sitemap (0.10.0)
+    jekyll-paginate (1.1.0)
-    jekyll-textile-converter (0.1.0)
+    jekyll-readme-index (0.0.3)
-      RedCloth (~> 4.0)
+      jekyll (~> 3.0)
-    jekyll-watch (1.3.1)
+    jekyll-redirect-from (0.11.0)
-      listen (~> 3.0)
+      jekyll (>= 2.0)
-    jemoji (0.6.2)
+    jekyll-relative-links (0.2.1)
+      jekyll (~> 3.3)
+    jekyll-sass-converter (1.5.0)
+      sass (~> 3.4)
+    jekyll-seo-tag (2.1.0)
+      jekyll (~> 3.3)
+    jekyll-sitemap (0.12.0)
+      jekyll (~> 3.3)
+    jekyll-swiss (0.4.0)
+    jekyll-theme-architect (0.0.3)
+      jekyll (~> 3.3)
+    jekyll-theme-cayman (0.0.3)
+      jekyll (~> 3.3)
+    jekyll-theme-dinky (0.0.3)
+      jekyll (~> 3.3)
+    jekyll-theme-hacker (0.0.3)
+      jekyll (~> 3.3)
+    jekyll-theme-leap-day (0.0.3)
+      jekyll (~> 3.3)
+    jekyll-theme-merlot (0.0.3)
+      jekyll (~> 3.3)
+    jekyll-theme-midnight (0.0.3)
+      jekyll (~> 3.3)
+    jekyll-theme-minimal (0.0.3)
+      jekyll (~> 3.3)
+    jekyll-theme-modernist (0.0.3)
+      jekyll (~> 3.3)
+    jekyll-theme-primer (0.1.7)
+      jekyll (~> 3.3)
+    jekyll-theme-slate (0.0.3)
+      jekyll (~> 3.3)
+    jekyll-theme-tactile (0.0.3)
+      jekyll (~> 3.3)
+    jekyll-theme-time-machine (0.0.3)
+      jekyll (~> 3.3)
+    jekyll-titles-from-headings (0.1.4)
+      jekyll (~> 3.3)
+    jekyll-watch (1.5.0)
+      listen (~> 3.0, < 3.1)
+    jemoji (0.7.0)
+      activesupport (~> 4.0)
       gemoji (~> 2.0)
       html-pipeline (~> 2.2)
       jekyll (>= 3.0)
     json (1.8.6)
-    kramdown (1.10.0)
+    kramdown (1.11.1)
     liquid (3.0.6)
     listen (3.0.6)
       rb-fsevent (>= 0.9.3)
       rb-inotify (>= 0.9.7)
     mercenary (0.3.6)
-    mini_portile2 (2.0.0)
+    mini_portile2 (2.1.0)
-    minitest (5.4.3)
+    minima (2.0.0)
+    minitest (5.10.1)
     multipart-post (2.0.0)
     net-dns (0.8.0)
-    nokogiri (1.6.7.2)
+    nokogiri (1.6.8.1)
-      mini_portile2 (~> 2.0.0.rc2)
+      mini_portile2 (~> 2.1.0)
-    octokit (4.3.0)
+    octokit (4.6.2)
-      sawyer (~> 0.7.0, >= 0.5.3)
+      sawyer (~> 0.8.0, >= 0.5.3)
-    public_suffix (1.5.3)
+    pathutil (0.14.0)
-    rb-fsevent (0.9.7)
+      forwardable-extended (~> 2.6)
-    rb-inotify (0.9.7)
+    public_suffix (2.0.5)
+    rb-fsevent (0.9.8)
+    rb-inotify (0.9.8)
       ffi (>= 0.5.0)
-    rdiscount (2.1.8)
+    rouge (1.11.1)
-    redcarpet (3.3.3)
-    rouge (1.10.1)
     safe_yaml (1.0.4)
-    sass (3.4.22)
+    sass (3.4.23)
-    sawyer (0.7.0)
+    sawyer (0.8.1)
-      addressable (>= 2.3.5, < 2.5)
+      addressable (>= 2.3.5, < 2.6)
-      faraday (~> 0.8, < 0.10)
+      faraday (~> 0.8, < 1.0)
-    terminal-table (1.5.2)
+    terminal-table (1.7.3)
+      unicode-display_width (~> 1.1.1)
     thread_safe (0.3.5)
     typhoeus (0.8.0)
       ethon (>= 0.8.0)
     tzinfo (1.2.2)
       thread_safe (~> 0.1)
+    unicode-display_width (1.1.3)
 
 PLATFORMS
   ruby
@@ -130,4 +198,4 @@ DEPENDENCIES
   github-pages
 
 BUNDLED WITH
-   1.11.2
+   1.13.7

README.md

@@ -1,11 +1,12 @@
 ## My Stack Problems
 
-> This project forked and has been modified from [A simple grey theme for Jekyll](https://github.com/liamsymonds/simplygrey-jekyll), and the search posts using [Super Search](https://github.com/chinchang/super-search)
+> This project forked and has been modified from [A simple grey theme for Jekyll](https://github.com/liamsymonds/simplygrey-jekyll),
+> and the search posts using [Super Search](https://github.com/chinchang/super-search)
 
 ### Demo
 * [https://agusmakmun.github.io](https://agusmakmun.github.io)
 
-#### Feature
+#### Features
 
 * Sitemap and XML Feed
 * Paginations in homepage
@@ -15,10 +16,10 @@
 * Highlight pre
 * Next & Previous Post
 * Disqus comment
-* Projects
+* Projects page & Detail Project page
-* Project page
 * Share on social media
 * Google analytics
+* HTML Minify _(Compress HTML)_ using [Jekyll Compress HTML](https://github.com/penibelst/jekyll-compress-html)
 
 #### Screenshot
 

_config.yml

@@ -2,7 +2,7 @@ title: Stack Problems
 description: My Personal Stack Problems
 author: Agus Makmun
 github: https://github.com/agusmakmun
-about: I am freelance developer. Currently doing more in backend, actually in Python and Django.
+about: I am freelance developer. Currently doing more in backend, focused in Python and Django.
 disqus_shortname: stackproblems
 google_analytics: UA-XXXXXXXX-Y
 
@@ -17,14 +17,14 @@ collections:
 social:
     - icon: fa-facebook
       link: "#"
-    - icon: fa-skype
-      link: "#"
     - icon: fa-twitter
       link: "https://twitter.com/agusmakmun6"
     - icon: fa-linkedin
-      link: "#"
+      link: "https://www.linkedin.com/in/summonagus"
     - icon: fa-stack-exchange
       link: "#"
+    - icon: fa-github
+      link: "https://github.com/agusmakmun"
 
 share:
   twitter_username: agusmakmun6
@@ -33,10 +33,8 @@ share:
 urls:
     - text: About Me
       url: /about/
-    - text: Projects
+    - text: My Projects
       url: /projects/
-    - text: Github
-      url: https://github.com/agusmakmun
     - text: XML Feed
       url: /feed.xml
 
@@ -49,3 +47,8 @@ markdown: kramdown
 gems:
   - jekyll-paginate
   - jekyll-gist
+
+compress_html:
+  clippings: all
+  comments: ["<!-- ", " -->"]
+  endings: all

_includes/project_tags.html

@@ -1,6 +1,7 @@
 {% if site.enableTags ==  true %}
 	<div id="tag-filter" class="tag-group">
 		<span class="tag-filter tag-cloud all active">All</span>
+		
     {% assign tagarray = site.tagarray %}
     {% for project in site.data.projects %}
       {% for tag in project.tags %}

_includes/share-page.html

@@ -12,6 +12,7 @@
   <!-- Facebook -->
   <div class="fb-share-button" data-href="{{ site.url }}{{ page.url }}" data-layout="button_count" style="position: relative; top: -8px; left: 3px;"></div>
 </div>
+
 <div id="fb-root"></div>
 <script>(function(d, s, id) {
   var js, fjs = d.getElementsByTagName(s)[0];

_layouts/compress.html

@@ -0,0 +1,11 @@
+---
+# Jekyll layout that compresses HTML
+# v3.0.2
+# http://jch.penibelst.de/
+# https://github.com/penibelst/jekyll-compress-html
+# © 2014–2015 Anatol Broder
+# MIT License
+---
+
+{% capture _LINE_FEED %}
+{% endcapture %}{% if site.compress_html.ignore.envs contains jekyll.environment %}{{ content }}{% else %}{% capture _content %}{{ content }}{% endcapture %}{% assign _profile = site.compress_html.profile %}{% if site.compress_html.endings == "all" %}{% assign _endings = "html head body li dt dd p rt rp optgroup option colgroup caption thead tbody tfoot tr td th" | split: " " %}{% else %}{% assign _endings = site.compress_html.endings %}{% endif %}{% for _element in _endings %}{% capture _end %}</{{ _element }}>{% endcapture %}{% assign _content = _content | remove: _end %}{% endfor %}{% if _profile and _endings %}{% assign _profile_endings = _content | size | plus: 1 %}{% endif %}{% for _element in site.compress_html.startings %}{% capture _start %}<{{ _element }}>{% endcapture %}{% assign _content = _content | remove: _start %}{% endfor %}{% if _profile and site.compress_html.startings %}{% assign _profile_startings = _content | size | plus: 1 %}{% endif %}{% if site.compress_html.comments == "all" %}{% assign _comments = "<!-- -->" | split: " " %}{% else %}{% assign _comments = site.compress_html.comments %}{% endif %}{% if _comments.size == 2 %}{% capture _comment_befores %}.{{ _content }}{% endcapture %}{% assign _comment_befores = _comment_befores | split: _comments.first %}{% for _comment_before in _comment_befores %}{% if forloop.first %}{% continue %}{% endif %}{% capture _comment_outside %}{% if _carry %}{{ _comments.first }}{% endif %}{{ _comment_before }}{% endcapture %}{% capture _comment %}{% unless _carry %}{{ _comments.first }}{% endunless %}{{ _comment_outside | split: _comments.last | first }}{% if _comment_outside contains _comments.last %}{{ _comments.last }}{% assign _carry = false %}{% else %}{% assign _carry = true %}{% endif %}{% endcapture %}{% assign _content = _content | remove_first: _comment %}{% endfor %}{% if _profile %}{% assign _profile_comments = _content | size | plus: 1 %}{% endif %}{% endif %}{% assign _pre_befores = _content | split: "<pre" %}{% assign _content = "" %}{% for _pre_before in _pre_befores %}{% assign _pres = _pre_before | split: "</pre>" %}{% assign _pres_after = "" %}{% if _pres.size != 0 %}{% if site.compress_html.blanklines %}{% assign _lines = _pres.last | split: _LINE_FEED %}{% capture _pres_after %}{% for _line in _lines %}{% assign _trimmed = _line | split: " " | join: " " %}{% if _trimmed != empty or forloop.last %}{% unless forloop.first %}{{ _LINE_FEED }}{% endunless %}{{ _line }}{% endif %}{% endfor %}{% endcapture %}{% else %}{% assign _pres_after = _pres.last | split: " " | join: " " %}{% endif %}{% endif %}{% capture _content %}{{ _content }}{% if _pre_before contains "</pre>" %}<pre{{ _pres.first }}</pre>{% endif %}{% unless _pre_before contains "</pre>" and _pres.size == 1 %}{{ _pres_after }}{% endunless %}{% endcapture %}{% endfor %}{% if _profile %}{% assign _profile_collapse = _content | size | plus: 1 %}{% endif %}{% if site.compress_html.clippings == "all" %}{% assign _clippings = "html head title base link meta style body article section nav aside h1 h2 h3 h4 h5 h6 hgroup header footer address p hr blockquote ol ul li dl dt dd figure figcaption main div table caption colgroup col tbody thead tfoot tr td th" | split: " " %}{% else %}{% assign _clippings = site.compress_html.clippings %}{% endif %}{% for _element in _clippings %}{% assign _edges = " <e;<e; </e>;</e>;</e> ;</e>" | replace: "e", _element | split: ";" %}{% assign _content = _content | replace: _edges[0], _edges[1] | replace: _edges[2], _edges[3] | replace: _edges[4], _edges[5] %}{% endfor %}{% if _profile and _clippings %}{% assign _profile_clippings = _content | size | plus: 1 %}{% endif %}{{ _content }}{% if _profile %} <table id="compress_html_profile_{{ site.time | date: "%Y%m%d" }}" class="compress_html_profile"> <thead> <tr> <td>Step <td>Bytes <tbody> <tr> <td>raw <td>{{ content | size }}{% if _profile_endings %} <tr> <td>endings <td>{{ _profile_endings }}{% endif %}{% if _profile_startings %} <tr> <td>startings <td>{{ _profile_startings }}{% endif %}{% if _profile_comments %} <tr> <td>comments <td>{{ _profile_comments }}{% endif %}{% if _profile_collapse %} <tr> <td>collapse <td>{{ _profile_collapse }}{% endif %}{% if _profile_clippings %} <tr> <td>clippings <td>{{ _profile_clippings }}{% endif %} </table>{% endif %}{% endif %}

_layouts/default.html

@@ -1,51 +1,56 @@
+---
+layout: compress
+---
 <!DOCTYPE html>
 <html>
   <head>
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width, initial-scale=1">
-
     <link rel="shortcut icon" href="/static/img/favicon.ico" />
     <title>{% if page.title %}{{ page.title }} - {{ site.title }}{% else %}{{ site.author }}{% endif %}</title>
     <meta name="author" content="{{ site.author }}" />
     <meta name="description" content="{% if page.title %}{{ page.title }}{% else %}{{ site.description }}{% endif %}" />
     <meta name="keywords" content="{% if page.title %}{{ page.title }}, {{ site.title }}, {% for categ in page.categories %}{{ categ }}{% if forloop.last == false %}, {% endif %}{% endfor %}{% else %}{{ site.title }}, {% for category in site.categories %}{% capture categories_slug %}{{ category | first }}{% endcapture %}{% for categ in categories_slug %}{{ categ }}{% endfor %}{% if forloop.last == false %}, {% endif %}{% endfor %}{% endif %}" />
     <link rel="alternate" type="application/rss+xml" title="RSS" href="/feed.xml">
-
     <meta content="{{ site.share.fb_appid }}" property="fb:app_id">
     <meta content="{{ site.title }}" property="og:site_name">
+
     {% if page.title %}
       <meta content="{{ page.title }}" property="og:title">
-        {% else %}
-          <meta content="{{ site.title }}" property="og:title">
-        {% endif %}
-        {% if page.title %}
       <meta content="article" property="og:type">
     {% else %}
+      <meta content="{{ site.title }}" property="og:title">
       <meta content="website" property="og:type">
     {% endif %}
+
     {% if page.description %}
       <meta content="{{ page.description }}" property="og:description">
     {% else %}
       <meta content="{{ site.description }}" property="og:description">
     {% endif %}
+
     {% if page.url %}
       <meta content="{{ site.url }}{{ page.url }}" property="og:url">
     {% endif %}
+
     {% if page.date %}
       <meta content="{{ page.date | date_to_xmlschema }}" property="article:published_time">
       <meta content="{{ site.url }}/about/" property="article:author">
     {% endif %}
+
     {% if page.image %}
       <meta content="{{ site.url }}/static/img/posts/{{ page.image }}" property="og:image">
     {% else %}
       <meta content="{{ site.url }}/static/img/logo-high-resolution.png" property="og:image">
     {% endif %}
+
     {% if page.categories %}
       {% for category in page.categories limit:1 %}
         <meta content="{{ category }}" property="article:section">
       {% endfor %}
     {% endif %}
+
     {% if page.tags %}
       {% for tag in page.tags %}
         <meta content="{{ tag }}" property="article:tag">
@@ -55,35 +60,35 @@
     <meta name="twitter:card" content="summary">
     <meta name="twitter:site" content="@{{ site.share.twitter_username }}">
     <meta name="twitter:creator" content="@{{ site.share.twitter_username }}">
+
     {% if page.title %}
       <meta name="twitter:title" content="{{ page.title }}">
     {% else %}
       <meta name="twitter:title" content="{{ site.title }}">
     {% endif %}
+
     {% if page.url %}
       <meta name="twitter:url" content="{{ site.url }}{{ page.url }}">
     {% endif %}
+
     {% if page.description %}
       <meta name="twitter:description" content="{{ page.description }}">
     {% else %}
       <meta name="twitter:description" content="{{ site.description }}">
     {% endif %}
+
     {% if page.header-img %}
       <meta name="twitter:image:src" content="{{ site.url }}/{{ page.header-img }}">
     {% endif %}
 
     <!-- Font awesome icons -->
     <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-T8Gy5hrqNKT+hzMclPo118YTQO6cYprQmhrYwIiQ/3axmI1hQomh7Ud2hPOy8SP1" crossorigin="anonymous">
-
     <!-- syntax highlighting CSS -->
     <link rel="stylesheet" href="/static/css/syntax.css">
-
     <!-- Bootstrap core CSS -->
     <link href="/static/css/bootstrap.min.css" rel="stylesheet">
-
     <!-- Fonts -->
-        <link href="//fonts.googleapis.com/css?family=Roboto+Condensed:400,300italic,300,400italic,700&amp;subset=latin,latin-ext" rel="stylesheet" type="text/css">
+    <link href="https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300italic,300,400italic,700&amp;subset=latin,latin-ext" rel="stylesheet" type="text/css">
-
     <!-- Custom CSS -->
     <link rel="stylesheet" href="/static/css/super-search.css">
     <link rel="stylesheet" href="/static/css/thickbox.css">
@@ -101,19 +106,17 @@
       ga('send', 'pageview');
     </script>
   </head>
-
   <body>
     <div class="container">
       <div class="col-sm-3">
         <div class="fixed-condition">
-                <a href="/"><img id="about" src="/static/img/avatar.jpg" height="75px" width="75px" /></a>
+          <a href="/"><img class="profile-avatar" src="/static/img/avatar.jpg" height="75px" width="75px" /></a>
           <h1 class="author-name">{{ site.author }}</h1>
           {% if site.about %}
-                <div id="about">
+            <div class="profile-about">
               {{ site.about }}
             </div>
           {% endif %}
-
           <div class="social">
             <ul>
               {% for link in site.social %}
@@ -121,37 +124,37 @@
               {% endfor %}
             </ul>
           </div>
-
           <div class="search" id="js-search">
             <input type="text" placeholder="(sitemap)~$ type to search" class="search__input form-control" id="js-search__input">
             <ul class="search__results" id="js-search__results"></ul>
           </div>
           <hr />
-
+          <ul class="sidebar-nav">
-                <strong>Navigation</strong><br />
+            <strong>Navigation</strong>
-                    &nbsp;&raquo; <a href="/">Home</a> <br />
+            <li><a href="/">Home</a></li>
             {% for i in site.urls %}
-                    &nbsp;&raquo; <a class="about" href="{{ i.url }}">{{ i.text }}</a><br />
+              <li><a class="about" href="{{ i.url }}">{{ i.text }}</a></li>
             {% endfor %}
-              </div><!-- end /.fixed-condition -->
+          </ul>
         </div>
-
+        <!-- end /.fixed-condition -->
-            <div class="col-sm-8 col-offset-1">
+      </div>
+      <div class="col-sm-8 col-offset-1 main-layout">
         {{ content }}
-
         <footer>
           &copy; {{ site.author }}
           {% if site.github %}
             - <a href="{{ site.github }}">{{ site.github }}</a> - Powered by Jekyll.
           {% endif %}
-
           <div class="btn-github" style="float:right;">
             <iframe src="https://ghbtns.com/github-btn.html?user=agusmakmun&repo=agusmakmun.github.io&type=star&count=true" frameborder="0" scrolling="0" width="85" height="20px"></iframe>
             <iframe src="https://ghbtns.com/github-btn.html?user=agusmakmun&repo=agusmakmun.github.io&type=fork&count=true" frameborder="0" scrolling="0" width="85" height="20px"></iframe>
           </div>
         </footer>
-            </div><!-- end /.col-sm-8 -->
+      </div>
-        </div><!-- end /.container -->
+      <!-- end /.col-sm-8 -->
+    </div>
+    <!-- end /.container -->
 
     <!-- Bootstrap core JavaScript
       ================================================== -->

_layouts/page.html

@@ -2,14 +2,11 @@
 layout: default
 ---
 <article class="post">
-
   <header class="post-header">
     <h1 class="post-title">{{ page.title }}</h1>
     <hr />
   </header>
-
   <div class="post-content">
     {{ content }}
   </div>
-
 </article>

_layouts/post.html

@@ -1,7 +1,10 @@
 ---
 layout: default
 ---
-<h1>{{ page.title }}</h1>
+<header class="post-header">
+  <h1 class="post-title">{{ page.title }}</h1>
+</header>
+
 <span class="time">{{ page.date | date_to_string }}</span>
 {% if page.categories %}
   <span class="categories">
@@ -51,12 +54,10 @@ layout: default
   {% endif %}
 </div>
 
-
 <div class="disqus-comments">
   <div id="disqus_thread"></div>
   <script type="text/javascript">
     /* <![CDATA[ */
-
     var disqus_shortname = "{{ site.disqus_shortname }}";
     var disqus_identifier = "{{ site.url }}_{{ page.title }}";
     var disqus_title = "{{ page.title }}";

_layouts/posts_by_category.html

@@ -1,12 +1,11 @@
 ---
 layout: default
 ---
-
+<header class="post-header">
-<header id="post-header">
+  <h1 class="post-title">Articles by category: {{ page.categories }}</h1>
-    <h1 id="post-subtitle">Articles by category: {{ page.categories }}</h1>
 </header>
 
-<div id="post-content">
+<div class="post-content">
   <hr />
   {% for category in site.categories %}
     {% capture category_slug %}{{ category | first }}{% endcapture %}
@@ -18,27 +17,28 @@ layout: default
       {% endif %}
     {% endfor %}
   {% endfor %}
-    <hr />
 
+  <hr />
   {% if site.categories[page.categories] %}
     {% for post in site.categories[page.categories] %}
       {% capture post_year %}{{ post.date | date: '%Y' }}{% endcapture %}
       {% if forloop.first %}
-                <h4>{{ post_year }}</h4><div class="list-group">
+          <h4>{{ post_year }}</h4>
+          <div class="list-group">
       {% endif %}
 
       {% if forloop.first == false %}
         {% assign previous_index = forloop.index0 | minus: 1 %}
         {% capture previous_post_year %}{{ site.categories[page.categories][previous_index].date | date: '%Y' }}{% endcapture %}
         {% if post_year != previous_post_year %}
-                    </div><h4>{{ post_year }}</h4><div class="list-group">
+          </div>
+          <h4>{{ post_year }}</h4>
+          <div class="list-group">
         {% endif %}
       {% endif %}
-            
         <ul class="posts">
           <li><a href="{{ post.url }}">{{ post.title }}</a> &raquo; <i><span>{{ post.date | date_to_string }}</span></i></li>
         </ul>
-
       {% if forloop.last %}
         </div>
       {% endif %}

_layouts/project.html

@@ -2,7 +2,6 @@
 layout: default
 ---
 <article class="post">
-
   <header class="post-header">
     <h1 class="post-title">{{ page.title }}</h1>
     <hr />
@@ -20,6 +19,7 @@ layout: default
 
     <div class="projects">
       {% include project_tags.html %}
+      
       {% for i in site.data.projects %}
       <div class="project-item project-outer" data-tags='{{ i.tags | jsonify | downcase }}'>
         <div class="project-inner">
@@ -32,10 +32,16 @@ layout: default
               {% assign p_url = pr[1] %}
             {% endif %}
           {% endfor %}
+
           {% if p_url == nil %}{% assign p_url = i.url %}{% endif %}
-                {% if p_url %}<a class="project-detail" href="{{ p_url }}">{% endif %}
+          {% if p_url %}
+            <a class="project-detail" href="{{ p_url }}">
+          {% endif %}
             <h3 class="project-headlines">{{ i.name }}</h3>
-    			{% if p_url %} </a> {% endif %}
+          {% if p_url %}
+            </a>
+          {% endif %}
+
           <div class="project-content">
             <div class="tag-holder">
               {% if i.tags %}
@@ -44,7 +50,6 @@ layout: default
                 {% endfor %}
               {% endif %}
             </div>
-    				
           </div>
           <div class="project-footer">
             {% if i.url %}
@@ -55,9 +60,7 @@ layout: default
         </div>
         <hr>
       </div>
-
       {% endfor %}
     </div>
   </div>
-
 </article>

_layouts/project_single.html

@@ -2,7 +2,6 @@
 layout: default
 ---
 <article class="post">
-
   <header class="post-header">
     <h1 class="post-title">{{ page.title }}</h1>
     {% for project in site.data.projects %}
@@ -24,8 +23,6 @@ layout: default
       {% endif %}
     {% endfor %}
     <hr />
-
     {{ content }}
   </div>
-
 </article>

about.md

@@ -4,6 +4,6 @@ title: About
 permalink: /about/
 ---
 
-I am freelance developer. Currently doing more in backend, actually in Python and Django.
+I am freelance developer. Currently doing more in backend, focused in Python and Django.
 
 email: agus[at]python.web.id

index.html

@@ -3,8 +3,9 @@ layout: default
 ---
 
 <div id="home">
-    <h1>Stack Problems</h1>
+  <h1>{{ site.title }}</h1>
   <hr />
+
   <ol class="posts">
     {% for post in paginator.posts %}
       <li><a href="{{ post.url }}">{{ post.title }}</a> &raquo; <i><span>{{ post.date | date_to_string }}</span></i></li>
@@ -15,9 +16,7 @@ layout: default
   {% if paginator.total_pages > 1 %}
     <ul class="pagination pagination-sm">
       {% if paginator.previous_page %}
-        <li>
+        <li><a href="{{ paginator.previous_page_path | prepend: site.baseurl | replace: '//', '/' }}">&laquo;</a></li>
-          <a href="{{ paginator.previous_page_path | prepend: site.baseurl | replace: '//', '/' }}">&laquo;</a>
-        </li>
       {% else %}
         <li class="disabled"><span aria-hidden="true">&laquo;</span></li>
       {% endif %}
@@ -26,24 +25,18 @@ layout: default
 
       {% for page in (1..paginator.total_pages) %}
         {% if page == paginator.page %}
-          <li class="active">
+          <li class="active"><a>{{ page }}<span class="sr-only">(current)</span></a></li>
-             <a>{{ page }}<span class="sr-only">(current)</span></a>
-          </li>
         {% elsif page == 1 %}
           <li><a href="/">{{ page }}</a></li>
         {% else %}
-          <li>
+          <li><a href="{{ site.paginate_path | prepend: site.baseurl | replace: '//', '/' | replace: ':num', page }}">{{ page }}</a></li>
-            <a href="{{ site.paginate_path | prepend: site.baseurl | replace: '//', '/' | replace: ':num', page }}">{{ page }}</a>
-          </li>
         {% endif %}
       {% endfor %}
 
       <li><a href="/page{{ paginator.total_pages }}/">Last</a></li>
 
       {% if paginator.next_page %}
-        <li>
+        <li><a href="{{ paginator.next_page_path | prepend: site.baseurl | replace: '//', '/' }}">&raquo;</a></li>
-          <a href="{{ paginator.next_page_path | prepend: site.baseurl | replace: '//', '/' }}">&raquo;</a>
-        </li>
       {% else %}
         <li class="disabled"><span>&raquo;</span></li>
       {% endif %}

projects.md

@@ -4,4 +4,4 @@ title: Projects
 permalink: /projects/
 ---
 
-Few of my projects. Currently doing more in backend, actually in Python and Django.
+Few of my projects. Currently doing more in backend, focused in Python and Django.

static/css/main.css

@@ -1,13 +1,10 @@
-/**
- * Master styling
- */
 body {
   font-family: "Roboto Condensed", Arial, sans-serif;
-    background-color: #fff;
+  background: url("/static/img/subtle_dots.png");
-    font-size: 16px;
   line-height: 1.5em;
-    color: #666;
   font-weight: 300;
+  font-size: 16px;
+  color: #666;
 }
 hr {
   margin-top: 20px;
@@ -16,71 +13,49 @@ hr {
   border-top: 1px solid #F7F1F1;
   border-bottom: 1px solid #fff;
 }
-
-/**
- * Font and link declarations
- */
 span.time, span.categories {
   color: #ADADAD;
   margin-bottom: 5px;
   font-size: 11px;
 }
-
+h1, h2, h3 {
-h1 {
-    font-weight: normal;
   color: #696969;
+  font-weight: normal;
+}
+h1 {
   margin-bottom: 10px;
   font-size: 25px;
 }
-
+h2, h3 {
-h2 {
-    font-weight: normal;
   margin-bottom: 5px;
-    color: #666666;
 }
-        
-h3 {
-    font-weight: normal;
-    margin-bottom: 5px;
-    color: #666666;
-}
-
 a, a:link, a:active {
   text-decoration: none;
-    color: #8C8C8C;
+  color: #3fa757;
 }
-
 a:hover {
   color: #B3B3B3;
   text-decoration: underline;
 }
 
-/**
+/* Layout */
- * /////////////////
+.main-layout {
- * Container element
+  background: #fff;
- * /////////////////
+}
- */
+.sidebar-nav {
-div#container {
+  margin: 0;
-    width: 700px;
+  padding: 0;
-    margin: auto;
+}
-}
+.sidebar-nav li {
-
+  margin: 0;
-/**
+  list-style: none;
- * //////////////////////////////////
+}
- * Right aka content column formatting
+.sidebar-nav li::before {
- * //////////////////////////////////
+  content: "»";
- */
+  margin-right: .5em;
-div.right {
-    width: 500px;
-    float: left;
-}
-           
-div.content {
-    border-top: 1px solid #E6E6E6;
-    margin-top: 5px;
-    padding-top: 5px;
 }
 
+/* Content */
 div.content pre {
   background: #333333;
   padding: 10px;
@@ -90,11 +65,9 @@ div.content pre {
   font-size: 12px;
   border: none;
 }
-
 div.content .highlight {
 	background: #333333;
 }
-
 footer {
   border-top: 1px solid #F7F1F1;
   width: 100%;
@@ -108,72 +81,44 @@ footer {
   padding-bottom: 10px;
 }
 
-footer div#github {
+/* Left column */
-	text-align: right;
-}
-
-div.right h1 {
-	margin-bottom: -2px;
-}
-
-div.right ul {
-	list-style: none;
-	margin-left: 0;
-	padding: 0;
-}
-
-div.right ul li {
-	margin-top: 5px;
-	margin-left: 0;
-	padding: 0;
-}
-
-div.right .post ul {
-	list-style: square;
-	margin-left: 15px;
-}
-
-/**
- * Left column aka nav bar formatting
- */
 div.col-sm-3 {
   margin-top: 100px;
   font-size: 11px;
   color: #666;
 }
-
 div.col-sm-3 strong {
   font-size: 16px;
   color: #4A4A4A;
   font-weight: normal;
 }
-
+div.col-sm-3 div.profile-about {
-div.col-sm-3 div#about {
   margin-top: 10px;
   color: #8C8C8C;
 }
-
+div.col-sm-3 img.profile-avatar {
-div.col-sm-3 img#about {
+  border-radius: 150px;
   -webkit-border-radius: 150px;
-    margin-bottom: 10px;
+  -moz-border-radius: 150px;
+  -ms-border-radius: 150px;
+  -o-border-radius: 150px;
   margin-left: auto;
   margin-right: auto;
 }
 
+/* Pagination */
 .PageNavigation {
   font-size: 14px;
   display: block;
   width: auto;
   overflow: hidden;
 }
-
 .PageNavigation a {
   display: block;
   width: 50%;
   float: left;
   margin: 1em 0;
 }
-
 .PageNavigation .next {
   text-align: right;
 }
@@ -181,6 +126,7 @@ div.col-sm-3 img#about {
   text-align: left;
 }
 
+/* Social Icons */
 .social{
   display: block;
   margin: 10px 0;
@@ -196,6 +142,10 @@ div.col-sm-3 img#about {
 }
 .social li a {
   font-size: 16px;
+  color: #969394;
+}
+.social li a:hover {
+  color: #6D6D6D;
 }
 
 .share-page {
@@ -203,7 +153,10 @@ div.col-sm-3 img#about {
   border-top: 1px solid #f0f0f0;
   border-bottom: 1px solid #f0f0f0;
 }
-.post-content img, .content img {max-width: 100%}
+.post-content img,
+.content img {
+  max-width: 100%
+}
 
 /* Responsive Conditional */
 @media (min-width: 1024px) {

static/css/projects.css

@@ -1,6 +1,4 @@
-/*
+/* Project Elements */
- * Project Elements
-*/
 .project-outer {
   display: inline-block;
   width: 30%;
@@ -14,14 +12,18 @@ h3.project-headlines {
   margin: 5px 0;
   font-size: 20px;
 }
+
 span.tags {
   font-size: 10px;
   border-bottom: 1px #888 dotted;
   margin: 0 5px;
 }
-span.tags:first-child{ margin-left: 0; }
+span.tags:first-child {
-span.tags:last-child{ margin-right: 0; }
+  margin-left: 0;
-
+}
+span.tags:last-child {
+  margin-right: 0;
+}
 .project-footer {
   clear: both;
   display: inline-block;
@@ -51,6 +53,7 @@ span.tags:last-child{ margin-right: 0; }
   background-repeat: no-repeat;
   background-position: center center;
 }
+
 /** Project Tag Filters **/
 .tag-group {
   margin: 0 0 25px 0;
@@ -66,7 +69,12 @@ span.tag-cloud {
 .tag-cloud.active {
   background: #ccc;
 }
-.project-item.not-show{ display: none; }
+.project-item.not-show {
-
+  display: none;
-a.project-detail:hover {text-decoration: none;}
+}
-a.project-detail:hover h3 {color: #62A253;}
+a.project-detail:hover {
+  text-decoration: none;
+}
+a.project-detail:hover h3 {
+  color: #62A253;
+}