diff --git a/README.md b/README.md
index 2ae1488..767cb13 100644
--- a/README.md
+++ b/README.md
@@ -1,9 +1,9 @@
-# zine
-DIY E-Zine and Operating System
+# Zine OS
 
+DIY E-Zine and Operating System
 
 Interfaces
-----------
+==========
 
 FS Interface
 ------------
@@ -24,14 +24,14 @@ Delete a file at a path, returns a promise that is fulfilled when the delete suc
 Returns a promise
 
     list: (directoryPath) ->
-      
+
 
 FileEntry Interface
-------------------
+-------------------
 
-    path: 
-    size: 
-    type: 
+    path:
+    size:
+    type:
 
 FolderEntry Interface
 ---------------------
diff --git a/TODO.md b/TODO.md
index cfda0b3..7573cd5 100644
--- a/TODO.md
+++ b/TODO.md
@@ -23,7 +23,7 @@ System Features
 
 [ ] Drag 'n' Drop
 
-[ ] Cloud Briefcase
+[X] Cloud Briefcase
 
 Applications
 ------------
@@ -55,6 +55,6 @@ Network Social
 
 [ ] Sharing
 
-[ ] Remote Files
+[ ] Remote Files (Network Neighborhood)
 
-[ ] Personal Homepage
+[X] Personal Homepage
diff --git a/apps/achievement-status.coffee b/apps/achievement-status.coffee
new file mode 100644
index 0000000..b8bd0fd
--- /dev/null
+++ b/apps/achievement-status.coffee
@@ -0,0 +1,15 @@
+module.exports = ->
+  {Achievement, UI} = system
+  {Window} = UI
+
+  cheevoElement = Achievement.progressView()
+  cheevoElement.style.width = "100%"
+  cheevoElement.style.padding = "1em"
+
+  Achievement.unlock "Check yo' self"
+
+  windowView = Window
+    title: "Cheevos"
+    content: cheevoElement
+    width: 640
+    height: 480
diff --git a/apps/audio-bro.coffee b/apps/audio-bro.coffee
index ae3e9f8..1fb6679 100644
--- a/apps/audio-bro.coffee
+++ b/apps/audio-bro.coffee
@@ -5,7 +5,7 @@ Model = require "model"
 
 module.exports = ->
   # Global system
-  {ContextMenu, MenuBar, Modal, Progress, Util:{parseMenu}, Window} = system.UI
+  {ContextMenu, MenuBar, Modal, Observable, Progress, Util:{parseMenu}, Window} = system.UI
   {Achievement} = system
 
   Achievement.unlock "Pump up the jam"
@@ -14,8 +14,11 @@ module.exports = ->
   audio.controls = true
   audio.autoplay = true
 
+  filePath = Observable()
+
   handlers = Model().include(FileIO).extend
     loadFile: (blob) ->
+      filePath blob.path
       audio.src = URL.createObjectURL blob
 
     exit: ->
@@ -31,11 +34,16 @@ module.exports = ->
     handlers: handlers
 
   windowView = Window
-    title: "Audio Bro"
+    title: ->
+      if path = filePath()
+        "Audio Bro - #{path}"
+      else
+        "Audio Bro"
     content: audio
     menuBar: menuBar.element
     width: 308
     height: 80
+    iconEmoji: "🎶"
 
   windowView.loadFile = handlers.loadFile
 
diff --git a/apps/chateau.coffee b/apps/chateau.coffee
index 1fc1887..6f9ebfc 100644
--- a/apps/chateau.coffee
+++ b/apps/chateau.coffee
@@ -8,6 +8,7 @@ module.exports = ->
     width: 960
     height: 540
     title: "Chateau"
+    iconEmoji: "🍷"
 
   app.on "event", (name) ->
     switch name
diff --git a/apps/contrasaurus.coffee b/apps/contrasaurus.coffee
index f740bed..acc9a2f 100644
--- a/apps/contrasaurus.coffee
+++ b/apps/contrasaurus.coffee
@@ -1,9 +1,7 @@
-IFrameApp = require "../lib/iframe-app"
-
 module.exports = ->
-  {Achievement} = system
+  {Achievement, iframeApp} = system
 
-  app = IFrameApp
+  app = iframeApp
     src: "https://contrasaur.us/"
     width: 960
     height: 540
diff --git a/apps/dungeon-of-sadness.coffee b/apps/dungeon-of-sadness.coffee
index 99123ff..ddaf317 100644
--- a/apps/dungeon-of-sadness.coffee
+++ b/apps/dungeon-of-sadness.coffee
@@ -1,18 +1,12 @@
-Model = require "model"
-
 module.exports = ->
-  {ContextMenu, MenuBar, Modal, Observable, Progress, Table, Util:{parseMenu}, Window} = system.UI
-
-  frame = document.createElement "iframe"
-  frame.src = "https://danielx.net/ld33/"
+  {Achievement, iframeApp} = system
 
-  system.Achievement.unlock "The dungeon is in our heart"
-
-  windowView = Window
+  app = iframeApp
     title: "Dungeon of Sadness"
-    content: frame
-    menuBar: null
+    src: "https://danielx.net/ld33/"
     width: 648
     height: 507
 
-  return windowView
+  Achievement.unlock "The dungeon is in our heart"
+
+  return app
diff --git a/apps/explorer.coffee b/apps/explorer.coffee
index 07b8136..1b8b9e3 100644
--- a/apps/explorer.coffee
+++ b/apps/explorer.coffee
@@ -1,8 +1,6 @@
 # Explorer File Browser
 #
 # Explore the file system like adventureres of old!
-# TODO: Drag and drop folders between folders
-# TODO: Drop files onto folders
 # TODO: Drop files onto applications
 # TODO: Select multiple
 # TOOD: Keyboard Input
@@ -13,21 +11,40 @@ FolderTemplate = require "../templates/folder"
 
 {emptyElement} = require "../util"
 
+extractPath = (element) ->
+  while element
+    path = element.getAttribute("path")
+    return path if path
+    element = element.parentElement
+
 module.exports = Explorer = (options={}) ->
   {ContextMenu, MenuBar, Modal, Progress, Util:{parseMenu}, Window} = system.UI
   {path} = options
   path ?= '/'
 
   explorer = document.createElement "explorer"
+  explorer.setAttribute("path", path)
 
   Drop explorer, (e) ->
     return if e.defaultPrevented
 
+    targetPath = extractPath(e.target) or path
+    folderTarget = targetPath.match(/\/$/)
+
     fileSelectionData = e.dataTransfer.getData("zineos/file-selection")
 
     if fileSelectionData
       data = JSON.parse fileSelectionData
-      system.moveFileSelection(data, path)
+
+      if folderTarget
+        system.moveFileSelection(data, targetPath)
+      else
+        # Attempt to open file in app
+        selectedFile = data.files[0]
+        console.log "Open in app #{targetPath} <- #{selectedFile}"
+        system.readFile(selectedFile.path)
+        .then (file) ->
+          system.execPathWithFile(targetPath, file)
       e.preventDefault()
 
       return
@@ -36,9 +53,13 @@ module.exports = Explorer = (options={}) ->
 
     if files.length
       e.preventDefault()
-      files.forEach (file) ->
-        newPath = path + file.name
-        system.writeFile(newPath, file, true)
+      if folderTarget
+        files.forEach (file) ->
+          newPath = targetPath + file.name
+          system.writeFile(newPath, file, true)
+      else
+        file = files[0]
+        system.execPathWithFile(targetPath, file)
 
   explorerContextMenu = ContextMenu
     items: parseMenu """
@@ -150,10 +171,24 @@ module.exports = Explorer = (options={}) ->
       handlers:
         open: ->
           addWindow(folder.path)
-        delete: -> # TODO: Delete all files under folder
+        delete: ->
+          system.readTree(folder.path)
+          .then (results) ->
+            Promise.all results.map (result) ->
+              system.deleteFile(result.path)
         rename: ->
-          ;# TODO: Rename all files under folder (!)
-          # May want to think about inodes or something that makes this simpler
+          Modal.prompt "Name", folder.path
+          .then (newName) ->
+            return unless newName
+
+            # Ensure trailing slash
+            newName = newName.replace(/\/*$/, "/")
+
+            system.readTree(folder.path)
+            .then (files) ->
+              Promise.all files.map (file) ->
+                newPath = file.path.replace(folder.path, newName)
+                system.moveFile(file.path, newPath)
         properties: -> # TODO
 
     contextMenu.display
@@ -169,22 +204,25 @@ module.exports = Explorer = (options={}) ->
       addedFolders = {}
 
       files.forEach (file) ->
-        if file.relativePath.match /\// # folder
-          folderPath = file.relativePath.replace /\/.*$/, ""
+        if file.relativePath.match /\/$/ # folder
+          folderPath = file.relativePath
           addedFolders[folderPath] = true
           return
 
-        file.dblclick = ->
-          system.open file
+        Object.assign file,
+          displayName: file.relativePath
 
-        file.contextmenu = (e) ->
-          contextMenuFor(file, e)
+          dblclick: ->
+            system.open file
 
-        file.dragstart = (e) ->
-          # Note: Blobs don't make it through the stringify
-          e.dataTransfer.setData "zineos/file-selection", JSON.stringify
-            sourcePath: path
-            files: [ file ]
+          contextmenu: (e) ->
+            contextMenuFor(file, e)
+
+          dragstart: (e) ->
+            # Note: Blobs don't make it through the stringify
+            e.dataTransfer.setData "zineos/file-selection", JSON.stringify
+              sourcePath: path
+              files: [ file ]
 
         fileElement = FileTemplate file
         if file.type.match /^image\//
@@ -199,15 +237,18 @@ module.exports = Explorer = (options={}) ->
 
       Object.keys(addedFolders).reverse().forEach (folderName) ->
         folder =
-          path: "#{path}#{folderName}/"
+          path: "#{path}#{folderName}"
           relativePath: folderName
+          displayName: folderName.replace(/\/$/, "")
           contextmenu: (e) ->
             contextMenuForFolder(folder, e)
           dblclick: ->
             # Open folder in new window
             addWindow(folder.path)
           dragstart: (e) ->
-            console.log e, folder
+            e.dataTransfer.setData "zineos/file-selection", JSON.stringify
+              sourcePath: folder.path.slice(0, folder.path.length - folder.relativePath.length)
+              files: [ folder ]
 
         folderElement = FolderTemplate folder
         explorer.insertBefore(folderElement, explorer.firstChild)
@@ -220,9 +261,7 @@ module.exports = Explorer = (options={}) ->
   system.fs.on "update", (path) -> update()
 
   addWindow = (path) ->
-    element = document.createElement "container"
-
-    element.appendChild Explorer
+    element = Explorer
       path: path
 
     windowView = Window
@@ -231,6 +270,7 @@ module.exports = Explorer = (options={}) ->
       menuBar: null
       width: 640
       height: 480
+      iconEmoji: "📂"
 
     document.body.appendChild windowView.element
 
diff --git a/apps/my-briefcase.coffee b/apps/my-briefcase.coffee
index 1281005..a9a62b4 100644
--- a/apps/my-briefcase.coffee
+++ b/apps/my-briefcase.coffee
@@ -6,7 +6,7 @@ This depends on having the AWS library available:
 
 This is where you can put the files that you want to access from the cloud.
 
-They'll live in the whims-fs bucket under the path to your aws user id.
+They'll live in the whimsy-fs bucket under the path to your aws user id.
 
 The subdomain -> s3 proxy will have a map from simple names to the crazy ids.
 
@@ -48,8 +48,11 @@ module.exports = ->
   system.Achievement.unlock "Oh no, my files!"
 
   LoginTemplate = system.compileTemplate """
-    a#LoginWithAmazon(@click)
-      img(border="0" alt="Login with Amazon" src="https://images-na.ssl-images-amazon.com/images/G/01/lwa/btnLWA_gold_156x32.png" width="156" height="32")
+    span(style="text-align: center; padding: 0 2em;")
+      h1 My Briefcase
+      p= @description
+      a#LoginWithAmazon(@click)
+        img(border="0" alt="Login with Amazon" src="https://images-na.ssl-images-amazon.com/images/G/01/lwa/btnLWA_gold_156x32.png" width="156" height="32")
   """
 
   LoadedTemplate = system.compileTemplate """
@@ -119,6 +122,13 @@ module.exports = ->
         console.warn e, e.message
 
   content LoginTemplate
+    description: ->
+      """
+        Maintain access to your files across different machines. Publish
+        effortlessly to the internet. Your briefcase holds all of your hopes
+        and dreams in a magical cloud that is available anywhere there is an
+        internet connection. 💼
+      """
     click: ->
       options = { scope : 'profile' }
       amazon.Login.authorize options, (resp) ->
@@ -141,10 +151,11 @@ module.exports = ->
           .then receivedCredentials
 
   windowView = Window
-    title: "💼 My Briefcase 💼"
+    title: "My Briefcase"
     width: 640
     height: 480
     content: content
+    iconEmoji: "💼"
 
   return windowView
 
diff --git a/apps/pixel.coffee b/apps/pixel.coffee
index afdebbe..120a2ed 100644
--- a/apps/pixel.coffee
+++ b/apps/pixel.coffee
@@ -1,35 +1,16 @@
-Model = require "model"
-Postmaster = require "postmaster"
+IFrameApp = require "../lib/iframe-app"
 FileIO = require "../os/file-io"
+Model = require "model"
 
 module.exports = ->
