Merge branch 'master' of gitlab.com:murukesh/murukesh.gitlab.io

_config.yml

@@ -26,6 +26,7 @@ pages_list:
     Resources: 'resources'
     Blog: 'blog'
 
-exclude: [vendor, "Gemfile", "Gemfile.lock"]
+exclude: [vendor, "Gemfile", "Gemfile.lock", "README.md", "LICENSE"]
 paginate: 5
 paginate_path: "/blog/page:num/"
+future: true

_drafts/2016-08-06-japanese.md

----
-layout: post
-title: 始めまして！
----
-
-一ヶ月前から　日本語をべんきょうして　います。漢字　と　文法を　少し　わかります。
-ですから、日本語で　書いてが　むずかしい　です。今まで　漢字を百二十ぐらい　
-ならいました。その漢字なかに　六十ぐらい　おぼえて　います。このポスト　
-Googleのmozcで　書きました。Googleのmozcは　とても　べんり　です。
-

_layouts/default.html

@@ -11,7 +11,7 @@
 		<title>
 			{{ page.title }} &ndash; Muru
 		</title>
-		<link rel="stylesheet" href="{{ site.base-url }}/styles/style.css" type="text/css">
+		<link rel="stylesheet" href="{{ site.base-url }}/css/style.css" type="text/css">
 		{% if page.pagestyle %}
 			{% assign pagestyle = page.pagestyle %}
 		{% else %}
@@ -22,7 +22,7 @@
 		</script>
 		{% endif %}
 		{% if pagestyle %}
-		<link rel="stylesheet" href="{{ site.base-url }}/styles/{{ pagestyle }}.css" type="text/css">
+		<link rel="stylesheet" href="{{ site.base-url }}/css/{{ pagestyle }}.css" type="text/css">
 		{% endif %}
 		<!-- Web Fonts FTW! -->
 		<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Ubuntu">

_layouts/tag.html

+---
+title: Tag
+pagestyle: tag
+layout: default
+---
+
+{% assign tag = site.data.tags[page.tag] %}
+<section class="tag-title">
+	<header>
+		<h1>Tag: {{ tag.name }}</h1>
+	</header>
+
+	<hr>
+	{{ tag.desc }}
+</section>
+
+{% for post in site.posts %}
+  {% if post.tags contains page.tag %}
+    <section class="post">
+      <header class="post-title">
+        <h1>
+          <a href="{{site.base-url}}{{ post.url }}#main">{{ post.title }}</a>
+          <time datetime="{{ post.date | date_to_xmlschema }}" class="post-date">
+            {{ post.date | date: "%B %e, %Y" }}
+          </time>
+          {% if post.tags.size > 0 %}
+          </h1>
+          <ol class="tags-list">
+            {% for post_tag in post.tags %}
+              {% assign tag = site.data.tags[post_tag] %}
+              {% if tag %}
+                <li><a class="tag" href="/blog/tag/{{ post_tag }}/">{{ tag.name }}</a></li>
+              {% endif %}
+            {% endfor %}
+          </ol>
+        {% endif %}
+      </header>
+
+      <hr>
+      {{ post.excerpt }}
+    </section>
+  {% endif %}
+{% endfor %}

_plugins/tag_gen.rb

+# Thanks to http://charliepark.org/tags-in-jekyll/
+
+module Jekyll
+  class TagIndex < Page
+    def initialize(site, base, dir, tag)
+      @site = site
+      @base = base
+      @dir = dir
+      @name = 'index.html'
+      self.process(@name)
+      self.read_yaml(File.join(base, '_layouts'), 'tag.html')
+      self.data['tag'] = tag
+      tag_title_prefix = site.config['tag_title_prefix'] || 'Posts Tagged &ldquo;'
+      tag_title_suffix = site.config['tag_title_suffix'] || '&rdquo;'
+      self.data['title'] = "#{tag_title_prefix}#{tag}#{tag_title_suffix}"
+    end
+  end
+  class TagGenerator < Generator
+    safe true
+    def generate(site)
+      if site.layouts.key? 'tag'
+        dir = site.config['tag_dir'] || 'blog/tag'
+        site.data['tags'].each do |tag, val|
+          write_tag_index(site, File.join(dir, tag), tag)
+        end
+      end
+    end
+    def write_tag_index(site, dir, tag)
+      index = TagIndex.new(site, site.source, dir, tag)
+      index.render(site.layouts, site.site_payload)
+      index.write(site.dest)
+      site.pages << index
+    end
+  end
+end

styles/posts.css → css/posts.css

@@ -38,7 +38,8 @@ a.tag {
 ol.tags-list {
 	margin: 0;
 	padding: 0;
-	text-align: right;
+	display: flex;
+	flex-direction: row-reverse;
 }
 
 ol.tags-list li {
@@ -141,15 +142,19 @@ a.page-prev, a.page-next {
 }
 
 @media screen and (min-device-aspect-ratio: 1/1) and (orientation: landscape) {
+	.post-title h1 {
+		display: flex;
+		margin: 0;
+		margin-bottom: 0.5em;
+		padding: 0;
+	}
+	.post-title h1>a {
+		flex: 2;
+	}
 	.post-date {
-		float: right;
 		border-left: solid 0.2em silver;
 		padding-left: 0.5em;
 	}
-	.post-title h1 {
-		margin: 0.5em;
-		/*overflow: auto;*/
-	}
 	a.page-prev {
 		float: left;
 		width: 30%;

styles/style.css → css/style.css

@@ -100,7 +100,7 @@ body {
 	min-height: 100vh;
 }
 h1 {
-	margin-top: 0;
+	/* margin-bottom: 0.5em; */
 }
 /*h1 {
 	font-size: 2em;

css/tag.css

+@import 'posts.css';
+
+section.post {
+  background-color: #8598a2;
+  color: white;
+}
+
+section.post>header>h1>a:link, section.post>header>h1>a:visited {
+  color: honeydew;
+}
+
+section.post>header>h1 {
+  padding: 0;
+  margin: 0 0 0.5em 0;
+}