Add archive & tags page

* UI tweak
* new posts from zzyzx.pw

.gitignore

@@ -1,2 +1,3 @@
 _site
 .sass-cache
+.DS_Store

_config.yml

@@ -10,7 +10,7 @@ twitter_username: sipp11
 github_username:  sipp11
 
 permalink: /:year/:month/:title/
-paginate: 8
+paginate: 5
 paginate_path: "post/page/:num/"
 
 # Build settings

_posts/2009-08-27-wpa-tkip-has-been-cracked.markdown

@@ -16,8 +16,8 @@ categories:
 - network
 - security
 tags:
-- '"wpa"'
+- wpa
-- '"crack"'
+- crack
 ---
 <p>Wireless Network is the most popular target for any attacker these days. No doubt, it will get even worse. After WEP has been cracked *easily* for a while, now it’s WPA + TKIP’s turn. Japanese scientist has developed WPA encryption crack system that can break WPA that uses the Temporal Key Integrity Protocol (TKIP) algorithm in matter of minutes. Well, some might say this is not new stuff since WPA <em>*can be*</em> cracked for a while now. However, cracking WPA this fast shows that it’s getting worse and worse and using WPA w/TKIP is as much vulnerable as using WEP nowadays.</p>
 <blockquote><p>Last November, security researchers first showed how WPA could be broken, but the Japanese researchers have taken the attack to a new level, according to Dragos Ruiu, organizer of the PacSec security conference where the first WPA hack was demonstrated. &quot;They took this stuff which was fairly theoretical and they've made it much more practical,&quot; he said.</p>

_posts/2014-10-28-weird-day-spammers-request-remove-links-wth.markdown

@@ -21,11 +21,11 @@ tags:
 ---
 Unmaintained WordPress tends to get tons of spam comments regardless of how you do it. However, today, it's a weird day.
 
