diff --git a/src/General/html/Features/Gallery.html b/src/General/html/Features/Gallery.html
new file mode 100644
index 000000000..f1ff31864
--- /dev/null
+++ b/src/General/html/Features/Gallery.html
@@ -0,0 +1,14 @@
+<div class=gal-viewport>
+  <span class=gal-buttons>
+    <a class="menu-button" href="javascript:;"><i></i></a>
+    <a href=javascript:; class=gal-close>×</a>
+  </span>
+  <a class=gal-name target="_blank"></a>
+  <span class=gal-count><span class='count'></span> / <span class='total'></span></a></span>
+  <div class=gal-prev></div>
+  <div class=gal-image>
+    <a href=javascript:;><img></a>
+  </div>
+  <div class=gal-next></div>
+</div>
+<div class=gal-thumbnails></div>
diff --git a/src/Images/Gallery.coffee b/src/Images/Gallery.coffee
index cecdfa8bd..74330aa8e 100644
--- a/src/Images/Gallery.coffee
+++ b/src/Images/Gallery.coffee
@@ -32,22 +32,7 @@ Gallery =
 
     nodes.el = dialog = $.el 'div',
       id: 'a-gallery'
-      innerHTML: '''
-<div class=gal-viewport>
-  <span class=gal-buttons>
-    <a class="menu-button" href="javascript:;"><i></i></a>
-    <a href=javascript:; class=gal-close>×</a>
-  </span>
-  <a class=gal-name target="_blank"></a>
-  <span class=gal-count><span class='count'></span> / <span class='total'></span></a></span>
-  <div class=gal-prev></div>
-  <div class=gal-image>
-    <a href=javascript:;><img></a>
-  </div>
-  <div class=gal-next></div>
-</div>
-<div class=gal-thumbnails></div>
-'''
+      innerHTML: <%= importHTML('Features/Gallery') %>
 
     nodes[key] = $ value, dialog for key, value of {
       frame:   '.gal-image'