Improved layout on mobile.

Author: dblock

_config.yml

@@ -1,6 +1,6 @@
 title:
   long: Ruby Grape | An opinionated micro-framework for creating REST-like APIs in Ruby.
-  short: Ruby Grape | API Framework
+  short: Ruby Grape
 locale: en_US
 url: # https://ruby-grape.github.io
 markdown: kramdown
@@ -15,7 +15,7 @@ kramdown:
 owner:
   name: Ruby Grape
   avatar: logo.png
-  info: ""
+  info: An opinionated micro-framework for creating REST-like APIs in Ruby.
   email: ruby-grape@googlegroups.com
   disqus-shortname:
   twitter:
@@ -39,4 +39,3 @@ owner:
   dribbble:
   youtube:
   soundcloud:
-paginate: 30

_includes/_navigation.html

@@ -1,5 +1,10 @@
 <div class="navigation-wrapper">
 	<div class="site-name">
+    <img src="{{ site.url }}/images/{{ author.avatar }}" class="info-photo" alt="{{ author.name }} info photo">
 		<a href="{{ site.url }}/">{{ site.title.short }}</a>
 	</div><!-- /.site-name -->
+  <div class="site-info">
+    {{ site.owner.info }}
+  </div>
+  <a href='{{ site.url }}/'>
 </div><!-- /.navigation-wrapper -->

_layouts/default.html

@@ -7,7 +7,7 @@
 {% include _head.html %}
 </head>
 
-<body class="post-index">
+<body>
 
 {% include _browser-upgrade.html %}
 

_layouts/page.html

@@ -19,7 +19,7 @@
     {% include _search.html %}
   </div>
   <article class="page">
-    <h2><a href='/'>&lt; Home</a> | {{ page.title }}</h2>
+    <h3><a href='/'>&lt; Home</a> | {{ page.title }}</h3>
     <div class="article-wrap">
       {{ content }}
     </div><!-- /.article-wrap -->

_sass/page.scss

@@ -6,9 +6,7 @@ body {
 .navigation-wrapper {
 	@include container;
 	padding: 2em 0 1em;
-	font-family: $heading-font;
 	font-weight: 700;
-	text-transform: uppercase;
 	@include clearfix;
 	@media #{$micro} {
 		display: block;
@@ -24,13 +22,13 @@ body {
 	}
 }
 .site-name {
+  font-family: $heading-font;
 	@include grid(12,10);
 	@include prefix(12,1);
 	@include suffix(12,1);
-	margin-bottom: 1em;
 	float: none;
 	display: block;
-	@include font-rem(24);
+	@include font-rem(36);
 	@media #{$small} {
 		@include grid(12,2);
 		@include prefix(12,0.5);
@@ -41,6 +39,20 @@ body {
 		@include grid(12,1.5);
 		@include prefix(12,2);
 	}
+  img {
+    height: 0.7em;
+    vertical-align: absmiddle;
+  }
+}
+.site-info {
+  @include grid(12,10);
+  @include prefix(12,1);
+  @include suffix(12,1);
+  margin-bottom: 1em;
+  float: none;
+  display: block;
+  font-style: italic;
+  @include font-rem(12);
 }
 .top-navigation {
 	@include grid(12,10);
@@ -253,31 +265,17 @@ $button-size: 1.5rem;
 	@media #{$x-large} {
 		@include grid(12,4.5);
 	}
-	h3 {
-		margin: 0;
-		padding-bottom: .5em;
+	a {
 		@include font-rem(28);
-		border-bottom: 1px solid lighten($black,70);
+    font-family: $heading-font;
+    font-weight: bold;
 		&.next {
 			margin-top: 30px;
 		}
 	}
-	article {
-		h2 {
-			margin-bottom: 4px;
-			@include font-rem(20);
-			&.link-post {
-				margin-bottom: 0px + $doc-line-height;
-				margin-bottom: 0rem + ($doc-line-height / $doc-font-size);
-			}
-		}
-		p {
-			@include font-rem(14);
-		}
-		p+p {
-			text-indent: 0;
-		}
-	}
+  p {
+    @include font-rem(14);
+  }
 }
 .image-wrap {
 	position: relative;

index.html

@@ -0,0 +1,17 @@
+---
+layout: default
+comments: false
+---
+
+[Ruby Grape Projects](/projects)
+Grape ecosystem projects.
+
+[Ruby Grape Team](/team)
+Who maintains Ruby Grape?
+
+[Want to help?](https://github.com/ruby-grape/ruby-grape.github.io/issues)
+A number of non-code, community-related work-items you can help with.
+
+[Need help?](https://groups.google.com/forum/#!forum/ruby-grape)
+Please join and use the ruby-grape Google group for all questions.
+

index.md

@@ -5,7 +5,7 @@ tags: [projects]
 comments: false
 ---
 
-## Grape Core Projects
+## Core
 
 * [grape](https://github.com/ruby-grape/grape): An opinionated micro-framework for creating REST-like APIs in Ruby.
 * [ruby-grape.github.io](https://github.com/ruby-grape/ruby-grape.github.io): The ruby-grape community site.