redesigned blog

maxking · Jul 23, 2015 · 4dbc5fb · 4dbc5fb
1 parent aa7cf3d
commit 4dbc5fb
Show file tree

Hide file tree

Showing 27 changed files with 2,767 additions and 270 deletions.
diff --git a/_config.yml b/_config.yml
@@ -1,11 +1,26 @@
 # Site settings
 title: "maxking's rants" # Your Title
 tagline: 'Do or do not, there is no try. - Yoda'
-sidebar_image: /images/debian.jpg
+
+# Site settings
+email: raj.abhilash1@gmail.com
+description: "Abhilash Raj's space on web."
+baseurl: ""
+url: "http://asynchronous.in/"
+addthis_id: ra-513c6fa83da6ec67
+post_limit: 7
+
+# Social usernames/URLs
+twitter_username: _maxking_
+github_username:  maxking
+
+# Footer
+footer_left: "Made with <i class=\"fa fa-heart\"></i> by <a href=\"https://twitter.com/_maxking_\">Abhilash Raj</a>"
+footer_right: "&lt;/&gt; on <a href=\"https://github.com/maxking/maxking.github.com\">Github</a> &nbsp;<i class=\"fa fa-github-alt\"></i>"
 
 # Build settings
 markdown: redcarpet
-highlighter: pygments
-#baseurl: / # the subpath of your site, e.g. /blog/
+redcarpet:
+  extensions: ["no_intra_emphasis", "fenced_code_blocks", "autolink", "strikethrough", "superscript"]
 permalink: pretty
