diff --git a/_docs/example.tmpl.html b/_docs/example.tmpl.html
index 81695e75c..e6b02205b 100644
--- a/_docs/example.tmpl.html
+++ b/_docs/example.tmpl.html
@@ -9,6 +9,13 @@
   <div class="navbar-header">
     <a class="navbar-brand" href="/">Ebiten</a>
   </div>
+  <nav class="collapse navbar-collapse">
+    <ul class="nav navbar-nav navbar-right">
+      <li><a href="https://github.com/hajimehoshi/ebiten">GitHub</a></li>
+      <li><a href="http://godoc.org/github.com/hajimehoshi/ebiten">GoDoc</a></li>
+     <li><a href="https://github.com/hajimehoshi/ebiten/wiki">Wiki</a>
+    </ul>
+  </nav>
 </header>
 
 <main><div class="container">
diff --git a/_docs/index.tmpl.html b/_docs/index.tmpl.html
index 7efe394c2..da90fd740 100644
--- a/_docs/index.tmpl.html
+++ b/_docs/index.tmpl.html
@@ -11,16 +11,16 @@
     <a class="navbar-brand" href="/">Ebiten</a>
   </div>
   <nav class="collapse navbar-collapse">
-   <ul class="nav navbar-nav">
-     <li><a href="#features">Features</a></li>
-     <li><a href="#examples">Examples</a></li>
-     <li><a href="#getting-started">Getting Started</a></li>
-   </ul>
-   <ul class="nav navbar-nav navbar-right">
-     <li><a href="https://github.com/hajimehoshi/ebiten">GitHub</a></li>
-     <li><a href="http://godoc.org/github.com/hajimehoshi/ebiten">GoDoc</a></li>
-    <li><a href="https://github.com/hajimehoshi/ebiten/wiki">Wiki</a>
-   </ul>
+    <ul class="nav navbar-nav">
+      <li><a href="#features">Features</a></li>
+      <li><a href="#examples">Examples</a></li>
+      <li><a href="#getting-started">Getting Started</a></li>
+    </ul>
+    <ul class="nav navbar-nav navbar-right">
+      <li><a href="https://github.com/hajimehoshi/ebiten">GitHub</a></li>
+      <li><a href="http://godoc.org/github.com/hajimehoshi/ebiten">GoDoc</a></li>
+     <li><a href="https://github.com/hajimehoshi/ebiten/wiki">Wiki</a>
+    </ul>
   </nav>
 </div></header>
 
@@ -55,7 +55,7 @@
   <h2 id="examples">Examples</h2>
   <div class="row">
   {{range .Examples -}}
-    <div class="col-md-4">
+    <div class="col-md-3">
       <a class="thumbnail" href="examples/{{.Name}}.html"><img src="images/examples/{{.Name}}.png" width="{{.ThumbWidth}}" height="{{.ThumbHeight}}" alt="Ebiten example: {{.Name}}" class="example"></a>
     </div>
   {{- end}}
diff --git a/_docs/public/examples/alphablending.html b/_docs/public/examples/alphablending.html
index 690129d0a..273d899ac 100644
--- a/_docs/public/examples/alphablending.html
+++ b/_docs/public/examples/alphablending.html
@@ -9,6 +9,13 @@
   <div class="navbar-header">
     <a class="navbar-brand" href="/">Ebiten</a>
   </div>
+  <nav class="collapse navbar-collapse">
+    <ul class="nav navbar-nav navbar-right">
+      <li><a href="https://github.com/hajimehoshi/ebiten">GitHub</a></li>
+      <li><a href="http://godoc.org/github.com/hajimehoshi/ebiten">GoDoc</a></li>
+     <li><a href="https://github.com/hajimehoshi/ebiten/wiki">Wiki</a>
+    </ul>
+  </nav>
 </header>
 
 <main><div class="container">
diff --git a/_docs/public/examples/audio.html b/_docs/public/examples/audio.html
index 6f3b2a65e..b6014916a 100644
--- a/_docs/public/examples/audio.html
+++ b/_docs/public/examples/audio.html
@@ -9,6 +9,13 @@
   <div class="navbar-header">
     <a class="navbar-brand" href="/">Ebiten</a>
   </div>
+  <nav class="collapse navbar-collapse">
+    <ul class="nav navbar-nav navbar-right">
+      <li><a href="https://github.com/hajimehoshi/ebiten">GitHub</a></li>
+      <li><a href="http://godoc.org/github.com/hajimehoshi/ebiten">GoDoc</a></li>
+     <li><a href="https://github.com/hajimehoshi/ebiten/wiki">Wiki</a>
+    </ul>
+  </nav>
 </header>
 
 <main><div class="container">
