Major Changes - Read description

v1.0.028

Renamed pages. Pages are now sorted
Created menu. menu_list helper added.
updated about
added new blog page. Added new layout to blog page
Tags, Categories and Archives moved as tabs to blog page
added & updated contact
added & updated music
added supporting scripts & css
changed site layout

00-index.md

@@ -0,0 +1,11 @@
+---
+layout: page
+name: "Home"
+group: navigation
+title: "Sathyam M Vellal"
+tagline: Music, Food and Code - The three dimensions to my world.
+permalink: "index.html"
+---
+{% include JB/setup %}
+
+Welcome to my personal website! The website is still incomplete but my [blog]({{BASE_PATH}}/blog.html) is active!

01-blog.md

@@ -0,0 +1,79 @@
+---
+layout: page
+name: "Blog"
+group: navigation
+title: "Blog"
+permalink: "blog.html"
+---
+{% include JB/setup %}
+
+<ul class="nav nav-tabs">
+	<li class="active"><a href="#latest-posts" data-toggle="tab">Latest Posts </a></li>
+	<li><a href="#tags" data-toggle="tab">Tags </a></li>
+	<li><a href="#categories" data-toggle="tab">Categories </a></li>
+	<li><a href="#archive" data-toggle="tab">Archive </a></li>
+</ul>
+<div class="tabbable">
+	<div class="tab-content">
+		<div class="tab-pane active" id="latest-posts">
+			<p>
+				<h4> Blog Posts </h4>
+				<ul class="posts">
+					{% for post in site.posts %}
+					<li>
+						<span>{{ post.date | date_to_string }}</span> &raquo; <a href="{{ BASE_PATH }}{{ post.url }}">{{ post.title }}</a>
+						<p>{{ post.description }}</p>
+					</li>
+					<hr>
+					{% endfor %}
+				</ul>
+			</p>
+		</div>
+		<div class="tab-pane" id="tags">
+			<p>
+				<div>
+					<ul class="tag_box inline">
+						{% assign tags_list = site.tags %}  
+						{% include JB/tags_list %}
+					</ul>
+					<hr/>
+					<div class="well" style="padding: 8px 0;">
+						<ul class="nav nav-list">
+							{% for tag in site.tags %}
+							<li class="nav-header" id="{{ tag[0] }}-ref">{{ tag[0] }}</li>
+							{% assign pages_list = tag[1] %}  
+							{% include JB/pages_list %}
+							{% endfor %}
+						</ul>
+					</div>
+				</div>
+			</p>
+		</div>
+		<div class="tab-pane" id="categories">
+			<p>
+				<div>
+					<ul class="tag_box inline">
+						{% assign categories_list = site.categories %}
+						{% include JB/categories_list %}
+					</ul>
+					<hr/>
+					<div class="well" style="padding: 8px 0;">
+						<ul class="nav nav-list">
+							{% for category in site.categories %} 
+							<li class="nav-header" id="{{ category[0] }}-ref">{{ category[0] | join: "/" }}</li>
+							{% assign pages_list = category[1] %}  
+							{% include JB/pages_list %}
+							{% endfor %}
+						</ul>
+					</div>
+				</div>
+			</p>
+		</div>
+		<div class="tab-pane" id="archive">
+			<p>
+				{% assign posts_collate = site.posts %}
+				{% include JB/posts_collate %}
+			</p>
+		</div>
+	</div>
+</div>

02-music.md

@@ -0,0 +1,13 @@
+---
+layout: page
+name: "Music"
+group: menu
+title: "Music"
+permalink: "music.html"
+---
+{% include JB/setup %}
+
+#### Coming Soon ...
+In the meantime, you can visit [boxmusic][1]
+
+[1]: https://app.box.com/boxmusic

03-pages.md

@@ -0,0 +1,14 @@
+---
+layout: page
+name: "Pages"
+group: menu
+title: "Pages" 
+permalink: "pages.html"
+---
+{% include JB/setup %}
+
+<h2>All Pages</h2>
+<ul>
+{% assign pages_list = site.pages %}
+{% include JB/pages_list %}
+</ul>

04-about.md

@@ -0,0 +1,16 @@
+---
+layout: page
+name: "About Me"
+title: "About Me"
+group: menu
+tagline:
+permalink: "about.html"
+---
+
+Hello! I'm Sathyam and this is my personal website. I'm a 21 year old final year undergraduate student pursing Computer Science & Engineering at PES Institute of Technology. I did my schooling in Sri Kumaran Children's Home, SSLC stream and my +2 at Sri Bhagawan Mahaveer Jain College, VV Puram with the BASE integerated scheme.  
+
+![Me @ gIndia, Bangalore][1]
+
+#### This page will be updated with more details soon!
+
+[1]: http://dl.dropboxusercontent.com/u/30013949/sathyam-public.jpg

05-contact.md

@@ -0,0 +1,14 @@
+---
+layout: page
+name: "Contact Me"
+group: menu
+title: "Contact"
+description: ""
+permalink: "contact.html"
+---
+{% include JB/setup %}
+
+#### Coming Soon ...
+In the meantime you can email me [here][1]
+
+[1]: mailto:[email protected]

_includes/JB/custom/pages_list

