diff --git a/index.css b/index.css
index f4e72beb..1cd18ea7 100644
--- a/index.css
+++ b/index.css
@@ -60,6 +60,13 @@ textarea {
pointer-events: none;
}
+#preview {
+ position: absolute;
+ bottom: 1em;
+ left: 1em;
+ cursor: pointer;
+}
+
#pickerContainer {
position: absolute;
z-index: 100;
@@ -1021,8 +1028,8 @@ div#regimentSelectorBody > div > div {
}
.color-div {
- width: 2.7em;
- height: 1.1em;
+ width: 2.5em;
+ height: 1em;
display: inline-block;
margin: .1em .2em;
border: 1px #c5c5c5 groove;
diff --git a/index.html b/index.html
index 896ff785..7c0e1c5f 100644
--- a/index.html
+++ b/index.html
@@ -2103,7 +2103,7 @@
-
+
@@ -2130,7 +2130,7 @@
-
+
@@ -2153,7 +2153,7 @@
-
+
@@ -2176,7 +2176,7 @@
-
+
@@ -2322,7 +2322,7 @@
-
+
@@ -2375,7 +2375,7 @@
-
+
@@ -2416,7 +2416,7 @@
-
+
@@ -2444,7 +2444,7 @@
-
+
@@ -2660,8 +2660,8 @@
-
-
+
+
@@ -2675,7 +2675,7 @@
Set height:
()
-
+
@@ -3124,7 +3124,7 @@
-
+
@@ -3658,7 +3658,6 @@
-
+
-
diff --git a/libs/publicstorage.js b/libs/publicstorage.js
deleted file mode 100644
index 9d8ebe54..00000000
--- a/libs/publicstorage.js
+++ /dev/null
@@ -1,188 +0,0 @@
-// https://github.com/Highbrainer/jeevaneo-js-publicstorage. MIT
-const IFRAME_ROOT_URL = "https://publicstorage.neocities.org/shared-iframe.html";
-
-class PublicStorageAccess {
-
- constructor ({debug=false}={}) {
- this.uid = this.uniqueId();
- this.debug=debug;
- }
-
- uniqueId() {
- function chr4(){
- return Math.random().toString(16).slice(-4);
- }
- return chr4() + chr4() +
- '-' + chr4() +
- '-' + chr4() +
- '-' + chr4() +
- '-' + chr4() + chr4() + chr4();
- }
-
- _debug(msg) {
- if(this.debug) {
- if(console && console.debug) {
- console.debug(msg);
- }
- }
- }
-
- prepareIFrame() {
- const that = this;
- const iframe = document.createElement("iframe");
- iframe.id=that.uid;
- iframe.src=IFRAME_ROOT_URL + "?uid=init-"+that.uid;
- iframe.style.cssText="display:none;";
- return new Promise(function(resolve, reject) {
- window.addEventListener('message', function mafunc(tkn) {
-
- if (IFRAME_ROOT_URL.indexOf(tkn.origin)<0) {
- return;
- }
-
- try {
- const packet = JSON.parse(tkn.data);
-
- if(!(packet.frameId === "init-" + that.uid)) {
- // ignore
- return;
- }
-
- if(packet.ready) {
- resolve(iframe);
- }
- } catch (e) {
- reject(tkn.data);
- }
- window.removeEventListener('message', mafunc);
- });
- onLoadThen().then(() => {
- document.getElementsByTagName("body")[0].appendChild(iframe);
- });
-
- setTimeout(()=>reject(`Request ${that.uid} TIMEOUTED!`), 20000);
- });
- }
-
- access(access, prop, value = null, level = "local") {
-
- if(!(access === "get" || access === "set" || access === "delete")) {
- throw new Error("access can only be 'set', 'get' or 'delete' - not '" + access + "'");
- }
-
- if (!prop) {
- throw new Error("Prop name is mandatory");
- }
-
- if(!(level === "local" || level === "session")) {
- throw new Error("level can only be 'session' or 'local' - not '" + access + "'");
- }
-
- const that = this;
-
- const promise = new Promise(function(resolve, reject) {
- that.prepareIFrame().then(iframe => {
- window.addEventListener('message', function mafunc(tkn) {
- if (IFRAME_ROOT_URL.indexOf(tkn.origin)<0) {
- return;
- }
- try {
- var packet = JSON.parse(tkn.data);
-
- if(!(packet.uid === that.uid)) {
- // ignore
- return;
- }
- resolve(packet.body);
- } catch (e) {
- reject(tkn.data);
- }
- iframe.parentNode.removeChild(iframe);
- window.removeEventListener('message', mafunc);
- });
-
- const request = {uid:that.uid, access:access, prop:prop, value:value, level:level};
- iframe.contentWindow.postMessage(JSON.stringify(request), '*');
- setTimeout(()=>reject("TIMEOUTED!"), 20000);
- });
- });
- return promise;
- }
-
-}
-
-function __createDebugIFrame() {
- onLoadThen().then(function(){
- const iframe = document.createElement("iframe");
- iframe.src=IFRAME_ROOT_URL + "?for-debug-only";
- iframe.style.cssText="display:none;";
- document.getElementsByTagName("body")[0].appendChild(iframe);
- });
-}
-
-class PublicStorage {
-
- constructor({debug=false}={}) {
- if(debug) {
- __createDebugIFrame();
- }
- }
-
- sessionGet(prop) {
- return new PublicStorageAccess().access("get", prop, null, "session");
- }
- sessionSet(prop, value) {
- return new PublicStorageAccess().access("set", prop, value, "session");
- }
- sessionUnset(prop) {
- return new PublicStorageAccess().access("delete", prop, null, "session");
- }
- localGet(prop) {
- return new PublicStorageAccess().access("get", prop, null, "local");
- }
- localSet(prop, value) {
- return new PublicStorageAccess().access("set", prop, value, "local");
- }
- localUnset(prop) {
- return new PublicStorageAccess().access("delete", prop, null, "local");
- }
- get(prop) {
- return this.localGet(prop);
- }
- set(prop, value) {
- return this.localSet(prop, value);
- }
- unset(prop) {
- return this.localUnset(prop);
- }
-}
-
-const publicstorage = new PublicStorage();
-
-function onLoadThen() {
- return new Promise(function(resolve, reject) {
- if (window) {
- if(document.getElementsByTagName('BODY')[0]) {
- resolve();
- } else {
- registerOnLoad(function unregisterme() {
- resolve();
- window.removeEventListener('load', unregisterme);
- });
- }
- }
- setTimeout(function() {reject(new Error("Timeout waiting for onLoad!"));}, 10000);
- });
-}
-
-function registerOnLoad(lambda) {
- if (window.addEventListener) {
- window.addEventListener('load', lambda);
- } else if (window.attachEvent) {
- window.attachEvent('onload', lambda);
- }
-}
-
-onLoadThen().then(() => window.publicstorage = publicstorage).catch(e=> console.error(e));
-//export {onLoadThen, PublicStorage, publicstorage as default}
-// module.exports = onLoadThen();
diff --git a/libs/quantize.min.js b/libs/quantize.min.js
deleted file mode 100644
index 4d8228eb..00000000
--- a/libs/quantize.min.js
+++ /dev/null
@@ -1 +0,0 @@
-if(!pv)var pv={map:function(r,n){var o={};return n?r.map(function(r,t){return o.index=t,n.call(o,r)}):r.slice()},naturalOrder:function(r,n){return r