diff --git a/_docs/public/examples/blocks.html b/_docs/public/examples/blocks.html
index 6a022834a..db82d657d 100644
--- a/_docs/public/examples/blocks.html
+++ b/_docs/public/examples/blocks.html
@@ -9,6 +9,13 @@
   <div class="navbar-header">
     <a class="navbar-brand" href="/">Ebiten</a>
   </div>
+  <nav class="collapse navbar-collapse">
+    <ul class="nav navbar-nav navbar-right">
+      <li><a href="https://github.com/hajimehoshi/ebiten">GitHub</a></li>
+      <li><a href="http://godoc.org/github.com/hajimehoshi/ebiten">GoDoc</a></li>
+     <li><a href="https://github.com/hajimehoshi/ebiten/wiki">Wiki</a>
+    </ul>
+  </nav>
 </header>
 
 <main><div class="container">
diff --git a/_docs/public/examples/font.html b/_docs/public/examples/font.html
index 678a44bee..4d5629eaf 100644
--- a/_docs/public/examples/font.html
+++ b/_docs/public/examples/font.html
@@ -9,6 +9,13 @@
   <div class="navbar-header">
     <a class="navbar-brand" href="/">Ebiten</a>
   </div>
+  <nav class="collapse navbar-collapse">
+    <ul class="nav navbar-nav navbar-right">
+      <li><a href="https://github.com/hajimehoshi/ebiten">GitHub</a></li>
+      <li><a href="http://godoc.org/github.com/hajimehoshi/ebiten">GoDoc</a></li>
+     <li><a href="https://github.com/hajimehoshi/ebiten/wiki">Wiki</a>
+    </ul>
+  </nav>
 </header>
 
 <main><div class="container">
diff --git a/_docs/public/examples/gamepad.html b/_docs/public/examples/gamepad.html
index 52901bb43..a46a1e97d 100644
--- a/_docs/public/examples/gamepad.html
+++ b/_docs/public/examples/gamepad.html
@@ -9,6 +9,13 @@
   <div class="navbar-header">
     <a class="navbar-brand" href="/">Ebiten</a>
   </div>
+  <nav class="collapse navbar-collapse">
+    <ul class="nav navbar-nav navbar-right">
+      <li><a href="https://github.com/hajimehoshi/ebiten">GitHub</a></li>
+      <li><a href="http://godoc.org/github.com/hajimehoshi/ebiten">GoDoc</a></li>
+     <li><a href="https://github.com/hajimehoshi/ebiten/wiki">Wiki</a>
+    </ul>
+  </nav>
 </header>
 
 <main><div class="container">
diff --git a/_docs/public/examples/hsv.html b/_docs/public/examples/hsv.html
index 2f1d92179..c2c14d360 100644
--- a/_docs/public/examples/hsv.html
+++ b/_docs/public/examples/hsv.html
@@ -9,6 +9,13 @@
   <div class="navbar-header">
     <a class="navbar-brand" href="/">Ebiten</a>
   </div>
+  <nav class="collapse navbar-collapse">
+    <ul class="nav navbar-nav navbar-right">
+      <li><a href="https://github.com/hajimehoshi/ebiten">GitHub</a></li>
+      <li><a href="http://godoc.org/github.com/hajimehoshi/ebiten">GoDoc</a></li>
+     <li><a href="https://github.com/hajimehoshi/ebiten/wiki">Wiki</a>
+    </ul>
+  </nav>
 </header>
 
 <main><div class="container">
diff --git a/_docs/public/examples/hue.html b/_docs/public/examples/hue.html
index 7334d8cd8..30d7924f5 100644
--- a/_docs/public/examples/hue.html
+++ b/_docs/public/examples/hue.html
@@ -9,6 +9,13 @@
   <div class="navbar-header">
     <a class="navbar-brand" href="/">Ebiten</a>
   </div>
+  <nav class="collapse navbar-collapse">
+    <ul class="nav navbar-nav navbar-right">
+      <li><a href="https://github.com/hajimehoshi/ebiten">GitHub</a></li>
+      <li><a href="http://godoc.org/github.com/hajimehoshi/ebiten">GoDoc</a></li>
+     <li><a href="https://github.com/hajimehoshi/ebiten/wiki">Wiki</a>
+    </ul>
+  </nav>
 </header>
 
 <main><div class="container">
