From 192fa12a5b53bfc77aa004684bdc591e994d8296 Mon Sep 17 00:00:00 2001
From: Seun Ogedengbe <seun40@gmail.com>
Date: Wed, 8 Jul 2015 00:35:25 -0500
Subject: [PATCH] writer upgrade 1.20, spinner works but is a mess, needs to be
 cleaned up in all iterations including direction

---
 README.md             |   4 +-
 comixngn.js           |   2 +-
 comixngn.min.js       |   2 +-
 tools/reader.py       |   3 +
 tools/writer.html     | 915 ++++++++++++++++++------------------------
 tools/writer.min.html |   2 +-
 6 files changed, 393 insertions(+), 535 deletions(-)
 create mode 100644 tools/reader.py

diff --git a/README.md b/README.md
index a02276c..42e4cae 100644
--- a/README.md
+++ b/README.md
@@ -131,7 +131,7 @@ attribute to preload images but not implemented yet
 
 **1.9.2** Major bugfixes, including null and undefined property checking
 
-### comix-ngn Writer version 1.1.5 (beta)
+### comix-ngn Writer version 1.2.0 (beta)
 **0.5.0**: "Initial Setup, Versioning
 
 **0.8.0**: Huge implementations, Object config by dynamic form injection for Page and Chapter, Setting config compartmentalized, design config added
@@ -146,5 +146,7 @@ attribute to preload images but not implemented yet
 
 **1.1.5**: Refactoring begun, all dependicies included and deferred, writer has been beautified for legibility, but there is now writer.min.html which is the compressed version
 
+**1.2.0**: Added spiner config, spinner needs to be refactor
+
 ### comix-ngn Pyoofreader Version 0.1.0 (beta)
 **0.1.0**: Implemented version, counts page dif and warns of Mismatch
\ No newline at end of file
diff --git a/comixngn.js b/comixngn.js
index bf6d9a3..46fc7ad 100644
--- a/comixngn.js
+++ b/comixngn.js
@@ -9,7 +9,7 @@ function N(){return 0};/*null function*/
 if(void 0===$GPC){var $GPC=0;}
 cG.root = '';
 cG.cPanel = cG.panel||{};