-<a href="http://blog.10ninox.com/wp-content/uploads/2014/10/Screenshot-2014-10-28-18.15.27.png"><img src="http://blog.10ninox.com/wp-content/uploads/2014/10/Screenshot-2014-10-28-18.15.27.png" alt="Spammers request?" width="678" height="683" class="alignnone size-full wp-image-986" /></a>
+![](http://blog.10ninox.com/wp-content/uploads/2014/10/Screenshot-2014-10-28-18.15.27.png)
 
 I got a request from one of spammers that the links they put on my mom's blog was hurting them. So I checked that out. I didn't even remember the password since it wasn't maintained and my mom apparently hasn't blogged for many years already.
 
-<a href="http://blog.10ninox.com/wp-content/uploads/2014/10/Screenshot-2014-10-28-18.26.05.png"><img src="http://blog.10ninox.com/wp-content/uploads/2014/10/Screenshot-2014-10-28-18.26.05.png" alt="spammy-comment" width="676" height="611" class="alignnone size-full wp-image-987" /></a>
+![](http://blog.10ninox.com/wp-content/uploads/2014/10/Screenshot-2014-10-28-18.26.05.png)
 
 This is what I've found. The same IP addresses have spammed not only to this web site, but another as well. I suspected this firm did hire spammers for SEO or whatever, but now it's damage control phase, huh? I have no clue what they are trying to do here since comment section on my mom's blog isn't even reachable. I migrated to Disqus years ago.
 

_posts/2014-12-10-galaxy-s2-reference.md

@@ -0,0 +1,28 @@
+---
+layout: post
+title: Galaxy S2 Reference
+created: 1418153341
+author:
+  display_name: sipp11
+categories:
+- android
+- phone
+---
+### Mode
+
+* Enter recovery mode: __UP + HOME + POWER__
+* Enter Download Mode: __DOWN + HOME + POWER__
+
+### Root
+There are 2 way to root:
+
+* via odin: ลง CF-Root-SGS2xxx.zip ที่ช่อง PDA
+    ลง ClockWorkMod Recovery ก่อน แล้วค่อยไปจัดการ update ใน recovery โดยใช้ odin ก็คือ ลง file GT-I9100_JB_ClockworkMod-Recovery_6.0.2.9.tar ที่ช่อง PDA แล้วก็ค่อย reboot เข้า recovery แล้วจัดการที่เหลือ
+* via ROM
+    ก็ถ้าลง ClockWorkMod แล้วก็ทำอะไรได้ในนั้น
+    ถ้าลงผ่าน odin ก็ลงช่อง PDA เหมือนเดิม ใส่มันทั้ง ROM เข้าไป
+
+### Download
+
+* Stock ROM: หาได้จาก [sammobile](http://www.sammobile.com/firmwares/) ตามปกติ
+* Files ที่เกี่ยวข้องจากด้านบนหาได้ที่นี่ [via Copy](https://www.copy.com/s/yYYhTs04iNglWVMk/samsung-galaxy-i9100)

_posts/2014-12-10-gapps-for-custom-roms.md

@@ -0,0 +1,18 @@
+---
+layout: post
+title: GAPPS for all ROMs
+created: 1418153341
+author:
+  display_name: sipp11
+categories:
+- android
+---
+
+4.3/4.4
+[xda-developer](http://forum.xda-developers.com/showthread.php?t=2397942)
+
+* Google Stock (~272MB)
+* FULL (~217MB)
+* MINI (~128MB)
+* MICRO (~82MB)
+

archive.html

@@ -0,0 +1,41 @@
+---
+layout: default
+title : Archive
+---
+<section id="archive">
+{% assign posts_collate = site.posts %}
+
+{% for post in posts_collate  %}
+    {% capture this_year %}{{ post.date | date: "%Y" }}{% endcapture %}
+    {% capture this_month %}{{ post.date | date: "%B" }}{% endcapture %}
+    {% capture this_month_num %}{{ post.date | date: "%m" }}{% endcapture %}
+    {% capture next_year %}{{ post.previous.date | date: "%Y" }}{% endcapture %}
+    {% capture next_month %}{{ post.previous.date | date: "%B" }}{% endcapture %}
+  
+    {% if forloop.first %}
+      <h1 id="{{this_year}}">{{this_year}}</h1>
+      <h3 id ="{{this_year}}:{{this_month_num}}">{{this_month}}</h3>
+      <ul>
+    {% endif %}
+  
+    <li id="{{ post.date | date_to_xmlschema }}">{{ post.date | date: "%B %e, %Y" }} &raquo; <a href="{{ BASE_PATH }}{{ post.url }}">{{ post.title }}</a></li>
+  
+    {% if forloop.last %}
+      </ul>
+    {% else %}
+      {% if this_year != next_year %}
+        </ul>
+        <h1 id="{{ next_year }}">{{next_year}}</h1>
+        <h3 id="{{ next_year }}:{{ next_month }}">{{next_month}}</h3>
+        <ul>
+      {% else %}    
+        {% if this_month != next_month %}
+          </ul>
+          <h3 id="{{ next_year }}:{{ next_month }}">{{next_month}}</h3>
+          <ul>
+        {% endif %}
+      {% endif %}
+    {% endif %}
+  {% endfor %}
+ {% assign posts_collate = nil %}
+ </section>

css/main.scss

@@ -35,6 +35,7 @@ form#cse-search-box input {
     font-size: $base-font-size;
     font-family: $base-font-family;
     color: $brand-color;
+    max-width:200px;
     border-bottom-color: $grey-color-light;
     border-bottom-left-radius: 0px;
     border-bottom-right-radius: 0px;
@@ -59,7 +60,6 @@ form#cse-search-box input {
     border-top-style: none;
     border-top-width: 0px;
     box-shadow: rgba(0, 0, 0, 0.075) 0px 0px 0px 0px inset;
-    display: inline-block;
     margin: 0px;
     padding: 4px 6px;
     text-align: start;
@@ -74,6 +74,43 @@ form#cse-search-box input {
     -moz-border-top-colors: none;
 }
 
+ul.post-list>li {
+    display: block;
+    padding-top: 1em;
+    padding-bottom: 1em;
+    border-bottom: 1px solid $grey-color-light;
+}
+
+ul.tag_box {
+    list-style: none;
+}
+
+ul.tag_box>li {
+    display: inline-block;
+}
+
+span.label-success {
+    background-color: $grey-color-light;
+}
+
+span.label-success a, span.label-success a:hover {
+    color: $text-color;
+    text-decoration: none;
+}
+
+span.label {
+    display: inline;
+    padding: 0.2em 0.6em 0.3em;
+    font-size: 75%;
+    font-weight: 700;
+    line-height: 1;
+    color: $text-color;
+    text-align: center;
+    white-space: nowrap;
+    vertical-align: baseline;
+    border-radius: 0.25em;
+}
+
 // Using media queries with like this:
 // @include media-query($on-palm) {
 //     .wrapper {

index.html

@@ -13,6 +13,8 @@ layout: default
   <li>
     <span class="post-meta">{{ post.date | date: "%b %-d, %Y" }} • <small>{{ post.categories | array_to_sentence_string }} • <a href="{{ post.url | prepend: site.baseurl }}#disqus_thread">comments</a></small></span>
     <h2><a class="post-link" href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a></h2>
+
+    {{ post.content }}
   </li>
   {% endfor %}
 

tags.html

@@ -0,0 +1,29 @@
+---
+layout: default
+title: Tags
+---
+<!--TODO: Find a fix to tags with spaces-->
+<ul class="tag_box inline">
+    {% if site.tags.first[0] != null %}{% comment %} If tags exist {% endcomment %}
+        {% for tag in site.tags %}{% comment %} add an element like the following for each tag item {% endcomment %}
+            <li><a href="#{{ tag[0] }}"><span class="label label-success">{{ tag[0] }}</span> {% comment %} This is just the tag name {% endcomment %}
+            <span>{{ tag[1].size }}</span>{% comment %} This counts the number of posts in a given tag {% endcomment %}
+            </a></li>
+        {% endfor %}
+    {% endif %}
+</ul>
+
+{% for tag in site.tags %} 
+<h1 id="{{ tag[0] }}">{{ tag[0] }}</h1>
+<ul>  
+    {% for tag_post in tag[1] %}
+        {% if tag_post.title != null %}
+            {% if page.url == tag_post.url %}
+            <li class="active"><a href="#" class="active">{{tag_post.title}}</a></li>
+            {% else %}
+            <li>{{ tag_post.date | date: "%B %e, %Y" }} &raquo; <a href="{{tag_post.url}}">{{tag_post.title}}</a></li>
+            {% endif %}
+        {% endif %}
+    {% endfor %}
+</ul>
+{% endfor %}