-  {ContextMenu, MenuBar, Modal, Observable, Progress, Table, Util:{parseMenu}, Window} = system.UI
-
-  frame = document.createElement "iframe"
-  frame.src = "https://danielx.net/pixel-editor/"
-
-  # TODO: Gross hack to keep track of waiting for child window to load
-  # May want to move it into the postmaster library
-  resolveLoaded = null
-  loadedPromise = new Promise (resolve) ->
-    resolveLoaded = resolve
-
-  postmaster = Postmaster()
-  postmaster.remoteTarget = -> frame.contentWindow
-  Object.assign postmaster,
-    childLoaded: ->
-      console.log "child loaded"
-      resolveLoaded()
-    save: ->
-      handlers.save()
+  {MenuBar, Modal, Observable, Util:{parseMenu}} = system.UI
 
   handlers = Model().include(FileIO).extend
     loadFile: (blob) ->
-      loadedPromise.then ->
-        postmaster.invokeRemote "loadFile", blob
+      app.send "loadFile", blob
     newFile: ->
     saveData: ->
-      postmaster.invokeRemote "getBlob"
+      app.send "getBlob"
 
   menuBar = MenuBar
     items: parseMenu """
@@ -47,15 +28,17 @@ module.exports = ->
     """
     handlers: handlers
 
-  windowView = Window
+  app = IFrameApp
     title: Observable "Pixie Paint"
-    content: frame
-    menuBar: menuBar.element
+    src: "https://danielx.net/pixel-editor/"
+    menuBar: menuBar
+    handlers: handlers
     width: 640
     height: 480
 
-  windowView.loadFile = handlers.loadFile
+  app.handlers = handlers
+  app.loadFile = handlers.loadFile
 
   system.Achievement.unlock "Pixel perfect"
 
-  return windowView
+  return app
diff --git a/apps/story-reader.coffee b/apps/story-reader.coffee
new file mode 100644
index 0000000..f7cbe2e
--- /dev/null
+++ b/apps/story-reader.coffee
@@ -0,0 +1,16 @@
+module.exports = (opts) ->
+  {title, width, height, text} = opts
+  width ?= 380
+  height ?= 480
+
+  div = document.createElement "div"
+  div.textContent = text
+  div.style.padding = "1em"
+  div.style.whiteSpace = "pre-wrap"
+  div.style.textAlign = "justify"
+
+  system.UI.Window
+    title: title
+    content: div
+    width: width
+    height: height
diff --git a/apps/text-editor.coffee b/apps/text-editor.coffee
index bccec4c..6892a23 100644
--- a/apps/text-editor.coffee
+++ b/apps/text-editor.coffee
@@ -3,11 +3,7 @@ FileIO = require "../os/file-io"
 
 ace.require("ace/ext/language_tools")
 
-extraModes =
-  jadelet: "jade"
-
-mode = (mode) ->
-  extraModes[mode] or mode
+{extensionFor} = require "../util"
 
 module.exports = ->
   {ContextMenu, MenuBar, Modal, Observable, Progress, Table, Util:{parseMenu}, Window} = system.UI
@@ -39,12 +35,6 @@ module.exports = ->
 
   global.aceEditor = aceEditor
 
-  extensionFor = (path) ->
-    result = path.match /\.([^.]+)$/
-
-    if result
-      result[1]
-
   modes =
     cson: "coffeescript"
     jadelet: "jade"
@@ -52,14 +42,8 @@ module.exports = ->
     md: "markdown"
     styl: "stylus"
 
-  mimes =
-    html: "text/html"
-    js: "application/javascript"
-    json: "application/json"
-    md: "text/markdown"
-
   mimeTypeFor = (path) ->
-    type = mimes[extensionFor(path)] or "text/plain"
+    type = system.mimeTypeFor(path)
 
     "#{type}; charset=utf-8"
 
diff --git a/extensions.coffee b/extensions.coffee
index 962c941..2523543 100644
--- a/extensions.coffee
+++ b/extensions.coffee
@@ -1,3 +1,9 @@
+# Pretend Hamlet Runtime is a real package
+PACKAGE.dependencies["_lib_hamlet-runtime"] =
+  entryPoint: "main"
+  distribution:
+    main: PACKAGE.distribution["lib/hamlet-runtime"]
+
 # Add some utility readers to the Blob API
 Blob::readAsText = ->
   file = this
diff --git a/issues/2016-12.coffee b/issues/2016-12.coffee
index a9497b9..a2abea0 100644
--- a/issues/2016-12.coffee
+++ b/issues/2016-12.coffee
@@ -44,7 +44,7 @@ module.exports = ->
         area: issueTag
       .then (data) ->
         ajax
-          url: "https://whimsy-space.gomix.me/comments"
+          url: "https://whimsy-space.glitch.me/comments"
           data: JSON.stringify(data)
           headers:
             "Content-Type": "application/json"
@@ -53,7 +53,7 @@ module.exports = ->
         handlers.viewComments()
 
     viewComments: ->
-      ajax.getJSON "https://whimsy-space.gomix.me/comments/#{issueTag}"
+      ajax.getJSON "https://whimsy-space.glitch.me/comments/#{issueTag}"
       .then (data) ->
         data = data.reverse()
 
diff --git a/issues/2017-03.coffee b/issues/2017-03.coffee
index 00a7bc1..0bcf701 100644
--- a/issues/2017-03.coffee
+++ b/issues/2017-03.coffee
@@ -48,7 +48,7 @@ module.exports = ->
 
     contrasaurus: ->
       visit "csaur"
-      document.body.appendChild Contrasaurus(system).element
+      document.body.appendChild Contrasaurus().element
 
     achievementStatus: ->
       visit "cheevo"
diff --git a/issues/2017-04.coffee b/issues/2017-04.coffee
new file mode 100644
index 0000000..64abd37
--- /dev/null
+++ b/issues/2017-04.coffee
@@ -0,0 +1,174 @@
+Model = require "model"
+Chateau = require "../apps/chateau"
+Contrasaurus = require "../apps/contrasaurus"
+PixiePaint = require "../apps/pixel"
+Spreadsheet = require "../apps/spreadsheet"
+TextEditor = require "../apps/text-editor"
+MyBriefcase = require "../apps/my-briefcase"
+
+Social = require "../social/social"
+
+{parentElementOfType, emptyElement} = require "../util"
+
+writeIfNotPresent = (destination, sourceURL) ->
+  system.readFile destination
+  .then (file) ->
+    throw new Error "File not found" unless file
+    return file
+  .catch ->
+    ajax
+      url: sourceURL
+      responseType: "blob"
+    .then (blob) ->
+      system.writeFile destination, blob
+
+module.exports = ->
+  {ContextMenu, MenuBar, Modal, Progress, Util:{parseMenu}, Window} = system.UI
+  {Achievement, ajax} = system
+
+  visitedAreas =
+    bikes: false
+    izzy: false
+    residue: false
+    chateau: false
+    cheevo: false
+    briefcase: false
+    podcast: false
+
+  visit = (area) ->
+    visitedAreas[area] = true
+
+    visitedAll = Object.keys(visitedAreas).every (key) ->
+      visitedAreas[key]
+
+    if visitedAll
+      Achievement.unlock "Cover-2-cover 4: Fast & Furious"
+
+  system.writeFile "issue-4/izzy.txt", new Blob [require "../stories/izzy"], type: "text/plain"
+  system.writeFile "issue-4/residue.txt", new Blob [require "../stories/residue"], type: "text/plain"
+
+  downloadBikes = ->
+    ["and-yet-they-rode-bikes.md", "infog.png", "lanes.png", "totally-a.html"].forEach (path) ->
+      filePath = "issue-4/bikes/#{path}"
+
+      writeIfNotPresent filePath, "https://fs.whimsy.space/us-east-1:90fe8dfb-e9d2-45c7-a347-cf840a3e757f/public/bikes/#{path}"
+
+  downloadBikes()
+
+  writeIfNotPresent "issue-4/Funkytown.mp3", "https://fs.whimsy.space/us-east-1:90fe8dfb-e9d2-45c7-a347-cf840a3e757f/public/music/Funkytown.mp3"
+  .then ->
+    system.openPath "issue-4/Funkytown.mp3"
+
+  writeIfNotPresent "issue-4/zinecast1.mp3", "https://fs.whimsy.space/us-east-1:90fe8dfb-e9d2-45c7-a347-cf840a3e757f/public/podcasts/zinecast1.mp3"
+
+  system.Achievement.unlock "Issue 4"
+
+  handlers = Model().include(Social).extend
+    area: ->
+      "2017-04"
+
+    zinecast1: ->
+      visit "podcast"
+      system.readFile "issue-4/zinecast1.mp3"
+      .then system.open
+
+    bikes: ->
+      visit "bikes"
+      system.readFile "issue-4/bikes/and-yet-they-rode-bikes.md"
+      .then system.open
+
+    chateau: ->
+      visit "chateau"
+      app = Chateau(system)
+      document.body.appendChild app.element
+
+    achievementStatus: ->
+      visit "cheevo"
+      cheevoElement = system.Achievement.progressView()
+      cheevoElement.style.width = "100%"
+      cheevoElement.style.padding = "1em"
+
+      system.Achievement.unlock "Check yo' self"
+
+      windowView = Window
+        title: "Cheevos"
+        content: cheevoElement
+        width: 640
+        height: 480
+
+      document.body.appendChild windowView.element
+
+    myBriefcase: ->
+      visit "briefcase"
+      app = MyBriefcase()
+      document.body.appendChild app.element
+
+    izzy: ->
+      Achievement.unlock "Izzy"
+      visit "izzy"
+      storyWindow = StoryWindow("Izzy", require("../stories/izzy"))
+
+      document.body.appendChild storyWindow.element
+
+    residue: ->
+      Achievement.unlock "Residue"
+      visit "residue"
+
+      storyWindow = StoryWindow("Residue", require("../stories/residue"))
+
+      document.body.appendChild storyWindow.element
+
+    funkytown8bitRemix: ->
+      system.readFile "issue-4/Funkytown.mp3"
+      .then system.open
+
+  menuBar = MenuBar
+    items: parseMenu """
+      [A]pps
+        [C]hateau
+        My [B]riefcase
+      [M]usic
+        [F]unkytown (8-bit Remix)
+        [Z]inecast 1
+      [S]tories
+        [B]ikes
+        [I]zzy
+        [R]esidue
+      #{Social.menuText}
+      [H]elp
+        [A]chievement Status
+    """
+    handlers: handlers
+
+  content = document.createElement "content"
+  content.style = "width: 100%; height: 100%"
+
+  img = document.createElement "img"
+  img.src = "https://fs.whimsy.space/us-east-1:90fe8dfb-e9d2-45c7-a347-cf840a3e757f/public/images/708e9398a4b4bea08d7c61ff7a0f863f.gif"
+  img.style = "width: 100%; height: 100%"
+
+  windowView = Window
+    title: "ZineOS Volume 1 | Issue 4 | DISCO TECH | April 2017"
+    content: img
+    menuBar: menuBar.element
+    width: 480
+    height: 600
+    x: 64
+    y: 64
+
+  windowView.element.querySelector('viewport').style.overflow = "initial"
+
+  document.body.appendChild windowView.element
+
+StoryWindow = (title, text) ->
+  div = document.createElement "div"
+  div.textContent = text
+  div.style.padding = "1em"
+  div.style.whiteSpace = "pre-wrap"
+  div.style.textAlign = "justify"
+
+  system.UI.Window
+    title: title
+    content: div
+    width: 380
+    height: 480
diff --git a/issues/2017-05.coffee b/issues/2017-05.coffee
new file mode 100644
index 0000000..519dc2f
--- /dev/null
+++ b/issues/2017-05.coffee
@@ -0,0 +1,99 @@
+Model = require "model"
+
+AchievementStatus = require "../apps/achievement-status"
+Chateau = require "../apps/chateau"
+Contrasaurus = require "../apps/contrasaurus"
+PixiePaint = require "../apps/pixel"
+Spreadsheet = require "../apps/spreadsheet"
+TextEditor = require "../apps/text-editor"
+MyBriefcase = require "../apps/my-briefcase"
+
+StoryReader = require "../apps/story-reader"
+
+Social = require "../social/social"
+
+module.exports = ->
+  {ContextMenu, MenuBar, Modal, Progress, Util:{parseMenu}, Window} = system.UI
+  {Achievement, ajax} = system
+
+  ggPath = "issue-5/gleep-glorp.m4a"
+
+  system.readFile ggPath
+  .then (file) ->
+    throw new Error "File not found" unless file
+  .catch ->
+    ajax
+      url: "https://fs.whimsy.space/us-east-1:90fe8dfb-e9d2-45c7-a347-cf840a3e757f/public/hao/gleep-glorp.m4a"
+      responseType: "blob"
+    .then (blob) ->
+      system.writeFile ggPath, blob
+
+  handlers = Model().include(Social).extend
+    area: ->
+      "2017-05"
+
+    achievementStatus: ->
+      system.launchApp AchievementStatus
+
+    chateau: ->
+      system.launchApp Chateau
+
+    crescent: ->
+      app = StoryReader
+        text: require "../stories/crescent"
+        title: "Crescent"
+
+      document.body.appendChild app.element
+
+    gleepGlorp: ->
+      system.openPath ggPath
+
+    marigold: ->
+      app = StoryReader
+        text: require "../stories/marigold"
+        title: "Marigold"
+
+      document.body.appendChild app.element
+
+    myBriefcase: ->
+      system.launchApp MyBriefcase
+
+    pixiePaint: ->
+      system.launchApp PixiePaint
+
+    textEditor: ->
+      system.launchApp TextEditor
+
+  menuBar = MenuBar
+    items: parseMenu """
+      [A]pps
+        [C]hateau
+        My [B]riefcase
+        [P]ixie Paint
+        [T]ext Editor
+      [C]ontent
+        [C]rescent
+        [G]leep Glorp
+        [M]arigold
+      #{Social.menuText}
+      [H]elp
+        [A]chievement Status
+    """
+    handlers: handlers
+
+  img = document.createElement "img"
+  img.src = "https://i.imgur.com/hKOGoex.jpg"
+  img.style = "width: 100%; height: 100%"
+
+  windowView = Window
+    title: "ZineOS Volume 1 | Issue 5 | A May Zine | May 2017"
+    content: img
+    menuBar: menuBar.element
+    width: 640
+    height: 360
+    x: 64
+    y: 64
+
+  windowView.element.querySelector('viewport').style.overflow = "initial"
+
+  document.body.appendChild windowView.element
diff --git a/lib/app-drop.coffee b/lib/app-drop.coffee
new file mode 100644
index 0000000..500c1cd
--- /dev/null
+++ b/lib/app-drop.coffee
@@ -0,0 +1,35 @@
+Drop = require "./drop"
+
+# General drop handling for apps
+module.exports = (app) ->
+  {element} = app
+
+  Drop element, (e) ->
+    {handlers} = app
+
+    fileSelectionData = e.dataTransfer.getData("zineos/file-selection")
+
+    if fileSelectionData
+      data = JSON.parse(fileSelectionData)
+      e.preventDefault()
+      file = data.files[0]
+
+      # TODO: Handle multi-files
+      path = data.files[0].path
+
+      system.readFile path
+      .then handlers.loadFile
+      .then ->
+        handlers.currentPath path
+
+      return
+
+    files = e.dataTransfer.files
+
+    if files.length
+      e.preventDefault()
+
+      file = files[0]
+      handlers.loadFile file
+      .then ->
+        handlers.currentPath null
diff --git a/lib/dexie-fs.coffee b/lib/dexie-fs.coffee
index aeb80b4..1ad5ec4 100644
--- a/lib/dexie-fs.coffee
+++ b/lib/dexie-fs.coffee
@@ -1,6 +1,11 @@
 Bindable = require "bindable"
 Model = require "model"
 