@@ -0,0 +1,14 @@
+{% assign pages_list = ["about.html", "archives.html", "categories.html"]
+
+{% for node in pages_list %}
+  {% if node.title != null %}
+    {% if group == null or group == node.group %}
+      {% if page.url == node.url %}
+      	<li class="active"><a href="{{ BASE_PATH }}{{node.url}}" class="active">{{node.name}}</a></li>
+      {% else %}
+      	<li><a href="{{ BASE_PATH }}{{node.url}}">{{node.name}}</a></li>
+      {% endif %}
+     {% endif %}
+   {% endif %}
+  {% endfor %}
+{% endif %}

_includes/JB/menu_list

@@ -0,0 +1,36 @@
+{% comment %}<!--
+The pages_list include is a listing helper.
+Usage:
+  1) assign the 'pages_list' variable to a valid array of pages or posts.
+  2) include JB/pages_list
+  example:
+    <ul>
+  	  {% assign pages_list = site.pages %}  
+  	  {% include JB/pages_list %}
+  	</ul>
+
+  Grouping: (optional): 
+  	assign the 'group' variable to constrain the list to only pages/posts
+  	in the given group. Note you must define the group manually in the page/post
+  	meta-data to use this feature.
+  	Grouping is mainly helpful for non-post pages.
+  	If you want to group posts, it's easier/better to tag them, then pass the tagged posts array.
+  	i.e. site.tags.cool_tag (this returns an array of posts tagged: cool_tag)
+
+  This helper can be seen in use at: ../_layouts/default.html
+-->{% endcomment %}
+
+{% if site.JB.pages_list.provider == "custom" %}
+  {% include custom/pages_list %}
+{% else %}
+  {% assign sorted_pages = pages_list | sort:"name" %}
+  {% for node in sorted_pages %}
+    {% if node.title != null %}
+      {% if group == null or group == node.group %}
+      	<li><a href="{{ BASE_PATH }}{{node.url}}">{{node.name}}</a></li>
+      {% endif %}
+    {% endif %}
+  {% endfor %}
+{% endif %}
+{% assign pages_list = nil %}
+{% assign group = nil %}

_includes/JB/pages_list

@@ -23,13 +23,14 @@ Usage:
 {% if site.JB.pages_list.provider == "custom" %}
   {% include custom/pages_list %}
 {% else %}
-  {% for node in pages_list %}
+  {% assign sorted_pages = pages_list | sort:"name" %}
+  {% for node in sorted_pages %}
     {% if node.title != null %}
       {% if group == null or group == node.group %}
       	{% if page.url == node.url %}
-      	<li class="active"><a href="{{ BASE_PATH }}{{node.url}}" class="active">{{node.title}}</a></li>
+      	<li class="active"><a href="{{ BASE_PATH }}{{node.url}}" class="active">{{node.name}}</a></li>
       	{% else %}
-      	<li><a href="{{ BASE_PATH }}{{node.url}}">{{node.title}}</a></li>
+      	<li><a href="{{ BASE_PATH }}{{node.url}}">{{node.name}}</a></li>
       	{% endif %}
       {% endif %}
     {% endif %}

_includes/themes/twitter/default.html

@@ -18,6 +18,7 @@
 
       <!-- Le styles -->
       <!--<link href="{{ ASSET_PATH }}/bootstrap/css/bootstrap.2.2.2.min.css" rel="stylesheet">-->
+      <link href="{{ ASSET_PATH }}/css/bootswatch.css" rel="stylesheet">
       <link href="{{ ASSET_PATH }}/css/readable.css" rel="stylesheet">
       <link href="{{ ASSET_PATH }}/css/style.css?body=1" rel="stylesheet" type="text/css" media="all">
       <!--<link href="{{ ASSET_PATH }}/css/flat-ui.css" rel="stylesheet" type="text/css">-->
@@ -53,12 +54,27 @@
   <div class="navbar">
     <div class="navbar-inner">
       <div class="container-narrow">
-       <a class="brand" href="{{ HOME_PATH }}">{{ site.title }}</a>
-       <ul class="nav">
-        {% assign pages_list = site.pages %}
-        {% assign group = 'navigation' %}
-        {% include JB/pages_list %}
-      </ul>
+        <div class="pull-left">
+          <!-- <a class="brand" href="{{ HOME_PATH }}">{{ site.title }}</a> -->
+          <ul class="nav">
+            {% assign pages_list = site.pages %}
+            {% assign group = 'navigation' %}
+            {% include JB/pages_list %}
+          </ul>
+        </div>
+        <div class="pull-right">
+          <ul class="nav">
+            <li class="dropdown">
+              <a href="#" class="dropdown-toggle" data-toggle="dropdown">Menu <b class="caret"></b></a>
+              <ul class="dropdown-menu">
+                {% assign pages_list = site.pages %}
+                {% assign group = 'menu' %}
+                {% include JB/menu_list %}
+              </ul>
+            </li>
+          </ul>
+        </div>
+      </div>
     </div>
   </div>
 </div>
@@ -74,6 +90,11 @@
  </div>
 </div>
 
+<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
+<script type="text/javascript" src="{{ ASSET_PATH }}/js/jquery.smooth-scroll.min.js"></script>
+<script type="text/javascript" src="{{ ASSET_PATH }}/js/bootstrap.min.js"></script>
+<script type="text/javascript" src="{{ ASSET_PATH }}/js/bootswatch.js"></script>
 {% include JB/analytics %}
+
 </body>
 </html>

_posts/2013-07-04-hello-world.md

@@ -1,5 +1,6 @@
 ---
 layout: post
+name: "Hello World"
 title: "Hello World"
 description: "def begin():"
 category: general

_posts/2013-07-11-0-ad-game.md

@@ -1,5 +1,6 @@
 ---
 layout: post
+name: "0 A.D. Game"
 title: "0 A.D. Game"
 description: "0ad is an Open Source, Historic Real Time Strategy game."
 category: games