Create a settings app to manage user objects

customize.dist/src/build.js

@@ -31,7 +31,10 @@ var fragments = {};
     'contact',
     'logo',
     'noscript',
-    'footer'
+    'footer',
+    'empty',
+    'script',
+    'appscript'
 ].forEach(function (name) {
     fragments[name] = read('./fragments/' + name + '.html');
 });
@@ -41,7 +44,7 @@ var fragments = {};
     var source = swap(template, {
        topbar: fragments.topbar,
        fork: fragments.fork,
-       main: swap(fragments[page], {
+       main: swap(fragments[page] || fragments.empty, {
            topbar: fragments.topbar,
            fork: fragments.fork,
            logo: fragments.logo,
@@ -51,6 +54,29 @@ var fragments = {};
        logo: fragments.logo,
        noscript: fragments.noscript,
        footer: fragments.footer,
+       script: fragments.script
     });
     write('../' + page + '.html', source);
 });
+
+// build static pages
+['../www/settings/index'].forEach(function (page) {
+    var source = swap(template, {
+       topbar: fragments.topbar,
+       fork: fragments.fork,
+       main: swap(fragments[page] || fragments.empty, {
+           topbar: fragments.topbar,
+           fork: fragments.fork,
+           logo: fragments.logo,
+           noscript: fragments.noscript,
+           footer: fragments.footer,
+       }),
+       logo: fragments.logo,
+       noscript: fragments.noscript,
+       footer: fragments.footer,
+       script: fragments.appscript
+    });
+    write('../' + page + '.html', source);
+});
+
+

customize.dist/src/fragments/topbar.html

@@ -1,7 +1,7 @@
 <div id="cryptpadTopBar">
     <span>
         <a class="gotoMain" href="/">
-            <img src="customize/cryptofist_mini.png" class="cryptpad-logo" alt="" /> CryptPad
+            <img src="/customize/cryptofist_mini.png" class="cryptpad-logo" alt="" /> CryptPad
         </a>
     </span>
 

customize.dist/src/template.html

@@ -10,7 +10,7 @@
     <script src="/bower_components/jquery/dist/jquery.min.js"></script>
     <script src="/bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
     <link rel="stylesheet" href="/bower_components/bootstrap/dist/css/bootstrap.min.css">
-    <script data-main="/customize/main" src="/bower_components/requirejs/require.js"></script>
+    {{script}}
     <script src="/bower_components/requirejs/require.js"></script>
     <script>
         require.config({