+FolderEntry = (path, prefix) ->
+  folder: true
+  path: prefix + path
+  relativePath: path
+
 # FS Wrapper to Dexie database
 module.exports = (db) ->
   Files = db.files
@@ -38,12 +43,23 @@ module.exports = (db) ->
       Files.delete(path)
       .then notify "delete", path
 
-    # TODO: Collapse folders
-    # .replace(/\/.*$/, "/")
+    # List files and folders in a directory
     list: (dir) ->
       Files.where("path").startsWith(dir).toArray()
       .then (files) ->
-        files.forEach (file) ->
+        folderPaths = {}
+
+        files = files.filter (file) ->
           file.relativePath = file.path.replace(dir, "")
 
-        return files
+          if file.relativePath.match /\// # folder
+            folderPath = file.relativePath.replace /\/.*$/, "/"
+            folderPaths[folderPath] = true
+            return
+          else
+            return file
+
+        folders = Object.keys(folderPaths).map (folderPath) ->
+          FolderEntry folderPath, dir
+
+        return folders.concat(files)
diff --git a/lib/hamlet.js b/lib/hamlet.js
index b18539c..9445320 100644
--- a/lib/hamlet.js
+++ b/lib/hamlet.js
@@ -2448,4 +2448,4 @@ module.exports={
 }
 
 },{}]},{},[1])(1)
-});
\ No newline at end of file
+});
diff --git a/lib/iframe-app.coffee b/lib/iframe-app.coffee
index 9f9e1fb..52847de 100644
--- a/lib/iframe-app.coffee
+++ b/lib/iframe-app.coffee
@@ -3,9 +3,9 @@ Postmaster = require "postmaster"
 FileIO = require "../os/file-io"
 
 module.exports = (opts={}) ->
-  {ContextMenu, MenuBar, Modal, Observable, Progress, Table, Util:{parseMenu}, Window} = system.UI
+  {Window} = system.UI
 
-  {height, menuBar, src, title, width, sandbox, pkg} = opts
+  {height, menuBar, src, handlers, title, width, sandbox, pkg, packageOptions, iconEmoji} = opts
 
   frame = document.createElement "iframe"
 
@@ -15,18 +15,10 @@ module.exports = (opts={}) ->
   if src
     frame.src = src
   else if pkg
-    frame.src = URL.createObjectURL new Blob ["""
-      <html>
-        <head>
-          <meta charset="utf-8">
-        </head>
-        <body>
-        <script>
-          #{require.executePackageWrapper(pkg)}
-        <\/script>
-        </body>
-      </html>
-    """], type: "text/html; charset=utf-8"
+    html = system.htmlForPackage(pkg, packageOptions)
+    blob = new Blob [html],
+      type: "text/html; charset=utf-8"
+    frame.src = URL.createObjectURL blob
 
   # Keep track of waiting for child window to load, all remote invocations are
   # queued behind a promise until the child has loaded
@@ -35,33 +27,62 @@ module.exports = (opts={}) ->
   loadedPromise = new Promise (resolve) ->
     resolveLoaded = resolve
 
+  loaded = false
+  setTimeout ->
+    console.warn "Child never loaded" unless loaded
+  , 5000
+
   # Attach a postmaster to receive events from the child frame
   postmaster = Postmaster()
-  postmaster.remoteTarget = -> frame.contentWindow
+
   Object.assign postmaster,
+    remoteTarget: ->
+      frame.contentWindow
+
     childLoaded: ->
       console.log "child loaded"
       resolveLoaded()
+      loaded = true
 
-    # Send events from the iframe app to the window view
+    # Send events from the iframe app to the application
     event: ->
-      windowView.trigger "event", arguments...
+      application.trigger "event", arguments...
 
       return
 
-  # TODO: Extend with passed in handlers?
-  handlers = Model().include(FileIO).extend
+    # Add application method access to client iFrame
+    application: (method, args...) ->
+      application[method](args...)
+
+    # Add system method access to client iFrame
+    # TODO: Security :P
+    system: (method, args...) ->
+      system[method](args...)
+
+  handlers ?= Model().include(FileIO).extend
     loadFile: (blob) ->
       loadedPromise.then ->
         postmaster.invokeRemote "loadFile", blob
 
-  windowView = Window
+  application = Window
     title: title
     content: frame
     menuBar: menuBar?.element
     width: width
     height: height
+    iconEmoji: iconEmoji
 
-  windowView.loadFile = handlers.loadFile
+  Object.assign application,
+    exit: ->
+      # TODO: Prompt unsaved, etc.
+      setTimeout ->
+        application.element.remove()
+      , 0
+      return
+    handlers: handlers
+    loadFile: handlers.loadFile
+    send: (args...) ->
+      loadedPromise.then ->
+        postmaster.invokeRemote args...
 
