From 0765ea4555f74beb02b6a4a3f7db382ebd3e2b83 Mon Sep 17 00:00:00 2001
From: Ro <ro@playvicio.us>
Date: Mon, 24 May 2021 14:42:46 -0700
Subject: [PATCH] ui overall part 3: settings, site menu editor

---
 brain/views/dash/navigation.twig     | 16 ++++--
 brain/views/dash/settings.twig       | 65 ++++++++++++----------
 public/assets/css/dash.css           | 83 +++++++++++++++++++---------
 public/assets/scripts/dash.min.js    |  2 +-
 src/com/controllers/SettingsIndex.js |  4 ++
 src/styles/main/_navigation.sass     | 23 +++++---
 src/styles/main/_settings.sass       | 61 ++++++++++++--------
 7 files changed, 162 insertions(+), 92 deletions(-)

diff --git a/brain/views/dash/navigation.twig b/brain/views/dash/navigation.twig
index e26a33d..257e42f 100644
--- a/brain/views/dash/navigation.twig
+++ b/brain/views/dash/navigation.twig
@@ -5,7 +5,7 @@
 {% endblock %}
 
 {% block stylesheets %}
-	<link rel="stylesheet" type="text/css" href="/assets/css/dash.css?=adfafd">
+	<link rel="stylesheet" type="text/css" href="/assets/css/dash.css?=sdsdsds">
 	{% endblock %}
 
 	{% block mainContent %}
@@ -14,13 +14,21 @@
 				<div id="nav-pages">
 					{% for item in menu %}
 						<div id="{{item.id}}" class="nav-item" data-slug="{{item.slug}}" data-uuid="{{item.uuid}}" data-path="{{item.path}}">
-							<svg id="item-arrows" viewbox="0 0 20 20" class="icons">
+							<svg id="item-arrows">
 								<use xlink:href="/assets/images/global/sprite.svg#entypo-select-arrows"/>		
 							</svg>
 							<label>{{item.title}}</label>
 							<div id="nav-btns">
-								<button id="edit-item" class="nav-btn" data-id="{{item.uuid}}">EDIT</button>
-								<button id="remove-item" class="nav-btn" data-uuid="{{item.uuid}}" data-id="{{item.id}}">REMOVE</button>
+								<button id="edit-item" class="nav-btn" data-id="{{item.uuid}}" title="edit page">
+									<svg>
+										<use xlink:href="/assets/images/global/sprite.svg#entypo-edit"/>		
+									</svg>
+								</button>
+								<button id="remove-item" class="nav-btn" data-uuid="{{item.uuid}}" data-id="{{item.id}}" title="delete from menu">
+									<svg>
+										<use xlink:href="/assets/images/global/sprite.svg#entypo-cross"/>		
+									</svg>
+								</button>
 							</div>
 							
 						</div>
diff --git a/brain/views/dash/settings.twig b/brain/views/dash/settings.twig
index 6a5401a..ad2111b 100644
--- a/brain/views/dash/settings.twig
+++ b/brain/views/dash/settings.twig
@@ -11,27 +11,22 @@
 {% endblock %}
 
 {% block stylesheets %}
-	<link rel="stylesheet" type="text/css" href="/assets/css/dash.css?=adfafd">
+	<link rel="stylesheet" type="text/css" href="/assets/css/dash.css?=asdfdf">
 	{% endblock %}
 
 	{% block mainContent %}
 		<div id="settings-actions">
 			<div id="buttons">
-				<button id="save-toggle">
-					<svg id="submit-update" viewbox="0 0 20 20" class="icons">
+				<button id="save-toggle" title="save settings">
+					<svg id="submit-update" class="icons">
 						<use id="submit-update" xlink:href="/assets/images/global/sprite.svg#entypo-save"/>		
 					</svg>
 				</button>
-				<button id="publish-pages">
-					<svg id="submit-update" viewbox="0 0 20 20" class="icons">
+				<button id="publish-pages" title="publish site">
+					<svg id="submit-update" class="icons">
 						<use id="submit-update" xlink:href="/assets/images/global/sprite.svg#entypo-publish"/>		
 					</svg>
-				</button>
-				<button id="render-toggle" data-render="{{render}}">
-					<svg id="submit-update" viewbox="0 0 20 20" class="icons">
-						<use id="submit-update" xlink:href="/assets/images/global/sprite.svg#entypo-ccw"/>		
-					</svg>
-				</button>				
+				</button>			
 			</div>
 		</div>
 		<div id="site-background">
@@ -42,39 +37,49 @@
 		<div id="settings-index">
 			<div id="settings-index-wrapper">
 				<div id="member-settings" class="columns">
-					<div id="member-settings-1" class="column">
-						<label> AVATAR </label>
+					<div id="member-settings-1" class="column is-one-third">
 						<div id="member-avatar-drop">
 							<img id="avatar" src="{{member['avatar']}}" for="avatar-upload"/>
 							<input id="avatar-upload" type="file" name="avatar-upload" />
 						</div>
 					</div>
-					<div id="member-settings-2" class="column">
-						<label>INFO</label>
-						<input type='text' name='handle' id='settings-handle' placeholder='handle' value="{{member['handle']}}" autofocus />
-						<input type='text' name='email' id='settings-email' placeholder='email' value="{{member['email']}}" autofocus />
-						<input type='text' name='base-url' id='settings-url' placeholder='url' value="{{baseUrl}}" autofocus />
-						<input type='text' name='base-title' id='settings-title' placeholder='site title' value="{{siteTitle}}" autofocus />
-						<textarea id="settings-desc" type='text' name='settings_desc' class='settings-dec' placeholder='description stuff', autofocus>{{desc}}</textarea>
-					</div>				
+					<div class="column is-three-fifths">
+						<div class="columns">
+							<div id="member-settings-2" class="column">
+								<input type='text' name='handle' id='settings-handle' placeholder='handle' value="{{member['handle']}}" autofocus />
+								<input type='text' name='email' id='settings-email' placeholder='email' value="{{member['email']}}" autofocus />
+								
+							</div>	
+							<div id="member-settings-3" class="column">
+								<input type='text' name='base-url' id='settings-url' placeholder='url' value="{{baseUrl}}" autofocus />
+								<input type='text' name='base-title' id='settings-title' placeholder='site title' value="{{siteTitle}}" autofocus />
+							</div>	
+							
+						</div>
+						<div class="columns">
+							<div class="column is-full">
+								<textarea id="settings-desc" type='text' name='settings_desc' class='settings-dec' placeholder='description stuff', autofocus>{{desc}}</textarea>		
+							</div>	
+							
+						</div>
+						
+						
+					</div>
+					
 				</div>
 				<div id="member-utils" class="columns">