diff --git a/_docs/public/examples/keyboard.html b/_docs/public/examples/keyboard.html
index 9720f749f..e2f50b80a 100644
--- a/_docs/public/examples/keyboard.html
+++ b/_docs/public/examples/keyboard.html
@@ -9,6 +9,13 @@
   <div class="navbar-header">
     <a class="navbar-brand" href="/">Ebiten</a>
   </div>
+  <nav class="collapse navbar-collapse">
+    <ul class="nav navbar-nav navbar-right">
+      <li><a href="https://github.com/hajimehoshi/ebiten">GitHub</a></li>
+      <li><a href="http://godoc.org/github.com/hajimehoshi/ebiten">GoDoc</a></li>
+     <li><a href="https://github.com/hajimehoshi/ebiten/wiki">Wiki</a>
+    </ul>
+  </nav>
 </header>
 
 <main><div class="container">
diff --git a/_docs/public/examples/masking.html b/_docs/public/examples/masking.html
index b9c594165..def754b98 100644
--- a/_docs/public/examples/masking.html
+++ b/_docs/public/examples/masking.html
@@ -9,6 +9,13 @@
   <div class="navbar-header">
     <a class="navbar-brand" href="/">Ebiten</a>
   </div>
+  <nav class="collapse navbar-collapse">
+    <ul class="nav navbar-nav navbar-right">
+      <li><a href="https://github.com/hajimehoshi/ebiten">GitHub</a></li>
+      <li><a href="http://godoc.org/github.com/hajimehoshi/ebiten">GoDoc</a></li>
+     <li><a href="https://github.com/hajimehoshi/ebiten/wiki">Wiki</a>
+    </ul>
+  </nav>
 </header>
 
 <main><div class="container">
diff --git a/_docs/public/examples/mosaic.html b/_docs/public/examples/mosaic.html
index 74502e19a..d3557d28b 100644
--- a/_docs/public/examples/mosaic.html
+++ b/_docs/public/examples/mosaic.html
@@ -9,6 +9,13 @@
   <div class="navbar-header">
     <a class="navbar-brand" href="/">Ebiten</a>
   </div>
+  <nav class="collapse navbar-collapse">
+    <ul class="nav navbar-nav navbar-right">
+      <li><a href="https://github.com/hajimehoshi/ebiten">GitHub</a></li>
+      <li><a href="http://godoc.org/github.com/hajimehoshi/ebiten">GoDoc</a></li>
+     <li><a href="https://github.com/hajimehoshi/ebiten/wiki">Wiki</a>
+    </ul>
+  </nav>
 </header>
 
 <main><div class="container">
diff --git a/_docs/public/examples/noise.html b/_docs/public/examples/noise.html
index a051a4d6f..5201e1cfa 100644
--- a/_docs/public/examples/noise.html
+++ b/_docs/public/examples/noise.html
@@ -9,6 +9,13 @@
   <div class="navbar-header">
     <a class="navbar-brand" href="/">Ebiten</a>
   </div>
+  <nav class="collapse navbar-collapse">
+    <ul class="nav navbar-nav navbar-right">
+      <li><a href="https://github.com/hajimehoshi/ebiten">GitHub</a></li>
+      <li><a href="http://godoc.org/github.com/hajimehoshi/ebiten">GoDoc</a></li>
+     <li><a href="https://github.com/hajimehoshi/ebiten/wiki">Wiki</a>
+    </ul>
+  </nav>
 </header>
 
 <main><div class="container">
diff --git a/_docs/public/examples/paint.html b/_docs/public/examples/paint.html
index 5d6fa4867..69fd6cbbc 100644
--- a/_docs/public/examples/paint.html
+++ b/_docs/public/examples/paint.html
@@ -9,6 +9,13 @@
   <div class="navbar-header">
     <a class="navbar-brand" href="/">Ebiten</a>
   </div>
+  <nav class="collapse navbar-collapse">
+    <ul class="nav navbar-nav navbar-right">
+      <li><a href="https://github.com/hajimehoshi/ebiten">GitHub</a></li>
+      <li><a href="http://godoc.org/github.com/hajimehoshi/ebiten">GoDoc</a></li>
+     <li><a href="https://github.com/hajimehoshi/ebiten/wiki">Wiki</a>
+    </ul>
+  </nav>
 </header>
 
 <main><div class="container">
diff --git a/_docs/public/examples/perspective.html b/_docs/public/examples/perspective.html
index 5cb4e15af..648ba4f30 100644
--- a/_docs/public/examples/perspective.html
+++ b/_docs/public/examples/perspective.html
@@ -9,6 +9,13 @@
   <div class="navbar-header">
     <a class="navbar-brand" href="/">Ebiten</a>
   </div>