-  return windowView
+  return application
diff --git a/lib/pkg-fs.coffee b/lib/pkg-fs.coffee
new file mode 100644
index 0000000..b774ea4
--- /dev/null
+++ b/lib/pkg-fs.coffee
@@ -0,0 +1,105 @@
+Bindable = require "bindable"
+Model = require "model"
+
+FolderEntry = (path, prefix) ->
+  folder: true
+  path: prefix + path
+  relativePath: path
+
+# Keys in the package's source object don't begin with slashes
+sourcePath = (path) ->
+  path.replace(/^\//, "")
+
+# Strip out extension suffixes
+distributionPath = (path) ->
+  path.replace(/\..*$/, "")
+
+# FS Wrapper to a pixie package
+module.exports = (pkg, persistencePath) ->
+  notify = (eventType, path) ->
+    (result) ->
+      self.trigger eventType, path
+      return result
+
+  persist = ->
+    # Persist entire pkg
+    pkgBlob = new Blob [JSON.stringify(pkg)],
+      type: "application/json; charset=utf8"
+    system.writeFile persistencePath, pkgBlob
+
+  compileAndWrite = (path, blob) ->
+    writeSource = blob.readAsText()
+    .then (text) ->
+      srcPath = sourcePath(path)
+      pkg.source[srcPath] =
+        content: text
+        type: blob.type or ""
+        path: srcPath
+
+    # Compilers expect blob to be annotated with the path
+    blob.path = path
+
+    writeCompiled = system.compileFile(blob)
+    .then (compiledSource) ->
+      if typeof compiledSource is "string"
+        pkg.distribution[distributionPath(sourcePath(path))] =
+          content: compiledSource
+      else
+        console.warn "Can't package files like #{path} yet", compiledSource
+
+    Promise.all [writeSource, writeCompiled]
+    .then persist
+
+  self = Model()
+  .include(Bindable)
+  .extend
+    # Read a blob from a path
+    read: (path) ->
+      {content, type} = pkg.source[sourcePath(path)]
+      type ?= ""
+
+      blob = new Blob [content], 
+        type: type
+
+      Promise.resolve blob
+      .then notify "read", path
+
+    # Write a blob to a path
+    write: (path, blob) ->
+      compileAndWrite(path, blob)
+      .then notify "write", path
+
+    # Delete a file at a path
+    delete: (path) ->
+      Promise.resolve()
+      .then ->
+        delete pkg.source[sourcePath(path)]
+      .then notify "delete", path
+
+    # List files and folders in a directory
+    list: (dir) ->
+      sourceDir = sourcePath(dir)
+
+      Promise.resolve()
+      .then ->
+        Object.keys(pkg.source).filter (path) ->
+          path.indexOf(sourceDir) is 0
+        .map (path) ->
+          path: "/" + path
+          relativePath: path.replace(sourceDir, "")
+          type: pkg.source[path].type or ""
+      .then (files) ->
+        folderPaths = {}
+
+        files = files.filter (file) ->
+          if file.relativePath.match /\// # folder
+            folderPath = file.relativePath.replace /\/.*$/, "/"
+            folderPaths[folderPath] = true
+            return
+          else
+            return file
+
+        folders = Object.keys(folderPaths).map (folderPath) ->
+          FolderEntry folderPath, dir
+
+        return folders.concat(files)
diff --git a/lib/s3-fs.coffee b/lib/s3-fs.coffee
index a4f43ea..3ecd874 100644
--- a/lib/s3-fs.coffee
+++ b/lib/s3-fs.coffee
@@ -5,6 +5,9 @@ Model = require "model"
 
 delimiter = "/"
 
+# NOTE: Not scoped for multi-bucket yet
+localCache = {}
+
 status = (response) ->
   if response.status >= 200 && response.status < 300
     return response
@@ -22,19 +25,41 @@ uploadToS3 = (bucket, key, file, options={}) ->
 
   cacheControl ?= 0
 
+  # Optimistically Cache
+  localCache[key] = file
+
   pinvoke bucket, "putObject",
     Key: key
     ContentType: file.type
     Body: file
     CacheControl: "max-age=#{cacheControl}"
 
-# TODO: May need to use getObject api when we switch to better privacy model
-getFromS3 = (bucket, key) ->
-  fetch("https://#{bucket.config.params.Bucket}.s3.amazonaws.com/#{key}")
-  .then status
-  .then blob
+getRemote = (bucket, key) ->
+  cachedItem = localCache[key]
+
+  if cachedItem
+    if cachedItem instanceof Blob
+      return Promise.resolve(cachedItem)
+    else
+      return Promise.reject(cachedItem)
+
+  pinvoke bucket, "getObject",
+    Key: key
+  .then (data) ->
+    {Body, ContentType} = data
+
+    new Blob [Body],
+      type: ContentType
+  .then (data) ->
+    localCache[key] = data
+  .catch (e) ->
+    # Cache Not Founds too, since that's often what is slow
+    localCache[key] = e
+    throw e
 
 deleteFromS3 = (bucket, key) ->
+  localCache[key] = new Error "Not Found"
+
   pinvoke bucket, "deleteObject",
     Key: key
 
@@ -76,7 +101,7 @@ module.exports = (id, bucket) ->
 
       key = "#{id}#{path}"
 
-      getFromS3(bucket, key)
+      getRemote(bucket, key)
       .then notify "read", path
 
     write: (path, blob) ->
@@ -136,10 +161,11 @@ FileEntry = (object, id, prefix, bucket) ->
 
 BlobSham = (entry, bucket) ->
   remotePath = entry.remotePath
-  url = "https://#{bucket.config.params.Bucket}.s3.amazonaws.com/#{remotePath}"
 
-  getURL: -> Promise.resolve(url)
+  getURL: ->
+    getRemote(bucket, remotePath)
+    .then URL.createObjectURL
   readAsText: ->
-    getFromS3(bucket, remotePath)
+    getRemote(bucket, remotePath)
     .then (blob) ->
       blob.readAsText()
diff --git a/lib/system-client.coffee b/lib/system-client.coffee
new file mode 100644
index 0000000..338bcd9
--- /dev/null
+++ b/lib/system-client.coffee
@@ -0,0 +1,40 @@
+# system-client is what prepares the environment for user apps
+# we hook up the postmaster and proxy messages to the OS
+# we also provide system packages for the application to use like UI
+
+do ->
+  # NOTE: These required packages get populated from the parent package when building
+  # the runnable app. See util.coffee
+  Postmaster = require "_SYS_postmaster"
+  UI = require "_SYS_ui"
+
+  style = document.createElement "style"
+  style.innerHTML = UI.Style.all
+  document.head.appendChild style
+
+  postmaster = Postmaster()
+
+  applicationProxy = new Proxy {},
+    get: (target, property, receiver) ->
+      ->
+        postmaster.invokeRemote "application", property, arguments...
+
+  document.addEventListener "mousedown", ->
+    applicationProxy.raiseToTop()
+
+  systemProxy = new Proxy
+    Observable: UI.Observable
+    UI: UI
+  ,
+    get: (target, property, receiver) ->
+      target[property] or
+      ->
+        postmaster.invokeRemote "system", property, arguments...
+
+  # TODO: Also interesting would be to proxy observable arguments where we
+  # create the receiver on the opposite end of the membrane and pass messages
+  # back and forth like magic
+
+  window.system = systemProxy
+  window.application = applicationProxy
+  window.postmaster = postmaster
diff --git a/main.coffee b/main.coffee
index 2d59197..bc082d7 100644
--- a/main.coffee
+++ b/main.coffee
@@ -9,23 +9,37 @@ global.Hamlet = require "./lib/hamlet"
 
 System = require "./system"
 global.system = System()
+system.PACKAGE = PACKAGE # For debugging
 
 {Style} = system.UI
 style = document.createElement "style"
 style.innerHTML = Style.all + "\n" + require("./style")
 document.head.appendChild style
 
+# Drag shenanigans
+document.addEventListener "dragstart", ->
+  document.body.classList.add "drag-active"
+document.addEventListener "mouseup", ->
+  document.body.classList.remove "drag-active"
+
 # Desktop
 Explorer = require "./apps/explorer"
 document.body.appendChild Explorer()
 
+VersionTemplate = require "./templates/version"
+document.body.appendChild VersionTemplate
+  version: system.version
+
+SiteURLTemplate = require "./templates/site-url"
+document.body.appendChild SiteURLTemplate()
+
+HomeButton = require "./presenters/home-button"
+document.body.appendChild HomeButton()
+
 system.writeFile "feedback.exe", new Blob [""], type: "application/exe"
-system.writeFile "issue-1/zine1.exe", new Blob [""], type: "application/exe"
-system.writeFile "issue-2/zine2.exe", new Blob [""], type: "application/exe"
-system.writeFile "issue-3/zine3.exe", new Blob [""], type: "application/exe"
 system.writeFile "My Briefcase", new Blob [""], type: "application/briefcase"
 
-require("./issues/2017-03")()
-
 system.autoboot()
 # system.dumpModules()
+
+require("./issues/2017-04")()
diff --git a/pixie.cson b/pixie.cson
index ff59137..282d8c6 100644
--- a/pixie.cson
+++ b/pixie.cson
@@ -1,16 +1,20 @@
+title: "Whimsy Space - ZineOS v0.420.950a ⌊ALPHA⌉"
+description: """
+  When the bombs drop, and it's OS against OS, you're gonna wish you could view source
+"""
 dependencies:
   ajax: "distri/ajax:master"
   analytics: "distri/google-analytics:master"
   base64: "distri/base64:v0.9.2"
   bindable: "distri/bindable:master"
   model: "distri/model:master"
-  postmaster: "distri/postmaster:v0.5.0"
-  ui: "STRd6/ui:master"
+  postmaster: "distri/postmaster:v0.5.3"
+  ui: "STRd6/ui:v0.1.9"
 remoteDependencies: [
   "https://cdnjs.cloudflare.com/ajax/libs/dexie/2.0.0-beta.7/dexie.min.js"
   "https://cdnjs.cloudflare.com/ajax/libs/ace/1.2.6/ace.js"
   "https://cdnjs.cloudflare.com/ajax/libs/ace/1.2.6/ext-language_tools.js"
   "https://cdnjs.cloudflare.com/ajax/libs/coffee-script/1.7.1/coffee-script.min.js"
   "https://cdnjs.cloudflare.com/ajax/libs/marked/0.3.6/marked.min.js"
-  "https://sdk.amazonaws.com/js/aws-sdk-2.2.42.min.js"
+  "https://sdk.amazonaws.com/js/aws-sdk-2.7.20.min.js"
 ]
diff --git a/presenters/home-button.coffee b/presenters/home-button.coffee
new file mode 100644
index 0000000..3b59a37
--- /dev/null
+++ b/presenters/home-button.coffee
@@ -0,0 +1,112 @@
+AceEditor = require "../apps/text-editor"
+AchievementStatus = require "../apps/achievement-status"
+Chateau = require "../apps/chateau"
+Contrasaurus = require "../apps/contrasaurus"
+DungeonOfSadness = require "../apps/dungeon-of-sadness"
+PixiePaint = require "../apps/pixel"
+Spreadsheet = require "../apps/spreadsheet"
+MyBriefcase = require "../apps/my-briefcase"
+
+HomeButtonTemplate = require "../templates/home-button"
+
+module.exports = ->
+  {Achievement} = system
+  {ContextMenu, Util:{parseMenu}} = system.UI
+
+  launch = (App) ->
+    app = App()
+    system.attachApplication app
+
+  contextMenu = ContextMenu
+    items: parseMenu """
+      🔨 [A]pplications
+        📝 [A]ce Editor
+        🍷 [C]hateau
+        🎨 [P]ixie Paint
+      🎮 [G]ames
+        🌭 [B]ionic Hotdog
+        🍖 [C]ontrasaurus
+        😭 [D]ungeon Of Sadness
+      📰 [I]ssues
+        1️⃣ [F]irst
+        🏰 [E]nter The Dungeon
+        🏬 [A]TTN: K-Mart Shoppers
+        💃 [D]isco Tech
+        🌻 [A] May Zine
+      ⚙️ [S]ettings
+        📱 [A]ppearance
+        💯 [C]heevos
+      💼 [M]y Briefcase
+      -
+      🔌 S[h]ut Down
+    """
+    handlers:
+      aceEditor: ->
+        launch AceEditor
+
+      aMayZine: ->
+        system.launchIssue("2017-05")
+
+      appearance: ->
+        system.UI.Modal.alert "TODO :)"
+
+      aTTNKMartShoppers: ->
+        system.launchIssue("2017-03")
+
+      bionicHotdog: ->
+        Promise.resolve
+          src: "https://danielx.net/grappl3r/"
+          width: 960
+          height: 540
+          iconEmoji: "🌭"
+          title: "Bionic Hotdog"
+        .then system.iframeApp
+        .then system.attachApplication
+
+      chateau: ->
+        launch Chateau
+
+      cheevos: ->
+        launch AchievementStatus
+
+      contrasaurus: ->
+        launch Contrasaurus
+
+      discoTech: ->
+        system.launchIssue("2017-04")
+
+      dungeonOfSadness: ->
+        launch DungeonOfSadness
+
+      enterTheDungeon: ->
+        system.launchIssue("2017-02")
+
+      "1First": ->
+        system.launchIssue("2016-12")
+
+      myBriefcase: ->
+        launch MyBriefcase
+
+      pixiePaint: ->
+        launch PixiePaint
+
+      shutDown: ->
+        Achievement.unlock "Shut Down"
+        system.UI.Modal.alert "You'll never shut us down! ZineOS 5ever!"
+
+  updateStyle = ->
+    height = element.getBoundingClientRect().height
+
+    contextMenu.element.style.fontSize = "1.5rem"
+    contextMenu.element.style.lineHeight = "1.5"
+    contextMenu.element.style.bottom = "#{height}px"
+    contextMenu.element.style.textAlign = "left"
+
+  element = HomeButtonTemplate
+    click: ->
+      contextMenu.display
+        inElement: document.body
+
+      updateStyle()
+
+  return element
diff --git a/social/social.coffee b/social/social.coffee
index 1fa8ae8..2ea5c9c 100644
--- a/social/social.coffee
+++ b/social/social.coffee
@@ -14,7 +14,7 @@ module.exports = (I, self) ->
         area: self.area()
       .then (data) ->
         ajax
-          url: "https://whimsy-space.gomix.me/comments"
+          url: "https://whimsy-space.glitch.me/comments"
           data: JSON.stringify(data)
           headers:
             "Content-Type": "application/json"
@@ -23,7 +23,7 @@ module.exports = (I, self) ->
         self.viewComments()
 
     viewComments: ->
-      ajax.getJSON "https://whimsy-space.gomix.me/comments/#{self.area()}"
+      ajax.getJSON "https://whimsy-space.glitch.me/comments/#{self.area()}"
       .then (data) ->
         data = data.reverse()
 
@@ -37,7 +37,7 @@ module.exports = (I, self) ->
 
     like: ->
       system.Achievement.unlock "Do you 'like' like me?"
-      Modal.alert "I like you too, but we don't have a facebook or anything yet :)"
+      window.open "https://www.facebook.com/whimsyspace/"
     subscribe: ->
       require("../mailchimp").show()
 
diff --git a/stories/crescent.coffee b/stories/crescent.coffee
new file mode 100644
index 0000000..799d3ef
--- /dev/null
+++ b/stories/crescent.coffee
@@ -0,0 +1,13 @@
+module.exports = """
+“Look, Mom, I made a moon!”
+She holds aloft a crescent bitten from cereal,
+and I feel a tug on my memory:
+not the usual familiarity
+of the Earth’s twirling, ever-changing little sister
+but something deeper, and more intimate,
+like a great truth,
+a resonance of great importance,
+had been uncovered within my mind as I slept,
+and was lost upon waking.
+And then she ate the moon.
+"""
diff --git a/stories/izzy.coffee b/stories/izzy.coffee
new file mode 100644
index 0000000..83265f1
--- /dev/null
+++ b/stories/izzy.coffee
@@ -0,0 +1,61 @@
+module.exports = """
+“Izzy, your grandma is here!” Izzy jumped up from where she was seated on the classroom floor chatting with her friends during after-school care, and she ran to her grandmother to give her a huge hug.
+
+“Have a good weekend,” her teacher said as Izzy grabbed her backpack.
+“You too!” Izzy called, as she ran for the parking lot with Grandma close behind. She nearly flew through the school gate.
+
+“Wait for me before you cross the street!” Grandma shouted to Izzy.
+“Sorry,” Izzy replied as Grandma caught up to her.
+
+They crossed over to where Grandpa was leaning against their 1973 El Camino. He swung Izzy up and spun her around.
+
+“Did you have a good day, kiddo?”
+“Yeah! I finished The BFG and I got to draw my favorite part as a poster and share it with the class,” Izzy said proudly.
+“Sounds great. Did you try to draw in the style of Quentin Blake, or did you use your own style?” Grandpa asked.
+“Well, I tried pretty hard to draw like Quentin Blake, but it’s hard to draw like other artists. I didn’t like how it looked so I started over by just reading the description again and imagining it in my head. I’ll show you next week when I bring it home.”
+
+Izzy lowered her backpack into a wooden orange crate in the truck bed of the El Camino. Her navy-blue violin case, a small amplifier, and a black bag already sat in the crate. The crate nestled in between a variety of potted plants which took up the remaining space in the bed. Izzy plucked a few ripe cherry tomatoes and some snow peas from their respective vines, which twined around cages in a large planter close to the cab’s rear window. She ran her fingers through the thyme and mint spilling out of smaller planters closer to the tailgate and breathed in, relishing the pungent and spicy smells. She loved her grandparents’ mobile garden.
+
+She munched her snack as she climbed into the front seat of the El Camino and slid in next to Grandma, who sat in the driver’s seat. Grandpa placed three garment bags on Izzy’s lap, and then slid in beside her, sandwiching Izzy in between her grandparents. 
+
+“Be careful not to get any tomato juice on the garment bags,” Grandpa cautioned.
+“I know. I’ll be careful.” Izzy replied.
+“All right. Sorry it’s such a tight fit today!” Grandpa smiled at Izzy. “Are you excited?”
+“Yeah! I can’t wait until we get to the boardwalk! Everyone is going to love our show!”
+“Well, then!” Grandma exclaimed. “Let’s go!”
+
+The El Camino’s engine roared to life and Grandma maneuvered the car onto the road. With both windows down, the breeze ruffled everyone’s hair, and as they neared their destination, the fresh scent of the ocean wafted in, filling Izzy’s nostrils with the salty, damp aroma. The plants in the back swayed gently back and forth in time with the rhythm of the car’s motion, and their planters were so tightly arranged that nothing slid around. 
+
+Grandma pulled into a perfect parking space close to the boardwalk at the beachfront parking lot. Grandpa carried the garment bags; Izzy carried her backpack and violin, and Grandma carried the black bag and the amplifier.
+
+“Nice car!” a voice called to them. They turned to see a young man and woman wearing wetsuits and loading surfboards into the back of their SUV.
+“Thanks!” Grandpa called back. The two surfers smiled at them. Izzy glowed. She loved the way her grandparents brought joy everywhere they went.
+
+The sun was beginning to set over the ocean, creating an air of magic. Izzy and her grandparents walked the short distance to their pre-chosen destination: a bench that overlooked the water, adjoining a large, wide sidewalk upon which Friday night foot traffic was beginning to accumulate.
+
+A nearby planter contained palm trees and succulents, as well as a small electrical outlet on one side. Grandma pulled an orange extension cord from her black bag, and plugged it in. She carefully duct-taped the cord to the ground for safety as she ran the cord up to the bench. Izzy plugged her amplifier in the extension cord and began setting up her equipment.
+
+“I’m going to go get changed,” said Grandpa to Grandma, taking his garment bag and walking in the direction of the restrooms. As Izzy began tuning her violin a few minutes later, Grandpa appeared wearing a leisure suit that had a complicated design made of conductive fabric circles and lines stitched together in that turned his costume into a drum pad, which connected wirelessly with the amplifier.
+
+The equipment setup complete, Grandpa began do a final check of his suit while Izzy and Grandma took their turn to change as well. A short time later, they emerged, resplendent in their own costumes.
+
+Grandma wore a long-sleeved, tight-fitting silver dress that had fiber optic filaments running vertically along her body and dangling beyond the bottom of the dress. She had not yet switched on the battery pack, and the dress appeared at first to be rather unassuming. However, the headdress she was wearing was quite the opposite. Nestled in Grandma’s big hairdo was a variety of feathers, delicately coiled wire shapes, and more fiber optics that skimmed the top of her head before shooting up like the crest of a rainforest bird. Dramatic, dark eyeliner, silver eye shadow, and silver platform shoes completed the look.
+
+The simple cut of Izzy’s dress accentuated the beautiful movement of the fabric. A fitted bodice gave way to a flared skirt. She twirled, and the purple and blue dip-dyed fabric swirled in response around her knees. Opting to keep her costume simple for ease of playing her violin, it had no electronics. The bodice was adorned with sequins she had painstakingly glued in an intricate pattern, which, like a disco ball, would reflect the lights from the small footlight set up next to her. In Izzy’s hair was a small feather and fiber optic fascinator, like Grandma’s but on a smaller scale.
+
+Izzy did a quick, final sound check. “Ready?” she asked. 
+“Let’s do it!” grinned Grandma and Grandpa.
+
+Months of effort coalesced into one moment as the sun finally dipped below the horizon, sending the boardwalk into twilight. Grandma and Grandpa switched on their battery packs, and Grandma’s dress lit up. Izzy switched on her footlight, nodded to Grandma and Grandpa, and began to play.
+
+Inspired by her hero Zoë Keating, Izzy began to loop snippets of her violin with her loop pedal. She built sound after sound up to a fast-paced, catchy, danceable beat, while Grandpa and Grandma began to dance. Grandma’s fiber optics began to pulse with the rhythm of Izzy’s music and Grandpa’s drum pad leisure suit. They whirled and spun, and even Izzy swayed and swirled with the music as she played.
+
+A crowd began to form, cheering on the pop-up discotheque. They clapped in time to the music, delighted every time Grandma’s skirt sent pinpricks of light racing around her knees, and murmured in excitement at the intricate movements Grandpa made to keep the drums thumping. As the song ended, the crowd exploded with whoops and shouts, and several people made donations into Izzy’s violin case. The family took a bow, and launched into another song, causing the crowd to cheer yet again.
+
+Like any moment that has been anticipated for so long, it seemed to last but the blink of an eye. When the last song ended, the crowd drifted away on the final, lingering notes from Izzy’s violin. As Grandma and Grandpa started to pack up, Izzy took a dime out of the violin case, her favorite coin because it was the smallest, and darted to the fountain down the boardwalk. She pitched the coin into the dark water that reflected the stars.
+
+“What did you wish for?” Grandpa asked as Izzy returned.
+“Not telling,” Izzy replied.
+
+She slipped her small hand into Grandpa’s, and the other into Grandma’s, and they walked back to the El Camino.
+"""
\ No newline at end of file
diff --git a/stories/marigold.coffee b/stories/marigold.coffee
new file mode 100644
index 0000000..41699c4
--- /dev/null
+++ b/stories/marigold.coffee
@@ -0,0 +1,87 @@
+module.exports = """
+The shutters of a third-story window of the manor house flew open, and a small girl leaned out, hurling a rope to the ground below. She lugged a chair over to the window, and stood on it. She grasped the rope in both hands, and began slowly descending the pitted grey stone walls of her home. Evenly spaced knots helped her tiny hands keep hold of the thick, scratchy rope as she leaned her slender frame away for balance.
+
+In the garden below, the girl brushed rope fibers from her hands on her leggings and smoothed out her tunic. A gust of wind whipped her black hair about her face, and she wrapped her cloak closer about her body and pulled its hood over her head.
+
+The waxing crescent moon, partially obscured by clouds, gave little light, but the girl needed no lantern. She blinked her golden eyes rapidly a few times, letting her cat-like pupils widen enough to collect the scant light, and took in her surroundings in shades of grey. She marched off into the darkness of the nearby woods, hidden under the cover of darkness.
+
+The girl found her favorite deer trail through the forest, almost invisible to anyone else. It wound around the ancient oak trees before descending along a sandy bank to the edge of a softly flowing river. Downstream, the rapids became rough, but here, where rocks were few and the ground was mostly level, the water pooled and was perfect for swimming.
+
+Despite the chill of the evening, the girl removed her boots and garments and folded them neatly, placing them on a flat rock several feet from the edge of the river. She stood expectantly, letting the water lap at her toes.
+
+She looked up as a swirling cloud emerged from a hollow tree and collected above her head. She whistled a haunting little tune and the cloud parted, wrapping itself around her body as she stepped into the water. She waded waist-deep into the water as the nanoswarm enveloped her in scaly, flexible skin from her torso all the way down her legs, ending in a tail with long fins. Opening her mouth, she inhaled some of the nanoswarm to allow her to breathe underwater, before her body slipped entirely under the rippling surface. 
+
+The girl splashed her tail and a peal of light, uninhibited laughter echoed off the rocks as she resurfaced. She swam off into the night.
+
+***
+
+“Lady Marigold?” A young woman, shivering in the predawn air, gently shook the girl’s shoulder to rouse her. The girl, Marigold, blinked her eyes and looked to find her lady’s maid standing over her with a look of concern. Marigold lay on the sandy shore where she had fallen asleep hours before.
+
+“Hm? Oh, no. I’m so sorry, Raina! I didn’t mean to fall asleep!” she said, brushing sand from her face as she sat up. She was still wrapped in her nanoswarm, so she whistled to them again, and they lifted away from her body and back into their hiding place in the tree. Raina retrieved the neatly folded clothing and helped her lady dress quickly.
+
+“My lady, if you must escape the house at night, please return in a timely manner. Surely you can program your nanoswarm to remind you to come home?”
+“I can, but it is awkward to swim to shore with legs if the nanoswarm leaves me when I am not yet ready. I much prefer the tail.”
+
+Raina huffed in exasperation and said nothing further. She tamed Marigold’s long hair in a quick series of braids, which she wound around the girl’s head and pinned into place.
+
+Marigold turned to leave, but Raina said, “Your eyes, Lady Marigold.” Marigold paused, closed her eyes, and opened them again. Gone were the cat’s eyes, replaced by dark brown eyes with the usual round pupils one would expect to see in a girl five years of age.
+
+Raina followed her lady up the bank and back into the forest. They returned to the manor house quickly and quietly. Raina, feeling that scaling the walls of the house was undignified, had already wound Marigold’s rope back up and closed the shutters. Instead, the two of them tiptoed through the kitchen. The cook, singing loudly to herself, kneaded the day’s bread and did not hear their entrance.
+
+Back in Marigold’s rooms, Raina started a fire. “I am not cold,” Marigold protested. “The nanoswarm helps regulate my body temperature.”
+“Very well, but I have no such protection and I, too, have also been out in the cold this morning.” Raina continued building the fire until it roared in the fireplace.
+
+Marigold disappeared into her library, a fortress of shelves she had arranged in a corner of the room adjacent to the fireplace. Books of all shapes and sizes and subjects, borrowed from the big library downstairs, whispered to her their secrets of ancient wars and mythology, poetry and architecture. Soft cushions stacked on a rug served as her seat, and Marigold resumed reading A Brief History of Nanoculture.
+
+Breakfast arrived on a tray, which Raina placed next to Marigold on the floor. The girl held the book in one hand, and ate her toast and jam and drank her tea with the other, her eyes never leaving the pages.
+
+A knock at the door yielded a sealed note, which, though it was addressed to Raina, was delivered to Marigold. The girl looked over the note, scowled, and snapped the book shut, mentally noting the page number.
+
+“My uncle has summoned me,” Marigold said to Raina, who nodded in response. “I do wish that man would write to me directly.” She read the note aloud, rolling her eyes: “‘Send the Lady Marigold to me at half-past nine and ensure the child wears something befitting her station.’ He knows I can read. Why does he torment me thus?”
+
+“Your uncle is a good man,” Raina soothed, “He has many responsibilities, and has better things to occupy his time than chastising you for coming to an audience with him dressed for a day out in the woods.”
+“Formal clothing is pointless. My appearance is arbitrary. I am five, and therefore invisible anyway. I prefer being able to move freely.”
+
+Marigold flounced to a small adjoining room where her clothing was stored, and sullenly pulled a long dress from a drawer. Light, soft grey fabric draped over her head as she put the garment on. Long, tight-fitting sleeves with inlaid lace covered her arms, and the hem of the dress, which brushed the tops of her toes, featured more of the same lace. Over the dress, she put on a long, intricately embroidered vest, and Raina helped her cinch her waist with a belt the width of her hand, encrusted with beads made of semiprecious stones. Marigold slipped her feet into soft, ghillie-style shoes made of fine leather that laced up her legs.
+
+They sat at Marigold’s dressing table and Raina brushed Marigold’s hair before smoothing it into a full, low roll at the back of her head, pinning smaller braids around it, and placing a gold hair comb into the top of the roll. Raina carefully adjusted the small curls around Marigold’s face, and turned the girl to face her.
+
+“You look lovely,” Raina smiled.
+“I still prefer the tunic and leggings, but thank you.”
+
+Marigold exited her rooms, followed by Raina. They descended the staircase at the end of the hall, and proceeded to the library, where Marigold’s uncle usually received her. Raina knocked, and entered.
+
+“Lady Marigold Lavande, Duchess of Frisa.” Raina announced her lady as she slowly inclined her head, a sign of respect for the child’s uncle and guardian, Lord Therus Osmarinus, a duke in his own right of the neighboring county of Astera.
+
+Marigold swept past Raina, stopping before her uncle and inclining her head to him. He returned the gesture of respect and motioned to a chair near the table upon which his correspondence was spread before him. Raina left the room, and Marigold sat.
+
+“Good morning, Marigold.” Her uncle’s green eyes were kind, but she could see bags under them. He probably had not slept much the previous evening. He sat at the table opposite her.
+
+“Good morning, Uncle.” From her perch on the chair, she could just see the letters he had been reading. She strained her eyes to see the details. She noted the seal of the Ruling Council affixed to several of the letters, and the swooping signatures of several different people. She also noted a map of the country he had pulled up on a tablet, with a variety of location markers scattered near the coast.
+
+“What is the map for, Uncle?” Marigold asked.
+
+Her uncle ran his fingers through his short, brown hair, speckled through with grey. He sighed. “There is some unrest along the coast. We have been summoned to the Palace of the Ruling Council for a meeting.”
+“We?” Marigold raised her eyebrows. “We are never summoned. You are summoned, and I remain here and you act on my behalf.” She began to feel agitated. She liked her home, and leaving it always made her feel uneasy.
+“In general, yes, but the Ruling Council specifically requested your presence this time.” Her uncle gestured toward the fireplace where a man and a woman stood, watching them.
+
+He introduced them as Lord and Lady Sicale, and explained that he must accompany them now to the Palace, and that Marigold would follow along as soon as possible. Marigold gathered that the summons had been delivered in person, and must be quite delicate and urgent.
+
+“I leave with Lord and Lady Sicale within the hour. I have already sent instructions to Raina to begin packing your things. I shall see you soon.”
+
+He dismissed her with a nod of his head, seeming to want to say more, but refraining. Marigold went back to her rooms.
+
+***
+
+That evening, Marigold lay awake in bed. The day’s flurry of activity, rather than tiring her out, had set her brain tingling. Raina and the other household staff had seen to the packing of her clothing, books to study, and other personal effects. She had been left to her own devices to pack a small bag full of whatever she wished to take personally, which consisted largely of the books she was reading for pleasure, a sketchbook, some colored inks, and a variety of colored and graphite pencils. She had nearly everything, but one thing remained she wanted to take.
+
+She rolled over and over, pondering, before finally sitting bolt upright, coming to a decision. Flickering her eyes to golden cat-eyes, she slipped out of bed and put on her tunic and leggings, boots and cloak. She took a tiny glass vial from her dressing table. It fit in the palm of her hand. The vial had a narrow mouth and neck, with a very small silicone stopper in it, and a bulbous base. Delicate filigree metalwork around the neck sported a loop through which she threaded a fine silver chain. She put the chain around her neck and hid it under her tunic.
+
+As Marigold had done the previous night, she flung open the window, and let herself down silently with the rope. She flew over the deer trail to her secluded riverside swimming spot, where she whistled a slightly different nanotune than the night before. The swarm came out of its hiding place in the hollow tree. Instead of swirling around her and transforming her lower body into a sleek, aquatic creature, the nanoswarm poured into the vial around her neck, which she held aloft.
+
+Marigold replaced the stopper in the vial and hurried back to her room. The implications of bringing the nanoswarm to the Palace could be disastrous. Aside from her own swarm, nanoswarms had not been seen in hundreds of years. There were rumors of wild swarms, but no official reports existed, much like the mythical creatures she enjoyed reading about in her books.
+
+Marigold’s nanoswarm had been with her for as long as she could remember. It was her secret, shared only with Raina. She could not leave her swarm for more than a few days without missing them terribly, and based on the amount Raina and the others had packed, this trip would be much longer than a few days.
+
+Comforted by the swarm’s nearness, but still terrified at the prospect of her visit to the Palace, Marigold fell into an uneasy sleep.
+"""
diff --git a/stories/residue.coffee b/stories/residue.coffee
new file mode 100644
index 0000000..02a47c6
--- /dev/null
+++ b/stories/residue.coffee
@@ -0,0 +1,79 @@
+module.exports = """
+\u200b                                 RESIDUE
+                                 =======
+
+Jules, my friend, used to take her new
+car to Viretta Park. After a workday
+filled with tickets and meetings, she
+sometimes drove the five miles to this
+one-block wide, one-block tall park at
+the northeast coast of the city where
+people prospered. There, tourists via
+Ubers and Lyfts came to see the Kurt
+Cobain bench. But Jules would arrive at
+the park and drive past. She would not
+stop. She would not get out. You cannot
+see the bench from the road. It was
+usually dark after work. She told no one
+about these trips until years later.
+
+Jules, our protagonist, (as far as she
+could figure) had no conscious logic for
+her actions. Without it the story
+refused to hang together. It was a
+sequence of events united by space and
+time but lacking guts hearts or brains.
+It was a propulsion without a
+propellant. It defied narrative
+structure and, without it, lacked
+rhythm. Jules, being a capable
+self-aware adult, knew she was acting
+out of an impulse but it seemed to her
+that the situation warranted impulse.
+And, at that time and at the time this
+was written, gas was cheap. I can safely
+say also that she was not sad; she was
+not one of those people who indulged in
+the habit of moping about events beyond
+their control. Some people are just
+strong this way.
+
+In my presence Jules narrated the story
+with the blank point of view of an
+omniscient witness. There was a lull in
+the conversation, this story was told,
+and then we moved on. She wore a thin
+jacket and a wry frown and we were high,
+more high than usual. I, after giving it
+some consideration, had a grocery list
+of questions. Why Kurt Cobain; why
+didn't you tell me earlier; and did you
+do it to feel an impossible, cosmic
+connection to something bigger than
+yourself, a feeling for which I cannot
+do justice but can tell you that, for
+me, is close to the sensation of an
+egg's cracking against the chest
+cavity's outer wall. But from looking at
+her I knew then, just as she had always
+known, it was not as if there were
+answers and she were ignorant of them.
+There just were no answers. At the time
+these events I am writing about took
+place, she was stuck in a temporary city
+at a temporary time of her life. In my
+country, where you work for years and
+years in search of permanent residence
+status and where adults values
+friendship but few pursue them, it seems
+harder than other places to let out
+these prickly stories. I imagine people
+all around me have them, though – yarn
+wound and knotted by fingers
+absentmindedly rubbing the threads
+together.
+
+After eighteen months, Jules packed up
+all her furniture and moved away. She
+drove all the way through America.
+"""
diff --git a/style.styl b/style.styl
index aed454e..5140e65 100644
--- a/style.styl
+++ b/style.styl
@@ -1,4 +1,5 @@
 body
+  color: rgba(0, 0, 0, 0.87)
   overflow: hidden
 
 h1
@@ -34,12 +35,41 @@ comment
     &::before
       content: "-"
 
+menu
+  font-size: 1rem
+
+body.drag-active iframe
+  pointer-events: none
+
+body > button.home
+  background-color: rgba(255, 255, 255, 0.5)
+  bottom: 0
+  color: rgba(0, 0, 0, 0.87)
+  font-size: 2rem
+  left: 0
+  padding-right: 0.3em
+  position: absolute
+  transition-duration: 0.125s
+  transition-property: background-color, color
+  z-index: 1
+
+  &:hover
+    background-color: rgba(255, 255, 255, 0.75)
+
+  &:active
+    color: rgba(255, 255, 255, 1.0)
+
 explorer
   display: block
   height: 100%
   padding: 0.5em
   user-select: none
   width: 100%
+  z-index: 1
+
+  body > &
+    background-image: url(https://i.imgur.com/hKOGoex.jpg)
+    background-size: cover
 
   > file, > folder
     display: inline-block
@@ -63,6 +93,11 @@ explorer
   > file[type="application/javascript"] > icon
     background-image: url("data:image/x-icon;base64,AAABAAIAICAQAAEABADoAgAAJgAAABAQEAABAAQAKAEAAA4DAAAoAAAAIAAAAEAAAAABAAQAAAAAAIACAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAvwAAvwAAAL+/AL8AAAC/AL8Av78AAMDAwACAgIAAAAD/AAD/AAAA//8A/wAAAP8A/wD//wAA////AAAAAAAAAAAAAAAAAAAAAAAACHd3d3d3d3d3d3dwcAAAAI//////////////9wcAAACP//////////////cHAAAAj/AAAA////AAD//3BwAAAI////////AwsDAP9wcAAACP8AAAD//zu7uzD/cHAAAAj///////M7MDsAD3BwAAAI///////zuwgLsw9wcAAACP8AAAAAAzswOwAPcHAAAAj///////87u7sw/3BwAAAI/wAAAAAAMwsDAP9wcAAACP////////8zM///cHAAAAj/AAAAAAAAAAAA/3BwAAAI//////////////9wcAAACP8AAAAAAAAAAAD/cHAAAAj//////////////3BwAAAI//////////////9wcAAACP8AAAD/////////cHAAAAj//////////////3BwAAAI//////////////9wcAAACP//////////////cHAAAAj/AAAA/////////3BwAAAI//////////////9wcAAACP8AAAD////w8AD/cHAAAAj//////////////3BwAAAI//////////////9wcAAACP//////////////cHAAAAjw/w/w/w/w/w/w/4BwAAAI8P8P8P8P8P8P8P+AcAAAAI+I+I+I+I+I+I+I+AAAAAAAAAAAAAAAAAAAAAAAAA8AAAH+AAAA/AAAAHwAAAB8AAAAfAAAAHwAAAB8AAAAfAAAAHwAAAB8AAAAfAAAAHwAAAB8AAAAfAAAAHwAAAB8AAAAfAAAAHwAAAB8AAAAfAAAAHwAAAB8AAAAfAAAAHwAAAB8AAAAfAAAAHwAAAB8AAAAfAAAAH4AAAD/JJJL8oAAAAEAAAACAAAAABAAQAAAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAvwAAvwAAAL+/AL8AAAC/AL8Av78AAMDAwACAgIAAAAD/AAD/AAAA//8A/wAAAP8A/wD//wAA////AAAAAAAAAAAACHd3d3d3cAAI//////9wAAj///Aw/3AACP8Ac7MPcAAI//87Cz9wAAj/AHOzD3AACP//9zf/cAAI/wAAAP9wAAj//////3AACP8ADwD/cAAI//////9wAAj//////3AACPDw8PDw8AAAD4+Pj48AAAAAAAAAAAAAwAcAAIADAACAAwAAgAMAAIADAACAAwAAgAMAAIADAACAAwAAgAMAAIADAACAAwAAgAMAAIADAADABwAA6q8AAA==")
 
+  > file[path$="💾"] > icon
+    background-image: url("http://www.myiconfinder.com/uploads/iconsets/256-256-517c80793c96fa23c342ae1a5560ddf6.png")
+    background-size: cover
+    image-rendering: pixelated
+
   > folder > icon
     background-image: url("data:image/x-icon;base64,AAABAAIAICAQAAEABADoAgAAJgAAABAQEAABAAQAKAEAAA4DAAAoAAAAIAAAAEAAAAABAAQAAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgAAAgAAAAICAAIAAAACAAIAAgIAAAMDAwACAgIAAAAD/AAD/AAAA//8A/wAAAP8A/wD//wAA////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACDMzMzMzMzMzMzMzMzMzMwj7e3t7e3t7e3t7e3t7e3MI97e3t7e3t7e3t7e3t7ezCPt7e3t7e3t7e3t7e3t7cwj3t7e3t7e3t7e3t7e3t7MI+3t7e3t7e3t7e3t7e3tzCPe3t7e3t7e3t7e3t7e3swj7e3t7e3t7e3t7e3t7e3MI97e3t7e3t7e3t7e3t7ezCPt7e3t7e3t7e3t7e3t7cwj3t7e3t7e3t7e3t7e3t7MI+3t7e3t7e3t7e3t7e3tzCPe3t7e3t7e3t7e3t7e3swj7e3t7e3t7e3t7e3t7e3MI97e3t7e3t7e3t7e3t7ezCPt7e3t7e3t7e3t7e3t7cwj3t7e3t7e3t7e3t7e3t7MI+3t7e3t7e3t7e3t7e3tzCPe3t7e3t7e3t7e3t7e3swj7e3t7e3t7e3t7e3t7e3MI///////////////////wCHd3d3d3d3d4iIiIiIiIgACPt7e3t7e3gAAAAAAAAAAACPt7e3t7eAAAAAAAAAAAAACP/////4AAAAAAAAAAAAAACIiIiIgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA////////////////gAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGAAP//wAH//+AD///wB/////////////8oAAAAEAAAACAAAAABAAQAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgAAAgAAAAICAAIAAAACAAIAAgIAAAMDAwACAgIAAAAD/AAD/AAAA//8A/wAAAP8A/wD//wAA////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIiIiIiIiIgAj7e3t7e3uACPe3t7e3t4AI+3t7e3t7gAj3t7e3t7eACPt7e3t7e4AI97e3t7e3gAj7e3t7e3uACP///////4AIe3t7eIiIgACHt7eAAAAAAAiIiAAAAAAAAAAAAAAAAA//8AAP//AACAAQCgAAHOAAABzgAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAMAAID/AADB/wAA//8AAA==")
 
@@ -102,6 +137,8 @@ chateau
   window > viewport > &
     margin: initial
 
+window > viewport > audio
+  width: 100%
 
 @keyframes display-achievement
   0%
@@ -208,3 +245,20 @@ achievement-badge
   &.achieved
     border: 1px solid blue
     color: blue
+
+version, site-url
+  color: white
+  display: block
+  font-size: 20px
+  font-weight: bold
+  pointer-events: none
+  position: absolute
+  right: 1rem
+  text-shadow: 2px 2px 4px black
+  z-index: 1
+
+version
+  bottom: 1rem
+
+site-url
+  bottom: 3rem
diff --git a/system.coffee b/system.coffee
index ce707f0..3580f4d 100644
--- a/system.coffee
+++ b/system.coffee
@@ -15,6 +15,7 @@ MountFS = require "./lib/mount-fs"
 uniq = (array) ->
   Array.from new Set array
 
+Ajax = require "ajax"
 Model = require "model"
 Achievement = require "./system/achievement"
 Associations = require "./system/associations"
@@ -30,13 +31,24 @@ module.exports = (dbName='zine-os') ->
 
   self.include(Achievement, Associations, SystemModule, Template)
 
+  {title} = require "./pixie"
+  [..., version] = title.split('-')
+
   self.extend
+    ajax: Ajax()
     fs: fs
 
+    version: -> version
+
     require: require
     stylus: require "./lib/stylus.min"
 
     moveFile: (oldPath, newPath) ->
+      oldPath = normalizePath oldPath
+      newPath = normalizePath newPath
+
+      return Promise.resolve() if oldPath is newPath
+
       self.copyFile(oldPath, newPath)
       .then ->
         self.deleteFile(oldPath)
@@ -56,7 +68,15 @@ module.exports = (dbName='zine-os') ->
           return
         else
           Promise.all files.map ({relativePath}) ->
-            self.moveFile("#{sourcePath}#{relativePath}", "#{destinationPath}#{relativePath}")
+            if relativePath.match(/\/$/)
+              # Folder
+              self.readTree("#{sourcePath}#{relativePath}")
+              .then (files) ->
+                Promise.all files.map (file) ->
+                  targetPath = file.path.replace(sourcePath, destinationPath)
+                  self.moveFile(file.path, targetPath)
+            else
+              self.moveFile("#{sourcePath}#{relativePath}", "#{destinationPath}#{relativePath}")
 
     readFile: (path, userEvent) ->
       if userEvent
@@ -65,6 +85,19 @@ module.exports = (dbName='zine-os') ->
       path = normalizePath "/#{path}"
       fs.read(path)
 
+    readTree: (directoryPath) ->
+      fs.list(directoryPath)
+      .then (files) ->
+        Promise.all files.map (file) ->
+          if file.folder
+            self.readTree(file.path)
+          else
+            file
+      .then (filesAndFolderFiles) ->
+        filesAndFolderFiles.reduce (a, b) ->
+          a.concat(b)
+        , []
+
     writeFile: (path, blob, userEvent) ->
       if userEvent
         self.Achievement.unlock "Save a file"
@@ -82,8 +115,42 @@ module.exports = (dbName='zine-os') ->
 
     urlForPath: (path) ->
       fs.read(path)
-      .then ({blob}) ->
-        URL.createObjectURL(blob)
+      .then URL.createObjectURL
+
+    launchIssue: (date) ->
+      require("./issues/#{date}")()
+
+    # TODO: Move this into some kind of system utils
+    installModulePrompt: ->
+      UI.Modal.prompt("url", "https://danielx.net/editor/master.json")
+      .then (url) ->
+        throw new Error "No url given" unless url
+
+        baseName = url.replace(/^https:\/\/(.*)/, "$1")
+        .replace(/(\.json)?$/, "💾")
+
+        pathPrompt = UI.Modal.prompt "path", "/lib/#{baseName}"
+        .then (path) ->
+          throw new Error "No path given" unless path
+          path
+
+        blobRequest = fetch url
+        .then (result) ->
+          result.blob()
+
+        Promise.all([blobRequest, pathPrompt])
+        .then ([path, blob]) ->
+          self.writeFile(path, blob)
+
+    installModule: (url, path) ->
+      path ?= url.replace(/^https:\/\/(.*)/, "/lib/$1")
+      .replace(/(\.json)?$/, "💾")
+
+      fetch url
+      .then (result) ->
+        result.blob()
+      .then (blob) ->
+        self.writeFile(path, blob)
 
     # NOTE: These are experimental commands to run code
     execJS: (path) ->
@@ -103,6 +170,10 @@ module.exports = (dbName='zine-os') ->
         blob = new Blob [file.content]
         self.writeFile("System/#{path}", blob)
 
+    dumpPackage: ->
+      blob = new Blob [JSON.stringify(PACKAGE)], type: "application/json; charset=utf-8"
+      self.writeFile("System 💾", blob)
+
   invokeBefore UI.Modal, "hide", ->
     self.Achievement.unlock "Dismiss modal"
 
diff --git a/system/achievement.coffee b/system/achievement.coffee
index ed23557..253a54c 100644
--- a/system/achievement.coffee
+++ b/system/achievement.coffee
@@ -63,6 +63,26 @@ achievementData = [{
   icon: "🈹"
   group: "Issue 3"
   description: "Read 'Blue Light Special'"
+}, {
+  text: "Issue 4"
+  icon: "📰"
+  group: "Issue 4"
+  description: "View Issue 4"
+}, {
+  text: "Cover-2-cover 4: Fast & Furious"
+  icon: "📗"
+  group: "Issue 4"
+  description: "Read the entire issue"
+}, {
+  text: "Izzy"
+  icon: "🈹"
+  group: "Issue 4"
+  description: "Read 'Izzy'"
+}, {
+  text: "Residue"
+  icon: "🈹"
+  group: "Issue 4"
+  description: "Read 'Residue'"
 }, { # Apps
   text: "Notepad.exe"
   icon: "📝"
@@ -123,6 +143,11 @@ achievementData = [{
   icon: "🐛"
   group: "OS"
   description: "Encountered a JavaScript error"
+}, {
+  text: "Shut Down"
+  icon: "🔌"
+  group: "OS"
+  description: "ZineOS cannot be stopped"
 }, { # Social
   text: "Do you 'like' like me?"
   icon: "💕"
diff --git a/system/associations.coffee b/system/associations.coffee
index caaf91d..4e223c3 100644
--- a/system/associations.coffee
+++ b/system/associations.coffee
@@ -1,67 +1,138 @@
+AppDrop = require "../lib/app-drop"
+
 # TODO: Move handlers out
 AudioBro = require "../apps/audio-bro"
 Filter = require "../apps/filter"
 Notepad = require "../apps/notepad"
 CodeEditor = require "../apps/text-editor"
+Explorer = require "../apps/explorer"
 Spreadsheet = require "../apps/spreadsheet"
 PixelEditor = require "../apps/pixel"
 Markdown = require "../apps/markdown"
 DSad = require "../apps/dungeon-of-sadness"
 MyBriefcase = require "../apps/my-briefcase"
 
+PkgFS = require "../lib/pkg-fs"
+
+{extensionFor} = require "../util"
+
 openWith = (App) ->
   (file) ->
-    {path} = file
     app = App()
 
-    system.readFile file.path
-    .then (blob) ->
-      app.loadFile(blob, path)
+    if file
+      {path} = file
+      system.readFile path
+      .then (blob) ->
+        app.loadFile(blob, path)
 
-    document.body.appendChild app.element
+    system.attachApplication(app)
 
 module.exports = (I, self) ->
   # Handlers use combined type, extension, and contents info to do the right thing
   # The first handler that matches is the default handler, the rest are available
   # from context menu
   handlers = [{
+    name: "Markdown" # TODO: This renders html now too, so may need a broader name
+    filter: (file) ->
+      file.path.match(/\.md$/) or
+      file.path.match(/\.html$/)
+    fn: openWith(Markdown) # TODO: This can be a pointer to a system package
+  }, {
     name: "Ace Editor"
     filter: (file) ->
       file.path.match(/\.coffee$/) or
       file.path.match(/\.cson$/) or
       file.path.match(/\.html$/) or
+      file.path.match(/\.jadelet$/) or
       file.path.match(/\.js$/) or
       file.path.match(/\.json$/) or
       file.path.match(/\.md$/) or
       file.path.match(/\.styl$/)
-    fn: openWith(CodeEditor)
+    fn: openWith(CodeEditor) # TODO: This can be a pointer to a system package
+  }, {
+    name: "Run"
+    filter: (file) ->
+      file.type is "application/javascript" or
+      file.path.match(/\.js$/) or
+      file.path.match(/\.coffee$/)
+    fn: (file) ->
+      self.executeInIFrame(file.path)
   }, {
-    # JavaScript
-    name: "Execute"
+    name: "Exec"
     filter: (file) ->
       file.type is "application/javascript" or
-      file.path.match /\.js$/
+      file.path.match(/\.js$/) or
+      file.path.match(/\.coffee$/)
     fn: (file) ->
-      file.blob.readAsText()
-      .then (sourceProgram) ->
-        system.spawn sourceProgram, file.path
+      self.execute(file.path)
   }, {
-    # CoffeeScript
-    name: "Execute"
+    name: "Explore"
     filter: (file) ->
-      file.path.match /\.coffee$/
+      file.path.match(/💾$/)
     fn: (file) ->
-      file.blob.readAsText()
-      .then (coffeeSource) ->
-        sourceProgram = CoffeeScript.compile coffeeSource, bare: true
+      system.readFile(file.path)
+      .then (blob) ->
+        blob.readAsJSON()
+      .then (pkg) ->
+        mountPath = file.path + "/"
+        fs = PkgFS(pkg, file.path)
+        system.fs.mount mountPath, fs
 
-        system.spawn sourceProgram, file.path
+        # TODO: Can we make the explorer less specialized here?
+        element = Explorer
+          path: mountPath
+        windowView = system.UI.Window
+          title: mountPath
+          content: element
+          menuBar: null
+          width: 640
+          height: 480
+          iconEmoji: "📂"
+
+        document.body.appendChild windowView.element
   }, {
-    name: "Markdown" # TODO: This renders html now too, so may need a broader name
+    name: "Run"
     filter: (file) ->
-      file.path.match(/\.md$/) or
-      file.path.match(/\.html$/)
-    fn: openWith(Markdown)
+      file.path.match(/💾$/)
+    fn: (file) ->
+      # TODO: Rename?
+      system.execPathWithFile file.path, null
+  }, {
+    name: "Publish"
+    filter: (file) ->
+      file.path.match(/💾$/)
+    fn: (file) ->
+      system.readFile file.path
+      .then (blob) ->
+        blob.readAsJSON()
+      .then (pkg) ->
+        system.UI.Modal.prompt "Path", "/My Briefcase/public/somefolder"
+        .then (path) ->
+          blob = new Blob [system.htmlForPackage(pkg)],
+            type: "text/html; charset=utf-8"
+          system.writeFile(path + "/index.html", blob)
+  }, {
+    name: "Run Link"
+    filter: (file) ->
+      file.path.match(/🔗$/)
+    fn: (file) ->
+      # TODO: Rename?
+      system.execPathWithFile file.path, null
+  }, {
+    name: "Edit Link"
+    filter: (file) ->
+      file.path.match(/🔗$/)
+    fn: openWith(CodeEditor)
+  }, {
+    name: "Sys Exec"
+    filter: (file) ->
+      return false # TODO: Enable with super mode :P
+      file.type is "application/javascript" or
+      file.path.match(/\.js$/) or
+      file.path.match(/\.coffee$/)
+    fn: (file) ->
+      self.execute(file.path)
   }, {
     name: "Notepad"
     filter: (file) ->
@@ -84,6 +155,17 @@ module.exports = (I, self) ->
     filter: (file) ->
       file.type.match /^image\//
     fn: openWith(PixelEditor)
+  }, {
+    name: "PDF Viewer"
+    filter: (file) ->
+      file.path.match /\.pdf$/
+    fn: (file) ->
+      file.blob.getURL()
+      .then (url) ->
+        app = system.iframeApp
+          src: url
+          title: file.path
+        system.attachApplication app
   }, {
     name: "Audio Bro"
     filter: (file) ->
@@ -95,7 +177,7 @@ module.exports = (I, self) ->
       file.path.match /dsad\.exe$/
     fn: ->
       app = DSad()
-      document.body.appendChild app.element
+      system.attachApplication app
   }, {
     name: "zine1.exe"
     filter: (file) ->
@@ -114,6 +196,12 @@ module.exports = (I, self) ->
       file.path.match /zine3\.exe$/
     fn: ->
       require("../issues/2017-03")()
+  }, {
+    name: "zine4.exe"
+    filter: (file) ->
+      file.path.match /zine4\.exe$/
+    fn: ->
+      require("../issues/2017-04")()
   }, {
     name: "feedback.exe"
     filter: (file) ->
@@ -126,7 +214,7 @@ module.exports = (I, self) ->
       path.match /My Briefcase$/
     fn: ->
       app = MyBriefcase()
-      document.body.appendChild app.element
+      system.attachApplication app
   }]
 
   # Open JSON arrays in spreadsheet
@@ -140,6 +228,12 @@ module.exports = (I, self) ->
     else
       throw new Error "No handler for files of type #{file.type}"
 
+  mimes =
+    html: "text/html"
+    js: "application/javascript"
+    json: "application/json"
+    md: "text/markdown"
+
   Object.assign self,
     iframeApp: require "../lib/iframe-app"
 
@@ -149,6 +243,10 @@ module.exports = (I, self) ->
     open: (file) ->
       handle(file)
 
+    openPath: (path) ->
+      self.readFile path
+      .then self.open
+
     # Return a list of all handlers that can be used for this file
     openersFor: (file) ->
       handlers.filter (handler) ->
@@ -162,4 +260,47 @@ module.exports = (I, self) ->
     handlers: ->
       handlers.slice()
 
+    # The final step in launching an application in the OS
+    # This wires up event streams, drop events, adds the app to the list
+    # of running applications, and attaches the app's element to the DOM
+    attachApplication: (app, options={}) ->
+      # Bind Drop events
+      AppDrop(app)
+
+      # TODO: Bind to app event streams
+
+      # TODO: Add to list of apps
+
+      document.body.appendChild app.element
+
+    pathAsApp: (path) ->
+      if path.match(/💾$/)
+        system.readFile path
+        .then (blob) ->
+          blob.readAsJSON()
+        .then (pkg) ->
+          return ->
+            self.executePackageInIFrame(pkg)
+      else if path.match(/🔗$/)
+        system.readFile path
+        .then (blob) ->
+          blob.readAsText()
+        .then system.evalCSON
+        .then (data) ->
+          return ->
+            system.iframeApp data
+      else if path.match(/\.js$|\.coffee$/)
+        ->
+          self.executeInIFrame(path)
+      else
+        Promise.reject new Error "Could not launch #{path}"
+
+    execPathWithFile: (path, file) ->
+      self.pathAsApp(path)
+      .then (App) ->
+        openWith(App)(file)
+
+    mimeTypeFor: (path) ->
+      mimes[extensionFor(path)] or "text/plain"
+
   return self
diff --git a/system/module.coffee b/system/module.coffee
index 18d4513..8c8926a 100644
--- a/system/module.coffee
+++ b/system/module.coffee
@@ -2,6 +2,8 @@
 #
 # Depends on having self.readFile defined
 
+IFrameApp = require "../lib/iframe-app"
+
 module.exports = (I, self) ->
   ###
   Load a module from a file in the file system.
@@ -24,7 +26,35 @@ module.exports = (I, self) ->
 
   ###
 
-  {absolutizePath, fileSeparator, normalizePath} = require "../util"
+  {
+    absolutizePath
+    evalCSON
+    fileSeparator
+    normalizePath
+    isAbsolutePath
+    isRelativePath
+    htmlForPackage
+  } = require "../util"
+
+  findDependencies = (sourceProgram) ->
+    requireMatcher = /[^.]require\(['"]([^'"]+)['"]\)/g
+    results = []
+    count = 0
+
+    loop
+      match = requireMatcher.exec sourceProgram
+
+      if match
+        results.push match[1]
+      else
+        break
+
+      # Circuit breaker for safety
+      count += 1
+      if count > 256
+        break
+
+    return results
 
   # Wrap program in async include wrapper
   # Replaces references to require('something') with local variables in an async wrapper function
@@ -84,9 +114,9 @@ module.exports = (I, self) ->
       localSystem = Object.assign {}, self,
         vivifyPrograms: (moduleIdentifiers) ->
           absoluteIdentifiers = moduleIdentifiers.map (identifier) ->
-            if identifier.match /^\//
+            if isAbsolutePath(identifier)
               absolutizePath "/", identifier
-            else if identifier.match /^.?.\//
+            else if isRelativePath(identifier)
               absolutizePath dirname, identifier
             else
               identifier
@@ -125,8 +155,9 @@ module.exports = (I, self) ->
 
   Object.assign self,
     autoboot: ->
-      self.fs.list "/System/Boot"
+      self.fs.list "/System/Boot/"
       .then (files) ->
+        console.log files
         bootablePaths = files.filter ({blob}) ->
           blob?
         .map ({path}) ->
@@ -134,6 +165,136 @@ module.exports = (I, self) ->
 
         self.vivifyPrograms(bootablePaths)
 
+    # A simpler, dumber, packager that reads a pixie.cson, then
+    # just packages every file recursively down in the directories
+    createPackageFromPixie: (pixiePath) ->
+      basePath = pixiePath.match(/^.*\//)?[0] or ""
+      pkg =
+        distribution: {}
+
+      self.loadProgram(pixiePath).then (config) ->
+        pkg.config = config
+      .then ->
+        self.readTree(basePath)
+      .then (files) ->
+        Promise.all files.map ({path, blob}) ->
+          (if blob instanceof Blob
+            self.compileFile(blob)
+          else
+            self.readFile(path)
+            .then(self.compileFile)
+          )
+          .then (result) ->
+            [path, result]
+        .then (results) ->
+          results.forEach ([path, result]) ->
+            pkgPath = path.replace(basePath, "").replace(/\.[^.]*$/, "")
+
+            if typeof result is "string"
+              pkg.distribution[pkgPath] =
+                content: result
+            else
+              console.warn "Can't package files like #{path} yet"
+
+          return pkg
+
+    # This is kind of the opposite approach of the vivifyPrograms, here we want
+    # to load everything statically and put it in a package that can be run by
+    # `require`.
+    packageProgram: (absolutePath, state={}) ->
+      state.cache = {}
+      state.pkg = {}
+
+      basePath = absolutePath.match(/^.*\//)?[0] or ""
+      state.basePath = basePath
+
+      # Strip out base path and final suffix
+      # NOTE: .coffee.md type files won't like this
+      state.pkgPath = (path) ->
+        path.replace(state.basePath, "").replace(/\.[^.]*$/, "")
+      pkgPath = state.pkgPath(absolutePath)
+
+      {pkg} = state
+      pkg.distribution ?= {}
+
+      unless state.loadConfigPromise
+        configPath = absolutizePath basePath, "pixie.cson"
+        state.loadConfigPromise = self.loadProgram(configPath).then (configSource) ->
+          module = {}
+          Function("module", configSource)(module)
+          module.exports
+        .then (config) ->
+          entryPoint = config.entryPoint
+          (if entryPoint
+            path = absolutizePath(basePath, entryPoint)
+            self.loadProgramIntoPackage(path, state)
+          else
+            Promise.resolve()
+          ).then ->
+            debugger
+            pkg.remoteDependencies = config.remoteDependencies
+            pkg.config = config
+        .catch (e) ->
+          if e.message.match /File not found/i
+            pkg.config = {}
+          else
+            throw e
+
+      self.loadProgramIntoPackage(absolutePath, state)
+      .then ->
+        state.loadConfigPromise
+      .then ->
+        pkg.remoteDependencies = pkg.config.remoteDependencies
+        if pkg.config.entryPoint
+          pkg.entryPoint = pkg.config.entryPoint
+        else
+          pkg.entryPoint ?= pkgPath
+
+        return pkg
+
+    # Internal helper to load a program and its dependencies into the pkg
+    # in the state
+    # TODO: Loading deps like this doesn't work at all if require is used
+    # from browserified js sources :(
+    loadProgramIntoPackage: (absolutePath, state) ->
+      {basePath, pkg} = state
+      pkgPath = state.pkgPath(absolutePath)
+      relativeRoot = absolutePath.replace(/\/[^/]*$/, "")
+
+      state.cache[absolutePath] ?= self.loadProgram(absolutePath)
+      .then (sourceProgram) ->
+        if typeof sourceProgram is "string"
+          # NOTE: Things will fail if we require ../../ above our
+          # initial directory.
+          # TODO: Detect and throw if requiring relative or absolute paths above
+          # or outside of our base path
+
+          # Add to package
+          pkg.distribution[pkgPath] =
+            content: sourceProgram
+
+          # Pull in dependencies
+          depPaths = findDependencies(sourceProgram)
+          Promise.all depPaths.map (depPath) ->
+            Promise.resolve().then ->
+              if isRelativePath depPath
+                path = absolutizePath(relativeRoot, depPath)
+                self.loadProgramIntoPackage path, state
+              else if isAbsolutePath depPath
+                throw new Error "Absolute paths not supported yet"
+              else
+                # package path
+                depPkg = PACKAGE.dependencies[depPath]
+                if depPkg
+                  pkg.dependencies ?= {}
+                  pkg.dependencies[depPath] = depPkg
+                else
+                  # TODO: Load from remote?
+                  throw new Error "Package '#{depPath}' not found"
+        else
+          throw new Error "TODO: Can't package files like #{absolutePath} yet"
+
+
     # still experimenting with the API
     # Async 'require' in the vein of require.js
     # it's horrible but seems necessary
@@ -161,25 +322,28 @@ module.exports = (I, self) ->
 
     loadProgram: (path, basePath="/") ->
       self.readForRequire path, basePath
-      .then (file) ->
-        # system modules are loaded as functions/objects right now, so just return them
-        unless file instanceof Blob
-          return file
+      .then self.compileFile
 
-        [compiler] = compilers.filter ({filter}) ->
-          filter file
+    compileFile: (file) ->
+      # system modules are loaded as functions/objects right now, so just return them
+      unless file instanceof Blob
+        return file
 
-        if compiler
-          compiler.fn(file)
-        else
-          # Return the blob itself if we didn't find any compilers
-          return file
+      [compiler] = compilers.filter ({filter}) ->
+        filter file
+
+      if compiler
+        compiler.fn(file)
+      else
+        # Return the blob itself if we didn't find any compilers
+        return file
 
     # May want to reconsider this name
     loadModule: (args...) ->
       self.Achievement.unlock "Execute code"
       loadModule(args...)
 
+    # Execute in the context of the system itself
     spawn: (args...) ->
       loadModule(args...)
       .then ({exports}) ->
@@ -189,6 +353,36 @@ module.exports = (I, self) ->
           if result.element
             document.body.appendChild result.element
 
+    execute: (absolutePath) ->
+      self.vivifyPrograms [absolutePath]
+      .then ([{exports}])->
+        if typeof exports is "function" and exports.length is 0
+          result = exports()
+
+          if result.element
+            document.body.appendChild result.element
+
+    executeInIFrame: (absolutePath) ->
+      self.packageProgram(absolutePath)
+      .then (pkg) ->
+        self.executePackageInIFrame pkg
+
+    # Execute a package in the context of an iframe
+    executePackageInIFrame: (pkg) ->
+      app = IFrameApp
+        pkg: pkg
+        title: pkg.config?.title
+        packageOptions:
+          script: """
+            var ZINEOS = #{JSON.stringify system.version()};
+            #{PACKAGE.distribution["lib/system-client"].content};
+          """
+        sandbox: "allow-scripts allow-forms"
+
+      document.body.appendChild app.element
+
+      return app
+
     # Handle requiring with or without explicit extension
     #     require "a"
     # First check:
@@ -208,7 +402,7 @@ module.exports = (I, self) ->
 
       absolutePath = absolutizePath(basePath, path)
 
-      suffixes = ["", ".coffee", ".coffee.md", ".litcoffee", ".jadelet", ".js"]
+      suffixes = ["", ".coffee", ".coffee.md", ".litcoffee", ".jadelet", ".js", ".styl"]
 
       p = suffixes.reduce (promise, suffix) ->
         promise.then (file) ->
@@ -226,7 +420,13 @@ module.exports = (I, self) ->
 
         return file
 
+    htmlForPackage: htmlForPackage
+
+    evalCSON: evalCSON
+
 # Compile files based on type to JS program source
+# These compilers return a string of JS source code that assigns a
+# result to module.exports
 compilers = [{
   filter: ({path}) ->
     path.match /\.js$/
@@ -256,28 +456,39 @@ compilers = [{
       Hamlet.compile jadeletSource,
         compiler: CoffeeScript
         mode: "jade"
-        runtime: "Hamlet"
+        runtime: "require('_lib_hamlet-runtime')"
+}, {
+  filter: ({path}) ->
+    path.match /\.styl$/
+  fn: (blob) ->
+    blob.readAsText()
+    .then (source) ->
+      system.stylus(source).render()
+    .then stringifyExport
 }, {
   filter: ({path}) ->
     path.match /\.json$/
   fn: (blob) ->
     blob.readAsJSON()
+    .then stringifyExport
 }, {
   filter: ({path}) ->
     path.match /\.cson$/
   fn: (blob) ->
     blob.readAsText()
-    .then (coffeeSource) ->
-      "module.exports = #{CoffeeScript.compile(source, bare: true)}"
+    .then evalCSON
+    .then stringifyExport
 }, {
   filter: ({path}) ->
     path.match /\.te?xt$/
   fn: (blob) ->
     blob.readAsText()
-    .then (txt) ->
-      "module.exports = #{JSON.stringify(txt)}"
+    .then stringifyExport
 }]
 
+stringifyExport = (data) ->
+  "module.exports = #{JSON.stringify(data)}"
+
 annotateSourceURL = (program, path) ->
   """
     #{program}
diff --git a/templates/file.jadelet b/templates/file.jadelet
index debd017..dc88da2 100644
--- a/templates/file.jadelet
+++ b/templates/file.jadelet
@@ -1,3 +1,3 @@
-file(draggable="true" @dragstart @dblclick @contextmenu @type)
+file(draggable="true" @dragstart @dblclick @contextmenu @path @type)
   icon
-  label= @relativePath
+  label= @displayName
diff --git a/templates/folder.jadelet b/templates/folder.jadelet
index c59d949..0d00839 100644
--- a/templates/folder.jadelet
+++ b/templates/folder.jadelet
@@ -1,3 +1,3 @@
-folder(draggable="true" @dragstart @dblclick @contextmenu)
+folder(draggable="true" @dragstart @dblclick @contextmenu @path)
   icon
-  label= @relativePath
+  label= @displayName
diff --git a/templates/home-button.jadelet b/templates/home-button.jadelet
new file mode 100644
index 0000000..ceb6a4d
--- /dev/null
+++ b/templates/home-button.jadelet
@@ -0,0 +1 @@
+button.home(@click) 🏡 Start
diff --git a/templates/site-url.jadelet b/templates/site-url.jadelet
new file mode 100644
index 0000000..1013448
--- /dev/null
+++ b/templates/site-url.jadelet
@@ -0,0 +1 @@
+site-url https://whimsy.space
diff --git a/templates/version.jadelet b/templates/version.jadelet
new file mode 100644
index 0000000..e989d72
--- /dev/null
+++ b/templates/version.jadelet
@@ -0,0 +1,2 @@
+version
+  span= @version
diff --git a/util.coffee b/util.coffee
index c7bd7a0..c9ccfba 100644
--- a/util.coffee
+++ b/util.coffee
@@ -1,7 +1,7 @@
 fileSeparator = "/"
 
 normalizePath = (path) ->
-  path.replace(/\/+/, fileSeparator) # /// -> /
+  path.replace(/\/+/g, fileSeparator) # /// -> /
   .replace(/\/[^/]*\/\.\./g, "") # /base/something/.. -> /base
   .replace(/\/\.\//g, fileSeparator) # /base/. -> /base
 
@@ -9,15 +9,88 @@ normalizePath = (path) ->
 absolutizePath = (base, relativePath) ->
   normalizePath "/#{base}/#{relativePath}"
 
+makeScript = (src) ->
+  "<script src=#{JSON.stringify(src)}><\/script>"
+
+dependencyScripts = (remoteDependencies=[]) ->
+  remoteDependencies.map(makeScript).join("\n")
+
+metaTag = (name, content) ->
+  "<meta name=#{JSON.stringify(name)} content=#{JSON.stringify(content)}>"
+
+htmlForPackage = (pkg, opts={}) ->
+  {script} = opts
+  script ?= ""
+
+  metas = [
+    '<meta charset="utf-8">'
+  ]
+
+  {config, progenitor} = pkg
+  config ?= {}
+
+  {title, description} = config
+
+  if title
+    metas.push "<title>#{title}</title>"
+
+  if description
+    metas.push metaTag "description", description.replace("\n", " ")
+
+  url = pkg.progenitor?.url
+  if url
+    metas.push "<link rel=\"Progenitor\" href=#{JSON.stringify(url)}>"
+
+  # Add postmaster dependency so package can talk with parent window
+  # The packages are added with the _SYS_ prefix to reduce collisions
+  pkg.dependencies ?= {}
+  pkg.dependencies._SYS_postmaster ?= PACKAGE.dependencies.postmaster
+  pkg.dependencies._SYS_ui ?= PACKAGE.dependencies.ui
+
+  code = """
+    #{script};
+    require('./#{pkg.entryPoint}');
+  """
+
+  """
+    <!DOCTYPE html>
+    <html>
+      <head>
+        #{metas.join("\n    ")}
+        #{dependencyScripts(pkg.remoteDependencies)}
+      </head>
+      <body>
+        <script>
+          #{require.packageWrapper(pkg, code)}
+        <\/script>
+      </body>
+    </html>
+  """
+
+extensionFor = (path) ->
+  result = path.match /\.([^.]+)$/
+
+  if result
+    result[1]
+
 module.exports =
   emptyElement: (element) ->
     while element.lastChild
       element.removeChild element.lastChild
 
+  extensionFor: extensionFor
+
   fileSeparator: fileSeparator
+  htmlForPackage: htmlForPackage
   normalizePath: normalizePath
   absolutizePath: absolutizePath
 
+  isAbsolutePath: (path) ->
+    path.match /^\//
+
+  isRelativePath: (path) ->
+    path.match /^.?.\//
+
   parentElementOfType: (tagname, element) ->
     tagname = tagname.toLowerCase()
 
@@ -43,3 +116,11 @@ module.exports =
 
   endsWith: (str, suffix) ->
     str.indexOf(suffix, str.length - suffix.length) != -1
+
+  evalCSON: (coffeeSource) ->
+    Promise.resolve()
+    .then ->
+      CoffeeScript.compile(coffeeSource, bare: true)
+    .then (jsCode) ->
+      # TODO: Security, lol
+      Function("return " + jsCode)()