-					<div id="util-1" class="column">
-						<label>BACK UP TOOLS</label> <br  />
-						<button id="create-backup">CREATE BACK UP</button><br  />
+					<div id="util-1" class="column is-one-third">
+						<button id="create-backup">BACK UP YOUR SITE</button><br  />
+					</div>
+					<div id="util-2" class="column is-three-fifths">
 						{% if lastBackup != '' %}
 							<div class="backup-meta">
-								The last back up was created <a href="/api/v1/files">{{lastBackup}}</a><br  />
+								LAST BACK UP <a href="/api/v1/files">{{lastBackup}}</a><br  />
 							</div>
 						{% else %}
 							<span>span No back ups. Frowny face.</span>
 						{% endif %}
 					</div>
-					<div id="util-2" class="column">
-						<label> MAINTENANCE </label><br  />
-						<button id="reindex-pages">REINDEX PAGES</button>
-					</div>
-					
 				</div>
 				<div id="option-settings" class="columns">
 					<div id="theme-settings" class="column">
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;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function n(e,n,r){return n&&t(e.prototype,n),r&&t(e,r),e}function r(e){return(r=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function o(e,t){return(o=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function i(e,t){return!t||"object"!=typeof t&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function a(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,o=r(e);if(t){var a=r(this).constructor;n=Reflect.construct(o,arguments,a)}else n=o.apply(this,arguments);return i(this,n)}}var s="getAuthStatus",l="requestLame",u="apiUseAuthorized",c="apiUseNotAuthorized",d="postImageAdded",f="postError",h="postUpdated",p="avatarUploaded",g="writingItDown",m="erasingPage",v="savingSettings",y="createBackup",b="downloadBackup",w="uploadProfileImages",E="renderPages",I="reindexPages",k="blogInit",S="blogInitLame",T="retrieveSecret",x="resetPassword",D="sendMail",P=(new function t(){e(this,t)},"POST"),_="GET",B="json",C="x-www-form-urlencoded",O=function(){function t(){e(this,t)}return n(t,[{key:"login",value:function(e){var t=this;return new Promise((function(n,r){t._request("/api/v1/login",s,P,B,e).then((function(e){n(e)})).catch((function(e){r(e)}))}))}},{key:"init",value:function(e){var t=this;return new Promise((function(n,r){t._request("/api/v1/init",k,P,B,e).then((function(e){n(e)})).catch((function(e){r(e)}))}))}},{key:"handleInitRestore",value:function(e){var t=this;return new Promise((function(n,r){var o;o=new FormData(e),t._request("/api/v1/restore","downloadBackup","POST","x-www-form-urlencoded",o).then((function(e){n(e)})).catch((function(e){r(e)}))}))}},{key:"getPages",value:function(e){var t=this,n=e;return null!==n&&""!==n&&n||(n=1),new Promise((function(e,r){t._request("/api/v1/page/published/"+n,void 0,_).then((function(t){e(t)})).catch((function(e){r(e)}))}))}},{key:"getSecret",value:function(e){var t=this;return new Promise((function(n,r){t._request("/api/v1/get-secret",T,P,B,e).then((function(e){n(e)})).catch((function(e){r(e)}))}))}},{key:"setNewPass",value:function(e){var t=this;return new Promise((function(n,r){t._request("/api/v1/reset-password",x,P,B,e).then((function(e){n(e)})).catch((function(e){r(e)}))}))}},{key:"getPage",value:function(e){var t=this;return new Promise((function(n,r){t._request("/api/v1/page/single/"+e,void 0,_).then((function(e){n(e)})).catch((function(e){r(e)}))}))}},{key:"_request",value:function(e,t){var n=arguments.length>2&&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;s<t.length;s++){var l=t[s];l.type.match("image.*")&&("avatar-upload"===e?a.append("avatar_upload",l,l.name):"background-upload"===e?a.append("background_upload",l,l.name):a.append("post_image",l,l.name))}n._request(i,w,M,H,a).then((function(e){r(e)})).catch((function(e){o(e)}))}))}},{key:"publishSite",value:function(e){var t=this;return new Promise((function(n,r){t._request("/api/v1/settings/publish",E,M,R,e).then((function(e){n(e)})).catch((function(e){r(e)}))}))}},{key:"pageActions",value:function(e,t){var n,r,o,i=this;switch(e){case A:n="/api/v1/page/create",r=g,o=H;break;case N:n="/api/v1/page/write",r=g,o=H;break;case L:n="/api/v1/page/delete",r=m,o=R}return new Promise((function(e,a){i._request(n,r,M,o,t).then((function(t){e(t)})).catch((function(e){a(e)}))}))}},{key:"syncNav",value:function(e){var t=this;return new Promise((function(n,r){t._request("/api/v1/settings/nav-sync",v,M,R,e).then((function(e){n(e)})).catch((function(e){r(e)}))}))}},{key:"sendMail",value:function(e){var t=this;return new Promise((function(n,r){t._request("/api/v1/mailer",D,M,R,e).then((function(e){n(e)})).catch((function(e){r(e)}))}))}},{key:"handleBackup",value:function(e,t){var n=this;return new Promise((function(r,o){var i,a,s,l,u;if("create-backup"===e)i="/api/v1/backup",a=y,s=M,l=R,u={task:"create_backup"};else{i="/api/v1/backup/restore",a=b,s=M,l=H,u=new FormData;for(var c=0;c<t.length;c++){var d=t[c];d.type.match("application.zip")&&u.append("backup_upload",d,d.name)}}n._request(i,a,s,l,u).then((function(e){r(e)})).catch((function(e){o(e)}))}))}},{key:"handleReindex",value:function(e){var t=this;return new Promise((function(n,r){t._request("/api/v1/settings/reindex",I,M,R,e).then((function(e){n(e)})).catch((function(e){r(e)}))}))}},{key:"_request",value:function(e,t){var n=arguments.length>2&&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(/&lt;/g,"<").replace(/&gt;/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<t.length;r++)0===i[t[r]]?o=!0:i[t[r]]&&(n|=i[t[r]]);t=n}return t&i.ENT_HTML_QUOTE_SINGLE&&(e=e.replace(/&#0*39;/g,"'")),o||(e=e.replace(/&quot;/g,'"')),e=e.replace(/&amp;/g,"&")}}]),t}(),U=function(){function t(){e(this,t)}return n(t,[{key:"collectInfo",value:function(e){return new Promise((function(t,n){var r=new FormData,o=document.createElement("textarea");o.innerHTML=document.getElementById("edit-post-text").innerHTML;var i=o.value;if(i=i.replace(/<\/?br[^>]*>/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,"<br/>")};(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='<span style="position: relative; display: inline;">'.concat(o(a),"</span>");l+='<span id="caret-position-marker" style="position: relative; display: inline;">|</span>',l+='<span style="position: relative; display: inline;">'.concat(o(s),"</span>");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<s.childNodes.length;l++){var u=s.childNodes[l];if(i)break;if(3===u.nodeType){if(o+u.length>=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<o;r++)n[r].addEventListener("click",(function(t){return e.handleEditorOption(t)}),!1);this.textEditor.addEventListener("input",(function(n){var r=e.textEditor.innerText;if("insertParagraph"!=n.inputType&&r.search(/<[a-z][\s\S]*>/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"),"<br>");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("<del>"+r+"</del>"));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<t;r++)n[r-1]=arguments[r];var o=this.listeners.get(e);return!(!o||!o.length)&&(o.forEach((function(e){e.apply(void 0,n)})),!0)}}]),t}()),ne={update:null,begin:null,loopBegin:null,changeBegin:null,change:null,changeComplete:null,loopComplete:null,complete:null,loop:1,direction:"normal",autoplay:!0,timelineOffset:0},re={duration:1e3,delay:0,endDelay:0,easing:"easeOutElastic(1, .5)",round:0},oe=["translateX","translateY","translateZ","rotate","rotateX","rotateY","rotateZ","scale","scaleX","scaleY","scaleZ","skew","skewX","skewY","perspective","matrix","matrix3d"],ie={CSS:{},springs:{}};function ae(e,t,n){return Math.min(Math.max(e,t),n)}function se(e,t){return e.indexOf(t)>-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;i<n;i++)if(i in e){var a=e[i];t.call(r,a,i,e)&&o.push(a)}return o}function we(e){return e.reduce((function(e,t){return e.concat(ue.arr(t)?we(t):t)}),[])}function Ee(e){return ue.arr(e)?e:(ue.str(e)&&(e=ye(e)||e),e instanceof NodeList||e instanceof HTMLCollection?[].slice.call(e):[e])}function Ie(e,t){return e.some((function(e){return e===t}))}function ke(e){var t={};for(var n in e)t[n]=e[n];return t}function Se(e,t){var n=ke(e);for(var r in e)n[r]=t.hasOwnProperty(r)?t[r]:e[r];return n}function Te(e,t){var n=ke(e);for(var r in t)n[r]=ue.und(e[r])?t[r]:e[r];return n}function xe(e){return ue.rgb(e)?(t=e,(n=/rgb\((\d+,\s*[\d]+,\s*[\d]+)\)/g.exec(t))?"rgba("+n[1]+",1)":t):ue.hex(e)?function(e){var t=e.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i,(function(e,t,n,r){return t+t+n+n+r+r})),n=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(t);return"rgba("+parseInt(n[1],16)+","+parseInt(n[2],16)+","+parseInt(n[3],16)+",1)"}(e):ue.hsl(e)?function(e){var t,n,r,o=/hsl\((\d+),\s*([\d.]+)%,\s*([\d.]+)%\)/g.exec(e)||/hsla\((\d+),\s*([\d.]+)%,\s*([\d.]+)%,\s*([\d.]+)\)/g.exec(e),i=parseInt(o[1],10)/360,a=parseInt(o[2],10)/100,s=parseInt(o[3],10)/100,l=o[4]||1;function u(e,t,n){return n<0&&(n+=1),n>1&&(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;o<n.numberOfItems;o++){var i=n.getItem(o);o>0&&(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;o<t.length;o++)r(o);return n}(r),t)),t)ue.key(o)&&n.push({name:o,tweens:ze(t[o],e)});return n}function Qe(e,t){var n;return e.tweens.map((function(r){var o=function(e,t){var n={};for(var r in e){var o=Pe(e[r],t);ue.arr(o)&&1===(o=o.map((function(e){return Pe(e,t)}))).length&&(o=o[0]),n[r]=o}return n.duration=parseFloat(n.duration),n.delay=parseFloat(n.delay),n}(r,t),i=o.value,a=ue.arr(i)?i[1]:i,s=De(a),l=Ne(t.target,e.name,s,t),u=n?n.to.original:l,c=ue.arr(i)?i[0]:u,d=De(c)||De(l),f=s||d;return ue.und(a)&&(a=u),o.from=Ye(c,f),o.to=Ye(Le(a,c),f),o.start=n?n.end:0,o.end=o.start+o.delay+o.duration+o.endDelay,o.easing=ve(o.easing,o.duration),o.isPath=ue.pth(i),o.isPathTargetInsideSVG=o.isPath&&ue.svg(t.target),o.isColor=ue.col(o.from.original),o.isColor&&(o.round=1),n=o,o}))}var Ve={css:function(e,t,n){return e.style[t]=n},attribute:function(e,t,n){return e.setAttribute(t,n)},object:function(e,t,n){return e[t]=n},transform:function(e,t,n,r,o){if(r.list.set(t,n),t===r.last||o){var i="";r.list.forEach((function(e,t){i+=t+"("+e+") "})),e.style.transform=i}}};function Je(e,t){We(e).forEach((function(e){for(var n in t){var r=Pe(t[n],e),o=e.target,i=De(r),a=Ne(o,n,i,e),s=Le(Re(r,i||De(a)),a),l=Oe(o,n);Ve[l](o,n,s,e.transforms,!0)}}))}function $e(e,t){return be(we(e.map((function(e){return t.map((function(t){return function(e,t){var n=Oe(e.target,t.name);if(n){var r=Qe(t,e),o=r[r.length-1];return{type:n,property:t.name,animatable:e,tweens:r,duration:o.end,delay:r[0].delay,endDelay:o.endDelay}}}(e,t)}))}))),(function(e){return!ue.und(e)}))}function Ze(e,t){var n=e.length,r=function(e){return e.timelineOffset?e.timelineOffset:0},o={};return o.duration=n?Math.max.apply(Math,e.map((function(e){return r(e)+e.duration}))):t.duration,o.delay=n?Math.min.apply(Math,e.map((function(e){return r(e)+e.delay}))):t.delay,o.endDelay=n?o.duration-Math.max.apply(Math,e.map((function(e){return r(e)+e.duration-e.endDelay}))):t.endDelay,o}var Ke=0;var et=[],tt=function(){var e;function t(n){for(var r=et.length,o=0;o<r;){var i=et[o];i.paused?(et.splice(o,1),r--):(i.tick(n),o++)}e=o>0?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;t<r;){var o=n[t],i=o.animatable,a=o.tweens,s=a.length-1,u=a[s];s&&(u=be(a,(function(t){return e<t.end}))[0]||u);for(var c=ae(e-u.start-u.delay,0,u.duration)/u.duration,d=isNaN(c)?1:u.easing(c),f=u.to.strings,h=u.round,p=[],g=u.to.numbers.length,m=void 0,v=0;v<g;v++){var y=void 0,b=u.to.numbers[v],w=u.from.numbers[v]||0
-;y=u.isPath?Ue(u.value,d*b,u.isPathTargetInsideSVG):w+d*(b-w),h&&(u.isColor&&v>2||(y=Math.round(y*h)/h)),p.push(y)}var E=f.length;if(E){m=f[0];for(var I=0;I<E;I++){f[I];var k=f[I+1],S=p[I];isNaN(S)||(m+=k?S+k:S+" ")}}else m=p[0];Ve[o.type](i.target,o.property,m,i.transforms),o.currentValue=m,t++}}function p(e){l[e]&&!l.passThrough&&l[e](l)}function g(e){var d=l.duration,g=l.delay,m=d-l.endDelay,v=c(e);l.progress=ae(v/d*100,0,100),l.reversePlayback=v<l.currentTime,t&&function(e){if(l.reversePlayback)for(var n=i;n--;)f(e,t[n]);else for(var r=0;r<i;r++)f(e,t[r])}(v),!l.began&&l.currentTime>0&&(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<m?(l.changeBegan||(l.changeBegan=!0,l.changeCompleted=!1,p("changeBegin")),p("change"),h(v)):l.changeBegan&&(l.changeCompleted=!0,l.changeBegan=!1,p("changeComplete")),l.currentTime=ae(v,0,d),l.began&&p("update"),e>=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<v;y++){if(o){var b=l?(o[0]-1)/2:a%o[0],w=l?(o[1]-1)/2:Math.floor(a/o[0]),E=b-y%o[0],I=w-Math.floor(y/o[0]),k=Math.sqrt(E*E+I*I);"x"===i&&(k=-E),"y"===i&&(k=-I),g.push(k)}else g.push(Math.abs(a-y));m=Math.max.apply(Math,g)}r&&(g=g.map((function(e){return r(e/m)*m}))),"reverse"===n&&(g=g.map((function(e){return i?e<0?-1*e:-e:Math.abs(m-e)})))}return p+(c?(f-d)/m:d)*(Math.round(100*g[t])/100)+h}},rt.timeline=function(e){void 0===e&&(e={});var t=rt(e);return t.duration=0,t.add=function(n,r){var o=et.indexOf(t),i=t.children;function a(e){e.passThrough=!0}o>-1&&et.splice(o,1);for(var s=0;s<i.length;s++)a(i[s]);var l=Te(n,Se(re,e));l.targets=l.targets||e.targets;var u=t.duration;l.autoplay=!1,l.direction=t.direction,l.timelineOffset=ue.und(r)?u:Le(r,u),a(t),t.seek(l.timelineOffset);var c=rt(l);a(c),i.push(c);var d=Ze(i,e);return t.delay=d.delay,t.endDelay=d.endDelay,t.duration=d.duration,t.seek(0),t.reset(),t.autoplay&&t.play(),t},t},rt.easing=ve,rt.penner=me,rt.random=function(e,t){return Math.floor(Math.random()*(t-e+1))+e};var at=document.getElementById("notifications"),st=document.getElementById("notifyMessage"),lt=document.getElementById("message-text"),ut=document.getElementById("notify-good"),ct=document.getElementById("notify-lame"),dt=document.getElementById("notify-working"),ft=function(){function t(){e(this,t)}return n(t,[{key:"alert",value:function(e,t){dt.style.display="none",ut.style.display="none",ct.style.display="none";var n="";null!==t?t?(n="#32cd32",dt.style.display="none",ut.style.display="block"):(n="#F64747",dt.style.display="none",ct.style.display="block"):(n="#200317",dt.style.display="block"),lt.innerHTML=e,rt({targets:at,marginTop:"0",easing:"easeInOutQuint",duration:10,complete:function(){rt({targets:st,rotateX:"0",easing:"easeInOutQuint",duration:700}),rt({targets:lt,backgroundColor:n,easing:"easeInOutQuint",duration:700,complete:function(){setTimeout((function(){null!==t&&rt({targets:st,rotateX:"-120",easing:"easeInOutQuint",duration:700,complete:function(){rt({targets:at,marginTop:"-55",easing:"easeInOutQuint",delay:700,duration:50})}})}),1e3)}})}})}}]),t}(),ht=new ft,pt=function(){function t(){var n=this;e(this,t),this.processing=!1;var r=this;this.admin=new F,this.urlPieces=document.URL.split("/"),this.post=[],this.postID=null,this.postUUID=null,this.postLayout=null,document.getElementById("post-edit-index").getAttribute("data-index")&&(this.postID=document.getElementById("post-edit-index").getAttribute("data-index"),this.postUUID=document.getElementById("post-edit-index").getAttribute("data-uuid"),this.postLayout=document.getElementById("post-edit-index").getAttribute("data-layout")),document.getElementById("edit-post-text")&&(this.editor=new te(document.getElementById("edit-post-text"),document.getElementById("header").offsetHeight+document.getElementById("post-header").offsetHeight+document.getElementById("post-feature").offsetHeight),this.editor.addListener(Y,(function(){return n.handleEditorOptions(Y)}),!1),this.editor.addListener(j,(function(){return n.handleEditorOptions(j)}),!1),this.editor.addListener(z,(function(){return n.handleEditorOptions(z)}),!1),this.editor.addListener(W,(function(){return n.handleEditorOptions(W)}),!1),document.getElementById("post-image-upload").addEventListener("change",(function(e){r.handleImageUpload(e.target.id,e.target.files)}),!1),this.start())}return n(t,[{key:"start",value:function(){var e=this;if(document.getElementById("featured-image-drop")){document.getElementById("featured-image-drop").addEventListener("dragover",this.handleImageActions,!1),document.getElementById("featured-image-drop").addEventListener("drop",this.handleImageActions,!1),document.getElementById("featured-image-upload").addEventListener("change",(function(t){return e.handleImageActions(t)}),!1),document.getElementById("new-feature-upload")&&document.getElementById("new-feature-upload").addEventListener("click",(function(){document.getElementById("featured-image-upload").click()}));for(var t=document.querySelectorAll(".post-option-btn"),n=0,r=t.length;n<r;n++)t[n].addEventListener("click",(function(t){return e.handlePostOptions(t)}),!1)}}},{key:"handlePostOptions",value:function(e){var t;switch(e.target.id){case"option-page-icon":case"option-menu-pin":t=document.getElementById("option-menu-pin");break;case"option-feature-icon":case"option-feature":t=document.getElementById("option-feature");break;case"option-published-icon":case"option-published":t=document.getElementById("option-published")}"false"==t.getAttribute("data-active")?t.setAttribute("data-active","true"):t.setAttribute("data-active","false")}},{key:"handleEditorOptions",value:function(e){if(!this.processing){var t=this;switch(e){case W:case z:var n="";n=e===W?A:N,(new U).collectInfo(document.getElementById("featured-image-upload").files[0]).then((function(e){t.processing=!0,ht.alert("Writing down changes",null),t.admin.pageActions(n,e).then((function(e){t.processing=!1,e.type===f||e.type===c?ht.alert(e.message,!1):e.type===h?ht.alert(e.message,!0):(ht.alert(e.message,!0),window.location="/dashboard/page/edit/"+e.id)})).catch((function(e){t.processing=!1,ht.alert(e,!1)}))}));break;case Y:if("index"===this.postLayout)return void ht.alert("Index cannot be deleted",!1);if(confirm("AYE! You know you're deleting this post, right?")){var r={id:this.postUUID};t.processing=!0,this.admin.pageActions(L,r).then((function(){t.processing=!1,window.location="/dashboard/pages"})).catch((function(e){t.processing=!1,ht.alert(e,!1)}))}break;case j:document.getElementById("post-image-upload").click()}}}},{key:"handleImageActions",value:function(e){switch(e.stopPropagation(),e.preventDefault(),e.type){case"dragover":e.dataTransfer.dropEffect="copy";break;case"change":case"drop":"drop"==e.type?t.uploadFiles=e.dataTransfer.files:t.uploadFiles=e.target.files;for(var n,r=0;n=t.uploadFiles[r];r++)if(n.type.match("image.*")){var o=new FileReader;o.onload=function(e){return function(t){var n=document.createElement("img");n.src=t.target.result,n.title=escape(e.name),document.createElement("div").innerHTML=['<img src="',t.target.result,'" title="',escape(e.name),'"/>'].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<t;e++)"true"==c[e].getAttribute("data-enabled")&&(u=c[e].id);for(e=0,t=v.length;e<t;e++)"true"==v[e].getAttribute("data-enabled")&&(m=v[e].id);var y={global:{base_url:o,title:i,descriptions:a,background:l,private:!1,renderOnSave:s,theme:u},member:{handle:n,email:r},email:{active:m,smtp:{domain:d,email:f,password:h},mailgun:{domain:p,key:g}}};return new Promise((function(e){e(y)}))}}]),t}(),vt=new ft,yt=function(){function t(){e(this,t)}return n(t,[{key:"sendMail",value:function(){(new F).sendMail({content:"This is a test email"}).then((function(e){vt.alert(e.message,!0)})).catch((function(e){vt.alert(e.message,!1)}))}},{key:"testMail",value:function(){(new F).sendMail({content:"This is a test email",mail_task:"TESTING"}).then((function(e){vt.alert(e.message,!0)})).catch((function(e){vt.alert(e.message,!1)}))}}]),t}(),bt=new ft,wt=function(){function t(){e(this,t),this.processing=!1,this.start(),this.admin=new F}return n(t,[{key:"start",value:function(){var e=this,t=this;document.getElementById("save-toggle").addEventListener("click",(function(){return(new mt).getInfo().then((function(e){bt.alert("Saving Settings",null),t.admin.syncSettings(e).then((function(e){e.type,bt.alert(e.message,!0)}))})).catch((function(){}))})),document.getElementById("avatar").addEventListener("click",(function(){document.getElementById("avatar-upload").click()})),document.getElementById("background").addEventListener("click",(function(){document.getElementById("background-upload").click()})),document.getElementById("avatar-upload").addEventListener("change",(function(e){t.handleImageUpload(e.target.id,e.target.files)}),!1),document.getElementById("background-upload").addEventListener("change",(function(e){t.handleImageUpload(e.target.id,e.target.files)}),!1),document.getElementById("render-toggle").addEventListener("click",(function(t){return e.toggleRender(t)})),document.getElementById("send-mail").addEventListener("click",(function(t){return e.handleMailer(t)})),document.getElementById("publish-pages").addEventListener("click",(function(t){return e.handlePublished(t)}));for(var n=document.querySelectorAll(".theme-select"),r=0,o=n.length;r<o;r++)n[r].addEventListener("click",(function(t){return e.handleThemes(t)}));var i=document.querySelectorAll(".mail-option");for(r=0,o=i.length;r<o;r++)i[r].addEventListener("click",(function(t){return e.handleMailOptions(t)}));document.getElementById("create-backup").addEventListener("click",(function(t){return e.handleBackup(t)})),document.getElementById("reindex-pages").addEventListener("click",(function(t){return e.handleReindex(t)}))}},{key:"togglePrivacy",value:function(e){e.stopPropagation(),e.preventDefault(),"false"==e.target.getAttribute("data-private")?(e.target.setAttribute("data-private","true"),e.target.innerHTML="SITE IS PUBLIC"):(e.target.setAttribute("data-private","false"),e.target.innerHTML="SITE IS PRIVATE")}},{key:"toggleRender",value:function(e){e.stopPropagation(),e.preventDefault(),"false"==e.target.getAttribute("data-render")?e.target.setAttribute("data-render","true"):e.target.setAttribute("data-render","false")}},{key:"handleMailer",value:function(){(new yt).testMail()}},{key:"handleThemes",value:function(e){e.stopPropagation(),e.preventDefault();for(var t=document.querySelectorAll(".theme-select"),n=0,r=t.length;n<r;n++)e.target.id==t[n].id?t[n].setAttribute("data-enabled","true"):t[n].setAttribute("data-enabled","false")}},{key:"handleMailOptions",value:function(e){e.preventDefault(),e.stopPropagation();for(var t=document.getElementById("mail-smtp"),n=document.getElementById("mail-mg"),r=document.querySelectorAll(".mail-option"),o=0,i=r.length;o<i;o++)e.target.id==r[o].id?(r[o].setAttribute("data-enabled","true"),"option-smtp"==e.target.id?(t.setAttribute("data-enabled","true"),n.setAttribute("data-enabled","false")):"option-none"==e.target.id?(t.setAttribute("data-enabled","false"),n.setAttribute("data-enabled","false")):(t.setAttribute("data-enabled","false"),n.setAttribute("data-enabled","true"))):r[o].setAttribute("data-enabled","false")}},{key:"handleImageUpload",value:function(e,t){bt.alert("Uploading Image... ",null),this.admin.imageUpload(e,t).then((function(e){e.type==p?(bt.alert(e.message,!0),document.getElementById("avatar").src=e.url):(bt.alert(e.message,!0),document.getElementById("background").src=e.url)})).catch((function(){}))}},{key:"handlePublished",value:function(e){if(!this.processing){e.preventDefault(),e.stopPropagation();var t=this;this.processing=!0,bt.alert("Publishing site...",null),this.admin.publishSite({task:"publish all pages"}).then((function(e){t.processing=!1,bt.alert(e.message,!0)})).catch((function(e){t.processing=!1,bt.alert(e,!1)}))}}},{key:"handleBackup",value:function(e){if(!this.processing){var t=this;e.preventDefault(),e.stopPropagation(),bt.alert("Creating backup",null),this.processing=!0,this.admin.handleBackup(e.target.id,e.target.files).then((function(e){t.processing=!1,bt.alert(e.message,!0)})).catch((function(e){t.processing=!1,bt.alert(e,!1)}))}}},{key:"handleReindex",value:function(e){if(!this.processing){var t=this;e.preventDefault(),e.stopPropagation();this.processing=!0,bt.alert("Cleaning up page indexes",null),this.admin.handleReindex({task:"cleanup pages indexes"}).then((function(e){t.processing=!1,bt.alert(e.message,!0)})).catch((function(e){t.processing=!1,bt.alert(e,!1)}))}}}]),t}(),Et=function(){function t(){e(this,t)}return n(t,[{key:"syncMenu",value:function(){for(var e=[],t=document.getElementById("nav-pages").children,n=0;n<t.length;n++)e.push({title:t[n].getElementsByTagName("label")[0].innerHTML,id:t[n].id,slug:t[n].getAttribute("data-slug"),uuid:t[n].getAttribute("data-uuid"),path:t[n].getAttribute("data-path")});var r={menu:e,remove:null};return new Promise((function(e){e(r)}))}},{key:"removeItem",value:function(e){document.getElementById("nav-pages").removeChild(document.getElementById(e))}}]),t}();
+;y=u.isPath?Ue(u.value,d*b,u.isPathTargetInsideSVG):w+d*(b-w),h&&(u.isColor&&v>2||(y=Math.round(y*h)/h)),p.push(y)}var E=f.length;if(E){m=f[0];for(var I=0;I<E;I++){f[I];var k=f[I+1],S=p[I];isNaN(S)||(m+=k?S+k:S+" ")}}else m=p[0];Ve[o.type](i.target,o.property,m,i.transforms),o.currentValue=m,t++}}function p(e){l[e]&&!l.passThrough&&l[e](l)}function g(e){var d=l.duration,g=l.delay,m=d-l.endDelay,v=c(e);l.progress=ae(v/d*100,0,100),l.reversePlayback=v<l.currentTime,t&&function(e){if(l.reversePlayback)for(var n=i;n--;)f(e,t[n]);else for(var r=0;r<i;r++)f(e,t[r])}(v),!l.began&&l.currentTime>0&&(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<m?(l.changeBegan||(l.changeBegan=!0,l.changeCompleted=!1,p("changeBegin")),p("change"),h(v)):l.changeBegan&&(l.changeCompleted=!0,l.changeBegan=!1,p("changeComplete")),l.currentTime=ae(v,0,d),l.began&&p("update"),e>=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<v;y++){if(o){var b=l?(o[0]-1)/2:a%o[0],w=l?(o[1]-1)/2:Math.floor(a/o[0]),E=b-y%o[0],I=w-Math.floor(y/o[0]),k=Math.sqrt(E*E+I*I);"x"===i&&(k=-E),"y"===i&&(k=-I),g.push(k)}else g.push(Math.abs(a-y));m=Math.max.apply(Math,g)}r&&(g=g.map((function(e){return r(e/m)*m}))),"reverse"===n&&(g=g.map((function(e){return i?e<0?-1*e:-e:Math.abs(m-e)})))}return p+(c?(f-d)/m:d)*(Math.round(100*g[t])/100)+h}},rt.timeline=function(e){void 0===e&&(e={});var t=rt(e);return t.duration=0,t.add=function(n,r){var o=et.indexOf(t),i=t.children;function a(e){e.passThrough=!0}o>-1&&et.splice(o,1);for(var s=0;s<i.length;s++)a(i[s]);var l=Te(n,Se(re,e));l.targets=l.targets||e.targets;var u=t.duration;l.autoplay=!1,l.direction=t.direction,l.timelineOffset=ue.und(r)?u:Le(r,u),a(t),t.seek(l.timelineOffset);var c=rt(l);a(c),i.push(c);var d=Ze(i,e);return t.delay=d.delay,t.endDelay=d.endDelay,t.duration=d.duration,t.seek(0),t.reset(),t.autoplay&&t.play(),t},t},rt.easing=ve,rt.penner=me,rt.random=function(e,t){return Math.floor(Math.random()*(t-e+1))+e};var at=document.getElementById("notifications"),st=document.getElementById("notifyMessage"),lt=document.getElementById("message-text"),ut=document.getElementById("notify-good"),ct=document.getElementById("notify-lame"),dt=document.getElementById("notify-working"),ft=function(){function t(){e(this,t)}return n(t,[{key:"alert",value:function(e,t){dt.style.display="none",ut.style.display="none",ct.style.display="none";var n="";null!==t?t?(n="#32cd32",dt.style.display="none",ut.style.display="block"):(n="#F64747",dt.style.display="none",ct.style.display="block"):(n="#200317",dt.style.display="block"),lt.innerHTML=e,rt({targets:at,marginTop:"0",easing:"easeInOutQuint",duration:10,complete:function(){rt({targets:st,rotateX:"0",easing:"easeInOutQuint",duration:700}),rt({targets:lt,backgroundColor:n,easing:"easeInOutQuint",duration:700,complete:function(){setTimeout((function(){null!==t&&rt({targets:st,rotateX:"-120",easing:"easeInOutQuint",duration:700,complete:function(){rt({targets:at,marginTop:"-55",easing:"easeInOutQuint",delay:700,duration:50})}})}),1e3)}})}})}}]),t}(),ht=new ft,pt=function(){function t(){var n=this;e(this,t),this.processing=!1;var r=this;this.admin=new F,this.urlPieces=document.URL.split("/"),this.post=[],this.postID=null,this.postUUID=null,this.postLayout=null,document.getElementById("post-edit-index").getAttribute("data-index")&&(this.postID=document.getElementById("post-edit-index").getAttribute("data-index"),this.postUUID=document.getElementById("post-edit-index").getAttribute("data-uuid"),this.postLayout=document.getElementById("post-edit-index").getAttribute("data-layout")),document.getElementById("edit-post-text")&&(this.editor=new te(document.getElementById("edit-post-text"),document.getElementById("header").offsetHeight+document.getElementById("post-header").offsetHeight+document.getElementById("post-feature").offsetHeight),this.editor.addListener(Y,(function(){return n.handleEditorOptions(Y)}),!1),this.editor.addListener(j,(function(){return n.handleEditorOptions(j)}),!1),this.editor.addListener(z,(function(){return n.handleEditorOptions(z)}),!1),this.editor.addListener(W,(function(){return n.handleEditorOptions(W)}),!1),document.getElementById("post-image-upload").addEventListener("change",(function(e){r.handleImageUpload(e.target.id,e.target.files)}),!1),this.start())}return n(t,[{key:"start",value:function(){var e=this;if(document.getElementById("featured-image-drop")){document.getElementById("featured-image-drop").addEventListener("dragover",this.handleImageActions,!1),document.getElementById("featured-image-drop").addEventListener("drop",this.handleImageActions,!1),document.getElementById("featured-image-upload").addEventListener("change",(function(t){return e.handleImageActions(t)}),!1),document.getElementById("new-feature-upload")&&document.getElementById("new-feature-upload").addEventListener("click",(function(){document.getElementById("featured-image-upload").click()}));for(var t=document.querySelectorAll(".post-option-btn"),n=0,r=t.length;n<r;n++)t[n].addEventListener("click",(function(t){return e.handlePostOptions(t)}),!1)}}},{key:"handlePostOptions",value:function(e){var t;switch(e.target.id){case"option-page-icon":case"option-menu-pin":t=document.getElementById("option-menu-pin");break;case"option-feature-icon":case"option-feature":t=document.getElementById("option-feature");break;case"option-published-icon":case"option-published":t=document.getElementById("option-published")}"false"==t.getAttribute("data-active")?t.setAttribute("data-active","true"):t.setAttribute("data-active","false")}},{key:"handleEditorOptions",value:function(e){if(!this.processing){var t=this;switch(e){case W:case z:var n="";n=e===W?A:N,(new U).collectInfo(document.getElementById("featured-image-upload").files[0]).then((function(e){t.processing=!0,ht.alert("Writing down changes",null),t.admin.pageActions(n,e).then((function(e){t.processing=!1,e.type===f||e.type===c?ht.alert(e.message,!1):e.type===h?ht.alert(e.message,!0):(ht.alert(e.message,!0),window.location="/dashboard/page/edit/"+e.id)})).catch((function(e){t.processing=!1,ht.alert(e,!1)}))}));break;case Y:if("index"===this.postLayout)return void ht.alert("Index cannot be deleted",!1);if(confirm("AYE! You know you're deleting this post, right?")){var r={id:this.postUUID};t.processing=!0,this.admin.pageActions(L,r).then((function(){t.processing=!1,window.location="/dashboard/pages"})).catch((function(e){t.processing=!1,ht.alert(e,!1)}))}break;case j:document.getElementById("post-image-upload").click()}}}},{key:"handleImageActions",value:function(e){switch(e.stopPropagation(),e.preventDefault(),e.type){case"dragover":e.dataTransfer.dropEffect="copy";break;case"change":case"drop":"drop"==e.type?t.uploadFiles=e.dataTransfer.files:t.uploadFiles=e.target.files;for(var n,r=0;n=t.uploadFiles[r];r++)if(n.type.match("image.*")){var o=new FileReader;o.onload=function(e){return function(t){var n=document.createElement("img");n.src=t.target.result,n.title=escape(e.name),document.createElement("div").innerHTML=['<img src="',t.target.result,'" title="',escape(e.name),'"/>'].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<t;e++)"true"==c[e].getAttribute("data-enabled")&&(u=c[e].id);for(e=0,t=v.length;e<t;e++)"true"==v[e].getAttribute("data-enabled")&&(m=v[e].id);var y={global:{base_url:o,title:i,descriptions:a,background:l,private:!1,renderOnSave:s,theme:u},member:{handle:n,email:r},email:{active:m,smtp:{domain:d,email:f,password:h},mailgun:{domain:p,key:g}}};return new Promise((function(e){e(y)}))}}]),t}(),vt=new ft,yt=function(){function t(){e(this,t)}return n(t,[{key:"sendMail",value:function(){(new F).sendMail({content:"This is a test email"}).then((function(e){vt.alert(e.message,!0)})).catch((function(e){vt.alert(e.message,!1)}))}},{key:"testMail",value:function(){(new F).sendMail({content:"This is a test email",mail_task:"TESTING"}).then((function(e){vt.alert(e.message,!0)})).catch((function(e){vt.alert(e.message,!1)}))}}]),t}(),bt=new ft,wt=function(){function t(){e(this,t),this.processing=!1,this.start(),this.admin=new F}return n(t,[{key:"start",value:function(){var e=this,t=this;document.getElementById("save-toggle").addEventListener("click",(function(){return(new mt).getInfo().then((function(e){bt.alert("Saving Settings",null),t.admin.syncSettings(e).then((function(e){e.type,bt.alert(e.message,!0)}))})).catch((function(){}))})),document.getElementById("avatar").addEventListener("click",(function(){document.getElementById("avatar-upload").click()})),document.getElementById("background").addEventListener("click",(function(){document.getElementById("background-upload").click()})),document.getElementById("avatar-upload").addEventListener("change",(function(e){t.handleImageUpload(e.target.id,e.target.files)}),!1),document.getElementById("background-upload").addEventListener("change",(function(e){t.handleImageUpload(e.target.id,e.target.files)}),!1),document.getElementById("send-mail").addEventListener("click",(function(t){return e.handleMailer(t)})),document.getElementById("publish-pages").addEventListener("click",(function(t){return e.handlePublished(t)}));for(var n=document.querySelectorAll(".theme-select"),r=0,o=n.length;r<o;r++)n[r].addEventListener("click",(function(t){return e.handleThemes(t)}));var i=document.querySelectorAll(".mail-option");for(r=0,o=i.length;r<o;r++)i[r].addEventListener("click",(function(t){return e.handleMailOptions(t)}));document.getElementById("create-backup").addEventListener("click",(function(t){return e.handleBackup(t)}))}},{key:"togglePrivacy",value:function(e){e.stopPropagation(),e.preventDefault(),"false"==e.target.getAttribute("data-private")?(e.target.setAttribute("data-private","true"),e.target.innerHTML="SITE IS PUBLIC"):(e.target.setAttribute("data-private","false"),e.target.innerHTML="SITE IS PRIVATE")}},{key:"toggleRender",value:function(e){e.stopPropagation(),e.preventDefault(),"false"==e.target.getAttribute("data-render")?e.target.setAttribute("data-render","true"):e.target.setAttribute("data-render","false")}},{key:"handleMailer",value:function(){(new yt).testMail()}},{key:"handleThemes",value:function(e){e.stopPropagation(),e.preventDefault();for(var t=document.querySelectorAll(".theme-select"),n=0,r=t.length;n<r;n++)e.target.id==t[n].id?t[n].setAttribute("data-enabled","true"):t[n].setAttribute("data-enabled","false")}},{key:"handleMailOptions",value:function(e){e.preventDefault(),e.stopPropagation();for(var t=document.getElementById("mail-smtp"),n=document.getElementById("mail-mg"),r=document.querySelectorAll(".mail-option"),o=0,i=r.length;o<i;o++)e.target.id==r[o].id?(r[o].setAttribute("data-enabled","true"),"option-smtp"==e.target.id?(t.setAttribute("data-enabled","true"),n.setAttribute("data-enabled","false")):"option-none"==e.target.id?(t.setAttribute("data-enabled","false"),n.setAttribute("data-enabled","false")):(t.setAttribute("data-enabled","false"),n.setAttribute("data-enabled","true"))):r[o].setAttribute("data-enabled","false")}},{key:"handleImageUpload",value:function(e,t){bt.alert("Uploading Image... ",null),this.admin.imageUpload(e,t).then((function(e){e.type==p?(bt.alert(e.message,!0),document.getElementById("avatar").src=e.url):(bt.alert(e.message,!0),document.getElementById("background").src=e.url)})).catch((function(){}))}},{key:"handlePublished",value:function(e){if(!this.processing){e.preventDefault(),e.stopPropagation();var t=this;this.processing=!0,bt.alert("Publishing site...",null),this.admin.publishSite({task:"publish all pages"}).then((function(e){t.processing=!1,bt.alert(e.message,!0)})).catch((function(e){t.processing=!1,bt.alert(e,!1)}))}}},{key:"handleBackup",value:function(e){if(!this.processing){var t=this;e.preventDefault(),e.stopPropagation(),bt.alert("Creating backup",null),this.processing=!0,this.admin.handleBackup(e.target.id,e.target.files).then((function(e){t.processing=!1,bt.alert(e.message,!0)})).catch((function(e){t.processing=!1,bt.alert(e,!1)}))}}},{key:"handleReindex",value:function(e){if(!this.processing){var t=this;e.preventDefault(),e.stopPropagation();this.processing=!0,bt.alert("Cleaning up page indexes",null),this.admin.handleReindex({task:"cleanup pages indexes"}).then((function(e){t.processing=!1,bt.alert(e.message,!0)})).catch((function(e){t.processing=!1,bt.alert(e,!1)}))}}}]),t}(),Et=function(){function t(){e(this,t)}return n(t,[{key:"syncMenu",value:function(){for(var e=[],t=document.getElementById("nav-pages").children,n=0;n<t.length;n++)e.push({title:t[n].getElementsByTagName("label")[0].innerHTML,id:t[n].id,slug:t[n].getAttribute("data-slug"),uuid:t[n].getAttribute("data-uuid"),path:t[n].getAttribute("data-path")});var r={menu:e,remove:null};return new Promise((function(e){e(r)}))}},{key:"removeItem",value:function(e){document.getElementById("nav-pages").removeChild(document.getElementById(e))}}]),t}();
 /**!
    * Sortable 1.13.0
    * @author	RubaXa   <trash@rubaxa.org>
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%