+  <nav class="collapse navbar-collapse">
+    <ul class="nav navbar-nav navbar-right">
+      <li><a href="https://github.com/hajimehoshi/ebiten">GitHub</a></li>
+      <li><a href="http://godoc.org/github.com/hajimehoshi/ebiten">GoDoc</a></li>
+     <li><a href="https://github.com/hajimehoshi/ebiten/wiki">Wiki</a>
+    </ul>
+  </nav>
 </header>
 
 <main><div class="container">
diff --git a/_docs/public/examples/piano.html b/_docs/public/examples/piano.html
index 03af7c818..4436c6d92 100644
--- a/_docs/public/examples/piano.html
+++ b/_docs/public/examples/piano.html
@@ -9,6 +9,13 @@
   <div class="navbar-header">
     <a class="navbar-brand" href="/">Ebiten</a>
   </div>
+  <nav class="collapse navbar-collapse">
+    <ul class="nav navbar-nav navbar-right">
+      <li><a href="https://github.com/hajimehoshi/ebiten">GitHub</a></li>
+      <li><a href="http://godoc.org/github.com/hajimehoshi/ebiten">GoDoc</a></li>
+     <li><a href="https://github.com/hajimehoshi/ebiten/wiki">Wiki</a>
+    </ul>
+  </nav>
 </header>
 
 <main><div class="container">
diff --git a/_docs/public/examples/rotate.html b/_docs/public/examples/rotate.html
index 69fb4aaec..e71176577 100644
--- a/_docs/public/examples/rotate.html
+++ b/_docs/public/examples/rotate.html
@@ -9,6 +9,13 @@
   <div class="navbar-header">
     <a class="navbar-brand" href="/">Ebiten</a>
   </div>
+  <nav class="collapse navbar-collapse">
+    <ul class="nav navbar-nav navbar-right">
+      <li><a href="https://github.com/hajimehoshi/ebiten">GitHub</a></li>
+      <li><a href="http://godoc.org/github.com/hajimehoshi/ebiten">GoDoc</a></li>
+     <li><a href="https://github.com/hajimehoshi/ebiten/wiki">Wiki</a>
+    </ul>
+  </nav>
 </header>
 
 <main><div class="container">
diff --git a/_docs/public/examples/sprites.html b/_docs/public/examples/sprites.html
index b9e9f52a0..8cab0b6bb 100644
--- a/_docs/public/examples/sprites.html
+++ b/_docs/public/examples/sprites.html
@@ -9,6 +9,13 @@
   <div class="navbar-header">
     <a class="navbar-brand" href="/">Ebiten</a>
   </div>
+  <nav class="collapse navbar-collapse">
+    <ul class="nav navbar-nav navbar-right">
+      <li><a href="https://github.com/hajimehoshi/ebiten">GitHub</a></li>
+      <li><a href="http://godoc.org/github.com/hajimehoshi/ebiten">GoDoc</a></li>
+     <li><a href="https://github.com/hajimehoshi/ebiten/wiki">Wiki</a>
+    </ul>
+  </nav>
 </header>
 
 <main><div class="container">
diff --git a/_docs/public/index.html b/_docs/public/index.html
index 40a4a2dc4..46a3053f6 100644
--- a/_docs/public/index.html
+++ b/_docs/public/index.html
@@ -11,16 +11,16 @@
     <a class="navbar-brand" href="/">Ebiten</a>
   </div>
   <nav class="collapse navbar-collapse">
-   <ul class="nav navbar-nav">
-     <li><a href="#features">Features</a></li>
-     <li><a href="#examples">Examples</a></li>
-     <li><a href="#getting-started">Getting Started</a></li>
-   </ul>
-   <ul class="nav navbar-nav navbar-right">
-     <li><a href="https://github.com/hajimehoshi/ebiten">GitHub</a></li>
-     <li><a href="http://godoc.org/github.com/hajimehoshi/ebiten">GoDoc</a></li>
-    <li><a href="https://github.com/hajimehoshi/ebiten/wiki">Wiki</a>
-   </ul>
+    <ul class="nav navbar-nav">
+      <li><a href="#features">Features</a></li>
+      <li><a href="#examples">Examples</a></li>
+      <li><a href="#getting-started">Getting Started</a></li>
+    </ul>
+    <ul class="nav navbar-nav navbar-right">
+      <li><a href="https://github.com/hajimehoshi/ebiten">GitHub</a></li>
+      <li><a href="http://godoc.org/github.com/hajimehoshi/ebiten">GoDoc</a></li>
+     <li><a href="https://github.com/hajimehoshi/ebiten/wiki">Wiki</a>
+    </ul>
   </nav>
 </div></header>
 
