diff --git a/examples/mobile-viewer/README.md b/examples/mobile-viewer/README.md
new file mode 100644
index 000000000..767f915d4
--- /dev/null
+++ b/examples/mobile-viewer/README.md
@@ -0,0 +1,11 @@
+## Overview
+
+Example to demonstrate PDF.js library usage with a viewer optimized for mobile usage.
+
+## Getting started
+
+Build PDF.js using `gulp dist` and run `gulp server` to start a web server.
+You can then work with the mobile viewer at
+http://localhost:8888/examples/mobile-viewer/viewer.html.
+
+Refer to `viewer.js` for the source code of the mobile viewer.
diff --git a/extensions/b2g/images/div_line_left.png b/examples/mobile-viewer/images/div_line_left.png
similarity index 100%
rename from extensions/b2g/images/div_line_left.png
rename to examples/mobile-viewer/images/div_line_left.png
diff --git a/extensions/b2g/images/div_line_left@1.5x.png b/examples/mobile-viewer/images/div_line_left@1.5x.png
similarity index 100%
rename from extensions/b2g/images/div_line_left@1.5x.png
rename to examples/mobile-viewer/images/div_line_left@1.5x.png
diff --git a/extensions/b2g/images/div_line_left@2x.png b/examples/mobile-viewer/images/div_line_left@2x.png
similarity index 100%
rename from extensions/b2g/images/div_line_left@2x.png
rename to examples/mobile-viewer/images/div_line_left@2x.png
diff --git a/extensions/b2g/images/div_line_right.png b/examples/mobile-viewer/images/div_line_right.png
similarity index 100%
rename from extensions/b2g/images/div_line_right.png
rename to examples/mobile-viewer/images/div_line_right.png
diff --git a/extensions/b2g/images/div_line_right@1.5x.png b/examples/mobile-viewer/images/div_line_right@1.5x.png
similarity index 100%
rename from extensions/b2g/images/div_line_right@1.5x.png
rename to examples/mobile-viewer/images/div_line_right@1.5x.png
diff --git a/extensions/b2g/images/div_line_right@2x.png b/examples/mobile-viewer/images/div_line_right@2x.png
similarity index 100%
rename from extensions/b2g/images/div_line_right@2x.png
rename to examples/mobile-viewer/images/div_line_right@2x.png
diff --git a/extensions/b2g/images/document_bg.png b/examples/mobile-viewer/images/document_bg.png
similarity index 100%
rename from extensions/b2g/images/document_bg.png
rename to examples/mobile-viewer/images/document_bg.png
diff --git a/extensions/b2g/images/icon_next_page.png b/examples/mobile-viewer/images/icon_next_page.png
similarity index 100%
rename from extensions/b2g/images/icon_next_page.png
rename to examples/mobile-viewer/images/icon_next_page.png
diff --git a/extensions/b2g/images/icon_next_page@1.5x.png b/examples/mobile-viewer/images/icon_next_page@1.5x.png
similarity index 100%
rename from extensions/b2g/images/icon_next_page@1.5x.png
rename to examples/mobile-viewer/images/icon_next_page@1.5x.png
diff --git a/extensions/b2g/images/icon_previous_page.png b/examples/mobile-viewer/images/icon_previous_page.png
similarity index 100%
rename from extensions/b2g/images/icon_previous_page.png
rename to examples/mobile-viewer/images/icon_previous_page.png
diff --git a/extensions/b2g/images/icon_previous_page@1.5x.png b/examples/mobile-viewer/images/icon_previous_page@1.5x.png
similarity index 100%
rename from extensions/b2g/images/icon_previous_page@1.5x.png
rename to examples/mobile-viewer/images/icon_previous_page@1.5x.png
diff --git a/extensions/b2g/images/icon_zoom_in.png b/examples/mobile-viewer/images/icon_zoom_in.png
similarity index 100%
rename from extensions/b2g/images/icon_zoom_in.png
rename to examples/mobile-viewer/images/icon_zoom_in.png
diff --git a/extensions/b2g/images/icon_zoom_in@1.5x.png b/examples/mobile-viewer/images/icon_zoom_in@1.5x.png
similarity index 100%
rename from extensions/b2g/images/icon_zoom_in@1.5x.png
rename to examples/mobile-viewer/images/icon_zoom_in@1.5x.png
diff --git a/extensions/b2g/images/icon_zoom_out.png b/examples/mobile-viewer/images/icon_zoom_out.png
similarity index 100%
rename from extensions/b2g/images/icon_zoom_out.png
rename to examples/mobile-viewer/images/icon_zoom_out.png
diff --git a/extensions/b2g/images/icon_zoom_out@1.5x.png b/examples/mobile-viewer/images/icon_zoom_out@1.5x.png
similarity index 100%
rename from extensions/b2g/images/icon_zoom_out@1.5x.png
rename to examples/mobile-viewer/images/icon_zoom_out@1.5x.png
diff --git a/extensions/b2g/images/spinner.png b/examples/mobile-viewer/images/spinner.png
similarity index 100%
rename from extensions/b2g/images/spinner.png
rename to examples/mobile-viewer/images/spinner.png
diff --git a/extensions/b2g/images/toolbar_background.png b/examples/mobile-viewer/images/toolbar_background.png
similarity index 100%
rename from extensions/b2g/images/toolbar_background.png
rename to examples/mobile-viewer/images/toolbar_background.png
diff --git a/extensions/b2g/viewer.css b/examples/mobile-viewer/viewer.css
similarity index 93%
rename from extensions/b2g/viewer.css
rename to examples/mobile-viewer/viewer.css
index 2d494e91f..bd0b7790c 100644
--- a/extensions/b2g/viewer.css
+++ b/examples/mobile-viewer/viewer.css
@@ -1,4 +1,4 @@
-/* Copyright 2012 Mozilla Foundation
+/* Copyright 2016 Mozilla Foundation
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
@@ -25,6 +25,23 @@ html {
font-size: 10px;
}
+header {
+ background-color: #f4f4f4;
+}
+
+header h1 {
+ border-bottom: 1px solid #d8d8d8;
+ color: #858585;
+ font-size: 23px;
+ font-style: italic;
+ font-weight: normal;
+ overflow: hidden;
+ padding: 10px;
+ text-align: center;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+
body {
background: url(images/document_bg.png);
color: #fff;
@@ -57,7 +74,6 @@ footer {
box-shadow: 0 -0.2rem 0.5rem rgba(50, 50, 50, 0.75);
}
-
.toolbarButton {
display: block;
padding: 0;
diff --git a/examples/mobile-viewer/viewer.html b/examples/mobile-viewer/viewer.html
new file mode 100644
index 000000000..9c2eee125
--- /dev/null
+++ b/examples/mobile-viewer/viewer.html
@@ -0,0 +1,76 @@
+
+
+
+