diff --git a/public/assets/css/dash.css b/public/assets/css/dash.css
index 4d839b8..afd9425 100644
--- a/public/assets/css/dash.css
+++ b/public/assets/css/dash.css
@@ -2390,12 +2390,21 @@ svg.icons {
}
#settings-actions #buttons {
width: 155px;
- margin: 0 auto;
+ margin: 30px auto;
+ text-align: center;
+ background: #EFEBE3;
+ padding: 2px;
+ border-radius: 3px;
}
#settings-actions #buttons button {
- margin: 5px;
+ color: #EFEBE3;
+ border-radius: 3px;
+ width: 40px;
+ margin: 0 10px 0 10px;
}
#settings-actions #buttons button svg {
+ width: 25px;
+ height: 20px;
fill: #EFEBE3;
}
#settings-actions #buttons button[data-render=false] {
@@ -2444,18 +2453,19 @@ svg.icons {
#settings-index #settings-index-wrapper button {
margin-top: 5px;
width: 100%;
- height: 45px;
+ height: 33px;
}
#settings-index #settings-index-wrapper #member-settings, #settings-index #settings-index-wrapper #site-settings, #settings-index #settings-index-wrapper #option-settings, #settings-index #settings-index-wrapper #member-utils {
- background: #1D3040;
+ background: #EFEBE3;
padding: 5px;
border-radius: 5px 0 5px 0;
width: 100%;
margin: 20px auto;
}
#settings-index #settings-index-wrapper #member-settings label, #settings-index #settings-index-wrapper #site-settings label, #settings-index #settings-index-wrapper #option-settings label, #settings-index #settings-index-wrapper #member-utils label {
- font-family: "Lucida Console", Monaco, monospace;
- color: #EFEBE3;
+ font-family: Helvetica, Arial, sans-serif;
+ color: #1D3040;
+ font-weight: bold;
}
#settings-index #settings-index-wrapper #member-settings span, #settings-index #settings-index-wrapper #site-settings span, #settings-index #settings-index-wrapper #option-settings span, #settings-index #settings-index-wrapper #member-utils span {
color: #b2cce5;
@@ -2471,11 +2481,12 @@ svg.icons {
display: none;
}
#settings-index #settings-index-wrapper #member-settings .backup-meta, #settings-index #settings-index-wrapper #site-settings .backup-meta, #settings-index #settings-index-wrapper #option-settings .backup-meta, #settings-index #settings-index-wrapper #member-utils .backup-meta {
- background: black;
+ background: #1D3040;
color: #EFEBE3;
padding: 8px;
border-radius: 3px;
margin: 5px 0 0 0;
+ text-align: center;
}
#settings-index #settings-index-wrapper #member-settings #member-avatar-drop, #settings-index #settings-index-wrapper #site-settings #member-avatar-drop, #settings-index #settings-index-wrapper #option-settings #member-avatar-drop, #settings-index #settings-index-wrapper #member-utils #member-avatar-drop {
display: inline-block;
@@ -2508,29 +2519,36 @@ svg.icons {
width: 95%;
margin: 0 5px 10px 0;
}
-#settings-index #settings-index-wrapper #member-settings textarea, #settings-index #settings-index-wrapper #site-settings textarea, #settings-index #settings-index-wrapper #option-settings textarea, #settings-index #settings-index-wrapper #member-utils textarea {
- background: black;
- width: 95%;
- height: 155px;
- color: #b2cce5;
+#settings-index #settings-index-wrapper textarea {
+ background: #1D3040;
+ width: 93%;
+ height: 128px;
+ color: #f5ab35;
padding: 10px;
+ display: inline-block;
}
#settings-index #settings-index-wrapper #option-settings #theme-settings a {
width: 95%;
margin: 0 5px 5px 0;
- height: 25px;
+ height: 15px;
padding: 10px;
display: inline-block;
}
#settings-index #settings-index-wrapper #option-settings #theme-settings a[data-enabled=false] {
- background: black;
- color: #b2cce5;
- border-radius: 3px;
-}
-#settings-index #settings-index-wrapper #option-settings #theme-settings a[data-enabled=true] {
- background: #b2cce5;
+ background: #EFEBE3;
color: #1D3040;
border-radius: 3px;
+ font-weight: bold;
+ border-top: 1px #fc6399 solid;
+ border-bottom: 1px #fc6399 solid;
+}
+#settings-index #settings-index-wrapper #option-settings #theme-settings a[data-enabled=true] {
+ background: #fc6399;
+ color: #1D3040;
+ border-radius: 3px;
+ font-weight: bold;
+ border-top: 1px #1D3040 solid;
+ border-bottom: 1px #1D3040 solid;
}
#settings-index #settings-index-wrapper #option-settings #theme-settings a[data-enabled=true] svg {
fill: #1D3040;
@@ -2552,7 +2570,7 @@ svg.icons {
color: #fc6399;
}
#settings-index #settings-index-wrapper #option-settings #mail-settings a.mail-option[data-enabled=false] {
- color: #EFEBE3;
+ color: #1D3040;
}
#settings-index #settings-index-wrapper #option-settings #mail-settings input {
margin: 0 5px 5px 0;
@@ -2593,21 +2611,23 @@ svg.icons {
max-width: 900px;
margin: 0 auto;
}
-#nav-index #nav-index-wrapper {
- padding: 0.75rem;
-}
#nav-index #nav-index-wrapper #nav-pages .nav-item {
display: block;
width: 98%;
- background: #1D3040;
+ background: #EFEBE3;
border-radius: 3px;
- color: #EFEBE3;
+ color: #fc6399;
height: 30px;
padding: 10px;
margin: 0 0 10px 0;
font-size: 1.5em;
cursor: move;
}
+#nav-index #nav-index-wrapper #nav-pages .nav-item #item-arrows {
+ fill: #1D3040;
+ width: 40px;
+ height: 30px;
+}
#nav-index #nav-index-wrapper #nav-pages label {
display: inline-block;
vertical-align: middle;
@@ -2617,10 +2637,19 @@ svg.icons {
}
#nav-index #nav-index-wrapper #nav-pages #nav-btns {
float: right;
+ top: -5px;
+ position: relative;
}
#nav-index #nav-index-wrapper #nav-pages #nav-btns button {
- font-size: 0.8em;
- margin: 0 0 0 10px;
+ color: #EFEBE3;
+ border-radius: 3px;
+ width: 40px;
+ margin: 0 10px 0 10px;
+}
+#nav-index #nav-index-wrapper #nav-pages #nav-btns button svg {
+ fill: #EFEBE3;
+ width: 25px;
+ height: 20px;
}
@media only screen and (max-width: 375px) {
diff --git a/public/assets/scripts/dash.min.js b/public/assets/scripts/dash.min.js
index d0f4342..7f437e4 100644
--- a/public/assets/scripts/dash.min.js
+++ b/public/assets/scripts/dash.min.js
@@ -1,5 +1,5 @@
!function(){"use strict";function e(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function t(e,t){for(var n=0;n2&&void 0!==arguments[2]?arguments[2]:_,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:B,o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:null,i=this;return new Promise((function(t,a){var s=new XMLHttpRequest;if(s.upload.onprogress=i.handleLoadProgress,s.open(n,e,!0),s.onload=function(){if(200==s.status){var e=JSON.parse(s.response);t(e)}else{var n=JSON.parse(s.response);a(n)}},"PUT"==n||n==P)switch(r){case B:s.setRequestHeader("Content-type","application/"+r),s.send(JSON.stringify(o));break;case C:s.send(o)}else s.send()}))}},{key:"handleLoadProgress",value:function(e){this.percentComplete=Math.ceil(e.loaded/e.total*100)}}]),t}(),M="POST",A="createNewPage",N="editPage",L="deletePage",R="json",H="x-www-form-urlencoded",F=function(){function t(){var n=this;e(this,t),this.percentComplete=0,this.token=null,this._request("/api/v1/status").then((function(e){e.type===u&&(n.token=e.token)}))}return n(t,[{key:"syncSettings",value:function(e){var t=this;return new Promise((function(n,r){t._request("/api/v1/settings/sync",v,M,R,e).then((function(e){n(e)})).catch((function(e){r(e)}))}))}},{key:"imageUpload",value:function(e,t){var n=this;return new Promise((function(r,o){var i="";switch(e){case"avatar-upload":i="/api/v1/settings/add-avatar";break;case"background-upload":i="/api/v1/settings/add-feature-background";break;default:i="/api/v1/page/add-entry-image"}for(var a=new FormData,s=0;s2&&void 0!==arguments[2]?arguments[2]:"GET",r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:R,o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:null,i=this;return new Promise((function(a,s){var l=new XMLHttpRequest;if(l.upload.onprogress=i.handleLoadProgress,l.open(n,e,!0),l.onload=function(){if(200==l.status){var e=JSON.parse(l.response);a(e)}else{var t=JSON.parse(l.response);s(t)}},"PUT"==n||n==M)switch(t!==g&&t!==w&&t!==v&&t!==m&&t!==E&&t!==y&&t!==b&&t!==I||l.setRequestHeader("fipamo-access-token",i.token),r){case R:l.setRequestHeader("Content-type","application/"+r),l.send(JSON.stringify(o));break;case H:l.send(o)}else l.send()}))}},{key:"handleLoadProgress",value:function(e){this.percentComplete=Math.ceil(e.loaded/e.total*100)}}]),t}(),X=function(){function t(){e(this,t)}return n(t,[{key:"imgLoad",value:function(e){return new Promise((function(t,n){var r=new XMLHttpRequest;r.open("GET",e),r.responseType="blob",r.onload=function(){200===r.status?t(r.response):n(new Error("Image didn't load successfully; error code:"+r.statusText))},r.onerror=function(){n(new Error("There was a network error."))},r.send()}))}},{key:"loadImage",value:function(e){var t=this;return new Promise((function(n,r){(new Image).crossOrigin="",t.imgLoad(e).then((function(e){var t=window.URL.createObjectURL(e);n(t)}),(function(e){r(e)}))}))}},{key:"formDataToJSON",value:function(e){var t={};return new FormData(e).forEach((function(e,n){t.hasOwnProperty(n)?(Array.isArray(t[n])||(t[n]=[t[n]]),t[n].push(e)):t[n]=e})),t}}]),t}(),q=function(){function t(){e(this,t)}return n(t,[{key:"cleanString",value:function(e){return e.replace(/(^\-+|[^a-zA-Z0-9\/_| -]+|\-+$)/g,"").toLowerCase().replace(/[\/_| -]+/g,"-")}},{key:"decodeHTML",value:function(e,t){var n=0,r=0,o=!1;void 0===t&&(t=2),e=e.toString().replace(/</g,"<").replace(/>/g,">");var i={ENT_NOQUOTES:0,ENT_HTML_QUOTE_SINGLE:1,ENT_HTML_QUOTE_DOUBLE:2,ENT_COMPAT:2,ENT_QUOTES:3,ENT_IGNORE:4};if(0===t&&(o=!0),"number"!=typeof t){for(t=[].concat(t),r=0;r]*>/g,"\n"),r.append("id",document.getElementById("post-edit-index").getAttribute("data-index")),r.append("uuid",document.getElementById("post-edit-index").getAttribute("data-uuid")),r.append("layout",document.getElementById("post-edit-index").getAttribute("data-layout")),r.append("current_title",document.getElementById("post-edit-index").getAttribute("data-slug")),r.append("content",i),r.append("title",document.getElementById("post_title").value),r.append("created",document.getElementById("post-date").getAttribute("data-raw")),r.append("slug",(new q).cleanString(document.getElementById("post_title").value)),r.append("tags",document.getElementById("post_tags").value),r.append("menu",document.getElementById("option-menu-pin").getAttribute("data-active")),r.append("featured",document.getElementById("option-feature").getAttribute("data-active")),r.append("published",document.getElementById("option-published").getAttribute("data-active")),null!=e||null!=e)e.type.match("image.*")?r.append("feature_image",e,e.name):n("Not an image file");else{var a=document.getElementById("featured-image").src;null!=a||null!=a?r.append("feature_image",a):r.append("feature_image",null)}t(r)}))}}]),t}(),Y="editorDelete",j="editorUploadImage",W="editorSave",z="editorUpdate";new function t(){e(this,t)};var G=["borderBottomWidth","borderLeftWidth","borderRightWidth","borderTopStyle","borderRightStyle","borderBottomStyle","borderLeftStyle","borderTopWidth","boxSizing","fontFamily","fontSize","fontWeight","height","letterSpacing","lineHeight","marginBottom","marginLeft","marginRight","marginTop","outlineWidth","overflow","overflowX","overflowY","paddingBottom","paddingLeft","paddingRight","paddingTop","textAlign","textOverflow","textTransform","whiteSpace","wordBreak","wordWrap"],Q=function(e,t){var n=document.createElement("div");return function(t){var r=function(){var t={position:"absolute",left:-9999,top:0,zIndex:-2e3};return"TEXTAREA"===e.tagName&&G.push("width"),G.forEach((function(n){t[n]=getComputedStyle(e)[n]})),t}();Object.keys(r).forEach((function(e){n.style[e]=r[e]})),n.innerHTML=t,e.parentNode.insertBefore(n,e.nextSibling)}(t),{rect:function(){var e=n.ownerDocument.getElementById("caret-position-marker"),t={left:e.offsetLeft,top:e.offsetTop,height:e.offsetHeight};return n.parentNode.removeChild(n),t}}};function V(e){return(V="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}var J=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.customPos,n=e.iframe,r=e.noShadowCaret;return n?{iframe:n,window:n.contentWindow,document:n.contentDocument||n.contentWindow.document,noShadowCaret:r,customPos:t}:{window:window,document:document,noShadowCaret:r,customPos:t}},$=function(e){return"object"===V(e)&&null!==e},Z=function(e,t){var n=function(){return e.selectionStart},r=function(r){var o=function(e){return e.replace(/<|>|`|"|&/g,"?").replace(/\r\n|\r|\n/g,"
")};(t.customPos||0===t.customPos)&&(r=t.customPos);var i=void 0===r?n():r,a=e.value.slice(0,i),s=e.value.slice(i),l=''.concat(o(a),"");l+='|',l+=''.concat(o(s),"");var u=Q(e,l).rect();return u.pos=n(),u};return{getPos:n,setPos:function(t){return e.setSelectionRange(t,t),e},getOffset:function(n){var o=function(e,t){var n=t&&t.window||window,r=t&&t.document||document,o=e.getBoundingClientRect(),i=r.documentElement,a=n.pageXOffset||i.scrollLeft,s=n.pageYOffset||i.scrollTop;return{top:o.top+s,left:o.left+a}}(e),i=r(n);return{top:o.top+i.top+t.document.body.scrollTop,left:o.left+i.left+t.document.body.scrollLeft,height:i.height}},getPosition:r}},K=function(e,t){return function(e){return!!(e.contentEditable?"true"===e.contentEditable:"true"===e.getAttribute("contenteditable"))}(e)?function(e,t){var n=function(){var n=r(),o={height:0,left:0,right:0};if(!n)return o;var i=t.customPos||0===t.customPos;if(n.endOffset-1>0&&n.endContainer!==e||i){var a=n.cloneRange(),s=i?t.customPos:n.endOffset;a.setStart(n.endContainer,s-1<0?0:s-1),a.setEnd(n.endContainer,s);var l=a.getBoundingClientRect();o={height:l.height,left:l.left+l.width,top:l.top},a.detach()}if((!o||o&&0===o.height)&&!t.noShadowCaret){var u=n.cloneRange(),c=t.document.createTextNode("|");u.insertNode(c),u.selectNode(c);var d=u.getBoundingClientRect();o={height:d.height,left:d.left,top:d.top},c.parentNode.removeChild(c),u.detach()}if(o){var f=t.document.documentElement;o.top+=t.window.pageYOffset-(f.clientTop||0),o.left+=t.window.pageXOffset-(f.clientLeft||0)}return o},r=function(){if(t.window.getSelection){var e=t.window.getSelection();return e.rangeCount>0?e.getRangeAt(0):null}},o=function(){var t=r(),n=t.cloneRange();n.selectNodeContents(e),n.setEnd(t.endContainer,t.endOffset);var o=n.toString().length;return n.detach(),o};return{getPos:o,setPos:function(n){var r=t.window.getSelection();if(r){var o=0,i=!1;!function e(a,s){for(var l=0;l=a){i=!0;var c=t.document.createRange();c.setStart(u,a-o),r.removeAllRanges(),r.addRange(c);break}o+=u.length}else e(n,u)}}(n,e)}return e},getPosition:function(){var r=n(),i=o(),a=e.getBoundingClientRect(),s=a.top+t.document.body.scrollTop,l=a.left+t.document.body.scrollLeft;return r.left-=l,r.top-=s,r.pos=i,r},getOffset:n,getRange:r}}(e,t):Z(e,t)},ee=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=n;$(t)&&(r=t,t=null);var o=J(r),i=K(e,o);return t||0===t?i.setPos(t):i.getPosition()},te=function(t){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&o(e,t)}(i,t);var r=a(i);function i(t,n){var o;return e(this,i),(o=r.call(this)).textEditor=t,o.fixLimit=n,o.caretPos=null,o.url="",o.setInputs(),window.addEventListener("scroll",(function(){})),o.refresh(),o}return n(i,[{key:"setInputs",value:function(){for(var e=this,t=this,n=document.querySelectorAll(".editor-button"),r=0,o=n.length;r/g)>-1){var o=ee(e.textEditor).pos;t.refresh(),ee(e.textEditor,o)}}))}},{key:"refresh",value:function(){var e=this.textEditor.innerText;e=e.replace(new RegExp("\r?\n","g"),"
");var t=document.createElement("div");t.innerText=e,this.textEditor.innerHTML=t.innerText,this.textEditor.style.maxWidth="900px"}},{key:"notify",value:function(e,t){switch(e){case void 0:document.getElementById("submit-update").classList.add("icon-hide"),document.getElementById("submit-good").classList.remove("icon-hide"),document.getElementById("edit-update").classList.remove("submit-start"),document.getElementById("edit-update").classList.add("submit-cool"),setTimeout((function(){document.getElementById("submit-update").classList.remove("icon-hide"),document.getElementById("submit-good").classList.add("icon-hide"),document.getElementById("edit-update").classList.add("submit-start"),document.getElementById("edit-update").classList.remove("submit-cool")}),2e3);break;case void 0:break;case j:var n,r;ee(this.textEditor,this.caretPos),(n=window.getSelection()).rangeCount&&((r=n.getRangeAt(0)).deleteContents(),r.insertNode(document.createTextNode("![image alt text]("+t+" 'image title')"))),this.refresh()}}},{key:"handleEditorOption",value:function(e){var t,n,r;if(e.preventDefault(),(t=window.getSelection()).rangeCount)switch(n=t.getRangeAt(0),r=t.getRangeAt(0).toString(),n.deleteContents(),e.target.id){case"edit-bold":n.insertNode(document.createTextNode("**"+r+"**"));break;case"edit-italic":n.insertNode(document.createTextNode("*"+r+"*"));break;case"edit-strikethrough":n.insertNode(document.createTextNode(""+r+""));break;case"edit-header1":n.insertNode(document.createTextNode("# "+r));break;case"edit-header2":n.insertNode(document.createTextNode("## "+r));break;case"edit-header3":n.insertNode(document.createTextNode("### "+r));break;case"edit-image":this.caretPos=ee(this.textEditor).pos,this.emitEvent(j);break;case"submit-save":case"edit-save":this.emitEvent(W);break;case"submit-update":case"edit-update":this.emitEvent(z);break;case"edit-link":n.insertNode(document.createTextNode("["+r+"](PASTE URL HERE)"));break;case"edit-delete":this.emitEvent(Y)}this.refresh()}}]),i}(function(){function t(){e(this,t),this.listeners=new Map}return n(t,[{key:"addListener",value:function(e,t){this.listeners.has(e)||this.listeners.set(e,[]),this.listeners.get(e).push(t)}},{key:"removeListener",value:function(e,t){var n,r=this.listeners.get(e);return!!(r&&r.length&&(n=r.reduce((function(e,n,r){return"function"==typeof n&&n===t?e=r:e}),-1))>-1)&&(r.splice(n,1),this.listeners.set(e,r),!0)}},{key:"emitEvent",value:function(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r-1}function le(e,t){return e.apply(null,t)}var ue={arr:function(e){return Array.isArray(e)},obj:function(e){return se(Object.prototype.toString.call(e),"Object")},pth:function(e){return ue.obj(e)&&e.hasOwnProperty("totalLength")},svg:function(e){return e instanceof SVGElement},inp:function(e){return e instanceof HTMLInputElement},dom:function(e){return e.nodeType||ue.svg(e)},str:function(e){return"string"==typeof e},fnc:function(e){return"function"==typeof e},und:function(e){return void 0===e},nil:function(e){return ue.und(e)||null===e},hex:function(e){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(e)},rgb:function(e){return/^rgb/.test(e)},hsl:function(e){return/^hsl/.test(e)},col:function(e){return ue.hex(e)||ue.rgb(e)||ue.hsl(e)},key:function(e){return!ne.hasOwnProperty(e)&&!re.hasOwnProperty(e)&&"targets"!==e&&"keyframes"!==e}};function ce(e){var t=/\(([^)]+)\)/.exec(e);return t?t[1].split(",").map((function(e){return parseFloat(e)})):[]}function de(e,t){var n=ce(e),r=ae(ue.und(n[0])?1:n[0],.1,100),o=ae(ue.und(n[1])?100:n[1],.1,100),i=ae(ue.und(n[2])?10:n[2],.1,100),a=ae(ue.und(n[3])?0:n[3],.1,100),s=Math.sqrt(o/r),l=i/(2*Math.sqrt(o*r)),u=l<1?s*Math.sqrt(1-l*l):0,c=l<1?(l*s-a)/u:-a+s;function d(e){var n=t?t*e/1e3:e;return n=l<1?Math.exp(-n*l*s)*(1*Math.cos(u*n)+c*Math.sin(u*n)):(1+c*n)*Math.exp(-n*s),0===e||1===e?e:1-n}return t?d:function(){var t=ie.springs[e];if(t)return t;for(var n=1/6,r=0,o=0;;)if(1===d(r+=n)){if(++o>=16)break}else o=0;var i=r*n*1e3;return ie.springs[e]=i,i}}function fe(e){return void 0===e&&(e=10),function(t){return Math.ceil(ae(t,1e-6,1)*e)*(1/e)}}var he,pe,ge=function(){var e=.1;function t(e,t){return 1-3*t+3*e}function n(e,t){return 3*t-6*e}function r(e){return 3*e}function o(e,o,i){return((t(o,i)*e+n(o,i))*e+r(o))*e}function i(e,o,i){return 3*t(o,i)*e*e+2*n(o,i)*e+r(o)}return function(t,n,r,a){if(0<=t&&t<=1&&0<=r&&r<=1){var s=new Float32Array(11);if(t!==n||r!==a)for(var l=0;l<11;++l)s[l]=o(l*e,t,r);return function(e){return t===n&&r===a||0===e||1===e?e:o(u(e),n,a)}}function u(n){for(var a=0,l=1;10!==l&&s[l]<=n;++l)a+=e;--l;var u=a+(n-s[l])/(s[l+1]-s[l])*e,c=i(u,t,r);return c>=.001?function(e,t,n,r){for(var a=0;a<4;++a){var s=i(t,n,r);if(0===s)return t;t-=(o(t,n,r)-e)/s}return t}(n,u,t,r):0===c?u:function(e,t,n,r,i){var a,s,l=0;do{(a=o(s=t+(n-t)/2,r,i)-e)>0?n=s:t=s}while(Math.abs(a)>1e-7&&++l<10);return s}(n,a,a+e,t,r)}}}(),me=(he={linear:function(){return function(e){return e}}},pe={Sine:function(){return function(e){return 1-Math.cos(e*Math.PI/2)}},Circ:function(){return function(e){return 1-Math.sqrt(1-e*e)}},Back:function(){return function(e){return e*e*(3*e-2)}},Bounce:function(){return function(e){for(var t,n=4;e<((t=Math.pow(2,--n))-1)/11;);return 1/Math.pow(4,3-n)-7.5625*Math.pow((3*t-2)/22-e,2)}},Elastic:function(e,t){void 0===e&&(e=1),void 0===t&&(t=.5);var n=ae(e,1,10),r=ae(t,.1,2);return function(e){return 0===e||1===e?e:-n*Math.pow(2,10*(e-1))*Math.sin((e-1-r/(2*Math.PI)*Math.asin(1/n))*(2*Math.PI)/r)}}},["Quad","Cubic","Quart","Quint","Expo"].forEach((function(e,t){pe[e]=function(){return function(e){return Math.pow(e,t+2)}}})),Object.keys(pe).forEach((function(e){var t=pe[e];he["easeIn"+e]=t,he["easeOut"+e]=function(e,n){return function(r){return 1-t(e,n)(1-r)}},he["easeInOut"+e]=function(e,n){return function(r){return r<.5?t(e,n)(2*r)/2:1-t(e,n)(-2*r+2)/2}},he["easeOutIn"+e]=function(e,n){return function(r){return r<.5?(1-t(e,n)(1-2*r))/2:(t(e,n)(2*r-1)+1)/2}}})),he);function ve(e,t){if(ue.fnc(e))return e;var n=e.split("(")[0],r=me[n],o=ce(e);switch(n){case"spring":return de(e,t);case"cubicBezier":return le(ge,o);case"steps":return le(fe,o);default:return le(r,o)}}function ye(e){try{return document.querySelectorAll(e)}catch(e){return}}function be(e,t){for(var n=e.length,r=arguments.length>=2?t:void 0,o=[],i=0;i1&&(n-=1),n<1/6?e+6*(t-e)*n:n<.5?t:n<2/3?e+(t-e)*(2/3-n)*6:e}if(0==a)t=n=r=s;else{var c=s<.5?s*(1+a):s+a-s*a,d=2*s-c;t=u(d,c,i+1/3),n=u(d,c,i),r=u(d,c,i-1/3)}return"rgba("+255*t+","+255*n+","+255*r+","+l+")"}(e):void 0;var t,n}function De(e){var t=/[+-]?\d*\.?\d+(?:\.\d+)?(?:[eE][+-]?\d+)?(%|px|pt|em|rem|in|cm|mm|ex|ch|pc|vw|vh|vmin|vmax|deg|rad|turn)?$/.exec(e);if(t)return t[1]}function Pe(e,t){return ue.fnc(e)?e(t.target,t.id,t.total):e}function _e(e,t){return e.getAttribute(t)}function Be(e,t,n){if(Ie([n,"deg","rad","turn"],De(t)))return t;var r=ie.CSS[t+n];if(!ue.und(r))return r;var o=document.createElement(e.tagName),i=e.parentNode&&e.parentNode!==document?e.parentNode:document.body;i.appendChild(o),o.style.position="absolute",o.style.width=100+n;var a=100/o.offsetWidth;i.removeChild(o);var s=a*parseFloat(t);return ie.CSS[t+n]=s,s}function Ce(e,t,n){if(t in e.style){var r=t.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase(),o=e.style[t]||getComputedStyle(e).getPropertyValue(r)||"0";return n?Be(e,o,n):o}}function Oe(e,t){return ue.dom(e)&&!ue.inp(e)&&(!ue.nil(_e(e,t))||ue.svg(e)&&e[t])?"attribute":ue.dom(e)&&Ie(oe,t)?"transform":ue.dom(e)&&"transform"!==t&&Ce(e,t)?"css":null!=e[t]?"object":void 0}function Me(e){if(ue.dom(e)){for(var t,n=e.style.transform||"",r=/(\w+)\(([^)]*)\)/g,o=new Map;t=r.exec(n);)o.set(t[1],t[2]);return o}}function Ae(e,t,n,r){var o=se(t,"scale")?1:0+function(e){return se(e,"translate")||"perspective"===e?"px":se(e,"rotate")||se(e,"skew")?"deg":void 0}(t),i=Me(e).get(t)||o;return n&&(n.transforms.list.set(t,i),n.transforms.last=t),r?Be(e,i,r):i}function Ne(e,t,n,r){switch(Oe(e,t)){case"transform":return Ae(e,t,r,n);case"css":return Ce(e,t,n);case"attribute":return _e(e,t);default:return e[t]||0}}function Le(e,t){var n=/^(\*=|\+=|-=)/.exec(e);if(!n)return e;var r=De(e)||0,o=parseFloat(t),i=parseFloat(e.replace(n[0],""));switch(n[0][0]){case"+":return o+i+r;case"-":return o-i+r;case"*":return o*i+r}}function Re(e,t){if(ue.col(e))return xe(e);if(/\s/g.test(e))return e;var n=De(e),r=n?e.substr(0,e.length-n.length):e;return t?r+t:r}function He(e,t){return Math.sqrt(Math.pow(t.x-e.x,2)+Math.pow(t.y-e.y,2))}function Fe(e){for(var t,n=e.points,r=0,o=0;o0&&(r+=He(t,i)),t=i}return r}function Xe(e){if(e.getTotalLength)return e.getTotalLength();switch(e.tagName.toLowerCase()){case"circle":return function(e){return 2*Math.PI*_e(e,"r")}(e);case"rect":return function(e){return 2*_e(e,"width")+2*_e(e,"height")}(e);case"line":return function(e){return He({x:_e(e,"x1"),y:_e(e,"y1")},{x:_e(e,"x2"),y:_e(e,"y2")})}(e);case"polyline":return Fe(e);case"polygon":return function(e){var t=e.points;return Fe(e)+He(t.getItem(t.numberOfItems-1),t.getItem(0))}(e)}}function qe(e,t){var n=t||{},r=n.el||function(e){for(var t=e.parentNode;ue.svg(t)&&ue.svg(t.parentNode);)t=t.parentNode;return t}(e),o=r.getBoundingClientRect(),i=_e(r,"viewBox"),a=o.width,s=o.height,l=n.viewBox||(i?i.split(" "):[0,0,a,s]);return{el:r,viewBox:l,x:l[0]/1,y:l[1]/1,w:a,h:s,vW:l[2],vH:l[3]}}function Ue(e,t,n){function r(n){void 0===n&&(n=0);var r=t+n>=1?t+n:0;return e.el.getPointAtLength(r)}var o=qe(e.el,e.svg),i=r(),a=r(-1),s=r(1),l=n?1:o.w/o.vW,u=n?1:o.h/o.vH;switch(e.property){case"x":return(i.x-o.x)*l;case"y":return(i.y-o.y)*u;case"angle":return 180*Math.atan2(s.y-a.y,s.x-a.x)/Math.PI}}function Ye(e,t){var n=/[+-]?\d*\.?\d+(?:\.\d+)?(?:[eE][+-]?\d+)?/g,r=Re(ue.pth(e)?e.totalLength:e,t)+"";return{original:r,numbers:r.match(n)?r.match(n).map(Number):[0],strings:ue.str(e)||t?r.split(n):[]}}function je(e){return be(e?we(ue.arr(e)?e.map(Ee):Ee(e)):[],(function(e,t,n){return n.indexOf(e)===t}))}function We(e){var t=je(e);return t.map((function(e,n){return{target:e,id:n,total:t.length,transforms:{list:Me(e)}}}))}function ze(e,t){var n=ke(t);if(/^spring/.test(n.easing)&&(n.duration=de(n.easing)),ue.arr(e)){var r=e.length;2===r&&!ue.obj(e[0])?e={value:e}:ue.fnc(t.duration)||(n.duration=t.duration/r)}var o=ue.arr(e)?e:[e];return o.map((function(e,n){var r=ue.obj(e)&&!ue.pth(e)?e:{value:e};return ue.und(r.delay)&&(r.delay=n?0:t.delay),ue.und(r.endDelay)&&(r.endDelay=n===o.length-1?t.endDelay:0),r})).map((function(e){return Te(e,n)}))}function Ge(e,t){var n=[],r=t.keyframes;for(var o in r&&(t=Te(function(e){for(var t=be(we(e.map((function(e){return Object.keys(e)}))),(function(e){return ue.key(e)})).reduce((function(e,t){return e.indexOf(t)<0&&e.push(t),e}),[]),n={},r=function(r){var o=t[r];n[o]=e.map((function(e){var t={};for(var n in e)ue.key(n)?n==o&&(t.value=e[n]):t[n]=e[n];return t}))},o=0;o0?requestAnimationFrame(t):void 0}return"undefined"!=typeof document&&document.addEventListener("visibilitychange",(function(){rt.suspendWhenDocumentHidden&&(nt()?e=cancelAnimationFrame(e):(et.forEach((function(e){return e._onDocumentVisibility()})),tt()))})),function(){e||nt()&&rt.suspendWhenDocumentHidden||!(et.length>0)||(e=requestAnimationFrame(t))}}();function nt(){return!!document&&document.hidden}function rt(e){void 0===e&&(e={});var t,n=0,r=0,o=0,i=0,a=null;function s(e){var t=window.Promise&&new Promise((function(e){return a=e}));return e.finished=t,t}var l=function(e){var t=Se(ne,e),n=Se(re,e),r=Ge(n,e),o=We(e.targets),i=$e(o,r),a=Ze(i,n),s=Ke;return Ke++,Te(t,{id:s,children:[],animatables:o,animations:i,duration:a.duration,delay:a.delay,endDelay:a.endDelay})}(e);function u(){var e=l.direction;"alternate"!==e&&(l.direction="normal"!==e?"normal":"reverse"),l.reversed=!l.reversed,t.forEach((function(e){return e.reversed=l.reversed}))}function c(e){return l.reversed?l.duration-e:e}function d(){n=0,r=c(l.currentTime)*(1/rt.speed)}function f(e,t){t&&t.seek(e-t.timelineOffset)}function h(e){for(var t=0,n=l.animations,r=n.length;t2||(y=Math.round(y*h)/h)),p.push(y)}var E=f.length;if(E){m=f[0];for(var I=0;I0&&(l.began=!0,p("begin")),!l.loopBegan&&l.currentTime>0&&(l.loopBegan=!0,p("loopBegin")),v<=g&&0!==l.currentTime&&h(0),(v>=m&&l.currentTime!==d||!d)&&h(d),v>g&&v=d&&(r=0,l.remaining&&!0!==l.remaining&&l.remaining--,l.remaining?(n=o,p("loopComplete"),l.loopBegan=!1,"alternate"===l.direction&&u()):(l.paused=!0,l.completed||(l.completed=!0,p("loopComplete"),p("complete"),!l.passThrough&&"Promise"in window&&(a(),s(l)))))}return s(l),l.reset=function(){var e=l.direction;l.passThrough=!1,l.currentTime=0,l.progress=0,l.paused=!0,l.began=!1,l.loopBegan=!1,l.changeBegan=!1,l.completed=!1,l.changeCompleted=!1,l.reversePlayback=!1,l.reversed="reverse"===e,l.remaining=l.loop,t=l.children;for(var n=i=t.length;n--;)l.children[n].reset();(l.reversed&&!0!==l.loop||"alternate"===e&&1===l.loop)&&l.remaining++,h(l.reversed?l.duration:0)},l._onDocumentVisibility=d,l.set=function(e,t){return Je(e,t),l},l.tick=function(e){o=e,n||(n=o),g((o+(r-n))*rt.speed)},l.seek=function(e){g(c(e))},l.pause=function(){l.paused=!0,d()},l.play=function(){l.paused&&(l.completed&&l.reset(),l.paused=!1,et.push(l),d(),tt())},l.reverse=function(){u(),l.completed=!l.reversed,d()},l.restart=function(){l.reset(),l.play()},l.remove=function(e){it(je(e),l)},l.reset(),l.autoplay&&l.play(),l}function ot(e,t){for(var n=t.length;n--;)Ie(e,t[n].animatable.target)&&t.splice(n,1)}function it(e,t){var n=t.animations,r=t.children;ot(e,n);for(var o=r.length;o--;){var i=r[o],a=i.animations;ot(e,a),a.length||i.children.length||r.splice(o,1)}n.length||r.length||t.pause()}rt.version="3.2.1",rt.speed=1,rt.suspendWhenDocumentHidden=!0,rt.running=et,rt.remove=function(e){for(var t=je(e),n=et.length;n--;){it(t,et[n])}},rt.get=Ne,rt.set=Je,rt.convertPx=Be,rt.path=function(e,t){var n=ue.str(e)?ye(e)[0]:e,r=t||100;return function(e){return{property:e,el:n,svg:qe(n),totalLength:Xe(n)*(r/100)}}},rt.setDashoffset=function(e){var t=Xe(e);return e.setAttribute("stroke-dasharray",t),t},rt.stagger=function(e,t){void 0===t&&(t={});var n=t.direction||"normal",r=t.easing?ve(t.easing):null,o=t.grid,i=t.axis,a=t.from||0,s="first"===a,l="center"===a,u="last"===a,c=ue.arr(e),d=c?parseFloat(e[0]):parseFloat(e),f=c?parseFloat(e[1]):0,h=De(c?e[1]:e)||0,p=t.start||0+(c?d:0),g=[],m=0;return function(e,t,v){if(s&&(a=0),l&&(a=(v-1)/2),u&&(a=v-1),!g.length){for(var y=0;y-1&&et.splice(o,1);for(var s=0;s'].join(""),document.getElementById("featured-image-drop").innerHTML="",document.getElementById("featured-image-drop").appendChild(n)}}(n),o.readAsDataURL(n)}}}},{key:"handleImageUpload",value:function(e,t){var n=this;ht.alert("Uploading Image",null),this.admin.imageUpload(e,t).then((function(e){e.type==d&&n.editor.notify(j,e.url),ht.alert("Image Added to Entry",!0)})).catch((function(){ht.alert("Uh oh. Image not added",!1)}))}}]),t}();pt.uploadFiles=[];var gt=function(){function t(n){e(this,t),this.currentPage=null,this.choosePage(n),this.start()}return n(t,[{key:"start",value:function(){}},{key:"choosePage",value:function(e){switch(this.currentPage="",e){case"edit":case"add":this.currentPage=new pt}}}]),t}(),mt=function(){function t(){e(this,t)}return n(t,[{key:"getInfo",value:function(){var e,t,n=document.getElementById("settings-handle").value,r=document.getElementById("settings-email").value,o=document.getElementById("settings-url").value,i=document.getElementById("settings-title").value,a=document.getElementById("settings-desc").value,s=document.getElementById("render-toggle").getAttribute("data-render"),l=document.getElementById("background").src,u="",c=document.querySelectorAll(".theme-select"),d=document.getElementById("smtp-domain").value,f=document.getElementById("smtp-email").value,h=document.getElementById("smtp-pass").value,p=document.getElementById("mg-domain").value,g=document.getElementById("mg-key").value,m="",v=document.querySelectorAll(".mail-option");for(e=0,t=c.length;e2||(y=Math.round(y*h)/h)),p.push(y)}var E=f.length;if(E){m=f[0];for(var I=0;I0&&(l.began=!0,p("begin")),!l.loopBegan&&l.currentTime>0&&(l.loopBegan=!0,p("loopBegin")),v<=g&&0!==l.currentTime&&h(0),(v>=m&&l.currentTime!==d||!d)&&h(d),v>g&&v=d&&(r=0,l.remaining&&!0!==l.remaining&&l.remaining--,l.remaining?(n=o,p("loopComplete"),l.loopBegan=!1,"alternate"===l.direction&&u()):(l.paused=!0,l.completed||(l.completed=!0,p("loopComplete"),p("complete"),!l.passThrough&&"Promise"in window&&(a(),s(l)))))}return s(l),l.reset=function(){var e=l.direction;l.passThrough=!1,l.currentTime=0,l.progress=0,l.paused=!0,l.began=!1,l.loopBegan=!1,l.changeBegan=!1,l.completed=!1,l.changeCompleted=!1,l.reversePlayback=!1,l.reversed="reverse"===e,l.remaining=l.loop,t=l.children;for(var n=i=t.length;n--;)l.children[n].reset();(l.reversed&&!0!==l.loop||"alternate"===e&&1===l.loop)&&l.remaining++,h(l.reversed?l.duration:0)},l._onDocumentVisibility=d,l.set=function(e,t){return Je(e,t),l},l.tick=function(e){o=e,n||(n=o),g((o+(r-n))*rt.speed)},l.seek=function(e){g(c(e))},l.pause=function(){l.paused=!0,d()},l.play=function(){l.paused&&(l.completed&&l.reset(),l.paused=!1,et.push(l),d(),tt())},l.reverse=function(){u(),l.completed=!l.reversed,d()},l.restart=function(){l.reset(),l.play()},l.remove=function(e){it(je(e),l)},l.reset(),l.autoplay&&l.play(),l}function ot(e,t){for(var n=t.length;n--;)Ie(e,t[n].animatable.target)&&t.splice(n,1)}function it(e,t){var n=t.animations,r=t.children;ot(e,n);for(var o=r.length;o--;){var i=r[o],a=i.animations;ot(e,a),a.length||i.children.length||r.splice(o,1)}n.length||r.length||t.pause()}rt.version="3.2.1",rt.speed=1,rt.suspendWhenDocumentHidden=!0,rt.running=et,rt.remove=function(e){for(var t=je(e),n=et.length;n--;){it(t,et[n])}},rt.get=Ne,rt.set=Je,rt.convertPx=Be,rt.path=function(e,t){var n=ue.str(e)?ye(e)[0]:e,r=t||100;return function(e){return{property:e,el:n,svg:qe(n),totalLength:Xe(n)*(r/100)}}},rt.setDashoffset=function(e){var t=Xe(e);return e.setAttribute("stroke-dasharray",t),t},rt.stagger=function(e,t){void 0===t&&(t={});var n=t.direction||"normal",r=t.easing?ve(t.easing):null,o=t.grid,i=t.axis,a=t.from||0,s="first"===a,l="center"===a,u="last"===a,c=ue.arr(e),d=c?parseFloat(e[0]):parseFloat(e),f=c?parseFloat(e[1]):0,h=De(c?e[1]:e)||0,p=t.start||0+(c?d:0),g=[],m=0;return function(e,t,v){if(s&&(a=0),l&&(a=(v-1)/2),u&&(a=v-1),!g.length){for(var y=0;y-1&&et.splice(o,1);for(var s=0;s'].join(""),document.getElementById("featured-image-drop").innerHTML="",document.getElementById("featured-image-drop").appendChild(n)}}(n),o.readAsDataURL(n)}}}},{key:"handleImageUpload",value:function(e,t){var n=this;ht.alert("Uploading Image",null),this.admin.imageUpload(e,t).then((function(e){e.type==d&&n.editor.notify(j,e.url),ht.alert("Image Added to Entry",!0)})).catch((function(){ht.alert("Uh oh. Image not added",!1)}))}}]),t}();pt.uploadFiles=[];var gt=function(){function t(n){e(this,t),this.currentPage=null,this.choosePage(n),this.start()}return n(t,[{key:"start",value:function(){}},{key:"choosePage",value:function(e){switch(this.currentPage="",e){case"edit":case"add":this.currentPage=new pt}}}]),t}(),mt=function(){function t(){e(this,t)}return n(t,[{key:"getInfo",value:function(){var e,t,n=document.getElementById("settings-handle").value,r=document.getElementById("settings-email").value,o=document.getElementById("settings-url").value,i=document.getElementById("settings-title").value,a=document.getElementById("settings-desc").value,s=document.getElementById("render-toggle").getAttribute("data-render"),l=document.getElementById("background").src,u="",c=document.querySelectorAll(".theme-select"),d=document.getElementById("smtp-domain").value,f=document.getElementById("smtp-email").value,h=document.getElementById("smtp-pass").value,p=document.getElementById("mg-domain").value,g=document.getElementById("mg-key").value,m="",v=document.querySelectorAll(".mail-option");for(e=0,t=c.length;e
diff --git a/src/com/controllers/SettingsIndex.js b/src/com/controllers/SettingsIndex.js
index d44121b..9286395 100644
--- a/src/com/controllers/SettingsIndex.js
+++ b/src/com/controllers/SettingsIndex.js
@@ -62,9 +62,11 @@ export default class SettingsIndex {
//document
//.getElementById('privacy-toggle')
//.addEventListener('click', e => this.togglePrivacy(e));
+ /*
document
.getElementById("render-toggle")
.addEventListener("click", (e) => this.toggleRender(e));
+ */
document
.getElementById("send-mail")
.addEventListener("click", (e) => this.handleMailer(e));
@@ -86,9 +88,11 @@ export default class SettingsIndex {
.getElementById("create-backup")
.addEventListener("click", (e) => this.handleBackup(e));
+ /*
document
.getElementById("reindex-pages")
.addEventListener("click", (e) => this.handleReindex(e));
+ */
}
//--------------------------
// event handlers
diff --git a/src/styles/main/_navigation.sass b/src/styles/main/_navigation.sass
index 1c57a11..b2fb2e8 100644
--- a/src/styles/main/_navigation.sass
+++ b/src/styles/main/_navigation.sass
@@ -4,20 +4,22 @@
margin: 0 auto
#nav-index-wrapper
- padding: 0.75rem
-
#nav-pages
.nav-item
display: block
width: 98%
- background: $primary
+ background: $white
border-radius: 3px
- color: $white
+ color: $highlight
height: 30px
padding: 10px
margin: 0 0 10px 0
font-size: 1.5em
cursor: move
+ #item-arrows
+ fill: $primary
+ width: 40px
+ height: 30px
label
display: inline-block
@@ -28,10 +30,17 @@
#nav-btns
float: right
-
+ top: -5px
+ position: relative
button
- font-size: 0.8em
- margin: 0 0 0 10px
+ color: $white
+ border-radius: 3px
+ width: 40px
+ margin: 0 10px 0 10px
+ svg
+ fill: $white
+ width: 25px
+ height: 20px
@media only screen and (max-width: 375px)
#nav-index
diff --git a/src/styles/main/_settings.sass b/src/styles/main/_settings.sass
index 7a87add..accfa57 100644
--- a/src/styles/main/_settings.sass
+++ b/src/styles/main/_settings.sass
@@ -6,11 +6,19 @@
margin-left: -20%
#buttons
width: 155px
- margin: 0 auto
+ margin: 30px auto
+ text-align: center
+ background: $white
+ padding: 2px
+ border-radius: 3px
button
- //width 30%
- margin: 5px
+ color: $white
+ border-radius: 3px
+ width: 40px
+ margin: 0 10px 0 10px
svg
+ width: 25px
+ height: 20px
fill: $white
button[data-render='false']
background: color.adjust($primary, $lightness: -60%)
@@ -49,23 +57,23 @@
width: 94%
max-width: 900px
margin: 0 auto
-
#settings-index-wrapper
padding: 0.75rem
button
margin-top: 5px
width: 100%
- height: 45px
+ height: 33px
#member-settings, #site-settings, #option-settings, #member-utils
- background: $primary
+ background: $white
padding: 5px
border-radius: 5px 0 5px 0
label
- font-family: $monoType
- color: $white
+ font-family: $baseType
+ color: $primary
+ font-weight: bold
span
color: $secondary
@@ -78,11 +86,12 @@
visibility: hidden
display: none
.backup-meta
- background: color.adjust($primary, $lightness: -20%)
+ background: $primary
color: $white
padding: 8px
border-radius: 3px
margin: 5px 0 0 0
+ text-align: center
width: 100%
margin: 20px auto
@@ -117,32 +126,38 @@
width: 95%
margin: 0 5px 10px 0
- textarea
- background: color.adjust($primary, $lightness: -20%)
- width: 95%
- height: 155px
- color: $secondary
- padding: 10px
+ textarea
+ background: $primary
+ width: 93%
+ height: 128px
+ color: $tertiary
+ padding: 10px
+ display: inline-block
#option-settings
#theme-settings
a
width: 95%
margin: 0 5px 5px 0
- height: 25px
+ height: 15px
padding: 10px
display: inline-block
a[data-enabled='false']
- background: color.adjust($primary, $lightness: -60%)
- color: $secondary
- border-radius: 3px
-
- a[data-enabled='true']
- background: $secondary
+ background: $white
color: $primary
border-radius: 3px
+ font-weight: bold
+ border-top: 1px $highlight solid
+ border-bottom: 1px $highlight solid
+ a[data-enabled='true']
+ background: $highlight
+ color: $primary
+ border-radius: 3px
+ font-weight: bold
+ border-top: 1px $primary solid
+ border-bottom: 1px $primary solid
svg
fill: $primary
display: inline-block
@@ -164,7 +179,7 @@
color: $highlight
a.mail-option[data-enabled='false']
- color: $white
+ color: $primary
input
// width 94%