adds images for post preview and improve research posts

_config.yml

@@ -55,7 +55,7 @@ defaults:
     scope:
       type:         "researches"
     values:
-      layout:       "post"
+      layout:       "research-post"
   -
     scope:
       type:         "projects"

_layouts/research-post.html

@@ -0,0 +1,29 @@
+---
+layout: default
+---
+
+<article>
+
+	<div class="center">
+		<h1 class="title">({{ page.status }}) {{ page.title }}</h1>
+		<span class="code">{{ page.authors }}</span>
+		<time class="code">{{ page.date | date: '%B %-d, %Y' }}</time>
+	</div>
+
+	<div class="divider"></div>
+
+	{{ content }}
+
+</article>
+
+<div class="page-navigation code">
+	{% if page.next.url %}
+    <a class="next" href="{{ page.next.url | prepend: site.baseurl | prepend: site.url }}" title="NEXT: {{page.next.title}}">&lt;&lt;</a>
+		<span> &middot; </span>
+  {% endif %}
+		<a class="home" href="{{ "/" | prepend: site.baseurl | prepend: site.url }}" title="Back to Index">Index</a>
+  {% if page.previous.url %}
+		<span> &middot; </span>
+    <a class="prev" href="{{ page.previous.url | prepend: site.baseurl | prepend: site.url }}" title="PREV: {{page.previous.title}}">&gt;&gt;</a>
+  {% endif %}
+</div>

_posts/2015-09-06-blog-lorem-ipsum.md

@@ -2,6 +2,8 @@
 title: Lorem Ipsum
 type: blog
 date: 2015-09-06
+imageurl: /assets/preview-mycat.png
+authors: Someone
 ---
 
 ### The standard Lorem Ipsum passage, used since the 1500s

_posts/2015-09-09-blog-download-this-theme.md

@@ -2,6 +2,8 @@
 title: Download this Theme
 type: blog
 date: 2015-09-09
+imageurl: /assets/preview-mycat.png
+authors: Someone
 ---
 
 The Plain is a minimalist Jekyll theme, designed to focus on writing that really matters to you and your audience. Everything else is just a distraction. Nothing more other than useful and understandable information sharing. I have made a final update to this theme. This theme is suit best for personal blog type, but not limited to.

_posts/2016-10-18-blog-very-long-title-post.md

@@ -2,6 +2,8 @@
 title: For Example of very Long Title Would Be Typography Elements in One
 type: blog
 date: 2016-10-18
+imageurl: /assets/preview-mycat.png
+authors: Someone
 ---
 
 **NOTE:** This markdown cheatsheet is a typography demo for this theme. Check out this post to learn more about this markdown usage when you want to get started with this theme. Enjoy!

_projects/2015-09-06-project-lorem-ipsum.md

@@ -2,6 +2,8 @@
 title: Lorem Ipsum
 type: projects
 date: 2015-09-06
+imageurl: /assets/preview-mycat.png
+authors: Someone
 ---
 
 ### The standard Lorem Ipsum passage, used since the 1500s

_projects/2015-09-09-project-download-this-theme.md

@@ -2,6 +2,8 @@
 title: Download this Theme
 type: projects
 date: 2015-09-09
+imageurl: /assets/preview-mycat.png
+authors: Someone
 ---
 
 The Plain is a minimalist Jekyll theme, designed to focus on writing that really matters to you and your audience. Everything else is just a distraction. Nothing more other than useful and understandable information sharing. I have made a final update to this theme. This theme is suit best for personal blog type, but not limited to.

_researches/2016-10-18-research-very-long-title-post.md

@@ -2,6 +2,9 @@
 title: For Example of very Long Title Would Be Typography Elements in One
 type: researches
 date: 2016-10-18
+imageurl: /assets/preview-mycat.png
+authors: Someone
+status: accepted
 ---
 
 **NOTE:** This markdown cheatsheet is a typography demo for this theme. Check out this post to learn more about this markdown usage when you want to get started with this theme. Enjoy!

