diff --git a/base.css b/base.css
new file mode 100644
index 0000000..6fe47f3
--- /dev/null
+++ b/base.css
@@ -0,0 +1 @@
+body{margin:0 auto;padding:12vmin 10vmin;max-width:35em;line-height:1.5em;font-family: -apple-system,BlinkMacSystemFont,sans-serif;word-wrap: break-word;}
\ No newline at end of file
diff --git a/edit.js b/edit.js
index a2b6f69..3da2282 100644
--- a/edit.js
+++ b/edit.js
@@ -8,7 +8,7 @@ var DATA_PREFIX_BAZE = 'data:text/html;charset=utf-8;baze64,'
 var content = undefined
 window.onload = function() {
   window.onpopstate = function(e) { setContent(e.state) }
-
+  window.onhashchange = function(e) { console.log("hash", e); location.reload() }
   document.body.ondragenter = function(e) { document.body.classList.add("drag"); };
   document.body.ondragleave = function(e) { document.body.classList.remove("drag"); };
   document.body.onclick = function(e) { if (e.target == document.body) content.focus() };
@@ -58,7 +58,7 @@ function handleDrop(e) {
         console.log("Compressed to", url.length / length)
         if (e.altKey) url = url.replace(DATA_PREFIX_BAZE, "!")
         updateLink(url, true)
-        setContent('&nbsp;<span class="ib-file" contentEditable="false">📄' +  file.name + '</span><br><br>'); 
+        setFileContent('📄' + file.name)
       })
     }, false);
     reader.readAsDataURL(file);
@@ -66,6 +66,10 @@ function handleDrop(e) {
   document.body.classList.remove("drag")
 }
 
+function setFileContent(name) {
+  setContent('&nbsp;<span class="ib-file" contentEditable="false">' + name + '</span><br><br>'); 
+}
+
 function handleKey(e) {
   var code = e.which;
   var handled = false;
@@ -98,11 +102,12 @@ function handlePaste(e) {
   var clipboard = window.clipboardData || e.clipboardData
   var text = clipboard.getData('Text') || clipboard.getData('text/plain')
   if (match = text.match(codepenRE)) {
-    console.log(match)
     fetchCodepen(match[0])
   }
 }
 
+
+var TEMPLATE_MARKER = "/*use-itty-bitty-template*/"
 function fetchCodepen(url) {
   var h, c, j;
   $.when(
@@ -110,10 +115,15 @@ function fetchCodepen(url) {
     $.get(url + ".css", function(css) { c = css; }),
     $.get(url + ".js", function(js) { j = js; })
   ).then(function() {
+    var useTemplate = c.indexOf(TEMPLATE_MARKER) >= 0
     var string = '<style type="text/css">' + c + '</style>' +  h + '<script type="text/javascript">' + j + '</script>'
-    content.innerText = string
-    updateBodyClass()
-    handleInput()
+    console.log(c, c.indexOf(TEMPLATE_MARKER))
+    stringToZip(string, function(zip) {
+      setFileContent('✒️' + url)
+      setTimeout(function() {
+          updateLink((useTemplate ? "," : DATA_PREFIX_BAZE) + zip)
+      }, 300);
+    });
   });
 }
 
@@ -158,7 +168,7 @@ function updateLink(url, push) {
     window.history.replaceState(content.innerHTML, null, url);
   }
   var length = location.href.length
-console.log(length)
+
   $('#length')[0].innerText = length + " bytes"
   $('#length')[0].href = url
   for (var key in maxLengths) {
diff --git a/firebase.json b/firebase.json
index e67789d..148d67f 100644
--- a/firebase.json
+++ b/firebase.json
@@ -16,4 +16,4 @@
     "cleanUrls": true,
     "trailingSlash": false
   }
-}
+}
\ No newline at end of file
diff --git a/index.html b/index.html
index a9274d9..423da97 100644
--- a/index.html
+++ b/index.html
@@ -12,6 +12,7 @@
 <button id="edit">Edit</button>
 
 <script type="text/javascript">  