-featured_image: /images/debian.jpg
+exclude: [vendor]
diff --git a/_includes/footer.html b/_includes/footer.html
@@ -0,0 +1,42 @@
+<div class="footer clearfix">
+  <div class="col-md-6">
+    {{ site.footer_left }}
+  </div>
+  <div class="col-md-6">
+    {{ site.footer_right }}
+  </div>
+</div>
+
+<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
+<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
+<script src="{{ site.baseurl }}/js/jquery.mmenu.min.all.js"></script>
+<script src="http://cdnjs.cloudflare.com/ajax/libs/highlight.js/8.1/highlight.min.js"></script>
+<script>hljs.initHighlightingOnLoad();</script>
+<script type="text/javascript">
+   $(document).ready(function() {
+      $("#my-menu").mmenu().on( "closed.mm", function() {
+            $(".menu-button").show();
+         });
+      $(".menu-button").click(function() {
+        $(".menu-button").hide();
+        $("#my-menu").trigger("open.mm");
+      });
+   });
+</script>
+
+{% if site.google_analytics %}
+<script type="text/javascript">
+  var _gaq = _gaq || [];
+  _gaq.push(['_setAccount', '{{ site.google_analytics }}']);
+          _gaq.push(['_trackPageview']);
+  (function () {
+      var ga = document.createElement('script');
+      ga.type = 'text/javascript';
+      ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+
+      var s = document.getElementsByTagName('script')[0];
+      s.parentNode.insertBefore(ga, s);
+  })();
+</script>
+{% endif %}
diff --git a/_includes/head.html b/_includes/head.html
@@ -0,0 +1,39 @@
+<head>
+<meta charset="" />
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}</title>
+<meta name="description" content="{{ site.description }}">
+
+<link rel="profile" href="http://gmpg.org/xfn/11" />
+<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
+<link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css">
+<link rel="stylesheet" type="text/css" media="all" href="{{ site.baseurl }}/css/style.css" />
+<link rel="stylesheet" type="text/css" media="all" href="{{ site.baseurl }}/css/jquery.mmenu.all.css" />
+<link rel="stylesheet" href="{{ site.baseurl }}/css/highlightjs.piperita.css">
+
+<!-- Favicons generated at http://realfavicongenerator.net/ -->
+<link rel="apple-touch-icon" sizes="57x57" href="{{ site.baseurl }}/favicons/apple-touch-icon-57x57.png">
+<link rel="apple-touch-icon" sizes="60x60" href="{{ site.baseurl }}/favicons/apple-touch-icon-60x60.png">
+<link rel="apple-touch-icon" sizes="72x72" href="{{ site.baseurl }}/favicons/apple-touch-icon-72x72.png">
+<link rel="apple-touch-icon" sizes="76x76" href="{{ site.baseurl }}/favicons/apple-touch-icon-76x76.png">
+<link rel="apple-touch-icon" sizes="114x114" href="{{ site.baseurl }}/favicons/apple-touch-icon-114x114.png">
+<link rel="apple-touch-icon" sizes="120x120" href="{{ site.baseurl }}/favicons/apple-touch-icon-120x120.png">
+<link rel="apple-touch-icon" sizes="144x144" href="{{ site.baseurl }}/favicons/apple-touch-icon-144x144.png">
+<link rel="apple-touch-icon" sizes="152x152" href="{{ site.baseurl }}/favicons/apple-touch-icon-152x152.png">
+<link rel="apple-touch-icon" sizes="180x180" href="{{ site.baseurl }}/favicons/apple-touch-icon-180x180.png">
+<link rel="icon" type="image/png" href="{{ site.baseurl }}/favicons/favicon-32x32.png" sizes="32x32">
+<link rel="icon" type="image/png" href="{{ site.baseurl }}/favicons/android-chrome-192x192.png" sizes="192x192">
+<link rel="icon" type="image/png" href="{{ site.baseurl }}/favicons/favicon-96x96.png" sizes="96x96">
+<link rel="icon" type="image/png" href="{{ site.baseurl }}/favicons/favicon-16x16.png" sizes="16x16">
+<link rel="manifest" href="{{ site.baseurl }}/favicons/manifest.json">
+<link rel="shortcut icon" href="{{ site.baseurl }}/favicons/favicon.ico">
+<meta name="msapplication-TileColor" content="#da532c">
+<meta name="msapplication-TileImage" content="{{ site.baseurl }}/favicons/mstile-144x144.png">
+<meta name="msapplication-config" content="{{ site.baseurl }}/favicons/browserconfig.xml">
+<meta name="theme-color" content="#ffffff">
+
+{% if site.addthis_id %}
+<!-- Go to www.addthis.com/dashboard to customize your tools -->
+<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid={{ site.addthis_id }}"></script>
+{% endif %}
+</head>
diff --git a/_includes/header.html b/_includes/header.html
@@ -0,0 +1,19 @@
+<nav id="my-menu">
+  <div>
+    <p>{{ site.title }}</p>
+    <ul class="pages">
+      <li><a href="{{ site.baseurl }}/"><i class="fa fa-home"></i> Home</a></li>
+      <li><a href="{{ site.baseurl }}/posts/"><i class="fa fa-archive"></i> All Posts</a></li>
+      <li><a href="{{ site.baseurl }}/search/"><i class="fa fa-search"></i> Search</a></li>
+    </ul>
+    <p class="links">
+      {% if site.twitter_username %}<a href="http://www.twitter.com/{{ site.twitter_username }}" target="_new"><i class="fa fa-twitter"></i></a>{% endif %}
+      {% if site.linkedin_link %}<a href="{{ site.linkedin_link }}" target="_new"><i class="fa fa-linkedin"></i></a>{% endif %}
+      {% if site.google_plus_link %}<a href="{{ site.google_plus_link }}" target="_new"><i class="fa fa-google-plus"></i></a>{% endif %}
+      {% if site.github_username %}<a href="https://github.com/{{ site.github_username }}" target="_new"><i class="fa fa-github-alt"></i></a>{% endif %}
+      {% if site.stackoverflow_link %}<a href="{{ site.stackoverflow_link }}" target="_new"><i class="fa fa-stack-overflow"></i></a>{% endif %}
+      <a href="http://www.asynchronous.in/feed.xml" target="_new"><i class="fa fa-rss"></i></a>
+    </p>
+  </div>
+</nav>
+<div class="menu-button" href="#menu"><i class="fa fa-bars"></i></div>
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -1,23 +1,19 @@
 <!DOCTYPE html>
 <html>
-<head>
-  <meta charset="utf-8">
-  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
-  <title>{{ site.title + page.title }}</title>
-  <meta name="viewport" content="width=device-width">
 
-  <!-- syntax highlighting CSS -->
-  <link rel="stylesheet" href="{{ site.baseurl }}/css/code_syntax.css">
+    {% include head.html %}
 
