Blog section

The blog is driven by the _posts directory nested in each language.

_data/people.yml

@@ -1,4 +1,8 @@
 perry: 
   name: Perry Woodin
   twitter: PerryWoodin
-  image: /assets/img/perry_sm.jpg
+  image: /assets/img/perry_sm.jpg
+tungfa:
+  name: tungfa
+  twitter: 
+  image: 

_i18n/en.yml

@@ -176,6 +176,9 @@ pages:
     youtube-btn: Dash YouTube
 
     # Need some Dash - get content from get-dash ^^
+  blog:
+      title: The Digital Cash Blog
+      description: The Digital Cash Blog
     
 
 nav: 

_i18n/en/_posts/README.md

@@ -0,0 +1,8 @@
+To create a new post, all you need to do is create a file in the _posts directory. How you name files in this folder is important. Jekyll requires blog post files to be named according to the following format:
+
+YEAR-MONTH-DAY-title.MARKUP
+Where YEAR is a four-digit number, MONTH and DAY are both two-digit numbers, and MARKUP is the file extension representing the format used in the file. For example, the following are examples of valid post filenames:
+
+2011-12-31-new-years-eve-is-awesome.md
+2011-12-31-new-years-eve-is-awesome.html
+2012-09-12-how-to-write-a-blog.textile

_i18n/en/blog/header.html

@@ -0,0 +1,12 @@
+<div id="header">
+  
+	<!-- Navigation -->
+	{% include nav-desktop.html logo-color="blue" %}
+
+	<!-- Hero content -->
+	<div class="page-info">
+		<h1 class="content">{% t pages.blog.title %}</h1>
+		<p class="content">{% t pages.blog.description %}</p>
+	</div>
+  
+</div>

_i18n/es/blog/header.html

@@ -0,0 +1,10 @@
+<div id="hero">
+  
+	<!-- Navigation -->
+	{% include nav-desktop.html %}
+
+	<!-- Hero content -->
+	<h1 class="content">{% t pages.blog.title %}</h1>
+	<p class="content">{% t pages.blog.description %}</p>
+  
+</div>

_includes/author.html

@@ -1,8 +1,5 @@
 {% if page.author %}
 <div class="author">
-	<div class="divider">
-		<img src="/assets/images/divider-logo-mark.png">
-	</div>
 	{% assign author = site.data.people[page.author] %}
 	<img src="{{ author.image }}" class="author-icon img-circle"><br />
 	<a rel="author"

_includes/nav-desktop.html

@@ -12,8 +12,17 @@
 
 {% capture basenav %}{{ base }}{% if site.lang != "en" %}/{{ site.lang }}{% endif %}{% endcapture %}
 
+<!-- 
+    To change the logo color, pass the parameter in the include. 
+    include nav-desktop.html logo-color="blue"
+-->
+{% assign logo-color = 'white' %}
+{% if include.logo-color %}
+    {% assign logo-color = include.logo-color %}
+{% endif %}
+
 <div id="top" class="content">
-    <a href="#"><img src="{{ base }}/assets/img/logo-white.png" alt="Dash" class="logo"></a>
+    <a href="#"><img src="{{ base }}/assets/img/logo-{{ logo-color }}.png" alt="Dash" class="logo"></a>
 
     <nav class="desktop">
         <ul class="menu">
@@ -21,8 +30,8 @@
             <li><a href="{{ basenav }}/get-dash/">{% t nav.get-dash %}</a></li>
             <li><a href="{{ basenav }}/participate/">{% t nav.participate %}</a></li>
             <li><a href="{{ basenav }}/currency/">{% t nav.currency %}</a></li>
-            <li><a href="{{ basenav }}/community">{% t nav.community %}</a></li>
-            <li><a href="{{ basenav }}">{% t nav.blog %}</a></li>
+            <li><a href="{{ basenav }}/community/">{% t nav.community %}</a></li>
+            <li><a href="{{ basenav }}/blog/">{% t nav.blog %}</a></li>
             <li><a href="{{ basenav }}">{% t nav.project %}</a></li>
             
             <li><a href="{{ base }}{{ page.url }}">{% t global.english %}</a></li>

_includes/nav-mobile.html

@@ -18,8 +18,8 @@
         <li><a href="{{ basenav }}/get-dash/">{% t nav.get-dash %}</a></li>
         <li><a href="{{ basenav }}/participate/">{% t nav.participate %}</a></li>
         <li><a href="{{ basenav }}/currency/">{% t nav.currency %}</a></li>
-        <li><a href="{{ basenav }}/community">{% t nav.community %}</a></li>
-        <li><a href="{{ basenav }}">{% t nav.blog %}</a></li>
+        <li><a href="{{ basenav }}/community/">{% t nav.community %}</a></li>
+        <li><a href="{{ basenav }}/blog/">{% t nav.blog %}</a></li>
         <li><a href="{{ basenav }}">{% t nav.project %}</a></li>
         
         <li><a href="{{ base }}{{ page.url }}">{% t global.english %}</a></li>

