diff --git a/examples/simple-pack.js b/examples/simple-pack.js
new file mode 100644
index 0000000..ef9a614
--- /dev/null
+++ b/examples/simple-pack.js
@@ -0,0 +1,6 @@
+const lbryFormat = require('../index');
+
+// should be run from package root directory
+lbryFormat.packDirectory('./examples/src', {
+  fileName: './examples/simple-pack.lbry',
+});
diff --git a/examples/src/img_mountains_wide.jpg b/examples/src/img_mountains_wide.jpg
new file mode 100644
index 0000000..f93f45c
Binary files /dev/null and b/examples/src/img_mountains_wide.jpg differ
diff --git a/examples/src/img_nature_wide.jpg b/examples/src/img_nature_wide.jpg
new file mode 100644
index 0000000..b3f3d4c
Binary files /dev/null and b/examples/src/img_nature_wide.jpg differ
diff --git a/examples/src/polar/img_lights_wide.jpg b/examples/src/polar/img_lights_wide.jpg
new file mode 100644
index 0000000..b08788c
Binary files /dev/null and b/examples/src/polar/img_lights_wide.jpg differ
diff --git a/examples/src/polar/img_snow_wide.jpg b/examples/src/polar/img_snow_wide.jpg
new file mode 100644
index 0000000..bab2280
Binary files /dev/null and b/examples/src/polar/img_snow_wide.jpg differ
diff --git a/examples/template-pack.js b/examples/template-pack.js
new file mode 100644
index 0000000..29b6a59
--- /dev/null
+++ b/examples/template-pack.js
@@ -0,0 +1,7 @@
+const lbryFormat = require('../index');
+
+// should be run from package root directory
+lbryFormat.packDirectory('./examples/src', {
+  fileName: './examples/template-pack.lbry',
+  useTemplate: true,
+});
diff --git a/templates.js b/templates.js
index 722842b..0beb13b 100644
--- a/templates.js
+++ b/templates.js
@@ -5,7 +5,7 @@ module.exports = {
         type: "static",
         name: "index.html",
         contents:
-          '<!doctype html><title>Gallary Slideshow</title><meta name=viewport content="width=device-width,initial-scale=1" charset=utf-8><link rel=stylesheet href=index.css><script src=files.js charset=utf-8></script><div id=container class=slideshow-container><a class=prev onclick=plusSlides(-1)>&#10094;</a> <a class=next onclick=plusSlides(1)>&#10095;</a></div><script src=index.js charset=utf-8></script>'
+          '<!doctype html><title>Gallery Slideshow</title><meta name=viewport content="width=device-width,initial-scale=1" charset=utf-8><link rel=stylesheet href=index.css><script src=files.js charset=utf-8></script><div id=container class=slideshow-container><a class=prev onclick=plusSlides(-1)>&#10094;</a> <a class=next onclick=plusSlides(1)>&#10095;</a></div><script src=index.js charset=utf-8></script>'
       },
       {
         type: "static",
@@ -20,6 +20,6 @@ module.exports = {
           'const container=document.getElementById("container");for(let e=0;e<images.length;e++){const n=document.createElement("img");n.className="mySlides fade",n.src=images[e],container.appendChild(n)}let slideIndex=1;function plusSlides(e){showSlides(slideIndex+=e)}function showSlides(e){const n=document.getElementsByClassName("mySlides");e>n.length&&(slideIndex=1),e<1&&(slideIndex=n.length);for(let e=0;e<n.length;e++)n[e].style.display="none";n[slideIndex-1].style.display="block"}showSlides(slideIndex);'
       }
     ],
-    title: "Gallary Slideshow"
+    title: "Gallery Slideshow"
   }
 };