-  <!-- CSS -->
-  <link rel="stylesheet" href="{{ site.baseurl }}/css/reset.css">
-  <link rel="stylesheet" href="{{ site.baseurl }}/css/main.css">
-  <link href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
+    <body>
 
-  <!-- Fonts -->
-  <link href='http://fonts.googleapis.com/css?family=Bitter:400,700,400italic|Open+Sans:400italic,600italic,400,600' rel='stylesheet' type='text/css'>
-</head>
-<body>
-  {{ content }}
-</body>
+    {% include header.html %}
+
+    <div class="page-content">
+      <div class="wrap">
+      {{ content }}
+      </div>
+    </div>
+
+    {% include footer.html %}
+
+    </body>
 </html>
diff --git a/_layouts/none.html b/_layouts/none.html
@@ -0,0 +1 @@
+{{ content }}
diff --git a/_layouts/page.html b/_layouts/page.html
@@ -0,0 +1,14 @@
+---
+layout: default
+---
+<div class="post">
+
+  <header class="post-header">
+    <h1>{{ page.title }}</h1>
+  </header>
+
+  <article class="post-content">
+  {{ content }}
+  </article>
+
+</div>
diff --git a/_layouts/post.html b/_layouts/post.html
@@ -1,41 +1,106 @@
 ---
 layout: default
 ---
-<header style="background-image: url({{ site.baseurl }}{{ page.featured_image }});">
-  <div class="container post-container">
-    <a href="{{ site.baseurl }}/blog/" class="home_button"></a>
-    <div class="inner-container">
-      <h1>{{ page.title }}</h1>
-      <ul class="meta">
-        <li>
-          <span>
-            Published
+
+{% if page.minutes %}
+  {% assign minutes = page.minutes %}
+{% else %}
+  {% assign minutes = content | number_of_words | divided_by: 180 %}
+  {% if minutes == 0 %}{% assign minutes = 1 %}{% endif %}
+{% endif %}
+
+<div class="container-fluid single">
+  <div class="row">
+
+    <div itemscope itemtype="http://schema.org/Article" class="col-md-12 article">
+      {% if site.data.thumbnail[page.thumbnail] %}
+      <div class="thumb">
+        <img itemprop="image" src="{{ site.data.thumbnail[page.thumbnail] }}" alt="Thumbnail: {{ page.thumbnail }}" />
+      </div>
+      {% elsif page.thumbnail %}
+      <div class="thumb">
+        <i class="fa fa-{{ page.thumbnail }} fa-4x"></i>
+      </div>
+      {% endif %}
+
+      <h1 class="header" itemprop="name">{{ page.title }}</h1>
+
+      <div class="author">
+        <small><i>
+          by
+          <span itemprop="author">
+            {% if site.google_plus_link %}
+              <a rel="author" href="{{ site.google_plus_link }}">
+            {% endif %}
+            {% if page.author %}
+            <span itemprop="author" itemscope itemtype="http://schema.org/Person">
+              <span itemprop="name">{{ page.author }}</span>
+            </span>
+            {% endif %}
+            {% if site.google_plus_link %}
+              </a>
+            {% endif %}
           </span>
-          {{ page.date | date_to_string }}
-        </li>
-      </ul>
+          on <span itemprop="datePublished" content="2014-08-28">{{ page.date | date: "%B %-d, %Y" }}</span>
+          under {% if page.categories %}{% for category in page.categories limit:1 %}{{ category }}{% endfor %}{% endif %}
+        </i></small>
+      </div>
+
+      <div class="read-time">
+        <small>
+          {{ minutes }} minute read
+        </small>
+      </div>
+
+      <div class="content-panel content">
+        <span itemprop="articleBody">{{ content }}</span>
+
+        <div class="tags"><small>
+          <i class="fa fa-tags"></i>
+            {{ page.tags | join: ', ' }}
+        </small></div>
+
+      </div>
+
+      <div class="content-panel feedback">
+        I <i class="fa fa-heart"></i> feedback.<br />
+        Let me know what you think of this article on twitter <a href="http://www.twitter.com/{{ site.twitter_username }}">@{{ site.twitter_username }}</a>!
+      </div>
+
+      <div class="content-panel related clearfix">
+        {% for post in site.related_posts limit:1 %}
+        <div class="related-header">
+          <a href="{{ site.baseurl }}{{ post.url }}">Read More</a>
+        </div>
+          <div class="title">
+            <a href="{{ site.baseurl }}{{ post.url }}">{{ post.title }}</a>
+          </div>
+          <div class="excerpt">
+            {{ post.excerpt | strip_html | truncatewords:30 }}
+            <a href="{{ site.baseurl }}{{ post.url }}">Continue Reading</a>
+          </div>
+        {% endfor %}
+        <hr />
+        <div class="previous previous-next">
+          {% if page.previous %}
+          <p>
+            <a href="{{ site.baseurl }}{{ page.previous.url }}">{{ page.previous.title }}</a>
+          </p>
+          <p class="date">Published {{ page.previous.date | date: "%B %-d, %Y" }}</p>
+          {% endif %}
+        </div>
+        <div class="next previous-next">
+          {% if page.next %}
+          <p>
+            <a href="{{ site.baseurl }}{{ page.next.url }}">{{ page.next.title }}</a>
+          </p>
+          <p class="date">Published {{ page.next.date | date: "%B %-d, %Y" }}</p>
+          {% endif %}
+        </div>
+      </div>
+
     </div>