_includes/pagination_navigation.html

@@ -0,0 +1,10 @@
+<!-- Pagination links -->
+<div class="pagination">
+  {% if paginator.previous_page %}
+    <a href="{{ paginator.previous_page_path }}" class="previous">&laquo; Previous</a>
+  {% endif %}
+  <span class="page_number ">Page {{ paginator.page }} of {{ paginator.total_pages }}</span>
+  {% if paginator.next_page %}
+    <a href="{{ paginator.next_page_path }}" class="next">Next &raquo;</a>
+  {% endif %}
+</div>

_includes/pagination_navigation_all.html

@@ -0,0 +1,21 @@
+{% if paginator.total_pages > 1 %}
+<div class="pagination">
+  {% if paginator.previous_page %}
+    <a href="{{ paginator.previous_page_path | prepend: site.baseurl | replace: '//', '/' }}">&laquo; Prev</a>
+  {% endif %}
+
+  {% for page in (1..paginator.total_pages) %}
+    {% if page == paginator.page %}
+      <em>{{ page }}</em>
+    {% elsif page == 1 %}
+      <a href="/blog">{{ page }}</a>
+    {% else %}
+      <a href="{{ site.paginate_path | prepend: site.baseurl | replace: '//', '/' | replace: ':num', page }}">{{ page }}</a>
+    {% endif %}
+  {% endfor %}
+
+  {% if paginator.next_page %}
+    <a href="{{ paginator.next_page_path | prepend: site.baseurl | replace: '//', '/' }}">Next &raquo;</a>
+  {% endif %}
+</div>
+{% endif %}

_layouts/default.html

@@ -49,7 +49,6 @@
     </div>
     
     <script src="{{ base }}/assets/js/full-menu.js"></script>
-       }
 
 <script>
 function windowPopup(url, width, height) {

_posts/README.md

@@ -1,4 +1,4 @@
-To create a new post, all you need to do is create a file in the _posts directory. How you name files in this folder is important. Jekyll requires blog post files to be named according to the following format:
+To create a new post, all you need to do is create a file in the _i18n/[language]/_posts directory. How you name files in this folder is important. Jekyll requires blog post files to be named according to the following format:
 
 YEAR-MONTH-DAY-title.MARKUP
 Where YEAR is a four-digit number, MONTH and DAY are both two-digit numbers, and MARKUP is the file extension representing the format used in the file. For example, the following are examples of valid post filenames:

_sass/_header.scss

@@ -0,0 +1,45 @@
+#header {
+	text-align: left;
+	color: $white;
+	padding: 1px 0;
+
+	#top {
+		border-bottom: 1px solid $blue;
+		text-align: left;
+		.logo {
+			width: 180px;
+			height: auto;
+			display: inline-block;
+		}
+		nav {
+			float: right;
+			text-align: right;
+			margin-bottom: 5px;
+			li {
+				display: inline;
+				margin-left: 20px;
+				a {
+					color: $blue;
+					text-decoration: none;
+					font-size: 12px;
+					font-family: 'montserratregular';
+					&:hover {
+						color: lighten($blue, 25);
+					}
+				}
+			}
+		}
+	}
+	.page-info {
+		background-color: #fff;
+	}
+	h1 {
+		color: $blue;
+		text-shadow: 1px 2px 4px rgba(0, 0, 0, 0.3);
+	}
+	
+	p {
+		color: $blue;
+		margin-bottom: 50px;
+	}
+}

assets/css/style.scss

@@ -72,6 +72,7 @@ a.blog_link {
 @import "home";
 @import "interior";
 @import "post";
+@import "header";
 
 @import "1024";
 @import "768";

blog/index.html

@@ -0,0 +1,36 @@
+---
+layout: default
+title: pages.blog.title
+description: pages.blog.description
+---
+
+{% tf blog/header.html %}
+
+<div class="content post">
+	<div class="single-col">
+
+		{% include pagination_navigation_all.html %}
+		
+		{% for post in paginator.posts %} 
+		<!-- limit:4  --> 
+			<div class="feature">
+				{% if post.image %}
+					<img src="{{ post.image }}" class="preview">
+				{% endif %}
+				
+				<h2><a href="{{ post.url }}">{{ post.title }}</a></h2>
+				
+				<p><em>{{ post.date | date: "%b %d, %Y" }}</em><br />{{ post.excerpt | strip_html | truncatewords: 50 }}</p>
+				
+			</div>
+			<span class="clear"></span>
+
+			<div class="divider">
+				
+			</div>
+		{% endfor %}
+
+		{% include pagination_navigation_all.html %}
+
+	</div>
+</div>