Added spoilers to archive pages

blog/archive.html

@@ -12,8 +12,27 @@ back: 2
       </header>
       <section>
 
-    {% for post in site.categories.en %}
+    {% for post in site.categories.en limit:1 %}
-        <p align="justify"><i>{{ post.date | date_to_string}}</i> &raquo; <a name="{{ post.short }}" class="anchor" href="#{{ post.short }}"><span class="octicon octicon-link"></span></a><a href="{{ post.url }}">{{ post.title }}</a> ({{ post.tags }})</p>
+      {% assign month = post.date | date: "%B, %Y" %}
     {% endfor %}
+    <label class="spoiler">
+      <input type="checkbox" class="bo"/>
+      <div class="title">{{ month }}</div>
+      <div class="body">
+      {% for post in site.categories.en %}
+        {% assign new_month = post.date | date: "%B, %Y" %}
+        {% if new_month != month %}
+            </div>
+          </label>
+          <label class="spoiler">
+            <input type="checkbox" class="bo"/>
+            <div class="title">{{ new_month }}</div>
+            <div class="body">
+        {% endif %}
+        {% assign month = post.date | date: "%B, %Y" %}
+        <i>{{ post.date | date_to_string }}</i> &raquo; <a name="{{ post.short }}" class="anchor" href="#{{ post.short }}"><span class="octicon octicon-link"></span></a><a href="{{ post.url }}">{{ post.title }}</a> ({{ post.tags }})<br>
+      {% endfor %}
+      </div>
+    </label>
 
     <script type="text/javascript" src="http://datejs.googlecode.com/svn/trunk/build/date-en-US.js"></script>

blog/index.html

@@ -15,7 +15,7 @@ back: 1
 
     {% for post in site.categories.en limit:10 %}
         <h1><a name="{{ post.short }}" class="anchor" href="#{{ post.short }}"><span class="octicon octicon-link"></span></a><a href="{{ post.url }}">{{ post.title }}</a></h1>
-        <p align="justify"><i>{{ post.date | date_to_string}}</i></p>
+        <p align="justify"><i>{{ post.date | date_to_string }}</i></p>
         <p align="justify">{{ post.description }}</p>
         <p align="justify"><b>Tags</b>: {{ post.tags }}</p>
     {% endfor %}

resources/css/styles.css

@@ -1,3 +1,30 @@
+.spoiler {
+    display: block;
+    background: #dcdcdc;
+    text-decoration: none;
+    color: #555555;
+    border: 1px solid #000000;
+    border-radius: 5px;
+    padding: 0 5px 0 5px;
+    margin: 0 0 5px 0;
+}
+.spoiler > .title {
+    font-weight: bold;
+}
+.spoiler > .body {
+    padding: 4px;
+    font-weight: 300;
+    font-size: 11pt;
+    text-align: justify;
+    display: none;
+}
+.spoiler > .bo {
+    display: none;
+}
+.spoiler > :checked ~ .body {
+    display: block;
+}
+
 /* Liberation font ^^ */
 @font-face {
   font-family: "Liberation Serif";

ru/blog/archive.html

@@ -13,8 +13,27 @@ back: 2
       </header>
       <section>
 
-    {% for post in site.categories.ru%}
+    {% for post in site.categories.ru limit:1 %}
-        <p align="justify"><i>{{ post.date | date_to_string}}</i> &raquo; <a name="{{ post.short }}" class="anchor" href="#{{ post.short }}"><span class="octicon octicon-link"></span></a><a href="{{ post.url }}">{{ post.title }}</a> ({{ post.tags }})</p>
+      {% assign month = post.date | date: "%B, %Y" %}
     {% endfor %}
+    <label class="spoiler">
+      <input type="checkbox" class="bo"/>
+      <div class="title">{{ month }}</div>
+      <div class="body">
+      {% for post in site.categories.ru %}
+        {% assign new_month = post.date | date: "%B, %Y" %}
+        {% if new_month != month %}
+            </div>
+          </label>
+          <label class="spoiler">
+            <input type="checkbox" class="bo"/>
+            <div class="title">{{ new_month }}</div>
+            <div class="body">
+        {% endif %}
+        {% assign month = post.date | date: "%B, %Y" %}
+        <i>{{ post.date | date_to_string }}</i> &raquo; <a name="{{ post.short }}" class="anchor" href="#{{ post.short }}"><span class="octicon octicon-link"></span></a><a href="{{ post.url }}">{{ post.title }}</a> ({{ post.tags }})<br>
+      {% endfor %}
+      </div>
+    </label>
 
     <script type="text/javascript" src="http://datejs.googlecode.com/svn/trunk/build/date-en-US.js"></script>

ru/blog/index.html

@@ -16,7 +16,7 @@ back: 1
 
     {% for post in site.categories.ru limit:10 %}
         <h1><a name="{{ post.short }}" class="anchor" href="#{{ post.short }}"><span class="octicon octicon-link"></span></a><a href="{{ post.url }}">{{ post.title }}</a></h1>
-        <p align="justify"><i>{{ post.date | date_to_string}}</i></p>
+        <p align="justify"><i>{{ post.date | date_to_string }}</i></p>
         <p align="justify">{{ post.description }}</p>
         <p align="justify"><b>Тэги</b>: {{ post.tags }}</p>
     {% endfor %}

sitemap.xml

@@ -31,6 +31,12 @@ projects:
   <url>
     <loc>http://arcan1s.github.io/ru/blog/</loc>
   </url>
+  <url>
+    <loc>http://arcan1s.github.io/blog/archive/</loc>
+  </url>
+  <url>
+    <loc>http://arcan1s.github.io/ru/blog/archive/</loc>
+  </url>
 {% for post in site.posts %}
   <url>
     <loc>http://arcan1s.github.io{{ post.url }}</loc>