-    <ul class="pagination">
-      {% if page.previous.url %}
-        <li class="previous">
-          <a href="{{ site.baseurl }}{{ page.previous.url }}">
-            Previous
-          </a>
-        </li>
-      {% endif %}
-      {% if page.next.url %}
-      <li class="next">
-        <a href="{{ site.baseurl }}{{ page.next.url }}">
-          Next
-        </a>
-      </li>
-      {% endif %}
-    </ul>
-  </div>
-</header>
 
-<article>
-  <div class="container">
-    {{ content }}
   </div>
-</article>
+
+</div>
diff --git a/_posts/2012-01-12-ethical-hacking.html b/_posts/2012-01-12-ethical-hacking.html
@@ -5,7 +5,19 @@
 time: 2012-01-12 01:27:58.001000 +05:30
 tags: hacking
 ---
-<P>Wondering what is ethical hacking? The term hacking has been so much misinterpreted in common day language that people had to coin a new term called 'ethical hacking', just to be clear that all hackers do not rob-the-bank. So what does the term hacker actually mean? Simply that i am a curious person who likes to peep in other's codes or scribble an entirely new one.
-<p>Did you ever heard of the term 'ethical barber','ethical librarian',ethical doctor'? No. But hackers have to go out of their way to ensure others that they are in fact ethical. If you simply don't have the curiosity then you probably won't want the life of a hacker. And ethics, those you get from your momma, anyone else is not gona teach you those.
-<p>So put as simple as possible, being ethical is to not to do things which could harm others. Popularly the cannotation of ethical in ethical hacking is that person performs his hacking activities within the perview of law.
+<P>Wondering what is ethical hacking? The term hacking has been so much
+misinterpreted in common day language that people had to coin a new term called
+'ethical hacking', just to be clear that all hackers do not rob-the-bank. So
+what does the term hacker actually mean? Simply that i am a curious person who
+likes to peep in other's codes or scribble an entirely new one.
+
+<p>Did you ever heard of the term 'ethical barber','ethical librarian',ethical
+doctor'? No. But hackers have to go out of their way to ensure others that they
+are in fact ethical. If you simply don't have the curiosity then you probably
+won't want the life of a hacker. And ethics, those you get from your momma,
+anyone else is not gona teach you those.
+
+<p>So put as simple as possible, being ethical is to not to do things which
+could harm others. Popularly the cannotation of ethical in ethical hacking is
+that person performs his hacking activities within the perview of law.
 <p>When i say i am a hacker i don't mean that i want to rob the swiss bank.
diff --git a/_posts/2015-07-14-gitlab-ci.md b/_posts/2015-07-14-gitlab-ci.md
@@ -66,7 +66,7 @@ containers to run tests in.
 
 Now, register the runner:
 
-```
+```bash
 docker exec -it multi-runner gitlab-ci-multi-runner register
 
 Please enter the gitlab-ci coordinator URL (e.g. http://gitlab-ci.org:3000/ )
@@ -123,6 +123,7 @@ concurrent = 4
 
 
 PS:
+
  1. Now, Gitlab CI has a concept of shared runners where you can use
  some public runners to run your tests. This update was added recently.