doc: Fix thumbnail size

_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">

_docs/index.tmpl.html

@@ -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}}

_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">

_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">

_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">

_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">

_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">

_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">

_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">

_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">

_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">

_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">

_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">

_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">

_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">

_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">

_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">

_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">

_docs/public/index.html

@@ -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>

_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 {