@@ -54,37 +54,37 @@
 
   <h2 id="examples">Examples</h2>
   <div class="row">
-  <div class="col-md-4">
+  <div class="col-md-3">
       <a class="thumbnail" href="examples/alphablending.html"><img src="images/examples/alphablending.png" width="320" height="240" alt="Ebiten example: alphablending" class="example"></a>
-    </div><div class="col-md-4">
+    </div><div class="col-md-3">
       <a class="thumbnail" href="examples/audio.html"><img src="images/examples/audio.png" width="320" height="240" alt="Ebiten example: audio" class="example"></a>
-    </div><div class="col-md-4">
+    </div><div class="col-md-3">
       <a class="thumbnail" href="examples/font.html"><img src="images/examples/font.png" width="320" height="240" alt="Ebiten example: font" class="example"></a>
-    </div><div class="col-md-4">
+    </div><div class="col-md-3">
       <a class="thumbnail" href="examples/hsv.html"><img src="images/examples/hsv.png" width="320" height="240" alt="Ebiten example: hsv" class="example"></a>
-    </div><div class="col-md-4">
+    </div><div class="col-md-3">
       <a class="thumbnail" href="examples/hue.html"><img src="images/examples/hue.png" width="320" height="240" alt="Ebiten example: hue" class="example"></a>
-    </div><div class="col-md-4">
+    </div><div class="col-md-3">
       <a class="thumbnail" href="examples/gamepad.html"><img src="images/examples/gamepad.png" width="320" height="240" alt="Ebiten example: gamepad" class="example"></a>
-    </div><div class="col-md-4">
+    </div><div class="col-md-3">
       <a class="thumbnail" href="examples/keyboard.html"><img src="images/examples/keyboard.png" width="320" height="240" alt="Ebiten example: keyboard" class="example"></a>
-    </div><div class="col-md-4">
+    </div><div class="col-md-3">
       <a class="thumbnail" href="examples/masking.html"><img src="images/examples/masking.png" width="320" height="240" alt="Ebiten example: masking" class="example"></a>
-    </div><div class="col-md-4">
+    </div><div class="col-md-3">
       <a class="thumbnail" href="examples/mosaic.html"><img src="images/examples/mosaic.png" width="320" height="240" alt="Ebiten example: mosaic" class="example"></a>
-    </div><div class="col-md-4">
+    </div><div class="col-md-3">
       <a class="thumbnail" href="examples/noise.html"><img src="images/examples/noise.png" width="320" height="240" alt="Ebiten example: noise" class="example"></a>
-    </div><div class="col-md-4">
+    </div><div class="col-md-3">
       <a class="thumbnail" href="examples/paint.html"><img src="images/examples/paint.png" width="320" height="240" alt="Ebiten example: paint" class="example"></a>
-    </div><div class="col-md-4">
+    </div><div class="col-md-3">
       <a class="thumbnail" href="examples/perspective.html"><img src="images/examples/perspective.png" width="320" height="240" alt="Ebiten example: perspective" class="example"></a>
-    </div><div class="col-md-4">
+    </div><div class="col-md-3">
       <a class="thumbnail" href="examples/piano.html"><img src="images/examples/piano.png" width="320" height="240" alt="Ebiten example: piano" class="example"></a>
-    </div><div class="col-md-4">
+    </div><div class="col-md-3">
       <a class="thumbnail" href="examples/rotate.html"><img src="images/examples/rotate.png" width="320" height="240" alt="Ebiten example: rotate" class="example"></a>
-    </div><div class="col-md-4">
+    </div><div class="col-md-3">
       <a class="thumbnail" href="examples/sprites.html"><img src="images/examples/sprites.png" width="320" height="240" alt="Ebiten example: sprites" class="example"></a>
-    </div><div class="col-md-4">
+    </div><div class="col-md-3">
       <a class="thumbnail" href="examples/blocks.html"><img src="images/examples/blocks.png" width="256" height="240" alt="Ebiten example: blocks" class="example"></a>
     </div>
   </div>
diff --git a/_docs/public/stylesheets/ebiten.css b/_docs/public/stylesheets/ebiten.css
index b96d2962b..97f300aad 100644
--- a/_docs/public/stylesheets/ebiten.css
+++ b/_docs/public/stylesheets/ebiten.css
@@ -1,11 +1,9 @@
 img.example {
   background-color: #000;
-  image-rendering: crisp-edges;
-  image-rendering: pixelated;
 }
 
 header {
-  background-color: #eeeeee;
+  background-color: #dddddd;
 }
 
 footer {