diff --git a/examples/side-by-side.html b/examples/side-by-side.html
index 23bdb76baf..c1c16f3220 100644
--- a/examples/side-by-side.html
+++ b/examples/side-by-side.html
@@ -1,70 +1,70 @@
 <!doctype html>
 <html>
-    <head>
-        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
-        <link rel="stylesheet" href="../css/ol.css" type="text/css">
-        <link rel="stylesheet" href="style.css" type="text/css">
-        <style type="text/css">
-            .map {
-                width: 400px;
-                height: 400px;
-                border: thin solid #cccccc;
-                margin: 1em;
-            }
-        </style>
-        <title>ol3 side-by-side demo</title>
-    </head>
-    <body>
-        <h1>ol3 side-by-side demo</h1>
-        <table>
-            <tr>
-                <th>DOM</th>
-                <th>WebGL</th>
-            </tr>
-            <tr>
-                <td><div id="domMap" class="map"></div></td>
-                <td><div id="webglMap" class="map"></div></td>
-            </tr>
-            <tr>
-                <td><div id="domMousePosition" class="mouseposition"></div></td>
-                <td><div id="webglMousePosition" class="mouseposition"></div></td>
-            </tr>
-        </table>
-        <table>
-            <tr>
-                <td>Pan:</td>
-                <td>drag, arrow keys</td>
-            </tr>
-            <tr>
-                <td>Zoom:</td>
-                <td>double-click, <code>Shift</code>+double-click, mouse wheel, <code>+</code>/<code>-</code> keys; <code>Shift</code>+drag</td>
-            </tr>
-            <tr>
-                <td>Rotate:</td>
-                <td><code>Alt</code>+drag, <code>r</code> to reset</td>
-            </tr>
-            <tr>
-                <td>Brightness/contrast:</td>
-                <td><code>b</code>/<code>B</code>/<code>c</code>/<code>C</code> keys (WebGL only)</td>
-            </tr>
-            <tr>
-                <td>Hue/saturation:</td>
-                <td><code>h</code>/<code>H</code>/<code>s</code>/<code>S</code> keys (WebGL only)</td>
-            </tr>
-            <tr>
-                <td>Opacity:</td>
-                <td><code>o</code>/<code>O</code> keys</td>
-            </tr>
-            <tr>
-                <td>Visibility:</td>
-                <td><code>v</code>/<code>V</code> keys</td>
-            </tr>
-            <tr>
-                <td>Reset</td>
-                <td><code>0</code> key</td>
-            </tr>
-        </table>
-        <p><b>Notes:</b> The two maps share the same center, resolution, rotation and layers.</p>
-        <script src="loader.js?id=side-by-side" type="text/javascript"></script>
-    </body>
+  <head>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <link rel="stylesheet" href="../css/ol.css" type="text/css">
+    <link rel="stylesheet" href="style.css" type="text/css">
+    <style type="text/css">
+      .map {
+        width: 400px;
+        height: 400px;
+        border: thin solid #cccccc;
+        margin: 1em;
+      }
+    </style>
+    <title>ol3 side-by-side demo</title>
+  </head>
+  <body>
+    <h1>ol3 side-by-side demo</h1>
+    <table>
+      <tr>
+        <th>DOM</th>
+        <th>WebGL</th>
+      </tr>
+      <tr>
+        <td><div id="domMap" class="map"></div></td>
+        <td><div id="webglMap" class="map"></div></td>
+      </tr>
+      <tr>
+        <td><div id="domMousePosition" class="mouseposition"></div></td>
+        <td><div id="webglMousePosition" class="mouseposition"></div></td>
+      </tr>
+    </table>
+    <table>
+      <tr>
+        <td>Pan:</td>
+        <td>drag, arrow keys</td>
+      </tr>
+      <tr>
+        <td>Zoom:</td>
+        <td>double-click, <code>Shift</code>+double-click, mouse wheel, <code>+</code>/<code>-</code> keys; <code>Shift</code>+drag</td>
+      </tr>
+      <tr>
+        <td>Rotate:</td>
+        <td><code>Alt</code>+drag, <code>r</code> to reset</td>
+      </tr>
+      <tr>
+        <td>Brightness/contrast:</td>
+        <td><code>b</code>/<code>B</code>/<code>c</code>/<code>C</code> keys (WebGL only)</td>
+      </tr>
+      <tr>
+        <td>Hue/saturation:</td>
+        <td><code>h</code>/<code>H</code>/<code>s</code>/<code>S</code> keys (WebGL only)</td>
+      </tr>
+      <tr>
+        <td>Opacity:</td>
+        <td><code>o</code>/<code>O</code> keys</td>
+      </tr>
+      <tr>
+        <td>Visibility:</td>
+        <td><code>v</code>/<code>V</code> keys</td>
+      </tr>
+      <tr>
+        <td>Reset</td>
+        <td><code>0</code> key</td>
+      </tr>
+    </table>
+    <p><b>Notes:</b> The two maps share the same center, resolution, rotation and layers.</p>
+    <script src="loader.js?id=side-by-side" type="text/javascript"></script>
+  </body>
 </html>
diff --git a/examples/two-layers.html b/examples/two-layers.html
index e1f9c32258..75d4f9c301 100644
--- a/examples/two-layers.html
+++ b/examples/two-layers.html
@@ -1,31 +1,31 @@
 <!doctype html>
 <html>
-    <head>
-        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
-        <link rel="stylesheet" href="../css/ol.css" type="text/css">
-        <link rel="stylesheet" href="style.css" type="text/css">
-        <style type="text/css">
-            .map {
-                width: 400px;
-                height: 400px;
-                border: thin solid #cccccc;
-                margin: 1em;
-            }
-        </style>
-        <title>ol3 two-layers demo</title>
-    </head>
-    <body>
-        <h1>ol3 two-layers demo</h1>
-        <table>
-            <tr>
-                <th>DOM</th>
-                <th>WebGL</th>
-            </tr>
-            <tr>
-                <td><div id="domMap" class="map"></div></td>
-                <td><div id="webglMap" class="map"></div></td>
-            </tr>
-        </table>
-        <script src="loader.js?id=two-layers" type="text/javascript"></script>
-    </body>
+  <head>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <link rel="stylesheet" href="../css/ol.css" type="text/css">
+    <link rel="stylesheet" href="style.css" type="text/css">
+    <style type="text/css">
+      .map {
+        width: 400px;
+        height: 400px;
+        border: thin solid #cccccc;
+        margin: 1em;
+      }
+    </style>
+    <title>ol3 two-layers demo</title>
+  </head>
+  <body>
+    <h1>ol3 two-layers demo</h1>
+    <table>
+      <tr>
+        <th>DOM</th>
+        <th>WebGL</th>
+      </tr>
+      <tr>
+        <td><div id="domMap" class="map"></div></td>
+        <td><div id="webglMap" class="map"></div></td>
+      </tr>
+    </table>
+    <script src="loader.js?id=two-layers" type="text/javascript"></script>
+  </body>
 </html>

Pan:	drag, arrow keys
Zoom:	double-click, `Shift`+double-click, mouse wheel, `+`/`-` keys; `Shift`+drag
Rotate:	`Alt`+drag, `r` to reset
Brightness/contrast:	`b`/`B`/`c`/`C` keys (WebGL only)
Hue/saturation:	`h`/`H`/`s`/`S` keys (WebGL only)
Opacity:	`o`/`O` keys
Visibility:	`v`/`V` keys
Reset	`0` key