switch out title font and use β character instead of ß

betamaxteam · Oct 6, 2011 · 3cc55c0 · 3cc55c0
1 parent 19591cd
commit 3cc55c0
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 7 deletions.
diff --git a/_layouts/index.html b/_layouts/index.html
@@ -14,7 +14,7 @@
 
 	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
 
-    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Michroma">
+    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Play&subset=latin,greek">
 	<link rel="stylesheet" href="stylesheets/base.css">
 	<link rel="stylesheet" href="stylesheets/skeleton.css">
 	<link rel="stylesheet" href="stylesheets/layout.css">

diff --git a/index.md b/index.md
@@ -280,7 +280,7 @@ If your project gets dependencies from a [Maven][maven] repository these depende
 
 Betamax is inspired by the [VCR][vcr] library for Ruby written by Myron Marston. Porting VCR to Groovy was suggested to me by [Jim Newbery][jim].
 
-The documentation is built with [Jekyll][jekyll], [Skeleton][skeleton], [LESS][less], [Modernizr][modernizr], [jQuery][jquery] & [Google Code Prettify][prettify]. The site header font is [Michroma][michroma] by Vernon Adams.
+The documentation is built with [Jekyll][jekyll], [Skeleton][skeleton], [LESS][less], [Modernizr][modernizr], [jQuery][jquery] & [Google Code Prettify][prettify]. The site header font is [Play][playfont] by Jonas Hecksher.
 
 ## Examples
 
@@ -307,8 +307,8 @@ Betamax's GitHub repository includes [an example Grails application][grailsexamp
 [licence]:http://www.apache.org/licenses/LICENSE-2.0.html
 [log4j]:http://logging.apache.org/log4j/1.2/
 [maven]:http://maven.apache.org/
-[michroma]:http://www.fontsquirrel.com/fonts/michroma
 [modernizr]:http://www.modernizr.com/
+[playfont]:http://www.fontsquirrel.com/fonts/play
 [prettify]:http://code.google.com/p/google-code-prettify/
 [proxyselector]:http://hc.apache.org/httpcomponents-client-ga/httpclient/apidocs/org/apache/http/impl/conn/ProxySelectorRoutePlanner.html
 [rest]:http://en.wikipedia.org/wiki/Representational_state_transfer

diff --git a/javascripts/betamax.js b/javascripts/betamax.js
@@ -43,7 +43,7 @@ $(document).ready(function() {
     $('.tabs-content li:first-child, .tabs li:first-child a').addClass('active');
 
 	// replace h1 with fancier but less SEO-compliant text
-	$('h1, nav h3').html('&szlig;etamax');
+	$('h1, nav h3').html('&beta;etamax');
 
 	// icons for personal links
 	$('#authors').next('p').find('a').each(function() {

diff --git a/stylesheets/betamax.less b/stylesheets/betamax.less
@@ -3,7 +3,7 @@
 @keyline-color: #daca91;
 
 @font-stack: Verdana, Tahoma, "Trebuchet MS", "DejaVu Sans", "Bitstream Vera Sans", sans-serif;
-@title-font: 'Michroma', sans-serif;
+@title-font: 'Play', sans-serif;
 @code-font: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
 
 @spacing: 10px;
@@ -112,11 +112,13 @@ ul.tabs {
 
 	h1 {
 		font-family: @title-font;
-		font-weight: bold;
+		font-size: 64px;
+		margin: 0;
 	}
 
-	h1, p {
+	p {
 		margin: 0;
+		text-indent: 18px;
 	}
 
 	.teaser {
@@ -146,6 +148,10 @@ nav {
 		position: fixed;
 		top: 0;
 	}
+
+	h3 {
+		font-family: @title-font;
+	}
 
 	li {
 		text-align: right;