_sass/main.scss

@@ -29,7 +29,7 @@ h3,
 h4,
 h5,
 h6 {
-    margin-bottom: 1rem;
+    margin-bottom: 1.5rem;
     line-height: 1.25;
     color: #313131;
 }
@@ -38,7 +38,7 @@ h1 {
 }
 
 h2 {
-  margin-top: 1rem;
+  margin-top: 1.5rem;
   font-size: 1.5rem;
 }
 
@@ -190,13 +190,13 @@ iframe {
 }
 ul,
 ol {
-  margin: 40px 0;
+  margin: 20px 0;
   padding-left: 50px;
   li {
     word-wrap: break-word;
   }
   img {
-    margin: 40px 0;
+    margin: 0;
     border-radius: 5px;
   }
 }
@@ -242,7 +242,7 @@ pre {
 table {
   width: 100%;
   table-layout: fixed;
-  margin: 45px 0;
+  margin: 25px 0;
   thead {
     background: #f2f2f2;
   }
@@ -259,7 +259,7 @@ iframe {
   width: 100%;
 }
 article {
-  max-width: 500px;
+  max-width: 550px;
   margin: 0 auto;
   h1.title {
     line-height: 1.4em;
@@ -342,7 +342,7 @@ article {
 .page-navigation,
 .footer {
   text-align: center;
-  max-width: 500px;
+  max-width: 550px;
   margin: 0 auto;
   font-size: 0.8rem;
 }
@@ -366,7 +366,7 @@ article {
   }
 }
 section {
-  max-width: 500px;
+  max-width: 550px;
   margin: 0 auto 50px auto;
   h1.title {
     line-height: 1.4em;

_talks/2015-09-06-talks-lorem-ipsum.md

@@ -2,6 +2,8 @@
 title: Lorem Ipsum
 type: talks
 date: 2015-09-06
+imageurl: /assets/preview-mycat.png
+authors: Someone
 ---
 
 ### The standard Lorem Ipsum passage, used since the 1500s

_talks/2015-09-09-talks-download-this-theme.md

@@ -2,6 +2,8 @@
 title: Download this Theme
 type: talks
 date: 2015-09-09
+imageurl: /assets/preview-mycat.png
+authors: Someone
 ---
 
 The Plain is a minimalist Jekyll theme, designed to focus on writing that really matters to you and your audience. Everything else is just a distraction. Nothing more other than useful and understandable information sharing. I have made a final update to this theme. This theme is suit best for personal blog type, but not limited to.

_talks/2016-10-18-talks-very-long-title-post.md

@@ -2,6 +2,8 @@
 title: For Example of very Long Title Would Be Typography Elements in One
 type: talks
 date: 2016-10-18
+imageurl: /assets/preview-mycat.png
+authors: Someone
 ---
 
 **NOTE:** This markdown cheatsheet is a typography demo for this theme. Check out this post to learn more about this markdown usage when you want to get started with this theme. Enjoy!

blog.html

@@ -11,7 +11,7 @@ <h1 class="title">Blog</h1>
 
 	<div class="divider"></div>
 
-	{% assign sorted = (site.posts | sort: date) | reverse %}
+	{% assign sorted = (site.blog | sort: date) | reverse %}
 	{% for post in sorted %}
 		{% unless post.next %}
 			<h3 class="code">{{ post.date | date: '%Y' }}</h3>
@@ -29,7 +29,10 @@ <h3 class="code">{{ post.date | date: '%Y' }}</h3>
 					<span>{{ post.date | date: "%b %d" }}</span>
 				</div>
 				<div class="title">
-					<a href="{{ post.url | prepend: site.baseurl | prepend: site.url }}">{{ post.title }}</a>
+					<a href="{{ post.url | prepend: site.baseurl | prepend: site.url }}">
+						<img src="{{ post.imageurl }}" alt="" style="width: 100%;">
+						{{ post.title }}
+					</a>
 				</div>
 			</li>
 		</ul>

index.html

@@ -4,7 +4,10 @@
 
 <section>
 
-This will be your Home page.
+Hello.
+
+This is my academic website. Here I post my academic activities (my researches
+and talks), some of my projects and a blog where I publish more detailed posts.
 
 <div class="divider"></div>
 
@@ -18,25 +21,27 @@ <h1 class="title">Recent Activites</h1>
 
 	<div class="divider"></div>
 
-	{% assign sorted = ((site.documents | sort: type) | sort: date) | reverse %}
+	{% assign sorted = ((site.documents | sort: date) | reverse) %}
+	{% assign recent_activities = "" | split: "/" %}
 	{% for post in sorted limit:5 %}
-		{% unless post.next %}
-			<h3 class="code" style="text-transform: capitalize;">{{ post.type }}</h3>
-		{% else %}
-			{% capture type %}{{ post.type }}{% endcapture %}
-			{% capture ntype %}{{ post.next.type }}{% endcapture %}
-			{% if type != ntype %}
-				<h3 class="code" style="text-transform: capitalize;">{{ post.type }}</h3>
-			{% endif %}
-		{% endunless %}
-
-		<ul>
-			<li>
-				<div class="title">
-					<a href="{{ post.url | prepend: site.baseurl | prepend: site.url }}">{{ post.title }}</a>
-				</div>
-			</li>
-		</ul>
+		{% assign recent_activities = recent_activities | push: post %}
+	{% endfor %}
+	{% assign recent_activities = (recent_activities | group_by: "type") %}
+	{% for group in recent_activities %}
+		{% assign anitem = group.items | first %}
+		<h3 class="code" style="text-transform: capitalize;">{{ anitem.type }}</h3>
+		{% for item in group.items %}
+			<ul>
+				<li>
+					<div class="title">
+						<a href="{{ item.url | prepend: site.baseurl | prepend: site.url }}">
+							<img src="{{ post.imageurl }}" alt="" style="width: 100%;">
+							{{ item.title }}
+						</a>
+					</div>
+				</li>
+			</ul>
+    {% endfor %}
 	{% endfor %}
 
 </section>

projects.html

@@ -29,7 +29,10 @@ <h3 class="code">{{ post.date | date: '%Y' }}</h3>
 					<span>{{ post.date | date: "%b %d" }}</span>
 				</div>
 				<div class="title">
-					<a href="{{ post.url | prepend: site.baseurl | prepend: site.url }}">{{ post.title }}</a>
+					<a href="{{ post.url | prepend: site.baseurl | prepend: site.url }}">
+						<img src="{{ post.imageurl }}" alt="" style="width: 100%;">
+						{{ post.title }}
+					</a>
 				</div>
 			</li>
 		</ul>

researches.html

@@ -29,7 +29,10 @@ <h3 class="code">{{ post.date | date: '%Y' }}</h3>
 					<span>{{ post.date | date: "%b %d" }}</span>
 				</div>
 				<div class="title">
-					<a href="{{ post.url | prepend: site.baseurl | prepend: site.url }}">{{ post.title }}</a>
+					<a href="{{ post.url | prepend: site.baseurl | prepend: site.url }}">
+						<img src="{{ post.imageurl }}" alt="" style="width: 100%;">
+						({{ post.status }}) {{ post.title }} - {{ post.authors }}
+					</a>
 				</div>
 			</li>
 		</ul>

talks.html

@@ -29,7 +29,10 @@ <h3 class="code">{{ post.date | date: '%Y' }}</h3>
 					<span>{{ post.date | date: "%b %d" }}</span>
 				</div>
 				<div class="title">
-					<a href="{{ post.url | prepend: site.baseurl | prepend: site.url }}">{{ post.title }}</a>
+					<a href="{{ post.url | prepend: site.baseurl | prepend: site.url }}">
+						<img src="{{ post.imageurl }}" alt="" style="width: 100%;">
+						{{ post.title }}
+					</a>
 				</div>
 			</li>
 		</ul>