-cG.info = {vix: "1.9.2",vwr: "1.1.5",vpr: "0.1.0"};
+cG.info = {vix: "1.9.2",vwr: "1.2.0",vpr: "0.1.0"};
 /*rollbar*/
 var _rollbarConfig = _rollbarConfig||{
         accessToken: "3e8e8ecb63a04b5798e1d02adf2608cb",
diff --git a/comixngn.min.js b/comixngn.min.js
index 90c77dc..ec94ae4 100644
--- a/comixngn.min.js
+++ b/comixngn.min.js
@@ -1,7 +1,7 @@
 /*
  comix-ngn v1.9.2 | (c) 2015 Oluwaseun Ogedengbe| seun40.github.io/comic-ng/ |License: MIT|
 embeds domReady: github.com/ded/domready (MIT) (c) 2013 Dustin Diaz, pegasus: typicode.github.io/pegasus (MIT) (c) 2014 typicode, pathjs (MIT) (c) 2011 Mike Trpcic, direction.js*/
-var cG=cG||{};function N(){return 0}if(void 0===$GPC)var $GPC=0;cG.root="";cG.cPanel=cG.panel||{};cG.info={vix:"1.9.2",vwr:"1.1.5",vpr:"0.1.0"};var _rollbarConfig=_rollbarConfig||{accessToken:"3e8e8ecb63a04b5798e1d02adf2608cb",ignoredMessages:["CNG Plug-in:"],captureUncaught:!0,payload:{environment:"development",client:{javascript:{source_map_enabled:!0,code_version:cG.info.vix,guess_uncaught_frames:!0}}}};
+var cG=cG||{};function N(){return 0}if(void 0===$GPC)var $GPC=0;cG.root="";cG.cPanel=cG.panel||{};cG.info={vix:"1.9.2",vwr:"1.2.0",vpr:"0.1.0"};var _rollbarConfig=_rollbarConfig||{accessToken:"3e8e8ecb63a04b5798e1d02adf2608cb",ignoredMessages:["CNG Plug-in:"],captureUncaught:!0,payload:{environment:"development",client:{javascript:{source_map_enabled:!0,code_version:cG.info.vix,guess_uncaught_frames:!0}}}};
 !function(a){function c(e){if(d[e])return d[e].exports;var f=d[e]={exports:{},id:e,loaded:!1};return a[e].call(f.exports,f,f.exports,c),f.loaded=!0,f.exports}var d={};return c.m=a,c.c=d,c.p="",c(0)}([function(a,c,d){a=d(1).Rollbar;d=d(2);_rollbarConfig.rollbarJsUrl=_rollbarConfig.rollbarJsUrl||"https://d37gvrvc0wt4s1.cloudfront.net/js/v1.3/rollbar.umd.min.js";a=a.init(window,_rollbarConfig);d=d(a,_rollbarConfig);a.loadFull(window,document,!1,_rollbarConfig,d)},function(a,c,d){function e(a){this.shimId=
 ++k;this.notifier=null;this.parentShim=a;this.logger=function(){};window.console&&void 0===window.console.shimId&&(this.logger=window.console.log)}function f(a,c,d){window._rollbarWrappedError&&(d[4]||(d[4]=window._rollbarWrappedError),d[5]||(d[5]=window._rollbarWrappedError._rollbarContext),window._rollbarWrappedError=null);a.uncaughtError.apply(a,d);c&&c.apply(window,d)}function g(a){return h(function(){if(this.notifier)return this.notifier[a].apply(this.notifier,arguments);var c=this,d="scope"===
 a;d&&(c=new e(this));var f=Array.prototype.slice.call(arguments,0);return window._rollbarShimQueue.push({shim:c,method:a,args:f,ts:new Date}),d?c:void 0})}function m(a,c){if(c.hasOwnProperty&&c.hasOwnProperty("addEventListener")){var d=c.addEventListener;c.addEventListener=function(c,f,e){d.call(this,c,a.wrap(f),e)};var f=c.removeEventListener;c.removeEventListener=function(a,c,d){f.call(this,a,c&&c._wrapped?c._wrapped:c,d)}}}function h(a,c){return c=c||window.console.log||function(){},function(){try{return a.apply(this,
diff --git a/tools/reader.py b/tools/reader.py
new file mode 100644
index 0000000..6b20f8c
--- /dev/null
+++ b/tools/reader.py
@@ -0,0 +1,3 @@
+import json
+
+if __name__ == "__main__":
\ No newline at end of file
diff --git a/tools/writer.html b/tools/writer.html
index 86d0b59..c565a28 100644
--- a/tools/writer.html
+++ b/tools/writer.html
@@ -36,7 +36,7 @@ <h4 id="confhead" title="Click to toggle border">Configuration</h4>
                         </td>
                         <td title="Select this if you want to continue from a previous configuration.">
                             <label for="historian">Config File</label>
-                            <input id="historian" type="file" accept=".json">
+                            <input id="historian" type="file" accept=".json" style="display: inline;">
                         </td>
                     </tr>
                     <tr>
@@ -77,8 +77,46 @@ <h4 id="confhead" title="Click to toggle border">Configuration</h4>
                     <tr>
                         <td title="The page that the comic loads first, either start from the beginning or the most recent">
                             <label for="strp_0">Start Page</label>
-                            <input type="radio" id="strp_0" name="strpa" checked>First&nbsp;
-                            <input type="radio" id="strp_1" name="strpa">Last</td>
+                            <input type="number" id="strp_0" name="strpa" min="0"></td>
+                    </tr>
+                    <tr>
+                        <td title="Background color of webcomic">
+                            <label for="back_total">Background: </label>
+                            <input id="back_color" style="visibility: hidden;"></td>
+                    </tr>
+                    <tr>
+                        <td colspan="8">
+                            <div class="spoiler" data-spoiler-link="1">Loading Spinner</div>
+                            <div class="spoiler-content" data-spoiler-link="1">
+                                <table>
+                                    <tr>
+                                        <td>
+                                            <label for="wid">Width</label> <input style="width:50px;" type="number" value=250 id="hgt" min="1">
+                                            <label for="hgt">Height</label> <input style="width:50px;" type="number" value=250 id="hgt" min="1"></td>
+                                        <td rowspan="8"><canvas id="custom_spin" class="center"></canvas></td>
+                                    </tr>
+                                    <tr>
+                                        <td>
+                                            <label for="wid">Lines: </label> <input style="width:50px;" type="number" value=16 id="lin" min="1">
+                                            <label for="rat">Rate(ms): </label> <input style="width:50px;" type="number" value=33.333333333333336 id="rat" min="1">
+                                        </td>
+                                    </tr>
+                                    <tr>
+                                        <td>
+                                            <label for="xpose">X-pos</label> <input style="width:50px;" type="number" value=0.5 id="xpose" min="0" max="1">
+                                            <label for="ypose">Y-pos</label> <input style="width:50px;" type="number" value=0.5 id="ypose" min="0" max="1">
+                                        </td>
+                                    </tr>
+                                    <tr>
+                                        <td>
+                                            <label for="back_load">Background: </label>
+                                            <input id="back_load">
+                                            <label for="color_load">Color: </label>
+                                            <input id="color_load">
+                                        </td>
+                                    </tr>
+                                </table></div>
+                        </td>
                     </tr>
                     <tr>
                         <td>
@@ -89,20 +127,20 @@ <h4 id="CHPHEAD">Chapters</h4>
                             <h4 id="PGEHEAD">Pages</h4>
                             <input id="conductor" type="file" multiple>
                         </td>
-                        <tr>
-                            <td style="vertical-align:top">
-                                <ol id="Csort" class="empty"></ol>
-                            </td>
-                            <td style="vertical-align:top">
-                                <ol id="sorted" class="empty"></ol>
-                            </td>
-                        </tr>
+                    <tr>
+                        <td style="vertical-align:top">
+                            <ol id="Csort" class="empty"></ol>
+                        </td>
+                        <td style="vertical-align:top">
+                            <ol id="sorted" class="empty"></ol>
+                        </td>
+                    </tr>
                 </table>
                 <input id="ExBtn" type="submit" value="Export" title="Save Settings">
             </form>
         </div>
         <h3 class="button" role="button">* Design</h3>
-        <div>
+        <div id="design_contain"><!-- style="display: none;">-->
             <p>
                 <button id="InBtn" title="Create site template; this does not save settings it simply creates an index.html file">Site Template</button>&nbsp;
                 <button id="DsBtn" title="Save Stage Design">Save Design</button>
@@ -114,22 +152,59 @@ <h3 class="button" role="button">* Design</h3>
 
 <script>
     var workhorse = function() {
-            if (void 0 === window.jQuery || void 0 === window.jQuery.ui || void 0 === humane) return setTimeout(workhorse, 300);
-            /*var jQ = jQuery.noConflict();*/
-            console.log("%c %c %c comix-ngn Writer v" + cG.info.vwr + " %c \u262F %c \u00A9 2015 Oluwaseun Ogedengbe %c ", "color:white; background:#B5B5B5", "background:purple", "color:black; background:#E2E2E2", 'color:red; background:black', "color:black; background:#B5B5B5", "background:purple");
-            $("#CHPHEAD").data({});
-            $("#confhead").click(function() {
-                if ($("#bodtab").attr("border") == "1") {
-                    $("#bodtab").attr("border", "0");
-                } else {
-                    $("#bodtab").attr("border", "1");
+        if (void 0 === window.jQuery || void 0 === window.jQuery.ui || void 0 === humane) return setTimeout(workhorse, 300);
+        /*var jQ = jQuery.noConflict();*/
+        console.log("%c %c %c comix-ngn Writer v" + cG.info.vwr + " %c \u262F %c \u00A9 2015 Oluwaseun Ogedengbe %c ", "color:white; background:#B5B5B5", "background:purple", "color:black; background:#E2E2E2", 'color:red; background:black', "color:black; background:#B5B5B5", "background:purple");
+        var spin = {start: Date.now(),
+                    lines:16,
+                    acH: 150,
+                    lines: 16,
+                    rate: 33.333333333333336,
+                    cW: 250,
+                    acW: 250,
+                    xpos: 0.5,
+                    ypos: 0.5,
+                    back:"#fff",
+                    color:"#373737",
+                    context: 
+                    document.getElementById("custom_spin").getContext("2d")},
+            fspin = function(){
+                $("#custom_spin").css("background",spin.back);
+                var rotation = Math.floor(((Date.now() - spin.start) / 1000) * spin.lines)/spin.lines,
+                    c = spin.color.substr(1);
+                spin.context.save();
+                spin.context.clearRect(0, 0, spin.acW, spin.acH);
+                spin.context.translate(spin.acW /2, spin.acH /2);
+                spin.context.rotate(Math.PI * 2 * rotation);
+                if(c.length==3) c = c[0]+C[0]+c[1]+c[1]+c[2]+c[2];
+                var red = parseInt(c.substr(0,2),16).toString(),
+                    green = parseInt(c.substr(2,2),16).toString(),
+                    blue = parseInt(c.substr(4,2),16).toString();
+                for (var i = 0; i < spin.lines; i++) {
+                    spin.context.beginPath();
+                    spin.context.rotate(Math.PI * 2 / spin.lines);
+                    spin.context.moveTo(spin.cW / 10, 0);
+                    spin.context.lineTo(spin.cW / 4, 0);    
+                    spin.context.lineWidth = spin.cW / 30;
+                    spin.context.strokeStyle = "rgba("+red+","+green+","+blue+"," + i / spin.lines + ")";
+                    spin.context.stroke();
                 }
-            });
-            $("#accordion").accordion({
-                collapsible: true,
-                heightStyle: "content"
-            });
-            /*.sortable({
+                spin.context.restore();
+                window.setTimeout(fspin, spin.rate);
+            }
+        $("#CHPHEAD").data({});
+        $("#confhead").click(function() {
+            if ($("#bodtab").attr("border") == "1") {
+                $("#bodtab").attr("border", "0");
+            } else {
+                $("#bodtab").attr("border", "1");
+            }
+        });
+        $("#accordion").accordion({
+            collapsible: true,
+            heightStyle: "content"
+        });
+        /*.sortable({
                         axis: "y",
                         handle: "h3",
                         stop: function( event, ui ) {
@@ -141,538 +216,316 @@ <h3 class="button" role="button">* Design</h3>
                           $( this ).accordion( "refresh" );
                         }
                       });*/
-            $("#add2").click(function() {
-                if ($("#Csort").hasClass("empty")) {
-                    $("#Csort").removeClass("empty");
-                }
+        $("#back_color").spectrum({
+            color: "#fff",
+            change: function(color) {}
+        }).css("visibility", "visible" );
+        $("#color_load").spectrum({
+            color: "#373737",
+            change: function(color){
+                spin.color = color.toHexString();
+            }
+        });
+        $("#back_load").spectrum({
+            color: "#fff",
+            change: function(color){
+                spin.back = color.toHexString(); 
+            }
+        });
+        $(".spoiler").spoiler();
+        window.setTimeout(fspin, spin.rate);
+        var spinsetchange = function(){
+            spin.lines = $("#lin").val();
+            spin.rate = $("#rat").val();/*
+            //spin.cW = $("#back_load").val();
+            //spin.acW = $("#back_load").val();*/
+            spin.xpos = $("#xpose").val();
+            spin.ypos = $("#ypose").val();
+        }
+        $("#lin").change(spinsetchange);
+        $("#rat").change(spinsetchange);/*
+        //spin.cW = $("#back_load").val();
+        //spin.acW = $("#back_load").val();*/
+        $("#xpose").change(spinsetchange);
+        $("#ypose").change(spinsetchange);
+        $("#back_load").change(spinsetchange);
+        $("#color_load").change(spinsetchange);
+/*
+        $(".spoiler-content").show();
+        $("#design_contain").show();*/
+        $("#add2").click(function() {
+            if ($("#Csort").hasClass("empty")) {
+                $("#Csort").removeClass("empty");
+            }
 
-                var oper = $("#Csort").childElementCount;
-                $("#Csort").append("<li id=c" + oper + ">" + "Chapter" + " <button onClick=settingsC('#c" + oper + "')>&#x2731</button><button onClick=$('#c" + oper + "').remove()>X</button> </li>").sortable({
+            var oper = $("#Csort").childElementCount;
+            $("#Csort").append("<li id=c" + oper + ">" + "Chapter" + " <button onClick=settingsC('#c" + oper + "')>&#x2731</button><button onClick=$('#c" + oper + "').remove()>X</button> </li>").sortable({
+                scroll: true
+            });
+            $("#c" + oper).data({
+                open: false,
+                body: {
+                    description: "",
+                    end: 0,
+                    start: 0,
+                    title: "Chapter",
+                }
+            }).addClass("chap");
+        });
+        $("#conductor").change(function() {
+            if ($("#sorted").hasClass("empty")) {
+                $("#sorted").removeClass("empty");
+            }
+            console.log(this.files);
+            /*$("#sorted").innerHTML ="";*/
+            for (i = 0; i < this.files.length; i++) {
+                $("#sorted").append("<li id=s" + i + ">" + this.files[i].name + " <button onClick=settingsP('#s" + i + "');>&#x2731</button><button onClick=$('#s" + i + "').remove()>X</button></li>").sortable({
                     scroll: true
                 });
-                $("#c" + oper).data({
+                $("#s" + i).data({
                     open: false,
                     body: {
-                        description: "",
-                        end: 0,
-                        start: 0,
-                        title: "Chapter",
+                        alt: "",
+                        hover: "",
+                        title: "",
+                        url: [this.files[i].name],
+                        release: 0,
+                        note: "",
+                        perm: false,
+                        anim8: false,
                     }
-                }).addClass("chap");
-            });
-            $("#conductor").change(function() {
-                if ($("#sorted").hasClass("empty")) {
-                    $("#sorted").removeClass("empty");
-                }
-                console.log(this.files);
-                /*$("#sorted").innerHTML ="";*/
-                for (i = 0; i < this.files.length; i++) {
-                    $("#sorted").append("<li id=s" + i + ">" + this.files[i].name + " <button onClick=settingsP('#s" + i + "');>&#x2731</button><button onClick=$('#s" + i + "').remove()>X</button></li>").sortable({
-                        scroll: true
-                    });
-                    $("#s" + i).data({
-                        open: false,
-                        body: {
-                            alt: "",
-                            hover: "",
-                            title: "",
-                            url: this.files[i].name,
-                            release: 0,
-                            note: "",
-                            perm: false,
-                        }
-                    }).addClass("page");
-                }
-            });
-            $("#historian").change(function() {
-                delete window.confirm;
-                if ((!$("#Csort").hasClass("empty") || !$("#sorted").hasClass("empty")) && !confirm("This will overwrite your current configuration, are you sure?")) {
-                    this.files = {};
-                    return;
-                }
-                console.log(this.files);
-                if (!this.files.length) return;
-                /*$("#sorted").innerHTML ="";*/
-                $("#sorted").textContent = "";
-                $("#Csort").textContent = "";
+                }).addClass("page");
+            }
+        });
+        $("#historian").change(function() {
+            delete window.confirm;
+            if ((!$("#Csort").hasClass("empty") || !$("#sorted").hasClass("empty")) && !confirm("This will overwrite your current configuration, are you sure?")) {
+                this.files = {};
+                return;
+            }
+            console.log(this.files);
+            if (!this.files.length) return;
+            /*$("#sorted").innerHTML ="";*/
+            $("#sorted").textContent = "";
+            $("#Csort").textContent = "";
 
-                $.getJSON(this.files[0].name, function(conf) {
-                    report(conf);
-                });
+            $.getJSON(this.files[0].name, function(conf) {
+                report(conf);
             });
-            $("#ExBtn").click(function() {
-                var setOBJ = {
-                    config: {},
-                    pyr: {},
-                    chapters: [],
-                    pages: []
-                };
-                /*delete window.alert;
+        });
+        $("#ExBtn").click(function() {
+            var setOBJ = {
+                config: {},
+                pyr: {},
+                chapters: [],
+                pages: []
+            };
+            /*delete window.alert;
                     alert("Settings Configured!");*/
-                setOBJ.config.dir = $("#dir").val();
-                setOBJ.config.pagestartnum = document.getElementById("psn_1").checked;
-                setOBJ.config.chapterstartnum = document.getElementById("csn_1").checked;
-                setOBJ.config.startpage = document.getElementById("strp_1").checked;
-                setOBJ.config.imgprebuffer = $("#prb").val();
-                setOBJ.config.imgpostbuffer = $("#ptb").val();
-                setOBJ.pyr.appendmismatch = document.getElementById("pyr_0").checked;
-                if (document.getElementById("spyr_0").checked) {
-                    setOBJ.pyr.appendorder = 0;
-                } else if (document.getElementById("spyr_1").checked) {
-                    setOBJ.pyr.appendorder = 1;
-                } else if (document.getElementById("spyr_2").checked) {
-                    setOBJ.pyr.appendorder = 2;
-                } else if (document.getElementById("spyr_3").checked) {
-                    setOBJ.pyr.appendorder = 3;
-                }
-                setOBJ.pyr.appendorderdir = document.getElementById("spyro_0").checked;
+            setOBJ.config.dir = $("#dir").val();
+            setOBJ.config.pagestartnum = document.getElementById("psn_1").checked;
+            setOBJ.config.chapterstartnum = document.getElementById("csn_1").checked;
+            setOBJ.config.startpage = document.getElementById("strp_1").checked;
+            setOBJ.config.imgprebuffer = $("#prb").val();
+            setOBJ.config.imgpostbuffer = $("#ptb").val();
+            setOBJ.pyr.appendmismatch = document.getElementById("pyr_0").checked;
+            if (document.getElementById("spyr_0").checked) {
+                setOBJ.pyr.appendorder = 0;
+            } else if (document.getElementById("spyr_1").checked) {
+                setOBJ.pyr.appendorder = 1;
+            } else if (document.getElementById("spyr_2").checked) {
+                setOBJ.pyr.appendorder = 2;
+            } else if (document.getElementById("spyr_3").checked) {
+                setOBJ.pyr.appendorder = 3;
+            }
+            setOBJ.pyr.appendorderdir = document.getElementById("spyro_0").checked;
 
-                for (j = 0; j < document.getElementById("Csort").childElementCount; j++) {
-                    setOBJ.chapters.push($(".class,li").eq(j).data().body);
-                }
-                for (j = 0; j < document.getElementById("sorted").childElementCount; j++) {
-                    setOBJ.pages.push($(".page,li").eq(j).data().body);
-                }
-                console.log(setOBJ);
-                $('#setlink').remove();
-                var refh = "<a onClick=$('#setlink').remove() id='setlink' href='data: text/json;charset=utf-8," + JSON.stringify(setOBJ, ["config", "pyr", "pages", "chapters", "dir", "startpage", "pagestartnum", "chapterstartnum", "imgprebuffer", "imgpostbuffer", "appendmismatch", "appendorder", "appendorderdir", "alt", "hover", "title", "url", "release", "note", "description", "start", "end", "title"]) + "' download='config.json' autofocus>config.json<br></a>";
-                console.log(refh);
-                $(refh).appendTo("#MHEAD");
-            });
-            $("#InBtn").click(function() {
-                $('#indlink').remove();
-                var refh = "";
-                console.log(refh);
-                $(refh).appendTo("#MHEAD");
-            });
-            $("#DsBtn").click(function() {
-                $('#deslink').remove(); /*temporary, using predefined scene*/
-                var refh = "<a onClick=$('#deslink').remove() id='deslink' href='data: text/html;charset=utf-8," + '<div style="text-align:center" ng-controller="StageDirector as scene"> <p><span id="time">{{scene.now | date:"MM/dd/yyyy @ h:mm:ss a"}}<\/span><\/p><div id="myCarousel" class="carousel slide" data-ride="" data-interval="false" data-wrap="false"> <div class="carousel-inner" role="listbox"> <div id="{{$index}}" ng-repeat="page in scene.pages" ng-hide="scene.now < page.release" class="item" ng-class="{active: $first, first: $first, last: $last}"> <h1>{{page.title}}<\/h1> <p><img src="{{scene.config.dir + page.url}}" title="{{page.hover}}" alt="{{page.alt}}"><\/p><\/div><\/div><button class="frs" id="bfrs" onclick="caruso.frst()">|<<\/button> <button class="frs" id="bpre" onclick="caruso.left()">< Prev<\/button> <button id="bran" onclick="caruso.rand()">?<\/button> <input id="snum" type="number" class="tiny" onkeydown="caruso.indx(this)"/> <button class="las" id="bnex" onclick="caruso.rght()">Next ><\/button> <button class="las" id="blas" onclick="caruso.last()">>|<\/button><\/p><\/div><p id="SiteNote" style="text-align:center">Images Courtesy of <a href="http://.xkcd.com/">XKCD<\/a><\/p><\/div>' + "' download='stage.html' autofocus>stage.html<br></a>";
-                console.log(refh);
-                $(refh).appendTo("#MHEAD");
-            });
-            var settingsP = function(ele) {
-                var lee = ele.substring(1);
-                console.log(ele);
-                console.log($(ele).data().open);
-                if (typeof $(ele).data().body.perm === 'undefined') {
-                    $(ele).data().body.perm = false;
+            for (j = 0; j < document.getElementById("Csort").childElementCount; j++) {
+                setOBJ.chapters.push($(".class,li").eq(j).data().body);
+            }
+            for (j = 0; j < document.getElementById("sorted").childElementCount; j++) {
+                setOBJ.pages.push($(".page,li").eq(j).data().body);
+            }
+            console.log(setOBJ);
+            $('#setlink').remove();
+            var refh = "<a onClick=$('#setlink').remove() id='setlink' href='data: text/json;charset=utf-8," + JSON.stringify(setOBJ, ["config", "pyr", "pages", "chapters", "dir", "startpage", "pagestartnum", "chapterstartnum", "imgprebuffer", "imgpostbuffer", "appendmismatch", "appendorder", "appendorderdir", "alt", "hover", "title", "url", "release", "note", "description", "start", "end", "title"]) + "' download='config.json' autofocus>config.json<br></a>";
+            console.log(refh);
+            $(refh).appendTo("#MHEAD");
+        });
+        $("#InBtn").click(function() {
+            $('#indlink').remove();
+            var refh = "";
+            console.log(refh);
+            $(refh).appendTo("#MHEAD");
+        });
+        $("#DsBtn").click(function() {
+            $('#deslink').remove(); /*temporary, using predefined scene*/
+            var refh = "<a onClick=$('#deslink').remove() id='deslink' href='data: text/html;charset=utf-8," + '<div style="text-align:center" ng-controller="StageDirector as scene"> <p><span id="time">{{scene.now | date:"MM/dd/yyyy @ h:mm:ss a"}}<\/span><\/p><div id="myCarousel" class="carousel slide" data-ride="" data-interval="false" data-wrap="false"> <div class="carousel-inner" role="listbox"> <div id="{{$index}}" ng-repeat="page in scene.pages" ng-hide="scene.now < page.release" class="item" ng-class="{active: $first, first: $first, last: $last}"> <h1>{{page.title}}<\/h1> <p><img src="{{scene.config.dir + page.url}}" title="{{page.hover}}" alt="{{page.alt}}"><\/p><\/div><\/div><button class="frs" id="bfrs" onclick="caruso.frst()">|<<\/button> <button class="frs" id="bpre" onclick="caruso.left()">< Prev<\/button> <button id="bran" onclick="caruso.rand()">?<\/button> <input id="snum" type="number" class="tiny" onkeydown="caruso.indx(this)"/> <button class="las" id="bnex" onclick="caruso.rght()">Next ><\/button> <button class="las" id="blas" onclick="caruso.last()">>|<\/button><\/p><\/div><p id="SiteNote" style="text-align:center">Images Courtesy of <a href="http://.xkcd.com/">XKCD<\/a><\/p><\/div>' + "' download='stage.html' autofocus>stage.html<br></a>";
+            console.log(refh);
+            $(refh).appendTo("#MHEAD");
+        });
+        var settingsP = function(ele) {
+            var lee = ele.substring(1);
+            console.log(ele);
+            console.log($(ele).data().open);
+            if (typeof $(ele).data().body.perm === 'undefined') {
+                $(ele).data().body.perm = false;
+            }
+            if ($(ele).data().open) {
+                /*console.log("deleting");*/
+                $(ele).data().body.title = $("#TEMP_title" + lee).val();
+                $(ele).data().body.hover = $("#TEMP_hover" + lee).val();
+                $(ele).data().body.note = $("#TEMP_note" + lee).val();
+                $(ele).data().body.alt = $("#TEMP_alt" + lee).val();
+                $(ele).data().body.release = $("#TEMP_release" + lee).val();
+                $(ele).data().body.url = $("#TEMP_url" + lee).val();
+                $(ele).data().body.perm = document.getElementById("TEMP_perm" + lee).checked;
+                $("#TEMPFORM_" + lee).remove();
+                /*document.getElementById(ele.substring(1)).removeChild(document.getElementById("TEMPFORM_"+ele));fallback*/
+                $(ele).focus();
+                $(ele).data().open = false;
+                console.log($(ele).data());
+            } else {
+                var ischek = "";
+                if ($(ele).data().body.perm) {
+                    ischek = "checked";
                 }
-                if ($(ele).data().open) {
-                    /*console.log("deleting");*/
-                    $(ele).data().body.title = $("#TEMP_title" + lee).val();
-                    $(ele).data().body.hover = $("#TEMP_hover" + lee).val();
-                    $(ele).data().body.note = $("#TEMP_note" + lee).val();
-                    $(ele).data().body.alt = $("#TEMP_alt" + lee).val();
-                    $(ele).data().body.release = $("#TEMP_release" + lee).val();
-                    $(ele).data().body.url = $("#TEMP_url" + lee).val();
-                    $(ele).data().body.perm = document.getElementById("TEMP_perm" + lee).checked;
-                    $("#TEMPFORM_" + lee).remove();
-                    /*document.getElementById(ele.substring(1)).removeChild(document.getElementById("TEMPFORM_"+ele));fallback*/
-                    $(ele).focus();
-                    $(ele).data().open = false;
-                    console.log($(ele).data());
-                } else {
-                    var ischek = "";
-                    if ($(ele).data().body.perm) {
-                        ischek = "checked";
-                    }
-                    $(ele).append("<form id='TEMPFORM_" + lee + "' autofocus><label for='TEMP_title" + lee + "'>Title&nbsp</label><input value='" + $(ele).data().body.title + "' id='TEMP_title" + lee + "' type='text' autofocus><br><label for='TEMP_hover" + lee + "'>Hover&nbsp</label><input value='" + $(ele).data().body.hover + "' id='TEMP_hover" + lee + "' type='text' title='Text on Mouse Over'><br><label for='TEMP_note" + lee + "'>Image Info&nbsp</label><input value='" + $(ele).data().body.note + "' id='TEMP_note" + lee + "' type='text'><br><label for='TEMP_alt" + lee + "'>Alt Text&nbsp</label><input value='" + $(ele).data().body.alt + "' id='TEMP_alt" + lee + "' type='text' title='If the image fails to load this text is loaded instead'><br><label for='TEMP_release" + lee + "'>Release Date&nbsp </label><input value='" + $(ele).data().body.release + "' id='TEMP_release" + lee + "' type='number' title='When should this slide be avaliable'><br><label for='TEMP_url" + lee + "'>URL&nbsp</label><input value='" + $(ele).data().body.url + "' id='TEMP_url" + lee + "' type='text' title='Filename of the image'><br><label for='TEMP_perm" + lee + "'>Permanent&nbsp</label><input " + ischek + " id='TEMP_perm" + lee + "' type='checkbox' title='Whether the image should always be loaded'><br></form>");
-                    $(ele).focus();
-                    $(ele).data().open = true;
-                }
-                return true;
-            };
-            var settingsC = function(ele) {
-                var lee = ele.substring(1);
-                console.log(ele);
-                console.log($(ele).data().open);
-                if ($(ele).data().open) {
-                    $(ele).data().body.description = $("#TEMP_description" + lee).val();
-                    $(ele).data().body.end = $("#TEMP_end" + lee).val();
-                    $(ele).data().body.start = $("#TEMP_start" + lee).val();
-                    $(ele).data().body.title = $("#TEMP_title" + lee).val();
-                    $("#TEMPFORM_" + lee).remove();
+                $(ele).append("<form id='TEMPFORM_" + lee + "' autofocus><label for='TEMP_title" + lee + "'>Title&nbsp</label><input value='" + $(ele).data().body.title + "' id='TEMP_title" + lee + "' type='text' autofocus><br><label for='TEMP_hover" + lee + "'>Hover&nbsp</label><input value='" + $(ele).data().body.hover + "' id='TEMP_hover" + lee + "' type='text' title='Text on Mouse Over'><br><label for='TEMP_note" + lee + "'>Image Info&nbsp</label><input value='" + $(ele).data().body.note + "' id='TEMP_note" + lee + "' type='text'><br><label for='TEMP_alt" + lee + "'>Alt Text&nbsp</label><input value='" + $(ele).data().body.alt + "' id='TEMP_alt" + lee + "' type='text' title='If the image fails to load this text is loaded instead'><br><label for='TEMP_release" + lee + "'>Release Date&nbsp </label><input value='" + $(ele).data().body.release + "' id='TEMP_release" + lee + "' type='number' title='When should this slide be avaliable'><br><label for='TEMP_url" + lee + "'>URL&nbsp</label><input value='" + $(ele).data().body.url + "' id='TEMP_url" + lee + "' type='text' title='Filename of the image'><br><label for='TEMP_perm" + lee + "'>Permanent&nbsp</label><input " + ischek + " id='TEMP_perm" + lee + "' type='checkbox' title='Whether the image should always be loaded'><br></form>");
+                $(ele).focus();
+                $(ele).data().open = true;
+            }
+            return true;
+        };
+        var settingsC = function(ele) {
+            var lee = ele.substring(1);
+            console.log(ele);
+            console.log($(ele).data().open);
+            if ($(ele).data().open) {
+                $(ele).data().body.description = $("#TEMP_description" + lee).val();
+                $(ele).data().body.end = $("#TEMP_end" + lee).val();
+                $(ele).data().body.start = $("#TEMP_start" + lee).val();
+                $(ele).data().body.title = $("#TEMP_title" + lee).val();
+                $("#TEMPFORM_" + lee).remove();
 
-                    $(ele).focus();
-                    $(ele).data().open = false;
-                    console.log($(ele).data());
-                } else {
-                    $(ele).append("<form id='TEMPFORM_" + lee + "' autofocus><label for='TEMP_title" + lee + "'>Title&nbsp</label><input value='" + $(ele).data().body.title + "' id='TEMP_title" + lee + "' type='text' autofocus><br><label for='TEMP_description" + lee + "'>Description&nbsp</label><input value='" + $(ele).data().body.description + "' id='TEMP_description" + lee + "' type='text' title='Chapter description'><br><label for='TEMP_start" + lee + "'>Start&nbsp</label><input value='" + $(ele).data().body.start + "' id='TEMP_start" + lee + "' type='text' title='Starting page ID value'><br><label for='TEMP_end" + lee + "'>End&nbsp</label><input value='" + $(ele).data().body.end + "' id='TEMP_end" + lee + "' type='text' title='Ending page ID value'><br></form>");
-                    $(ele).focus();
-                    $(ele).data().open = true;
-                }
-                return true;
-            };
-            var report = function(conf) {
-                document.getElementById("psn_0").checked = false;
-                document.getElementById("psn_1").checked = false;
-                document.getElementById("csn_0").checked = false;
-                document.getElementById("csn_1").checked = false;
-                document.getElementById("strp_0").checked = false;
-                document.getElementById("strp_1").checked = false;
-                document.getElementById("pyr_0").checked = false;
-                document.getElementById("pyr_1").checked = false;
-                document.getElementById("spyr_0").checked = false;
-                document.getElementById("spyr_1").checked = false;
-                document.getElementById("spyr_2").checked = false;
-                document.getElementById("spyr_3").checked = false;
-                document.getElementById("spyro_0").checked = false;
-                document.getElementById("spyro_1").checked = false;
+                $(ele).focus();
+                $(ele).data().open = false;
+                console.log($(ele).data());
+            } else {
+                $(ele).append("<form id='TEMPFORM_" + lee + "' autofocus><label for='TEMP_title" + lee + "'>Title&nbsp</label><input value='" + $(ele).data().body.title + "' id='TEMP_title" + lee + "' type='text' autofocus><br><label for='TEMP_description" + lee + "'>Description&nbsp</label><input value='" + $(ele).data().body.description + "' id='TEMP_description" + lee + "' type='text' title='Chapter description'><br><label for='TEMP_start" + lee + "'>Start&nbsp</label><input value='" + $(ele).data().body.start + "' id='TEMP_start" + lee + "' type='text' title='Starting page ID value'><br><label for='TEMP_end" + lee + "'>End&nbsp</label><input value='" + $(ele).data().body.end + "' id='TEMP_end" + lee + "' type='text' title='Ending page ID value'><br></form>");
+                $(ele).focus();
+                $(ele).data().open = true;
+            }
+            return true;
+        };
+        var report = function(conf) {
+            document.getElementById("psn_0").checked = false;
+            document.getElementById("psn_1").checked = false;
+            document.getElementById("csn_0").checked = false;
+            document.getElementById("csn_1").checked = false;
+            document.getElementById("strp_0").checked = false;
+            document.getElementById("strp_1").checked = false;
+            document.getElementById("pyr_0").checked = false;
+            document.getElementById("pyr_1").checked = false;
+            document.getElementById("spyr_0").checked = false;
+            document.getElementById("spyr_1").checked = false;
+            document.getElementById("spyr_2").checked = false;
+            document.getElementById("spyr_3").checked = false;
+            document.getElementById("spyro_0").checked = false;
+            document.getElementById("spyro_1").checked = false;
 
-                if (typeof conf.config.startpage === 'undefined') {
-                    document.getElementById("strp_0").checked = true;
-                } else if (conf.config.startpage) {
-                    document.getElementById("strp_1").checked = true;
-                }
-                if (typeof conf.config === 'undefined') { /*config module dependency*/
-                    /*default settings*/
-                    $("#dir").val("assets/");
-                    $("#prb").val("5");
-                    $("#ptb").val("5");
+            if (typeof conf.config.startpage === 'undefined') {
+                document.getElementById("strp_0").checked = true;
+            } else if (conf.config.startpage) {
+                document.getElementById("strp_1").checked = true;
+            }
+            if (typeof conf.config === 'undefined') { /*config module dependency*/
+                /*default settings*/
+                $("#dir").val("assets/");
+                $("#prb").val("5");
+                $("#ptb").val("5");
+                document.getElementById("psn_1").checked = true;
+                document.getElementById("csn_1").checked = true;
+            } else {
+                $("#dir").val(conf.config.dir);
+                $("#prb").val(conf.config.imgprebuffer);
+                $("#ptb").val(conf.config.imgpostbuffer);
+                if (conf.config.pagestartnum) {
                     document.getElementById("psn_1").checked = true;
+                } else {
+                    document.getElementById("psn_0").checked = true;
+                }
+                if (conf.config.chapterstartnum) {
                     document.getElementById("csn_1").checked = true;
                 } else {
-                    $("#dir").val(conf.config.dir);
-                    $("#prb").val(conf.config.imgprebuffer);
-                    $("#ptb").val(conf.config.imgpostbuffer);
-                    if (conf.config.pagestartnum) {
-                        document.getElementById("psn_1").checked = true;
-                    } else {
-                        document.getElementById("psn_0").checked = true;
-                    }
-                    if (conf.config.chapterstartnum) {
-                        document.getElementById("csn_1").checked = true;
-                    } else {
-                        document.getElementById("csn_0").checked = true;
-                    }
+                    document.getElementById("csn_0").checked = true;
                 }
-                if (typeof conf.pyr === 'undefined') { /*pyr module dependency*/
-                    /*default settings*/
+            }
+            if (typeof conf.pyr === 'undefined') { /*pyr module dependency*/
+                /*default settings*/
+                document.getElementById("pyr_0").checked = true;
+                document.getElementById("spyr_0").checked = true;
+                document.getElementById("spyro_0").checked = true;
+            } else {
+                if (conf.pyr.appendmismatch) {
                     document.getElementById("pyr_0").checked = true;
+                } else {
+                    document.getElementById("pyr_1").checked = true;
+                }
+                if (conf.pyr.appendorder == 0) {
                     document.getElementById("spyr_0").checked = true;
+                } else if (conf.pyr.appendorder == 1) {
+                    document.getElementById("spyr_1").checked = true;
+                } else if (conf.pyr.appendorder == 2) {
+                    document.getElementById("spyr_2").checked = true;
+                } else if (conf.pyr.appendorder == 3) {
+                    document.getElementById("spyr_3").checked = true;
+                }
+                if (conf.pyr.appendorderdir) {
                     document.getElementById("spyro_0").checked = true;
                 } else {
-                    if (conf.pyr.appendmismatch) {
-                        document.getElementById("pyr_0").checked = true;
-                    } else {
-                        document.getElementById("pyr_1").checked = true;
-                    }
-                    if (conf.pyr.appendorder == 0) {
-                        document.getElementById("spyr_0").checked = true;
-                    } else if (conf.pyr.appendorder == 1) {
-                        document.getElementById("spyr_1").checked = true;
-                    } else if (conf.pyr.appendorder == 2) {
-                        document.getElementById("spyr_2").checked = true;
-                    } else if (conf.pyr.appendorder == 3) {
-                        document.getElementById("spyr_3").checked = true;
-                    }
-                    if (conf.pyr.appendorderdir) {
-                        document.getElementById("spyro_0").checked = true;
-                    } else {
-                        document.getElementById("spyro_1").checked = true;
-                    }
+                    document.getElementById("spyro_1").checked = true;
                 }
+            }
 
-                for (i = 0; i < conf.pages.length; i++) {
-                    $("#sorted").append("<li id=s" + i + ">" + conf.pages[i].url + " <button onClick=settingsP('#s" + i + "');>&#x2731</button><button onClick=$('#s" + i + "').remove()>X</button></li>").sortable({
-                        scroll: true
-                    });
-                    if (typeof conf.pages[i].perm === 'undefined') {
-                        conf.pages[i].perm = false;
-                    }
-                    $("#s" + i).data({
-                        open: false,
-                        body: {
-                            alt: conf.pages[i].alt,
-                            hover: conf.pages[i].hover,
-                            title: conf.pages[i].title,
-                            url: conf.pages[i].url,
-                            release: conf.pages[i].release,
-                            note: conf.pages[i].note,
-                            perm: conf.pages[i].perm,
-                        }
-                    }).addClass("page");
-                }
-                for (oper = 0; oper < conf.chapters.length; oper++) {
-                    $("#Csort").append("<li id=c" + oper + ">" + conf.chapters[i].title + " <button onClick=settingsC('#c" + oper + "')>&#x2731</button><button onClick=$('#c" + oper + "').remove()>X</button> </li>").sortable({
-                        scroll: true
-                    });
-                    $("#c" + oper).data({
-                        open: false,
-                        body: {
-                            description: conf.chapters[i].description,
-                            end: conf.chapters[i].end,
-                            start: conf.chapters[i].start,
-                            title: conf.chapters[i].title,
-                        }
-                    }).addClass("chap");
+            for (i = 0; i < conf.pages.length; i++) {
+                $("#sorted").append("<li id=s" + i + ">" + conf.pages[i].url + " <button onClick=settingsP('#s" + i + "');>&#x2731</button><button onClick=$('#s" + i + "').remove()>X</button></li>").sortable({
+                    scroll: true
+                });
+                if (typeof conf.pages[i].perm === 'undefined') {
+                    conf.pages[i].perm = false;
                 }
-            };
-        },
-        dfr = function() {
-            var b = document.createElement("script");
-            cG.REPO.scReq.getScript = cG.agent("./" + dir + "script.json");
-            cG.REPO.scReq.getDecor = cG.agent("./" +
-                tir + "decor.html");
-            cG.REPO.scReq.getScript.then(function(a) {
-                void 0 === cG.REPO.script ? cG.REPO.script = {
-                    def: a
-                } : cG.REPO.script.def = a;
-                cG.script = cG.REPO.script.def
-            }, function(a, b) {
-                console.error(a, b.status);
-                void 0 === cG.REPO.script ? cG.REPO.script = {
-                    def: 0
-                } : cG.REPO.script.def = a;
-                cG.script = cG.REPO.script.def
-            });
-            cG.REPO.scReq.getDecor.then(function(a) {
-                void 0 === cG.REPO.decor ? cG.REPO.decor = {
-                    def: a
-                } : cG.REPO.decor.def = a;
-                cG.decor = cG.REPO.decor.def
-            }, function(a, b) {
-                console.error(a, b.status);
-                void 0 === cG.REPO.decor ? cG.REPO.decor = {
-                    def: 0
-                } : cG.REPO.decor.def = 0;
-                cG.decor = cG.REPO.decor.def
-            });
-            b.src = mainsrc;
-            document.body.appendChild(b);
-            for (var a = 0; a < loadng.length; a++) b = document.createElement("script"), b.src = loadng[a], document.body.appendChild(b);
-            jqdep();
-            /**
-             * humane.js
-             * Humanized Messages for Notifications
-             * @author Marc Harter (@wavded)
-             * @example
-             *   humane.log('hello world');
-             * @license MIT
-             * See more usage examples at: http://wavded.github.com/humane-js/
-             */
-            ! function(name, context, definition) {
-                if (typeof module !== "undefined") module.exports = definition(name, context);
-                else if (typeof define === "function" && typeof define.amd === "object") define(definition);
-                else context[name] = definition(name, context)
-            }("humane", this, function(name, context) {
-                var win = window;
-                var doc = document;
-                var ENV = {
-                    on: function(el, type, cb) {
-                        "addEventListener" in win ? el.addEventListener(type, cb, false) : el.attachEvent("on" + type, cb)
-                    },
-                    off: function(el, type, cb) {
-                        "removeEventListener" in win ? el.removeEventListener(type, cb, false) : el.detachEvent("on" + type, cb)
-                    },
-                    bind: function(fn, ctx) {
-                        return function() {
-                            fn.apply(ctx, arguments)
-                        }
-                    },
-                    isArray: Array.isArray || function(obj) {
-                        return Object.prototype.toString.call(obj) === "[object Array]"
-                    },
-                    config: function(preferred, fallback) {
-                        return preferred != null ? preferred : fallback
-                    },
-                    transSupport: false,
-                    useFilter: /msie [678]/i.test(navigator.userAgent),
-                    _checkTransition: function() {
-                        var el = doc.createElement("div");
-                        var vendors = {
-                            webkit: "webkit",
-                            Moz: "",
-                            O: "o",
-                            ms: "MS"
-                        };
-                        for (var vendor in vendors)
-                            if (vendor + "Transition" in el.style) {
-                                this.vendorPrefix = vendors[vendor];
-                                this.transSupport = true
-                            }
-                    }
-                };
-                ENV._checkTransition();
-                var Humane = function(o) {
-                    o || (o = {});
-                    this.queue = [];
-                    this.baseCls = o.baseCls || "humane";
-                    this.addnCls = o.addnCls || "";
-                    this.timeout = "timeout" in o ? o.timeout : 2500;
-                    this.waitForMove = o.waitForMove || false;
-                    this.clickToClose = o.clickToClose || false;
-                    this.timeoutAfterMove = o.timeoutAfterMove || false;
-                    this.container = o.container;
-                    try {
-                        this._setupEl()
-                    } catch (e) {
-                        ENV.on(win, "load", ENV.bind(this._setupEl, this))
+                $("#s" + i).data({
+                    open: false,
+                    body: {
+                        alt: conf.pages[i].alt,
+                        hover: conf.pages[i].hover,
+                        title: conf.pages[i].title,
+                        url: conf.pages[i].url,
+                        release: conf.pages[i].release,
+                        note: conf.pages[i].note,
+                        perm: conf.pages[i].perm,
                     }
-                };
-                Humane.prototype = {
-                    constructor: Humane,
-                    _setupEl: function() {
-                        var el = doc.createElement("div");
-                        el.style.display = "none";
-                        if (!this.container) {
-                            if (doc.body) this.container = doc.body;
-                            else throw "document.body is null"
-                        }
-                        this.container.appendChild(el);
-                        this.el = el;
-                        this.removeEvent = ENV.bind(function() {
-                            var timeoutAfterMove = ENV.config(this.currentMsg.timeoutAfterMove, this.timeoutAfterMove);
-                            if (!timeoutAfterMove) {
-                                this.remove()
-                            } else {
-                                setTimeout(ENV.bind(this.remove, this), timeoutAfterMove)
-                            }
-                        }, this);
-                        this.transEvent = ENV.bind(this._afterAnimation, this);
-                        this._run()
-                    },
-                    _afterTimeout: function() {
-                        if (!ENV.config(this.currentMsg.waitForMove, this.waitForMove)) this.remove();
-                        else if (!this.removeEventsSet) {
-                            ENV.on(doc.body, "mousemove", this.removeEvent);
-                            ENV.on(doc.body, "click", this.removeEvent);
-                            ENV.on(doc.body, "keypress", this.removeEvent);
-                            ENV.on(doc.body, "touchstart", this.removeEvent);
-                            this.removeEventsSet = true
-                        }
-                    },
-                    _run: function() {
-                        if (this._animating || !this.queue.length || !this.el) return;
-                        this._animating = true;
-                        if (this.currentTimer) {
-                            clearTimeout(this.currentTimer);
-                            this.currentTimer = null
-                        }
-                        var msg = this.queue.shift();
-                        var clickToClose = ENV.config(msg.clickToClose, this.clickToClose);
-                        if (clickToClose) {
-                            ENV.on(this.el, "click", this.removeEvent);
-                            ENV.on(this.el, "touchstart", this.removeEvent)
-                        }
-                        var timeout = ENV.config(msg.timeout, this.timeout);
-                        if (timeout > 0) this.currentTimer = setTimeout(ENV.bind(this._afterTimeout, this), timeout);
-                        if (ENV.isArray(msg.html)) msg.html = "<ul><li>" + msg.html.join("<li>") + "</ul>";
-                        this.el.innerHTML = msg.html;
-                        this.currentMsg = msg;
-                        this.el.className = this.baseCls;
-                        if (ENV.transSupport) {
-                            this.el.style.display = "block";
-                            setTimeout(ENV.bind(this._showMsg, this), 50)
-                        } else {
-                            this._showMsg()
-                        }
-                    },
-                    _setOpacity: function(opacity) {
-                        if (ENV.useFilter) {
-                            try {
-                                this.el.filters.item("DXImageTransform.Microsoft.Alpha").Opacity = opacity * 100
-                            } catch (err) {}
-                        } else {
-                            this.el.style.opacity = String(opacity)
-                        }
-                    },
-                    _showMsg: function() {
-                        var addnCls = ENV.config(this.currentMsg.addnCls, this.addnCls);
-                        if (ENV.transSupport) {
-                            this.el.className = this.baseCls + " " + addnCls + " " + this.baseCls + "-animate"
-                        } else {
-                            var opacity = 0;
-                            this.el.className = this.baseCls + " " + addnCls + " " + this.baseCls + "-js-animate";
-                            this._setOpacity(0);
-                            this.el.style.display = "block";
-                            var self = this;
-                            var interval = setInterval(function() {
-                                if (opacity < 1) {
-                                    opacity += .1;
-                                    if (opacity > 1) opacity = 1;
-                                    self._setOpacity(opacity)
-                                } else clearInterval(interval)
-                            }, 30)
-                        }
-                    },
-                    _hideMsg: function() {
-                        var addnCls = ENV.config(this.currentMsg.addnCls, this.addnCls);
-                        if (ENV.transSupport) {
-                            this.el.className = this.baseCls + " " + addnCls;
-                            ENV.on(this.el, ENV.vendorPrefix ? ENV.vendorPrefix + "TransitionEnd" : "transitionend", this.transEvent)
-                        } else {
-                            var opacity = 1;
-                            var self = this;
-                            var interval = setInterval(function() {
-                                if (opacity > 0) {
-                                    opacity -= .1;
-                                    if (opacity < 0) opacity = 0;
-                                    self._setOpacity(opacity)
-                                } else {
-                                    self.el.className = self.baseCls + " " + addnCls;
-                                    clearInterval(interval);
-                                    self._afterAnimation()
-                                }
-                            }, 30)
-                        }
-                    },
-                    _afterAnimation: function() {
-                        if (ENV.transSupport) ENV.off(this.el, ENV.vendorPrefix ? ENV.vendorPrefix + "TransitionEnd" : "transitionend", this.transEvent);
-                        if (this.currentMsg.cb) this.currentMsg.cb();
-                        this.el.style.display = "none";
-                        this._animating = false;
-                        this._run()
-                    },
-                    remove: function(e) {
-                        var cb = typeof e == "function" ? e : null;
-                        ENV.off(doc.body, "mousemove", this.removeEvent);
-                        ENV.off(doc.body, "click", this.removeEvent);
-                        ENV.off(doc.body, "keypress", this.removeEvent);
-                        ENV.off(doc.body, "touchstart", this.removeEvent);
-                        ENV.off(this.el, "click", this.removeEvent);
-                        ENV.off(this.el, "touchstart", this.removeEvent);
-                        this.removeEventsSet = false;
-                        if (cb && this.currentMsg) this.currentMsg.cb = cb;
-                        if (this._animating) this._hideMsg();
-                        else if (cb) cb()
-                    },
-                    log: function(html, o, cb, defaults) {
-                        var msg = {};
-                        if (defaults)
-                            for (var opt in defaults) msg[opt] = defaults[opt];
-                        if (typeof o == "function") cb = o;
-                        else if (o)
-                            for (var opt in o) msg[opt] = o[opt];
-                        msg.html = html;
-                        if (cb) msg.cb = cb;
-                        this.queue.push(msg);
-                        this._run();
-                        return this
-                    },
-                    spawn: function(defaults) {
-                        var self = this;
-                        return function(html, o, cb) {
-                            self.log.call(self, html, o, cb, defaults);
-                            return self
-                        }
-                    },
-                    create: function(o) {
-                        return new Humane(o)
+                }).addClass("page");
+            }
+            for (oper = 0; oper < conf.chapters.length; oper++) {
+                $("#Csort").append("<li id=c" + oper + ">" + conf.chapters[i].title + " <button onClick=settingsC('#c" + oper + "')>&#x2731</button><button onClick=$('#c" + oper + "').remove()>X</button> </li>").sortable({
+                    scroll: true
+                });
+                $("#c" + oper).data({
+                    open: false,
+                    body: {
+                        description: conf.chapters[i].description,
+                        end: conf.chapters[i].end,
+                        start: conf.chapters[i].start,
+                        title: conf.chapters[i].title,
                     }
-                };
-                return new Humane
-            });
-        },
-        jqdep = function() {
-            if (void 0 === window.jQuery) return setTimeout(jqdep, 300);
-            var b;
-            for (var a = 0; a < aftjq.length; a++) b = document.createElement("script"), b.src = aftjq[a], document.body.appendChild(b);
-            workhorse();
+                }).addClass("chap");
+            }
         };
+    },
+        dfr=function(){var t=document.createElement("script");cG.REPO.scReq.getScript=cG.agent("./"+dir+"script.json"),cG.REPO.scReq.getDecor=cG.agent("./"+tir+"decor.html"),cG.REPO.scReq.getScript.then(function(t){void 0===cG.REPO.script?cG.REPO.script={def:t}:cG.REPO.script.def=t,cG.script=cG.REPO.script.def},function(t,e){console.error(t,e.status),void 0===cG.REPO.script?cG.REPO.script={def:0}:cG.REPO.script.def=t,cG.script=cG.REPO.script.def}),cG.REPO.scReq.getDecor.then(function(t){void 0===cG.REPO.decor?cG.REPO.decor={def:t}:cG.REPO.decor.def=t,cG.decor=cG.REPO.decor.def},function(t,e){console.error(t,e.status),void 0===cG.REPO.decor?cG.REPO.decor={def:0}:cG.REPO.decor.def=0,cG.decor=cG.REPO.decor.def}),t.src=mainsrc,document.body.appendChild(t);for(var e=0;e<loadng.length;e++)t=document.createElement("script"),t.src=loadng[e],document.body.appendChild(t);jqdep(),/*! humane.js: wavded.github.com/humane-js/ (MIT) (c) Marc Harter (@wavded)*/!function(t,e,i){"undefined"!=typeof module?module.exports=i(t,e):"function"==typeof define&&"object"==typeof define.amd?define(i):e[t]=i(t,e)}("humane",this,function(){var t=window,e=document,i={on:function(e,i,s){"addEventListener"in t?e.addEventListener(i,s,!1):e.attachEvent("on"+i,s)},off:function(e,i,s){"removeEventListener"in t?e.removeEventListener(i,s,!1):e.detachEvent("on"+i,s)},bind:function(t,e){return function(){t.apply(e,arguments)}},isArray:Array.isArray||function(t){return"[object Array]"===Object.prototype.toString.call(t)},config:function(t,e){return null!=t?t:e},transSupport:!1,useFilter:/msie [678]/i.test(navigator.userAgent),_checkTransition:function(){var t=e.createElement("div"),i={webkit:"webkit",Moz:"",O:"o",ms:"MS"};for(var s in i)s+"Transition"in t.style&&(this.vendorPrefix=i[s],this.transSupport=!0)}};i._checkTransition();var s=function(e){e||(e={}),this.queue=[],this.baseCls=e.baseCls||"humane",this.addnCls=e.addnCls||"",this.timeout="timeout"in e?e.timeout:2500,this.waitForMove=e.waitForMove||!1,this.clickToClose=e.clickToClose||!1,this.timeoutAfterMove=e.timeoutAfterMove||!1,this.container=e.container;try{this._setupEl()}catch(s){i.on(t,"load",i.bind(this._setupEl,this))}};return s.prototype={constructor:s,_setupEl:function(){var t=e.createElement("div");if(t.style.display="none",!this.container){if(!e.body)throw"document.body is null";this.container=e.body}this.container.appendChild(t),this.el=t,this.removeEvent=i.bind(function(){var t=i.config(this.currentMsg.timeoutAfterMove,this.timeoutAfterMove);t?setTimeout(i.bind(this.remove,this),t):this.remove()},this),this.transEvent=i.bind(this._afterAnimation,this),this._run()},_afterTimeout:function(){i.config(this.currentMsg.waitForMove,this.waitForMove)?this.removeEventsSet||(i.on(e.body,"mousemove",this.removeEvent),i.on(e.body,"click",this.removeEvent),i.on(e.body,"keypress",this.removeEvent),i.on(e.body,"touchstart",this.removeEvent),this.removeEventsSet=!0):this.remove()},_run:function(){if(!this._animating&&this.queue.length&&this.el){this._animating=!0,this.currentTimer&&(clearTimeout(this.currentTimer),this.currentTimer=null);var t=this.queue.shift(),e=i.config(t.clickToClose,this.clickToClose);e&&(i.on(this.el,"click",this.removeEvent),i.on(this.el,"touchstart",this.removeEvent));var s=i.config(t.timeout,this.timeout);s>0&&(this.currentTimer=setTimeout(i.bind(this._afterTimeout,this),s)),i.isArray(t.html)&&(t.html="<ul><li>"+t.html.join("<li>")+"</ul>"),this.el.innerHTML=t.html,this.currentMsg=t,this.el.className=this.baseCls,i.transSupport?(this.el.style.display="block",setTimeout(i.bind(this._showMsg,this),50)):this._showMsg()}},_setOpacity:function(t){if(i.useFilter)try{this.el.filters.item("DXImageTransform.Microsoft.Alpha").Opacity=100*t}catch(e){}else this.el.style.opacity=t+""},_showMsg:function(){var t=i.config(this.currentMsg.addnCls,this.addnCls);if(i.transSupport)this.el.className=this.baseCls+" "+t+" "+this.baseCls+"-animate";else{var e=0;this.el.className=this.baseCls+" "+t+" "+this.baseCls+"-js-animate",this._setOpacity(0),this.el.style.display="block";var s=this,n=setInterval(function(){1>e?(e+=.1,e>1&&(e=1),s._setOpacity(e)):clearInterval(n)},30)}},_hideMsg:function(){var t=i.config(this.currentMsg.addnCls,this.addnCls);if(i.transSupport)this.el.className=this.baseCls+" "+t,i.on(this.el,i.vendorPrefix?i.vendorPrefix+"TransitionEnd":"transitionend",this.transEvent);else var e=1,s=this,n=setInterval(function(){e>0?(e-=.1,0>e&&(e=0),s._setOpacity(e)):(s.el.className=s.baseCls+" "+t,clearInterval(n),s._afterAnimation())},30)},_afterAnimation:function(){i.transSupport&&i.off(this.el,i.vendorPrefix?i.vendorPrefix+"TransitionEnd":"transitionend",this.transEvent),this.currentMsg.cb&&this.currentMsg.cb(),this.el.style.display="none",this._animating=!1,this._run()},remove:function(t){var s="function"==typeof t?t:null;i.off(e.body,"mousemove",this.removeEvent),i.off(e.body,"click",this.removeEvent),i.off(e.body,"keypress",this.removeEvent),i.off(e.body,"touchstart",this.removeEvent),i.off(this.el,"click",this.removeEvent),i.off(this.el,"touchstart",this.removeEvent),this.removeEventsSet=!1,s&&this.currentMsg&&(this.currentMsg.cb=s),this._animating?this._hideMsg():s&&s()},log:function(t,e,i,s){var n={};if(s)for(var r in s)n[r]=s[r];if("function"==typeof e)i=e;else if(e)for(var r in e)n[r]=e[r];return n.html=t,i&&(n.cb=i),this.queue.push(n),this._run(),this},spawn:function(t){var e=this;return function(i,s,n){return e.log.call(e,i,s,n,t),e}},create:function(t){return new s(t)}},new s})},jqdep=function(){if(void 0===window.jQuery)return setTimeout(jqdep,300);var t;/*! jquery-spoiler v1.3.0: (MIT) (c)2014 Triangle717 (http://le717.github.io) and Jarred Ballard (http://jarred.io/)*/!function(t){"use strict";"function"==typeof define&&define.amd?define(["jquery"],t):"object"==typeof exports?module.exports=t:t(jQuery)}(function(t){"use strict";t.fn.spoiler=function(e){var i=t.extend({contentClass:"spoiler-content",paddingValue:6,triggerEvents:!1,includePadding:!0,buttonActiveClass:"spoiler-active",spoilerVisibleClass:"spoiler-content-visible"},e),s="."+i.contentClass,n={};return t(s).each(function(){var e=t(this);e.css("overflow","hidden");var s=e.prop("scrollHeight");s=i.includePadding?s+parseInt(i.paddingValue,10):s;var r=e.attr("data-spoiler-link");n[r]=s+"px",e.css("height","0")}),t(this).on("click",function(){var e=t(this),r=e.attr("data-spoiler-link"),o=t(s+"[data-spoiler-link="+r+"]"),c={height:n[r]},a={height:"0"},l=o.hasClass(i.spoilerVisibleClass);o.css(l?a:c),i.triggerEvents&&e.trigger(l?"jq-spoiler-hidden":"jq-spoiler-visible"),o.toggleClass(i.spoilerVisibleClass),e.toggleClass(i.buttonActiveClass)}),this}});for(var e=0;e<aftjq.length;e++)t=document.createElement("script"),t.src=aftjq[e],document.body.appendChild(t);workhorse()};
 
-    ! function() {
+    !function() {
         return defer ? void(window.addEventListener ? window.addEventListener("load", dfr, !1) : window.attachEvent ? window.attachEvent("onload", dfr) : window.onload = dfr) : dfr()
     }();
 </script>
\ No newline at end of file
diff --git a/tools/writer.min.html b/tools/writer.min.html
index aceefd5..b142180 100644
--- a/tools/writer.min.html
+++ b/tools/writer.min.html
@@ -1 +1 @@
-<!DOCTYPE html><title id="$COMICNGWRITER$$$">Writer</title><script>var defer=!0, mainsrc="comixngn.min.js", loadng=["http://code.jquery.com/jquery-2.1.4.min.js", "https://cdnjs.cloudflare.com/ajax/libs/jszip/2.5.0/jszip.min.js"], aftjq=["http://code.jquery.com/ui/1.11.4/jquery-ui.min.js", "https://cdnjs.cloudflare.com/ajax/libs/spectrum/1.7.0/spectrum.min.js"], plugin="", dir="", tir="", $GPC=$GPC + 1 || 1, cG={agent:function(e,t){return t=new XMLHttpRequest,t.open("GET",e),e=[],t.onreadystatechange=t.then=function(n,s,a){if(n&&n.call&&(e=[,n,s]),4==t.readyState&&(a=e[0|t.status/200]))try{a(JSON.parse(t.responseText),t)}catch(c){a(t.responseText,t)}},t.send(),t},REPO:{scReq:{}}};</script><base href="/comic-ng/"><link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/spectrum/1.6.1/spectrum.min.css"><link rel="stylesheet" type="text/css" href="https://bootswatch.com/simplex/bootstrap.min.css"/><link rel="stylesheet" type="text/css" href="tools/flatty.css"/><body style="margin:4px; padding:4px"> <h1>Writer</h1> <span id=MHEAD></span> <div id="accordion"> <h3 class="button" role="button">* Settings</h3> <div> <form action="#" onsubmit=""> <table id="bodtab" border="0" style="width:100%"> <tr> <td colspan="2"> <h4 id="confhead" title="Click to toggle border">Configuration</h4> </td></tr><tr> <td title="Image directory"> <label for="dir">Directory</label> <input value="assets/" id="dir" type="text"> </td><td title="Select this if you want to continue from a previous configuration."> <label for="historian">Config File</label> <input id="historian" type="file" accept=".json"> </td></tr><tr> <td> <label for="psn_0">Page Start</label> <input type="radio" id="psn_0" name="psb" checked>0&nbsp; <input type="radio" id="psn_1" name="psb">1</td><td> <label for="csn_0">Chapter Start</label> <input type="radio" id="csn_0" name="csb" checked>0&nbsp; <input type="radio" id="csn_1" name="csb">1</td></tr><tr> <td title="How far behind images are preloaded"> <label for="prb">Pre-Buffer</label> <input type="number" value=5 id="prb" min="1" max="100"> </td><td title="How far ahead images are preloaded"> <label for="ptb">Post-Buffer</label> <input type="number" value=5 id="ptb" min="1" max="100"> </td></tr><tr> <td style="vertical-align:top" title="If there are more images in the directory than in +the configuration file, attempt to automatically add them"> <label for="pyr_0">Append on Page Mismatch</label> <input type="radio" id="pyr_0" name="pyrt" checked>On&nbsp; <input type="radio" id="pyr_1" name="pyrt">Off</td><td rowspan="2" style="vertical-align:top" title="The order in which the images should be appended"> <label for="spyr_0">Append Order</label> <input type="radio" id="spyr_0" name="spyrt" checked>Modified&nbsp; <input type="radio" id="spyr_1" name="spyrt">Name&nbsp; <input type="radio" id="spyr_2" name="spyrt">Size&nbsp; <input type="radio" id="spyr_3" name="spyrt">Type&nbsp; <br><input type="radio" id="spyro_0" name="spyrto" checked>Descending&nbsp; <input type="radio" id="spyro_1" name="spyrto">Ascending</td></tr><tr> <td title="The page that the comic loads first, either start from the beginning or the most recent"> <label for="strp_0">Start Page</label> <input type="radio" id="strp_0" name="strpa" checked>First&nbsp; <input type="radio" id="strp_1" name="strpa">Last</td></tr><tr> <td> <h4 id="CHPHEAD">Chapters</h4> <button id="add2">+</button> </td><td> <h4 id="PGEHEAD">Pages</h4> <input id="conductor" type="file" multiple> </td><tr> <td style="vertical-align:top"> <ol id="Csort" class="empty"></ol> </td><td style="vertical-align:top"> <ol id="sorted" class="empty"></ol> </td></tr></table> <input id="ExBtn" type="submit" value="Export" title="Save Settings"> </form> </div><h3 class="button" role="button">* Design</h3> <div> <p> <button id="InBtn" title="Create site template; this does not save settings it simply creates an index.html file">Site Template</button>&nbsp; <button id="DsBtn" title="Save Stage Design">Save Design</button> </p><div id class="venue"></div></div></div></body><script>var workhorse=function(){if (void 0===window.jQuery || void 0===window.jQuery.ui || void 0===humane) return setTimeout(workhorse, 300); /*var jQ=jQuery.noConflict();*/ console.log("%c %c %c comix-ngn Writer v" + cG.info.vwr + " %c \u262F %c \u00A9 2015 Oluwaseun Ogedengbe %c ", "color:white; background:#B5B5B5", "background:purple", "color:black; background:#E2E2E2", 'color:red; background:black', "color:black; background:#B5B5B5", "background:purple"); $("#CHPHEAD").data({}); $("#confhead").click(function(){if ($("#bodtab").attr("border")=="1"){$("#bodtab").attr("border", "0");}else{$("#bodtab").attr("border", "1");}}); $("#accordion").accordion({collapsible: true, heightStyle: "content"}); /*.sortable({axis: "y", handle: "h3", stop: function( event, ui ){// IE doesn't register the blur when sorting // so trigger focusout handlers to remove .ui-state-focus ui.item.children( "h3" ).triggerHandler( "focusout" ); // Refresh accordion to handle new order $( this ).accordion( "refresh" );}});*/ $("#add2").click(function(){if ($("#Csort").hasClass("empty")){$("#Csort").removeClass("empty");}var oper=$("#Csort").childElementCount; $("#Csort").append("<li id=c" + oper + ">" + "Chapter" + " <button onClick=settingsC('#c" + oper + "')>&#x2731</button><button onClick=$('#c" + oper + "').remove()>X</button> </li>").sortable({scroll: true}); $("#c" + oper).data({open: false, body:{description: "", end: 0, start: 0, title: "Chapter",}}).addClass("chap");}); $("#conductor").change(function(){if ($("#sorted").hasClass("empty")){$("#sorted").removeClass("empty");}console.log(this.files); /*$("#sorted").innerHTML="";*/ for (i=0; i < this.files.length; i++){$("#sorted").append("<li id=s" + i + ">" + this.files[i].name + " <button onClick=settingsP('#s" + i + "');>&#x2731</button><button onClick=$('#s" + i + "').remove()>X</button></li>").sortable({scroll: true}); $("#s" + i).data({open: false, body:{alt: "", hover: "", title: "", url: this.files[i].name, release: 0, note: "", perm: false,}}).addClass("page");}}); $("#historian").change(function(){delete window.confirm; if ((!$("#Csort").hasClass("empty") || !$("#sorted").hasClass("empty")) && !confirm("This will overwrite your current configuration, are you sure?")){this.files={}; return;}console.log(this.files); if (!this.files.length) return; /*$("#sorted").innerHTML="";*/ $("#sorted").textContent=""; $("#Csort").textContent=""; $.getJSON(this.files[0].name, function(conf){report(conf);});}); $("#ExBtn").click(function(){var setOBJ={config:{}, pyr:{}, chapters: [], pages: []}; /*delete window.alert; alert("Settings Configured!");*/ setOBJ.config.dir=$("#dir").val(); setOBJ.config.pagestartnum=document.getElementById("psn_1").checked; setOBJ.config.chapterstartnum=document.getElementById("csn_1").checked; setOBJ.config.startpage=document.getElementById("strp_1").checked; setOBJ.config.imgprebuffer=$("#prb").val(); setOBJ.config.imgpostbuffer=$("#ptb").val(); setOBJ.pyr.appendmismatch=document.getElementById("pyr_0").checked; if (document.getElementById("spyr_0").checked){setOBJ.pyr.appendorder=0;}else if (document.getElementById("spyr_1").checked){setOBJ.pyr.appendorder=1;}else if (document.getElementById("spyr_2").checked){setOBJ.pyr.appendorder=2;}else if (document.getElementById("spyr_3").checked){setOBJ.pyr.appendorder=3;}setOBJ.pyr.appendorderdir=document.getElementById("spyro_0").checked; for (j=0; j < document.getElementById("Csort").childElementCount; j++){setOBJ.chapters.push($(".class,li").eq(j).data().body);}for (j=0; j < document.getElementById("sorted").childElementCount; j++){setOBJ.pages.push($(".page,li").eq(j).data().body);}console.log(setOBJ); $('#setlink').remove(); var refh="<a onClick=$('#setlink').remove() id='setlink' href='data: text/json;charset=utf-8," + JSON.stringify(setOBJ, ["config", "pyr", "pages", "chapters", "dir", "startpage", "pagestartnum", "chapterstartnum", "imgprebuffer", "imgpostbuffer", "appendmismatch", "appendorder", "appendorderdir", "alt", "hover", "title", "url", "release", "note", "description", "start", "end", "title"]) + "' download='config.json' autofocus>config.json<br></a>"; console.log(refh); $(refh).appendTo("#MHEAD");}); $("#InBtn").click(function(){$('#indlink').remove(); var refh=""; console.log(refh); $(refh).appendTo("#MHEAD");}); $("#DsBtn").click(function(){$('#deslink').remove(); /*temporary, using predefined scene*/ var refh="<a onClick=$('#deslink').remove() id='deslink' href='data: text/html;charset=utf-8," + '<div style="text-align:center" ng-controller="StageDirector as scene"> <p><span id="time">{{scene.now | date:"MM/dd/yyyy @ h:mm:ss a"}}</span></p><div id="myCarousel" class="carousel slide" data-ride="" data-interval="false" data-wrap="false"> <div class="carousel-inner" role="listbox"> <div id="{{$index}}" ng-repeat="page in scene.pages" ng-hide="scene.now < page.release" class="item" ng-class="{active: $first, first: $first, last: $last}"> <h1>{{page.title}}</h1> <p><img src="{{scene.config.dir + page.url}}" title="{{page.hover}}" alt="{{page.alt}}"></p></div></div><button class="frs" id="bfrs" onclick="caruso.frst()">|<</button> <button class="frs" id="bpre" onclick="caruso.left()">< Prev</button> <button id="bran" onclick="caruso.rand()">?</button> <input id="snum" type="number" class="tiny" onkeydown="caruso.indx(this)"/> <button class="las" id="bnex" onclick="caruso.rght()">Next ></button> <button class="las" id="blas" onclick="caruso.last()">>|</button></p></div><p id="SiteNote" style="text-align:center">Images Courtesy of <a href="http://.xkcd.com/">XKCD</a></p></div>' + "' download='stage.html' autofocus>stage.html<br></a>"; console.log(refh); $(refh).appendTo("#MHEAD");}); var settingsP=function(ele){var lee=ele.substring(1); console.log(ele); console.log($(ele).data().open); if (typeof $(ele).data().body.perm==='undefined'){$(ele).data().body.perm=false;}if ($(ele).data().open){/*console.log("deleting");*/ $(ele).data().body.title=$("#TEMP_title" + lee).val(); $(ele).data().body.hover=$("#TEMP_hover" + lee).val(); $(ele).data().body.note=$("#TEMP_note" + lee).val(); $(ele).data().body.alt=$("#TEMP_alt" + lee).val(); $(ele).data().body.release=$("#TEMP_release" + lee).val(); $(ele).data().body.url=$("#TEMP_url" + lee).val(); $(ele).data().body.perm=document.getElementById("TEMP_perm" + lee).checked; $("#TEMPFORM_" + lee).remove(); /*document.getElementById(ele.substring(1)).removeChild(document.getElementById("TEMPFORM_"+ele));fallback*/ $(ele).focus(); $(ele).data().open=false; console.log($(ele).data());}else{var ischek=""; if ($(ele).data().body.perm){ischek="checked";}$(ele).append("<form id='TEMPFORM_" + lee + "' autofocus><label for='TEMP_title" + lee + "'>Title&nbsp</label><input value='" + $(ele).data().body.title + "' id='TEMP_title" + lee + "' type='text' autofocus><br><label for='TEMP_hover" + lee + "'>Hover&nbsp</label><input value='" + $(ele).data().body.hover + "' id='TEMP_hover" + lee + "' type='text' title='Text on Mouse Over'><br><label for='TEMP_note" + lee + "'>Image Info&nbsp</label><input value='" + $(ele).data().body.note + "' id='TEMP_note" + lee + "' type='text'><br><label for='TEMP_alt" + lee + "'>Alt Text&nbsp</label><input value='" + $(ele).data().body.alt + "' id='TEMP_alt" + lee + "' type='text' title='If the image fails to load this text is loaded instead'><br><label for='TEMP_release" + lee + "'>Release Date&nbsp </label><input value='" + $(ele).data().body.release + "' id='TEMP_release" + lee + "' type='number' title='When should this slide be avaliable'><br><label for='TEMP_url" + lee + "'>URL&nbsp</label><input value='" + $(ele).data().body.url + "' id='TEMP_url" + lee + "' type='text' title='Filename of the image'><br><label for='TEMP_perm" + lee + "'>Permanent&nbsp</label><input " + ischek + " id='TEMP_perm" + lee + "' type='checkbox' title='Whether the image should always be loaded'><br></form>"); $(ele).focus(); $(ele).data().open=true;}return true;}; var settingsC=function(ele){var lee=ele.substring(1); console.log(ele); console.log($(ele).data().open); if ($(ele).data().open){$(ele).data().body.description=$("#TEMP_description" + lee).val(); $(ele).data().body.end=$("#TEMP_end" + lee).val(); $(ele).data().body.start=$("#TEMP_start" + lee).val(); $(ele).data().body.title=$("#TEMP_title" + lee).val(); $("#TEMPFORM_" + lee).remove(); $(ele).focus(); $(ele).data().open=false; console.log($(ele).data());}else{$(ele).append("<form id='TEMPFORM_" + lee + "' autofocus><label for='TEMP_title" + lee + "'>Title&nbsp</label><input value='" + $(ele).data().body.title + "' id='TEMP_title" + lee + "' type='text' autofocus><br><label for='TEMP_description" + lee + "'>Description&nbsp</label><input value='" + $(ele).data().body.description + "' id='TEMP_description" + lee + "' type='text' title='Chapter description'><br><label for='TEMP_start" + lee + "'>Start&nbsp</label><input value='" + $(ele).data().body.start + "' id='TEMP_start" + lee + "' type='text' title='Starting page ID value'><br><label for='TEMP_end" + lee + "'>End&nbsp</label><input value='" + $(ele).data().body.end + "' id='TEMP_end" + lee + "' type='text' title='Ending page ID value'><br></form>"); $(ele).focus(); $(ele).data().open=true;}return true;}; var report=function(conf){document.getElementById("psn_0").checked=false; document.getElementById("psn_1").checked=false; document.getElementById("csn_0").checked=false; document.getElementById("csn_1").checked=false; document.getElementById("strp_0").checked=false; document.getElementById("strp_1").checked=false; document.getElementById("pyr_0").checked=false; document.getElementById("pyr_1").checked=false; document.getElementById("spyr_0").checked=false; document.getElementById("spyr_1").checked=false; document.getElementById("spyr_2").checked=false; document.getElementById("spyr_3").checked=false; document.getElementById("spyro_0").checked=false; document.getElementById("spyro_1").checked=false; if (typeof conf.config.startpage==='undefined'){document.getElementById("strp_0").checked=true;}else if (conf.config.startpage){document.getElementById("strp_1").checked=true;}if (typeof conf.config==='undefined'){/*config module dependency*/ /*default settings*/ $("#dir").val("assets/"); $("#prb").val("5"); $("#ptb").val("5"); document.getElementById("psn_1").checked=true; document.getElementById("csn_1").checked=true;}else{$("#dir").val(conf.config.dir); $("#prb").val(conf.config.imgprebuffer); $("#ptb").val(conf.config.imgpostbuffer); if (conf.config.pagestartnum){document.getElementById("psn_1").checked=true;}else{document.getElementById("psn_0").checked=true;}if (conf.config.chapterstartnum){document.getElementById("csn_1").checked=true;}else{document.getElementById("csn_0").checked=true;}}if (typeof conf.pyr==='undefined'){/*pyr module dependency*/ /*default settings*/ document.getElementById("pyr_0").checked=true; document.getElementById("spyr_0").checked=true; document.getElementById("spyro_0").checked=true;}else{if (conf.pyr.appendmismatch){document.getElementById("pyr_0").checked=true;}else{document.getElementById("pyr_1").checked=true;}if (conf.pyr.appendorder==0){document.getElementById("spyr_0").checked=true;}else if (conf.pyr.appendorder==1){document.getElementById("spyr_1").checked=true;}else if (conf.pyr.appendorder==2){document.getElementById("spyr_2").checked=true;}else if (conf.pyr.appendorder==3){document.getElementById("spyr_3").checked=true;}if (conf.pyr.appendorderdir){document.getElementById("spyro_0").checked=true;}else{document.getElementById("spyro_1").checked=true;}}for (i=0; i < conf.pages.length; i++){$("#sorted").append("<li id=s" + i + ">" + conf.pages[i].url + " <button onClick=settingsP('#s" + i + "');>&#x2731</button><button onClick=$('#s" + i + "').remove()>X</button></li>").sortable({scroll: true}); if (typeof conf.pages[i].perm==='undefined'){conf.pages[i].perm=false;}$("#s" + i).data({open: false, body:{alt: conf.pages[i].alt, hover: conf.pages[i].hover, title: conf.pages[i].title, url: conf.pages[i].url, release: conf.pages[i].release, note: conf.pages[i].note, perm: conf.pages[i].perm,}}).addClass("page");}for (oper=0; oper < conf.chapters.length; oper++){$("#Csort").append("<li id=c" + oper + ">" + conf.chapters[i].title + " <button onClick=settingsC('#c" + oper + "')>&#x2731</button><button onClick=$('#c" + oper + "').remove()>X</button> </li>").sortable({scroll: true}); $("#c" + oper).data({open: false, body:{description: conf.chapters[i].description, end: conf.chapters[i].end, start: conf.chapters[i].start, title: conf.chapters[i].title,}}).addClass("chap");}};}, dfr=function(){var b=document.createElement("script"); cG.REPO.scReq.getScript=cG.agent("./" + dir + "script.json"); cG.REPO.scReq.getDecor=cG.agent("./" + tir + "decor.html"); cG.REPO.scReq.getScript.then(function(a){void 0===cG.REPO.script ? cG.REPO.script={def: a}: cG.REPO.script.def=a; cG.script=cG.REPO.script.def}, function(a, b){console.error(a, b.status); void 0===cG.REPO.script ? cG.REPO.script={def: 0}: cG.REPO.script.def=a; cG.script=cG.REPO.script.def}); cG.REPO.scReq.getDecor.then(function(a){void 0===cG.REPO.decor ? cG.REPO.decor={def: a}: cG.REPO.decor.def=a; cG.decor=cG.REPO.decor.def}, function(a, b){console.error(a, b.status); void 0===cG.REPO.decor ? cG.REPO.decor={def: 0}: cG.REPO.decor.def=0; cG.decor=cG.REPO.decor.def}); b.src=mainsrc; document.body.appendChild(b); for (var a=0; a < loadng.length; a++) b=document.createElement("script"), b.src=loadng[a], document.body.appendChild(b); jqdep(); /** * humane.js * Humanized Messages for Notifications * @author Marc Harter (@wavded) * @example * humane.log('hello world'); * @license MIT * See more usage examples at: http://wavded.github.com/humane-js/ */ ! function(name, context, definition){if (typeof module !=="undefined") module.exports=definition(name, context); else if (typeof define==="function" && typeof define.amd==="object") define(definition); else context[name]=definition(name, context)}("humane", this, function(name, context){var win=window; var doc=document; var ENV={on: function(el, type, cb){"addEventListener" in win ? el.addEventListener(type, cb, false) : el.attachEvent("on" + type, cb)}, off: function(el, type, cb){"removeEventListener" in win ? el.removeEventListener(type, cb, false) : el.detachEvent("on" + type, cb)}, bind: function(fn, ctx){return function(){fn.apply(ctx, arguments)}}, isArray: Array.isArray || function(obj){return Object.prototype.toString.call(obj)==="[object Array]"}, config: function(preferred, fallback){return preferred !=null ? preferred : fallback}, transSupport: false, useFilter: /msie [678]/i.test(navigator.userAgent), _checkTransition: function(){var el=doc.createElement("div"); var vendors={webkit: "webkit", Moz: "", O: "o", ms: "MS"}; for (var vendor in vendors) if (vendor + "Transition" in el.style){this.vendorPrefix=vendors[vendor]; this.transSupport=true}}}; ENV._checkTransition(); var Humane=function(o){o || (o={}); this.queue=[]; this.baseCls=o.baseCls || "humane"; this.addnCls=o.addnCls || ""; this.timeout="timeout" in o ? o.timeout : 2500; this.waitForMove=o.waitForMove || false; this.clickToClose=o.clickToClose || false; this.timeoutAfterMove=o.timeoutAfterMove || false; this.container=o.container; try{this._setupEl()}catch (e){ENV.on(win, "load", ENV.bind(this._setupEl, this))}}; Humane.prototype={constructor: Humane, _setupEl: function(){var el=doc.createElement("div"); el.style.display="none"; if (!this.container){if (doc.body) this.container=doc.body; else throw "document.body is null"}this.container.appendChild(el); this.el=el; this.removeEvent=ENV.bind(function(){var timeoutAfterMove=ENV.config(this.currentMsg.timeoutAfterMove, this.timeoutAfterMove); if (!timeoutAfterMove){this.remove()}else{setTimeout(ENV.bind(this.remove, this), timeoutAfterMove)}}, this); this.transEvent=ENV.bind(this._afterAnimation, this); this._run()}, _afterTimeout: function(){if (!ENV.config(this.currentMsg.waitForMove, this.waitForMove)) this.remove(); else if (!this.removeEventsSet){ENV.on(doc.body, "mousemove", this.removeEvent); ENV.on(doc.body, "click", this.removeEvent); ENV.on(doc.body, "keypress", this.removeEvent); ENV.on(doc.body, "touchstart", this.removeEvent); this.removeEventsSet=true}}, _run: function(){if (this._animating || !this.queue.length || !this.el) return; this._animating=true; if (this.currentTimer){clearTimeout(this.currentTimer); this.currentTimer=null}var msg=this.queue.shift(); var clickToClose=ENV.config(msg.clickToClose, this.clickToClose); if (clickToClose){ENV.on(this.el, "click", this.removeEvent); ENV.on(this.el, "touchstart", this.removeEvent)}var timeout=ENV.config(msg.timeout, this.timeout); if (timeout > 0) this.currentTimer=setTimeout(ENV.bind(this._afterTimeout, this), timeout); if (ENV.isArray(msg.html)) msg.html="<ul><li>" + msg.html.join("<li>") + "</ul>"; this.el.innerHTML=msg.html; this.currentMsg=msg; this.el.className=this.baseCls; if (ENV.transSupport){this.el.style.display="block"; setTimeout(ENV.bind(this._showMsg, this), 50)}else{this._showMsg()}}, _setOpacity: function(opacity){if (ENV.useFilter){try{this.el.filters.item("DXImageTransform.Microsoft.Alpha").Opacity=opacity * 100}catch (err){}}else{this.el.style.opacity=String(opacity)}}, _showMsg: function(){var addnCls=ENV.config(this.currentMsg.addnCls, this.addnCls); if (ENV.transSupport){this.el.className=this.baseCls + " " + addnCls + " " + this.baseCls + "-animate"}else{var opacity=0; this.el.className=this.baseCls + " " + addnCls + " " + this.baseCls + "-js-animate"; this._setOpacity(0); this.el.style.display="block"; var self=this; var interval=setInterval(function(){if (opacity < 1){opacity +=.1; if (opacity > 1) opacity=1; self._setOpacity(opacity)}else clearInterval(interval)}, 30)}}, _hideMsg: function(){var addnCls=ENV.config(this.currentMsg.addnCls, this.addnCls); if (ENV.transSupport){this.el.className=this.baseCls + " " + addnCls; ENV.on(this.el, ENV.vendorPrefix ? ENV.vendorPrefix + "TransitionEnd" : "transitionend", this.transEvent)}else{var opacity=1; var self=this; var interval=setInterval(function(){if (opacity > 0){opacity -=.1; if (opacity < 0) opacity=0; self._setOpacity(opacity)}else{self.el.className=self.baseCls + " " + addnCls; clearInterval(interval); self._afterAnimation()}}, 30)}}, _afterAnimation: function(){if (ENV.transSupport) ENV.off(this.el, ENV.vendorPrefix ? ENV.vendorPrefix + "TransitionEnd" : "transitionend", this.transEvent); if (this.currentMsg.cb) this.currentMsg.cb(); this.el.style.display="none"; this._animating=false; this._run()}, remove: function(e){var cb=typeof e=="function" ? e : null; ENV.off(doc.body, "mousemove", this.removeEvent); ENV.off(doc.body, "click", this.removeEvent); ENV.off(doc.body, "keypress", this.removeEvent); ENV.off(doc.body, "touchstart", this.removeEvent); ENV.off(this.el, "click", this.removeEvent); ENV.off(this.el, "touchstart", this.removeEvent); this.removeEventsSet=false; if (cb && this.currentMsg) this.currentMsg.cb=cb; if (this._animating) this._hideMsg(); else if (cb) cb()}, log: function(html, o, cb, defaults){var msg={}; if (defaults) for (var opt in defaults) msg[opt]=defaults[opt]; if (typeof o=="function") cb=o; else if (o) for (var opt in o) msg[opt]=o[opt]; msg.html=html; if (cb) msg.cb=cb; this.queue.push(msg); this._run(); return this}, spawn: function(defaults){var self=this; return function(html, o, cb){self.log.call(self, html, o, cb, defaults); return self}}, create: function(o){return new Humane(o)}}; return new Humane});}, jqdep=function(){if (void 0===window.jQuery) return setTimeout(jqdep, 300); var b; for (var a=0; a < aftjq.length; a++) b=document.createElement("script"), b.src=aftjq[a], document.body.appendChild(b); workhorse();}; ! function(){return defer ? void(window.addEventListener ? window.addEventListener("load", dfr, !1) : window.attachEvent ? window.attachEvent("onload", dfr) : window.onload=dfr) : dfr()}();</script>
\ No newline at end of file
+<!DOCTYPE html><title id="$COMICNGWRITER$$$">Writer</title><script>var defer=!0, mainsrc="comixngn.min.js", loadng=["http://code.jquery.com/jquery-2.1.4.min.js", "https://cdnjs.cloudflare.com/ajax/libs/jszip/2.5.0/jszip.min.js"], aftjq=["http://code.jquery.com/ui/1.11.4/jquery-ui.min.js", "https://cdnjs.cloudflare.com/ajax/libs/spectrum/1.7.0/spectrum.min.js"], plugin="", dir="", tir="", $GPC=$GPC + 1 || 1, cG={agent:function(e,t){return t=new XMLHttpRequest,t.open("GET",e),e=[],t.onreadystatechange=t.then=function(n,s,a){if(n&&n.call&&(e=[,n,s]),4==t.readyState&&(a=e[0|t.status/200]))try{a(JSON.parse(t.responseText),t)}catch(c){a(t.responseText,t)}},t.send(),t},REPO:{scReq:{}}};</script><base href="/comic-ng/"><link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/spectrum/1.6.1/spectrum.min.css"><link rel="stylesheet" type="text/css" href="https://bootswatch.com/simplex/bootstrap.min.css"/><link rel="stylesheet" type="text/css" href="tools/flatty.css"/><body style="margin:4px; padding:4px"> <h1>Writer</h1> <span id=MHEAD></span> <div id="accordion"> <h3 class="button" role="button">* Settings</h3> <div> <form action="#" onsubmit=""> <table id="bodtab" border="0" style="width:100%"> <tr> <td colspan="2"> <h4 id="confhead" title="Click to toggle border">Configuration</h4> </td></tr><tr> <td title="Image directory"> <label for="dir">Directory</label> <input value="assets/" id="dir" type="text"> </td><td title="Select this if you want to continue from a previous configuration."> <label for="historian">Config File</label> <input id="historian" type="file" accept=".json" style="display: inline;"> </td></tr><tr> <td> <label for="psn_0">Page Start</label> <input type="radio" id="psn_0" name="psb" checked>0&nbsp; <input type="radio" id="psn_1" name="psb">1</td><td> <label for="csn_0">Chapter Start</label> <input type="radio" id="csn_0" name="csb" checked>0&nbsp; <input type="radio" id="csn_1" name="csb">1</td></tr><tr> <td title="How far behind images are preloaded"> <label for="prb">Pre-Buffer</label> <input type="number" value=5 id="prb" min="1" max="100"> </td><td title="How far ahead images are preloaded"> <label for="ptb">Post-Buffer</label> <input type="number" value=5 id="ptb" min="1" max="100"> </td></tr><tr> <td style="vertical-align:top" title="If there are more images in the directory than in +the configuration file, attempt to automatically add them"> <label for="pyr_0">Append on Page Mismatch</label> <input type="radio" id="pyr_0" name="pyrt" checked>On&nbsp; <input type="radio" id="pyr_1" name="pyrt">Off</td><td rowspan="2" style="vertical-align:top" title="The order in which the images should be appended"> <label for="spyr_0">Append Order</label> <input type="radio" id="spyr_0" name="spyrt" checked>Modified&nbsp; <input type="radio" id="spyr_1" name="spyrt">Name&nbsp; <input type="radio" id="spyr_2" name="spyrt">Size&nbsp; <input type="radio" id="spyr_3" name="spyrt">Type&nbsp; <br><input type="radio" id="spyro_0" name="spyrto" checked>Descending&nbsp; <input type="radio" id="spyro_1" name="spyrto">Ascending</td></tr><tr> <td title="The page that the comic loads first, either start from the beginning or the most recent"> <label for="strp_0">Start Page</label> <input type="number" id="strp_0" name="strpa" min="0"></td></tr><tr> <td title="Background color of webcomic"> <label for="back_total">Background: </label> <input id="back_color" style="visibility: hidden;"></td></tr><tr> <td colspan="8"> <div class="spoiler" data-spoiler-link="1">Loading Spinner</div><div class="spoiler-content" data-spoiler-link="1"> <table> <tr> <td> <label for="wid">Width</label> <input style="width:50px;" type="number" value=250 id="hgt" min="1"> <label for="hgt">Height</label> <input style="width:50px;" type="number" value=250 id="hgt" min="1"></td><td rowspan="8"><canvas id="custom_spin" class="center"></canvas></td></tr><tr> <td> <label for="wid">Lines: </label> <input style="width:50px;" type="number" value=16 id="lin" min="1"> <label for="rat">Rate(ms): </label> <input style="width:50px;" type="number" value=33.333333333333336 id="rat" min="1"> </td></tr><tr> <td> <label for="xpose">X-pos</label> <input style="width:50px;" type="number" value=0.5 id="xpose" min="0" max="1"> <label for="ypose">Y-pos</label> <input style="width:50px;" type="number" value=0.5 id="ypose" min="0" max="1"> </td></tr><tr> <td> <label for="back_load">Background: </label> <input id="back_load"> <label for="color_load">Color: </label> <input id="color_load"> </td></tr></table></div></td></tr><tr> <td> <h4 id="CHPHEAD">Chapters</h4> <button id="add2">+</button> </td><td> <h4 id="PGEHEAD">Pages</h4> <input id="conductor" type="file" multiple> </td><tr> <td style="vertical-align:top"> <ol id="Csort" class="empty"></ol> </td><td style="vertical-align:top"> <ol id="sorted" class="empty"></ol> </td></tr></table> <input id="ExBtn" type="submit" value="Export" title="Save Settings"> </form> </div><h3 class="button" role="button">* Design</h3> <div id="design_contain"> <p> <button id="InBtn" title="Create site template; this does not save settings it simply creates an index.html file">Site Template</button>&nbsp; <button id="DsBtn" title="Save Stage Design">Save Design</button> </p><div id class="venue"></div></div></div></body><script>var workhorse=function(){if (void 0===window.jQuery || void 0===window.jQuery.ui || void 0===humane) return setTimeout(workhorse, 300); /*var jQ=jQuery.noConflict();*/ console.log("%c %c %c comix-ngn Writer v" + cG.info.vwr + " %c \u262F %c \u00A9 2015 Oluwaseun Ogedengbe %c ", "color:white; background:#B5B5B5", "background:purple", "color:black; background:#E2E2E2", 'color:red; background:black', "color:black; background:#B5B5B5", "background:purple"); var spin={start: Date.now(), lines:16, acH: 150, lines: 16, rate: 33.333333333333336, cW: 250, acW: 250, xpos: 0.5, ypos: 0.5, back:"#fff", color:"#373737", context: document.getElementById("custom_spin").getContext("2d")}, fspin=function(){$("#custom_spin").css("background",spin.back); var rotation=Math.floor(((Date.now() - spin.start) / 1000) * spin.lines)/spin.lines, c=spin.color.substr(1); spin.context.save(); spin.context.clearRect(0, 0, spin.acW, spin.acH); spin.context.translate(spin.acW /2, spin.acH /2); spin.context.rotate(Math.PI * 2 * rotation); if(c.length==3) c=c[0]+C[0]+c[1]+c[1]+c[2]+c[2]; var red=parseInt(c.substr(0,2),16).toString(), green=parseInt(c.substr(2,2),16).toString(), blue=parseInt(c.substr(4,2),16).toString(); for (var i=0; i < spin.lines; i++){spin.context.beginPath(); spin.context.rotate(Math.PI * 2 / spin.lines); spin.context.moveTo(spin.cW / 10, 0); spin.context.lineTo(spin.cW / 4, 0); spin.context.lineWidth=spin.cW / 30; spin.context.strokeStyle="rgba("+red+","+green+","+blue+"," + i / spin.lines + ")"; spin.context.stroke();}spin.context.restore(); window.setTimeout(fspin, spin.rate);}$("#CHPHEAD").data({}); $("#confhead").click(function(){if ($("#bodtab").attr("border")=="1"){$("#bodtab").attr("border", "0");}else{$("#bodtab").attr("border", "1");}}); $("#accordion").accordion({collapsible: true, heightStyle: "content"}); /*.sortable({axis: "y", handle: "h3", stop: function( event, ui ){// IE doesn't register the blur when sorting // so trigger focusout handlers to remove .ui-state-focus ui.item.children( "h3" ).triggerHandler( "focusout" ); // Refresh accordion to handle new order $( this ).accordion( "refresh" );}});*/ $("#back_color").spectrum({color: "#fff", change: function(color){}}).css("visibility", "visible" ); $("#color_load").spectrum({color: "#373737", change: function(color){spin.color=color.toHexString();}}); $("#back_load").spectrum({color: "#fff", change: function(color){spin.back=color.toHexString();}}); $(".spoiler").spoiler(); window.setTimeout(fspin, spin.rate); var spinsetchange=function(){spin.lines=$("#lin").val(); spin.rate=$("#rat").val();/* //spin.cW=$("#back_load").val(); //spin.acW=$("#back_load").val();*/ spin.xpos=$("#xpose").val(); spin.ypos=$("#ypose").val();}$("#lin").change(spinsetchange); $("#rat").change(spinsetchange);/* //spin.cW=$("#back_load").val(); //spin.acW=$("#back_load").val();*/ $("#xpose").change(spinsetchange); $("#ypose").change(spinsetchange); $("#back_load").change(spinsetchange); $("#color_load").change(spinsetchange);/* $(".spoiler-content").show(); $("#design_contain").show();*/ $("#add2").click(function(){if ($("#Csort").hasClass("empty")){$("#Csort").removeClass("empty");}var oper=$("#Csort").childElementCount; $("#Csort").append("<li id=c" + oper + ">" + "Chapter" + " <button onClick=settingsC('#c" + oper + "')>&#x2731</button><button onClick=$('#c" + oper + "').remove()>X</button> </li>").sortable({scroll: true}); $("#c" + oper).data({open: false, body:{description: "", end: 0, start: 0, title: "Chapter",}}).addClass("chap");}); $("#conductor").change(function(){if ($("#sorted").hasClass("empty")){$("#sorted").removeClass("empty");}console.log(this.files); /*$("#sorted").innerHTML="";*/ for (i=0; i < this.files.length; i++){$("#sorted").append("<li id=s" + i + ">" + this.files[i].name + " <button onClick=settingsP('#s" + i + "');>&#x2731</button><button onClick=$('#s" + i + "').remove()>X</button></li>").sortable({scroll: true}); $("#s" + i).data({open: false, body:{alt: "", hover: "", title: "", url: [this.files[i].name], release: 0, note: "", perm: false, anim8: false,}}).addClass("page");}}); $("#historian").change(function(){delete window.confirm; if ((!$("#Csort").hasClass("empty") || !$("#sorted").hasClass("empty")) && !confirm("This will overwrite your current configuration, are you sure?")){this.files={}; return;}console.log(this.files); if (!this.files.length) return; /*$("#sorted").innerHTML="";*/ $("#sorted").textContent=""; $("#Csort").textContent=""; $.getJSON(this.files[0].name, function(conf){report(conf);});}); $("#ExBtn").click(function(){var setOBJ={config:{}, pyr:{}, chapters: [], pages: []}; /*delete window.alert; alert("Settings Configured!");*/ setOBJ.config.dir=$("#dir").val(); setOBJ.config.pagestartnum=document.getElementById("psn_1").checked; setOBJ.config.chapterstartnum=document.getElementById("csn_1").checked; setOBJ.config.startpage=document.getElementById("strp_1").checked; setOBJ.config.imgprebuffer=$("#prb").val(); setOBJ.config.imgpostbuffer=$("#ptb").val(); setOBJ.pyr.appendmismatch=document.getElementById("pyr_0").checked; if (document.getElementById("spyr_0").checked){setOBJ.pyr.appendorder=0;}else if (document.getElementById("spyr_1").checked){setOBJ.pyr.appendorder=1;}else if (document.getElementById("spyr_2").checked){setOBJ.pyr.appendorder=2;}else if (document.getElementById("spyr_3").checked){setOBJ.pyr.appendorder=3;}setOBJ.pyr.appendorderdir=document.getElementById("spyro_0").checked; for (j=0; j < document.getElementById("Csort").childElementCount; j++){setOBJ.chapters.push($(".class,li").eq(j).data().body);}for (j=0; j < document.getElementById("sorted").childElementCount; j++){setOBJ.pages.push($(".page,li").eq(j).data().body);}console.log(setOBJ); $('#setlink').remove(); var refh="<a onClick=$('#setlink').remove() id='setlink' href='data: text/json;charset=utf-8," + JSON.stringify(setOBJ, ["config", "pyr", "pages", "chapters", "dir", "startpage", "pagestartnum", "chapterstartnum", "imgprebuffer", "imgpostbuffer", "appendmismatch", "appendorder", "appendorderdir", "alt", "hover", "title", "url", "release", "note", "description", "start", "end", "title"]) + "' download='config.json' autofocus>config.json<br></a>"; console.log(refh); $(refh).appendTo("#MHEAD");}); $("#InBtn").click(function(){$('#indlink').remove(); var refh=""; console.log(refh); $(refh).appendTo("#MHEAD");}); $("#DsBtn").click(function(){$('#deslink').remove(); /*temporary, using predefined scene*/ var refh="<a onClick=$('#deslink').remove() id='deslink' href='data: text/html;charset=utf-8," + '<div style="text-align:center" ng-controller="StageDirector as scene"> <p><span id="time">{{scene.now | date:"MM/dd/yyyy @ h:mm:ss a"}}</span></p><div id="myCarousel" class="carousel slide" data-ride="" data-interval="false" data-wrap="false"> <div class="carousel-inner" role="listbox"> <div id="{{$index}}" ng-repeat="page in scene.pages" ng-hide="scene.now < page.release" class="item" ng-class="{active: $first, first: $first, last: $last}"> <h1>{{page.title}}</h1> <p><img src="{{scene.config.dir + page.url}}" title="{{page.hover}}" alt="{{page.alt}}"></p></div></div><button class="frs" id="bfrs" onclick="caruso.frst()">|<</button> <button class="frs" id="bpre" onclick="caruso.left()">< Prev</button> <button id="bran" onclick="caruso.rand()">?</button> <input id="snum" type="number" class="tiny" onkeydown="caruso.indx(this)"/> <button class="las" id="bnex" onclick="caruso.rght()">Next ></button> <button class="las" id="blas" onclick="caruso.last()">>|</button></p></div><p id="SiteNote" style="text-align:center">Images Courtesy of <a href="http://.xkcd.com/">XKCD</a></p></div>' + "' download='stage.html' autofocus>stage.html<br></a>"; console.log(refh); $(refh).appendTo("#MHEAD");}); var settingsP=function(ele){var lee=ele.substring(1); console.log(ele); console.log($(ele).data().open); if (typeof $(ele).data().body.perm==='undefined'){$(ele).data().body.perm=false;}if ($(ele).data().open){/*console.log("deleting");*/ $(ele).data().body.title=$("#TEMP_title" + lee).val(); $(ele).data().body.hover=$("#TEMP_hover" + lee).val(); $(ele).data().body.note=$("#TEMP_note" + lee).val(); $(ele).data().body.alt=$("#TEMP_alt" + lee).val(); $(ele).data().body.release=$("#TEMP_release" + lee).val(); $(ele).data().body.url=$("#TEMP_url" + lee).val(); $(ele).data().body.perm=document.getElementById("TEMP_perm" + lee).checked; $("#TEMPFORM_" + lee).remove(); /*document.getElementById(ele.substring(1)).removeChild(document.getElementById("TEMPFORM_"+ele));fallback*/ $(ele).focus(); $(ele).data().open=false; console.log($(ele).data());}else{var ischek=""; if ($(ele).data().body.perm){ischek="checked";}$(ele).append("<form id='TEMPFORM_" + lee + "' autofocus><label for='TEMP_title" + lee + "'>Title&nbsp</label><input value='" + $(ele).data().body.title + "' id='TEMP_title" + lee + "' type='text' autofocus><br><label for='TEMP_hover" + lee + "'>Hover&nbsp</label><input value='" + $(ele).data().body.hover + "' id='TEMP_hover" + lee + "' type='text' title='Text on Mouse Over'><br><label for='TEMP_note" + lee + "'>Image Info&nbsp</label><input value='" + $(ele).data().body.note + "' id='TEMP_note" + lee + "' type='text'><br><label for='TEMP_alt" + lee + "'>Alt Text&nbsp</label><input value='" + $(ele).data().body.alt + "' id='TEMP_alt" + lee + "' type='text' title='If the image fails to load this text is loaded instead'><br><label for='TEMP_release" + lee + "'>Release Date&nbsp </label><input value='" + $(ele).data().body.release + "' id='TEMP_release" + lee + "' type='number' title='When should this slide be avaliable'><br><label for='TEMP_url" + lee + "'>URL&nbsp</label><input value='" + $(ele).data().body.url + "' id='TEMP_url" + lee + "' type='text' title='Filename of the image'><br><label for='TEMP_perm" + lee + "'>Permanent&nbsp</label><input " + ischek + " id='TEMP_perm" + lee + "' type='checkbox' title='Whether the image should always be loaded'><br></form>"); $(ele).focus(); $(ele).data().open=true;}return true;}; var settingsC=function(ele){var lee=ele.substring(1); console.log(ele); console.log($(ele).data().open); if ($(ele).data().open){$(ele).data().body.description=$("#TEMP_description" + lee).val(); $(ele).data().body.end=$("#TEMP_end" + lee).val(); $(ele).data().body.start=$("#TEMP_start" + lee).val(); $(ele).data().body.title=$("#TEMP_title" + lee).val(); $("#TEMPFORM_" + lee).remove(); $(ele).focus(); $(ele).data().open=false; console.log($(ele).data());}else{$(ele).append("<form id='TEMPFORM_" + lee + "' autofocus><label for='TEMP_title" + lee + "'>Title&nbsp</label><input value='" + $(ele).data().body.title + "' id='TEMP_title" + lee + "' type='text' autofocus><br><label for='TEMP_description" + lee + "'>Description&nbsp</label><input value='" + $(ele).data().body.description + "' id='TEMP_description" + lee + "' type='text' title='Chapter description'><br><label for='TEMP_start" + lee + "'>Start&nbsp</label><input value='" + $(ele).data().body.start + "' id='TEMP_start" + lee + "' type='text' title='Starting page ID value'><br><label for='TEMP_end" + lee + "'>End&nbsp</label><input value='" + $(ele).data().body.end + "' id='TEMP_end" + lee + "' type='text' title='Ending page ID value'><br></form>"); $(ele).focus(); $(ele).data().open=true;}return true;}; var report=function(conf){document.getElementById("psn_0").checked=false; document.getElementById("psn_1").checked=false; document.getElementById("csn_0").checked=false; document.getElementById("csn_1").checked=false; document.getElementById("strp_0").checked=false; document.getElementById("strp_1").checked=false; document.getElementById("pyr_0").checked=false; document.getElementById("pyr_1").checked=false; document.getElementById("spyr_0").checked=false; document.getElementById("spyr_1").checked=false; document.getElementById("spyr_2").checked=false; document.getElementById("spyr_3").checked=false; document.getElementById("spyro_0").checked=false; document.getElementById("spyro_1").checked=false; if (typeof conf.config.startpage==='undefined'){document.getElementById("strp_0").checked=true;}else if (conf.config.startpage){document.getElementById("strp_1").checked=true;}if (typeof conf.config==='undefined'){/*config module dependency*/ /*default settings*/ $("#dir").val("assets/"); $("#prb").val("5"); $("#ptb").val("5"); document.getElementById("psn_1").checked=true; document.getElementById("csn_1").checked=true;}else{$("#dir").val(conf.config.dir); $("#prb").val(conf.config.imgprebuffer); $("#ptb").val(conf.config.imgpostbuffer); if (conf.config.pagestartnum){document.getElementById("psn_1").checked=true;}else{document.getElementById("psn_0").checked=true;}if (conf.config.chapterstartnum){document.getElementById("csn_1").checked=true;}else{document.getElementById("csn_0").checked=true;}}if (typeof conf.pyr==='undefined'){/*pyr module dependency*/ /*default settings*/ document.getElementById("pyr_0").checked=true; document.getElementById("spyr_0").checked=true; document.getElementById("spyro_0").checked=true;}else{if (conf.pyr.appendmismatch){document.getElementById("pyr_0").checked=true;}else{document.getElementById("pyr_1").checked=true;}if (conf.pyr.appendorder==0){document.getElementById("spyr_0").checked=true;}else if (conf.pyr.appendorder==1){document.getElementById("spyr_1").checked=true;}else if (conf.pyr.appendorder==2){document.getElementById("spyr_2").checked=true;}else if (conf.pyr.appendorder==3){document.getElementById("spyr_3").checked=true;}if (conf.pyr.appendorderdir){document.getElementById("spyro_0").checked=true;}else{document.getElementById("spyro_1").checked=true;}}for (i=0; i < conf.pages.length; i++){$("#sorted").append("<li id=s" + i + ">" + conf.pages[i].url + " <button onClick=settingsP('#s" + i + "');>&#x2731</button><button onClick=$('#s" + i + "').remove()>X</button></li>").sortable({scroll: true}); if (typeof conf.pages[i].perm==='undefined'){conf.pages[i].perm=false;}$("#s" + i).data({open: false, body:{alt: conf.pages[i].alt, hover: conf.pages[i].hover, title: conf.pages[i].title, url: conf.pages[i].url, release: conf.pages[i].release, note: conf.pages[i].note, perm: conf.pages[i].perm,}}).addClass("page");}for (oper=0; oper < conf.chapters.length; oper++){$("#Csort").append("<li id=c" + oper + ">" + conf.chapters[i].title + " <button onClick=settingsC('#c" + oper + "')>&#x2731</button><button onClick=$('#c" + oper + "').remove()>X</button> </li>").sortable({scroll: true}); $("#c" + oper).data({open: false, body:{description: conf.chapters[i].description, end: conf.chapters[i].end, start: conf.chapters[i].start, title: conf.chapters[i].title,}}).addClass("chap");}};}, dfr=function(){var t=document.createElement("script");cG.REPO.scReq.getScript=cG.agent("./"+dir+"script.json"),cG.REPO.scReq.getDecor=cG.agent("./"+tir+"decor.html"),cG.REPO.scReq.getScript.then(function(t){void 0===cG.REPO.script?cG.REPO.script={def:t}:cG.REPO.script.def=t,cG.script=cG.REPO.script.def},function(t,e){console.error(t,e.status),void 0===cG.REPO.script?cG.REPO.script={def:0}:cG.REPO.script.def=t,cG.script=cG.REPO.script.def}),cG.REPO.scReq.getDecor.then(function(t){void 0===cG.REPO.decor?cG.REPO.decor={def:t}:cG.REPO.decor.def=t,cG.decor=cG.REPO.decor.def},function(t,e){console.error(t,e.status),void 0===cG.REPO.decor?cG.REPO.decor={def:0}:cG.REPO.decor.def=0,cG.decor=cG.REPO.decor.def}),t.src=mainsrc,document.body.appendChild(t);for(var e=0;e<loadng.length;e++)t=document.createElement("script"),t.src=loadng[e],document.body.appendChild(t);jqdep(),/*! humane.js: wavded.github.com/humane-js/ (MIT) (c) Marc Harter (@wavded)*/!function(t,e,i){"undefined"!=typeof module?module.exports=i(t,e):"function"==typeof define&&"object"==typeof define.amd?define(i):e[t]=i(t,e)}("humane",this,function(){var t=window,e=document,i={on:function(e,i,s){"addEventListener"in t?e.addEventListener(i,s,!1):e.attachEvent("on"+i,s)},off:function(e,i,s){"removeEventListener"in t?e.removeEventListener(i,s,!1):e.detachEvent("on"+i,s)},bind:function(t,e){return function(){t.apply(e,arguments)}},isArray:Array.isArray||function(t){return"[object Array]"===Object.prototype.toString.call(t)},config:function(t,e){return null!=t?t:e},transSupport:!1,useFilter:/msie [678]/i.test(navigator.userAgent),_checkTransition:function(){var t=e.createElement("div"),i={webkit:"webkit",Moz:"",O:"o",ms:"MS"};for(var s in i)s+"Transition"in t.style&&(this.vendorPrefix=i[s],this.transSupport=!0)}};i._checkTransition();var s=function(e){e||(e={}),this.queue=[],this.baseCls=e.baseCls||"humane",this.addnCls=e.addnCls||"",this.timeout="timeout"in e?e.timeout:2500,this.waitForMove=e.waitForMove||!1,this.clickToClose=e.clickToClose||!1,this.timeoutAfterMove=e.timeoutAfterMove||!1,this.container=e.container;try{this._setupEl()}catch(s){i.on(t,"load",i.bind(this._setupEl,this))}};return s.prototype={constructor:s,_setupEl:function(){var t=e.createElement("div");if(t.style.display="none",!this.container){if(!e.body)throw"document.body is null";this.container=e.body}this.container.appendChild(t),this.el=t,this.removeEvent=i.bind(function(){var t=i.config(this.currentMsg.timeoutAfterMove,this.timeoutAfterMove);t?setTimeout(i.bind(this.remove,this),t):this.remove()},this),this.transEvent=i.bind(this._afterAnimation,this),this._run()},_afterTimeout:function(){i.config(this.currentMsg.waitForMove,this.waitForMove)?this.removeEventsSet||(i.on(e.body,"mousemove",this.removeEvent),i.on(e.body,"click",this.removeEvent),i.on(e.body,"keypress",this.removeEvent),i.on(e.body,"touchstart",this.removeEvent),this.removeEventsSet=!0):this.remove()},_run:function(){if(!this._animating&&this.queue.length&&this.el){this._animating=!0,this.currentTimer&&(clearTimeout(this.currentTimer),this.currentTimer=null);var t=this.queue.shift(),e=i.config(t.clickToClose,this.clickToClose);e&&(i.on(this.el,"click",this.removeEvent),i.on(this.el,"touchstart",this.removeEvent));var s=i.config(t.timeout,this.timeout);s>0&&(this.currentTimer=setTimeout(i.bind(this._afterTimeout,this),s)),i.isArray(t.html)&&(t.html="<ul><li>"+t.html.join("<li>")+"</ul>"),this.el.innerHTML=t.html,this.currentMsg=t,this.el.className=this.baseCls,i.transSupport?(this.el.style.display="block",setTimeout(i.bind(this._showMsg,this),50)):this._showMsg()}},_setOpacity:function(t){if(i.useFilter)try{this.el.filters.item("DXImageTransform.Microsoft.Alpha").Opacity=100*t}catch(e){}else this.el.style.opacity=t+""},_showMsg:function(){var t=i.config(this.currentMsg.addnCls,this.addnCls);if(i.transSupport)this.el.className=this.baseCls+" "+t+" "+this.baseCls+"-animate";else{var e=0;this.el.className=this.baseCls+" "+t+" "+this.baseCls+"-js-animate",this._setOpacity(0),this.el.style.display="block";var s=this,n=setInterval(function(){1>e?(e+=.1,e>1&&(e=1),s._setOpacity(e)):clearInterval(n)},30)}},_hideMsg:function(){var t=i.config(this.currentMsg.addnCls,this.addnCls);if(i.transSupport)this.el.className=this.baseCls+" "+t,i.on(this.el,i.vendorPrefix?i.vendorPrefix+"TransitionEnd":"transitionend",this.transEvent);else var e=1,s=this,n=setInterval(function(){e>0?(e-=.1,0>e&&(e=0),s._setOpacity(e)):(s.el.className=s.baseCls+" "+t,clearInterval(n),s._afterAnimation())},30)},_afterAnimation:function(){i.transSupport&&i.off(this.el,i.vendorPrefix?i.vendorPrefix+"TransitionEnd":"transitionend",this.transEvent),this.currentMsg.cb&&this.currentMsg.cb(),this.el.style.display="none",this._animating=!1,this._run()},remove:function(t){var s="function"==typeof t?t:null;i.off(e.body,"mousemove",this.removeEvent),i.off(e.body,"click",this.removeEvent),i.off(e.body,"keypress",this.removeEvent),i.off(e.body,"touchstart",this.removeEvent),i.off(this.el,"click",this.removeEvent),i.off(this.el,"touchstart",this.removeEvent),this.removeEventsSet=!1,s&&this.currentMsg&&(this.currentMsg.cb=s),this._animating?this._hideMsg():s&&s()},log:function(t,e,i,s){var n={};if(s)for(var r in s)n[r]=s[r];if("function"==typeof e)i=e;else if(e)for(var r in e)n[r]=e[r];return n.html=t,i&&(n.cb=i),this.queue.push(n),this._run(),this},spawn:function(t){var e=this;return function(i,s,n){return e.log.call(e,i,s,n,t),e}},create:function(t){return new s(t)}},new s})},jqdep=function(){if(void 0===window.jQuery)return setTimeout(jqdep,300);var t;/*! jquery-spoiler v1.3.0: (MIT) (c)2014 Triangle717 (http://le717.github.io) and Jarred Ballard (http://jarred.io/)*/!function(t){"use strict";"function"==typeof define&&define.amd?define(["jquery"],t):"object"==typeof exports?module.exports=t:t(jQuery)}(function(t){"use strict";t.fn.spoiler=function(e){var i=t.extend({contentClass:"spoiler-content",paddingValue:6,triggerEvents:!1,includePadding:!0,buttonActiveClass:"spoiler-active",spoilerVisibleClass:"spoiler-content-visible"},e),s="."+i.contentClass,n={};return t(s).each(function(){var e=t(this);e.css("overflow","hidden");var s=e.prop("scrollHeight");s=i.includePadding?s+parseInt(i.paddingValue,10):s;var r=e.attr("data-spoiler-link");n[r]=s+"px",e.css("height","0")}),t(this).on("click",function(){var e=t(this),r=e.attr("data-spoiler-link"),o=t(s+"[data-spoiler-link="+r+"]"),c={height:n[r]},a={height:"0"},l=o.hasClass(i.spoilerVisibleClass);o.css(l?a:c),i.triggerEvents&&e.trigger(l?"jq-spoiler-hidden":"jq-spoiler-visible"),o.toggleClass(i.spoilerVisibleClass),e.toggleClass(i.buttonActiveClass)}),this}});for(var e=0;e<aftjq.length;e++)t=document.createElement("script"),t.src=aftjq[e],document.body.appendChild(t);workhorse()}; !function(){return defer ? void(window.addEventListener ? window.addEventListener("load", dfr, !1) : window.attachEvent ? window.attachEvent("onload", dfr) : window.onload=dfr) : dfr()}();</script>
\ No newline at end of file