+
 function showEdit() {
   var link = document.getElementById('edit');
   link.onclick = function() { location.href = "/edit" + location.hash }
@@ -19,34 +20,31 @@ function showEdit() {
 }
 
 var HEAD_TAGS = "PG1ldGEgY2hhcnNldD0idXRmLTgiPjxtZXRhIG5hbWU9InZpZXdwb3J0IiBjb250ZW50PSJ3aWR0aD1kZXZpY2Utd2lkdGgiPjxiYXNlIHRhcmdldD0iX3RvcCI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj5ib2R5e21hcmdpbjowIGF1dG87cGFkZGluZzoxMnZtaW4gMTB2bWluO21heC13aWR0aDozNWVtO2xpbmUtaGVpZ2h0OjEuNWVtO2ZvbnQtZmFtaWx5OiAtYXBwbGUtc3lzdGVtLEJsaW5rTWFjU3lzdGVtRm9udCxzYW5zLXNlcmlmO3dvcmQtd3JhcDogYnJlYWstd29yZDt9PC9zdHlsZT4g"
+window.onhashchange = window.onload = function() {
+  var hash = window.location.hash.substring(1)
+  if (!hash.length) {
+    location.href = "/edit"
+  } else {
+    var iframe = document.getElementById('iframe');
+    var link = document.getElementById('edit');
+    var preamble = undefined;
+    var editable = hash.charAt(0) == '!'
+    var compressed = editable || hash.charAt(0) == ','
 
-var hash = window.location.hash.substring(1)
-if (!hash.length) {
-  location.href = "/edit"
-} else {
-  var iframe = document.getElementById('iframe');
-  var editable = false;
-  var compressed = false;
-  var preamble = undefined;
-
-  if (hash.charAt(0) == '!') {
-    compressed = true;
-    editable = true;
-    hash = hash.substring(1)
-    preamble = HEAD_TAGS
-  }
-
-  if (!hash.startsWith("data:")) hash = 'data:text/html;charset=utf-8;' + (compressed ? 'baze64,' : 'base64,') + hash;
-  // location.href = hash // Redirect to data URI in supported browsers
-  
-  decompressDataURI(hash, preamble, function(hash) {
-    if (hash) iframe.src = hash;
-    if (editable) {
-      var link = document.getElementById('edit');
-      link.onclick = function() { location.href = "/edit" + location.hash }
-      link.style.display = "block";
+    if (compressed || editable) {
+      hash = hash.substring(1)
+      preamble = HEAD_TAGS
     }
-  });
+
+    if (!hash.startsWith("data:")) hash = 'data:text/html;charset=utf-8;' + (compressed ? 'baze64,' : 'base64,') + hash;
+    // location.href = hash // Redirect to data URI in supported browsers
+    
+    decompressDataURI(hash, preamble, function(hash) {
+      if (hash) iframe.src = hash;
+      link.onclick = function() { location.href = "/edit" + location.hash }
+      link.style.display = editable ? "block" : "none";
+    });
+  }
 }
 
 
diff --git a/samples/bully.html b/samples/bully.html
deleted file mode 100644
index 02c7263..0000000
--- a/samples/bully.html
+++ /dev/null
@@ -1,22 +0,0 @@
-<pre style="line-height:  normal;">
-      __,-----._                       ,-. 
-     ,'   ,-.    \`---.          ,-----&lt;._/ 
-    (,.-. o:.`    )),"\\-._    ,'         `. 
-   ('"-` .\       \`:_ )\  `-;'-._          \ 
-  ,,-.    \` ;  :  \( `-'     ) -._     :   `: 
- (    \ `._\\ ` ;             ;    `    :    ) 
-  \`.  `-.    __   ,         /  \        ;, ( 
-   `.`-.___--'  `-          /    ;     | :   | 
-     `-' `-.`--._          '           ;     | 
-           (`--._`.                ;   /\    | 
-            \     '                \  ,  )   : 
-            |  `--::----            \'   ;  ;| 
-            \    .__,-      (        )   :  :| 
-             \    : `------; \      |    |   ; 
-              \   :       / , )     |    |  ( 
-               \   \      `-^-|     |   / , ,\ 
-                )  )          | -^- ;   `-^-^' 
-             _,' _ ;          |    |  
-            / , , ,'         /---. : 
-            `-^-^'          (  :  :,' 
-                             `-^--' 
diff --git a/samples/jabberwocky.html b/samples/jabberwocky.html
deleted file mode 100644
index 5fab673..0000000
--- a/samples/jabberwocky.html
+++ /dev/null
@@ -1,39 +0,0 @@
-<h1>Jabberwocky</h1>
-<p>
-’Twas brillig, and the slithy toves<br>
-Did gyre and gimble in the wabe:<br>
-All mimsy were the borogoves,<br>
-And the mome raths outgrabe.
-</p><p>
-“Beware the Jabberwock, my son!<br>
-The jaws that bite, the claws that catch!<br>
-Beware the Jubjub bird, and shun<br>
-The frumious Bandersnatch!”
-</p><p>
-He took his vorpal sword in hand;<br>
-Long time the manxome foe he sought—<br>
-So rested he by the Tumtum tree<br>
-And stood awhile in thought.
-</p><p>
-And, as in uffish thought he stood,<br>
-The Jabberwock, with eyes of flame,<br>
-Came whiffling through the tulgey wood,<br>
-And burbled as it came!
-</p><p>
-One, two! One, two! And through and through<br>
-The vorpal blade went snicker-snack!<br>
-He left it dead, and with its head<br>
-He went galumphing back.
-</p><p>
-“And hast thou slain the Jabberwock?<br>
-Come to my arms, my beamish boy!<br>
-O frabjous day! Callooh! Callay!”<br>
-He chortled in his joy.
-</p><p>
-’Twas brillig, and the slithy toves<br>
-Did gyre and gimble in the wabe:<br>
-All mimsy were the borogoves,<br>
-And the mome raths outgrabe.
-</p><p>
-<b>Lewis Carroll</b>
-</p>
\ No newline at end of file
diff --git a/samples/learnmore.html b/samples/learnmore.html
deleted file mode 100644
index 6197cae..0000000
--- a/samples/learnmore.html
+++ /dev/null
@@ -1,20 +0,0 @@
-<style type="text/css">table td{text-align:right;}</style>
-<b>Itty bitty</b> lets you create tiny sites and apps that are stored in the link itself. To make them, you can edit this text directly, or drag an HTML file in to generate a link.
-
-<p>Use it to share <a href="http://jabberwocky.bitty.site">poetry</a>, <a>quick reference</a>, <a href="https://calculator.bitty.app">tools</a>, <a href="http://bully.bitty.site/">and</a> <a href="http://raven.bitty.site/">more</a>. 
-
-<p>The content you create here is stored <i>entirely</i> in the link. It isn't even sent to this server, so you have full control of its privacy.
-
-<p>When done, you can share through email, twitter, qr codes, domain redirects and the many other places you can put a link. Access is entirely based on where you choose to put it. <i>Note: Every medium has a <a href="" onclick="document.getElementById('more').style.display = 'block'; return false;">maximum size</a> usually ranging from 1000 to 10000 bytes.</i>
-
-<div id="more" style="display:none">
-<table>
-<tr><td>Chrome:</td><td>10,000 bytes</td></tr>
-<tr><td>Twitter:&nbsp;</td><td>4,088 bytes</td></tr>
-<tr><td>Slack:</td><td>4,000 bytes</td></tr>
-<tr><td>QR Code:</td><td>2,610 bytes</td></tr>
-<tr><td>Bitly:</td><td>2,048 bytes</td></tr>
-<tr><td>IE:</td><td>2,048 bytes</td></tr>
-</table>
-</div>
-
diff --git a/samples/raven.html b/samples/raven.html
deleted file mode 100644
index 60c806f..0000000
--- a/samples/raven.html
+++ /dev/null
@@ -1,131 +0,0 @@
-<body style="background-color:#111122; color:#EEDDFF;">
-<h1 style="color:white;margin-bottom:12px">The Raven</h1>
-<i style="opacity:0.5">Edgar Allan Poe</i><br>
-<p><br>
-  Once upon a midnight dreary, while I pondered, weak and weary,<br>
-Over many a quaint and curious volume of forgotten lore—<br>
-While I nodded, nearly napping, suddenly there came a tapping,<br>
-As of some one gently rapping, rapping at my chamber door.<br>
-“’Tis some visitor,” I muttered, “tapping at my chamber door—<br>
-Only this and nothing more.”
-</p><p>
-  Ah, distinctly I remember it was in the bleak December;<br>
-And each separate dying ember wrought its ghost upon the floor.<br>
-Eagerly I wished the morrow;—vainly I had sought to borrow<br>
-From my books surcease of sorrow—sorrow for the lost Lenore—<br>
-For the rare and radiant maiden whom the angels name Lenore—<br>
-Nameless here for evermore.
-</p><p>
-  And the silken, sad, uncertain rustling of each purple curtain<br>
-Thrilled me—filled me with fantastic terrors never felt before;<br>
-So that now, to still the beating of my heart, I stood repeating<br>
-“’Tis some visitor entreating entrance at my chamber door—<br>
-Some late visitor entreating entrance at my chamber door;—<br>
-This it is and nothing more.”
-</p><p>
-  Presently my soul grew stronger; hesitating then no longer,<br>
-“Sir,” said I, “or Madam, truly your forgiveness I implore;<br>
-But the fact is I was napping, and so gently you came rapping,<br>
-And so faintly you came tapping, tapping at my chamber door,<br>
-That I scarce was sure I heard you”—here I opened wide the door;—<br>
-Darkness there and nothing more.
-</p><p>
-  Deep into that darkness peering, long I stood there wondering, fearing,<br>
-Doubting, dreaming dreams no mortal ever dared to dream before;<br>
-But the silence was unbroken, and the stillness gave no token,<br>
-And the only word there spoken was the whispered word, “Lenore?”<br>
-This I whispered, and an echo murmured back the word, “Lenore!”—<br>
-Merely this and nothing more.
-</p><p>
-  Back into the chamber turning, all my soul within me burning,<br>
-Soon again I heard a tapping somewhat louder than before.<br>
-“Surely,” said I, “surely that is something at my window lattice;<br>
-Let me see, then, what thereat is, and this mystery explore—<br>
-Let my heart be still a moment and this mystery explore;—<br>
-’Tis the wind and nothing more!”
-</p><p>
-  Open here I flung the shutter, when, with many a flirt and flutter,<br>
-In there stepped a stately Raven of the saintly days of yore;<br>
-Not the least obeisance made he; not a minute stopped or stayed he;<br>
-But, with mien of lord or lady, perched above my chamber door—<br>
-Perched upon a bust of Pallas just above my chamber door—<br>
-Perched, and sat, and nothing more.
-</p><p>
-  Then this ebony bird beguiling my sad fancy into smiling,<br>
-By the grave and stern decorum of the countenance it wore,<br>
-“Though thy crest be shorn and shaven, thou,” I said, “art sure no craven,<br>
-Ghastly grim and ancient Raven wandering from the Nightly shore—<br>
-Tell me what thy lordly name is on the Night’s Plutonian shore!”<br>
-Quoth the Raven “Nevermore.”
-</p><p>
-  Much I marvelled this ungainly fowl to hear discourse so plainly,<br>
-Though its answer little meaning—little relevancy bore;<br>
-For we cannot help agreeing that no living human being<br>
-Ever yet was blessed with seeing bird above his chamber door—<br>
-Bird or beast upon the sculptured bust above his chamber door,<br>
-With such name as “Nevermore.”
-</p><p>
-  But the Raven, sitting lonely on the placid bust, spoke only<br>
-That one word, as if his soul in that one word he did outpour.<br>
-Nothing farther then he uttered—not a feather then he fluttered—<br>
-Till I scarcely more than muttered “Other friends have flown before—<br>
-On the morrow he will leave me, as my Hopes have flown before.”<br>
-Then the bird said “Nevermore.”
-</p><p>
-  Startled at the stillness broken by reply so aptly spoken,<br>
-“Doubtless,” said I, “what it utters is its only stock and store<br>
-Caught from some unhappy master whom unmerciful Disaster<br>
-Followed fast and followed faster till his songs one burden bore—<br>
-Till the dirges of his Hope that melancholy burden bore<br>
-Of ‘Never—nevermore’.”
-</p><p>
-  But the Raven still beguiling all my fancy into smiling,<br>
-Straight I wheeled a cushioned seat in front of bird, and bust and door;<br>
-Then, upon the velvet sinking, I betook myself to linking<br>
-Fancy unto fancy, thinking what this ominous bird of yore—<br>
-What this grim, ungainly, ghastly, gaunt, and ominous bird of yore<br>
-Meant in croaking “Nevermore.”
-</p><p>
-  This I sat engaged in guessing, but no syllable expressing<br>
-To the fowl whose fiery eyes now burned into my bosom’s core;<br>
-This and more I sat divining, with my head at ease reclining<br>
-On the cushion’s velvet lining that the lamp-light gloated o’er,<br>
-But whose velvet-violet lining with the lamp-light gloating o’er,<br>
-She shall press, ah, nevermore!
-</p><p>
-  Then, methought, the air grew denser, perfumed from an unseen censer<br>
-Swung by Seraphim whose foot-falls tinkled on the tufted floor.<br>
-“Wretch,” I cried, “thy God hath lent thee—by these angels he hath sent thee<br>
-Respite—respite and nepenthe from thy memories of Lenore;<br>
-Quaff, oh quaff this kind nepenthe and forget this lost Lenore!”<br>
-Quoth the Raven “Nevermore.”
-</p><p>
-  “Prophet!” said I, “thing of evil!—prophet still, if bird or devil!—<br>
-Whether Tempter sent, or whether tempest tossed thee here ashore,<br>
-Desolate yet all undaunted, on this desert land enchanted—<br>
-On this home by Horror haunted—tell me truly, I implore—<br>
-Is there—is there balm in Gilead?—tell me—tell me, I implore!”<br>
-Quoth the Raven “Nevermore.”
-</p><p>
-  “Prophet!” said I, “thing of evil!—prophet still, if bird or devil!<br>
-By that Heaven that bends above us—by that God we both adore—<br>
-Tell this soul with sorrow laden if, within the distant Aidenn,<br>
-It shall clasp a sainted maiden whom the angels name Lenore—<br>
-Clasp a rare and radiant maiden whom the angels name Lenore.”<br>
-Quoth the Raven “Nevermore.”
-</p><p>
-  “Be that word our sign of parting, bird or fiend!” I shrieked, upstarting—<br>
-“Get thee back into the tempest and the Night’s Plutonian shore!<br>
-Leave no black plume as a token of that lie thy soul hath spoken!<br>
-Leave my loneliness unbroken!—quit the bust above my door!<br>
-Take thy beak from out my heart, and take thy form from off my door!”<br>
-Quoth the Raven “Nevermore.”
-</p><p>
-  And the Raven, never flitting, still is sitting, still is sitting<br>
-On the pallid bust of Pallas just above my chamber door;<br>
-And his eyes have all the seeming of a demon’s that is dreaming,<br>
-And the lamp-light o’er him streaming throws his shadow on the floor;<br>
-And my soul from out that shadow that lies floating on the floor<br>
-Shall be lifted—nevermore!<br>
-</p>
-</body>
\ No newline at end of file