From 00f9229eb2c19061f336a3dc9e4db1bd92220602 Mon Sep 17 00:00:00 2001 From: Ro Date: Mon, 26 Apr 2021 13:35:59 -0700 Subject: [PATCH 01/20] got rid of src files for styles and front end scripting, added base css and script assets --- .gitignore | 6 + public/assets/css/base.css | 539 ++++ public/assets/css/dash.css | 3485 ++++++++++++++++++++++++ public/assets/scripts/dash.min.js | 11 + public/assets/scripts/start.min.js | 376 +++ src/com/Base.js | 135 - src/com/Start.js | 9 - src/com/actions/Mailer.js | 30 - src/com/actions/NavActions.js | 37 - src/com/actions/PageActions.js | 77 - src/com/actions/SettingsActions.js | 67 - src/com/controllers/DashManager.js | 41 - src/com/controllers/NavIndex.js | 68 - src/com/controllers/PageEditor.js | 257 -- src/com/controllers/PostIndex.js | 30 - src/com/controllers/SettingsIndex.js | 223 -- src/com/events/AuthEvent.js | 21 - src/com/events/DataEvent.js | 49 - src/com/events/EditorEvent.js | 14 - src/com/events/EventEmitter.js | 52 - src/com/ui/Notifications.js | 87 - src/com/ui/TextEditor.js | 158 -- src/com/utils/DataUtils.js | 92 - src/com/utils/StringUtils.js | 68 - src/libraries/FipamoAPI.js | 158 -- src/libraries/FipamoAdminAPI.js | 310 --- src/package-lock.json | 28 - src/package.json | 16 - src/styles/dash.sass | 43 - src/styles/main/_calendar.sass | 242 -- src/styles/main/_colors.sass | 17 - src/styles/main/_editor-highlight.sass | 46 - src/styles/main/_editor.sass | 95 - src/styles/main/_error.sass | 22 - src/styles/main/_forms.sass | 59 - src/styles/main/_index.sass | 251 -- src/styles/main/_mixins.sass | 16 - src/styles/main/_navigation.sass | 62 - src/styles/main/_normalize.sass | 197 -- src/styles/main/_posts.sass | 384 --- src/styles/main/_settings.sass | 176 -- src/styles/main/_structure.sass | 177 -- src/styles/main/_typography.sass | 18 - 43 files changed, 4417 insertions(+), 3832 deletions(-) create mode 100644 public/assets/css/base.css create mode 100644 public/assets/css/dash.css create mode 100644 public/assets/scripts/dash.min.js create mode 100644 public/assets/scripts/start.min.js delete mode 100644 src/com/Base.js delete mode 100644 src/com/Start.js delete mode 100644 src/com/actions/Mailer.js delete mode 100644 src/com/actions/NavActions.js delete mode 100644 src/com/actions/PageActions.js delete mode 100644 src/com/actions/SettingsActions.js delete mode 100644 src/com/controllers/DashManager.js delete mode 100644 src/com/controllers/NavIndex.js delete mode 100644 src/com/controllers/PageEditor.js delete mode 100644 src/com/controllers/PostIndex.js delete mode 100644 src/com/controllers/SettingsIndex.js delete mode 100644 src/com/events/AuthEvent.js delete mode 100644 src/com/events/DataEvent.js delete mode 100644 src/com/events/EditorEvent.js delete mode 100644 src/com/events/EventEmitter.js delete mode 100644 src/com/ui/Notifications.js delete mode 100644 src/com/ui/TextEditor.js delete mode 100644 src/com/utils/DataUtils.js delete mode 100644 src/com/utils/StringUtils.js delete mode 100644 src/libraries/FipamoAPI.js delete mode 100644 src/libraries/FipamoAdminAPI.js delete mode 100644 src/package-lock.json delete mode 100644 src/package.json delete mode 100644 src/styles/dash.sass delete mode 100644 src/styles/main/_calendar.sass delete mode 100644 src/styles/main/_colors.sass delete mode 100644 src/styles/main/_editor-highlight.sass delete mode 100644 src/styles/main/_editor.sass delete mode 100644 src/styles/main/_error.sass delete mode 100644 src/styles/main/_forms.sass delete mode 100644 src/styles/main/_index.sass delete mode 100644 src/styles/main/_mixins.sass delete mode 100644 src/styles/main/_navigation.sass delete mode 100644 src/styles/main/_normalize.sass delete mode 100644 src/styles/main/_posts.sass delete mode 100644 src/styles/main/_settings.sass delete mode 100644 src/styles/main/_structure.sass delete mode 100644 src/styles/main/_typography.sass diff --git a/.gitignore b/.gitignore index a72b4e4..a46740e 100644 --- a/.gitignore +++ b/.gitignore @@ -9,6 +9,12 @@ public/* !public/index.php !public/assets public/assets/* +!public/assets/css +public/assets/css/base.css.map +public/assets/css/dash.css.map +!public/assets/scripts +public/assets/scripts/dash.min.js.map +public/assets/scripts/start.min.js.map !public/assets/images public/assets/images/* !public/assets/images/global/ diff --git a/public/assets/css/base.css b/public/assets/css/base.css new file mode 100644 index 0000000..9a07b07 --- /dev/null +++ b/public/assets/css/base.css @@ -0,0 +1,539 @@ +/** +------------------------------- +-- Typography +------------------------------- +**/ +/** +------------------------------- +-- Colors +------------------------------- +**/ +/** +------------------------------- +-- Mixins +------------------------------- +**/ +/** +------------------------------- +-- Normalize +------------------------------- +**/ +html { + line-height: 1.15; + -ms-text-size-adjust: 100%; + -webkit-text-size-adjust: 100%; +} +body { + margin: 0; +} +article, +aside, +footer, +header, +nav, +section { + display: block; +} +h1 { + font-size: 2em; + margin: 0.67em 0; + line-height: 1em; +} +figcaption, +figure, +main { + display: block; +} +figure { + margin: 1em 40px; +} +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} +pre { + font-family: monospace, monospace; + font-size: 1em; +} +a { + background-color: transparent; + -webkit-text-decoration-skip: objects; +} +a:active, +a:hover { + outline-width: 0; +} +abbr[title] { + border-bottom: none; + text-decoration: underline; + text-decoration: underline dotted; +} +b, +strong { + font-weight: inherit; + font-weight: bolder; +} +code, +kbd, +samp { + font-family: monospace, monospace; + font-size: 1em; +} +dfn { + font-style: italic; +} +mark { + background-color: #ff0; + color: #000; +} +small { + font-size: 80%; +} +sub, +sup { + font-size: 60%; + line-height: 0; + position: relative; + vertical-align: baseline; +} +sub { + bottom: -0.25em; +} +sup { + top: -0.55em; + background: #bdcbdb; + color: #151d26; + border-radius: 2px; + padding: 0 2px 0 2px; + margin: 0 2px 0 0; +} +audio, +video { + display: inline-block; +} +audio:not([controls]) { + display: none; + height: 0; +} +img { + border-style: none; +} +svg:not(:root) { + overflow: hidden; +} +button, +input, +optgroup, +select, +textarea { + font-family: sans-serif; + font-size: 100%; + line-height: 1.15; + margin: 0; +} +button, +input { + overflow: visible; +} +button, +select { + text-transform: none; +} +button, +html [type="button"], +[type="reset"], +[type="submit"] { + -webkit-appearance: button; +} +[type="button"]::-moz-focus-inner, +[type="reset"]::-moz-focus-inner, +[type="submit"]::-moz-focus-inner, +button::-moz-focus-inner { + border-style: none; + padding: 0; +} +[type="button"]:-moz-focusring, +[type="reset"]:-moz-focusring, +[type="submit"]:-moz-focusring, +button:-moz-focusring { + outline: 1px dotted ButtonText; +} +fieldset { + border: 1px solid #c0c0c0; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; +} +legend { + box-sizing: border-box; + color: inherit; + display: table; + max-width: 100%; + padding: 0; + white-space: normal; +} +progress { + display: inline-block; + vertical-align: baseline; +} +textarea { + overflow: auto; +} +[type="checkbox"], +[type="radio"] { + box-sizing: border-box; + padding: 0; +} +[type="number"]::-webkit-inner-spin-button, +[type="number"]::-webkit-outer-spin-button { + height: auto; +} +[type="search"] { + -webkit-appearance: textfield; + outline-offset: -2px; +} +[type="search"]::-webkit-search-cancel-button, +[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} +::-webkit-file-upload-button { + -webkit-appearance: button; + font: inherit; +} +details, +menu { + display: block; +} +summary { + display: list-item; +} +canvas { + display: inline-block; +} +template { + display: none; +} +[hidden] { + display: none; +} +/** +------------------------------- +-- Main Structure +------------------------------- +**/ +html { + margin: 0; + padding: 0; + width: 100%; + height: 100%; + overflow: hidden; + font: 400 1.2em/1.4em Helvetica, Arial, sans-serif; +} +body { + background: #ebe5d4; + margin: 0; + padding: 0; + perspective: 1px; + transform-style: preserve-3d; + height: 100%; + width: 100%; + overflow-y: scroll; + overflow-x: hidden; +} +a { + color: #151d26; + text-decoration: none; + border-bottom: 1px solid #7ed07e; + -moz-transition: all 0.2s linear; + -webkit-transition: all 0.2s linear; + -o-transition: all 0.2s linear; + transition: all 0.2s linear; +} +a:hover { + border-bottom: 1px solid #fc6399; +} +svg.icons { + width: 25px; + fill: #ebe5d4; +} +header { + background: #151d26; + height: 90%; + width: 100%; + border-top: #ebe5d4 3px solid; +} +header nav { + width: 97%; + margin: 10px auto; + color: #151d26; +} +header nav .left, +header nav .right { + width: 50%; + display: inline-block; + vertical-align: top; +} +header nav .left a.logo-link { + border-bottom: none; + margin: 0 0 20px 0; + display: block; +} +header nav .left a.logo-link #logo { + width: 50px; + border-bottom: none; +} +header nav .right { + text-align: right; +} +header nav .right a.menu-link { + background: #fc6399; + margin-bottom: 4px; + padding: 3px; + border-radius: 2px; + display: inline-block; + font-size: 0.8em; + border-bottom: none; +} +header nav .right a.menu-link:hover { + background: #feb1cc; +} +.container { + z-index: 2; + background: #ebe5d4; + line-height: 30px; + font-weight: lighter; + width: 100%; + color: #32302f; +} +.container article { + position: relative; + width: 80%; + height: 80%; + max-width: 840px; + background: #ebe5d4; + vertical-align: top; + color: #32302f; + margin: 0 auto; +} +.container article .index, +.container article .page { + padding: 0 0 15px 0; +} +.container article .index img, +.container article .page img { + display: block; + width: 100%; +} +.container article .index h1, +.container article .page h1 { + color: #151d26; +} +.container article .index p, +.container article .page p { + font: 300 1.25em/1.6em Helvetica, Arial, sans-serif; +} +.container article .index .meta, +.container article .page .meta { + font: 500 0.8em/1.3em Helvetica, Arial, sans-serif; + padding: 5px 0 0 0; + border-top: 1px solid #151d26; + background: #ede8d8; +} +.container article .index .meta a, +.container article .page .meta a { + font-size: 0.8em; + font-weight: 400; +} +.container article .index .archive-item, +.container article .page .archive-item { + padding: 15px 0 20px 0; +} +.container article .index .archive-item span.year, +.container article .page .archive-item span.year { + font-size: 1.5em; + font-weight: 500; + padding: 5px; + display: block; + color: #151d26; +} +.container article .index .archive-item .archive-month, +.container article .page .archive-item .archive-month { + display: inline-block; + vertical-align: top; + width: 30%; + padding: 5px; +} +.container article .index .archive-item .archive-month span.month, +.container article .page .archive-item .archive-month span.month { + color: #fc6399; + font-size: 1.5em; + font-weight: 300; + padding: 5px; + display: block; +} +.container section { + padding: 0 0 20px 0; + background: #151d26; +} +.container section a { + color: #ebe5d4; +} +.container section .index-lists, +.container section .page-title { + max-width: 840px; + width: 80%; + margin: 0 auto; + padding: 20px 0 0 0; +} +.container section .index-lists span, +.container section .page-title span { + font: 600 2em/1.5 Helvetica, Arial, sans-serif; + color: #ebe5d4; +} +.container section .index-lists .recent, +.container section .page-title .recent, +.container section .index-lists .featured, +.container section .page-title .featured { + display: inline-block; + width: 50%; + vertical-align: top; +} +.container section .index-lists label, +.container section .page-title label { + background: #32302f; + color: #ebe5d4; + font-size: 1.5em; + line-height: 1.3; +} +footer { + background: #e4dcc5; + padding: 10px; + color: #151d26; + font-size: 0.8em; + font-weight: 600; + height: 100px; +} +footer .inner { + margin: 20px auto; + width: 80%; + max-width: 840px; +} +footer .inner a { + color: #fc6399; +} +@media only screen and (max-width: 640px) { + header nav { + width: 98%; + } + header span { + font-size: 2.5em; + } + .container article .index .archive-item .archive-month, + .container article .page .archive-item .archive-month { + width: 45%; + } +} +@media only screen and (max-width: 480px) { + header nav { + width: 96%; + } + .container article .index, + .container article .page { + margin: 0; + } + .container article .index p, + .container article .page p { + font: 300 1em/1.6em Helvetica, Arial, sans-serif; + } + .container section .index-lists .recent, + .container section .index-lists .featured { + width: 100% !important; + } +} +@media only screen and (max-width: 375px) { + header nav { + width: 95%; + } + .container article .index, + .container article .page { + margin: 0; + } + .container article .index p, + .container article .page p { + font: 300 0.9em/1.7em Helvetica, Arial, sans-serif; + } + .container article .index .archive-item .archive-month, + .container article .page .archive-item .archive-month { + width: 95%; + } +} +/** +------------------------------- +-- Forms +------------------------------- +**/ +form { + display: inline-block; +} +input[type=email], +input[type=password], +input[type=text] { + border: 0; + border-radius: 5px; + padding: 5px; + margin: 10px 5px 0 0; + font: 15px 'RobotoMono'; + display: inline-block; +} +textarea { + border: 0; + border-radius: 3px; + color: $type02; + font: 15px 'RobotoMono'; +} +button, +input[type=submit] { + background: #fc6399; + color: #ebe5d4; + font: 14px Helvetica, Arial, sans-serif; + border-radius: 5px; + position: relative; + cursor: pointer; + border: 0; + padding: 5px 5px 0 5px; + -moz-transition: all 0.3s linear; + -webkit-transition: all 0.3s linear; + -o-transition: all 0.3s linear; + transition: all 0.3s linear; +} +button:hover, +input[type=submit]:hover { + background: #fc7ca9; +} +select { + font: 14px 'RobotoMono'; + border: 1px solid #fc6399; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + color: #151d26; +} +::-webkit-input-placeholder { + font: 14px 'RobotoMono'; + color: #837e7c; +} +:-moz-placeholder { +/* Firefox 18- */ + font: 14px 'RobotoMono'; + color: #837e7c; +} +::-moz-placeholder { +/* Firefox 19+ */ + font: 14px 'RobotoMono'; + color: #837e7c; +} +:-ms-input-placeholder { + font: 14px 'RobotoMono'; + color: #837e7c; +} +/*# sourceMappingURL=base.css.map */ \ No newline at end of file diff --git a/public/assets/css/dash.css b/public/assets/css/dash.css new file mode 100644 index 0000000..14f31ec --- /dev/null +++ b/public/assets/css/dash.css @@ -0,0 +1,3485 @@ +/* Bulma Utilities */ +.column { + display: block; + flex-basis: 0; + flex-grow: 1; + flex-shrink: 1; + padding: 0.75rem; +} +.columns.is-mobile > .column.is-narrow { + flex: none; + width: unset; +} +.columns.is-mobile > .column.is-full { + flex: none; + width: 100%; +} +.columns.is-mobile > .column.is-three-quarters { + flex: none; + width: 75%; +} +.columns.is-mobile > .column.is-two-thirds { + flex: none; + width: 66.6666%; +} +.columns.is-mobile > .column.is-half { + flex: none; + width: 50%; +} +.columns.is-mobile > .column.is-one-third { + flex: none; + width: 33.3333%; +} +.columns.is-mobile > .column.is-one-quarter { + flex: none; + width: 25%; +} +.columns.is-mobile > .column.is-one-fifth { + flex: none; + width: 20%; +} +.columns.is-mobile > .column.is-two-fifths { + flex: none; + width: 40%; +} +.columns.is-mobile > .column.is-three-fifths { + flex: none; + width: 60%; +} +.columns.is-mobile > .column.is-four-fifths { + flex: none; + width: 80%; +} +.columns.is-mobile > .column.is-offset-three-quarters { + margin-left: 75%; +} +.columns.is-mobile > .column.is-offset-two-thirds { + margin-left: 66.6666%; +} +.columns.is-mobile > .column.is-offset-half { + margin-left: 50%; +} +.columns.is-mobile > .column.is-offset-one-third { + margin-left: 33.3333%; +} +.columns.is-mobile > .column.is-offset-one-quarter { + margin-left: 25%; +} +.columns.is-mobile > .column.is-offset-one-fifth { + margin-left: 20%; +} +.columns.is-mobile > .column.is-offset-two-fifths { + margin-left: 40%; +} +.columns.is-mobile > .column.is-offset-three-fifths { + margin-left: 60%; +} +.columns.is-mobile > .column.is-offset-four-fifths { + margin-left: 80%; +} +.columns.is-mobile > .column.is-0 { + flex: none; + width: 0%; +} +.columns.is-mobile > .column.is-offset-0 { + margin-left: 0%; +} +.columns.is-mobile > .column.is-1 { + flex: none; + width: 8.3333333333%; +} +.columns.is-mobile > .column.is-offset-1 { + margin-left: 8.3333333333%; +} +.columns.is-mobile > .column.is-2 { + flex: none; + width: 16.6666666667%; +} +.columns.is-mobile > .column.is-offset-2 { + margin-left: 16.6666666667%; +} +.columns.is-mobile > .column.is-3 { + flex: none; + width: 25%; +} +.columns.is-mobile > .column.is-offset-3 { + margin-left: 25%; +} +.columns.is-mobile > .column.is-4 { + flex: none; + width: 33.3333333333%; +} +.columns.is-mobile > .column.is-offset-4 { + margin-left: 33.3333333333%; +} +.columns.is-mobile > .column.is-5 { + flex: none; + width: 41.6666666667%; +} +.columns.is-mobile > .column.is-offset-5 { + margin-left: 41.6666666667%; +} +.columns.is-mobile > .column.is-6 { + flex: none; + width: 50%; +} +.columns.is-mobile > .column.is-offset-6 { + margin-left: 50%; +} +.columns.is-mobile > .column.is-7 { + flex: none; + width: 58.3333333333%; +} +.columns.is-mobile > .column.is-offset-7 { + margin-left: 58.3333333333%; +} +.columns.is-mobile > .column.is-8 { + flex: none; + width: 66.6666666667%; +} +.columns.is-mobile > .column.is-offset-8 { + margin-left: 66.6666666667%; +} +.columns.is-mobile > .column.is-9 { + flex: none; + width: 75%; +} +.columns.is-mobile > .column.is-offset-9 { + margin-left: 75%; +} +.columns.is-mobile > .column.is-10 { + flex: none; + width: 83.3333333333%; +} +.columns.is-mobile > .column.is-offset-10 { + margin-left: 83.3333333333%; +} +.columns.is-mobile > .column.is-11 { + flex: none; + width: 91.6666666667%; +} +.columns.is-mobile > .column.is-offset-11 { + margin-left: 91.6666666667%; +} +.columns.is-mobile > .column.is-12 { + flex: none; + width: 100%; +} +.columns.is-mobile > .column.is-offset-12 { + margin-left: 100%; +} +@media screen and (max-width: 768px) { + .column.is-narrow-mobile { + flex: none; + width: unset; + } + .column.is-full-mobile { + flex: none; + width: 100%; + } + .column.is-three-quarters-mobile { + flex: none; + width: 75%; + } + .column.is-two-thirds-mobile { + flex: none; + width: 66.6666%; + } + .column.is-half-mobile { + flex: none; + width: 50%; + } + .column.is-one-third-mobile { + flex: none; + width: 33.3333%; + } + .column.is-one-quarter-mobile { + flex: none; + width: 25%; + } + .column.is-one-fifth-mobile { + flex: none; + width: 20%; + } + .column.is-two-fifths-mobile { + flex: none; + width: 40%; + } + .column.is-three-fifths-mobile { + flex: none; + width: 60%; + } + .column.is-four-fifths-mobile { + flex: none; + width: 80%; + } + .column.is-offset-three-quarters-mobile { + margin-left: 75%; + } + .column.is-offset-two-thirds-mobile { + margin-left: 66.6666%; + } + .column.is-offset-half-mobile { + margin-left: 50%; + } + .column.is-offset-one-third-mobile { + margin-left: 33.3333%; + } + .column.is-offset-one-quarter-mobile { + margin-left: 25%; + } + .column.is-offset-one-fifth-mobile { + margin-left: 20%; + } + .column.is-offset-two-fifths-mobile { + margin-left: 40%; + } + .column.is-offset-three-fifths-mobile { + margin-left: 60%; + } + .column.is-offset-four-fifths-mobile { + margin-left: 80%; + } + .column.is-0-mobile { + flex: none; + width: 0%; + } + .column.is-offset-0-mobile { + margin-left: 0%; + } + .column.is-1-mobile { + flex: none; + width: 8.3333333333%; + } + .column.is-offset-1-mobile { + margin-left: 8.3333333333%; + } + .column.is-2-mobile { + flex: none; + width: 16.6666666667%; + } + .column.is-offset-2-mobile { + margin-left: 16.6666666667%; + } + .column.is-3-mobile { + flex: none; + width: 25%; + } + .column.is-offset-3-mobile { + margin-left: 25%; + } + .column.is-4-mobile { + flex: none; + width: 33.3333333333%; + } + .column.is-offset-4-mobile { + margin-left: 33.3333333333%; + } + .column.is-5-mobile { + flex: none; + width: 41.6666666667%; + } + .column.is-offset-5-mobile { + margin-left: 41.6666666667%; + } + .column.is-6-mobile { + flex: none; + width: 50%; + } + .column.is-offset-6-mobile { + margin-left: 50%; + } + .column.is-7-mobile { + flex: none; + width: 58.3333333333%; + } + .column.is-offset-7-mobile { + margin-left: 58.3333333333%; + } + .column.is-8-mobile { + flex: none; + width: 66.6666666667%; + } + .column.is-offset-8-mobile { + margin-left: 66.6666666667%; + } + .column.is-9-mobile { + flex: none; + width: 75%; + } + .column.is-offset-9-mobile { + margin-left: 75%; + } + .column.is-10-mobile { + flex: none; + width: 83.3333333333%; + } + .column.is-offset-10-mobile { + margin-left: 83.3333333333%; + } + .column.is-11-mobile { + flex: none; + width: 91.6666666667%; + } + .column.is-offset-11-mobile { + margin-left: 91.6666666667%; + } + .column.is-12-mobile { + flex: none; + width: 100%; + } + .column.is-offset-12-mobile { + margin-left: 100%; + } +} +@media screen and (min-width: 769px), print { + .column.is-narrow, .column.is-narrow-tablet { + flex: none; + width: unset; + } + .column.is-full, .column.is-full-tablet { + flex: none; + width: 100%; + } + .column.is-three-quarters, .column.is-three-quarters-tablet { + flex: none; + width: 75%; + } + .column.is-two-thirds, .column.is-two-thirds-tablet { + flex: none; + width: 66.6666%; + } + .column.is-half, .column.is-half-tablet { + flex: none; + width: 50%; + } + .column.is-one-third, .column.is-one-third-tablet { + flex: none; + width: 33.3333%; + } + .column.is-one-quarter, .column.is-one-quarter-tablet { + flex: none; + width: 25%; + } + .column.is-one-fifth, .column.is-one-fifth-tablet { + flex: none; + width: 20%; + } + .column.is-two-fifths, .column.is-two-fifths-tablet { + flex: none; + width: 40%; + } + .column.is-three-fifths, .column.is-three-fifths-tablet { + flex: none; + width: 60%; + } + .column.is-four-fifths, .column.is-four-fifths-tablet { + flex: none; + width: 80%; + } + .column.is-offset-three-quarters, .column.is-offset-three-quarters-tablet { + margin-left: 75%; + } + .column.is-offset-two-thirds, .column.is-offset-two-thirds-tablet { + margin-left: 66.6666%; + } + .column.is-offset-half, .column.is-offset-half-tablet { + margin-left: 50%; + } + .column.is-offset-one-third, .column.is-offset-one-third-tablet { + margin-left: 33.3333%; + } + .column.is-offset-one-quarter, .column.is-offset-one-quarter-tablet { + margin-left: 25%; + } + .column.is-offset-one-fifth, .column.is-offset-one-fifth-tablet { + margin-left: 20%; + } + .column.is-offset-two-fifths, .column.is-offset-two-fifths-tablet { + margin-left: 40%; + } + .column.is-offset-three-fifths, .column.is-offset-three-fifths-tablet { + margin-left: 60%; + } + .column.is-offset-four-fifths, .column.is-offset-four-fifths-tablet { + margin-left: 80%; + } + .column.is-0, .column.is-0-tablet { + flex: none; + width: 0%; + } + .column.is-offset-0, .column.is-offset-0-tablet { + margin-left: 0%; + } + .column.is-1, .column.is-1-tablet { + flex: none; + width: 8.3333333333%; + } + .column.is-offset-1, .column.is-offset-1-tablet { + margin-left: 8.3333333333%; + } + .column.is-2, .column.is-2-tablet { + flex: none; + width: 16.6666666667%; + } + .column.is-offset-2, .column.is-offset-2-tablet { + margin-left: 16.6666666667%; + } + .column.is-3, .column.is-3-tablet { + flex: none; + width: 25%; + } + .column.is-offset-3, .column.is-offset-3-tablet { + margin-left: 25%; + } + .column.is-4, .column.is-4-tablet { + flex: none; + width: 33.3333333333%; + } + .column.is-offset-4, .column.is-offset-4-tablet { + margin-left: 33.3333333333%; + } + .column.is-5, .column.is-5-tablet { + flex: none; + width: 41.6666666667%; + } + .column.is-offset-5, .column.is-offset-5-tablet { + margin-left: 41.6666666667%; + } + .column.is-6, .column.is-6-tablet { + flex: none; + width: 50%; + } + .column.is-offset-6, .column.is-offset-6-tablet { + margin-left: 50%; + } + .column.is-7, .column.is-7-tablet { + flex: none; + width: 58.3333333333%; + } + .column.is-offset-7, .column.is-offset-7-tablet { + margin-left: 58.3333333333%; + } + .column.is-8, .column.is-8-tablet { + flex: none; + width: 66.6666666667%; + } + .column.is-offset-8, .column.is-offset-8-tablet { + margin-left: 66.6666666667%; + } + .column.is-9, .column.is-9-tablet { + flex: none; + width: 75%; + } + .column.is-offset-9, .column.is-offset-9-tablet { + margin-left: 75%; + } + .column.is-10, .column.is-10-tablet { + flex: none; + width: 83.3333333333%; + } + .column.is-offset-10, .column.is-offset-10-tablet { + margin-left: 83.3333333333%; + } + .column.is-11, .column.is-11-tablet { + flex: none; + width: 91.6666666667%; + } + .column.is-offset-11, .column.is-offset-11-tablet { + margin-left: 91.6666666667%; + } + .column.is-12, .column.is-12-tablet { + flex: none; + width: 100%; + } + .column.is-offset-12, .column.is-offset-12-tablet { + margin-left: 100%; + } +} +@media screen and (max-width: 1023px) { + .column.is-narrow-touch { + flex: none; + width: unset; + } + .column.is-full-touch { + flex: none; + width: 100%; + } + .column.is-three-quarters-touch { + flex: none; + width: 75%; + } + .column.is-two-thirds-touch { + flex: none; + width: 66.6666%; + } + .column.is-half-touch { + flex: none; + width: 50%; + } + .column.is-one-third-touch { + flex: none; + width: 33.3333%; + } + .column.is-one-quarter-touch { + flex: none; + width: 25%; + } + .column.is-one-fifth-touch { + flex: none; + width: 20%; + } + .column.is-two-fifths-touch { + flex: none; + width: 40%; + } + .column.is-three-fifths-touch { + flex: none; + width: 60%; + } + .column.is-four-fifths-touch { + flex: none; + width: 80%; + } + .column.is-offset-three-quarters-touch { + margin-left: 75%; + } + .column.is-offset-two-thirds-touch { + margin-left: 66.6666%; + } + .column.is-offset-half-touch { + margin-left: 50%; + } + .column.is-offset-one-third-touch { + margin-left: 33.3333%; + } + .column.is-offset-one-quarter-touch { + margin-left: 25%; + } + .column.is-offset-one-fifth-touch { + margin-left: 20%; + } + .column.is-offset-two-fifths-touch { + margin-left: 40%; + } + .column.is-offset-three-fifths-touch { + margin-left: 60%; + } + .column.is-offset-four-fifths-touch { + margin-left: 80%; + } + .column.is-0-touch { + flex: none; + width: 0%; + } + .column.is-offset-0-touch { + margin-left: 0%; + } + .column.is-1-touch { + flex: none; + width: 8.3333333333%; + } + .column.is-offset-1-touch { + margin-left: 8.3333333333%; + } + .column.is-2-touch { + flex: none; + width: 16.6666666667%; + } + .column.is-offset-2-touch { + margin-left: 16.6666666667%; + } + .column.is-3-touch { + flex: none; + width: 25%; + } + .column.is-offset-3-touch { + margin-left: 25%; + } + .column.is-4-touch { + flex: none; + width: 33.3333333333%; + } + .column.is-offset-4-touch { + margin-left: 33.3333333333%; + } + .column.is-5-touch { + flex: none; + width: 41.6666666667%; + } + .column.is-offset-5-touch { + margin-left: 41.6666666667%; + } + .column.is-6-touch { + flex: none; + width: 50%; + } + .column.is-offset-6-touch { + margin-left: 50%; + } + .column.is-7-touch { + flex: none; + width: 58.3333333333%; + } + .column.is-offset-7-touch { + margin-left: 58.3333333333%; + } + .column.is-8-touch { + flex: none; + width: 66.6666666667%; + } + .column.is-offset-8-touch { + margin-left: 66.6666666667%; + } + .column.is-9-touch { + flex: none; + width: 75%; + } + .column.is-offset-9-touch { + margin-left: 75%; + } + .column.is-10-touch { + flex: none; + width: 83.3333333333%; + } + .column.is-offset-10-touch { + margin-left: 83.3333333333%; + } + .column.is-11-touch { + flex: none; + width: 91.6666666667%; + } + .column.is-offset-11-touch { + margin-left: 91.6666666667%; + } + .column.is-12-touch { + flex: none; + width: 100%; + } + .column.is-offset-12-touch { + margin-left: 100%; + } +} +@media screen and (min-width: 1024px) { + .column.is-narrow-desktop { + flex: none; + width: unset; + } + .column.is-full-desktop { + flex: none; + width: 100%; + } + .column.is-three-quarters-desktop { + flex: none; + width: 75%; + } + .column.is-two-thirds-desktop { + flex: none; + width: 66.6666%; + } + .column.is-half-desktop { + flex: none; + width: 50%; + } + .column.is-one-third-desktop { + flex: none; + width: 33.3333%; + } + .column.is-one-quarter-desktop { + flex: none; + width: 25%; + } + .column.is-one-fifth-desktop { + flex: none; + width: 20%; + } + .column.is-two-fifths-desktop { + flex: none; + width: 40%; + } + .column.is-three-fifths-desktop { + flex: none; + width: 60%; + } + .column.is-four-fifths-desktop { + flex: none; + width: 80%; + } + .column.is-offset-three-quarters-desktop { + margin-left: 75%; + } + .column.is-offset-two-thirds-desktop { + margin-left: 66.6666%; + } + .column.is-offset-half-desktop { + margin-left: 50%; + } + .column.is-offset-one-third-desktop { + margin-left: 33.3333%; + } + .column.is-offset-one-quarter-desktop { + margin-left: 25%; + } + .column.is-offset-one-fifth-desktop { + margin-left: 20%; + } + .column.is-offset-two-fifths-desktop { + margin-left: 40%; + } + .column.is-offset-three-fifths-desktop { + margin-left: 60%; + } + .column.is-offset-four-fifths-desktop { + margin-left: 80%; + } + .column.is-0-desktop { + flex: none; + width: 0%; + } + .column.is-offset-0-desktop { + margin-left: 0%; + } + .column.is-1-desktop { + flex: none; + width: 8.3333333333%; + } + .column.is-offset-1-desktop { + margin-left: 8.3333333333%; + } + .column.is-2-desktop { + flex: none; + width: 16.6666666667%; + } + .column.is-offset-2-desktop { + margin-left: 16.6666666667%; + } + .column.is-3-desktop { + flex: none; + width: 25%; + } + .column.is-offset-3-desktop { + margin-left: 25%; + } + .column.is-4-desktop { + flex: none; + width: 33.3333333333%; + } + .column.is-offset-4-desktop { + margin-left: 33.3333333333%; + } + .column.is-5-desktop { + flex: none; + width: 41.6666666667%; + } + .column.is-offset-5-desktop { + margin-left: 41.6666666667%; + } + .column.is-6-desktop { + flex: none; + width: 50%; + } + .column.is-offset-6-desktop { + margin-left: 50%; + } + .column.is-7-desktop { + flex: none; + width: 58.3333333333%; + } + .column.is-offset-7-desktop { + margin-left: 58.3333333333%; + } + .column.is-8-desktop { + flex: none; + width: 66.6666666667%; + } + .column.is-offset-8-desktop { + margin-left: 66.6666666667%; + } + .column.is-9-desktop { + flex: none; + width: 75%; + } + .column.is-offset-9-desktop { + margin-left: 75%; + } + .column.is-10-desktop { + flex: none; + width: 83.3333333333%; + } + .column.is-offset-10-desktop { + margin-left: 83.3333333333%; + } + .column.is-11-desktop { + flex: none; + width: 91.6666666667%; + } + .column.is-offset-11-desktop { + margin-left: 91.6666666667%; + } + .column.is-12-desktop { + flex: none; + width: 100%; + } + .column.is-offset-12-desktop { + margin-left: 100%; + } +} +@media screen and (min-width: 1216px) { + .column.is-narrow-widescreen { + flex: none; + width: unset; + } + .column.is-full-widescreen { + flex: none; + width: 100%; + } + .column.is-three-quarters-widescreen { + flex: none; + width: 75%; + } + .column.is-two-thirds-widescreen { + flex: none; + width: 66.6666%; + } + .column.is-half-widescreen { + flex: none; + width: 50%; + } + .column.is-one-third-widescreen { + flex: none; + width: 33.3333%; + } + .column.is-one-quarter-widescreen { + flex: none; + width: 25%; + } + .column.is-one-fifth-widescreen { + flex: none; + width: 20%; + } + .column.is-two-fifths-widescreen { + flex: none; + width: 40%; + } + .column.is-three-fifths-widescreen { + flex: none; + width: 60%; + } + .column.is-four-fifths-widescreen { + flex: none; + width: 80%; + } + .column.is-offset-three-quarters-widescreen { + margin-left: 75%; + } + .column.is-offset-two-thirds-widescreen { + margin-left: 66.6666%; + } + .column.is-offset-half-widescreen { + margin-left: 50%; + } + .column.is-offset-one-third-widescreen { + margin-left: 33.3333%; + } + .column.is-offset-one-quarter-widescreen { + margin-left: 25%; + } + .column.is-offset-one-fifth-widescreen { + margin-left: 20%; + } + .column.is-offset-two-fifths-widescreen { + margin-left: 40%; + } + .column.is-offset-three-fifths-widescreen { + margin-left: 60%; + } + .column.is-offset-four-fifths-widescreen { + margin-left: 80%; + } + .column.is-0-widescreen { + flex: none; + width: 0%; + } + .column.is-offset-0-widescreen { + margin-left: 0%; + } + .column.is-1-widescreen { + flex: none; + width: 8.3333333333%; + } + .column.is-offset-1-widescreen { + margin-left: 8.3333333333%; + } + .column.is-2-widescreen { + flex: none; + width: 16.6666666667%; + } + .column.is-offset-2-widescreen { + margin-left: 16.6666666667%; + } + .column.is-3-widescreen { + flex: none; + width: 25%; + } + .column.is-offset-3-widescreen { + margin-left: 25%; + } + .column.is-4-widescreen { + flex: none; + width: 33.3333333333%; + } + .column.is-offset-4-widescreen { + margin-left: 33.3333333333%; + } + .column.is-5-widescreen { + flex: none; + width: 41.6666666667%; + } + .column.is-offset-5-widescreen { + margin-left: 41.6666666667%; + } + .column.is-6-widescreen { + flex: none; + width: 50%; + } + .column.is-offset-6-widescreen { + margin-left: 50%; + } + .column.is-7-widescreen { + flex: none; + width: 58.3333333333%; + } + .column.is-offset-7-widescreen { + margin-left: 58.3333333333%; + } + .column.is-8-widescreen { + flex: none; + width: 66.6666666667%; + } + .column.is-offset-8-widescreen { + margin-left: 66.6666666667%; + } + .column.is-9-widescreen { + flex: none; + width: 75%; + } + .column.is-offset-9-widescreen { + margin-left: 75%; + } + .column.is-10-widescreen { + flex: none; + width: 83.3333333333%; + } + .column.is-offset-10-widescreen { + margin-left: 83.3333333333%; + } + .column.is-11-widescreen { + flex: none; + width: 91.6666666667%; + } + .column.is-offset-11-widescreen { + margin-left: 91.6666666667%; + } + .column.is-12-widescreen { + flex: none; + width: 100%; + } + .column.is-offset-12-widescreen { + margin-left: 100%; + } +} +@media screen and (min-width: 1408px) { + .column.is-narrow-fullhd { + flex: none; + width: unset; + } + .column.is-full-fullhd { + flex: none; + width: 100%; + } + .column.is-three-quarters-fullhd { + flex: none; + width: 75%; + } + .column.is-two-thirds-fullhd { + flex: none; + width: 66.6666%; + } + .column.is-half-fullhd { + flex: none; + width: 50%; + } + .column.is-one-third-fullhd { + flex: none; + width: 33.3333%; + } + .column.is-one-quarter-fullhd { + flex: none; + width: 25%; + } + .column.is-one-fifth-fullhd { + flex: none; + width: 20%; + } + .column.is-two-fifths-fullhd { + flex: none; + width: 40%; + } + .column.is-three-fifths-fullhd { + flex: none; + width: 60%; + } + .column.is-four-fifths-fullhd { + flex: none; + width: 80%; + } + .column.is-offset-three-quarters-fullhd { + margin-left: 75%; + } + .column.is-offset-two-thirds-fullhd { + margin-left: 66.6666%; + } + .column.is-offset-half-fullhd { + margin-left: 50%; + } + .column.is-offset-one-third-fullhd { + margin-left: 33.3333%; + } + .column.is-offset-one-quarter-fullhd { + margin-left: 25%; + } + .column.is-offset-one-fifth-fullhd { + margin-left: 20%; + } + .column.is-offset-two-fifths-fullhd { + margin-left: 40%; + } + .column.is-offset-three-fifths-fullhd { + margin-left: 60%; + } + .column.is-offset-four-fifths-fullhd { + margin-left: 80%; + } + .column.is-0-fullhd { + flex: none; + width: 0%; + } + .column.is-offset-0-fullhd { + margin-left: 0%; + } + .column.is-1-fullhd { + flex: none; + width: 8.3333333333%; + } + .column.is-offset-1-fullhd { + margin-left: 8.3333333333%; + } + .column.is-2-fullhd { + flex: none; + width: 16.6666666667%; + } + .column.is-offset-2-fullhd { + margin-left: 16.6666666667%; + } + .column.is-3-fullhd { + flex: none; + width: 25%; + } + .column.is-offset-3-fullhd { + margin-left: 25%; + } + .column.is-4-fullhd { + flex: none; + width: 33.3333333333%; + } + .column.is-offset-4-fullhd { + margin-left: 33.3333333333%; + } + .column.is-5-fullhd { + flex: none; + width: 41.6666666667%; + } + .column.is-offset-5-fullhd { + margin-left: 41.6666666667%; + } + .column.is-6-fullhd { + flex: none; + width: 50%; + } + .column.is-offset-6-fullhd { + margin-left: 50%; + } + .column.is-7-fullhd { + flex: none; + width: 58.3333333333%; + } + .column.is-offset-7-fullhd { + margin-left: 58.3333333333%; + } + .column.is-8-fullhd { + flex: none; + width: 66.6666666667%; + } + .column.is-offset-8-fullhd { + margin-left: 66.6666666667%; + } + .column.is-9-fullhd { + flex: none; + width: 75%; + } + .column.is-offset-9-fullhd { + margin-left: 75%; + } + .column.is-10-fullhd { + flex: none; + width: 83.3333333333%; + } + .column.is-offset-10-fullhd { + margin-left: 83.3333333333%; + } + .column.is-11-fullhd { + flex: none; + width: 91.6666666667%; + } + .column.is-offset-11-fullhd { + margin-left: 91.6666666667%; + } + .column.is-12-fullhd { + flex: none; + width: 100%; + } + .column.is-offset-12-fullhd { + margin-left: 100%; + } +} + +.columns { + margin-left: -0.75rem; + margin-right: -0.75rem; + margin-top: -0.75rem; +} +.columns:last-child { + margin-bottom: -0.75rem; +} +.columns:not(:last-child) { + margin-bottom: calc(1.5rem - 0.75rem); +} +.columns.is-centered { + justify-content: center; +} +.columns.is-gapless { + margin-left: 0; + margin-right: 0; + margin-top: 0; +} +.columns.is-gapless > .column { + margin: 0; + padding: 0 !important; +} +.columns.is-gapless:not(:last-child) { + margin-bottom: 1.5rem; +} +.columns.is-gapless:last-child { + margin-bottom: 0; +} +.columns.is-mobile { + display: flex; +} +.columns.is-multiline { + flex-wrap: wrap; +} +.columns.is-vcentered { + align-items: center; +} +@media screen and (min-width: 769px), print { + .columns:not(.is-desktop) { + display: flex; + } +} +@media screen and (min-width: 1024px) { + .columns.is-desktop { + display: flex; + } +} + +.columns.is-variable { + --columnGap: 0.75rem; + margin-left: calc(-1 * var(--columnGap)); + margin-right: calc(-1 * var(--columnGap)); +} +.columns.is-variable > .column { + padding-left: var(--columnGap); + padding-right: var(--columnGap); +} +.columns.is-variable.is-0 { + --columnGap: 0rem; +} +@media screen and (max-width: 768px) { + .columns.is-variable.is-0-mobile { + --columnGap: 0rem; + } +} +@media screen and (min-width: 769px), print { + .columns.is-variable.is-0-tablet { + --columnGap: 0rem; + } +} +@media screen and (min-width: 769px) and (max-width: 1023px) { + .columns.is-variable.is-0-tablet-only { + --columnGap: 0rem; + } +} +@media screen and (max-width: 1023px) { + .columns.is-variable.is-0-touch { + --columnGap: 0rem; + } +} +@media screen and (min-width: 1024px) { + .columns.is-variable.is-0-desktop { + --columnGap: 0rem; + } +} +@media screen and (min-width: 1024px) and (max-width: 1215px) { + .columns.is-variable.is-0-desktop-only { + --columnGap: 0rem; + } +} +@media screen and (min-width: 1216px) { + .columns.is-variable.is-0-widescreen { + --columnGap: 0rem; + } +} +@media screen and (min-width: 1216px) and (max-width: 1407px) { + .columns.is-variable.is-0-widescreen-only { + --columnGap: 0rem; + } +} +@media screen and (min-width: 1408px) { + .columns.is-variable.is-0-fullhd { + --columnGap: 0rem; + } +} +.columns.is-variable.is-1 { + --columnGap: 0.25rem; +} +@media screen and (max-width: 768px) { + .columns.is-variable.is-1-mobile { + --columnGap: 0.25rem; + } +} +@media screen and (min-width: 769px), print { + .columns.is-variable.is-1-tablet { + --columnGap: 0.25rem; + } +} +@media screen and (min-width: 769px) and (max-width: 1023px) { + .columns.is-variable.is-1-tablet-only { + --columnGap: 0.25rem; + } +} +@media screen and (max-width: 1023px) { + .columns.is-variable.is-1-touch { + --columnGap: 0.25rem; + } +} +@media screen and (min-width: 1024px) { + .columns.is-variable.is-1-desktop { + --columnGap: 0.25rem; + } +} +@media screen and (min-width: 1024px) and (max-width: 1215px) { + .columns.is-variable.is-1-desktop-only { + --columnGap: 0.25rem; + } +} +@media screen and (min-width: 1216px) { + .columns.is-variable.is-1-widescreen { + --columnGap: 0.25rem; + } +} +@media screen and (min-width: 1216px) and (max-width: 1407px) { + .columns.is-variable.is-1-widescreen-only { + --columnGap: 0.25rem; + } +} +@media screen and (min-width: 1408px) { + .columns.is-variable.is-1-fullhd { + --columnGap: 0.25rem; + } +} +.columns.is-variable.is-2 { + --columnGap: 0.5rem; +} +@media screen and (max-width: 768px) { + .columns.is-variable.is-2-mobile { + --columnGap: 0.5rem; + } +} +@media screen and (min-width: 769px), print { + .columns.is-variable.is-2-tablet { + --columnGap: 0.5rem; + } +} +@media screen and (min-width: 769px) and (max-width: 1023px) { + .columns.is-variable.is-2-tablet-only { + --columnGap: 0.5rem; + } +} +@media screen and (max-width: 1023px) { + .columns.is-variable.is-2-touch { + --columnGap: 0.5rem; + } +} +@media screen and (min-width: 1024px) { + .columns.is-variable.is-2-desktop { + --columnGap: 0.5rem; + } +} +@media screen and (min-width: 1024px) and (max-width: 1215px) { + .columns.is-variable.is-2-desktop-only { + --columnGap: 0.5rem; + } +} +@media screen and (min-width: 1216px) { + .columns.is-variable.is-2-widescreen { + --columnGap: 0.5rem; + } +} +@media screen and (min-width: 1216px) and (max-width: 1407px) { + .columns.is-variable.is-2-widescreen-only { + --columnGap: 0.5rem; + } +} +@media screen and (min-width: 1408px) { + .columns.is-variable.is-2-fullhd { + --columnGap: 0.5rem; + } +} +.columns.is-variable.is-3 { + --columnGap: 0.75rem; +} +@media screen and (max-width: 768px) { + .columns.is-variable.is-3-mobile { + --columnGap: 0.75rem; + } +} +@media screen and (min-width: 769px), print { + .columns.is-variable.is-3-tablet { + --columnGap: 0.75rem; + } +} +@media screen and (min-width: 769px) and (max-width: 1023px) { + .columns.is-variable.is-3-tablet-only { + --columnGap: 0.75rem; + } +} +@media screen and (max-width: 1023px) { + .columns.is-variable.is-3-touch { + --columnGap: 0.75rem; + } +} +@media screen and (min-width: 1024px) { + .columns.is-variable.is-3-desktop { + --columnGap: 0.75rem; + } +} +@media screen and (min-width: 1024px) and (max-width: 1215px) { + .columns.is-variable.is-3-desktop-only { + --columnGap: 0.75rem; + } +} +@media screen and (min-width: 1216px) { + .columns.is-variable.is-3-widescreen { + --columnGap: 0.75rem; + } +} +@media screen and (min-width: 1216px) and (max-width: 1407px) { + .columns.is-variable.is-3-widescreen-only { + --columnGap: 0.75rem; + } +} +@media screen and (min-width: 1408px) { + .columns.is-variable.is-3-fullhd { + --columnGap: 0.75rem; + } +} +.columns.is-variable.is-4 { + --columnGap: 1rem; +} +@media screen and (max-width: 768px) { + .columns.is-variable.is-4-mobile { + --columnGap: 1rem; + } +} +@media screen and (min-width: 769px), print { + .columns.is-variable.is-4-tablet { + --columnGap: 1rem; + } +} +@media screen and (min-width: 769px) and (max-width: 1023px) { + .columns.is-variable.is-4-tablet-only { + --columnGap: 1rem; + } +} +@media screen and (max-width: 1023px) { + .columns.is-variable.is-4-touch { + --columnGap: 1rem; + } +} +@media screen and (min-width: 1024px) { + .columns.is-variable.is-4-desktop { + --columnGap: 1rem; + } +} +@media screen and (min-width: 1024px) and (max-width: 1215px) { + .columns.is-variable.is-4-desktop-only { + --columnGap: 1rem; + } +} +@media screen and (min-width: 1216px) { + .columns.is-variable.is-4-widescreen { + --columnGap: 1rem; + } +} +@media screen and (min-width: 1216px) and (max-width: 1407px) { + .columns.is-variable.is-4-widescreen-only { + --columnGap: 1rem; + } +} +@media screen and (min-width: 1408px) { + .columns.is-variable.is-4-fullhd { + --columnGap: 1rem; + } +} +.columns.is-variable.is-5 { + --columnGap: 1.25rem; +} +@media screen and (max-width: 768px) { + .columns.is-variable.is-5-mobile { + --columnGap: 1.25rem; + } +} +@media screen and (min-width: 769px), print { + .columns.is-variable.is-5-tablet { + --columnGap: 1.25rem; + } +} +@media screen and (min-width: 769px) and (max-width: 1023px) { + .columns.is-variable.is-5-tablet-only { + --columnGap: 1.25rem; + } +} +@media screen and (max-width: 1023px) { + .columns.is-variable.is-5-touch { + --columnGap: 1.25rem; + } +} +@media screen and (min-width: 1024px) { + .columns.is-variable.is-5-desktop { + --columnGap: 1.25rem; + } +} +@media screen and (min-width: 1024px) and (max-width: 1215px) { + .columns.is-variable.is-5-desktop-only { + --columnGap: 1.25rem; + } +} +@media screen and (min-width: 1216px) { + .columns.is-variable.is-5-widescreen { + --columnGap: 1.25rem; + } +} +@media screen and (min-width: 1216px) and (max-width: 1407px) { + .columns.is-variable.is-5-widescreen-only { + --columnGap: 1.25rem; + } +} +@media screen and (min-width: 1408px) { + .columns.is-variable.is-5-fullhd { + --columnGap: 1.25rem; + } +} +.columns.is-variable.is-6 { + --columnGap: 1.5rem; +} +@media screen and (max-width: 768px) { + .columns.is-variable.is-6-mobile { + --columnGap: 1.5rem; + } +} +@media screen and (min-width: 769px), print { + .columns.is-variable.is-6-tablet { + --columnGap: 1.5rem; + } +} +@media screen and (min-width: 769px) and (max-width: 1023px) { + .columns.is-variable.is-6-tablet-only { + --columnGap: 1.5rem; + } +} +@media screen and (max-width: 1023px) { + .columns.is-variable.is-6-touch { + --columnGap: 1.5rem; + } +} +@media screen and (min-width: 1024px) { + .columns.is-variable.is-6-desktop { + --columnGap: 1.5rem; + } +} +@media screen and (min-width: 1024px) and (max-width: 1215px) { + .columns.is-variable.is-6-desktop-only { + --columnGap: 1.5rem; + } +} +@media screen and (min-width: 1216px) { + .columns.is-variable.is-6-widescreen { + --columnGap: 1.5rem; + } +} +@media screen and (min-width: 1216px) and (max-width: 1407px) { + .columns.is-variable.is-6-widescreen-only { + --columnGap: 1.5rem; + } +} +@media screen and (min-width: 1408px) { + .columns.is-variable.is-6-fullhd { + --columnGap: 1.5rem; + } +} +.columns.is-variable.is-7 { + --columnGap: 1.75rem; +} +@media screen and (max-width: 768px) { + .columns.is-variable.is-7-mobile { + --columnGap: 1.75rem; + } +} +@media screen and (min-width: 769px), print { + .columns.is-variable.is-7-tablet { + --columnGap: 1.75rem; + } +} +@media screen and (min-width: 769px) and (max-width: 1023px) { + .columns.is-variable.is-7-tablet-only { + --columnGap: 1.75rem; + } +} +@media screen and (max-width: 1023px) { + .columns.is-variable.is-7-touch { + --columnGap: 1.75rem; + } +} +@media screen and (min-width: 1024px) { + .columns.is-variable.is-7-desktop { + --columnGap: 1.75rem; + } +} +@media screen and (min-width: 1024px) and (max-width: 1215px) { + .columns.is-variable.is-7-desktop-only { + --columnGap: 1.75rem; + } +} +@media screen and (min-width: 1216px) { + .columns.is-variable.is-7-widescreen { + --columnGap: 1.75rem; + } +} +@media screen and (min-width: 1216px) and (max-width: 1407px) { + .columns.is-variable.is-7-widescreen-only { + --columnGap: 1.75rem; + } +} +@media screen and (min-width: 1408px) { + .columns.is-variable.is-7-fullhd { + --columnGap: 1.75rem; + } +} +.columns.is-variable.is-8 { + --columnGap: 2rem; +} +@media screen and (max-width: 768px) { + .columns.is-variable.is-8-mobile { + --columnGap: 2rem; + } +} +@media screen and (min-width: 769px), print { + .columns.is-variable.is-8-tablet { + --columnGap: 2rem; + } +} +@media screen and (min-width: 769px) and (max-width: 1023px) { + .columns.is-variable.is-8-tablet-only { + --columnGap: 2rem; + } +} +@media screen and (max-width: 1023px) { + .columns.is-variable.is-8-touch { + --columnGap: 2rem; + } +} +@media screen and (min-width: 1024px) { + .columns.is-variable.is-8-desktop { + --columnGap: 2rem; + } +} +@media screen and (min-width: 1024px) and (max-width: 1215px) { + .columns.is-variable.is-8-desktop-only { + --columnGap: 2rem; + } +} +@media screen and (min-width: 1216px) { + .columns.is-variable.is-8-widescreen { + --columnGap: 2rem; + } +} +@media screen and (min-width: 1216px) and (max-width: 1407px) { + .columns.is-variable.is-8-widescreen-only { + --columnGap: 2rem; + } +} +@media screen and (min-width: 1408px) { + .columns.is-variable.is-8-fullhd { + --columnGap: 2rem; + } +} + +html { + line-height: 1.15; + -ms-text-size-adjust: 100%; + -webkit-text-size-adjust: 100%; +} + +body { + margin: 0; +} + +article, +aside, +footer, +header, +nav, +section { + display: block; +} + +h1 { + font-size: 2em; + margin: 0.67em 0; + line-height: 1em; +} + +figcaption, +figure, +main { + display: block; +} + +figure { + margin: 1em 40px; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +pre { + font-family: monospace, monospace; + font-size: 1em; +} + +a { + background-color: transparent; + -webkit-text-decoration-skip: objects; +} + +a:active, +a:hover { + outline-width: 0; +} + +abbr[title] { + border-bottom: none; + text-decoration: underline; + text-decoration: underline dotted; +} + +b, +strong { + font-weight: inherit; + font-weight: bolder; +} + +code, +kbd, +samp { + font-family: monospace, monospace; + font-size: 1em; +} + +dfn { + font-style: italic; +} + +mark { + background-color: #ff0; + color: #000; +} + +small { + font-size: 80%; +} + +sub, +sup { + font-size: 60%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.55em; + background: #374857; + color: #374857; + border-radius: 2px; + padding: 0 2px 0 2px; + margin: 0 2px 0 0; +} + +audio, +video { + display: inline-block; +} + +audio:not([controls]) { + display: none; + height: 0; +} + +img { + border-style: none; +} + +svg:not(:root) { + overflow: hidden; +} + +button, +input, +optgroup, +select, +textarea { + font-family: sans-serif; + font-size: 100%; + line-height: 1.15; + margin: 0; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +button, html [type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner, +button::-moz-focus-inner { + border-style: none; + padding: 0; +} + +[type=button]:-moz-focusring, +[type=reset]:-moz-focusring, +[type=submit]:-moz-focusring, +button:-moz-focusring { + outline: 1px dotted ButtonText; +} + +fieldset { + border: 1px solid #c0c0c0; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; +} + +legend { + box-sizing: border-box; + color: inherit; + display: table; + max-width: 100%; + padding: 0; + white-space: normal; +} + +progress { + display: inline-block; + vertical-align: baseline; +} + +textarea { + overflow: auto; +} + +[type=checkbox], +[type=radio] { + box-sizing: border-box; + padding: 0; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + -webkit-appearance: textfield; + outline-offset: -2px; +} + +[type=search]::-webkit-search-cancel-button, +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + -webkit-appearance: button; + font: inherit; +} + +details, +menu { + display: block; +} + +summary { + display: list-item; +} + +canvas { + display: inline-block; +} + +template { + display: none; +} + +[hidden] { + display: none; +} + +h1, h2, h3 { + color: #f2f1ef; +} + +h1 { + font-size: 2em; + font-weight: 400; +} + +h2 { + font-size: 1.75em; + font-weight: 400; +} + +h3 { + font-size: 1.5em; + font-weight: 300; +} + +html, body { + background-color: #0f1419; + font: 400 1em Helvetica, Arial, sans-serif; + height: 100%; +} + +a { + font: 300 1em Helvetica, Arial, sans-serif; + color: #b2cce5; + text-decoration: underline; + -moz-transition: all 0.1s linear; + -webkit-transition: all 0.1s linear; + -o-transition: all 0.1s linear; + transition: all 0.1s linear; +} +a:hover { + color: #d8e5f2; +} + +svg.icons { + width: 25px; + fill: #b2cce5; +} + +#notifications { + perspective: 1000px; + position: fixed; + z-index: 2000; + height: 55px; + width: 100%; + display: block; + align-items: center; + justify-content: center; + padding: 0; + margin-top: -55px; +} +#notifications #notifyMessage { + margin: 0 auto; + transition: all 0.6s cubic-bezier(0.83, 0.05, 0.28, 1); + height: 50px; + width: 500px; + display: flex; + align-items: center; + justify-content: center; + opacity: 1; + transform-style: preserve-3d; + transform: rotateX(-120deg); + transform-origin: 50% 0; +} +#notifications #notifyMessage #notify-good, #notifications #notifyMessage #notify-lame, #notifications #notifyMessage #notify-working { + display: block; +} +#notifications #notifyMessage #notify-working-box { + -webkit-animation: spin 2s linear infinite; + -moz-animation: spin 2s linear infinite; + animation: spin 2s linear infinite; +} +@-moz-keyframes spin { + 100% { + -moz-transform: rotate(360deg); + } +} +@-webkit-keyframes spin { + 100% { + -webkit-transform: rotate(360deg); + } +} +@keyframes spin { + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} +#notifications #notifyMessage .notify-icon { + background: #32302f; + padding: 8px 5px 5px 5px; + border-radius: 5px 0 0 5px; + height: 30px; + width: 30px; + text-align: center; + border: 2px solid #f2f1ef; +} +#notifications #notifyMessage p { + color: #f2f1ef; + background: black; + width: 400px; + height: 28px; + padding: 15px 0 0 5px; + border-radius: 0 5px 5px 0; + border: 2px solid #f2f1ef; + text-align: center; +} +#notifications #notifyMessage .icons { + fill: #f2f1ef; +} + +.notify-close { + transform-style: preserve-3d; + transform: rotateX(-120deg); +} + +.notify-open { + transform-style: preserve-3d; + transform: rotateX(0deg); +} + +.blog-container { + width: 100%; +} + +.main-container { + margin: 0 auto; + z-index: 10; + position: relative; +} +.main-container section header { + width: 100%; + max-width: 900px; + margin: 0 auto; +} +.main-container section header #wrapper { + padding: 0.75rem; +} +.main-container section header #wrapper #left, .main-container section header #wrapper #right { + width: 49.7%; + display: inline-block; + vertical-align: top; + min-height: 60px; +} +.main-container section header #wrapper #left #the-logo, .main-container section header #wrapper #right #the-logo { + width: 40px; +} +.main-container section header #wrapper #right { + text-align: right; + color: #f2f1ef; +} +.main-container section header #wrapper #right a { + text-decoration-color: #fc6399; + font-weight: 400; +} +.main-container section header #wrapper #right label#the-title { + font-size: 1.2em; + font-weight: 400; + color: #f5ab35; + text-decoration: none; + display: block; + line-height: 0.8; +} +.main-container section header #wrapper #right #dash-menu { + text-align: right; +} + +/* Mozilla based browsers */ +::-moz-selection { + background-color: #fc6399; + color: #f2f1ef; +} + +/* Works in Safari */ +::selection { + background-color: #fc6399; + color: #f2f1ef; +} + +/* Works in Opera */ +::-o-selection { + background-color: #fc6399; + color: #f2f1ef; +} + +::-ms-selection { + background-color: #fc6399; + color: #f2f1ef; +} + +/* Works in Internet Explorer */ +::-webkit-selection { + background-color: #fc6399; + color: #f2f1ef; +} + +@media only screen and (max-width: 800px) { + .main-container section header #wrapper #left, .main-container section header #wrapper #right { + display: inline-block; + } +} +@media only screen and (max-width: 480px) { + .main-container section header #wrapper #left { + width: 30%; + } + .main-container section header #wrapper #right { + width: 70%; + } +} +#dash-index-content { + width: 100%; + height: 100%; + margin: 0 auto; +} +#dash-index-content #dash-index { + width: 100%; + height: 100%; + z-index: 10; + position: relative; +} +#dash-index-content #dash-index #dash-index-wrapper { + width: 100%; + height: 100%; + margin: 0 auto; +} +#dash-index-content #dash-index #dash-index-wrapper .dash-init, #dash-index-content #dash-index #dash-index-wrapper .dash-restore { + width: 100%; + max-width: 900px; + margin: 0 auto; + color: #b2cce5; +} +#dash-index-content #dash-index #dash-index-wrapper .dash-init label, #dash-index-content #dash-index #dash-index-wrapper .dash-restore label { + color: #374857; +} +#dash-index-content #dash-index #dash-index-wrapper .dash-init form, #dash-index-content #dash-index #dash-index-wrapper .dash-restore form { + background: #f2f1ef; + padding: 15px; +} +#dash-index-content #dash-index #dash-index-wrapper .dash-init form h1, #dash-index-content #dash-index #dash-index-wrapper .dash-restore form h1 { + color: #374857; +} +#dash-index-content #dash-index #dash-index-wrapper .dash-init form p, #dash-index-content #dash-index #dash-index-wrapper .dash-restore form p { + color: black; + border-top: 1px solid #374857; + border-bottom: 1px solid #374857; + padding: 10px 0 10px 0; +} +#dash-index-content #dash-index #dash-index-wrapper .dash-init form input.large[type=email], #dash-index-content #dash-index #dash-index-wrapper .dash-init form input[type=password], #dash-index-content #dash-index #dash-index-wrapper .dash-init form input[type=text], #dash-index-content #dash-index #dash-index-wrapper .dash-restore form input.large[type=email], #dash-index-content #dash-index #dash-index-wrapper .dash-restore form input[type=password], #dash-index-content #dash-index #dash-index-wrapper .dash-restore form input[type=text] { + margin-bottom: 15px; + margin-top: 5px; +} +#dash-index-content #dash-index #dash-index-wrapper .dash-init form button, #dash-index-content #dash-index #dash-index-wrapper .dash-restore form button { + height: 30px; + width: 120px; + margin: 0 auto; + display: block; +} +#dash-index-content #dash-index #dash-index-wrapper .dash-restore { + display: none; + visibility: hidden; +} +#dash-index-content #dash-index #dash-index-wrapper #dash-login { + width: 100%; + max-width: 900px; + margin: 0 auto; +} +#dash-index-content #dash-index #dash-index-wrapper #dash-login #dash-form { + width: 300px; + padding: 0.75em; + background: #374857; + border-radius: 3px; +} +#dash-index-content #dash-index #dash-index-wrapper #dash-login #dash-form input { + width: 290px; + margin: 0 0 10px 0; + height: 30px; +} +#dash-index-content #dash-index #dash-index-wrapper #dash-login #dash-form button { + width: 300px; +} +#dash-index-content #dash-index #dash-index-wrapper #dash-menu { + padding: 10px; + width: 90%; + max-width: 900px; + margin: 50px auto; +} +#dash-index-content #dash-index #dash-index-wrapper #dash-menu a { + display: inline-block; + vertical-align: top; + background: black; + width: 30%; + padding: 5px; + border-radius: 3px; + color: #f2f1ef; + margin: 0 10px 10px 0; +} +#dash-index-content #dash-index #dash-index-wrapper #dash-menu a:hover { + background: black; +} +#dash-index-content #dash-index #dash-index-wrapper #dash-menu a svg { + display: inline-block; + vertical-align: top; + fill: #f2f1ef; +} +#dash-index-content #dash-index #dash-index-wrapper #dash-menu a label { + display: inline-block; + margin-top: 5px; + width: 85%; + text-align: center; + cursor: pointer; +} +#dash-index-content #dash-index #dash-index-wrapper #dash-recent { + width: 100%; + max-width: 900px; + height: 100%; + padding: 5px 0 0 0; + margin: 0 auto; +} +#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list { + padding: 0.75em; + position: relative; +} +#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list .recent-header { + height: 50px; +} +#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list .recent-header h3 { + vertical-align: top; + display: inline-block; + width: 49%; +} +#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list .recent-header .index-menu { + width: 50%; + text-align: right; + vertical-align: top; + display: inline-block; + margin: 24px 0 24px 0; + right: 10px; + color: #f2f1ef; +} +#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list .recent-header .index-menu a { + text-decoration-color: #fc6399; +} +#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link { + font-size: 1.5em; + font-weight: 300; + display: inline-block; + border-radius: 3px; + vertical-align: top; + text-decoration: none; + position: relative; +} +#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link label { + font-size: 1.4em; + font-weight: 700; + color: #f2f1ef; + padding: 5px; + vertical-align: top; + display: inline-block; + word-wrap: break-word; + width: 100%; + text-align: center; + text-shadow: 2px 2px 0 #32302f; +} +#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link span { + vertical-align: top; + margin: 0 auto; + width: 300px; + display: block; + font-family: "Lucida Console", Monaco, monospace; + font-size: 0.5em; + padding: 7px; + color: #f2f1ef; + text-align: center; + border-radius: 0 0 3px 3px; +} +#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link div { + width: 100%; + position: absolute; + bottom: 0; + border-radius: 0 0 3px 3px; + background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%); +} +#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link div #options { + display: block; + vertical-align: top; + width: 300px; + position: relative; + text-align: center; + margin: 0 auto; + background: none; +} +#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link div #options .item-options { + border-radius: 3px; + margin: 5px; + display: inline-block; +} +#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link div #options .item-options[data-active=false] { + width: 65px; + background: black; + color: #f2f1ef; +} +#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link div #options .item-options[data-active=true] { + width: 70px; + background: #fad396; + color: black; +} +#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(3) { + width: 100%; + margin-bottom: 20px; + height: 500px; +} +#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(4) { + width: 48.7%; + height: 275px; + margin: 0 15px 15px 0; +} +#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(5) { + width: 48.7%; + height: 550px; +} +#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(6) { + width: 48.7%; + height: 550px; + margin: -260px 15px 0 0; +} +#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(7) { + width: 49%; + height: 275px; + margin: 15px 0 0 0; +} + +@media only screen and (max-width: 768px) { + #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(4), #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(6) { + width: 48.9%; + } +} +@media only screen and (max-width: 640px) { + #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(4), #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(6) { + width: 48.5%; + } +} +@media only screen and (max-width: 480px) { + #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list .recent-header h3 { + width: 40%; + } + #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list .recent-header .index-menu { + width: 60%; + } + #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(3), #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(4), #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(5), #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(6), #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(7) { + width: 100%; + margin: 15px 0 0 0; + height: 400px; + } +} +#settings-actions { + position: fixed; + width: 40%; + margin-top: -85px; + left: 50%; + margin-left: -20%; +} +#settings-actions #buttons { + width: 155px; + margin: 0 auto; +} +#settings-actions #buttons button { + margin: 5px; +} +#settings-actions #buttons button svg { + fill: #f2f1ef; +} +#settings-actions #buttons button[data-render=false] { + background: black; +} +#settings-actions #buttons button[data-render=false] svg { + fill: #f2f1ef; +} +#settings-actions #buttons button[data-render=true] { + background: white; +} +#settings-actions #buttons button[data-render=true] svg { + fill: black; +} + +#site-background { + margin: 0 0 10px 0; +} +#site-background img { + width: 100%; + border-radius: 0; + overflow: hidden; + cursor: pointer; +} +#site-background label { + position: absolute; + color: #f2f1ef; + margin: 5px; + background: black; + padding: 5px; + border-radius: 3px; +} +#site-background input { + visibility: hidden; + display: none; +} + +#settings-index { + width: 94%; + max-width: 900px; + margin: 0 auto; +} +#settings-index #settings-index-wrapper { + padding: 0.75rem; +} +#settings-index #settings-index-wrapper button { + margin-top: 5px; + width: 100%; + height: 45px; +} +#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: #374857; + 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: #f2f1ef; +} +#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; +} +#settings-index #settings-index-wrapper #member-settings input, #settings-index #settings-index-wrapper #site-settings input, #settings-index #settings-index-wrapper #option-settings input, #settings-index #settings-index-wrapper #member-utils input { + width: 95%; + margin: 0 5px 10px 0; + height: 30px; + padding: 10px; +} +#settings-index #settings-index-wrapper #member-settings input#backup-upload, #settings-index #settings-index-wrapper #site-settings input#backup-upload, #settings-index #settings-index-wrapper #option-settings input#backup-upload, #settings-index #settings-index-wrapper #member-utils input#backup-upload { + visibility: hidden; + 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: #0f1419; + color: #f2f1ef; + padding: 8px; + border-radius: 3px; + margin: 5px 0 0 0; +} +#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; + margin: 0 0 10px 0; +} +#settings-index #settings-index-wrapper #member-settings #member-avatar-drop img, #settings-index #settings-index-wrapper #site-settings #member-avatar-drop img, #settings-index #settings-index-wrapper #option-settings #member-avatar-drop img, #settings-index #settings-index-wrapper #member-utils #member-avatar-drop img { + width: 100%; + border-radius: 5px; + overflow: hidden; + cursor: pointer; + display: block; + margin-bottom: 2px; +} +#settings-index #settings-index-wrapper #member-settings #member-avatar-drop input, #settings-index #settings-index-wrapper #site-settings #member-avatar-drop input, #settings-index #settings-index-wrapper #option-settings #member-avatar-drop input, #settings-index #settings-index-wrapper #member-utils #member-avatar-drop input { + visibility: hidden; + display: none; +} +#settings-index #settings-index-wrapper #member-settings #member-avatar-drop #privacy-toggle, #settings-index #settings-index-wrapper #site-settings #member-avatar-drop #privacy-toggle, #settings-index #settings-index-wrapper #option-settings #member-avatar-drop #privacy-toggle, #settings-index #settings-index-wrapper #member-utils #member-avatar-drop #privacy-toggle { + width: 50%; +} +#settings-index #settings-index-wrapper #member-settings #member-avatar-drop #render-toggle, #settings-index #settings-index-wrapper #site-settings #member-avatar-drop #render-toggle, #settings-index #settings-index-wrapper #option-settings #member-avatar-drop #render-toggle, #settings-index #settings-index-wrapper #member-utils #member-avatar-drop #render-toggle { + width: 50%; +} +#settings-index #settings-index-wrapper #member-settings #member-info, #settings-index #settings-index-wrapper #site-settings #member-info, #settings-index #settings-index-wrapper #option-settings #member-info, #settings-index #settings-index-wrapper #member-utils #member-info { + vertical-align: top; + display: inline-block; + width: 100%; +} +#settings-index #settings-index-wrapper #member-settings #member-info input, #settings-index #settings-index-wrapper #site-settings #member-info input, #settings-index #settings-index-wrapper #option-settings #member-info input, #settings-index #settings-index-wrapper #member-utils #member-info input { + 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: #0f1419; + width: 95%; + height: 155px; + color: #b2cce5; + padding: 10px; +} +#settings-index #settings-index-wrapper #option-settings #theme-settings a { + width: 95%; + margin: 0 5px 5px 0; + height: 25px; + 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; + color: #374857; + border-radius: 3px; +} +#settings-index #settings-index-wrapper #option-settings #theme-settings a[data-enabled=true] svg { + fill: #374857; + display: inline-block; + float: right; +} +#settings-index #settings-index-wrapper #option-settings #mail-settings { + min-height: 240px; +} +#settings-index #settings-index-wrapper #option-settings #mail-settings a.mail-option { + float: right; + font-family: "Lucida Console", Monaco, monospace; + font-size: 0.9em; + border-radius: 3px; + text-decoration: none; + margin: 0 0 0 5px; +} +#settings-index #settings-index-wrapper #option-settings #mail-settings a.mail-option[data-enabled=true] { + color: #fc6399; +} +#settings-index #settings-index-wrapper #option-settings #mail-settings a.mail-option[data-enabled=false] { + color: #f2f1ef; +} +#settings-index #settings-index-wrapper #option-settings #mail-settings input { + margin: 0 5px 5px 0; + vertical-align: top; +} +#settings-index #settings-index-wrapper #option-settings #mail-settings div[data-enabled=false] { + display: none; + visibility: hidden; +} + +#error-index { + width: 100%; + max-width: 900px; + margin: 0 auto; + padding: 10px; + height: 100%; + z-index: 10; + position: relative; +} +#error-index label#title { + font-size: 100px; + color: #fc6399; + font-weight: 500; +} +#error-index label#message { + font-size: 50px; + color: #f5ab35; + font-weight: 500; +} +#error-index label#error { + font-size: 25px; + color: #F64747; + font-weight: 500; +} + +#nav-index { + width: 100%; + 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: #374857; + border-radius: 3px; + color: #f2f1ef; + height: 30px; + padding: 10px; + margin: 0 0 10px 0; + font-size: 1.5em; + cursor: move; +} +#nav-index #nav-index-wrapper #nav-pages label { + display: inline-block; + vertical-align: middle; + padding: 0; + margin: -15px 0 0 10px; + cursor: move; +} +#nav-index #nav-index-wrapper #nav-pages #nav-btns { + float: right; +} +#nav-index #nav-index-wrapper #nav-pages #nav-btns button { + font-size: 0.8em; + margin: 0 0 0 10px; +} + +@media only screen and (max-width: 375px) { + #nav-index #nav-index-wrapper #nav-pages .nav-item { + width: 94.5%; + font-size: 1em; + } + #nav-index #nav-index-wrapper #nav-pages .nav-item label { + width: 47%; + vertical-align: top; + margin-top: 0px; + line-height: 1em; + } +} +@media only screen and (max-width: 320px) { + #nav-index #nav-index-wrapper #nav-pages .nav-item { + width: 94.5%; + font-size: 1em; + } + #nav-index #nav-index-wrapper #nav-pages .nav-item label { + width: 37%; + vertical-align: top; + margin-top: 0px; + line-height: 1em; + } +} +form { + display: inline-block; +} + +input[type=email], input[type=password], input[type=text] { + border: 0; + border-radius: 5px; + padding: 5px; + margin: 10px 5px 0 0; + font: 15px "Lucida Console", Monaco, monospace; + display: inline-block; + background: #0f1419; + color: #f2f1ef; +} + +textarea { + border: 0; + border-radius: 3px; + color: #f2f1ef; + font: 15px "Lucida Console", Monaco, monospace; + ackground: #0f1419; +} + +button, input[type=submit] { + background: #fc6399; + color: #0f1419; + font: 14px Helvetica, Arial, sans-serif; + border-radius: 5px; + position: relative; + cursor: pointer; + border: 0; + padding: 5px 5px 0 5px; + -moz-transition: all 0.3s linear; + -webkit-transition: all 0.3s linear; + -o-transition: all 0.3s linear; + transition: all 0.3s linear; + font: 15px "Lucida Console", Monaco, monospace; +} + +select { + font: 14px "Lucida Console", Monaco, monospace; + border: 1px solid #b2cce5; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + color: #374857; +} + +::-webkit-input-placeholder { + font: 14px "Lucida Console", Monaco, monospace; + color: #bac7d3; +} + +:-moz-placeholder { + /* Firefox 18- */ + font: 14px "Lucida Console", Monaco, monospace; + color: #bac7d3; +} + +::-moz-placeholder { + /* Firefox 19+ */ + font: 14px "Lucida Console", Monaco, monospace; + color: #bac7d3; +} + +:-ms-input-placeholder { + font: 14px "Lucida Console", Monaco, monospace; + color: #bac7d3; +} + +#post-index { + width: 100%; + max-width: 900px; + margin: 0 auto; +} +#post-index #post-index-wrapper { + padding: 0.75rem; + overflow: hidden; +} +#post-index #post-index-wrapper #post-index-menu { + color: #f2f1ef; +} +#post-index #post-index-wrapper #post-index-menu a { + text-decoration-color: #fc6399; +} +#post-index #post-index-wrapper #post-index-menu a.add-new-post { + display: inline-block; + background: #fc6399; + border-radius: 3px; + padding: 3px; + color: #f2f1ef; + text-align: center; + margin-bottom: 10px; + float: right; +} +#post-index #post-index-wrapper #post-index-menu .current-filter { + color: #fc6399; + text-decoration-color: #b2cce5; +} +#post-index #post-index-wrapper #posts-list { + margin: 20px 0 0 0; +} +#post-index #post-index-wrapper #posts-list a.page-link { + background: #f2f1ef; + display: inline-block; + vertical-align: top; + width: 100%; + text-decoration: none; + margin: 0 0 20px 0; + border-radius: 3px; + overflow: hidden; + color: black; +} +#post-index #post-index-wrapper #posts-list a.page-link label { + font-size: 2em; + font-weight: 500; + padding: 10px; + display: inline-block; + vertical-align: top; + width: 100%; +} +#post-index #post-index-wrapper #posts-list a.page-link span { + display: inline-block; + vertical-align: top; + font-size: 0.8em; + font-family: "Lucida Console", Monaco, monospace; + width: 50%; + padding: 0 0 0 10px; +} +#post-index #post-index-wrapper #posts-list a.page-link div.page-bg { + width: 100%; + height: 350px; + background-color: #fc6399; + position: relative; +} +#post-index #post-index-wrapper #posts-list a.page-link div.page-bg #meta { + width: 100%; + background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%); + border-radius: 3px; + margin: auto; + bottom: 0; + position: absolute; + padding: 0 0 20px 0; +} +#post-index #post-index-wrapper #posts-list a.page-link div.page-bg #meta span { + color: #f2f1ef; + text-align: center; + margin: 0 auto; + display: block; +} +#post-index #post-index-wrapper #posts-list a.page-link div.page-bg #meta label { + font-size: 1.4em; + font-weight: 700; + color: #f2f1ef; + padding: 5px; + vertical-align: top; + display: inline-block; + word-wrap: break-word; + width: 100%; + text-align: center; + text-shadow: 2px 2px 0 #32302f; +} +#post-index #post-index-wrapper #posts-list a.page-link div.page-bg #meta #options { + margin: 0 auto; + width: 275px; +} +#post-index #post-index-wrapper #posts-list a.page-link div.page-bg #meta #options .meta-options { + border-radius: 3px; + margin: 5px; + display: inline-block; + text-align: center; + padding: 2px; +} +#post-index #post-index-wrapper #posts-list a.page-link div.page-bg #meta #options .meta-options[data-active=false] { + width: 70px; + background: black; + color: #f2f1ef; +} +#post-index #post-index-wrapper #posts-list a.page-link div.page-bg #meta #options .meta-options[data-active=true] { + width: 75px; + background: white; + color: black; +} +#post-index #post-index-wrapper #posts-list a.page-link p { + padding: 5px 10px 5px 10px; + font-size: 1.2em; + font-weight: 400; +} +#post-index #post-index-wrapper .paginate { + width: 260px; + display: block; + margin: 0 auto; +} +#post-index #post-index-wrapper .paginate a { + display: inline-block; + vertical-align: top; +} +#post-index #post-index-wrapper .paginate span.count { + text-align: center; + padding: 5px; + margin-top: -2px; + display: inline-block; + width: 190px; + font-size: 1.5em; + color: #f5ab35; +} + +#post-edit-index { + width: 100%; + overflow: hidden; +} +#post-edit-index #post-edit-index-wrapper { + width: 100%; +} +#post-edit-index #post-edit-index-wrapper #post-header { + background: #fc6399; +} +#post-edit-index #post-edit-index-wrapper #post-header #post-header-wrapper { + max-width: 900px; + margin: 0 auto; + padding: 0.75rem; +} +#post-edit-index #post-edit-index-wrapper #post-header #post-header-wrapper label { + color: #f2f1ef; + font-size: 0.8em; + font-family: "Lucida Console", Monaco, monospace; + font-weight: 600; +} +#post-edit-index #post-edit-index-wrapper #post-header #post-header-wrapper span { + color: black; + font-size: 1.5em; +} +#post-edit-index #post-edit-index-wrapper #post-header #post-header-wrapper #post-title #post_title { + background: #fd95ba; + font-family: Helvetica, Arial, sans-serif; + width: 97.6%; + height: 80px; + font-size: 2em; + color: black; + padding: 5px; + margin: 0 0 5px 0; +} +#post-edit-index #post-edit-index-wrapper #post-header #post-header-wrapper #post-title #calendar-icon { + background: #192128; + border-radius: 3px 0 0 3px; + display: inline-block; + padding: 5.2px; + color: #b2cce5; +} +#post-edit-index #post-edit-index-wrapper #post-header #post-header-wrapper #post-meta #post_tags { + background: #fd95ba; + font-family: Helvetica, Arial, sans-serif; + width: 97.6%; + height: 80px; + color: black; + padding: 5px; + margin: 0 0 5px 0; +} +#post-edit-index #post-edit-index-wrapper #post-header #post-header-wrapper #post-meta #post-options { + display: inline-block; + vertical-align: top; + width: 100%; + padding: 0; +} +#post-edit-index #post-edit-index-wrapper #post-header #post-header-wrapper #post-meta #post-options button:nth-child(1) { + border-radius: 3px 0 0 3px; +} +#post-edit-index #post-edit-index-wrapper #post-header #post-header-wrapper #post-meta #post-options button:nth-child(3) { + border-radius: 0 3px 3px 0; +} +#post-edit-index #post-edit-index-wrapper #post-header #post-header-wrapper #post-meta #post-options button { + width: 33.3%; + height: 39px; + -moz-transition: all 0.3s linear; + -webkit-transition: all 0.3s linear; + -o-transition: all 0.3s linear; + transition: all 0.3s linear; + margin: 0; + border-radius: 0; + display: inline-block; + vertical-align: top; + text-align: center; +} +#post-edit-index #post-edit-index-wrapper #post-header #post-header-wrapper #post-meta #post-options button[data-active=false] { + background: black; +} +#post-edit-index #post-edit-index-wrapper #post-header #post-header-wrapper #post-meta #post-options button[data-active=false] svg { + fill: #f2f1ef; +} +#post-edit-index #post-edit-index-wrapper #post-header #post-header-wrapper #post-meta #post-options button[data-active=true] { + background: #f6b54d; +} +#post-edit-index #post-edit-index-wrapper #post-header #post-header-wrapper #post-meta #post-options button[data-active=true] svg { + fill: black; +} +#post-edit-index #post-edit-index-wrapper #post-header #post-header-wrapper #post-meta #featured-image-upload, #post-edit-index #post-edit-index-wrapper #post-header #post-header-wrapper #post-meta #post-image-upload { + display: none; +} +#post-edit-index #post-edit-index-wrapper #post-feature { + width: 100%; +} +#post-edit-index #post-edit-index-wrapper #post-feature #featured-image-drop { + display: flex; + align-items: center; + justify-content: center; + width: 100%; + min-height: 200px; + background: black; + color: #374857; + vertical-align: middle; + font-family: "Lucida Console", Monaco, monospace; +} +#post-edit-index #post-edit-index-wrapper #post-feature #featured-image-drop label { + cursor: pointer; +} +#post-edit-index #post-edit-index-wrapper #post-feature #featured-image-drop img { + width: 100%; + margin: 0; + padding: 0; +} +#post-edit-index #post-edit-index-wrapper #post-feature #featured-new-image-btn { + position: absolute; + margin: 20px; +} +#post-edit-index #post-edit-index-wrapper #post-feature #featured-new-image-btn #new-feature-upload { + padding-top: 4px; + background: #f2f1ef; +} +#post-edit-index #post-edit-index-wrapper #post-feature #featured-new-image-btn #new-feature-upload svg { + fill: #fc6399; +} +#post-edit-index #post-edit-index-wrapper #edit-post { + width: 100%; + max-width: 880px; + margin: 0 auto; +} +#post-edit-index #post-edit-index-wrapper #edit-post #edit-post-wrapper { + max-width: 900px; + border-radius: 5px; + margin: 40px 0 40px 0; + overflow: hidden; +} +#post-edit-index #post-edit-index-wrapper #edit-post #edit-post-wrapper pre { + margin: 0; +} +#post-edit-index #post-edit-index-wrapper #edit-post #edit-post-wrapper pre code { + font-family: "Lucida Console", Monaco, monospace; + padding: 5px; + border-radius: 5px; + line-height: 1.6em; + font-size: 1.25em; + color: #fde3a7; + word-wrap: normal; + white-space: pre-wrap; + line-break: normal; + -webkit-line-break: normal; + -o-line-break: normal; + -moz-line-break: normal; + display: inline-block; + width: 100%; + max-width: 900px; + min-height: 200px; +} + +@media only screen and (max-width: 800px) { + #post-edit-index #post-edit-index-wrapper #post-header #post-title #post-date { + width: 37.6%; + } +} +@media only screen and (max-width: 768px) { + #post-edit-index #post-edit-index-wrapper #post-header #post-title #post-date { + width: 43.1%; + } + #post-edit-index #post-edit-index-wrapper #post-header #post-meta #edit-control { + max-width: 100%; + } + #post-edit-index #post-edit-index-wrapper #post-header #post-meta #edit-control button { + width: 9.91%; + } +} +@media only screen and (max-width: 640px) { + #post-edit-index #post-edit-index-wrapper #post-header #post-title #post-date { + width: 42%; + } +} +@media only screen and (max-width: 480px) { + #post-index #post-index-wrapper #post-index-menu a { + font-size: 0.95em; + } + #post-index #post-index-wrapper #post-index-menu a label { + display: none; + visibility: hidden; + } + + #post-edit-index #post-edit-index-wrapper #post-header #post-title #post-options { + margin: 5px 0 0 0; + width: 100%; + padding: 0; + } + #post-edit-index #post-edit-index-wrapper #post-header #post-title #post-date { + width: 89.2%; + } + #post-edit-index #post-edit-index-wrapper #post-header #post-meta #edit-control button { + width: 9.91%; + } +} +@media only screen and (max-width: 320px) { + #post-index #post-index-wrapper #post-index-menu a { + font-size: 0.95em; + } + #post-index #post-index-wrapper #post-index-menu a label { + display: none; + visibility: hidden; + } + + #post-edit-index #post-edit-index-wrapper #post-header #post-title #post_title { + width: 96.4%; + } + #post-edit-index #post-edit-index-wrapper #post-header #post-title #post-options { + margin: 5px 0 0 0; + width: 100%; + padding: 0; + } + #post-edit-index #post-edit-index-wrapper #post-header #post-title #post-date { + width: 83.1%; + } + #post-edit-index #post-edit-index-wrapper #post-header #post-meta #post_tags { + width: 96.4%; + } + #post-edit-index #post-edit-index-wrapper #post-header #post-meta #edit-control .content-editor-btn-icon svg.icons { + width: 20px; + } + #post-edit-index #post-edit-index-wrapper #post-header #post-meta #edit-control .post-sumbit-btn svg.icons { + width: 20px; + } + #post-edit-index #post-edit-index-wrapper #post-header #post-meta #edit-control button { + width: 10%; + } +} +.dp-modal { + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: rgba(0, 0, 0, 0.75); + z-index: 2000; +} + +.dp { + position: relative; + background: #374857; + box-shadow: 2px 2px 16px rgba(0, 0, 0, 0.25); + line-height: 1.4; + border-radius: 4px; + max-height: 400px; + z-index: 5000; + padding-top: 6px; + overflow: hidden; + -webkit-tap-highlight-color: transparent; +} + +.dp:before { + content: " "; + height: 6px; + position: absolute; + top: 0; + left: 0; + right: 0; + background: #fc6399; +} + +.dp-permanent .dp { + padding-top: 0; + border: 1px solid #EEE; + box-shadow: none; +} + +.dp-permanent .dp:before { + display: none; +} + +.dp-cal { + min-height: 300px; +} + +.dp-below { + position: absolute; + font-size: 0.8em; + width: 400px; + max-width: 90vw; +} + +.dp-permanent { + position: relative; + font-size: 0.8em; + width: 400px; + max-width: 100vw; +} + +.dp-permanent .dp { + z-index: 0; +} + +.dp-modal .dp { + position: absolute; + top: 50%; + left: 50%; + max-width: 600px; + width: calc(100% - 4em); + transform: translate(-50%, -50%); + animation: slide-up 0.3s forwards; +} + +.dp-months { + padding: 24px; +} + +.dp-years { + box-sizing: border-box; + max-height: 400px; + padding: 8px 0; + /* HACK for Chrome on Android */ + overflow: auto !important; +} + +.dp-cal-month, .dp-cal-year, .dp-day, .dp-month, .dp-year { + box-sizing: border-box; + text-align: center; + text-decoration: none; + position: relative; + color: #f2f1ef; + border-radius: 2px; + border: 0; + background: transparent; +} + +.dp-cal-header { + position: relative; + text-align: center; + padding-bottom: 16px; + background: #232e38; +} + +.dp-next, .dp-prev { + position: absolute; + width: 30px; + height: 30px; + overflow: hidden; + top: 14px; + color: black; + border-radius: 2px; + border: 0; + background: transparent; +} + +.dp-next:focus, .dp-prev:focus, .dp-next:hover, .dp-prev:hover { + outline: none; + color: inherit; +} + +.dp-prev { + left: 24px; +} + +.dp-next { + right: 24px; +} + +.dp-prev:before, .dp-next:before { + content: ""; + border: 2px solid; + width: 10px; + height: 10px; + display: inline-block; + transform: rotate(-45deg); + transition: border-color 0.2s; + margin: 9px 0 40px 4px; +} + +.dp-prev:before { + border-right: 0; + border-bottom: 0; +} + +.dp-next:before { + border-left: 0; + border-top: 0; + margin-left: 0; + margin-right: 4px; +} + +.dp-cal-month, .dp-cal-year { + display: inline-block; + font-size: 1.4em; + padding: 16px 8px 8px; + outline: none; +} + +.dp-cal-footer { + text-align: center; + background: #232e38; +} + +.dp-day-today:after { + content: ""; + height: 0; + width: 0; + border: 7px solid #fc6399; + border-bottom-color: transparent; + border-left-color: transparent; + position: absolute; + top: 0; + right: 0; +} + +.dp-close, .dp-clear, .dp-today { + box-sizing: border-box; + display: inline-block; + width: 33%; + padding: 8px; + text-decoration: none; + color: black; + border: 0; + background: transparent; +} + +.dp-permanent .dp-close, .dp-permanent .dp-clear { + display: none; +} + +.dp-close:active, .dp-clear:active, .dp-today:active, .dp-next:active, .dp-prev:active, .dp-cal-month:active, .dp-cal-year:active { + background: #fc6399; + color: #f2f1ef; +} + +@media screen and (min-device-width: 1200px) { + .dp-close:hover, .dp-close:focus, .dp-clear:hover, .dp-clear:focus, .dp-today:hover, .dp-today:focus, .dp-next:hover, .dp-next:focus, .dp-prev:hover, .dp-prev:focus, .dp-cal-month:focus, .dp-cal-month:hover, .dp-cal-year:hover, .dp-cal-year:focus { + background: #fc6399; + color: #f2f1ef; + } +} +.dp-col-header, .dp-day { + width: 14.28571429%; + display: inline-block; + padding: 8px; + text-align: center; +} + +.dp-col-header { + color: #AAA; + text-transform: uppercase; + font-weight: 300; + font-size: 0.8em; + padding: 8px 0; +} + +.dp-month { + width: 33%; + display: inline-block; + padding: 8px; +} + +.dp-year { + display: block; + padding: 8px 40px; + width: 100%; +} + +.dp-edge-day { + color: #AAA; +} + +.dp-day:hover, .dp-month:hover, .dp-year:hover, .dp-current:focus, .dp-current, .dp-day:focus, .dp-month:focus, .dp-year:focus { + outline: none; + background: black; + color: #f2f1ef; +} + +.dp-selected:hover, .dp-selected:focus, .dp-selected { + background: #fc6399; + color: black; +} + +.dp-day-disabled { + background: transparent; + color: #DDD; +} + +.dp-day-disabled:focus, .dp-day-disabled:hover { + background: #DDD; +} + +.dp-focuser { + position: absolute; + z-index: 0; + top: 50%; + left: 50%; +} + +@media (max-width: 480px), (max-height: 480px) { + .dp-modal .dp { + font-size: 0.9em; + width: auto; + width: 100%; + } + + .dp-day-of-week, .dp-day { + padding: 8px; + } +} +@keyframes slide-up { + 0% { + transform: translate(-50%, 100%); + } + 100% { + transform: translate(-50%, -50%); + } +} +#edit-control { + top: 1px; + border-radius: 3px; + width: 100%; + max-width: 880px; + margin-top: 30px; + z-index: 2000; +} +#edit-control button:nth-child(1) { + border-radius: 3px 0 0 3px; +} +#edit-control button:nth-child(10) { + border-radius: 0 3px 3px 0; +} +#edit-control button { + background: #b2cce5; + width: 10%; + height: 39px; + -moz-transition: all 0.3s linear; + -webkit-transition: all 0.3s linear; + -o-transition: all 0.3s linear; + transition: all 0.3s linear; + margin: 0; + border-radius: 0; + display: inline-block; + vertical-align: top; + text-align: center; +} +#edit-control button:hover { + background: #6699cb; +} +#edit-control #option-update { + padding: 5px 5px 1px 5px; + display: inline-block; + vertical-align: top; + text-align: center; +} +#edit-control .icon-hide { + display: none; + visibility: hidden; +} +#edit-control .submit-start { + background: #f2f1ef; +} +#edit-control .submit-start svg { + fill: #32cd32; +} +#edit-control .submit-cool { + background: #32cd32; +} +#edit-control .submit-cool svg { + fill: #f2f1ef; +} +#edit-control .submit-delete { + background: #F64747 !important; +} +#edit-control .submit-delete svg { + fill: #f2f1ef !important; +} +#edit-control #option-date { + height: 30px; + padding-top: 6px; +} +#edit-control #option-date svg { + margin: -13px 5px 0 0; + display: inline-block; + vertical-align: top; + fill: #f2f1ef; +} +#edit-control .content-editor-btn-icon { + padding: 5px 5px 1px 5px; + color: #374857; +} +#edit-control .content-editor-btn-icon svg { + fill: #374857; +} +#edit-control .content-editor-btn-text { + padding: 5px; + color: #374857; +} +#edit-control #option-bold { + font-weight: bold; + text-decoration: none; +} +#edit-control #option-italic { + font-weight: bold; + text-decoration: none; + font-style: italic; +} +#edit-control #option-strikethrough { + font-weight: bold; + text-decoration: line-through; + font-style: italic; +} + +.hljs { + display: block; + overflow-x: auto; + padding: 0.5em; + background: #2b3844; +} + +.hljs, .hljs-subst { + color: #ebdbb2; +} + +.hljs-deletion, .hljs-formula, .hljs-keyword .hljs-selector-tag { + color: #fde3a7; + font-style: italic; +} + +.hljs-link { + color: #fc6399; +} + +.hljs-built_in, .hljs-emphasis, .hljs-name, .hljs-quote, .hljs-strong, .hljs-title, .hljs-variable { + color: #ffa07a; +} + +.hljs-attr, .hljs-params, .hljs-template-tag, .hljs-type { + color: #89c4f4; +} + +.hljs-builtin-name, .hljs-doctag, .hljs-literal, .hljs-number { + color: #8f3f71; +} + +.hljs-code, .hljs-meta, .hljs-regexp, .hljs-selector-id, .hljs-template-variable { + color: #f5ab35; +} + +.hljs-addition, .hljs-meta-string, .hljs-section, .hljs-selector-attr, .hljs-selector-class, .hljs-string, .hljs-symbol { + color: #f6dd74; +} + +.hljs-attribute, .hljs-bullet, .hljs-class, .hljs-function, .hljs-function .hljs-keyword, .hljs-meta-keyword, .hljs-selector-pseudo, .hljs-tag { + color: #bac7d3; +} + +.hljs-comment { + color: #928374; +} + +.hljs-link_label, .hljs-literal, .hljs-number { + color: #d3869b; +} + +.hljs-comment, .hljs-emphasis { + font-style: italic; +} + +.hljs-section, .hljs-strong, .hljs-tag { + font-weight: normal; +} + +/*# sourceMappingURL=dash.css.map */ diff --git a/public/assets/scripts/dash.min.js b/public/assets/scripts/dash.min.js new file mode 100644 index 0000000..781de13 --- /dev/null +++ b/public/assets/scripts/dash.min.js @@ -0,0 +1,11 @@ +!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]:D,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:P,o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:null,a=this;return new Promise((function(t,i){var l=new XMLHttpRequest;if(l.upload.onprogress=a.handleLoadProgress,l.open(n,e,!0),l.onload=function(){if(200==l.status){var e=JSON.parse(l.response);t(e)}else{var n=JSON.parse(l.response);i(n)}},"PUT"==n||n==x)switch(r){case P:l.setRequestHeader("Content-type","application/"+r),l.send(JSON.stringify(o));break;case _:l.send(o)}else l.send()}))}},{key:"handleLoadProgress",value:function(e){this.percentComplete=Math.ceil(e.loaded/e.total*100)}}]),t}(),O="POST",C="createNewPage",A="editPage",M="deletePage",N="json",L="x-www-form-urlencoded",R=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===s&&(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,O,N,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 a="";switch(e){case"avatar-upload":a="/api/v1/settings/add-avatar";break;case"background-upload":a="/api/v1/settings/add-feature-background";break;default:a="/api/v1/page/add-entry-image"}for(var i=new FormData,l=0;l2&&void 0!==arguments[2]?arguments[2]:"GET",r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:N,o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:null,a=this;return new Promise((function(i,l){var u=new XMLHttpRequest;if(u.upload.onprogress=a.handleLoadProgress,u.open(n,e,!0),u.onload=function(){if(200==u.status){var e=JSON.parse(u.response);i(e)}else{var t=JSON.parse(u.response);l(t)}},"PUT"==n||n==O)switch(t!==g&&t!==w&&t!==v&&t!==m&&t!==E&&t!==y&&t!==b&&t!==I||u.setRequestHeader("fipamo-access-token",a.token),r){case N:u.setRequestHeader("Content-type","application/"+r),u.send(JSON.stringify(o));break;case L:u.send(o)}else u.send()}))}},{key:"handleLoadProgress",value:function(e){this.percentComplete=Math.ceil(e.loaded/e.total*100)}}]),t}(),H=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}(),F=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 a={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",a),r.append("title",document.getElementById("post_title").value),r.append("created",document.getElementById("post-date").getAttribute("data-raw")),r.append("slug",(new F).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 i=document.getElementById("featured-image").src;null!=i||null!=i?r.append("feature_image",i):r.append("feature_image",null)}t(r)}))}}]),t}(),q="editorDelete",U="editorUploadImage",Y="editorSave",j="editorUpdate";new function t(){e(this,t)};var W=["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"],z=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&&W.push("width"),W.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 G(e){return(G="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 Q=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}},V=function(e){return"object"===G(e)&&null!==e},J=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 a=void 0===r?n():r,i=e.value.slice(0,a),l=e.value.slice(a),u=''.concat(o(i),"");u+='|',u+=''.concat(o(l),"");var s=z(e,u).rect();return s.pos=n(),s};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(),a=r.documentElement,i=n.pageXOffset||a.scrollLeft,l=n.pageYOffset||a.scrollTop;return{top:o.top+l,left:o.left+i}}(e),a=r(n);return{top:o.top+a.top+t.document.body.scrollTop,left:o.left+a.left+t.document.body.scrollLeft,height:a.height}},getPosition:r}},$=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 a=t.customPos||0===t.customPos;if(n.endOffset-1>0&&n.endContainer!==e||a){var i=n.cloneRange(),l=a?t.customPos:n.endOffset;i.setStart(n.endContainer,l-1<0?0:l-1),i.setEnd(n.endContainer,l);var u=i.getBoundingClientRect();o={height:u.height,left:u.left+u.width,top:u.top},i.detach()}if((!o||o&&0===o.height)&&!t.noShadowCaret){var s=n.cloneRange(),c=t.document.createTextNode("|");s.insertNode(c),s.selectNode(c);var d=s.getBoundingClientRect();o={height:d.height,left:d.left,top:d.top},c.parentNode.removeChild(c),s.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,a=!1;!function e(i,l){for(var u=0;u=i){a=!0;var c=t.document.createRange();c.setStart(s,i-o),r.removeAllRanges(),r.addRange(c);break}o+=s.length}else e(n,s)}}(n,e)}return e},getPosition:function(){var r=n(),a=o(),i=e.getBoundingClientRect(),l=i.top+t.document.body.scrollTop,u=i.left+t.document.body.scrollLeft;return r.left-=u,r.top-=l,r.pos=a,r},getOffset:n,getRange:r}}(e,t):J(e,t)},Z=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=n;V(t)&&(r=t,t=null);var o=Q(r),a=$(e,o);return t||0===t?a.setPos(t):a.getPosition()},K=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)}(a,t);var r=i(a);function a(t,n){var o;return e(this,a),(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(a,[{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=Z(e.textEditor).pos;t.refresh(),Z(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 U:var n,r;Z(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=Z(this.textEditor).pos,this.emitEvent(U);break;case"submit-save":case"edit-save":this.emitEvent(Y);break;case"submit-update":case"edit-update":this.emitEvent(j);break;case"edit-link":n.insertNode(document.createTextNode("["+r+"](PASTE URL HERE)"));break;case"edit-delete":this.emitEvent(q)}this.refresh()}}]),a}(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 ie(e,t){return e.apply(null,t)}var le={arr:function(e){return Array.isArray(e)},obj:function(e){return ae(Object.prototype.toString.call(e),"Object")},pth:function(e){return le.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||le.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 le.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 le.hex(e)||le.rgb(e)||le.hsl(e)},key:function(e){return!ee.hasOwnProperty(e)&&!te.hasOwnProperty(e)&&"targets"!==e&&"keyframes"!==e}};function ue(e){var t=/\(([^)]+)\)/.exec(e);return t?t[1].split(",").map((function(e){return parseFloat(e)})):[]}function se(e,t){var n=ue(e),r=oe(le.und(n[0])?1:n[0],.1,100),o=oe(le.und(n[1])?100:n[1],.1,100),a=oe(le.und(n[2])?10:n[2],.1,100),i=oe(le.und(n[3])?0:n[3],.1,100),l=Math.sqrt(o/r),u=a/(2*Math.sqrt(o*r)),s=u<1?l*Math.sqrt(1-u*u):0,c=u<1?(u*l-i)/s:-i+l;function d(e){var n=t?t*e/1e3:e;return n=u<1?Math.exp(-n*u*l)*(1*Math.cos(s*n)+c*Math.sin(s*n)):(1+c*n)*Math.exp(-n*l),0===e||1===e?e:1-n}return t?d:function(){var t=re.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 a=r*n*1e3;return re.springs[e]=a,a}}function ce(e){return void 0===e&&(e=10),function(t){return Math.ceil(oe(t,1e-6,1)*e)*(1/e)}}var de,fe,he=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,a){return((t(o,a)*e+n(o,a))*e+r(o))*e}function a(e,o,a){return 3*t(o,a)*e*e+2*n(o,a)*e+r(o)}return function(t,n,r,i){if(0<=t&&t<=1&&0<=r&&r<=1){var l=new Float32Array(11);if(t!==n||r!==i)for(var u=0;u<11;++u)l[u]=o(u*e,t,r);return function(e){return t===n&&r===i||0===e||1===e?e:o(s(e),n,i)}}function s(n){for(var i=0,u=1;10!==u&&l[u]<=n;++u)i+=e;--u;var s=i+(n-l[u])/(l[u+1]-l[u])*e,c=a(s,t,r);return c>=.001?function(e,t,n,r){for(var i=0;i<4;++i){var l=a(t,n,r);if(0===l)return t;t-=(o(t,n,r)-e)/l}return t}(n,s,t,r):0===c?s:function(e,t,n,r,a){var i,l,u=0;do{(i=o(l=t+(n-t)/2,r,a)-e)>0?n=l:t=l}while(Math.abs(i)>1e-7&&++u<10);return l}(n,i,i+e,t,r)}}}(),pe=(de={linear:function(){return function(e){return e}}},fe={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=oe(e,1,10),r=oe(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){fe[e]=function(){return function(e){return Math.pow(e,t+2)}}})),Object.keys(fe).forEach((function(e){var t=fe[e];de["easeIn"+e]=t,de["easeOut"+e]=function(e,n){return function(r){return 1-t(e,n)(1-r)}},de["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}},de["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}}})),de);function ge(e,t){if(le.fnc(e))return e;var n=e.split("(")[0],r=pe[n],o=ue(e);switch(n){case"spring":return se(e,t);case"cubicBezier":return ie(he,o);case"steps":return ie(ce,o);default:return ie(r,o)}}function me(e){try{return document.querySelectorAll(e)}catch(e){return}}function ve(e,t){for(var n=e.length,r=arguments.length>=2?t:void 0,o=[],a=0;a1&&(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==i)t=n=r=l;else{var c=l<.5?l*(1+i):l+i-l*i,d=2*l-c;t=s(d,c,a+1/3),n=s(d,c,a),r=s(d,c,a-1/3)}return"rgba("+255*t+","+255*n+","+255*r+","+u+")"}(e):void 0;var t,n}function Te(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 xe(e,t){return le.fnc(e)?e(t.target,t.id,t.total):e}function De(e,t){return e.getAttribute(t)}function Pe(e,t,n){if(we([n,"deg","rad","turn"],Te(t)))return t;var r=re.CSS[t+n];if(!le.und(r))return r;var o=document.createElement(e.tagName),a=e.parentNode&&e.parentNode!==document?e.parentNode:document.body;a.appendChild(o),o.style.position="absolute",o.style.width=100+n;var i=100/o.offsetWidth;a.removeChild(o);var l=i*parseFloat(t);return re.CSS[t+n]=l,l}function _e(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?Pe(e,o,n):o}}function Be(e,t){return le.dom(e)&&!le.inp(e)&&(!le.nil(De(e,t))||le.svg(e)&&e[t])?"attribute":le.dom(e)&&we(ne,t)?"transform":le.dom(e)&&"transform"!==t&&_e(e,t)?"css":null!=e[t]?"object":void 0}function Oe(e){if(le.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 Ce(e,t,n,r){var o=ae(t,"scale")?1:0+function(e){return ae(e,"translate")||"perspective"===e?"px":ae(e,"rotate")||ae(e,"skew")?"deg":void 0}(t),a=Oe(e).get(t)||o;return n&&(n.transforms.list.set(t,a),n.transforms.last=t),r?Pe(e,a,r):a}function Ae(e,t,n,r){switch(Be(e,t)){case"transform":return Ce(e,t,r,n);case"css":return _e(e,t,n);case"attribute":return De(e,t);default:return e[t]||0}}function Me(e,t){var n=/^(\*=|\+=|-=)/.exec(e);if(!n)return e;var r=Te(e)||0,o=parseFloat(t),a=parseFloat(e.replace(n[0],""));switch(n[0][0]){case"+":return o+a+r;case"-":return o-a+r;case"*":return o*a+r}}function Ne(e,t){if(le.col(e))return Se(e);if(/\s/g.test(e))return e;var n=Te(e),r=n?e.substr(0,e.length-n.length):e;return t?r+t:r}function Le(e,t){return Math.sqrt(Math.pow(t.x-e.x,2)+Math.pow(t.y-e.y,2))}function Re(e){for(var t,n=e.points,r=0,o=0;o0&&(r+=Le(t,a)),t=a}return r}function He(e){if(e.getTotalLength)return e.getTotalLength();switch(e.tagName.toLowerCase()){case"circle":return function(e){return 2*Math.PI*De(e,"r")}(e);case"rect":return function(e){return 2*De(e,"width")+2*De(e,"height")}(e);case"line":return function(e){return Le({x:De(e,"x1"),y:De(e,"y1")},{x:De(e,"x2"),y:De(e,"y2")})}(e);case"polyline":return Re(e);case"polygon":return function(e){var t=e.points;return Re(e)+Le(t.getItem(t.numberOfItems-1),t.getItem(0))}(e)}}function Fe(e,t){var n=t||{},r=n.el||function(e){for(var t=e.parentNode;le.svg(t)&&le.svg(t.parentNode);)t=t.parentNode;return t}(e),o=r.getBoundingClientRect(),a=De(r,"viewBox"),i=o.width,l=o.height,u=n.viewBox||(a?a.split(" "):[0,0,i,l]);return{el:r,viewBox:u,x:u[0]/1,y:u[1]/1,w:i,h:l,vW:u[2],vH:u[3]}}function Xe(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=Fe(e.el,e.svg),a=r(),i=r(-1),l=r(1),u=n?1:o.w/o.vW,s=n?1:o.h/o.vH;switch(e.property){case"x":return(a.x-o.x)*u;case"y":return(a.y-o.y)*s;case"angle":return 180*Math.atan2(l.y-i.y,l.x-i.x)/Math.PI}}function qe(e,t){var n=/[+-]?\d*\.?\d+(?:\.\d+)?(?:[eE][+-]?\d+)?/g,r=Ne(le.pth(e)?e.totalLength:e,t)+"";return{original:r,numbers:r.match(n)?r.match(n).map(Number):[0],strings:le.str(e)||t?r.split(n):[]}}function Ue(e){return ve(e?ye(le.arr(e)?e.map(be):be(e)):[],(function(e,t,n){return n.indexOf(e)===t}))}function Ye(e){var t=Ue(e);return t.map((function(e,n){return{target:e,id:n,total:t.length,transforms:{list:Oe(e)}}}))}function je(e,t){var n=Ee(t);if(/^spring/.test(n.easing)&&(n.duration=se(n.easing)),le.arr(e)){var r=e.length;2===r&&!le.obj(e[0])?e={value:e}:le.fnc(t.duration)||(n.duration=t.duration/r)}var o=le.arr(e)?e:[e];return o.map((function(e,n){var r=le.obj(e)&&!le.pth(e)?e:{value:e};return le.und(r.delay)&&(r.delay=n?0:t.delay),le.und(r.endDelay)&&(r.endDelay=n===o.length-1?t.endDelay:0),r})).map((function(e){return ke(e,n)}))}function We(e,t){var n=[],r=t.keyframes;for(var o in r&&(t=ke(function(e){for(var t=ve(ye(e.map((function(e){return Object.keys(e)}))),(function(e){return le.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)le.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(){tt.suspendWhenDocumentHidden&&(et()?e=cancelAnimationFrame(e):(Ze.forEach((function(e){return e._onDocumentVisibility()})),Ke()))})),function(){e||et()&&tt.suspendWhenDocumentHidden||!(Ze.length>0)||(e=requestAnimationFrame(t))}}();function et(){return!!document&&document.hidden}function tt(e){void 0===e&&(e={});var t,n=0,r=0,o=0,a=0,i=null;function l(e){var t=window.Promise&&new Promise((function(e){return i=e}));return e.finished=t,t}var u=function(e){var t=Ie(ee,e),n=Ie(te,e),r=We(n,e),o=Ye(e.targets),a=Ve(o,r),i=Je(a,n),l=$e;return $e++,ke(t,{id:l,children:[],animatables:o,animations:a,duration:i.duration,delay:i.delay,endDelay:i.endDelay})}(e);function s(){var e=u.direction;"alternate"!==e&&(u.direction="normal"!==e?"normal":"reverse"),u.reversed=!u.reversed,t.forEach((function(e){return e.reversed=u.reversed}))}function c(e){return u.reversed?u.duration-e:e}function d(){n=0,r=c(u.currentTime)*(1/tt.speed)}function f(e,t){t&&t.seek(e-t.timelineOffset)}function h(e){for(var t=0,n=u.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&&(u.began=!0,p("begin")),!u.loopBegan&&u.currentTime>0&&(u.loopBegan=!0,p("loopBegin")),v<=g&&0!==u.currentTime&&h(0),(v>=m&&u.currentTime!==d||!d)&&h(d),v>g&&v=d&&(r=0,u.remaining&&!0!==u.remaining&&u.remaining--,u.remaining?(n=o,p("loopComplete"),u.loopBegan=!1,"alternate"===u.direction&&s()):(u.paused=!0,u.completed||(u.completed=!0,p("loopComplete"),p("complete"),!u.passThrough&&"Promise"in window&&(i(),l(u)))))}return l(u),u.reset=function(){var e=u.direction;u.passThrough=!1,u.currentTime=0,u.progress=0,u.paused=!0,u.began=!1,u.loopBegan=!1,u.changeBegan=!1,u.completed=!1,u.changeCompleted=!1,u.reversePlayback=!1,u.reversed="reverse"===e,u.remaining=u.loop,t=u.children;for(var n=a=t.length;n--;)u.children[n].reset();(u.reversed&&!0!==u.loop||"alternate"===e&&1===u.loop)&&u.remaining++,h(u.reversed?u.duration:0)},u._onDocumentVisibility=d,u.set=function(e,t){return Qe(e,t),u},u.tick=function(e){o=e,n||(n=o),g((o+(r-n))*tt.speed)},u.seek=function(e){g(c(e))},u.pause=function(){u.paused=!0,d()},u.play=function(){u.paused&&(u.completed&&u.reset(),u.paused=!1,Ze.push(u),d(),Ke())},u.reverse=function(){s(),u.completed=!u.reversed,d()},u.restart=function(){u.reset(),u.play()},u.remove=function(e){rt(Ue(e),u)},u.reset(),u.autoplay&&u.play(),u}function nt(e,t){for(var n=t.length;n--;)we(e,t[n].animatable.target)&&t.splice(n,1)}function rt(e,t){var n=t.animations,r=t.children;nt(e,n);for(var o=r.length;o--;){var a=r[o],i=a.animations;nt(e,i),i.length||a.children.length||r.splice(o,1)}n.length||r.length||t.pause()}tt.version="3.2.1",tt.speed=1,tt.suspendWhenDocumentHidden=!0,tt.running=Ze,tt.remove=function(e){for(var t=Ue(e),n=Ze.length;n--;){rt(t,Ze[n])}},tt.get=Ae,tt.set=Qe,tt.convertPx=Pe,tt.path=function(e,t){var n=le.str(e)?me(e)[0]:e,r=t||100;return function(e){return{property:e,el:n,svg:Fe(n),totalLength:He(n)*(r/100)}}},tt.setDashoffset=function(e){var t=He(e);return e.setAttribute("stroke-dasharray",t),t},tt.stagger=function(e,t){void 0===t&&(t={});var n=t.direction||"normal",r=t.easing?ge(t.easing):null,o=t.grid,a=t.axis,i=t.from||0,l="first"===i,u="center"===i,s="last"===i,c=le.arr(e),d=c?parseFloat(e[0]):parseFloat(e),f=c?parseFloat(e[1]):0,h=Te(c?e[1]:e)||0,p=t.start||0+(c?d:0),g=[],m=0;return function(e,t,v){if(l&&(i=0),u&&(i=(v-1)/2),s&&(i=v-1),!g.length){for(var y=0;y-1&&Ze.splice(o,1);for(var l=0;l'].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;dt.alert("Uploading Image",null),this.admin.imageUpload(e,t).then((function(e){e.type==d&&n.editor.notify(U,e.url),dt.alert("Image Added to Entry",!0)})).catch((function(){dt.alert("Uh oh. Image not added",!1)}))}}]),t}();ft.uploadFiles=[];var ht=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 ft}}}]),t}(),pt=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,a=document.getElementById("settings-title").value,i=document.getElementById("settings-desc").value,l=document.getElementById("render-toggle").getAttribute("data-render"),u=document.getElementById("background").src,s="",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 + * @author owenm + * @license MIT + */ +function wt(e){return(wt="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)}function Et(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function It(){return(It=Object.assign||function(e){for(var t=1;t=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function Tt(e){if("undefined"!=typeof window&&window.navigator)return!!navigator.userAgent.match(e)}var xt=Tt(/(?:Trident.*rv[ :]?11\.|msie|iemobile|Windows Phone)/i),Dt=Tt(/Edge/i),Pt=Tt(/firefox/i),_t=Tt(/safari/i)&&!Tt(/chrome/i)&&!Tt(/android/i),Bt=Tt(/iP(ad|od|hone)/i),Ot=Tt(/chrome/i)&&Tt(/android/i),Ct={capture:!1,passive:!1};function At(e,t,n){e.addEventListener(t,n,!xt&&Ct)}function Mt(e,t,n){e.removeEventListener(t,n,!xt&&Ct)}function Nt(e,t){if(t){if(">"===t[0]&&(t=t.substring(1)),e)try{if(e.matches)return e.matches(t);if(e.msMatchesSelector)return e.msMatchesSelector(t);if(e.webkitMatchesSelector)return e.webkitMatchesSelector(t)}catch(e){return!1}return!1}}function Lt(e){return e.host&&e!==document&&e.host.nodeType?e.host:e.parentNode}function Rt(e,t,n,r){if(e){n=n||document;do{if(null!=t&&(">"===t[0]?e.parentNode===n&&Nt(e,t):Nt(e,t))||r&&e===n)return e;if(e===n)break}while(e=Lt(e))}return null}var Ht,Ft=/\s+/g;function Xt(e,t,n){if(e&&t)if(e.classList)e.classList[n?"add":"remove"](t);else{var r=(" "+e.className+" ").replace(Ft," ").replace(" "+t+" "," ");e.className=(r+(n?" "+t:"")).replace(Ft," ")}}function qt(e,t,n){var r=e&&e.style;if(r){if(void 0===n)return document.defaultView&&document.defaultView.getComputedStyle?n=document.defaultView.getComputedStyle(e,""):e.currentStyle&&(n=e.currentStyle),void 0===t?n:n[t];t in r||-1!==t.indexOf("webkit")||(t="-webkit-"+t),r[t]=n+("string"==typeof n?"":"px")}}function Ut(e,t){var n="";if("string"==typeof e)n=e;else do{var r=qt(e,"transform");r&&"none"!==r&&(n=r+" "+n)}while(!t&&(e=e.parentNode));var o=window.DOMMatrix||window.WebKitCSSMatrix||window.CSSMatrix||window.MSCSSMatrix;return o&&new o(n)}function Yt(e,t,n){if(e){var r=e.getElementsByTagName(t),o=0,a=r.length;if(n)for(;o=a:o<=a))return r;if(r===jt())break;r=$t(r,!1)}return!1}function Gt(e,t,n){for(var r=0,o=0,a=e.children;o2&&void 0!==arguments[2]?arguments[2]:{},r=n.evt,o=St(n,["evt"]);ln.pluginEvent.bind(er)(e,t,kt({dragEl:cn,parentEl:dn,ghostEl:fn,rootEl:hn,nextEl:pn,lastDownEl:gn,cloneEl:mn,cloneHidden:vn,dragStarted:Bn,putSortable:kn,activeSortable:er.active,originalEvent:r,oldIndex:yn,oldDraggableIndex:wn,newIndex:bn,newDraggableIndex:En,hideGhostForTarget:Jn,unhideGhostForTarget:$n,cloneNowHidden:function(){vn=!0},cloneNowShown:function(){vn=!1},dispatchSortableEvent:function(e){sn({sortable:t,name:e,originalEvent:r})}},o))};function sn(e){!function(e){var t=e.sortable,n=e.rootEl,r=e.name,o=e.targetEl,a=e.cloneEl,i=e.toEl,l=e.fromEl,u=e.oldIndex,s=e.newIndex,c=e.oldDraggableIndex,d=e.newDraggableIndex,f=e.originalEvent,h=e.putSortable,p=e.extraEventProperties;if(t=t||n&&n[nn]){var g,m=t.options,v="on"+r.charAt(0).toUpperCase()+r.substr(1);!window.CustomEvent||xt||Dt?(g=document.createEvent("Event")).initEvent(r,!0,!0):g=new CustomEvent(r,{bubbles:!0,cancelable:!0}),g.to=i||n,g.from=l||n,g.item=o||n,g.clone=a,g.oldIndex=u,g.newIndex=s,g.oldDraggableIndex=c,g.newDraggableIndex=d,g.originalEvent=f,g.pullMode=h?h.lastPutMode:void 0;var y=kt({},p,ln.getEventProperties(r,t));for(var b in y)g[b]=y[b];n&&n.dispatchEvent(g),m[v]&&m[v].call(t,g)}}(kt({putSortable:kn,cloneEl:mn,targetEl:cn,rootEl:hn,oldIndex:yn,oldDraggableIndex:wn,newIndex:bn,newDraggableIndex:En},e))}var cn,dn,fn,hn,pn,gn,mn,vn,yn,bn,wn,En,In,kn,Sn,Tn,xn,Dn,Pn,_n,Bn,On,Cn,An,Mn,Nn=!1,Ln=!1,Rn=[],Hn=!1,Fn=!1,Xn=[],qn=!1,Un=[],Yn="undefined"!=typeof document,jn=Bt,Wn=Dt||xt?"cssFloat":"float",zn=Yn&&!Ot&&!Bt&&"draggable"in document.createElement("div"),Gn=function(){if(Yn){if(xt)return!1;var e=document.createElement("x");return e.style.cssText="pointer-events:auto","auto"===e.style.pointerEvents}}(),Qn=function(e,t){var n=qt(e),r=parseInt(n.width)-parseInt(n.paddingLeft)-parseInt(n.paddingRight)-parseInt(n.borderLeftWidth)-parseInt(n.borderRightWidth),o=Gt(e,0,t),a=Gt(e,1,t),i=o&&qt(o),l=a&&qt(a),u=i&&parseInt(i.marginLeft)+parseInt(i.marginRight)+Wt(o).width,s=l&&parseInt(l.marginLeft)+parseInt(l.marginRight)+Wt(a).width;if("flex"===n.display)return"column"===n.flexDirection||"column-reverse"===n.flexDirection?"vertical":"horizontal";if("grid"===n.display)return n.gridTemplateColumns.split(" ").length<=1?"vertical":"horizontal";if(o&&i.float&&"none"!==i.float){var c="left"===i.float?"left":"right";return!a||"both"!==l.clear&&l.clear!==c?"horizontal":"vertical"}return o&&("block"===i.display||"flex"===i.display||"table"===i.display||"grid"===i.display||u>=r&&"none"===n[Wn]||a&&"none"===n[Wn]&&u+s>r)?"vertical":"horizontal"},Vn=function(e){function t(e,n){return function(r,o,a,i){var l=r.options.group.name&&o.options.group.name&&r.options.group.name===o.options.group.name;if(null==e&&(n||l))return!0;if(null==e||!1===e)return!1;if(n&&"clone"===e)return e;if("function"==typeof e)return t(e(r,o,a,i),n)(r,o,a,i);var u=(n?r:o).options.group.name;return!0===e||"string"==typeof e&&e===u||e.join&&e.indexOf(u)>-1}}var n={},r=e.group;r&&"object"==wt(r)||(r={name:r}),n.name=r.name,n.checkPull=t(r.pull,!0),n.checkPut=t(r.put),n.revertClone=r.revertClone,e.group=n},Jn=function(){!Gn&&fn&&qt(fn,"display","none")},$n=function(){!Gn&&fn&&qt(fn,"display","")};Yn&&document.addEventListener("click",(function(e){if(Ln)return e.preventDefault(),e.stopPropagation&&e.stopPropagation(),e.stopImmediatePropagation&&e.stopImmediatePropagation(),Ln=!1,!1}),!0);var Zn=function(e){if(cn){e=e.touches?e.touches[0]:e;var t=(o=e.clientX,a=e.clientY,Rn.some((function(e){if(!Qt(e)){var t=Wt(e),n=e[nn].options.emptyInsertThreshold,r=o>=t.left-n&&o<=t.right+n,l=a>=t.top-n&&a<=t.bottom+n;return n&&r&&l?i=e:void 0}})),i);if(t){var n={};for(var r in e)e.hasOwnProperty(r)&&(n[r]=e[r]);n.target=n.rootEl=t,n.preventDefault=void 0,n.stopPropagation=void 0,t[nn]._onDragOver(n)}}var o,a,i},Kn=function(e){cn&&cn.parentNode[nn]._isOutsideThisEl(e.target)};function er(e,t){if(!e||!e.nodeType||1!==e.nodeType)throw"Sortable: `el` must be an HTMLElement, not ".concat({}.toString.call(e));this.el=e,this.options=t=It({},t),e[nn]=this;var n={group:null,sort:!0,disabled:!1,store:null,handle:null,draggable:/^[uo]l$/i.test(e.nodeName)?">li":">*",swapThreshold:1,invertSwap:!1,invertedSwapThreshold:null,removeCloneOnHide:!0,direction:function(){return Qn(e,this.options)},ghostClass:"sortable-ghost",chosenClass:"sortable-chosen",dragClass:"sortable-drag",ignore:"a, img",filter:null,preventOnFilter:!0,animation:0,easing:null,setData:function(e,t){e.setData("Text",t.textContent)},dropBubble:!1,dragoverBubble:!1,dataIdAttr:"data-id",delay:0,delayOnTouchOnly:!1,touchStartThreshold:(Number.parseInt?Number:window).parseInt(window.devicePixelRatio,10)||1,forceFallback:!1,fallbackClass:"sortable-fallback",fallbackOnBody:!1,fallbackTolerance:0,fallbackOffset:{x:0,y:0},supportPointer:!1!==er.supportPointer&&"PointerEvent"in window&&!_t,emptyInsertThreshold:5};for(var r in ln.initializePlugins(this,e,n),n)!(r in t)&&(t[r]=n[r]);for(var o in Vn(t),this)"_"===o.charAt(0)&&"function"==typeof this[o]&&(this[o]=this[o].bind(this));this.nativeDraggable=!t.forceFallback&&zn,this.nativeDraggable&&(this.options.touchStartThreshold=1),t.supportPointer?At(e,"pointerdown",this._onTapStart):(At(e,"mousedown",this._onTapStart),At(e,"touchstart",this._onTapStart)),this.nativeDraggable&&(At(e,"dragover",this),At(e,"dragenter",this)),Rn.push(this.el),t.store&&t.store.get&&this.sort(t.store.get(this)||[]),It(this,rn())}function tr(e,t,n,r,o,a,i,l){var u,s,c=e[nn],d=c.options.onMove;return!window.CustomEvent||xt||Dt?(u=document.createEvent("Event")).initEvent("move",!0,!0):u=new CustomEvent("move",{bubbles:!0,cancelable:!0}),u.to=t,u.from=e,u.dragged=n,u.draggedRect=r,u.related=o||t,u.relatedRect=a||Wt(t),u.willInsertAfter=l,u.originalEvent=i,e.dispatchEvent(u),d&&(s=d.call(c,u,i)),s}function nr(e){e.draggable=!1}function rr(){qn=!1}function or(e){for(var t=e.tagName+e.className+e.src+e.href+e.textContent,n=t.length,r=0;n--;)r+=t.charCodeAt(n);return r.toString(36)}function ar(e){return setTimeout(e,0)}function ir(e){return clearTimeout(e)}er.prototype={constructor:er,_isOutsideThisEl:function(e){this.el.contains(e)||e===this.el||(On=null)},_getDirection:function(e,t){return"function"==typeof this.options.direction?this.options.direction.call(this,e,t,cn):this.options.direction},_onTapStart:function(e){if(e.cancelable){var t=this,n=this.el,r=this.options,o=r.preventOnFilter,a=e.type,i=e.touches&&e.touches[0]||e.pointerType&&"touch"===e.pointerType&&e,l=(i||e).target,u=e.target.shadowRoot&&(e.path&&e.path[0]||e.composedPath&&e.composedPath()[0])||l,s=r.filter;if(function(e){Un.length=0;var t=e.getElementsByTagName("input"),n=t.length;for(;n--;){var r=t[n];r.checked&&Un.push(r)}}(n),!cn&&!(/mousedown|pointerdown/.test(a)&&0!==e.button||r.disabled)&&!u.isContentEditable&&(this.nativeDraggable||!_t||!l||"SELECT"!==l.tagName.toUpperCase())&&!((l=Rt(l,r.draggable,n,!1))&&l.animated||gn===l)){if(yn=Vt(l),wn=Vt(l,r.draggable),"function"==typeof s){if(s.call(this,e,l,this))return sn({sortable:t,rootEl:u,name:"filter",targetEl:l,toEl:n,fromEl:n}),un("filter",t,{evt:e}),void(o&&e.cancelable&&e.preventDefault())}else if(s&&(s=s.split(",").some((function(r){if(r=Rt(u,r.trim(),n,!1))return sn({sortable:t,rootEl:r,name:"filter",targetEl:l,fromEl:n,toEl:n}),un("filter",t,{evt:e}),!0}))))return void(o&&e.cancelable&&e.preventDefault());r.handle&&!Rt(u,r.handle,n,!1)||this._prepareDragStart(e,i,l)}}},_prepareDragStart:function(e,t,n){var r,o=this,a=o.el,i=o.options,l=a.ownerDocument;if(n&&!cn&&n.parentNode===a){var u=Wt(n);if(hn=a,dn=(cn=n).parentNode,pn=cn.nextSibling,gn=n,In=i.group,er.dragged=cn,Sn={target:cn,clientX:(t||e).clientX,clientY:(t||e).clientY},Pn=Sn.clientX-u.left,_n=Sn.clientY-u.top,this._lastX=(t||e).clientX,this._lastY=(t||e).clientY,cn.style["will-change"]="all",r=function(){un("delayEnded",o,{evt:e}),er.eventCanceled?o._onDrop():(o._disableDelayedDragEvents(),!Pt&&o.nativeDraggable&&(cn.draggable=!0),o._triggerDragStart(e,t),sn({sortable:o,name:"choose",originalEvent:e}),Xt(cn,i.chosenClass,!0))},i.ignore.split(",").forEach((function(e){Yt(cn,e.trim(),nr)})),At(l,"dragover",Zn),At(l,"mousemove",Zn),At(l,"touchmove",Zn),At(l,"mouseup",o._onDrop),At(l,"touchend",o._onDrop),At(l,"touchcancel",o._onDrop),Pt&&this.nativeDraggable&&(this.options.touchStartThreshold=4,cn.draggable=!0),un("delayStart",this,{evt:e}),!i.delay||i.delayOnTouchOnly&&!t||this.nativeDraggable&&(Dt||xt))r();else{if(er.eventCanceled)return void this._onDrop();At(l,"mouseup",o._disableDelayedDrag),At(l,"touchend",o._disableDelayedDrag),At(l,"touchcancel",o._disableDelayedDrag),At(l,"mousemove",o._delayedDragTouchMoveHandler),At(l,"touchmove",o._delayedDragTouchMoveHandler),i.supportPointer&&At(l,"pointermove",o._delayedDragTouchMoveHandler),o._dragStartTimer=setTimeout(r,i.delay)}}},_delayedDragTouchMoveHandler:function(e){var t=e.touches?e.touches[0]:e;Math.max(Math.abs(t.clientX-this._lastX),Math.abs(t.clientY-this._lastY))>=Math.floor(this.options.touchStartThreshold/(this.nativeDraggable&&window.devicePixelRatio||1))&&this._disableDelayedDrag()},_disableDelayedDrag:function(){cn&&nr(cn),clearTimeout(this._dragStartTimer),this._disableDelayedDragEvents()},_disableDelayedDragEvents:function(){var e=this.el.ownerDocument;Mt(e,"mouseup",this._disableDelayedDrag),Mt(e,"touchend",this._disableDelayedDrag),Mt(e,"touchcancel",this._disableDelayedDrag),Mt(e,"mousemove",this._delayedDragTouchMoveHandler),Mt(e,"touchmove",this._delayedDragTouchMoveHandler),Mt(e,"pointermove",this._delayedDragTouchMoveHandler)},_triggerDragStart:function(e,t){t=t||"touch"==e.pointerType&&e,!this.nativeDraggable||t?this.options.supportPointer?At(document,"pointermove",this._onTouchMove):At(document,t?"touchmove":"mousemove",this._onTouchMove):(At(cn,"dragend",this),At(hn,"dragstart",this._onDragStart));try{document.selection?ar((function(){document.selection.empty()})):window.getSelection().removeAllRanges()}catch(e){}},_dragStarted:function(e,t){if(Nn=!1,hn&&cn){un("dragStarted",this,{evt:t}),this.nativeDraggable&&At(document,"dragover",Kn);var n=this.options;!e&&Xt(cn,n.dragClass,!1),Xt(cn,n.ghostClass,!0),er.active=this,e&&this._appendGhost(),sn({sortable:this,name:"start",originalEvent:t})}else this._nulling()},_emulateDragOver:function(){if(Tn){this._lastX=Tn.clientX,this._lastY=Tn.clientY,Jn();for(var e=document.elementFromPoint(Tn.clientX,Tn.clientY),t=e;e&&e.shadowRoot&&(e=e.shadowRoot.elementFromPoint(Tn.clientX,Tn.clientY))!==t;)t=e;if(cn.parentNode[nn]._isOutsideThisEl(e),t)do{if(t[nn]){if(t[nn]._onDragOver({clientX:Tn.clientX,clientY:Tn.clientY,target:e,rootEl:t})&&!this.options.dragoverBubble)break}e=t}while(t=t.parentNode);$n()}},_onTouchMove:function(e){if(Sn){var t=this.options,n=t.fallbackTolerance,r=t.fallbackOffset,o=e.touches?e.touches[0]:e,a=fn&&Ut(fn,!0),i=fn&&a&&a.a,l=fn&&a&&a.d,u=jn&&Mn&&Jt(Mn),s=(o.clientX-Sn.clientX+r.x)/(i||1)+(u?u[0]-Xn[0]:0)/(i||1),c=(o.clientY-Sn.clientY+r.y)/(l||1)+(u?u[1]-Xn[1]:0)/(l||1);if(!er.active&&!Nn){if(n&&Math.max(Math.abs(o.clientX-this._lastX),Math.abs(o.clientY-this._lastY))r.right+o||e.clientX<=r.right&&e.clientY>r.bottom&&e.clientX>=r.left:e.clientX>r.right&&e.clientY>r.top||e.clientX<=r.right&&e.clientY>r.bottom+o}(e,o,this)&&!g.animated){if(g===cn)return B(!1);if(g&&a===e.target&&(i=g),i&&(n=Wt(i)),!1!==tr(hn,a,cn,t,i,n,e,!!i))return _(),a.appendChild(cn),dn=a,O(),B(!0)}else if(i.parentNode===a){n=Wt(i);var m,v,y,b=cn.parentNode!==a,w=!function(e,t,n){var r=n?e.left:e.top,o=n?e.right:e.bottom,a=n?e.width:e.height,i=n?t.left:t.top,l=n?t.right:t.bottom,u=n?t.width:t.height;return r===i||o===l||r+a/2===i+u/2}(cn.animated&&cn.toRect||t,i.animated&&i.toRect||n,o),E=o?"top":"left",I=zt(i,"top","top")||zt(cn,"top","top"),k=I?I.scrollTop:void 0;if(On!==i&&(v=n[E],Hn=!1,Fn=!w&&l.invertSwap||b),0!==(m=function(e,t,n,r,o,a,i,l){var u=r?e.clientY:e.clientX,s=r?n.height:n.width,c=r?n.top:n.left,d=r?n.bottom:n.right,f=!1;if(!i)if(l&&Anc+s*a/2:ud-An)return-Cn}else if(u>c+s*(1-o)/2&&ud-s*a/2))return u>c+s/2?1:-1;return 0}(e,i,n,o,w?1:l.swapThreshold,null==l.invertedSwapThreshold?l.swapThreshold:l.invertedSwapThreshold,Fn,On===i))){var S=Vt(cn);do{S-=m,y=dn.children[S]}while(y&&("none"===qt(y,"display")||y===fn))}if(0===m||y===i)return B(!1);On=i,Cn=m;var T=i.nextElementSibling,x=!1,D=tr(hn,a,cn,t,i,n,e,x=1===m);if(!1!==D)return 1!==D&&-1!==D||(x=1===D),qn=!0,setTimeout(rr,30),_(),x&&!T?a.appendChild(cn):i.parentNode.insertBefore(cn,x?T:i),I&&en(I,0,k-I.scrollTop),dn=cn.parentNode,void 0===v||Fn||(An=Math.abs(v-Wt(i)[E])),O(),B(!0)}if(a.contains(cn))return B(!1)}return!1}function P(l,u){un(l,h,kt({evt:e,isOwner:c,axis:o?"vertical":"horizontal",revert:r,dragRect:t,targetRect:n,canSort:d,fromSortable:f,target:i,completed:B,onMove:function(n,r){return tr(hn,a,cn,t,n,Wt(n),e,r)},changed:O},u))}function _(){P("dragOverAnimationCapture"),h.captureAnimationState(),h!==f&&f.captureAnimationState()}function B(t){return P("dragOverCompleted",{insertion:t}),t&&(c?s._hideClone():s._showClone(h),h!==f&&(Xt(cn,kn?kn.options.ghostClass:s.options.ghostClass,!1),Xt(cn,l.ghostClass,!0)),kn!==h&&h!==er.active?kn=h:h===er.active&&kn&&(kn=null),f===h&&(h._ignoreWhileAnimating=i),h.animateAll((function(){P("dragOverAnimationComplete"),h._ignoreWhileAnimating=null})),h!==f&&(f.animateAll(),f._ignoreWhileAnimating=null)),(i===cn&&!cn.animated||i===a&&!i.animated)&&(On=null),l.dragoverBubble||e.rootEl||i===document||(cn.parentNode[nn]._isOutsideThisEl(e.target),!t&&Zn(e)),!l.dragoverBubble&&e.stopPropagation&&e.stopPropagation(),p=!0}function O(){bn=Vt(cn),En=Vt(cn,l.draggable),sn({sortable:h,name:"change",toEl:a,newIndex:bn,newDraggableIndex:En,originalEvent:e})}},_ignoreWhileAnimating:null,_offMoveEvents:function(){Mt(document,"mousemove",this._onTouchMove),Mt(document,"touchmove",this._onTouchMove),Mt(document,"pointermove",this._onTouchMove),Mt(document,"dragover",Zn),Mt(document,"mousemove",Zn),Mt(document,"touchmove",Zn)},_offUpEvents:function(){var e=this.el.ownerDocument;Mt(e,"mouseup",this._onDrop),Mt(e,"touchend",this._onDrop),Mt(e,"pointerup",this._onDrop),Mt(e,"touchcancel",this._onDrop),Mt(document,"selectstart",this)},_onDrop:function(e){var t=this.el,n=this.options;bn=Vt(cn),En=Vt(cn,n.draggable),un("drop",this,{evt:e}),dn=cn&&cn.parentNode,bn=Vt(cn),En=Vt(cn,n.draggable),er.eventCanceled||(Nn=!1,Fn=!1,Hn=!1,clearInterval(this._loopId),clearTimeout(this._dragStartTimer),ir(this.cloneId),ir(this._dragStartId),this.nativeDraggable&&(Mt(document,"drop",this),Mt(t,"dragstart",this._onDragStart)),this._offMoveEvents(),this._offUpEvents(),_t&&qt(document.body,"user-select",""),qt(cn,"transform",""),e&&(Bn&&(e.cancelable&&e.preventDefault(),!n.dropBubble&&e.stopPropagation()),fn&&fn.parentNode&&fn.parentNode.removeChild(fn),(hn===dn||kn&&"clone"!==kn.lastPutMode)&&mn&&mn.parentNode&&mn.parentNode.removeChild(mn),cn&&(this.nativeDraggable&&Mt(cn,"dragend",this),nr(cn),cn.style["will-change"]="",Bn&&!Nn&&Xt(cn,kn?kn.options.ghostClass:this.options.ghostClass,!1),Xt(cn,this.options.chosenClass,!1),sn({sortable:this,name:"unchoose",toEl:dn,newIndex:null,newDraggableIndex:null,originalEvent:e}),hn!==dn?(bn>=0&&(sn({rootEl:dn,name:"add",toEl:dn,fromEl:hn,originalEvent:e}),sn({sortable:this,name:"remove",toEl:dn,originalEvent:e}),sn({rootEl:dn,name:"sort",toEl:dn,fromEl:hn,originalEvent:e}),sn({sortable:this,name:"sort",toEl:dn,originalEvent:e})),kn&&kn.save()):bn!==yn&&bn>=0&&(sn({sortable:this,name:"update",toEl:dn,originalEvent:e}),sn({sortable:this,name:"sort",toEl:dn,originalEvent:e})),er.active&&(null!=bn&&-1!==bn||(bn=yn,En=wn),sn({sortable:this,name:"end",toEl:dn,originalEvent:e}),this.save())))),this._nulling()},_nulling:function(){un("nulling",this),hn=cn=dn=fn=pn=mn=gn=vn=Sn=Tn=Bn=bn=En=yn=wn=On=Cn=kn=In=er.dragged=er.ghost=er.clone=er.active=null,Un.forEach((function(e){e.checked=!0})),Un.length=xn=Dn=0},handleEvent:function(e){switch(e.type){case"drop":case"dragend":this._onDrop(e);break;case"dragenter":case"dragover":cn&&(this._onDragOver(e),function(e){e.dataTransfer&&(e.dataTransfer.dropEffect="move");e.cancelable&&e.preventDefault()}(e));break;case"selectstart":e.preventDefault()}},toArray:function(){for(var e,t=[],n=this.el.children,r=0,o=n.length,a=this.options;r numeric require +// +// anything defined in a previous bundle is accessed via the +// orig method which is the require for previous bundles +parcelRequire = (function (modules, cache, entry, globalName) { + // Save the require from previous bundle to this closure if any + var previousRequire = typeof parcelRequire === 'function' && parcelRequire; + var nodeRequire = typeof require === 'function' && require; + + function newRequire(name, jumped) { + if (!cache[name]) { + if (!modules[name]) { + // if we cannot find the module within our internal map or + // cache jump to the current global require ie. the last bundle + // that was added to the page. + var currentRequire = typeof parcelRequire === 'function' && parcelRequire; + if (!jumped && currentRequire) { + return currentRequire(name, true); + } + + // If there are other bundles on this page the require from the + // previous one is saved to 'previousRequire'. Repeat this as + // many times as there are bundles until the module is found or + // we exhaust the require chain. + if (previousRequire) { + return previousRequire(name, true); + } + + // Try the node require function if it exists. + if (nodeRequire && typeof name === 'string') { + return nodeRequire(name); + } + + var err = new Error('Cannot find module \'' + name + '\''); + err.code = 'MODULE_NOT_FOUND'; + throw err; + } + + localRequire.resolve = resolve; + localRequire.cache = {}; + + var module = cache[name] = new newRequire.Module(name); + + modules[name][0].call(module.exports, localRequire, module, module.exports, this); + } + + return cache[name].exports; + + function localRequire(x){ + return newRequire(localRequire.resolve(x)); + } + + function resolve(x){ + return modules[name][1][x] || x; + } + } + + function Module(moduleName) { + this.id = moduleName; + this.bundle = newRequire; + this.exports = {}; + } + + newRequire.isParcelRequire = true; + newRequire.Module = Module; + newRequire.modules = modules; + newRequire.cache = cache; + newRequire.parent = previousRequire; + newRequire.register = function (id, exports) { + modules[id] = [function (require, module) { + module.exports = exports; + }, {}]; + }; + + var error; + for (var i = 0; i < entry.length; i++) { + try { + newRequire(entry[i]); + } catch (e) { + // Save first error but execute all entries + if (!error) { + error = e; + } + } + } + + if (entry.length) { + // Expose entry point to Node, AMD or browser globals + // Based on https://github.com/ForbesLindesay/umd/blob/master/template.js + var mainExports = newRequire(entry[entry.length - 1]); + + // CommonJS + if (typeof exports === "object" && typeof module !== "undefined") { + module.exports = mainExports; + + // RequireJS + } else if (typeof define === "function" && define.amd) { + define(function () { + return mainExports; + }); + + // + {% endblock %} \ No newline at end of file diff --git a/composer.json b/composer.json index 2147fb3..3c7cf3b 100644 --- a/composer.json +++ b/composer.json @@ -8,6 +8,7 @@ "lodash-php/lodash-php": "^0.0.7", "rbdwllr/reallysimplejwt": "^4.0", "fightbulc/moment": "^1.33", - "tgalopin/html-sanitizer": "^1.4" + "tgalopin/html-sanitizer": "^1.4", + "phpmailer/phpmailer": "^6.4" } } diff --git a/composer.lock b/composer.lock index 6e0098f..34e2655 100644 --- a/composer.lock +++ b/composer.lock @@ -4,7 +4,7 @@ "Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies", "This file is @generated automatically" ], - "content-hash": "f829b5451dc7ceba4625d240a185b162", + "content-hash": "c511eb33107b993cbfe6dfd51465be02", "packages": [ { "name": "erusev/parsedown", @@ -451,6 +451,82 @@ }, "time": "2018-02-13T20:26:39+00:00" }, + { + "name": "phpmailer/phpmailer", + "version": "v6.4.1", + "source": { + "type": "git", + "url": "https://github.com/PHPMailer/PHPMailer.git", + "reference": "9256f12d8fb0cd0500f93b19e18c356906cbed3d" + }, + "dist": { + "type": "zip", + "url": "https://api.github.com/repos/PHPMailer/PHPMailer/zipball/9256f12d8fb0cd0500f93b19e18c356906cbed3d", + "reference": "9256f12d8fb0cd0500f93b19e18c356906cbed3d", + "shasum": "" + }, + "require": { + "ext-ctype": "*", + "ext-filter": "*", + "ext-hash": "*", + "php": ">=5.5.0" + }, + "require-dev": { + "dealerdirect/phpcodesniffer-composer-installer": "^0.7.0", + "doctrine/annotations": "^1.2", + "phpcompatibility/php-compatibility": "^9.3.5", + "roave/security-advisories": "dev-latest", + "squizlabs/php_codesniffer": "^3.5.6", + "yoast/phpunit-polyfills": "^0.2.0" + }, + "suggest": { + "ext-mbstring": "Needed to send email in multibyte encoding charset or decode encoded addresses", + "hayageek/oauth2-yahoo": "Needed for Yahoo XOAUTH2 authentication", + "league/oauth2-google": "Needed for Google XOAUTH2 authentication", + "psr/log": "For optional PSR-3 debug logging", + "stevenmaguire/oauth2-microsoft": "Needed for Microsoft XOAUTH2 authentication", + "symfony/polyfill-mbstring": "To support UTF-8 if the Mbstring PHP extension is not enabled (^1.2)" + }, + "type": "library", + "autoload": { + "psr-4": { + "PHPMailer\\PHPMailer\\": "src/" + } + }, + "notification-url": "https://packagist.org/downloads/", + "license": [ + "LGPL-2.1-only" + ], + "authors": [ + { + "name": "Marcus Bointon", + "email": "phpmailer@synchromedia.co.uk" + }, + { + "name": "Jim Jagielski", + "email": "jimjag@gmail.com" + }, + { + "name": "Andy Prevost", + "email": "codeworxtech@users.sourceforge.net" + }, + { + "name": "Brent R. Matzelle" + } + ], + "description": "PHPMailer is a full-featured email creation and transfer class for PHP", + "support": { + "issues": "https://github.com/PHPMailer/PHPMailer/issues", + "source": "https://github.com/PHPMailer/PHPMailer/tree/v6.4.1" + }, + "funding": [ + { + "url": "https://github.com/Synchro", + "type": "github" + } + ], + "time": "2021-04-29T12:25:04+00:00" + }, { "name": "psr/container", "version": "1.1.1", diff --git a/public/assets/css/dash.css b/public/assets/css/dash.css index 14f31ec..0d34d82 100644 --- a/public/assets/css/dash.css +++ b/public/assets/css/dash.css @@ -2154,18 +2154,19 @@ svg.icons { max-width: 900px; margin: 0 auto; } -#dash-index-content #dash-index #dash-index-wrapper #dash-login #dash-form { +#dash-index-content #dash-index #dash-index-wrapper #dash-login #dash-form, #dash-index-content #dash-index #dash-index-wrapper #dash-login #dash-reset { width: 300px; padding: 0.75em; background: #374857; border-radius: 3px; + color: #f2f1ef; } -#dash-index-content #dash-index #dash-index-wrapper #dash-login #dash-form input { +#dash-index-content #dash-index #dash-index-wrapper #dash-login #dash-form input, #dash-index-content #dash-index #dash-index-wrapper #dash-login #dash-reset input { width: 290px; margin: 0 0 10px 0; height: 30px; } -#dash-index-content #dash-index #dash-index-wrapper #dash-login #dash-form button { +#dash-index-content #dash-index #dash-index-wrapper #dash-login #dash-form button, #dash-index-content #dash-index #dash-index-wrapper #dash-login #dash-reset button { width: 300px; } #dash-index-content #dash-index #dash-index-wrapper #dash-menu { diff --git a/public/assets/scripts/dash.min.js b/public/assets/scripts/dash.min.js index 08a8360..2b81808 100644 --- a/public/assets/scripts/dash.min.js +++ b/public/assets/scripts/dash.min.js @@ -1,11 +1,11 @@ -!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]:D,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:P,o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:null,i=this;return new Promise((function(t,a){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);t(e)}else{var n=JSON.parse(l.response);a(n)}},"PUT"==n||n==x)switch(r){case P:l.setRequestHeader("Content-type","application/"+r),l.send(JSON.stringify(o));break;case _:l.send(o)}else l.send()}))}},{key:"handleLoadProgress",value:function(e){this.percentComplete=Math.ceil(e.loaded/e.total*100)}}]),t}(),O="POST",C="createNewPage",A="editPage",M="deletePage",N="json",L="x-www-form-urlencoded",R=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,O,N,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,l=0;l2&&void 0!==arguments[2]?arguments[2]:"GET",r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:N,o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:null,i=this;return new Promise((function(a,l){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);a(e)}else{var t=JSON.parse(s.response);l(t)}},"PUT"==n||n==O)switch(t!==g&&t!==w&&t!==v&&t!==m&&t!==E&&t!==y&&t!==b&&t!==I||s.setRequestHeader("fipamo-access-token",i.token),r){case N:s.setRequestHeader("Content-type","application/"+r),s.send(JSON.stringify(o));break;case L:s.send(o)}else s.send()}))}},{key:"handleLoadProgress",value:function(e){this.percentComplete=Math.ceil(e.loaded/e.total*100)}}]),t}(),H=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}(),F=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 F).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}(),q="editorDelete",U="editorUploadImage",Y="editorSave",j="editorUpdate";new function t(){e(this,t)};var W=["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"],z=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&&W.push("width"),W.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 G(e){return(G="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 Q=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}},V=function(e){return"object"===G(e)&&null!==e},J=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),l=e.value.slice(i),s=''.concat(o(a),"");s+='|',s+=''.concat(o(l),"");var u=z(e,s).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,l=n.pageYOffset||i.scrollTop;return{top:o.top+l,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}},$=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(),l=i?t.customPos:n.endOffset;a.setStart(n.endContainer,l-1<0?0:l-1),a.setEnd(n.endContainer,l);var s=a.getBoundingClientRect();o={height:s.height,left:s.left+s.width,top:s.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,l){for(var s=0;s=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(),l=a.top+t.document.body.scrollTop,s=a.left+t.document.body.scrollLeft;return r.left-=s,r.top-=l,r.pos=i,r},getOffset:n,getRange:r}}(e,t):J(e,t)},Z=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=n;V(t)&&(r=t,t=null);var o=Q(r),i=$(e,o);return t||0===t?i.setPos(t):i.getPosition()},K=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=Z(e.textEditor).pos;t.refresh(),Z(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 U:var n,r;Z(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=Z(this.textEditor).pos,this.emitEvent(U);break;case"submit-save":case"edit-save":this.emitEvent(Y);break;case"submit-update":case"edit-update":this.emitEvent(j);break;case"edit-link":n.insertNode(document.createTextNode("["+r+"](PASTE URL HERE)"));break;case"edit-delete":this.emitEvent(q)}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 ae(e,t){return e.apply(null,t)}var le={arr:function(e){return Array.isArray(e)},obj:function(e){return ie(Object.prototype.toString.call(e),"Object")},pth:function(e){return le.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||le.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 le.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 le.hex(e)||le.rgb(e)||le.hsl(e)},key:function(e){return!ee.hasOwnProperty(e)&&!te.hasOwnProperty(e)&&"targets"!==e&&"keyframes"!==e}};function se(e){var t=/\(([^)]+)\)/.exec(e);return t?t[1].split(",").map((function(e){return parseFloat(e)})):[]}function ue(e,t){var n=se(e),r=oe(le.und(n[0])?1:n[0],.1,100),o=oe(le.und(n[1])?100:n[1],.1,100),i=oe(le.und(n[2])?10:n[2],.1,100),a=oe(le.und(n[3])?0:n[3],.1,100),l=Math.sqrt(o/r),s=i/(2*Math.sqrt(o*r)),u=s<1?l*Math.sqrt(1-s*s):0,c=s<1?(s*l-a)/u:-a+l;function d(e){var n=t?t*e/1e3:e;return n=s<1?Math.exp(-n*s*l)*(1*Math.cos(u*n)+c*Math.sin(u*n)):(1+c*n)*Math.exp(-n*l),0===e||1===e?e:1-n}return t?d:function(){var t=re.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 re.springs[e]=i,i}}function ce(e){return void 0===e&&(e=10),function(t){return Math.ceil(oe(t,1e-6,1)*e)*(1/e)}}var de,fe,he=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 l=new Float32Array(11);if(t!==n||r!==a)for(var s=0;s<11;++s)l[s]=o(s*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,s=1;10!==s&&l[s]<=n;++s)a+=e;--s;var u=a+(n-l[s])/(l[s+1]-l[s])*e,c=i(u,t,r);return c>=.001?function(e,t,n,r){for(var a=0;a<4;++a){var l=i(t,n,r);if(0===l)return t;t-=(o(t,n,r)-e)/l}return t}(n,u,t,r):0===c?u:function(e,t,n,r,i){var a,l,s=0;do{(a=o(l=t+(n-t)/2,r,i)-e)>0?n=l:t=l}while(Math.abs(a)>1e-7&&++s<10);return l}(n,a,a+e,t,r)}}}(),pe=(de={linear:function(){return function(e){return e}}},fe={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=oe(e,1,10),r=oe(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){fe[e]=function(){return function(e){return Math.pow(e,t+2)}}})),Object.keys(fe).forEach((function(e){var t=fe[e];de["easeIn"+e]=t,de["easeOut"+e]=function(e,n){return function(r){return 1-t(e,n)(1-r)}},de["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}},de["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}}})),de);function ge(e,t){if(le.fnc(e))return e;var n=e.split("(")[0],r=pe[n],o=se(e);switch(n){case"spring":return ue(e,t);case"cubicBezier":return ae(he,o);case"steps":return ae(ce,o);default:return ae(r,o)}}function me(e){try{return document.querySelectorAll(e)}catch(e){return}}function ve(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=l;else{var c=l<.5?l*(1+a):l+a-l*a,d=2*l-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+","+s+")"}(e):void 0;var t,n}function Te(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 xe(e,t){return le.fnc(e)?e(t.target,t.id,t.total):e}function De(e,t){return e.getAttribute(t)}function Pe(e,t,n){if(we([n,"deg","rad","turn"],Te(t)))return t;var r=re.CSS[t+n];if(!le.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 l=a*parseFloat(t);return re.CSS[t+n]=l,l}function _e(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?Pe(e,o,n):o}}function Be(e,t){return le.dom(e)&&!le.inp(e)&&(!le.nil(De(e,t))||le.svg(e)&&e[t])?"attribute":le.dom(e)&&we(ne,t)?"transform":le.dom(e)&&"transform"!==t&&_e(e,t)?"css":null!=e[t]?"object":void 0}function Oe(e){if(le.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 Ce(e,t,n,r){var o=ie(t,"scale")?1:0+function(e){return ie(e,"translate")||"perspective"===e?"px":ie(e,"rotate")||ie(e,"skew")?"deg":void 0}(t),i=Oe(e).get(t)||o;return n&&(n.transforms.list.set(t,i),n.transforms.last=t),r?Pe(e,i,r):i}function Ae(e,t,n,r){switch(Be(e,t)){case"transform":return Ce(e,t,r,n);case"css":return _e(e,t,n);case"attribute":return De(e,t);default:return e[t]||0}}function Me(e,t){var n=/^(\*=|\+=|-=)/.exec(e);if(!n)return e;var r=Te(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 Ne(e,t){if(le.col(e))return Se(e);if(/\s/g.test(e))return e;var n=Te(e),r=n?e.substr(0,e.length-n.length):e;return t?r+t:r}function Le(e,t){return Math.sqrt(Math.pow(t.x-e.x,2)+Math.pow(t.y-e.y,2))}function Re(e){for(var t,n=e.points,r=0,o=0;o0&&(r+=Le(t,i)),t=i}return r}function He(e){if(e.getTotalLength)return e.getTotalLength();switch(e.tagName.toLowerCase()){case"circle":return function(e){return 2*Math.PI*De(e,"r")}(e);case"rect":return function(e){return 2*De(e,"width")+2*De(e,"height")}(e);case"line":return function(e){return Le({x:De(e,"x1"),y:De(e,"y1")},{x:De(e,"x2"),y:De(e,"y2")})}(e);case"polyline":return Re(e);case"polygon":return function(e){var t=e.points;return Re(e)+Le(t.getItem(t.numberOfItems-1),t.getItem(0))}(e)}}function Fe(e,t){var n=t||{},r=n.el||function(e){for(var t=e.parentNode;le.svg(t)&&le.svg(t.parentNode);)t=t.parentNode;return t}(e),o=r.getBoundingClientRect(),i=De(r,"viewBox"),a=o.width,l=o.height,s=n.viewBox||(i?i.split(" "):[0,0,a,l]);return{el:r,viewBox:s,x:s[0]/1,y:s[1]/1,w:a,h:l,vW:s[2],vH:s[3]}}function Xe(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=Fe(e.el,e.svg),i=r(),a=r(-1),l=r(1),s=n?1:o.w/o.vW,u=n?1:o.h/o.vH;switch(e.property){case"x":return(i.x-o.x)*s;case"y":return(i.y-o.y)*u;case"angle":return 180*Math.atan2(l.y-a.y,l.x-a.x)/Math.PI}}function qe(e,t){var n=/[+-]?\d*\.?\d+(?:\.\d+)?(?:[eE][+-]?\d+)?/g,r=Ne(le.pth(e)?e.totalLength:e,t)+"";return{original:r,numbers:r.match(n)?r.match(n).map(Number):[0],strings:le.str(e)||t?r.split(n):[]}}function Ue(e){return ve(e?ye(le.arr(e)?e.map(be):be(e)):[],(function(e,t,n){return n.indexOf(e)===t}))}function Ye(e){var t=Ue(e);return t.map((function(e,n){return{target:e,id:n,total:t.length,transforms:{list:Oe(e)}}}))}function je(e,t){var n=Ee(t);if(/^spring/.test(n.easing)&&(n.duration=ue(n.easing)),le.arr(e)){var r=e.length;2===r&&!le.obj(e[0])?e={value:e}:le.fnc(t.duration)||(n.duration=t.duration/r)}var o=le.arr(e)?e:[e];return o.map((function(e,n){var r=le.obj(e)&&!le.pth(e)?e:{value:e};return le.und(r.delay)&&(r.delay=n?0:t.delay),le.und(r.endDelay)&&(r.endDelay=n===o.length-1?t.endDelay:0),r})).map((function(e){return ke(e,n)}))}function We(e,t){var n=[],r=t.keyframes;for(var o in r&&(t=ke(function(e){for(var t=ve(ye(e.map((function(e){return Object.keys(e)}))),(function(e){return le.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)le.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(){tt.suspendWhenDocumentHidden&&(et()?e=cancelAnimationFrame(e):(Ze.forEach((function(e){return e._onDocumentVisibility()})),Ke()))})),function(){e||et()&&tt.suspendWhenDocumentHidden||!(Ze.length>0)||(e=requestAnimationFrame(t))}}();function et(){return!!document&&document.hidden}function tt(e){void 0===e&&(e={});var t,n=0,r=0,o=0,i=0,a=null;function l(e){var t=window.Promise&&new Promise((function(e){return a=e}));return e.finished=t,t}var s=function(e){var t=Ie(ee,e),n=Ie(te,e),r=We(n,e),o=Ye(e.targets),i=Ve(o,r),a=Je(i,n),l=$e;return $e++,ke(t,{id:l,children:[],animatables:o,animations:i,duration:a.duration,delay:a.delay,endDelay:a.endDelay})}(e);function u(){var e=s.direction;"alternate"!==e&&(s.direction="normal"!==e?"normal":"reverse"),s.reversed=!s.reversed,t.forEach((function(e){return e.reversed=s.reversed}))}function c(e){return s.reversed?s.duration-e:e}function d(){n=0,r=c(s.currentTime)*(1/tt.speed)}function f(e,t){t&&t.seek(e-t.timelineOffset)}function h(e){for(var t=0,n=s.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&&(s.began=!0,p("begin")),!s.loopBegan&&s.currentTime>0&&(s.loopBegan=!0,p("loopBegin")),v<=g&&0!==s.currentTime&&h(0),(v>=m&&s.currentTime!==d||!d)&&h(d),v>g&&v=d&&(r=0,s.remaining&&!0!==s.remaining&&s.remaining--,s.remaining?(n=o,p("loopComplete"),s.loopBegan=!1,"alternate"===s.direction&&u()):(s.paused=!0,s.completed||(s.completed=!0,p("loopComplete"),p("complete"),!s.passThrough&&"Promise"in window&&(a(),l(s)))))}return l(s),s.reset=function(){var e=s.direction;s.passThrough=!1,s.currentTime=0,s.progress=0,s.paused=!0,s.began=!1,s.loopBegan=!1,s.changeBegan=!1,s.completed=!1,s.changeCompleted=!1,s.reversePlayback=!1,s.reversed="reverse"===e,s.remaining=s.loop,t=s.children;for(var n=i=t.length;n--;)s.children[n].reset();(s.reversed&&!0!==s.loop||"alternate"===e&&1===s.loop)&&s.remaining++,h(s.reversed?s.duration:0)},s._onDocumentVisibility=d,s.set=function(e,t){return Qe(e,t),s},s.tick=function(e){o=e,n||(n=o),g((o+(r-n))*tt.speed)},s.seek=function(e){g(c(e))},s.pause=function(){s.paused=!0,d()},s.play=function(){s.paused&&(s.completed&&s.reset(),s.paused=!1,Ze.push(s),d(),Ke())},s.reverse=function(){u(),s.completed=!s.reversed,d()},s.restart=function(){s.reset(),s.play()},s.remove=function(e){rt(Ue(e),s)},s.reset(),s.autoplay&&s.play(),s}function nt(e,t){for(var n=t.length;n--;)we(e,t[n].animatable.target)&&t.splice(n,1)}function rt(e,t){var n=t.animations,r=t.children;nt(e,n);for(var o=r.length;o--;){var i=r[o],a=i.animations;nt(e,a),a.length||i.children.length||r.splice(o,1)}n.length||r.length||t.pause()}tt.version="3.2.1",tt.speed=1,tt.suspendWhenDocumentHidden=!0,tt.running=Ze,tt.remove=function(e){for(var t=Ue(e),n=Ze.length;n--;){rt(t,Ze[n])}},tt.get=Ae,tt.set=Qe,tt.convertPx=Pe,tt.path=function(e,t){var n=le.str(e)?me(e)[0]:e,r=t||100;return function(e){return{property:e,el:n,svg:Fe(n),totalLength:He(n)*(r/100)}}},tt.setDashoffset=function(e){var t=He(e);return e.setAttribute("stroke-dasharray",t),t},tt.stagger=function(e,t){void 0===t&&(t={});var n=t.direction||"normal",r=t.easing?ge(t.easing):null,o=t.grid,i=t.axis,a=t.from||0,l="first"===a,s="center"===a,u="last"===a,c=le.arr(e),d=c?parseFloat(e[0]):parseFloat(e),f=c?parseFloat(e[1]):0,h=Te(c?e[1]:e)||0,p=t.start||0+(c?d:0),g=[],m=0;return function(e,t,v){if(l&&(a=0),s&&(a=(v-1)/2),u&&(a=v-1),!g.length){for(var y=0;y-1&&Ze.splice(o,1);for(var l=0;l'].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;dt.alert("Uploading Image",null),this.admin.imageUpload(e,t).then((function(e){e.type==d&&n.editor.notify(U,e.url),dt.alert("Image Added to Entry",!0)})).catch((function(){dt.alert("Uh oh. Image not added",!1)}))}}]),t}();ft.uploadFiles=[];var ht=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 ft}}}]),t}(),pt=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,l=document.getElementById("render-toggle").getAttribute("data-render"),s=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&&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;e * @author owenm * @license MIT */ -function yt(e){return(yt="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)}function bt(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function wt(){return(wt=Object.assign||function(e){for(var t=1;t=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function kt(e){if("undefined"!=typeof window&&window.navigator)return!!navigator.userAgent.match(e)}var St=kt(/(?:Trident.*rv[ :]?11\.|msie|iemobile|Windows Phone)/i),Tt=kt(/Edge/i),xt=kt(/firefox/i),Dt=kt(/safari/i)&&!kt(/chrome/i)&&!kt(/android/i),Pt=kt(/iP(ad|od|hone)/i),_t=kt(/chrome/i)&&kt(/android/i),Bt={capture:!1,passive:!1};function Ot(e,t,n){e.addEventListener(t,n,!St&&Bt)}function Ct(e,t,n){e.removeEventListener(t,n,!St&&Bt)}function At(e,t){if(t){if(">"===t[0]&&(t=t.substring(1)),e)try{if(e.matches)return e.matches(t);if(e.msMatchesSelector)return e.msMatchesSelector(t);if(e.webkitMatchesSelector)return e.webkitMatchesSelector(t)}catch(e){return!1}return!1}}function Mt(e){return e.host&&e!==document&&e.host.nodeType?e.host:e.parentNode}function Nt(e,t,n,r){if(e){n=n||document;do{if(null!=t&&(">"===t[0]?e.parentNode===n&&At(e,t):At(e,t))||r&&e===n)return e;if(e===n)break}while(e=Mt(e))}return null}var Lt,Rt=/\s+/g;function Ht(e,t,n){if(e&&t)if(e.classList)e.classList[n?"add":"remove"](t);else{var r=(" "+e.className+" ").replace(Rt," ").replace(" "+t+" "," ");e.className=(r+(n?" "+t:"")).replace(Rt," ")}}function Ft(e,t,n){var r=e&&e.style;if(r){if(void 0===n)return document.defaultView&&document.defaultView.getComputedStyle?n=document.defaultView.getComputedStyle(e,""):e.currentStyle&&(n=e.currentStyle),void 0===t?n:n[t];t in r||-1!==t.indexOf("webkit")||(t="-webkit-"+t),r[t]=n+("string"==typeof n?"":"px")}}function Xt(e,t){var n="";if("string"==typeof e)n=e;else do{var r=Ft(e,"transform");r&&"none"!==r&&(n=r+" "+n)}while(!t&&(e=e.parentNode));var o=window.DOMMatrix||window.WebKitCSSMatrix||window.CSSMatrix||window.MSCSSMatrix;return o&&new o(n)}function qt(e,t,n){if(e){var r=e.getElementsByTagName(t),o=0,i=r.length;if(n)for(;o=i:o<=i))return r;if(r===Ut())break;r=Vt(r,!1)}return!1}function Wt(e,t,n){for(var r=0,o=0,i=e.children;o2&&void 0!==arguments[2]?arguments[2]:{},r=n.evt,o=It(n,["evt"]);on.pluginEvent.bind(Zn)(e,t,Et({dragEl:sn,parentEl:un,ghostEl:cn,rootEl:dn,nextEl:fn,lastDownEl:hn,cloneEl:pn,cloneHidden:gn,dragStarted:Pn,putSortable:En,activeSortable:Zn.active,originalEvent:r,oldIndex:mn,oldDraggableIndex:yn,newIndex:vn,newDraggableIndex:bn,hideGhostForTarget:Qn,unhideGhostForTarget:Vn,cloneNowHidden:function(){gn=!0},cloneNowShown:function(){gn=!1},dispatchSortableEvent:function(e){ln({sortable:t,name:e,originalEvent:r})}},o))};function ln(e){!function(e){var t=e.sortable,n=e.rootEl,r=e.name,o=e.targetEl,i=e.cloneEl,a=e.toEl,l=e.fromEl,s=e.oldIndex,u=e.newIndex,c=e.oldDraggableIndex,d=e.newDraggableIndex,f=e.originalEvent,h=e.putSortable,p=e.extraEventProperties;if(t=t||n&&n[en]){var g,m=t.options,v="on"+r.charAt(0).toUpperCase()+r.substr(1);!window.CustomEvent||St||Tt?(g=document.createEvent("Event")).initEvent(r,!0,!0):g=new CustomEvent(r,{bubbles:!0,cancelable:!0}),g.to=a||n,g.from=l||n,g.item=o||n,g.clone=i,g.oldIndex=s,g.newIndex=u,g.oldDraggableIndex=c,g.newDraggableIndex=d,g.originalEvent=f,g.pullMode=h?h.lastPutMode:void 0;var y=Et({},p,on.getEventProperties(r,t));for(var b in y)g[b]=y[b];n&&n.dispatchEvent(g),m[v]&&m[v].call(t,g)}}(Et({putSortable:En,cloneEl:pn,targetEl:sn,rootEl:dn,oldIndex:mn,oldDraggableIndex:yn,newIndex:vn,newDraggableIndex:bn},e))}var sn,un,cn,dn,fn,hn,pn,gn,mn,vn,yn,bn,wn,En,In,kn,Sn,Tn,xn,Dn,Pn,_n,Bn,On,Cn,An=!1,Mn=!1,Nn=[],Ln=!1,Rn=!1,Hn=[],Fn=!1,Xn=[],qn="undefined"!=typeof document,Un=Pt,Yn=Tt||St?"cssFloat":"float",jn=qn&&!_t&&!Pt&&"draggable"in document.createElement("div"),Wn=function(){if(qn){if(St)return!1;var e=document.createElement("x");return e.style.cssText="pointer-events:auto","auto"===e.style.pointerEvents}}(),zn=function(e,t){var n=Ft(e),r=parseInt(n.width)-parseInt(n.paddingLeft)-parseInt(n.paddingRight)-parseInt(n.borderLeftWidth)-parseInt(n.borderRightWidth),o=Wt(e,0,t),i=Wt(e,1,t),a=o&&Ft(o),l=i&&Ft(i),s=a&&parseInt(a.marginLeft)+parseInt(a.marginRight)+Yt(o).width,u=l&&parseInt(l.marginLeft)+parseInt(l.marginRight)+Yt(i).width;if("flex"===n.display)return"column"===n.flexDirection||"column-reverse"===n.flexDirection?"vertical":"horizontal";if("grid"===n.display)return n.gridTemplateColumns.split(" ").length<=1?"vertical":"horizontal";if(o&&a.float&&"none"!==a.float){var c="left"===a.float?"left":"right";return!i||"both"!==l.clear&&l.clear!==c?"horizontal":"vertical"}return o&&("block"===a.display||"flex"===a.display||"table"===a.display||"grid"===a.display||s>=r&&"none"===n[Yn]||i&&"none"===n[Yn]&&s+u>r)?"vertical":"horizontal"},Gn=function(e){function t(e,n){return function(r,o,i,a){var l=r.options.group.name&&o.options.group.name&&r.options.group.name===o.options.group.name;if(null==e&&(n||l))return!0;if(null==e||!1===e)return!1;if(n&&"clone"===e)return e;if("function"==typeof e)return t(e(r,o,i,a),n)(r,o,i,a);var s=(n?r:o).options.group.name;return!0===e||"string"==typeof e&&e===s||e.join&&e.indexOf(s)>-1}}var n={},r=e.group;r&&"object"==yt(r)||(r={name:r}),n.name=r.name,n.checkPull=t(r.pull,!0),n.checkPut=t(r.put),n.revertClone=r.revertClone,e.group=n},Qn=function(){!Wn&&cn&&Ft(cn,"display","none")},Vn=function(){!Wn&&cn&&Ft(cn,"display","")};qn&&document.addEventListener("click",(function(e){if(Mn)return e.preventDefault(),e.stopPropagation&&e.stopPropagation(),e.stopImmediatePropagation&&e.stopImmediatePropagation(),Mn=!1,!1}),!0);var Jn=function(e){if(sn){e=e.touches?e.touches[0]:e;var t=(o=e.clientX,i=e.clientY,Nn.some((function(e){if(!zt(e)){var t=Yt(e),n=e[en].options.emptyInsertThreshold,r=o>=t.left-n&&o<=t.right+n,l=i>=t.top-n&&i<=t.bottom+n;return n&&r&&l?a=e:void 0}})),a);if(t){var n={};for(var r in e)e.hasOwnProperty(r)&&(n[r]=e[r]);n.target=n.rootEl=t,n.preventDefault=void 0,n.stopPropagation=void 0,t[en]._onDragOver(n)}}var o,i,a},$n=function(e){sn&&sn.parentNode[en]._isOutsideThisEl(e.target)};function Zn(e,t){if(!e||!e.nodeType||1!==e.nodeType)throw"Sortable: `el` must be an HTMLElement, not ".concat({}.toString.call(e));this.el=e,this.options=t=wt({},t),e[en]=this;var n={group:null,sort:!0,disabled:!1,store:null,handle:null,draggable:/^[uo]l$/i.test(e.nodeName)?">li":">*",swapThreshold:1,invertSwap:!1,invertedSwapThreshold:null,removeCloneOnHide:!0,direction:function(){return zn(e,this.options)},ghostClass:"sortable-ghost",chosenClass:"sortable-chosen",dragClass:"sortable-drag",ignore:"a, img",filter:null,preventOnFilter:!0,animation:0,easing:null,setData:function(e,t){e.setData("Text",t.textContent)},dropBubble:!1,dragoverBubble:!1,dataIdAttr:"data-id",delay:0,delayOnTouchOnly:!1,touchStartThreshold:(Number.parseInt?Number:window).parseInt(window.devicePixelRatio,10)||1,forceFallback:!1,fallbackClass:"sortable-fallback",fallbackOnBody:!1,fallbackTolerance:0,fallbackOffset:{x:0,y:0},supportPointer:!1!==Zn.supportPointer&&"PointerEvent"in window&&!Dt,emptyInsertThreshold:5};for(var r in on.initializePlugins(this,e,n),n)!(r in t)&&(t[r]=n[r]);for(var o in Gn(t),this)"_"===o.charAt(0)&&"function"==typeof this[o]&&(this[o]=this[o].bind(this));this.nativeDraggable=!t.forceFallback&&jn,this.nativeDraggable&&(this.options.touchStartThreshold=1),t.supportPointer?Ot(e,"pointerdown",this._onTapStart):(Ot(e,"mousedown",this._onTapStart),Ot(e,"touchstart",this._onTapStart)),this.nativeDraggable&&(Ot(e,"dragover",this),Ot(e,"dragenter",this)),Nn.push(this.el),t.store&&t.store.get&&this.sort(t.store.get(this)||[]),wt(this,tn())}function Kn(e,t,n,r,o,i,a,l){var s,u,c=e[en],d=c.options.onMove;return!window.CustomEvent||St||Tt?(s=document.createEvent("Event")).initEvent("move",!0,!0):s=new CustomEvent("move",{bubbles:!0,cancelable:!0}),s.to=t,s.from=e,s.dragged=n,s.draggedRect=r,s.related=o||t,s.relatedRect=i||Yt(t),s.willInsertAfter=l,s.originalEvent=a,e.dispatchEvent(s),d&&(u=d.call(c,s,a)),u}function er(e){e.draggable=!1}function tr(){Fn=!1}function nr(e){for(var t=e.tagName+e.className+e.src+e.href+e.textContent,n=t.length,r=0;n--;)r+=t.charCodeAt(n);return r.toString(36)}function rr(e){return setTimeout(e,0)}function or(e){return clearTimeout(e)}Zn.prototype={constructor:Zn,_isOutsideThisEl:function(e){this.el.contains(e)||e===this.el||(_n=null)},_getDirection:function(e,t){return"function"==typeof this.options.direction?this.options.direction.call(this,e,t,sn):this.options.direction},_onTapStart:function(e){if(e.cancelable){var t=this,n=this.el,r=this.options,o=r.preventOnFilter,i=e.type,a=e.touches&&e.touches[0]||e.pointerType&&"touch"===e.pointerType&&e,l=(a||e).target,s=e.target.shadowRoot&&(e.path&&e.path[0]||e.composedPath&&e.composedPath()[0])||l,u=r.filter;if(function(e){Xn.length=0;var t=e.getElementsByTagName("input"),n=t.length;for(;n--;){var r=t[n];r.checked&&Xn.push(r)}}(n),!sn&&!(/mousedown|pointerdown/.test(i)&&0!==e.button||r.disabled)&&!s.isContentEditable&&(this.nativeDraggable||!Dt||!l||"SELECT"!==l.tagName.toUpperCase())&&!((l=Nt(l,r.draggable,n,!1))&&l.animated||hn===l)){if(mn=Gt(l),yn=Gt(l,r.draggable),"function"==typeof u){if(u.call(this,e,l,this))return ln({sortable:t,rootEl:s,name:"filter",targetEl:l,toEl:n,fromEl:n}),an("filter",t,{evt:e}),void(o&&e.cancelable&&e.preventDefault())}else if(u&&(u=u.split(",").some((function(r){if(r=Nt(s,r.trim(),n,!1))return ln({sortable:t,rootEl:r,name:"filter",targetEl:l,fromEl:n,toEl:n}),an("filter",t,{evt:e}),!0}))))return void(o&&e.cancelable&&e.preventDefault());r.handle&&!Nt(s,r.handle,n,!1)||this._prepareDragStart(e,a,l)}}},_prepareDragStart:function(e,t,n){var r,o=this,i=o.el,a=o.options,l=i.ownerDocument;if(n&&!sn&&n.parentNode===i){var s=Yt(n);if(dn=i,un=(sn=n).parentNode,fn=sn.nextSibling,hn=n,wn=a.group,Zn.dragged=sn,In={target:sn,clientX:(t||e).clientX,clientY:(t||e).clientY},xn=In.clientX-s.left,Dn=In.clientY-s.top,this._lastX=(t||e).clientX,this._lastY=(t||e).clientY,sn.style["will-change"]="all",r=function(){an("delayEnded",o,{evt:e}),Zn.eventCanceled?o._onDrop():(o._disableDelayedDragEvents(),!xt&&o.nativeDraggable&&(sn.draggable=!0),o._triggerDragStart(e,t),ln({sortable:o,name:"choose",originalEvent:e}),Ht(sn,a.chosenClass,!0))},a.ignore.split(",").forEach((function(e){qt(sn,e.trim(),er)})),Ot(l,"dragover",Jn),Ot(l,"mousemove",Jn),Ot(l,"touchmove",Jn),Ot(l,"mouseup",o._onDrop),Ot(l,"touchend",o._onDrop),Ot(l,"touchcancel",o._onDrop),xt&&this.nativeDraggable&&(this.options.touchStartThreshold=4,sn.draggable=!0),an("delayStart",this,{evt:e}),!a.delay||a.delayOnTouchOnly&&!t||this.nativeDraggable&&(Tt||St))r();else{if(Zn.eventCanceled)return void this._onDrop();Ot(l,"mouseup",o._disableDelayedDrag),Ot(l,"touchend",o._disableDelayedDrag),Ot(l,"touchcancel",o._disableDelayedDrag),Ot(l,"mousemove",o._delayedDragTouchMoveHandler),Ot(l,"touchmove",o._delayedDragTouchMoveHandler),a.supportPointer&&Ot(l,"pointermove",o._delayedDragTouchMoveHandler),o._dragStartTimer=setTimeout(r,a.delay)}}},_delayedDragTouchMoveHandler:function(e){var t=e.touches?e.touches[0]:e;Math.max(Math.abs(t.clientX-this._lastX),Math.abs(t.clientY-this._lastY))>=Math.floor(this.options.touchStartThreshold/(this.nativeDraggable&&window.devicePixelRatio||1))&&this._disableDelayedDrag()},_disableDelayedDrag:function(){sn&&er(sn),clearTimeout(this._dragStartTimer),this._disableDelayedDragEvents()},_disableDelayedDragEvents:function(){var e=this.el.ownerDocument;Ct(e,"mouseup",this._disableDelayedDrag),Ct(e,"touchend",this._disableDelayedDrag),Ct(e,"touchcancel",this._disableDelayedDrag),Ct(e,"mousemove",this._delayedDragTouchMoveHandler),Ct(e,"touchmove",this._delayedDragTouchMoveHandler),Ct(e,"pointermove",this._delayedDragTouchMoveHandler)},_triggerDragStart:function(e,t){t=t||"touch"==e.pointerType&&e,!this.nativeDraggable||t?this.options.supportPointer?Ot(document,"pointermove",this._onTouchMove):Ot(document,t?"touchmove":"mousemove",this._onTouchMove):(Ot(sn,"dragend",this),Ot(dn,"dragstart",this._onDragStart));try{document.selection?rr((function(){document.selection.empty()})):window.getSelection().removeAllRanges()}catch(e){}},_dragStarted:function(e,t){if(An=!1,dn&&sn){an("dragStarted",this,{evt:t}),this.nativeDraggable&&Ot(document,"dragover",$n);var n=this.options;!e&&Ht(sn,n.dragClass,!1),Ht(sn,n.ghostClass,!0),Zn.active=this,e&&this._appendGhost(),ln({sortable:this,name:"start",originalEvent:t})}else this._nulling()},_emulateDragOver:function(){if(kn){this._lastX=kn.clientX,this._lastY=kn.clientY,Qn();for(var e=document.elementFromPoint(kn.clientX,kn.clientY),t=e;e&&e.shadowRoot&&(e=e.shadowRoot.elementFromPoint(kn.clientX,kn.clientY))!==t;)t=e;if(sn.parentNode[en]._isOutsideThisEl(e),t)do{if(t[en]){if(t[en]._onDragOver({clientX:kn.clientX,clientY:kn.clientY,target:e,rootEl:t})&&!this.options.dragoverBubble)break}e=t}while(t=t.parentNode);Vn()}},_onTouchMove:function(e){if(In){var t=this.options,n=t.fallbackTolerance,r=t.fallbackOffset,o=e.touches?e.touches[0]:e,i=cn&&Xt(cn,!0),a=cn&&i&&i.a,l=cn&&i&&i.d,s=Un&&Cn&&Qt(Cn),u=(o.clientX-In.clientX+r.x)/(a||1)+(s?s[0]-Hn[0]:0)/(a||1),c=(o.clientY-In.clientY+r.y)/(l||1)+(s?s[1]-Hn[1]:0)/(l||1);if(!Zn.active&&!An){if(n&&Math.max(Math.abs(o.clientX-this._lastX),Math.abs(o.clientY-this._lastY))r.right+o||e.clientX<=r.right&&e.clientY>r.bottom&&e.clientX>=r.left:e.clientX>r.right&&e.clientY>r.top||e.clientX<=r.right&&e.clientY>r.bottom+o}(e,o,this)&&!g.animated){if(g===sn)return B(!1);if(g&&i===e.target&&(a=g),a&&(n=Yt(a)),!1!==Kn(dn,i,sn,t,a,n,e,!!a))return _(),i.appendChild(sn),un=i,O(),B(!0)}else if(a.parentNode===i){n=Yt(a);var m,v,y,b=sn.parentNode!==i,w=!function(e,t,n){var r=n?e.left:e.top,o=n?e.right:e.bottom,i=n?e.width:e.height,a=n?t.left:t.top,l=n?t.right:t.bottom,s=n?t.width:t.height;return r===a||o===l||r+i/2===a+s/2}(sn.animated&&sn.toRect||t,a.animated&&a.toRect||n,o),E=o?"top":"left",I=jt(a,"top","top")||jt(sn,"top","top"),k=I?I.scrollTop:void 0;if(_n!==a&&(v=n[E],Ln=!1,Rn=!w&&l.invertSwap||b),0!==(m=function(e,t,n,r,o,i,a,l){var s=r?e.clientY:e.clientX,u=r?n.height:n.width,c=r?n.top:n.left,d=r?n.bottom:n.right,f=!1;if(!a)if(l&&Onc+u*i/2:sd-On)return-Bn}else if(s>c+u*(1-o)/2&&sd-u*i/2))return s>c+u/2?1:-1;return 0}(e,a,n,o,w?1:l.swapThreshold,null==l.invertedSwapThreshold?l.swapThreshold:l.invertedSwapThreshold,Rn,_n===a))){var S=Gt(sn);do{S-=m,y=un.children[S]}while(y&&("none"===Ft(y,"display")||y===cn))}if(0===m||y===a)return B(!1);_n=a,Bn=m;var T=a.nextElementSibling,x=!1,D=Kn(dn,i,sn,t,a,n,e,x=1===m);if(!1!==D)return 1!==D&&-1!==D||(x=1===D),Fn=!0,setTimeout(tr,30),_(),x&&!T?i.appendChild(sn):a.parentNode.insertBefore(sn,x?T:a),I&&Zt(I,0,k-I.scrollTop),un=sn.parentNode,void 0===v||Rn||(On=Math.abs(v-Yt(a)[E])),O(),B(!0)}if(i.contains(sn))return B(!1)}return!1}function P(l,s){an(l,h,Et({evt:e,isOwner:c,axis:o?"vertical":"horizontal",revert:r,dragRect:t,targetRect:n,canSort:d,fromSortable:f,target:a,completed:B,onMove:function(n,r){return Kn(dn,i,sn,t,n,Yt(n),e,r)},changed:O},s))}function _(){P("dragOverAnimationCapture"),h.captureAnimationState(),h!==f&&f.captureAnimationState()}function B(t){return P("dragOverCompleted",{insertion:t}),t&&(c?u._hideClone():u._showClone(h),h!==f&&(Ht(sn,En?En.options.ghostClass:u.options.ghostClass,!1),Ht(sn,l.ghostClass,!0)),En!==h&&h!==Zn.active?En=h:h===Zn.active&&En&&(En=null),f===h&&(h._ignoreWhileAnimating=a),h.animateAll((function(){P("dragOverAnimationComplete"),h._ignoreWhileAnimating=null})),h!==f&&(f.animateAll(),f._ignoreWhileAnimating=null)),(a===sn&&!sn.animated||a===i&&!a.animated)&&(_n=null),l.dragoverBubble||e.rootEl||a===document||(sn.parentNode[en]._isOutsideThisEl(e.target),!t&&Jn(e)),!l.dragoverBubble&&e.stopPropagation&&e.stopPropagation(),p=!0}function O(){vn=Gt(sn),bn=Gt(sn,l.draggable),ln({sortable:h,name:"change",toEl:i,newIndex:vn,newDraggableIndex:bn,originalEvent:e})}},_ignoreWhileAnimating:null,_offMoveEvents:function(){Ct(document,"mousemove",this._onTouchMove),Ct(document,"touchmove",this._onTouchMove),Ct(document,"pointermove",this._onTouchMove),Ct(document,"dragover",Jn),Ct(document,"mousemove",Jn),Ct(document,"touchmove",Jn)},_offUpEvents:function(){var e=this.el.ownerDocument;Ct(e,"mouseup",this._onDrop),Ct(e,"touchend",this._onDrop),Ct(e,"pointerup",this._onDrop),Ct(e,"touchcancel",this._onDrop),Ct(document,"selectstart",this)},_onDrop:function(e){var t=this.el,n=this.options;vn=Gt(sn),bn=Gt(sn,n.draggable),an("drop",this,{evt:e}),un=sn&&sn.parentNode,vn=Gt(sn),bn=Gt(sn,n.draggable),Zn.eventCanceled||(An=!1,Rn=!1,Ln=!1,clearInterval(this._loopId),clearTimeout(this._dragStartTimer),or(this.cloneId),or(this._dragStartId),this.nativeDraggable&&(Ct(document,"drop",this),Ct(t,"dragstart",this._onDragStart)),this._offMoveEvents(),this._offUpEvents(),Dt&&Ft(document.body,"user-select",""),Ft(sn,"transform",""),e&&(Pn&&(e.cancelable&&e.preventDefault(),!n.dropBubble&&e.stopPropagation()),cn&&cn.parentNode&&cn.parentNode.removeChild(cn),(dn===un||En&&"clone"!==En.lastPutMode)&&pn&&pn.parentNode&&pn.parentNode.removeChild(pn),sn&&(this.nativeDraggable&&Ct(sn,"dragend",this),er(sn),sn.style["will-change"]="",Pn&&!An&&Ht(sn,En?En.options.ghostClass:this.options.ghostClass,!1),Ht(sn,this.options.chosenClass,!1),ln({sortable:this,name:"unchoose",toEl:un,newIndex:null,newDraggableIndex:null,originalEvent:e}),dn!==un?(vn>=0&&(ln({rootEl:un,name:"add",toEl:un,fromEl:dn,originalEvent:e}),ln({sortable:this,name:"remove",toEl:un,originalEvent:e}),ln({rootEl:un,name:"sort",toEl:un,fromEl:dn,originalEvent:e}),ln({sortable:this,name:"sort",toEl:un,originalEvent:e})),En&&En.save()):vn!==mn&&vn>=0&&(ln({sortable:this,name:"update",toEl:un,originalEvent:e}),ln({sortable:this,name:"sort",toEl:un,originalEvent:e})),Zn.active&&(null!=vn&&-1!==vn||(vn=mn,bn=yn),ln({sortable:this,name:"end",toEl:un,originalEvent:e}),this.save())))),this._nulling()},_nulling:function(){an("nulling",this),dn=sn=un=cn=fn=pn=hn=gn=In=kn=Pn=vn=bn=mn=yn=_n=Bn=En=wn=Zn.dragged=Zn.ghost=Zn.clone=Zn.active=null,Xn.forEach((function(e){e.checked=!0})),Xn.length=Sn=Tn=0},handleEvent:function(e){switch(e.type){case"drop":case"dragend":this._onDrop(e);break;case"dragenter":case"dragover":sn&&(this._onDragOver(e),function(e){e.dataTransfer&&(e.dataTransfer.dropEffect="move");e.cancelable&&e.preventDefault()}(e));break;case"selectstart":e.preventDefault()}},toArray:function(){for(var e,t=[],n=this.el.children,r=0,o=n.length,i=this.options;r=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function Dt(e){if("undefined"!=typeof window&&window.navigator)return!!navigator.userAgent.match(e)}var Pt=Dt(/(?:Trident.*rv[ :]?11\.|msie|iemobile|Windows Phone)/i),_t=Dt(/Edge/i),Bt=Dt(/firefox/i),Ct=Dt(/safari/i)&&!Dt(/chrome/i)&&!Dt(/android/i),Ot=Dt(/iP(ad|od|hone)/i),Mt=Dt(/chrome/i)&&Dt(/android/i),At={capture:!1,passive:!1};function Nt(e,t,n){e.addEventListener(t,n,!Pt&&At)}function Lt(e,t,n){e.removeEventListener(t,n,!Pt&&At)}function Rt(e,t){if(t){if(">"===t[0]&&(t=t.substring(1)),e)try{if(e.matches)return e.matches(t);if(e.msMatchesSelector)return e.msMatchesSelector(t);if(e.webkitMatchesSelector)return e.webkitMatchesSelector(t)}catch(e){return!1}return!1}}function Ht(e){return e.host&&e!==document&&e.host.nodeType?e.host:e.parentNode}function Ft(e,t,n,r){if(e){n=n||document;do{if(null!=t&&(">"===t[0]?e.parentNode===n&&Rt(e,t):Rt(e,t))||r&&e===n)return e;if(e===n)break}while(e=Ht(e))}return null}var Xt,qt=/\s+/g;function Ut(e,t,n){if(e&&t)if(e.classList)e.classList[n?"add":"remove"](t);else{var r=(" "+e.className+" ").replace(qt," ").replace(" "+t+" "," ");e.className=(r+(n?" "+t:"")).replace(qt," ")}}function Yt(e,t,n){var r=e&&e.style;if(r){if(void 0===n)return document.defaultView&&document.defaultView.getComputedStyle?n=document.defaultView.getComputedStyle(e,""):e.currentStyle&&(n=e.currentStyle),void 0===t?n:n[t];t in r||-1!==t.indexOf("webkit")||(t="-webkit-"+t),r[t]=n+("string"==typeof n?"":"px")}}function jt(e,t){var n="";if("string"==typeof e)n=e;else do{var r=Yt(e,"transform");r&&"none"!==r&&(n=r+" "+n)}while(!t&&(e=e.parentNode));var o=window.DOMMatrix||window.WebKitCSSMatrix||window.CSSMatrix||window.MSCSSMatrix;return o&&new o(n)}function Wt(e,t,n){if(e){var r=e.getElementsByTagName(t),o=0,i=r.length;if(n)for(;o=i:o<=i))return r;if(r===zt())break;r=Kt(r,!1)}return!1}function Vt(e,t,n){for(var r=0,o=0,i=e.children;o2&&void 0!==arguments[2]?arguments[2]:{},r=n.evt,o=xt(n,["evt"]);un.pluginEvent.bind(nr)(e,t,Tt({dragEl:fn,parentEl:hn,ghostEl:pn,rootEl:gn,nextEl:mn,lastDownEl:vn,cloneEl:yn,cloneHidden:bn,dragStarted:On,putSortable:Tn,activeSortable:nr.active,originalEvent:r,oldIndex:wn,oldDraggableIndex:In,newIndex:En,newDraggableIndex:kn,hideGhostForTarget:Zn,unhideGhostForTarget:Kn,cloneNowHidden:function(){bn=!0},cloneNowShown:function(){bn=!1},dispatchSortableEvent:function(e){dn({sortable:t,name:e,originalEvent:r})}},o))};function dn(e){!function(e){var t=e.sortable,n=e.rootEl,r=e.name,o=e.targetEl,i=e.cloneEl,a=e.toEl,s=e.fromEl,l=e.oldIndex,u=e.newIndex,c=e.oldDraggableIndex,d=e.newDraggableIndex,f=e.originalEvent,h=e.putSortable,p=e.extraEventProperties;if(t=t||n&&n[on]){var g,m=t.options,v="on"+r.charAt(0).toUpperCase()+r.substr(1);!window.CustomEvent||Pt||_t?(g=document.createEvent("Event")).initEvent(r,!0,!0):g=new CustomEvent(r,{bubbles:!0,cancelable:!0}),g.to=a||n,g.from=s||n,g.item=o||n,g.clone=i,g.oldIndex=l,g.newIndex=u,g.oldDraggableIndex=c,g.newDraggableIndex=d,g.originalEvent=f,g.pullMode=h?h.lastPutMode:void 0;var y=Tt({},p,un.getEventProperties(r,t));for(var b in y)g[b]=y[b];n&&n.dispatchEvent(g),m[v]&&m[v].call(t,g)}}(Tt({putSortable:Tn,cloneEl:yn,targetEl:fn,rootEl:gn,oldIndex:wn,oldDraggableIndex:In,newIndex:En,newDraggableIndex:kn},e))}var fn,hn,pn,gn,mn,vn,yn,bn,wn,En,In,kn,Sn,Tn,xn,Dn,Pn,_n,Bn,Cn,On,Mn,An,Nn,Ln,Rn=!1,Hn=!1,Fn=[],Xn=!1,qn=!1,Un=[],Yn=!1,jn=[],Wn="undefined"!=typeof document,zn=Ot,Gn=_t||Pt?"cssFloat":"float",Qn=Wn&&!Mt&&!Ot&&"draggable"in document.createElement("div"),Vn=function(){if(Wn){if(Pt)return!1;var e=document.createElement("x");return e.style.cssText="pointer-events:auto","auto"===e.style.pointerEvents}}(),Jn=function(e,t){var n=Yt(e),r=parseInt(n.width)-parseInt(n.paddingLeft)-parseInt(n.paddingRight)-parseInt(n.borderLeftWidth)-parseInt(n.borderRightWidth),o=Vt(e,0,t),i=Vt(e,1,t),a=o&&Yt(o),s=i&&Yt(i),l=a&&parseInt(a.marginLeft)+parseInt(a.marginRight)+Gt(o).width,u=s&&parseInt(s.marginLeft)+parseInt(s.marginRight)+Gt(i).width;if("flex"===n.display)return"column"===n.flexDirection||"column-reverse"===n.flexDirection?"vertical":"horizontal";if("grid"===n.display)return n.gridTemplateColumns.split(" ").length<=1?"vertical":"horizontal";if(o&&a.float&&"none"!==a.float){var c="left"===a.float?"left":"right";return!i||"both"!==s.clear&&s.clear!==c?"horizontal":"vertical"}return o&&("block"===a.display||"flex"===a.display||"table"===a.display||"grid"===a.display||l>=r&&"none"===n[Gn]||i&&"none"===n[Gn]&&l+u>r)?"vertical":"horizontal"},$n=function(e){function t(e,n){return function(r,o,i,a){var s=r.options.group.name&&o.options.group.name&&r.options.group.name===o.options.group.name;if(null==e&&(n||s))return!0;if(null==e||!1===e)return!1;if(n&&"clone"===e)return e;if("function"==typeof e)return t(e(r,o,i,a),n)(r,o,i,a);var l=(n?r:o).options.group.name;return!0===e||"string"==typeof e&&e===l||e.join&&e.indexOf(l)>-1}}var n={},r=e.group;r&&"object"==It(r)||(r={name:r}),n.name=r.name,n.checkPull=t(r.pull,!0),n.checkPut=t(r.put),n.revertClone=r.revertClone,e.group=n},Zn=function(){!Vn&&pn&&Yt(pn,"display","none")},Kn=function(){!Vn&&pn&&Yt(pn,"display","")};Wn&&document.addEventListener("click",(function(e){if(Hn)return e.preventDefault(),e.stopPropagation&&e.stopPropagation(),e.stopImmediatePropagation&&e.stopImmediatePropagation(),Hn=!1,!1}),!0);var er=function(e){if(fn){e=e.touches?e.touches[0]:e;var t=(o=e.clientX,i=e.clientY,Fn.some((function(e){if(!Jt(e)){var t=Gt(e),n=e[on].options.emptyInsertThreshold,r=o>=t.left-n&&o<=t.right+n,s=i>=t.top-n&&i<=t.bottom+n;return n&&r&&s?a=e:void 0}})),a);if(t){var n={};for(var r in e)e.hasOwnProperty(r)&&(n[r]=e[r]);n.target=n.rootEl=t,n.preventDefault=void 0,n.stopPropagation=void 0,t[on]._onDragOver(n)}}var o,i,a},tr=function(e){fn&&fn.parentNode[on]._isOutsideThisEl(e.target)};function nr(e,t){if(!e||!e.nodeType||1!==e.nodeType)throw"Sortable: `el` must be an HTMLElement, not ".concat({}.toString.call(e));this.el=e,this.options=t=St({},t),e[on]=this;var n={group:null,sort:!0,disabled:!1,store:null,handle:null,draggable:/^[uo]l$/i.test(e.nodeName)?">li":">*",swapThreshold:1,invertSwap:!1,invertedSwapThreshold:null,removeCloneOnHide:!0,direction:function(){return Jn(e,this.options)},ghostClass:"sortable-ghost",chosenClass:"sortable-chosen",dragClass:"sortable-drag",ignore:"a, img",filter:null,preventOnFilter:!0,animation:0,easing:null,setData:function(e,t){e.setData("Text",t.textContent)},dropBubble:!1,dragoverBubble:!1,dataIdAttr:"data-id",delay:0,delayOnTouchOnly:!1,touchStartThreshold:(Number.parseInt?Number:window).parseInt(window.devicePixelRatio,10)||1,forceFallback:!1,fallbackClass:"sortable-fallback",fallbackOnBody:!1,fallbackTolerance:0,fallbackOffset:{x:0,y:0},supportPointer:!1!==nr.supportPointer&&"PointerEvent"in window&&!Ct,emptyInsertThreshold:5};for(var r in un.initializePlugins(this,e,n),n)!(r in t)&&(t[r]=n[r]);for(var o in $n(t),this)"_"===o.charAt(0)&&"function"==typeof this[o]&&(this[o]=this[o].bind(this));this.nativeDraggable=!t.forceFallback&&Qn,this.nativeDraggable&&(this.options.touchStartThreshold=1),t.supportPointer?Nt(e,"pointerdown",this._onTapStart):(Nt(e,"mousedown",this._onTapStart),Nt(e,"touchstart",this._onTapStart)),this.nativeDraggable&&(Nt(e,"dragover",this),Nt(e,"dragenter",this)),Fn.push(this.el),t.store&&t.store.get&&this.sort(t.store.get(this)||[]),St(this,an())}function rr(e,t,n,r,o,i,a,s){var l,u,c=e[on],d=c.options.onMove;return!window.CustomEvent||Pt||_t?(l=document.createEvent("Event")).initEvent("move",!0,!0):l=new CustomEvent("move",{bubbles:!0,cancelable:!0}),l.to=t,l.from=e,l.dragged=n,l.draggedRect=r,l.related=o||t,l.relatedRect=i||Gt(t),l.willInsertAfter=s,l.originalEvent=a,e.dispatchEvent(l),d&&(u=d.call(c,l,a)),u}function or(e){e.draggable=!1}function ir(){Yn=!1}function ar(e){for(var t=e.tagName+e.className+e.src+e.href+e.textContent,n=t.length,r=0;n--;)r+=t.charCodeAt(n);return r.toString(36)}function sr(e){return setTimeout(e,0)}function lr(e){return clearTimeout(e)}nr.prototype={constructor:nr,_isOutsideThisEl:function(e){this.el.contains(e)||e===this.el||(Mn=null)},_getDirection:function(e,t){return"function"==typeof this.options.direction?this.options.direction.call(this,e,t,fn):this.options.direction},_onTapStart:function(e){if(e.cancelable){var t=this,n=this.el,r=this.options,o=r.preventOnFilter,i=e.type,a=e.touches&&e.touches[0]||e.pointerType&&"touch"===e.pointerType&&e,s=(a||e).target,l=e.target.shadowRoot&&(e.path&&e.path[0]||e.composedPath&&e.composedPath()[0])||s,u=r.filter;if(function(e){jn.length=0;var t=e.getElementsByTagName("input"),n=t.length;for(;n--;){var r=t[n];r.checked&&jn.push(r)}}(n),!fn&&!(/mousedown|pointerdown/.test(i)&&0!==e.button||r.disabled)&&!l.isContentEditable&&(this.nativeDraggable||!Ct||!s||"SELECT"!==s.tagName.toUpperCase())&&!((s=Ft(s,r.draggable,n,!1))&&s.animated||vn===s)){if(wn=$t(s),In=$t(s,r.draggable),"function"==typeof u){if(u.call(this,e,s,this))return dn({sortable:t,rootEl:l,name:"filter",targetEl:s,toEl:n,fromEl:n}),cn("filter",t,{evt:e}),void(o&&e.cancelable&&e.preventDefault())}else if(u&&(u=u.split(",").some((function(r){if(r=Ft(l,r.trim(),n,!1))return dn({sortable:t,rootEl:r,name:"filter",targetEl:s,fromEl:n,toEl:n}),cn("filter",t,{evt:e}),!0}))))return void(o&&e.cancelable&&e.preventDefault());r.handle&&!Ft(l,r.handle,n,!1)||this._prepareDragStart(e,a,s)}}},_prepareDragStart:function(e,t,n){var r,o=this,i=o.el,a=o.options,s=i.ownerDocument;if(n&&!fn&&n.parentNode===i){var l=Gt(n);if(gn=i,hn=(fn=n).parentNode,mn=fn.nextSibling,vn=n,Sn=a.group,nr.dragged=fn,xn={target:fn,clientX:(t||e).clientX,clientY:(t||e).clientY},Bn=xn.clientX-l.left,Cn=xn.clientY-l.top,this._lastX=(t||e).clientX,this._lastY=(t||e).clientY,fn.style["will-change"]="all",r=function(){cn("delayEnded",o,{evt:e}),nr.eventCanceled?o._onDrop():(o._disableDelayedDragEvents(),!Bt&&o.nativeDraggable&&(fn.draggable=!0),o._triggerDragStart(e,t),dn({sortable:o,name:"choose",originalEvent:e}),Ut(fn,a.chosenClass,!0))},a.ignore.split(",").forEach((function(e){Wt(fn,e.trim(),or)})),Nt(s,"dragover",er),Nt(s,"mousemove",er),Nt(s,"touchmove",er),Nt(s,"mouseup",o._onDrop),Nt(s,"touchend",o._onDrop),Nt(s,"touchcancel",o._onDrop),Bt&&this.nativeDraggable&&(this.options.touchStartThreshold=4,fn.draggable=!0),cn("delayStart",this,{evt:e}),!a.delay||a.delayOnTouchOnly&&!t||this.nativeDraggable&&(_t||Pt))r();else{if(nr.eventCanceled)return void this._onDrop();Nt(s,"mouseup",o._disableDelayedDrag),Nt(s,"touchend",o._disableDelayedDrag),Nt(s,"touchcancel",o._disableDelayedDrag),Nt(s,"mousemove",o._delayedDragTouchMoveHandler),Nt(s,"touchmove",o._delayedDragTouchMoveHandler),a.supportPointer&&Nt(s,"pointermove",o._delayedDragTouchMoveHandler),o._dragStartTimer=setTimeout(r,a.delay)}}},_delayedDragTouchMoveHandler:function(e){var t=e.touches?e.touches[0]:e;Math.max(Math.abs(t.clientX-this._lastX),Math.abs(t.clientY-this._lastY))>=Math.floor(this.options.touchStartThreshold/(this.nativeDraggable&&window.devicePixelRatio||1))&&this._disableDelayedDrag()},_disableDelayedDrag:function(){fn&&or(fn),clearTimeout(this._dragStartTimer),this._disableDelayedDragEvents()},_disableDelayedDragEvents:function(){var e=this.el.ownerDocument;Lt(e,"mouseup",this._disableDelayedDrag),Lt(e,"touchend",this._disableDelayedDrag),Lt(e,"touchcancel",this._disableDelayedDrag),Lt(e,"mousemove",this._delayedDragTouchMoveHandler),Lt(e,"touchmove",this._delayedDragTouchMoveHandler),Lt(e,"pointermove",this._delayedDragTouchMoveHandler)},_triggerDragStart:function(e,t){t=t||"touch"==e.pointerType&&e,!this.nativeDraggable||t?this.options.supportPointer?Nt(document,"pointermove",this._onTouchMove):Nt(document,t?"touchmove":"mousemove",this._onTouchMove):(Nt(fn,"dragend",this),Nt(gn,"dragstart",this._onDragStart));try{document.selection?sr((function(){document.selection.empty()})):window.getSelection().removeAllRanges()}catch(e){}},_dragStarted:function(e,t){if(Rn=!1,gn&&fn){cn("dragStarted",this,{evt:t}),this.nativeDraggable&&Nt(document,"dragover",tr);var n=this.options;!e&&Ut(fn,n.dragClass,!1),Ut(fn,n.ghostClass,!0),nr.active=this,e&&this._appendGhost(),dn({sortable:this,name:"start",originalEvent:t})}else this._nulling()},_emulateDragOver:function(){if(Dn){this._lastX=Dn.clientX,this._lastY=Dn.clientY,Zn();for(var e=document.elementFromPoint(Dn.clientX,Dn.clientY),t=e;e&&e.shadowRoot&&(e=e.shadowRoot.elementFromPoint(Dn.clientX,Dn.clientY))!==t;)t=e;if(fn.parentNode[on]._isOutsideThisEl(e),t)do{if(t[on]){if(t[on]._onDragOver({clientX:Dn.clientX,clientY:Dn.clientY,target:e,rootEl:t})&&!this.options.dragoverBubble)break}e=t}while(t=t.parentNode);Kn()}},_onTouchMove:function(e){if(xn){var t=this.options,n=t.fallbackTolerance,r=t.fallbackOffset,o=e.touches?e.touches[0]:e,i=pn&&jt(pn,!0),a=pn&&i&&i.a,s=pn&&i&&i.d,l=zn&&Ln&&Zt(Ln),u=(o.clientX-xn.clientX+r.x)/(a||1)+(l?l[0]-Un[0]:0)/(a||1),c=(o.clientY-xn.clientY+r.y)/(s||1)+(l?l[1]-Un[1]:0)/(s||1);if(!nr.active&&!Rn){if(n&&Math.max(Math.abs(o.clientX-this._lastX),Math.abs(o.clientY-this._lastY))r.right+o||e.clientX<=r.right&&e.clientY>r.bottom&&e.clientX>=r.left:e.clientX>r.right&&e.clientY>r.top||e.clientX<=r.right&&e.clientY>r.bottom+o}(e,o,this)&&!g.animated){if(g===fn)return B(!1);if(g&&i===e.target&&(a=g),a&&(n=Gt(a)),!1!==rr(gn,i,fn,t,a,n,e,!!a))return _(),i.appendChild(fn),hn=i,C(),B(!0)}else if(a.parentNode===i){n=Gt(a);var m,v,y,b=fn.parentNode!==i,w=!function(e,t,n){var r=n?e.left:e.top,o=n?e.right:e.bottom,i=n?e.width:e.height,a=n?t.left:t.top,s=n?t.right:t.bottom,l=n?t.width:t.height;return r===a||o===s||r+i/2===a+l/2}(fn.animated&&fn.toRect||t,a.animated&&a.toRect||n,o),E=o?"top":"left",I=Qt(a,"top","top")||Qt(fn,"top","top"),k=I?I.scrollTop:void 0;if(Mn!==a&&(v=n[E],Xn=!1,qn=!w&&s.invertSwap||b),0!==(m=function(e,t,n,r,o,i,a,s){var l=r?e.clientY:e.clientX,u=r?n.height:n.width,c=r?n.top:n.left,d=r?n.bottom:n.right,f=!1;if(!a)if(s&&Nnc+u*i/2:ld-Nn)return-An}else if(l>c+u*(1-o)/2&&ld-u*i/2))return l>c+u/2?1:-1;return 0}(e,a,n,o,w?1:s.swapThreshold,null==s.invertedSwapThreshold?s.swapThreshold:s.invertedSwapThreshold,qn,Mn===a))){var S=$t(fn);do{S-=m,y=hn.children[S]}while(y&&("none"===Yt(y,"display")||y===pn))}if(0===m||y===a)return B(!1);Mn=a,An=m;var T=a.nextElementSibling,x=!1,D=rr(gn,i,fn,t,a,n,e,x=1===m);if(!1!==D)return 1!==D&&-1!==D||(x=1===D),Yn=!0,setTimeout(ir,30),_(),x&&!T?i.appendChild(fn):a.parentNode.insertBefore(fn,x?T:a),I&&nn(I,0,k-I.scrollTop),hn=fn.parentNode,void 0===v||qn||(Nn=Math.abs(v-Gt(a)[E])),C(),B(!0)}if(i.contains(fn))return B(!1)}return!1}function P(s,l){cn(s,h,Tt({evt:e,isOwner:c,axis:o?"vertical":"horizontal",revert:r,dragRect:t,targetRect:n,canSort:d,fromSortable:f,target:a,completed:B,onMove:function(n,r){return rr(gn,i,fn,t,n,Gt(n),e,r)},changed:C},l))}function _(){P("dragOverAnimationCapture"),h.captureAnimationState(),h!==f&&f.captureAnimationState()}function B(t){return P("dragOverCompleted",{insertion:t}),t&&(c?u._hideClone():u._showClone(h),h!==f&&(Ut(fn,Tn?Tn.options.ghostClass:u.options.ghostClass,!1),Ut(fn,s.ghostClass,!0)),Tn!==h&&h!==nr.active?Tn=h:h===nr.active&&Tn&&(Tn=null),f===h&&(h._ignoreWhileAnimating=a),h.animateAll((function(){P("dragOverAnimationComplete"),h._ignoreWhileAnimating=null})),h!==f&&(f.animateAll(),f._ignoreWhileAnimating=null)),(a===fn&&!fn.animated||a===i&&!a.animated)&&(Mn=null),s.dragoverBubble||e.rootEl||a===document||(fn.parentNode[on]._isOutsideThisEl(e.target),!t&&er(e)),!s.dragoverBubble&&e.stopPropagation&&e.stopPropagation(),p=!0}function C(){En=$t(fn),kn=$t(fn,s.draggable),dn({sortable:h,name:"change",toEl:i,newIndex:En,newDraggableIndex:kn,originalEvent:e})}},_ignoreWhileAnimating:null,_offMoveEvents:function(){Lt(document,"mousemove",this._onTouchMove),Lt(document,"touchmove",this._onTouchMove),Lt(document,"pointermove",this._onTouchMove),Lt(document,"dragover",er),Lt(document,"mousemove",er),Lt(document,"touchmove",er)},_offUpEvents:function(){var e=this.el.ownerDocument;Lt(e,"mouseup",this._onDrop),Lt(e,"touchend",this._onDrop),Lt(e,"pointerup",this._onDrop),Lt(e,"touchcancel",this._onDrop),Lt(document,"selectstart",this)},_onDrop:function(e){var t=this.el,n=this.options;En=$t(fn),kn=$t(fn,n.draggable),cn("drop",this,{evt:e}),hn=fn&&fn.parentNode,En=$t(fn),kn=$t(fn,n.draggable),nr.eventCanceled||(Rn=!1,qn=!1,Xn=!1,clearInterval(this._loopId),clearTimeout(this._dragStartTimer),lr(this.cloneId),lr(this._dragStartId),this.nativeDraggable&&(Lt(document,"drop",this),Lt(t,"dragstart",this._onDragStart)),this._offMoveEvents(),this._offUpEvents(),Ct&&Yt(document.body,"user-select",""),Yt(fn,"transform",""),e&&(On&&(e.cancelable&&e.preventDefault(),!n.dropBubble&&e.stopPropagation()),pn&&pn.parentNode&&pn.parentNode.removeChild(pn),(gn===hn||Tn&&"clone"!==Tn.lastPutMode)&&yn&&yn.parentNode&&yn.parentNode.removeChild(yn),fn&&(this.nativeDraggable&&Lt(fn,"dragend",this),or(fn),fn.style["will-change"]="",On&&!Rn&&Ut(fn,Tn?Tn.options.ghostClass:this.options.ghostClass,!1),Ut(fn,this.options.chosenClass,!1),dn({sortable:this,name:"unchoose",toEl:hn,newIndex:null,newDraggableIndex:null,originalEvent:e}),gn!==hn?(En>=0&&(dn({rootEl:hn,name:"add",toEl:hn,fromEl:gn,originalEvent:e}),dn({sortable:this,name:"remove",toEl:hn,originalEvent:e}),dn({rootEl:hn,name:"sort",toEl:hn,fromEl:gn,originalEvent:e}),dn({sortable:this,name:"sort",toEl:hn,originalEvent:e})),Tn&&Tn.save()):En!==wn&&En>=0&&(dn({sortable:this,name:"update",toEl:hn,originalEvent:e}),dn({sortable:this,name:"sort",toEl:hn,originalEvent:e})),nr.active&&(null!=En&&-1!==En||(En=wn,kn=In),dn({sortable:this,name:"end",toEl:hn,originalEvent:e}),this.save())))),this._nulling()},_nulling:function(){cn("nulling",this),gn=fn=hn=pn=mn=yn=vn=bn=xn=Dn=On=En=kn=wn=In=Mn=An=Tn=Sn=nr.dragged=nr.ghost=nr.clone=nr.active=null,jn.forEach((function(e){e.checked=!0})),jn.length=Pn=_n=0},handleEvent:function(e){switch(e.type){case"drop":case"dragend":this._onDrop(e);break;case"dragenter":case"dragover":fn&&(this._onDragOver(e),function(e){e.dataTransfer&&(e.dataTransfer.dropEffect="move");e.cancelable&&e.preventDefault()}(e));break;case"selectstart":e.preventDefault()}},toArray:function(){for(var e,t=[],n=this.el.children,r=0,o=n.length,i=this.options;r Date: Tue, 25 May 2021 11:09:42 -0700 Subject: [PATCH 05/20] updated ignore file --- .gitignore | 29 ++++++++++++++++++++++++++++- 1 file changed, 28 insertions(+), 1 deletion(-) diff --git a/.gitignore b/.gitignore index 1ed5a58..95e2b1a 100644 --- a/.gitignore +++ b/.gitignore @@ -41,4 +41,31 @@ config/tags.json config.codekit3 /config/backups -/src \ No newline at end of file +/src +/src/com/Base.js +/src/com/controllers/SettingsIndex.js +/src/styles/main/_colors.sass +/src/styles/main/_forms.sass +/src/styles/main/_index.sass +/src/styles/main/_navigation.sass +/src/styles/main/_posts.sass +/src/styles/main/_settings.sass +/src/styles/main/_structure.sass +/src/com/Base.js +/src/com/controllers/SettingsIndex.js +/src/styles/main/_colors.sass +/src/styles/main/_forms.sass +/src/styles/main/_index.sass +/src/styles/main/_navigation.sass +/src/styles/main/_posts.sass +/src/styles/main/_settings.sass +/src/styles/main/_structure.sass +/src/com/Base.js +/src/com/controllers/SettingsIndex.js +/src/styles/main/_colors.sass +/src/styles/main/_forms.sass +/src/styles/main/_index.sass +/src/styles/main/_navigation.sass +/src/styles/main/_posts.sass +/src/styles/main/_settings.sass +/src/styles/main/_structure.sass \ No newline at end of file -- 2.30.2 From 3706a81c5f5266c589eb849db66acdb873c7166e Mon Sep 17 00:00:00 2001 From: Ro Date: Wed, 26 May 2021 19:19:35 +0000 Subject: [PATCH 06/20] quick fix for composer settings file --- composer.json | 52 +++++++++++++++++++++++++-------------------------- 1 file changed, 26 insertions(+), 26 deletions(-) diff --git a/composer.json b/composer.json index 4a76845..6bf31ba 100644 --- a/composer.json +++ b/composer.json @@ -1,29 +1,29 @@ { - "name":"fipamo", - "descriptions":"The most chill no database blog framework ever.", - "version":"2.1.0-beta", - "homepage":"https://fipamo.blog", - "authors": [ - { - "name": "Are0h", - "homepage": "https://roiskinda.cool" - } - ], - "support": { - "source": "https://code.playvicio.us/Are0h/Fipamo", - "wiki": "https://code.playvicio.us/Are0h/Fipamo/wiki/_pages", - "issues":"https://code.playvicio.us/Are0h/Fipamo/issues" - }, - "require": { - "slim/slim": "4.*", - "slim/psr7": "^1.2", - "twig/twig": "^3.0", - "slim/twig-view": "^3.0", - "mnapoli/front-yaml": "^1.8", - "lodash-php/lodash-php": "^0.0.7", - "rbdwllr/reallysimplejwt": "^4.0", - "fightbulc/moment": "^1.33", - "tgalopin/html-sanitizer": "^1.4", - "phpmailer/phpmailer": "^6.4" + "name": "are0h/fipamo", + "descriptions": "The most chill no database blog framework ever.", + "version": "2.1.0-beta", + "homepage": "https://fipamo.blog", + "authors": [ + { + "name": "Are0h", + "homepage": "https://roiskinda.cool" } + ], + "support": { + "source": "https://code.playvicio.us/Are0h/Fipamo", + "wiki": "https://code.playvicio.us/Are0h/Fipamo/wiki/_pages", + "issues": "https://code.playvicio.us/Are0h/Fipamo/issues" + }, + "require": { + "slim/slim": "4.*", + "slim/psr7": "^1.2", + "twig/twig": "^3.0", + "slim/twig-view": "^3.0", + "mnapoli/front-yaml": "^1.8", + "lodash-php/lodash-php": "^0.0.7", + "rbdwllr/reallysimplejwt": "^4.0", + "fightbulc/moment": "^1.33", + "tgalopin/html-sanitizer": "^1.4", + "phpmailer/phpmailer": "^6.4" + } } -- 2.30.2 From 46691b454d316fbad4280d13ca25ebcefc57dc11 Mon Sep 17 00:00:00 2001 From: Ro Date: Tue, 15 Jun 2021 12:48:17 -0700 Subject: [PATCH 07/20] added FipamoAPI class --- .gitignore | 42 +------ src/libraries/FipamoAPI.js | 227 +++++++++++++++++++++++++++++++++++++ 2 files changed, 230 insertions(+), 39 deletions(-) create mode 100644 src/libraries/FipamoAPI.js diff --git a/.gitignore b/.gitignore index 7865849..d2c8abd 100644 --- a/.gitignore +++ b/.gitignore @@ -41,42 +41,6 @@ config/tags.json config.codekit3 /config/backups -/src -/src/com/Base.js -/src/com/controllers/SettingsIndex.js -/src/styles/main/_colors.sass -/src/styles/main/_forms.sass -/src/styles/main/_index.sass -/src/styles/main/_navigation.sass -/src/styles/main/_posts.sass -/src/styles/main/_settings.sass -/src/styles/main/_structure.sass -/src/com/Base.js -/src/com/controllers/SettingsIndex.js -/src/styles/main/_colors.sass -/src/styles/main/_forms.sass -/src/styles/main/_index.sass -/src/styles/main/_navigation.sass -/src/styles/main/_posts.sass -/src/styles/main/_settings.sass -/src/styles/main/_structure.sass -/src/com/Base.js -/src/com/controllers/SettingsIndex.js -/src/styles/main/_colors.sass -/src/styles/main/_forms.sass -/src/styles/main/_index.sass -/src/styles/main/_navigation.sass -/src/styles/main/_posts.sass -/src/styles/main/_settings.sass -/src/styles/main/_structure.sass -/src/com/Base.js -/src/com/actions/Mailer.js -/src/com/actions/NavActions.js -/src/com/actions/SettingsActions.js -/src/com/controllers/NavIndex.js -/src/com/controllers/PageEditor.js -/src/com/controllers/SettingsIndex.js -/src/com/ui/TextEditor.js -/src/libraries/FipamoAPI.js -/src/styles/main/_settings.sass -/src/libraries/FipamoAPI.js \ No newline at end of file +/src/com +/src/style +/src/node_modules diff --git a/src/libraries/FipamoAPI.js b/src/libraries/FipamoAPI.js new file mode 100644 index 0000000..e2295fb --- /dev/null +++ b/src/libraries/FipamoAPI.js @@ -0,0 +1,227 @@ +//** REQUEST TYPES **// +export const REQUEST_TYPE_POST = "POST"; +export const REQUEST_TYPE_GET = "GET"; +export const REQUEST_TYPE_PUT = "PUT"; +export const REQUEST_TYPE_DELETE = "DELETE"; +//** POST CONTENT TYPES **// +export const CONTENT_TYPE_JSON = "json"; +export const CONTENT_TYPE_FORM = "x-www-form-urlencoded"; +//** API URLS **// +export const API_STATUS = "/api/v1/status"; +export const API_INIT = "/api/v1/init"; +export const API_RESTORE = "/api/v1/restore"; +export const API_LOGIN = "/api/v1/login"; +export const API_GET_PAGES = "/api/v1/page/published"; +export const API_GET_PAGE = "/api/v1/page/single"; +export const API_GET_SECRET = "/api/v1/get-secret"; +export const API_RESET_PASS = "/api/v1/reset-password"; +//** API TASKS **// +export const AUTH_STATUS = "getAuthStatus"; +export const TASK_SITE_INIT = "blogInit"; +export const TASK_BACKUP_RESTORE = "downloadBackup"; +export const TASK_GET_SECRET = "retrieveSecret"; +export const TASK_RESET_PASS = "resetPassword"; +export const TASK_GET_CONTENT = "retrieveContent"; + +export default class FipamoAPI { + //-------------------------- + // constructor + //-------------------------- + constructor(baseURL = null) { + this.baseURL = null; + if (baseURL) { + this.baseURL = baseURL; + } + } + //-------------------------- + // methods + //-------------------------- + + //** MEMBER AUTH METHODS **// + login(data) { + return new Promise((resolve, reject) => { + this._request( + this.baseURL ? this.baseURL + API_LOGIN : API_LOGIN, + AUTH_STATUS, + REQUEST_TYPE_POST, + CONTENT_TYPE_JSON, + data + ) + .then((result) => { + resolve(result); + }) + .catch((err) => { + reject(err); + }); + }); + } + init(data) { + return new Promise((resolve, reject) => { + this._request( + API_INIT, + TASK_SITE_INIT, + REQUEST_TYPE_POST, + CONTENT_TYPE_JSON, + data + ) + .then((result) => { + resolve(result); + }) + .catch((err) => { + reject(err); + }); + }); + } + + handleInitRestore(form) { + return new Promise((resolve, reject) => { + var url, event, method, type, data; + + url = API_RESTORE; + event = TASK_BACKUP_RESTORE; + method = REQUEST_TYPE_POST; + type = CONTENT_TYPE_FORM; + data = new FormData(form); + this._request(url, event, method, type, data) + .then((result) => { + resolve(result); + }) + .catch((err) => { + reject(err); + }); + }); + } + + getSecret(data) { + return new Promise((resolve, reject) => { + this._request( + API_GET_SECRET, + TASK_GET_SECRET, + REQUEST_TYPE_POST, + CONTENT_TYPE_JSON, + data + ) + .then((result) => { + resolve(result); + }) + .catch((err) => { + reject(err); + }); + }); + } + + setNewPass(data) { + return new Promise((resolve, reject) => { + this._request( + API_RESET_PASS, + TASK_RESET_PASS, + REQUEST_TYPE_POST, + CONTENT_TYPE_JSON, + data + ) + .then((result) => { + resolve(result); + }) + .catch((err) => { + reject(err); + }); + }); + } + + //** CONTENT API METHODS **// + + getPages(num, key) { + let pageNum = num; + if (pageNum === null || pageNum === "" || !pageNum) pageNum = 1; + return new Promise((resolve, reject) => { + this._request( + this.baseURL + ? this.baseURL + API_GET_PAGES + "?key=" + key + : API_GET_PAGES, + TASK_GET_CONTENT, + REQUEST_TYPE_GET + ) + .then((result) => { + resolve(result); + }) + .catch((err) => { + reject(err); + }); + }); + } + + getPage(id, key) { + return new Promise((resolve, reject) => { + this._request( + //API_GET_PAGE + "/" + id + "?key=" + key, + this.baseURL + ? this.baseURL + API_GET_PAGE + "/" + id + "?key=" + key + : API_GET_PAGE, + TASK_GET_CONTENT, + REQUEST_TYPE_GET + ) + .then((result) => { + resolve(result); + }) + .catch((err) => { + reject(err); + }); + }); + } + //-------------------------- + // private + //-------------------------- + _request( + requestURL, + eventType, + requestType = REQUEST_TYPE_GET, + contentType = CONTENT_TYPE_JSON, + requestData = null + ) { + var self = this; + return new Promise(function (resolve, reject) { + var request = new XMLHttpRequest(); + request.upload.onprogress = self.handleLoadProgress; + request.open(requestType, requestURL, true); + request.onload = () => { + if (request.status == 200) { + let response = JSON.parse(request["response"]); + resolve(response); + } else { + let error = JSON.parse(request["response"]); + reject(error); + } + }; + if (requestType == REQUEST_TYPE_PUT || requestType == REQUEST_TYPE_POST) { + switch (contentType) { + case CONTENT_TYPE_JSON: + request.setRequestHeader( + "Content-type", + "application/" + contentType + ); + /** + request.setRequestHeader( + "Access-Control-Allow-Origin", + self.baseURL + ); + **/ + request.send(JSON.stringify(requestData)); + break; + case CONTENT_TYPE_FORM: + request.send(requestData); + break; + } + } else { + request.send(); + } + }); + } + + //-------------------------- + // event handlers + //-------------------------- + handleLoadProgress(e) { + this.percentComplete = Math.ceil((e.loaded / e.total) * 100); + //pass element to display request progress + } +} -- 2.30.2 From 7f3be4c0c560a2cd5e10e12c47797b189e7a026d Mon Sep 17 00:00:00 2001 From: Ro Date: Wed, 30 Jun 2021 14:13:34 -0700 Subject: [PATCH 08/20] removed unnecessary script --- src/com/controllers/MaintenanceManager.js | 284 ---------------------- 1 file changed, 284 deletions(-) delete mode 100644 src/com/controllers/MaintenanceManager.js diff --git a/src/com/controllers/MaintenanceManager.js b/src/com/controllers/MaintenanceManager.js deleted file mode 100644 index 8c4d8bb..0000000 --- a/src/com/controllers/MaintenanceManager.js +++ /dev/null @@ -1,284 +0,0 @@ -//** REQUEST TYPES **// -export const REQUEST_TYPE_POST = "POST"; -export const REQUEST_TYPE_GET = "GET"; -export const REQUEST_TYPE_PUT = "PUT"; -export const REQUEST_TYPE_DELETE = "DELETE"; -//** POST CONTENT TYPES **// -export const CONTENT_TYPE_JSON = "json"; -export const CONTENT_TYPE_FORM = "x-www-form-urlencoded"; -//** API URLS **// -export const API_STATUS = "/api/v1/status"; -export const API_INIT = "/api/v1/init"; -export const API_RESTORE = "/api/v1/restore"; -export const API_GET_SECRET = "/api/v1/get-secret"; -export const API_RESET_PASS = "/api/v1/reset-password"; -export const API_CREATE_BACKUP = "/api/v1/backup"; -export const API_DOWNLOAD_BACKUP = "/api/v1/backup/download"; -export const API_RESTORE_BACKUP = "/api/v1/backup/restore"; -export const API_UPLOAD_AVATAR = "/api/v1/settings/add-avatar"; -export const API_UPLOAD_BACKGROUND = "/api/v1/settings/add-feature-background"; -export const API_IMAGE_UPLOAD = "/api/v1/page/add-entry-image"; -//** API TASKS **// -export const TASK_SITE_INIT = "blogInit"; -export const TASK_BACKUP_RESTORE = "restoreBackup"; -export const TASK_BACKUP_CREATE = "createBackup"; -export const TASK_GET_SECRET = "retrieveSecret"; -export const TASK_RESET_PASS = "resetPassword"; -export const TASK_UPLOAD_FILES = "uploadFiles"; - -/** - * A tub of methods for creating/restoring installs, resetting passwords and uploading images. - */ -class FipamoUtilityAPI { - /** - * @constructor - * @param {string} baseURL - url of site; uses local when empty - * @param {string} key - user api key - */ - constructor(baseURL = null, key = null) { - this.baseURL = null; - this.key = null; - if (key) this.key = key; - if (baseURL) this.baseURL = baseURL; - } - - /** - * Promise method used create new site from scratch. For local use only. - * @param {object} data - json object that contains data for set up - * @property {string} new_member_handle - handle for new user - * @property {string} new_member_email - email for new user - * @property {string} new_member_pass - password for new user - * @property {string} new_member_title - title for new user - */ - create(data) { - return new Promise((resolve, reject) => { - this._request( - API_INIT, - TASK_SITE_INIT, - REQUEST_TYPE_POST, - CONTENT_TYPE_JSON, - data - ) - .then((result) => { - resolve(result); - }) - .catch((err) => { - reject(err); - }); - }); - } - /** - * Promise method for restoring site from a previous back up. For local use only. - * @param {object} form - form object that contains restore data and files - * @property {string} restore_member_handle - handle for site user - * @property {string} restore_member_pass - password for site user - * @property {file} backup-upload - backup zip file - */ - restore(form) { - return new Promise((resolve, reject) => { - var url, event, method, type, data; - - url = API_RESTORE; - event = TASK_BACKUP_RESTORE; - method = REQUEST_TYPE_POST; - type = CONTENT_TYPE_FORM; - data = new FormData(form); - this._request(url, event, method, type, data) - .then((result) => { - resolve(result); - }) - .catch((err) => { - reject(err); - }); - }); - } - /** - * Promise method for creating a zip back up of current site. For local use only. - */ - - backup() { - return new Promise((resolve, reject) => { - var url, event, method, type, data; - - url = API_CREATE_BACKUP; - event = TASK_BACKUP_CREATE; - method = REQUEST_TYPE_POST; - type = CONTENT_TYPE_JSON; - data = { task: "create_backup" }; - - this._request(url, event, method, type, data) - .then((result) => { - resolve(result); - }) - .catch((err) => { - reject(err); - }); - }); - } - - /** - * Promise method for retrieving user secret key. For local use only. - * @param {object} data - json object that contains data for set up - * @property {string} email - email for site user - */ - - secret(data) { - return new Promise((resolve, reject) => { - this._request( - API_GET_SECRET, - TASK_GET_SECRET, - REQUEST_TYPE_POST, - CONTENT_TYPE_JSON, - data - ) - .then((result) => { - resolve(result); - }) - .catch((err) => { - reject(err); - }); - }); - } - /** - * Promise method for resetting password for user. For local use only. - * @param {object} data - json object that contains data for set up - * @property {string} new_password - password for user - * @property {string} new_password2 - confirm password for user - * @property {string} secret - secret key for user - */ - - newPass(data) { - return new Promise((resolve, reject) => { - this._request( - API_RESET_PASS, - TASK_RESET_PASS, - REQUEST_TYPE_POST, - CONTENT_TYPE_JSON, - data - ) - .then((result) => { - resolve(result); - }) - .catch((err) => { - reject(err); - }); - }); - } - - /** - * Promise method for uploading images [todo: change to uploading files] - * @param {string} type - type of upload - * @param {input} files - form input containing files - */ - imageUpload(type, files) { - return new Promise((resolve, reject) => { - let url = ""; - switch (type) { - case "avatar-upload": - url = API_UPLOAD_AVATAR; - break; - case "background-upload": - url = API_UPLOAD_BACKGROUND; - break; - default: - url = API_IMAGE_UPLOAD; - break; - } - var imageData = new FormData(); - - if (this.baseURL) { - imageData.append("key", this.key); - imageData.append("remote", true); - } else { - imageData.append("remote", false); - } - - for (var i = 0; i < files.length; i++) { - var file = files[i]; - // Check the file type. - if (!file.type.match("image.*")) { - continue; - } - if (type === "avatar-upload") { - imageData.append("avatar_upload", file, file.name); - } else if (type === "background-upload") { - imageData.append("background_upload", file, file.name); - } else { - imageData.append("post_image", file, file.name); - } - } - this._request( - url, - TASK_UPLOAD_FILES, - REQUEST_TYPE_POST, - CONTENT_TYPE_FORM, - imageData - ) - .then((r) => { - resolve(r); - }) - .catch((err) => { - reject(err); - }); - }); - } - - //-------------------------- - // private - //-------------------------- - _request( - requestURL, - eventType, - requestType = REQUEST_TYPE_GET, - contentType = CONTENT_TYPE_JSON, - requestData = null - ) { - var self = this; - return new Promise(function (resolve, reject) { - var request = new XMLHttpRequest(); - request.upload.onprogress = self.handleLoadProgress; - request.open(requestType, requestURL, true); - request.onload = () => { - if (request.status == 200) { - let response = JSON.parse(request["response"]); - resolve(response); - } else { - let error = JSON.parse(request["response"]); - reject(error); - } - }; - if (requestType == REQUEST_TYPE_PUT || requestType == REQUEST_TYPE_POST) { - switch (contentType) { - case CONTENT_TYPE_JSON: - request.setRequestHeader( - "Content-type", - "application/" + contentType - ); - /** - request.setRequestHeader( - "Access-Control-Allow-Origin", - self.baseURL - ); - **/ - request.send(JSON.stringify(requestData)); - break; - case CONTENT_TYPE_FORM: - request.send(requestData); - break; - } - } else { - request.send(); - } - }); - } - - //-------------------------- - // event handlers - //-------------------------- - handleLoadProgress(e) { - this.percentComplete = Math.ceil((e.loaded / e.total) * 100); - //pass element to display request progress - } -} - -export { FipamoUtilityAPI as default }; -- 2.30.2 From 4f4ee5dfc78b5f21f2c8723637170b88ab615c06 Mon Sep 17 00:00:00 2001 From: Ro Date: Mon, 8 Nov 2021 13:59:49 -0800 Subject: [PATCH 09/20] updated gitignore --- .gitignore | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/.gitignore b/.gitignore index 48976be..e82f135 100644 --- a/.gitignore +++ b/.gitignore @@ -50,4 +50,6 @@ config.codekit3 /src/com/controllers/SettingsIndex.js /src/libraries/FipamoAPI.js /src/package-lock.json -/src/package.json \ No newline at end of file +/src/package.json +/public/assets/images/global/rikc-logo.svg +/src/styles/ \ No newline at end of file -- 2.30.2 From 55b16a0acdc08c2a1416a0be4b809f9efeff7ebd Mon Sep 17 00:00:00 2001 From: Ro Date: Tue, 4 Jan 2022 12:53:57 -0800 Subject: [PATCH 10/20] update ignore file --- .gitignore | 13 ++----------- 1 file changed, 2 insertions(+), 11 deletions(-) diff --git a/.gitignore b/.gitignore index 8107c7f..980c9cd 100644 --- a/.gitignore +++ b/.gitignore @@ -16,6 +16,7 @@ public/assets/css/* !public/assets/scripts public/assets/scripts/* !public/assets/scripts/dash.min.js +/public/assets/images/global/rikc-logo.svg !public/assets/images public/assets/images/* @@ -43,14 +44,4 @@ config.codekit3 /config/backups /src/com -/src/style -/src/node_modules -/src/com/Base.js -/src/com/controllers/NavIndex.js -/src/com/controllers/PageEditor.js -/src/com/controllers/SettingsIndex.js -/src/libraries/FipamoAPI.js -/src/package-lock.json -/src/package.json -/public/assets/images/global/rikc-logo.svg -/src/styles/ \ No newline at end of file +/src/styles -- 2.30.2 From 2fdd7f40f03cc39245a1599404db766fb601b77b Mon Sep 17 00:00:00 2001 From: Ro Date: Tue, 4 Jan 2022 13:47:55 -0800 Subject: [PATCH 11/20] cleared conflict with git ignore --- .gitignore | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/.gitignore b/.gitignore index 980c9cd..bef0b03 100644 --- a/.gitignore +++ b/.gitignore @@ -15,9 +15,10 @@ public/assets/css/* !public/assets/css/dash.css !public/assets/scripts public/assets/scripts/* -!public/assets/scripts/dash.min.js +!public/assets/scripts/Start.js /public/assets/images/global/rikc-logo.svg + !public/assets/images public/assets/images/* !public/assets/images/global/ -- 2.30.2 From 8502c4f0e028d7e0465670ca769787d284ac9e41 Mon Sep 17 00:00:00 2001 From: Ro Date: Tue, 4 Jan 2022 13:55:31 -0800 Subject: [PATCH 12/20] fixed start twig template --- brain/views/dash/start.twig | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/brain/views/dash/start.twig b/brain/views/dash/start.twig index dc2e777..9eabc15 100644 --- a/brain/views/dash/start.twig +++ b/brain/views/dash/start.twig @@ -23,5 +23,5 @@ {% endblock %} {% block javascripts %} - + {% endblock %} \ No newline at end of file -- 2.30.2 From 59e0f37b3e47bb947b03cb68e72c16c8b99f574c Mon Sep 17 00:00:00 2001 From: Ro Date: Sun, 16 Jan 2022 13:37:57 -0800 Subject: [PATCH 13/20] restored dash styles --- public/assets/css/dash.css | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/public/assets/css/dash.css b/public/assets/css/dash.css index 9ccf403..732ea79 100644 --- a/public/assets/css/dash.css +++ b/public/assets/css/dash.css @@ -3194,13 +3194,17 @@ select { width: 100%; max-width: 900px; border-radius: 5px; - margin: 10px 0 50px 0; position: relative; } +#post-edit-index #post-edit-index-wrapper #edit-post #edit-post-wrapper textarea:focus { + outline: none; + border-color: #fc6399; +} #post-edit-index #post-edit-index-wrapper #edit-post #edit-post-wrapper #edit, #post-edit-index #post-edit-index-wrapper #edit-post #edit-post-wrapper #highlight { /* Both elements need the same text and space styling so they are directly on top of each other */ border: 0; width: 100%; + min-height: 300px; height: auto; position: absolute; top: 0; -- 2.30.2 From 0ee4083949b37a324796f9b50089e055ad8c9cb3 Mon Sep 17 00:00:00 2001 From: are0h Date: Sun, 20 Mar 2022 15:23:04 -0700 Subject: [PATCH 14/20] fix for dash css --- public/assets/css/dash.css | 3872 ------------------------------------ 1 file changed, 3872 deletions(-) delete mode 100644 public/assets/css/dash.css diff --git a/public/assets/css/dash.css b/public/assets/css/dash.css deleted file mode 100644 index 5c567e0..0000000 --- a/public/assets/css/dash.css +++ /dev/null @@ -1,3872 +0,0 @@ -/* Bulma Utilities */ -.column { - display: block; - flex-basis: 0; - flex-grow: 1; - flex-shrink: 1; - padding: 0.75rem; -} -.columns.is-mobile > .column.is-narrow { - flex: none; - width: unset; -} -.columns.is-mobile > .column.is-full { - flex: none; - width: 100%; -} -.columns.is-mobile > .column.is-three-quarters { - flex: none; - width: 75%; -} -.columns.is-mobile > .column.is-two-thirds { - flex: none; - width: 66.6666%; -} -.columns.is-mobile > .column.is-half { - flex: none; - width: 50%; -} -.columns.is-mobile > .column.is-one-third { - flex: none; - width: 33.3333%; -} -.columns.is-mobile > .column.is-one-quarter { - flex: none; - width: 25%; -} -.columns.is-mobile > .column.is-one-fifth { - flex: none; - width: 20%; -} -.columns.is-mobile > .column.is-two-fifths { - flex: none; - width: 40%; -} -.columns.is-mobile > .column.is-three-fifths { - flex: none; - width: 60%; -} -.columns.is-mobile > .column.is-four-fifths { - flex: none; - width: 80%; -} -.columns.is-mobile > .column.is-offset-three-quarters { - margin-left: 75%; -} -.columns.is-mobile > .column.is-offset-two-thirds { - margin-left: 66.6666%; -} -.columns.is-mobile > .column.is-offset-half { - margin-left: 50%; -} -.columns.is-mobile > .column.is-offset-one-third { - margin-left: 33.3333%; -} -.columns.is-mobile > .column.is-offset-one-quarter { - margin-left: 25%; -} -.columns.is-mobile > .column.is-offset-one-fifth { - margin-left: 20%; -} -.columns.is-mobile > .column.is-offset-two-fifths { - margin-left: 40%; -} -.columns.is-mobile > .column.is-offset-three-fifths { - margin-left: 60%; -} -.columns.is-mobile > .column.is-offset-four-fifths { - margin-left: 80%; -} -.columns.is-mobile > .column.is-0 { - flex: none; - width: 0%; -} -.columns.is-mobile > .column.is-offset-0 { - margin-left: 0%; -} -.columns.is-mobile > .column.is-1 { - flex: none; - width: 8.33333337%; -} -.columns.is-mobile > .column.is-offset-1 { - margin-left: 8.33333337%; -} -.columns.is-mobile > .column.is-2 { - flex: none; - width: 16.66666674%; -} -.columns.is-mobile > .column.is-offset-2 { - margin-left: 16.66666674%; -} -.columns.is-mobile > .column.is-3 { - flex: none; - width: 25%; -} -.columns.is-mobile > .column.is-offset-3 { - margin-left: 25%; -} -.columns.is-mobile > .column.is-4 { - flex: none; - width: 33.33333337%; -} -.columns.is-mobile > .column.is-offset-4 { - margin-left: 33.33333337%; -} -.columns.is-mobile > .column.is-5 { - flex: none; - width: 41.66666674%; -} -.columns.is-mobile > .column.is-offset-5 { - margin-left: 41.66666674%; -} -.columns.is-mobile > .column.is-6 { - flex: none; - width: 50%; -} -.columns.is-mobile > .column.is-offset-6 { - margin-left: 50%; -} -.columns.is-mobile > .column.is-7 { - flex: none; - width: 58.33333337%; -} -.columns.is-mobile > .column.is-offset-7 { - margin-left: 58.33333337%; -} -.columns.is-mobile > .column.is-8 { - flex: none; - width: 66.66666674%; -} -.columns.is-mobile > .column.is-offset-8 { - margin-left: 66.66666674%; -} -.columns.is-mobile > .column.is-9 { - flex: none; - width: 75%; -} -.columns.is-mobile > .column.is-offset-9 { - margin-left: 75%; -} -.columns.is-mobile > .column.is-10 { - flex: none; - width: 83.33333337%; -} -.columns.is-mobile > .column.is-offset-10 { - margin-left: 83.33333337%; -} -.columns.is-mobile > .column.is-11 { - flex: none; - width: 91.66666674%; -} -.columns.is-mobile > .column.is-offset-11 { - margin-left: 91.66666674%; -} -.columns.is-mobile > .column.is-12 { - flex: none; - width: 100%; -} -.columns.is-mobile > .column.is-offset-12 { - margin-left: 100%; -} -@media screen and (max-width: 768px) { - .column.is-narrow-mobile { - flex: none; - width: unset; - } - .column.is-full-mobile { - flex: none; - width: 100%; - } - .column.is-three-quarters-mobile { - flex: none; - width: 75%; - } - .column.is-two-thirds-mobile { - flex: none; - width: 66.6666%; - } - .column.is-half-mobile { - flex: none; - width: 50%; - } - .column.is-one-third-mobile { - flex: none; - width: 33.3333%; - } - .column.is-one-quarter-mobile { - flex: none; - width: 25%; - } - .column.is-one-fifth-mobile { - flex: none; - width: 20%; - } - .column.is-two-fifths-mobile { - flex: none; - width: 40%; - } - .column.is-three-fifths-mobile { - flex: none; - width: 60%; - } - .column.is-four-fifths-mobile { - flex: none; - width: 80%; - } - .column.is-offset-three-quarters-mobile { - margin-left: 75%; - } - .column.is-offset-two-thirds-mobile { - margin-left: 66.6666%; - } - .column.is-offset-half-mobile { - margin-left: 50%; - } - .column.is-offset-one-third-mobile { - margin-left: 33.3333%; - } - .column.is-offset-one-quarter-mobile { - margin-left: 25%; - } - .column.is-offset-one-fifth-mobile { - margin-left: 20%; - } - .column.is-offset-two-fifths-mobile { - margin-left: 40%; - } - .column.is-offset-three-fifths-mobile { - margin-left: 60%; - } - .column.is-offset-four-fifths-mobile { - margin-left: 80%; - } - .column.is-0-mobile { - flex: none; - width: 0%; - } - .column.is-offset-0-mobile { - margin-left: 0%; - } - .column.is-1-mobile { - flex: none; - width: 8.33333337%; - } - .column.is-offset-1-mobile { - margin-left: 8.33333337%; - } - .column.is-2-mobile { - flex: none; - width: 16.66666674%; - } - .column.is-offset-2-mobile { - margin-left: 16.66666674%; - } - .column.is-3-mobile { - flex: none; - width: 25%; - } - .column.is-offset-3-mobile { - margin-left: 25%; - } - .column.is-4-mobile { - flex: none; - width: 33.33333337%; - } - .column.is-offset-4-mobile { - margin-left: 33.33333337%; - } - .column.is-5-mobile { - flex: none; - width: 41.66666674%; - } - .column.is-offset-5-mobile { - margin-left: 41.66666674%; - } - .column.is-6-mobile { - flex: none; - width: 50%; - } - .column.is-offset-6-mobile { - margin-left: 50%; - } - .column.is-7-mobile { - flex: none; - width: 58.33333337%; - } - .column.is-offset-7-mobile { - margin-left: 58.33333337%; - } - .column.is-8-mobile { - flex: none; - width: 66.66666674%; - } - .column.is-offset-8-mobile { - margin-left: 66.66666674%; - } - .column.is-9-mobile { - flex: none; - width: 75%; - } - .column.is-offset-9-mobile { - margin-left: 75%; - } - .column.is-10-mobile { - flex: none; - width: 83.33333337%; - } - .column.is-offset-10-mobile { - margin-left: 83.33333337%; - } - .column.is-11-mobile { - flex: none; - width: 91.66666674%; - } - .column.is-offset-11-mobile { - margin-left: 91.66666674%; - } - .column.is-12-mobile { - flex: none; - width: 100%; - } - .column.is-offset-12-mobile { - margin-left: 100%; - } -} -@media screen and (min-width: 769px), print { - .column.is-narrow, .column.is-narrow-tablet { - flex: none; - width: unset; - } - .column.is-full, .column.is-full-tablet { - flex: none; - width: 100%; - } - .column.is-three-quarters, .column.is-three-quarters-tablet { - flex: none; - width: 75%; - } - .column.is-two-thirds, .column.is-two-thirds-tablet { - flex: none; - width: 66.6666%; - } - .column.is-half, .column.is-half-tablet { - flex: none; - width: 50%; - } - .column.is-one-third, .column.is-one-third-tablet { - flex: none; - width: 33.3333%; - } - .column.is-one-quarter, .column.is-one-quarter-tablet { - flex: none; - width: 25%; - } - .column.is-one-fifth, .column.is-one-fifth-tablet { - flex: none; - width: 20%; - } - .column.is-two-fifths, .column.is-two-fifths-tablet { - flex: none; - width: 40%; - } - .column.is-three-fifths, .column.is-three-fifths-tablet { - flex: none; - width: 60%; - } - .column.is-four-fifths, .column.is-four-fifths-tablet { - flex: none; - width: 80%; - } - .column.is-offset-three-quarters, .column.is-offset-three-quarters-tablet { - margin-left: 75%; - } - .column.is-offset-two-thirds, .column.is-offset-two-thirds-tablet { - margin-left: 66.6666%; - } - .column.is-offset-half, .column.is-offset-half-tablet { - margin-left: 50%; - } - .column.is-offset-one-third, .column.is-offset-one-third-tablet { - margin-left: 33.3333%; - } - .column.is-offset-one-quarter, .column.is-offset-one-quarter-tablet { - margin-left: 25%; - } - .column.is-offset-one-fifth, .column.is-offset-one-fifth-tablet { - margin-left: 20%; - } - .column.is-offset-two-fifths, .column.is-offset-two-fifths-tablet { - margin-left: 40%; - } - .column.is-offset-three-fifths, .column.is-offset-three-fifths-tablet { - margin-left: 60%; - } - .column.is-offset-four-fifths, .column.is-offset-four-fifths-tablet { - margin-left: 80%; - } - .column.is-0, .column.is-0-tablet { - flex: none; - width: 0%; - } - .column.is-offset-0, .column.is-offset-0-tablet { - margin-left: 0%; - } - .column.is-1, .column.is-1-tablet { - flex: none; - width: 8.33333337%; - } - .column.is-offset-1, .column.is-offset-1-tablet { - margin-left: 8.33333337%; - } - .column.is-2, .column.is-2-tablet { - flex: none; - width: 16.66666674%; - } - .column.is-offset-2, .column.is-offset-2-tablet { - margin-left: 16.66666674%; - } - .column.is-3, .column.is-3-tablet { - flex: none; - width: 25%; - } - .column.is-offset-3, .column.is-offset-3-tablet { - margin-left: 25%; - } - .column.is-4, .column.is-4-tablet { - flex: none; - width: 33.33333337%; - } - .column.is-offset-4, .column.is-offset-4-tablet { - margin-left: 33.33333337%; - } - .column.is-5, .column.is-5-tablet { - flex: none; - width: 41.66666674%; - } - .column.is-offset-5, .column.is-offset-5-tablet { - margin-left: 41.66666674%; - } - .column.is-6, .column.is-6-tablet { - flex: none; - width: 50%; - } - .column.is-offset-6, .column.is-offset-6-tablet { - margin-left: 50%; - } - .column.is-7, .column.is-7-tablet { - flex: none; - width: 58.33333337%; - } - .column.is-offset-7, .column.is-offset-7-tablet { - margin-left: 58.33333337%; - } - .column.is-8, .column.is-8-tablet { - flex: none; - width: 66.66666674%; - } - .column.is-offset-8, .column.is-offset-8-tablet { - margin-left: 66.66666674%; - } - .column.is-9, .column.is-9-tablet { - flex: none; - width: 75%; - } - .column.is-offset-9, .column.is-offset-9-tablet { - margin-left: 75%; - } - .column.is-10, .column.is-10-tablet { - flex: none; - width: 83.33333337%; - } - .column.is-offset-10, .column.is-offset-10-tablet { - margin-left: 83.33333337%; - } - .column.is-11, .column.is-11-tablet { - flex: none; - width: 91.66666674%; - } - .column.is-offset-11, .column.is-offset-11-tablet { - margin-left: 91.66666674%; - } - .column.is-12, .column.is-12-tablet { - flex: none; - width: 100%; - } - .column.is-offset-12, .column.is-offset-12-tablet { - margin-left: 100%; - } -} -@media screen and (max-width: 1023px) { - .column.is-narrow-touch { - flex: none; - width: unset; - } - .column.is-full-touch { - flex: none; - width: 100%; - } - .column.is-three-quarters-touch { - flex: none; - width: 75%; - } - .column.is-two-thirds-touch { - flex: none; - width: 66.6666%; - } - .column.is-half-touch { - flex: none; - width: 50%; - } - .column.is-one-third-touch { - flex: none; - width: 33.3333%; - } - .column.is-one-quarter-touch { - flex: none; - width: 25%; - } - .column.is-one-fifth-touch { - flex: none; - width: 20%; - } - .column.is-two-fifths-touch { - flex: none; - width: 40%; - } - .column.is-three-fifths-touch { - flex: none; - width: 60%; - } - .column.is-four-fifths-touch { - flex: none; - width: 80%; - } - .column.is-offset-three-quarters-touch { - margin-left: 75%; - } - .column.is-offset-two-thirds-touch { - margin-left: 66.6666%; - } - .column.is-offset-half-touch { - margin-left: 50%; - } - .column.is-offset-one-third-touch { - margin-left: 33.3333%; - } - .column.is-offset-one-quarter-touch { - margin-left: 25%; - } - .column.is-offset-one-fifth-touch { - margin-left: 20%; - } - .column.is-offset-two-fifths-touch { - margin-left: 40%; - } - .column.is-offset-three-fifths-touch { - margin-left: 60%; - } - .column.is-offset-four-fifths-touch { - margin-left: 80%; - } - .column.is-0-touch { - flex: none; - width: 0%; - } - .column.is-offset-0-touch { - margin-left: 0%; - } - .column.is-1-touch { - flex: none; - width: 8.33333337%; - } - .column.is-offset-1-touch { - margin-left: 8.33333337%; - } - .column.is-2-touch { - flex: none; - width: 16.66666674%; - } - .column.is-offset-2-touch { - margin-left: 16.66666674%; - } - .column.is-3-touch { - flex: none; - width: 25%; - } - .column.is-offset-3-touch { - margin-left: 25%; - } - .column.is-4-touch { - flex: none; - width: 33.33333337%; - } - .column.is-offset-4-touch { - margin-left: 33.33333337%; - } - .column.is-5-touch { - flex: none; - width: 41.66666674%; - } - .column.is-offset-5-touch { - margin-left: 41.66666674%; - } - .column.is-6-touch { - flex: none; - width: 50%; - } - .column.is-offset-6-touch { - margin-left: 50%; - } - .column.is-7-touch { - flex: none; - width: 58.33333337%; - } - .column.is-offset-7-touch { - margin-left: 58.33333337%; - } - .column.is-8-touch { - flex: none; - width: 66.66666674%; - } - .column.is-offset-8-touch { - margin-left: 66.66666674%; - } - .column.is-9-touch { - flex: none; - width: 75%; - } - .column.is-offset-9-touch { - margin-left: 75%; - } - .column.is-10-touch { - flex: none; - width: 83.33333337%; - } - .column.is-offset-10-touch { - margin-left: 83.33333337%; - } - .column.is-11-touch { - flex: none; - width: 91.66666674%; - } - .column.is-offset-11-touch { - margin-left: 91.66666674%; - } - .column.is-12-touch { - flex: none; - width: 100%; - } - .column.is-offset-12-touch { - margin-left: 100%; - } -} -@media screen and (min-width: 1024px) { - .column.is-narrow-desktop { - flex: none; - width: unset; - } - .column.is-full-desktop { - flex: none; - width: 100%; - } - .column.is-three-quarters-desktop { - flex: none; - width: 75%; - } - .column.is-two-thirds-desktop { - flex: none; - width: 66.6666%; - } - .column.is-half-desktop { - flex: none; - width: 50%; - } - .column.is-one-third-desktop { - flex: none; - width: 33.3333%; - } - .column.is-one-quarter-desktop { - flex: none; - width: 25%; - } - .column.is-one-fifth-desktop { - flex: none; - width: 20%; - } - .column.is-two-fifths-desktop { - flex: none; - width: 40%; - } - .column.is-three-fifths-desktop { - flex: none; - width: 60%; - } - .column.is-four-fifths-desktop { - flex: none; - width: 80%; - } - .column.is-offset-three-quarters-desktop { - margin-left: 75%; - } - .column.is-offset-two-thirds-desktop { - margin-left: 66.6666%; - } - .column.is-offset-half-desktop { - margin-left: 50%; - } - .column.is-offset-one-third-desktop { - margin-left: 33.3333%; - } - .column.is-offset-one-quarter-desktop { - margin-left: 25%; - } - .column.is-offset-one-fifth-desktop { - margin-left: 20%; - } - .column.is-offset-two-fifths-desktop { - margin-left: 40%; - } - .column.is-offset-three-fifths-desktop { - margin-left: 60%; - } - .column.is-offset-four-fifths-desktop { - margin-left: 80%; - } - .column.is-0-desktop { - flex: none; - width: 0%; - } - .column.is-offset-0-desktop { - margin-left: 0%; - } - .column.is-1-desktop { - flex: none; - width: 8.33333337%; - } - .column.is-offset-1-desktop { - margin-left: 8.33333337%; - } - .column.is-2-desktop { - flex: none; - width: 16.66666674%; - } - .column.is-offset-2-desktop { - margin-left: 16.66666674%; - } - .column.is-3-desktop { - flex: none; - width: 25%; - } - .column.is-offset-3-desktop { - margin-left: 25%; - } - .column.is-4-desktop { - flex: none; - width: 33.33333337%; - } - .column.is-offset-4-desktop { - margin-left: 33.33333337%; - } - .column.is-5-desktop { - flex: none; - width: 41.66666674%; - } - .column.is-offset-5-desktop { - margin-left: 41.66666674%; - } - .column.is-6-desktop { - flex: none; - width: 50%; - } - .column.is-offset-6-desktop { - margin-left: 50%; - } - .column.is-7-desktop { - flex: none; - width: 58.33333337%; - } - .column.is-offset-7-desktop { - margin-left: 58.33333337%; - } - .column.is-8-desktop { - flex: none; - width: 66.66666674%; - } - .column.is-offset-8-desktop { - margin-left: 66.66666674%; - } - .column.is-9-desktop { - flex: none; - width: 75%; - } - .column.is-offset-9-desktop { - margin-left: 75%; - } - .column.is-10-desktop { - flex: none; - width: 83.33333337%; - } - .column.is-offset-10-desktop { - margin-left: 83.33333337%; - } - .column.is-11-desktop { - flex: none; - width: 91.66666674%; - } - .column.is-offset-11-desktop { - margin-left: 91.66666674%; - } - .column.is-12-desktop { - flex: none; - width: 100%; - } - .column.is-offset-12-desktop { - margin-left: 100%; - } -} -@media screen and (min-width: 1216px) { - .column.is-narrow-widescreen { - flex: none; - width: unset; - } - .column.is-full-widescreen { - flex: none; - width: 100%; - } - .column.is-three-quarters-widescreen { - flex: none; - width: 75%; - } - .column.is-two-thirds-widescreen { - flex: none; - width: 66.6666%; - } - .column.is-half-widescreen { - flex: none; - width: 50%; - } - .column.is-one-third-widescreen { - flex: none; - width: 33.3333%; - } - .column.is-one-quarter-widescreen { - flex: none; - width: 25%; - } - .column.is-one-fifth-widescreen { - flex: none; - width: 20%; - } - .column.is-two-fifths-widescreen { - flex: none; - width: 40%; - } - .column.is-three-fifths-widescreen { - flex: none; - width: 60%; - } - .column.is-four-fifths-widescreen { - flex: none; - width: 80%; - } - .column.is-offset-three-quarters-widescreen { - margin-left: 75%; - } - .column.is-offset-two-thirds-widescreen { - margin-left: 66.6666%; - } - .column.is-offset-half-widescreen { - margin-left: 50%; - } - .column.is-offset-one-third-widescreen { - margin-left: 33.3333%; - } - .column.is-offset-one-quarter-widescreen { - margin-left: 25%; - } - .column.is-offset-one-fifth-widescreen { - margin-left: 20%; - } - .column.is-offset-two-fifths-widescreen { - margin-left: 40%; - } - .column.is-offset-three-fifths-widescreen { - margin-left: 60%; - } - .column.is-offset-four-fifths-widescreen { - margin-left: 80%; - } - .column.is-0-widescreen { - flex: none; - width: 0%; - } - .column.is-offset-0-widescreen { - margin-left: 0%; - } - .column.is-1-widescreen { - flex: none; - width: 8.33333337%; - } - .column.is-offset-1-widescreen { - margin-left: 8.33333337%; - } - .column.is-2-widescreen { - flex: none; - width: 16.66666674%; - } - .column.is-offset-2-widescreen { - margin-left: 16.66666674%; - } - .column.is-3-widescreen { - flex: none; - width: 25%; - } - .column.is-offset-3-widescreen { - margin-left: 25%; - } - .column.is-4-widescreen { - flex: none; - width: 33.33333337%; - } - .column.is-offset-4-widescreen { - margin-left: 33.33333337%; - } - .column.is-5-widescreen { - flex: none; - width: 41.66666674%; - } - .column.is-offset-5-widescreen { - margin-left: 41.66666674%; - } - .column.is-6-widescreen { - flex: none; - width: 50%; - } - .column.is-offset-6-widescreen { - margin-left: 50%; - } - .column.is-7-widescreen { - flex: none; - width: 58.33333337%; - } - .column.is-offset-7-widescreen { - margin-left: 58.33333337%; - } - .column.is-8-widescreen { - flex: none; - width: 66.66666674%; - } - .column.is-offset-8-widescreen { - margin-left: 66.66666674%; - } - .column.is-9-widescreen { - flex: none; - width: 75%; - } - .column.is-offset-9-widescreen { - margin-left: 75%; - } - .column.is-10-widescreen { - flex: none; - width: 83.33333337%; - } - .column.is-offset-10-widescreen { - margin-left: 83.33333337%; - } - .column.is-11-widescreen { - flex: none; - width: 91.66666674%; - } - .column.is-offset-11-widescreen { - margin-left: 91.66666674%; - } - .column.is-12-widescreen { - flex: none; - width: 100%; - } - .column.is-offset-12-widescreen { - margin-left: 100%; - } -} -@media screen and (min-width: 1408px) { - .column.is-narrow-fullhd { - flex: none; - width: unset; - } - .column.is-full-fullhd { - flex: none; - width: 100%; - } - .column.is-three-quarters-fullhd { - flex: none; - width: 75%; - } - .column.is-two-thirds-fullhd { - flex: none; - width: 66.6666%; - } - .column.is-half-fullhd { - flex: none; - width: 50%; - } - .column.is-one-third-fullhd { - flex: none; - width: 33.3333%; - } - .column.is-one-quarter-fullhd { - flex: none; - width: 25%; - } - .column.is-one-fifth-fullhd { - flex: none; - width: 20%; - } - .column.is-two-fifths-fullhd { - flex: none; - width: 40%; - } - .column.is-three-fifths-fullhd { - flex: none; - width: 60%; - } - .column.is-four-fifths-fullhd { - flex: none; - width: 80%; - } - .column.is-offset-three-quarters-fullhd { - margin-left: 75%; - } - .column.is-offset-two-thirds-fullhd { - margin-left: 66.6666%; - } - .column.is-offset-half-fullhd { - margin-left: 50%; - } - .column.is-offset-one-third-fullhd { - margin-left: 33.3333%; - } - .column.is-offset-one-quarter-fullhd { - margin-left: 25%; - } - .column.is-offset-one-fifth-fullhd { - margin-left: 20%; - } - .column.is-offset-two-fifths-fullhd { - margin-left: 40%; - } - .column.is-offset-three-fifths-fullhd { - margin-left: 60%; - } - .column.is-offset-four-fifths-fullhd { - margin-left: 80%; - } - .column.is-0-fullhd { - flex: none; - width: 0%; - } - .column.is-offset-0-fullhd { - margin-left: 0%; - } - .column.is-1-fullhd { - flex: none; - width: 8.33333337%; - } - .column.is-offset-1-fullhd { - margin-left: 8.33333337%; - } - .column.is-2-fullhd { - flex: none; - width: 16.66666674%; - } - .column.is-offset-2-fullhd { - margin-left: 16.66666674%; - } - .column.is-3-fullhd { - flex: none; - width: 25%; - } - .column.is-offset-3-fullhd { - margin-left: 25%; - } - .column.is-4-fullhd { - flex: none; - width: 33.33333337%; - } - .column.is-offset-4-fullhd { - margin-left: 33.33333337%; - } - .column.is-5-fullhd { - flex: none; - width: 41.66666674%; - } - .column.is-offset-5-fullhd { - margin-left: 41.66666674%; - } - .column.is-6-fullhd { - flex: none; - width: 50%; - } - .column.is-offset-6-fullhd { - margin-left: 50%; - } - .column.is-7-fullhd { - flex: none; - width: 58.33333337%; - } - .column.is-offset-7-fullhd { - margin-left: 58.33333337%; - } - .column.is-8-fullhd { - flex: none; - width: 66.66666674%; - } - .column.is-offset-8-fullhd { - margin-left: 66.66666674%; - } - .column.is-9-fullhd { - flex: none; - width: 75%; - } - .column.is-offset-9-fullhd { - margin-left: 75%; - } - .column.is-10-fullhd { - flex: none; - width: 83.33333337%; - } - .column.is-offset-10-fullhd { - margin-left: 83.33333337%; - } - .column.is-11-fullhd { - flex: none; - width: 91.66666674%; - } - .column.is-offset-11-fullhd { - margin-left: 91.66666674%; - } - .column.is-12-fullhd { - flex: none; - width: 100%; - } - .column.is-offset-12-fullhd { - margin-left: 100%; - } -} - -.columns { - margin-left: -0.75rem; - margin-right: -0.75rem; - margin-top: -0.75rem; -} -.columns:last-child { - margin-bottom: -0.75rem; -} -.columns:not(:last-child) { - margin-bottom: calc(1.5rem - 0.75rem); -} -.columns.is-centered { - justify-content: center; -} -.columns.is-gapless { - margin-left: 0; - margin-right: 0; - margin-top: 0; -} -.columns.is-gapless > .column { - margin: 0; - padding: 0 !important; -} -.columns.is-gapless:not(:last-child) { - margin-bottom: 1.5rem; -} -.columns.is-gapless:last-child { - margin-bottom: 0; -} -.columns.is-mobile { - display: flex; -} -.columns.is-multiline { - flex-wrap: wrap; -} -.columns.is-vcentered { - align-items: center; -} -@media screen and (min-width: 769px), print { - .columns:not(.is-desktop) { - display: flex; - } -} -@media screen and (min-width: 1024px) { - .columns.is-desktop { - display: flex; - } -} - -.columns.is-variable { - --columnGap: 0.75rem; - margin-left: calc(-1 * var(--columnGap)); - margin-right: calc(-1 * var(--columnGap)); -} -.columns.is-variable > .column { - padding-left: var(--columnGap); - padding-right: var(--columnGap); -} -.columns.is-variable.is-0 { - --columnGap: 0rem; -} -@media screen and (max-width: 768px) { - .columns.is-variable.is-0-mobile { - --columnGap: 0rem; - } -} -@media screen and (min-width: 769px), print { - .columns.is-variable.is-0-tablet { - --columnGap: 0rem; - } -} -@media screen and (min-width: 769px) and (max-width: 1023px) { - .columns.is-variable.is-0-tablet-only { - --columnGap: 0rem; - } -} -@media screen and (max-width: 1023px) { - .columns.is-variable.is-0-touch { - --columnGap: 0rem; - } -} -@media screen and (min-width: 1024px) { - .columns.is-variable.is-0-desktop { - --columnGap: 0rem; - } -} -@media screen and (min-width: 1024px) and (max-width: 1215px) { - .columns.is-variable.is-0-desktop-only { - --columnGap: 0rem; - } -} -@media screen and (min-width: 1216px) { - .columns.is-variable.is-0-widescreen { - --columnGap: 0rem; - } -} -@media screen and (min-width: 1216px) and (max-width: 1407px) { - .columns.is-variable.is-0-widescreen-only { - --columnGap: 0rem; - } -} -@media screen and (min-width: 1408px) { - .columns.is-variable.is-0-fullhd { - --columnGap: 0rem; - } -} -.columns.is-variable.is-1 { - --columnGap: 0.25rem; -} -@media screen and (max-width: 768px) { - .columns.is-variable.is-1-mobile { - --columnGap: 0.25rem; - } -} -@media screen and (min-width: 769px), print { - .columns.is-variable.is-1-tablet { - --columnGap: 0.25rem; - } -} -@media screen and (min-width: 769px) and (max-width: 1023px) { - .columns.is-variable.is-1-tablet-only { - --columnGap: 0.25rem; - } -} -@media screen and (max-width: 1023px) { - .columns.is-variable.is-1-touch { - --columnGap: 0.25rem; - } -} -@media screen and (min-width: 1024px) { - .columns.is-variable.is-1-desktop { - --columnGap: 0.25rem; - } -} -@media screen and (min-width: 1024px) and (max-width: 1215px) { - .columns.is-variable.is-1-desktop-only { - --columnGap: 0.25rem; - } -} -@media screen and (min-width: 1216px) { - .columns.is-variable.is-1-widescreen { - --columnGap: 0.25rem; - } -} -@media screen and (min-width: 1216px) and (max-width: 1407px) { - .columns.is-variable.is-1-widescreen-only { - --columnGap: 0.25rem; - } -} -@media screen and (min-width: 1408px) { - .columns.is-variable.is-1-fullhd { - --columnGap: 0.25rem; - } -} -.columns.is-variable.is-2 { - --columnGap: 0.5rem; -} -@media screen and (max-width: 768px) { - .columns.is-variable.is-2-mobile { - --columnGap: 0.5rem; - } -} -@media screen and (min-width: 769px), print { - .columns.is-variable.is-2-tablet { - --columnGap: 0.5rem; - } -} -@media screen and (min-width: 769px) and (max-width: 1023px) { - .columns.is-variable.is-2-tablet-only { - --columnGap: 0.5rem; - } -} -@media screen and (max-width: 1023px) { - .columns.is-variable.is-2-touch { - --columnGap: 0.5rem; - } -} -@media screen and (min-width: 1024px) { - .columns.is-variable.is-2-desktop { - --columnGap: 0.5rem; - } -} -@media screen and (min-width: 1024px) and (max-width: 1215px) { - .columns.is-variable.is-2-desktop-only { - --columnGap: 0.5rem; - } -} -@media screen and (min-width: 1216px) { - .columns.is-variable.is-2-widescreen { - --columnGap: 0.5rem; - } -} -@media screen and (min-width: 1216px) and (max-width: 1407px) { - .columns.is-variable.is-2-widescreen-only { - --columnGap: 0.5rem; - } -} -@media screen and (min-width: 1408px) { - .columns.is-variable.is-2-fullhd { - --columnGap: 0.5rem; - } -} -.columns.is-variable.is-3 { - --columnGap: 0.75rem; -} -@media screen and (max-width: 768px) { - .columns.is-variable.is-3-mobile { - --columnGap: 0.75rem; - } -} -@media screen and (min-width: 769px), print { - .columns.is-variable.is-3-tablet { - --columnGap: 0.75rem; - } -} -@media screen and (min-width: 769px) and (max-width: 1023px) { - .columns.is-variable.is-3-tablet-only { - --columnGap: 0.75rem; - } -} -@media screen and (max-width: 1023px) { - .columns.is-variable.is-3-touch { - --columnGap: 0.75rem; - } -} -@media screen and (min-width: 1024px) { - .columns.is-variable.is-3-desktop { - --columnGap: 0.75rem; - } -} -@media screen and (min-width: 1024px) and (max-width: 1215px) { - .columns.is-variable.is-3-desktop-only { - --columnGap: 0.75rem; - } -} -@media screen and (min-width: 1216px) { - .columns.is-variable.is-3-widescreen { - --columnGap: 0.75rem; - } -} -@media screen and (min-width: 1216px) and (max-width: 1407px) { - .columns.is-variable.is-3-widescreen-only { - --columnGap: 0.75rem; - } -} -@media screen and (min-width: 1408px) { - .columns.is-variable.is-3-fullhd { - --columnGap: 0.75rem; - } -} -.columns.is-variable.is-4 { - --columnGap: 1rem; -} -@media screen and (max-width: 768px) { - .columns.is-variable.is-4-mobile { - --columnGap: 1rem; - } -} -@media screen and (min-width: 769px), print { - .columns.is-variable.is-4-tablet { - --columnGap: 1rem; - } -} -@media screen and (min-width: 769px) and (max-width: 1023px) { - .columns.is-variable.is-4-tablet-only { - --columnGap: 1rem; - } -} -@media screen and (max-width: 1023px) { - .columns.is-variable.is-4-touch { - --columnGap: 1rem; - } -} -@media screen and (min-width: 1024px) { - .columns.is-variable.is-4-desktop { - --columnGap: 1rem; - } -} -@media screen and (min-width: 1024px) and (max-width: 1215px) { - .columns.is-variable.is-4-desktop-only { - --columnGap: 1rem; - } -} -@media screen and (min-width: 1216px) { - .columns.is-variable.is-4-widescreen { - --columnGap: 1rem; - } -} -@media screen and (min-width: 1216px) and (max-width: 1407px) { - .columns.is-variable.is-4-widescreen-only { - --columnGap: 1rem; - } -} -@media screen and (min-width: 1408px) { - .columns.is-variable.is-4-fullhd { - --columnGap: 1rem; - } -} -.columns.is-variable.is-5 { - --columnGap: 1.25rem; -} -@media screen and (max-width: 768px) { - .columns.is-variable.is-5-mobile { - --columnGap: 1.25rem; - } -} -@media screen and (min-width: 769px), print { - .columns.is-variable.is-5-tablet { - --columnGap: 1.25rem; - } -} -@media screen and (min-width: 769px) and (max-width: 1023px) { - .columns.is-variable.is-5-tablet-only { - --columnGap: 1.25rem; - } -} -@media screen and (max-width: 1023px) { - .columns.is-variable.is-5-touch { - --columnGap: 1.25rem; - } -} -@media screen and (min-width: 1024px) { - .columns.is-variable.is-5-desktop { - --columnGap: 1.25rem; - } -} -@media screen and (min-width: 1024px) and (max-width: 1215px) { - .columns.is-variable.is-5-desktop-only { - --columnGap: 1.25rem; - } -} -@media screen and (min-width: 1216px) { - .columns.is-variable.is-5-widescreen { - --columnGap: 1.25rem; - } -} -@media screen and (min-width: 1216px) and (max-width: 1407px) { - .columns.is-variable.is-5-widescreen-only { - --columnGap: 1.25rem; - } -} -@media screen and (min-width: 1408px) { - .columns.is-variable.is-5-fullhd { - --columnGap: 1.25rem; - } -} -.columns.is-variable.is-6 { - --columnGap: 1.5rem; -} -@media screen and (max-width: 768px) { - .columns.is-variable.is-6-mobile { - --columnGap: 1.5rem; - } -} -@media screen and (min-width: 769px), print { - .columns.is-variable.is-6-tablet { - --columnGap: 1.5rem; - } -} -@media screen and (min-width: 769px) and (max-width: 1023px) { - .columns.is-variable.is-6-tablet-only { - --columnGap: 1.5rem; - } -} -@media screen and (max-width: 1023px) { - .columns.is-variable.is-6-touch { - --columnGap: 1.5rem; - } -} -@media screen and (min-width: 1024px) { - .columns.is-variable.is-6-desktop { - --columnGap: 1.5rem; - } -} -@media screen and (min-width: 1024px) and (max-width: 1215px) { - .columns.is-variable.is-6-desktop-only { - --columnGap: 1.5rem; - } -} -@media screen and (min-width: 1216px) { - .columns.is-variable.is-6-widescreen { - --columnGap: 1.5rem; - } -} -@media screen and (min-width: 1216px) and (max-width: 1407px) { - .columns.is-variable.is-6-widescreen-only { - --columnGap: 1.5rem; - } -} -@media screen and (min-width: 1408px) { - .columns.is-variable.is-6-fullhd { - --columnGap: 1.5rem; - } -} -.columns.is-variable.is-7 { - --columnGap: 1.75rem; -} -@media screen and (max-width: 768px) { - .columns.is-variable.is-7-mobile { - --columnGap: 1.75rem; - } -} -@media screen and (min-width: 769px), print { - .columns.is-variable.is-7-tablet { - --columnGap: 1.75rem; - } -} -@media screen and (min-width: 769px) and (max-width: 1023px) { - .columns.is-variable.is-7-tablet-only { - --columnGap: 1.75rem; - } -} -@media screen and (max-width: 1023px) { - .columns.is-variable.is-7-touch { - --columnGap: 1.75rem; - } -} -@media screen and (min-width: 1024px) { - .columns.is-variable.is-7-desktop { - --columnGap: 1.75rem; - } -} -@media screen and (min-width: 1024px) and (max-width: 1215px) { - .columns.is-variable.is-7-desktop-only { - --columnGap: 1.75rem; - } -} -@media screen and (min-width: 1216px) { - .columns.is-variable.is-7-widescreen { - --columnGap: 1.75rem; - } -} -@media screen and (min-width: 1216px) and (max-width: 1407px) { - .columns.is-variable.is-7-widescreen-only { - --columnGap: 1.75rem; - } -} -@media screen and (min-width: 1408px) { - .columns.is-variable.is-7-fullhd { - --columnGap: 1.75rem; - } -} -.columns.is-variable.is-8 { - --columnGap: 2rem; -} -@media screen and (max-width: 768px) { - .columns.is-variable.is-8-mobile { - --columnGap: 2rem; - } -} -@media screen and (min-width: 769px), print { - .columns.is-variable.is-8-tablet { - --columnGap: 2rem; - } -} -@media screen and (min-width: 769px) and (max-width: 1023px) { - .columns.is-variable.is-8-tablet-only { - --columnGap: 2rem; - } -} -@media screen and (max-width: 1023px) { - .columns.is-variable.is-8-touch { - --columnGap: 2rem; - } -} -@media screen and (min-width: 1024px) { - .columns.is-variable.is-8-desktop { - --columnGap: 2rem; - } -} -@media screen and (min-width: 1024px) and (max-width: 1215px) { - .columns.is-variable.is-8-desktop-only { - --columnGap: 2rem; - } -} -@media screen and (min-width: 1216px) { - .columns.is-variable.is-8-widescreen { - --columnGap: 2rem; - } -} -@media screen and (min-width: 1216px) and (max-width: 1407px) { - .columns.is-variable.is-8-widescreen-only { - --columnGap: 2rem; - } -} -@media screen and (min-width: 1408px) { - .columns.is-variable.is-8-fullhd { - --columnGap: 2rem; - } -} - -html { - line-height: 1.15; - -ms-text-size-adjust: 100%; - -webkit-text-size-adjust: 100%; -} - -body { - margin: 0; -} - -article, -aside, -footer, -header, -nav, -section { - display: block; -} - -h1 { - font-size: 2em; - margin: 0.67em 0; - line-height: 1em; -} - -figcaption, -figure, -main { - display: block; -} - -figure { - margin: 1em 40px; -} - -hr { - box-sizing: content-box; - height: 0; - overflow: visible; -} - -pre { - font-family: monospace, monospace; - font-size: 1em; -} - -a { - background-color: transparent; - -webkit-text-decoration-skip: objects; -} - -a:active, -a:hover { - outline-width: 0; -} - -abbr[title] { - border-bottom: none; - text-decoration: underline; - text-decoration: underline dotted; -} - -b, -strong { - font-weight: inherit; - font-weight: bolder; -} - -kbd, -samp { - font-family: monospace, monospace; - font-size: 1em; -} - -dfn { - font-style: italic; -} - -mark { - background-color: #ff0; - color: #000; -} - -small { - font-size: 80%; -} - -sub, -sup { - font-size: 60%; - line-height: 0; - position: relative; - vertical-align: baseline; -} - -sub { - bottom: -0.25em; -} - -sup { - top: -0.55em; - background: #1D3040; - color: #1D3040; - border-radius: 2px; - padding: 0 2px 0 2px; - margin: 0 2px 0 0; -} - -audio, -video { - display: inline-block; -} - -audio:not([controls]) { - display: none; - height: 0; -} - -img { - border-style: none; -} - -svg:not(:root) { - overflow: hidden; -} - -button, -input, -optgroup, -select, -textarea { - font-family: sans-serif; - font-size: 100%; - line-height: 1.15; - margin: 0; -} - -button, -input { - overflow: visible; -} - -button, -select { - text-transform: none; -} - -button, html [type=button], -[type=reset], -[type=submit] { - -webkit-appearance: button; -} - -[type=button]::-moz-focus-inner, -[type=reset]::-moz-focus-inner, -[type=submit]::-moz-focus-inner, -button::-moz-focus-inner { - border-style: none; - padding: 0; -} - -[type=button]:-moz-focusring, -[type=reset]:-moz-focusring, -[type=submit]:-moz-focusring, -button:-moz-focusring { - outline: 1px dotted ButtonText; -} - -fieldset { - border: 1px solid #c0c0c0; - margin: 0 2px; - padding: 0.35em 0.625em 0.75em; -} - -legend { - box-sizing: border-box; - color: inherit; - display: table; - max-width: 100%; - padding: 0; - white-space: normal; -} - -progress { - display: inline-block; - vertical-align: baseline; -} - -textarea { - overflow: auto; -} - -[type=checkbox], -[type=radio] { - box-sizing: border-box; - padding: 0; -} - -[type=number]::-webkit-inner-spin-button, -[type=number]::-webkit-outer-spin-button { - height: auto; -} - -[type=search] { - -webkit-appearance: textfield; - outline-offset: -2px; -} - -[type=search]::-webkit-search-cancel-button, -[type=search]::-webkit-search-decoration { - -webkit-appearance: none; -} - -::-webkit-file-upload-button { - -webkit-appearance: button; - font: inherit; -} - -details, -menu { - display: block; -} - -summary { - display: list-item; -} - -canvas { - display: inline-block; -} - -template { - display: none; -} - -[hidden] { - display: none; -} - -h1, h2, h3 { - color: #EFEBE3; -} - -h1 { - font-size: 2em; - font-weight: 400; -} - -h2 { - font-size: 1.75em; - font-weight: 400; -} - -h3 { - font-size: 1.5em; - font-weight: 300; -} - -html, body { - background: #1D3040 linear-gradient(0deg, #1d3040 0%, #2d4a63 100%) no-repeat; - font: 400 1em Helvetica, Arial, sans-serif; - height: 100%; -} - -a { - font: 300 1em Helvetica, Arial, sans-serif; - color: #b2cce5; - text-decoration: underline; - transition: all 0.2s linear; -} - -svg.icons { - width: 25px; - fill: #b2cce5; -} - -#notifications { - perspective: 1000px; - position: fixed; - z-index: 2000; - height: 55px; - width: 100%; - display: block; - align-items: center; - justify-content: center; - padding: 0; - margin-top: -55px; -} -#notifications #notifyMessage { - margin: 0 auto; - transition: all 0.6s cubic-bezier(0.83, 0.05, 0.28, 1); - height: 50px; - width: 500px; - display: flex; - align-items: center; - justify-content: center; - opacity: 1; - transform-style: preserve-3d; - transform: rotateX(120deg); - transform-origin: 50% 0; - overflow: hidden; -} -#notifications #notifyMessage #notify-good, #notifications #notifyMessage #notify-lame, #notifications #notifyMessage #notify-working { - display: block; -} -#notifications #notifyMessage #notify-working-icon { - -webkit-animation: spin 2s linear infinite; - -moz-animation: spin 2s linear infinite; - animation: spin 2s linear infinite; -} -@keyframes spin { - transform: rotate(360deg); -} -#notifications #notifyMessage .notify-icon { - background: #32302f; - padding: 8px 5px 5px 5px; - border-radius: 5px 0 0 5px; - height: 30px; - width: 30px; - text-align: center; - border: 2px solid #EFEBE3; -} -#notifications #notifyMessage #notify-text { - color: #EFEBE3; - background: #32302f; - width: 400px; - height: 28px; - padding: 15px 0 0 0; - border-radius: 0 5px 5px 0; - border: 2px solid #EFEBE3; - text-align: center; - overflow: hidden; - position: relative; -} -#notifications #notifyMessage #notify-text #notify-progress { - width: 0; - background: #fc6399; - height: 43px; - position: absolute; - top: 0px; -} -#notifications #notifyMessage #notify-text p { - top: -15px; - display: block; - position: relative; -} -#notifications #notifyMessage .icons { - fill: #EFEBE3; -} - -.notify-close { - transform-style: preserve-3d; - transform: rotateX(-120deg); -} - -.notify-open { - transform-style: preserve-3d; - transform: rotateX(0deg); -} - -.blog-container { - width: 100%; -} - -.main-container { - margin: 0 auto; - z-index: 10; - position: relative; - height: 100%; -} -.main-container section header { - width: 100%; - max-width: 900px; - margin: 10px auto; - background: #EFEBE3; - height: 50px; - border-radius: 5px; -} -.main-container section header #wrapper { - padding: 5px; -} -.main-container section header #wrapper #left, .main-container section header #wrapper #right { - width: 49.7%; - display: inline-block; - vertical-align: top; - min-height: 60px; -} -.main-container section header #wrapper #left #the-logo, .main-container section header #wrapper #right #the-logo { - width: 29px; -} -.main-container section header #wrapper #right { - text-align: right; - color: #EFEBE3; -} -.main-container section header #wrapper #right #dash-menu { - text-align: right; -} -.main-container section header #wrapper #right #dash-menu a button { - border-radius: 50px; -} -.main-container section header #wrapper #right #dash-menu a button svg { - transition: all 0.2s linear; - width: 40px; - height: 20px; - fill: #EFEBE3; -} -.main-container section header #wrapper #right #dash-menu a:hover button { - background: #1D3040; -} -.main-container section header #wrapper #right #dash-menu a:hover svg { - fill: #b2cce5; -} - -/* Mozilla based browsers */ -::-moz-selection { - background-color: #fc6399; - color: #EFEBE3; -} - -/* Works in Safari */ -::selection { - background-color: #fc6399; - color: #EFEBE3; -} - -/* Works in Opera */ -::-o-selection { - background-color: #fc6399; - color: #EFEBE3; -} - -::-ms-selection { - background-color: #fc6399; - color: #EFEBE3; -} - -/* Works in Internet Explorer */ -::-webkit-selection { - background-color: #fc6399; - color: #EFEBE3; -} - -@media only screen and (max-width: 901px) { - .main-container { - padding: 10px; - } -} -@media only screen and (max-width: 800px) { - .main-container section header #wrapper #left, .main-container section header #wrapper #right { - display: inline-block; - } -} -@media only screen and (max-width: 480px) { - .main-container section header #wrapper #left { - width: 30%; - } - .main-container section header #wrapper #right { - width: 70%; - } -} -#dash-index-content { - width: 100%; - height: 100%; - margin: 0 auto; -} -#dash-index-content #dash-index { - width: 100%; - height: 100%; - z-index: 10; - position: relative; -} -#dash-index-content #dash-index #dash-index-wrapper { - width: 100%; - height: 100%; - margin: 0 auto; -} -#dash-index-content #dash-index #dash-index-wrapper .dash-init, #dash-index-content #dash-index #dash-index-wrapper .dash-restore { - width: 100%; - height: 100%; - display: flex; - align-items: center; - justify-content: center; - color: #1D3040; -} -#dash-index-content #dash-index #dash-index-wrapper .dash-init form, #dash-index-content #dash-index #dash-index-wrapper .dash-restore form { - background: #EFEBE3; - padding: 15px; - width: 300px; - border-radius: 5px; - text-align: center; -} -#dash-index-content #dash-index #dash-index-wrapper .dash-init form #the-logo, #dash-index-content #dash-index #dash-index-wrapper .dash-restore form #the-logo { - width: 40px; - margin: 20px; -} -#dash-index-content #dash-index #dash-index-wrapper .dash-init form input, #dash-index-content #dash-index #dash-index-wrapper .dash-restore form input { - width: 290px; - margin: 0 0 10px 0; - height: 30px; -} -#dash-index-content #dash-index #dash-index-wrapper .dash-init form button, #dash-index-content #dash-index #dash-index-wrapper .dash-restore form button { - width: 300px; -} -#dash-index-content #dash-index #dash-index-wrapper .dash-init form div, #dash-index-content #dash-index #dash-index-wrapper .dash-restore form div { - background: #1D3040; - color: #EFEBE3; - border-radius: 3px; - padding: 5px; -} -#dash-index-content #dash-index #dash-index-wrapper .dash-init form div label, #dash-index-content #dash-index #dash-index-wrapper .dash-restore form div label { - display: block; - padding: 5px; - color: #f5ab35; -} -#dash-index-content #dash-index #dash-index-wrapper .dash-restore { - display: none; - visibility: hidden; -} -#dash-index-content #dash-index #dash-index-wrapper #dash-login { - width: 100%; - height: 100%; - margin: 0 auto; - display: flex; - align-items: center; - justify-content: center; -} -#dash-index-content #dash-index #dash-index-wrapper #dash-login #dash-form, #dash-index-content #dash-index #dash-index-wrapper #dash-login #dash-reset { - width: 300px; - padding: 0.75em; - background: #EFEBE3; - border-radius: 5px; - color: #EFEBE3; - text-align: center; -} -#dash-index-content #dash-index #dash-index-wrapper #dash-login #dash-form #the-logo, #dash-index-content #dash-index #dash-index-wrapper #dash-login #dash-reset #the-logo { - width: 40px; - margin: 20px; -} -#dash-index-content #dash-index #dash-index-wrapper #dash-login #dash-form input, #dash-index-content #dash-index #dash-index-wrapper #dash-login #dash-reset input { - width: 290px; - margin: 0 0 10px 0; - height: 30px; -} -#dash-index-content #dash-index #dash-index-wrapper #dash-login #dash-form button, #dash-index-content #dash-index #dash-index-wrapper #dash-login #dash-reset button { - width: 300px; -} -#dash-index-content #dash-index #dash-index-wrapper #dash-menu { - padding: 10px; - width: 90%; - max-width: 900px; - margin: 50px auto; -} -#dash-index-content #dash-index #dash-index-wrapper #dash-menu a { - display: inline-block; - vertical-align: top; - background: black; - width: 30%; - padding: 5px; - border-radius: 3px; - color: #EFEBE3; - margin: 0 10px 10px 0; -} -#dash-index-content #dash-index #dash-index-wrapper #dash-menu a:hover { - background: black; -} -#dash-index-content #dash-index #dash-index-wrapper #dash-menu a svg { - display: inline-block; - vertical-align: top; - fill: #EFEBE3; -} -#dash-index-content #dash-index #dash-index-wrapper #dash-menu a label { - display: inline-block; - margin-top: 5px; - width: 85%; - text-align: center; - cursor: pointer; -} -#dash-index-content #dash-index #dash-index-wrapper #dash-recent { - width: 100%; - max-width: 900px; - height: 100%; - padding: 5px 0 0 0; - margin: 0 auto; -} -#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list { - position: relative; -} -#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list .recent-header { - height: 50px; - margin-top: 5px; -} -#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list .recent-header .index-header-left { - vertical-align: top; - display: inline-block; - width: 50%; - color: #EFEBE3; - font-size: 3em; -} -#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list .recent-header .index-header-right { - width: 50%; - text-align: right; - vertical-align: top; - display: inline-block; - right: 10px; - color: #EFEBE3; -} -#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list .recent-header .index-header-right a button { - border-radius: 3px; - margin-left: 10px; -} -#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list .recent-header .index-header-right a button svg { - transition: all 0.2s linear; - width: 40px; - height: 20px; - fill: #EFEBE3; -} -#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link, #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-video-link { - font-size: 1.5em; - font-weight: 300; - display: inline-block; - border-radius: 3px; - vertical-align: top; - text-decoration: none; - position: relative; - overflow: hidden; -} -#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link .post-video, #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-video-link .post-video { - width: 100%; - height: 100%; - object-fit: cover; - position: absolute; -} -#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link label, #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-video-link label { - font-size: 1.4em; - font-weight: 700; - color: #EFEBE3; - padding: 5px; - vertical-align: top; - display: inline-block; - word-wrap: break-word; - width: 100%; - text-align: center; - position: relative; - top: 35%; - text-shadow: 2px 2px 0 #32302f; -} -#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link div#options, #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-video-link div#options { - width: 100%; - position: absolute; - bottom: 0; - border-radius: 0 0 3px 3px; - background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%); -} -#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link div#options #option-left, #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-video-link div#options #option-left { - display: inline-block; - vertical-align: top; - width: 50%; - position: relative; - background: none; -} -#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link div#options #option-left button, #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-video-link div#options #option-left button { - border-radius: 3px; - background: #1D3040; - margin: 0 0 10px 10px; -} -#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link div#options #option-left button svg, #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-video-link div#options #option-left button svg { - width: 40px; - height: 20px; - fill: #b2cce5; -} -#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link div#options #option-left .item-options, #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-video-link div#options #option-left .item-options { - border-radius: 3px; - margin: 5px; - display: inline-block; -} -#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link div#options #option-left button[data-active=false], #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-video-link div#options #option-left button[data-active=false] { - background: #1D3040; -} -#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link div#options #option-left button[data-active=false] svg, #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-video-link div#options #option-left button[data-active=false] svg { - fill: #b2cce5; -} -#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link div#options #option-left button[data-active=true], #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-video-link div#options #option-left button[data-active=true] { - background: #f5ab35; -} -#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link div#options #option-left button[data-active=true] svg, #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-video-link div#options #option-left button[data-active=true] svg { - fill: #1D3040; -} -#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link div#options #option-right, #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-video-link div#options #option-right { - display: inline-block; - width: 50%; - text-align: right; -} -#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link div#options #option-right span, #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-video-link div#options #option-right span { - font-weight: bold; - display: block; - background: #EFEBE3; - color: #1D3040; - border-radius: 3px; - font-size: 0.6em; - text-align: center; - position: relative; - padding: 5px; - float: right; - margin: 0 10px 0 0; - bottom: -15px; -} -#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(3) { - width: 100%; - margin-bottom: 20px; - height: 500px; -} -#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(4), #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(6) { - width: 48.6%; - height: 350px; - margin: 0 10px 20px 0; -} -#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(5), #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(7) { - width: 48.6%; - height: 350px; - margin: 0 0 20px 10px; -} - -@media only screen and (max-width: 768px) { - #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(4), #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(6) { - width: 48.9%; - } -} -@media only screen and (max-width: 640px) { - #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(4), #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(6) { - width: 48.5%; - } -} -@media only screen and (max-width: 480px) { - #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list .recent-header h3 { - width: 40%; - } - #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list .recent-header .index-menu { - width: 60%; - } - #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(3), #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(4), #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(5), #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(6), #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(7) { - width: 100%; - margin: 15px 0 0 0; - height: 400px; - } -} -#settings-actions { - position: fixed; - width: 40%; - margin-top: -85px; - left: 50%; - margin-left: -20%; -} -#settings-actions #buttons { - width: 185px; - margin: 28px auto; - text-align: center; - background: #EFEBE3; - padding: 2px; - border-radius: 3px; -} -#settings-actions #buttons button { - 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] { - background: #b2cce5; -} -#settings-actions #buttons button[data-render=false] svg { - fill: #1D3040; -} -#settings-actions #buttons button[data-render=true] { - background: #fc6399; -} -#settings-actions #buttons button[data-render=true] svg { - fill: #EFEBE3; -} - -#settings-index { - width: 94%; - max-width: 900px; - margin: 0 auto; - overflow: hidden; -} -#settings-index #settings-index-wrapper { - padding: 0; -} -#settings-index #settings-index-wrapper button { - margin-top: 5px; - width: 100%; - height: 33px; -} -#settings-index #settings-index-wrapper #member-settings, #settings-index #settings-index-wrapper #feature-settings, #settings-index #settings-index-wrapper #option-settings, #settings-index #settings-index-wrapper #token-settings, #settings-index #settings-index-wrapper #backup-settings { - background: #EFEBE3; - padding: 0px; - border-radius: 5px 0 5px 0; - width: 100%; - margin: 20px auto; -} -#settings-index #settings-index-wrapper #member-settings label, #settings-index #settings-index-wrapper #feature-settings label, #settings-index #settings-index-wrapper #option-settings label, #settings-index #settings-index-wrapper #token-settings label, #settings-index #settings-index-wrapper #backup-settings label { - font-family: Helvetica, Arial, sans-serif; - color: #1D3040; - font-weight: bold; -} -#settings-index #settings-index-wrapper #member-settings span, #settings-index #settings-index-wrapper #feature-settings span, #settings-index #settings-index-wrapper #option-settings span, #settings-index #settings-index-wrapper #token-settings span, #settings-index #settings-index-wrapper #backup-settings span { - color: #b2cce5; -} -#settings-index #settings-index-wrapper #member-settings input, #settings-index #settings-index-wrapper #feature-settings input, #settings-index #settings-index-wrapper #option-settings input, #settings-index #settings-index-wrapper #token-settings input, #settings-index #settings-index-wrapper #backup-settings input { - width: 95%; - margin: 0 5px 10px 0; - height: 30px; - padding: 10px; -} -#settings-index #settings-index-wrapper #member-settings input#backup-upload, #settings-index #settings-index-wrapper #feature-settings input#backup-upload, #settings-index #settings-index-wrapper #option-settings input#backup-upload, #settings-index #settings-index-wrapper #token-settings input#backup-upload, #settings-index #settings-index-wrapper #backup-settings input#backup-upload { - visibility: hidden; - display: none; -} -#settings-index #settings-index-wrapper #member-settings .backup-meta, #settings-index #settings-index-wrapper #feature-settings .backup-meta, #settings-index #settings-index-wrapper #option-settings .backup-meta, #settings-index #settings-index-wrapper #token-settings .backup-meta, #settings-index #settings-index-wrapper #backup-settings .backup-meta { - 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-images, #settings-index #settings-index-wrapper #feature-settings #member-images, #settings-index #settings-index-wrapper #option-settings #member-images, #settings-index #settings-index-wrapper #token-settings #member-images, #settings-index #settings-index-wrapper #backup-settings #member-images { - padding: 10px 15px 0 15px; -} -#settings-index #settings-index-wrapper #member-settings #member-images #member-avatar-drop, #settings-index #settings-index-wrapper #feature-settings #member-images #member-avatar-drop, #settings-index #settings-index-wrapper #option-settings #member-images #member-avatar-drop, #settings-index #settings-index-wrapper #token-settings #member-images #member-avatar-drop, #settings-index #settings-index-wrapper #backup-settings #member-images #member-avatar-drop { - display: inline-block; - margin: 0 0 10px 0; -} -#settings-index #settings-index-wrapper #member-settings #member-images #member-avatar-drop img, #settings-index #settings-index-wrapper #feature-settings #member-images #member-avatar-drop img, #settings-index #settings-index-wrapper #option-settings #member-images #member-avatar-drop img, #settings-index #settings-index-wrapper #token-settings #member-images #member-avatar-drop img, #settings-index #settings-index-wrapper #backup-settings #member-images #member-avatar-drop img { - width: 100%; - border-radius: 5px; - overflow: hidden; - cursor: pointer; - display: block; - margin-bottom: 2px; -} -#settings-index #settings-index-wrapper #member-settings #member-images #member-avatar-drop input, #settings-index #settings-index-wrapper #feature-settings #member-images #member-avatar-drop input, #settings-index #settings-index-wrapper #option-settings #member-images #member-avatar-drop input, #settings-index #settings-index-wrapper #token-settings #member-images #member-avatar-drop input, #settings-index #settings-index-wrapper #backup-settings #member-images #member-avatar-drop input { - visibility: hidden; - display: none; -} -#settings-index #settings-index-wrapper #member-settings #member-images #member-avatar-drop #privacy-toggle, #settings-index #settings-index-wrapper #feature-settings #member-images #member-avatar-drop #privacy-toggle, #settings-index #settings-index-wrapper #option-settings #member-images #member-avatar-drop #privacy-toggle, #settings-index #settings-index-wrapper #token-settings #member-images #member-avatar-drop #privacy-toggle, #settings-index #settings-index-wrapper #backup-settings #member-images #member-avatar-drop #privacy-toggle { - width: 50%; -} -#settings-index #settings-index-wrapper #member-settings #member-images #member-avatar-drop #render-toggle, #settings-index #settings-index-wrapper #feature-settings #member-images #member-avatar-drop #render-toggle, #settings-index #settings-index-wrapper #option-settings #member-images #member-avatar-drop #render-toggle, #settings-index #settings-index-wrapper #token-settings #member-images #member-avatar-drop #render-toggle, #settings-index #settings-index-wrapper #backup-settings #member-images #member-avatar-drop #render-toggle { - width: 50%; -} -#settings-index #settings-index-wrapper #member-settings #member-images #site-background, #settings-index #settings-index-wrapper #feature-settings #member-images #site-background, #settings-index #settings-index-wrapper #option-settings #member-images #site-background, #settings-index #settings-index-wrapper #token-settings #member-images #site-background, #settings-index #settings-index-wrapper #backup-settings #member-images #site-background { - margin: 0 0 10px 0; -} -#settings-index #settings-index-wrapper #member-settings #member-images #site-background img, #settings-index #settings-index-wrapper #feature-settings #member-images #site-background img, #settings-index #settings-index-wrapper #option-settings #member-images #site-background img, #settings-index #settings-index-wrapper #token-settings #member-images #site-background img, #settings-index #settings-index-wrapper #backup-settings #member-images #site-background img { - width: 92.1%; - height: 292px; - border-radius: 3px; - overflow: hidden; - cursor: pointer; -} -#settings-index #settings-index-wrapper #member-settings #member-images #site-background input, #settings-index #settings-index-wrapper #feature-settings #member-images #site-background input, #settings-index #settings-index-wrapper #option-settings #member-images #site-background input, #settings-index #settings-index-wrapper #token-settings #member-images #site-background input, #settings-index #settings-index-wrapper #backup-settings #member-images #site-background input { - visibility: hidden; - display: none; -} -#settings-index #settings-index-wrapper #member-settings #member-meta, #settings-index #settings-index-wrapper #feature-settings #member-meta, #settings-index #settings-index-wrapper #option-settings #member-meta, #settings-index #settings-index-wrapper #token-settings #member-meta, #settings-index #settings-index-wrapper #backup-settings #member-meta { - padding: 10px 15px 0 15px; - position: relative; - top: -30px; -} -#settings-index #settings-index-wrapper #member-settings #features, #settings-index #settings-index-wrapper #feature-settings #features, #settings-index #settings-index-wrapper #option-settings #features, #settings-index #settings-index-wrapper #token-settings #features, #settings-index #settings-index-wrapper #backup-settings #features { - padding: 10px 15px 0 15px; -} -#settings-index #settings-index-wrapper textarea { - background: #1D3040; - width: 70%; - height: 89.5px; - color: #f5ab35; - padding: 10px; - display: inline-block; - margin-bottom: 10px; -} -#settings-index #settings-index-wrapper span#key { - color: #EFEBE3; - background: #1D3040; - font-size: 0.9em; - border-radius: 3px; - padding: 5px; - display: block; - width: 95%; - overflow: hidden; -} -#settings-index #settings-index-wrapper #feature-settings #feature-api, #settings-index #settings-index-wrapper #feature-settings #dynamic-api { - background: #EFEBE3; - border-radius: 3px; - padding: 5px; -} -#settings-index #settings-index-wrapper #feature-settings #feature-api button, #settings-index #settings-index-wrapper #feature-settings #dynamic-api button { - color: #EFEBE3; - border-radius: 3px; - width: 200px; - margin: 0; - height: 200px; - font-size: 1em; -} -#settings-index #settings-index-wrapper #feature-settings #feature-api button svg, #settings-index #settings-index-wrapper #feature-settings #dynamic-api button svg { - width: 100px; - height: 90px; - fill: #EFEBE3; - position: relative; - display: block; - margin: 12px auto; -} -#settings-index #settings-index-wrapper #feature-settings #feature-api button span, #settings-index #settings-index-wrapper #feature-settings #dynamic-api button span { - color: #EFEBE3; - margin: 6px 0 0 5px; - position: relative; - vertical-align: middle; - display: inline-block; - font-weight: bold; -} -#settings-index #settings-index-wrapper #feature-settings #feature-api button[data-enabled=false], #settings-index #settings-index-wrapper #feature-settings #dynamic-api button[data-enabled=false] { - background: #b2cce5; -} -#settings-index #settings-index-wrapper #feature-settings #feature-api button[data-enabled=false] svg, #settings-index #settings-index-wrapper #feature-settings #dynamic-api button[data-enabled=false] svg { - fill: #1D3040; -} -#settings-index #settings-index-wrapper #feature-settings #feature-api button[data-enabled=false] span, #settings-index #settings-index-wrapper #feature-settings #dynamic-api button[data-enabled=false] span { - color: #1D3040; -} -#settings-index #settings-index-wrapper #feature-settings #feature-api button[data-enabled=true], #settings-index #settings-index-wrapper #feature-settings #dynamic-api button[data-enabled=true] { - background: #fc6399; -} -#settings-index #settings-index-wrapper #feature-settings #feature-api button[data-enabled=true] svg, #settings-index #settings-index-wrapper #feature-settings #dynamic-api button[data-enabled=true] svg { - fill: #EFEBE3; -} -#settings-index #settings-index-wrapper #token-settings #keys-tokens { - padding: 10px 15px 0 15px; -} -#settings-index #settings-index-wrapper #token-settings #keys-tokens #member-api-key, #settings-index #settings-index-wrapper #token-settings #keys-tokens #form-token { - background: #1D3040; - border-radius: 3px; - padding: 5px; - color: #EFEBE3; -} -#settings-index #settings-index-wrapper #option-settings #theme-settings a { - width: 95%; - margin: 0 5px 5px 0; - height: 15px; - padding: 10px; - display: inline-block; -} -#settings-index #settings-index-wrapper #option-settings #theme-settings a[data-enabled=false] { - 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; - display: inline-block; - float: right; -} -#settings-index #settings-index-wrapper #option-settings #mail-settings { - min-height: 240px; -} -#settings-index #settings-index-wrapper #option-settings #mail-settings a.mail-option { - float: right; - font-family: "Lucida Console", Monaco, monospace; - font-size: 0.9em; - border-radius: 3px; - text-decoration: none; - margin: 0 0 0 5px; -} -#settings-index #settings-index-wrapper #option-settings #mail-settings a.mail-option[data-enabled=true] { - color: #fc6399; -} -#settings-index #settings-index-wrapper #option-settings #mail-settings a.mail-option[data-enabled=false] { - color: #1D3040; -} -#settings-index #settings-index-wrapper #option-settings #mail-settings input { - margin: 0 5px 5px 0; - vertical-align: top; -} -#settings-index #settings-index-wrapper #option-settings #mail-settings div[data-enabled=false] { - display: none; - visibility: hidden; -} -#settings-index #settings-index-wrapper #option-settings #mail-settings #settings-api { - background: #1D3040; - border-radius: 3px; - padding: 10px; -} -#settings-index #settings-index-wrapper #option-settings #mail-settings #settings-api span { - color: #EFEBE3 !important; - margin: -13px 0 0 5px; - position: relative; - vertical-align: middle; - display: inline-block; - font-weight: bold; -} -#settings-index #settings-index-wrapper #option-settings #mail-settings #settings-api button { - color: #EFEBE3; - border-radius: 3px; - width: 40px; - margin: 0; -} -#settings-index #settings-index-wrapper #option-settings #mail-settings #settings-api button svg { - width: 25px; - height: 20px; - fill: #EFEBE3; -} -#settings-index #settings-index-wrapper #option-settings #mail-settings #settings-api button[data-enabled=false] { - background: #b2cce5; -} -#settings-index #settings-index-wrapper #option-settings #mail-settings #settings-api button[data-enabled=false] svg { - fill: #1D3040; -} -#settings-index #settings-index-wrapper #option-settings #mail-settings #settings-api button[data-enabled=true] { - background: #fc6399; -} -#settings-index #settings-index-wrapper #option-settings #mail-settings #settings-api button[data-enabled=true] svg { - fill: #EFEBE3; -} - -@media only screen and (max-width: 480px) { - #settings-actions { - margin-left: -42%; - } - #settings-actions #buttons { - width: 150px; - background: none; - } - #settings-actions #buttons button { - margin: 0 5px 0 5px; - } -} -#error-index { - width: 100%; - max-width: 900px; - margin: 0 auto; - padding: 10px; - height: 100%; - z-index: 10; - position: relative; -} -#error-index label#title { - font-size: 100px; - color: #fc6399; - font-weight: 500; -} -#error-index label#message { - font-size: 50px; - color: #f5ab35; - font-weight: 500; -} -#error-index label#error { - font-size: 25px; - color: #F64747; - font-weight: 500; -} - -#nav-index { - width: 100%; - max-width: 900px; - margin: 0 auto; -} -#nav-index #nav-index-wrapper #nav-pages .nav-item { - display: block; - width: 98%; - background: #EFEBE3; - border-radius: 3px; - 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; - padding: 0; - margin: -15px 0 0 10px; - cursor: move; -} -#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 { - 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) { - #nav-index #nav-index-wrapper #nav-pages .nav-item { - width: 94.5%; - font-size: 1em; - } - #nav-index #nav-index-wrapper #nav-pages .nav-item label { - width: 40%; - vertical-align: top; - margin-top: 0px; - line-height: 1em; - } -} -@media only screen and (max-width: 320px) { - #nav-index #nav-index-wrapper #nav-pages .nav-item { - width: 94.5%; - font-size: 1em; - } - #nav-index #nav-index-wrapper #nav-pages .nav-item label { - width: 37%; - vertical-align: top; - margin-top: 0px; - line-height: 1em; - } -} -form { - display: inline-block; -} -form a { - color: #1D3040; -} -form p { - background: #f5ab35; - color: #1D3040; - padding: 5px; - display: block; - border-radius: 5px; - text-align: left; -} - -input[type=email], input[type=password], input[type=text] { - border: 0; - border-radius: 5px; - padding: 5px; - margin: 10px 5px 0 0; - font: 18px Helvetica, Arial, sans-serif; - display: inline-block; - background: #1D3040; - color: #f5ab35; -} - -textarea { - border: 0; - border-radius: 3px; - color: #EFEBE3; - font: 15px Helvetica, Arial, sans-serif; - background: #1D3040; -} - -button, input[type=submit] { - background: #fc6399; - color: #1D3040; - font: 20px Helvetica, Arial, sans-serif; - border-radius: 5px; - position: relative; - cursor: pointer; - border: 0; - padding: 10px 0 5px 0; - transition: all 0.3s linear; -} - -select { - font: 14px Helvetica, Arial, sans-serif; - border: 1px solid #b2cce5; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - color: #1D3040; -} - -::-webkit-input-placeholder { - font: 25px Helvetica, Arial, sans-serif; - color: #EFEBE3; -} - -:-moz-placeholder { - /* Firefox 18- */ - font: 25px Helvetica, Arial, sans-serif; - color: #EFEBE3; -} - -::-moz-placeholder { - /* Firefox 19+ */ - font: 15px Helvetica, Arial, sans-serif; - color: #EFEBE3; -} - -:-ms-input-placeholder { - font: 25px Helvetica, Arial, sans-serif; - color: #EFEBE3; -} - -#post-index { - width: 100%; - max-width: 900px; - margin: 0 auto; -} -#post-index #post-index-wrapper { - overflow: hidden; -} -#post-index #post-index-wrapper #post-index-header { - margin: 10px 0 0 0; -} -#post-index #post-index-wrapper #post-index-header #post-index-header-left { - text-transform: capitalize; - display: inline-block; - width: 50%; - color: #EFEBE3; - font-size: 3em; -} -#post-index #post-index-wrapper #post-index-header #post-index-header-right { - text-align: right; - display: inline-block; - width: 50%; -} -#post-index #post-index-wrapper #post-index-header #post-index-header-right a button { - color: #EFEBE3; - border-radius: 3px; - margin-left: 10px; - width: 55px; -} -#post-index #post-index-wrapper #post-index-header #post-index-header-right a svg { - transition: all 0.1s linear; - width: 20px; - height: 17px; - fill: #EFEBE3; -} -#post-index #post-index-wrapper #post-index-header #post-index-header-right .current-filter { - color: #fc6399; - text-decoration-color: #b2cce5; -} -#post-index #post-index-wrapper #posts-list { - margin: 20px 0 0 0; -} -#post-index #post-index-wrapper #posts-list a.page-link { - background: #EFEBE3; - display: inline-block; - vertical-align: top; - width: 100%; - text-decoration: none; - margin: 0 0 20px 0; - border-radius: 3px; - overflow: hidden; - color: black; -} -#post-index #post-index-wrapper #posts-list a.page-link label { - font-size: 2em; - font-weight: 500; - padding: 10px; - display: inline-block; - vertical-align: top; - width: 100%; -} -#post-index #post-index-wrapper #posts-list a.page-link div.page-bg, #post-index #post-index-wrapper #posts-list a.page-link div.page-video { - width: 100%; - height: 350px; - background-color: #fc6399; - position: relative; -} -#post-index #post-index-wrapper #posts-list a.page-link div.page-bg video, #post-index #post-index-wrapper #posts-list a.page-link div.page-video video { - width: 100%; - position: absolute; -} -#post-index #post-index-wrapper #posts-list a.page-link div.page-bg label, #post-index #post-index-wrapper #posts-list a.page-link div.page-video label { - font-size: 2em; - font-weight: 700; - color: #EFEBE3; - padding: 5px; - vertical-align: top; - display: inline-block; - word-wrap: break-word; - width: 100%; - text-align: center; - position: relative; - top: 35%; - text-shadow: 2px 2px 0 #32302f; -} -#post-index #post-index-wrapper #posts-list a.page-link div.page-bg #meta, #post-index #post-index-wrapper #posts-list a.page-link div.page-video #meta { - width: 100%; - background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%); - border-radius: 3px; - margin: auto; - bottom: 0; - position: absolute; - padding: 0 0 20px 0; -} -#post-index #post-index-wrapper #posts-list a.page-link div.page-bg #meta #options, #post-index #post-index-wrapper #posts-list a.page-link div.page-video #meta #options { - width: 100%; - bottom: 0; - position: absolute; -} -#post-index #post-index-wrapper #posts-list a.page-link div.page-bg #meta #options #option-left, #post-index #post-index-wrapper #posts-list a.page-link div.page-video #meta #options #option-left { - display: inline-block; - vertical-align: top; - width: 50%; - position: relative; - background: none; -} -#post-index #post-index-wrapper #posts-list a.page-link div.page-bg #meta #options #option-left button, #post-index #post-index-wrapper #posts-list a.page-link div.page-video #meta #options #option-left button { - border-radius: 3px; - background: #1D3040; - margin: 0 0 10px 10px; -} -#post-index #post-index-wrapper #posts-list a.page-link div.page-bg #meta #options #option-left svg, #post-index #post-index-wrapper #posts-list a.page-link div.page-video #meta #options #option-left svg { - transition: all 0.2s linear; - width: 40px; - height: 20px; - fill: #b2cce5; -} -#post-index #post-index-wrapper #posts-list a.page-link div.page-bg #meta #options #option-left .item-options, #post-index #post-index-wrapper #posts-list a.page-link div.page-video #meta #options #option-left .item-options { - border-radius: 3px; - margin: 5px; - display: inline-block; -} -#post-index #post-index-wrapper #posts-list a.page-link div.page-bg #meta #options #option-left button[data-active=false], #post-index #post-index-wrapper #posts-list a.page-link div.page-video #meta #options #option-left button[data-active=false] { - background: #1D3040; -} -#post-index #post-index-wrapper #posts-list a.page-link div.page-bg #meta #options #option-left button[data-active=false] svg, #post-index #post-index-wrapper #posts-list a.page-link div.page-video #meta #options #option-left button[data-active=false] svg { - fill: #b2cce5; -} -#post-index #post-index-wrapper #posts-list a.page-link div.page-bg #meta #options #option-left button[data-active=true], #post-index #post-index-wrapper #posts-list a.page-link div.page-video #meta #options #option-left button[data-active=true] { - background: #f5ab35; -} -#post-index #post-index-wrapper #posts-list a.page-link div.page-bg #meta #options #option-left button[data-active=true] svg, #post-index #post-index-wrapper #posts-list a.page-link div.page-video #meta #options #option-left button[data-active=true] svg { - fill: #1D3040; -} -#post-index #post-index-wrapper #posts-list a.page-link div.page-bg #meta #options #option-right, #post-index #post-index-wrapper #posts-list a.page-link div.page-video #meta #options #option-right { - display: inline-block; - width: 50%; - text-align: right; -} -#post-index #post-index-wrapper #posts-list a.page-link div.page-bg #meta #options #option-right span, #post-index #post-index-wrapper #posts-list a.page-link div.page-video #meta #options #option-right span { - font-weight: bold; - display: block; - background: #EFEBE3; - color: #1D3040; - border-radius: 3px; - font-size: 0.6em; - text-align: center; - position: relative; - padding: 5px; - float: right; - margin: 0 10px 0 0; - bottom: -15px; -} -#post-index #post-index-wrapper #posts-list a.page-link p { - padding: 5px 10px 5px 10px; - font-size: 1.2em; - font-weight: 400; -} -#post-index #post-index-wrapper .paginate { - width: 260px; - display: block; - margin: 0 auto; -} -#post-index #post-index-wrapper .paginate a { - display: inline-block; - vertical-align: top; -} -#post-index #post-index-wrapper .paginate span.count { - text-align: center; - padding: 5px; - margin-top: -2px; - display: inline-block; - width: 190px; - font-size: 1.5em; - color: #f5ab35; -} - -#post-edit-index { - width: 100%; - overflow: hidden; -} -#post-edit-index #post-edit-index-wrapper { - width: 100%; -} -#post-edit-index #post-edit-index-wrapper #post-header { - background: #fc6399; -} -#post-edit-index #post-edit-index-wrapper #post-header #post-header-wrapper { - max-width: 900px; - margin: 0 auto; - padding: 0.75rem; -} -#post-edit-index #post-edit-index-wrapper #post-header #post-header-wrapper label { - color: #EFEBE3; - font-size: 0.9em; - font-family: Helvetica, Arial, sans-serif; - font-weight: 600; -} -#post-edit-index #post-edit-index-wrapper #post-header #post-header-wrapper span { - color: #1D3040; - font-size: 0.9em; - font-weight: 600; - text-transform: uppercase; - float: right; -} -#post-edit-index #post-edit-index-wrapper #post-header #post-header-wrapper #post-title #post_title { - background: #EFEBE3; - font-family: Helvetica, Arial, sans-serif; - width: 97.6%; - height: 80px; - font-size: 2em; - color: #1D3040; - padding: 5px; - margin: 0 0 5px 0; -} -#post-edit-index #post-edit-index-wrapper #post-header #post-header-wrapper #post-title #calendar-icon { - background: #05090b; - border-radius: 3px 0 0 3px; - display: inline-block; - padding: 5.2px; - color: #b2cce5; -} -#post-edit-index #post-edit-index-wrapper #post-header #post-header-wrapper #post-title #layouts select { - background: #1D3040; - color: #b2cce5; - border-radius: 3px; - border-color: #1D3040; - margin: 0 0 10px 0; - width: 100%; - height: 45px; - padding: 5px; - font-size: 1.5em; -} -#post-edit-index #post-edit-index-wrapper #post-header #post-header-wrapper #post-meta #post_tags { - background: #EFEBE3; - font-family: Helvetica, Arial, sans-serif; - width: 97.6%; - height: 80px; - color: #1D3040; - padding: 5px; - margin: 0 0 5px 0; -} -#post-edit-index #post-edit-index-wrapper #post-header #post-header-wrapper #post-meta #post-options { - display: inline-block; - vertical-align: top; - width: 100%; - padding: 0; - margin: 0 0 10px 0; -} -#post-edit-index #post-edit-index-wrapper #post-header #post-header-wrapper #post-meta #post-options button:nth-child(1) { - border-radius: 3px 0 0 3px; -} -#post-edit-index #post-edit-index-wrapper #post-header #post-header-wrapper #post-meta #post-options button:nth-child(4) { - border-radius: 0 3px 3px 0; -} -#post-edit-index #post-edit-index-wrapper #post-header #post-header-wrapper #post-meta #post-options a button { - border-radius: 0 3px 3px 0 !important; -} -#post-edit-index #post-edit-index-wrapper #post-header #post-header-wrapper #post-meta #post-options button { - width: 25%; - height: 45px; - transition: all 0.3s linear; - margin: 0; - border-radius: 0; - display: inline-block; - vertical-align: top; - text-align: center; -} -#post-edit-index #post-edit-index-wrapper #post-header #post-header-wrapper #post-meta #post-options button[data-active=false] { - background: #1D3040; -} -#post-edit-index #post-edit-index-wrapper #post-header #post-header-wrapper #post-meta #post-options button[data-active=false] svg { - fill: #b2cce5; -} -#post-edit-index #post-edit-index-wrapper #post-header #post-header-wrapper #post-meta #post-options button[data-active=true] { - background: #f5ab35; -} -#post-edit-index #post-edit-index-wrapper #post-header #post-header-wrapper #post-meta #post-options button[data-active=true] svg { - fill: #1D3040; -} -#post-edit-index #post-edit-index-wrapper #post-header #post-header-wrapper #post-meta #page-files-upload, #post-edit-index #post-edit-index-wrapper #post-header #post-header-wrapper #post-meta #post-image-upload { - display: none; -} -#post-edit-index #post-edit-index-wrapper #post-feature { - width: 100%; -} -#post-edit-index #post-edit-index-wrapper #post-feature #page-file-manager { - background: #f5ab35; - width: 100%; - min-height: 300px; -} -#post-edit-index #post-edit-index-wrapper #post-feature #page-file-manager #page-file-wrapper { - width: 100%; - max-width: 900px; - padding: 10px; - margin: 0 auto; - font-weight: bold; - font-color: #1D3040; - font-size: 1em; -} -#post-edit-index #post-edit-index-wrapper #post-feature #page-file-manager #page-file-wrapper #page-file-drop { - display: flex; - align-items: center; - justify-content: center; - width: 100%; - min-height: 100px; - background: #EFEBE3; - color: #1D3040; - vertical-align: middle; - border-radius: 5px; - margin: 0 0 10px 0; -} -#post-edit-index #post-edit-index-wrapper #post-feature #page-file-manager #page-file-wrapper #page-file-drop label { - cursor: pointer; - font-weight: 600px; - text-transform: capitalize; -} -#post-edit-index #post-edit-index-wrapper #post-feature #page-file-manager #page-file-wrapper #page-file-drop img { - width: 100%; - margin: 0; - padding: 0; -} -#post-edit-index #post-edit-index-wrapper #post-feature #page-file-manager #page-file-wrapper #page-images-list, #post-edit-index #post-edit-index-wrapper #post-feature #page-file-manager #page-file-wrapper #page-files-list { - padding: 10px 0 0 0; -} -#post-edit-index #post-edit-index-wrapper #post-feature #page-file-manager #page-file-wrapper #page-images-list .img-item, #post-edit-index #post-edit-index-wrapper #post-feature #page-file-manager #page-file-wrapper #page-files-list .img-item { - height: 150px; - width: 23.8%; - border-radius: 3px; - margin: 0 10px 10px 0; - display: inline-block; - cursor: pointer; -} -#post-edit-index #post-edit-index-wrapper #post-feature #page-file-manager #page-file-wrapper #page-images-list .audio-item, #post-edit-index #post-edit-index-wrapper #post-feature #page-file-manager #page-file-wrapper #page-files-list .audio-item { - height: 150px; - width: 23.8%; - border-radius: 3px; - margin: 0 10px 10px 0; - display: inline-block; - cursor: pointer; - background: #1D3040; - background: url("/assets/images/global/upload-audio.png") no-repeat center center/cover; -} -#post-edit-index #post-edit-index-wrapper #post-feature #page-file-manager #page-file-wrapper #page-images-list .video-item, #post-edit-index #post-edit-index-wrapper #post-feature #page-file-manager #page-file-wrapper #page-files-list .video-item { - height: 150px; - width: 23.8%; - border-radius: 3px; - margin: 0 10px 10px 0; - display: inline-block; - cursor: pointer; - background: #1D3040; - background: url("/assets/images/global/upload-video.png") no-repeat center center/cover; -} -#post-edit-index #post-edit-index-wrapper #post-feature #page-file-manager #page-file-wrapper #page-images-list .file-item, #post-edit-index #post-edit-index-wrapper #post-feature #page-file-manager #page-file-wrapper #page-files-list .file-item { - height: 150px; - width: 23.8%; - border-radius: 3px; - margin: 0 10px 10px 0; - display: inline-block; - cursor: pointer; - background: #1D3040; - background: url("/assets/images/global/upload-doc.png") no-repeat center center/cover; -} -#post-edit-index #post-edit-index-wrapper #edit-post { - width: 100%; - max-width: 880px; - margin: 0 auto; -} -#post-edit-index #post-edit-index-wrapper #edit-post #edit-post-wrapper { - width: 100%; - max-width: 900px; - border-radius: 5px; - position: relative; -} -#post-edit-index #post-edit-index-wrapper #edit-post #edit-post-wrapper textarea:focus { - outline: none; - border-color: #fc6399; -} -#post-edit-index #post-edit-index-wrapper #edit-post #edit-post-wrapper #edit, #post-edit-index #post-edit-index-wrapper #edit-post #edit-post-wrapper #highlight { - border: 0; - width: 100%; - min-height: 300px; - height: auto; - position: absolute; - top: 0; - left: 0; - overflow: auto; - word-wrap: normal; - white-space: pre-wrap; - line-break: normal; -} -#post-edit-index #post-edit-index-wrapper #edit-post #edit-post-wrapper #highlight-content { - word-wrap: normal; - white-space: pre-wrap; - line-break: normal; -} -#post-edit-index #post-edit-index-wrapper #edit-post #edit-post-wrapper #edit, #post-edit-index #post-edit-index-wrapper #edit-post #edit-post-wrapper #highlight, #post-edit-index #post-edit-index-wrapper #edit-post #edit-post-wrapper #hightlight * { - font-size: 1.2em; - font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace; - line-height: 22pt; -} -#post-edit-index #post-edit-index-wrapper #edit-post #edit-post-wrapper #edit { - z-index: 1; - color: transparent; - background: transparent; - caret-color: #fc6399; -} -#post-edit-index #post-edit-index-wrapper #edit-post #edit-post-wrapper #highlight { - z-index: 0; -} -#post-edit-index #post-edit-index-wrapper #edit-post #edit-post-wrapper #highlight pre { - margin: 0; -} -#post-edit-index #post-edit-index-wrapper #edit-post #edit-post-wrapper #highlight pre code { - font-family: "Lucida Console", Monaco, monospace; - padding: 5px; - border-radius: 5px; - line-height: 1.6em; - font-size: 1.25em; - color: #fde3a7; - word-wrap: normal; - white-space: pre-wrap; - line-break: normal; - -webkit-line-break: normal; - -o-line-break: normal; - -moz-line-break: normal; - display: inline-block; - width: 100%; - max-width: 900px; - min-height: 200px; - caret-color: #fc6399; -} - -@media only screen and (max-width: 800px) { - #post-edit-index #post-edit-index-wrapper #post-header #post-title #post-date { - width: 37.6%; - } -} -@media only screen and (max-width: 768px) { - #post-edit-index #post-edit-index-wrapper #post-header #post-title #post-date { - width: 43.1%; - } - #post-edit-index #post-edit-index-wrapper #post-header #post-meta #edit-control { - max-width: 100%; - } - #post-edit-index #post-edit-index-wrapper #post-header #post-meta #edit-control button { - width: 9.91%; - } -} -@media only screen and (max-width: 640px) { - #post-edit-index #post-edit-index-wrapper #post-header #post-title #post-date { - width: 42%; - } -} -@media only screen and (max-width: 480px) { - #post-index #post-index-wrapper #post-index-header #post-index-header-left { - font-size: 1.35em; - width: 30%; - } - #post-index #post-index-wrapper #post-index-header #post-index-header-right { - width: 70%; - vertical-align: top; - } - #post-index #post-index-wrapper #post-index-menu a { - font-size: 0.95em; - } - #post-index #post-index-wrapper #post-index-menu a label { - display: none; - visibility: hidden; - } - - #post-edit-index #post-edit-index-wrapper #post-header #post-title #post-options { - margin: 5px 0 0 0; - width: 100%; - padding: 0; - } - #post-edit-index #post-edit-index-wrapper #post-header #post-title #post-date { - width: 89.2%; - } - #post-edit-index #post-edit-index-wrapper #post-header #post-meta #edit-control button { - width: 9.91%; - } -} -@media only screen and (max-width: 320px) { - #post-index #post-index-wrapper #post-index-menu a { - font-size: 0.95em; - } - #post-index #post-index-wrapper #post-index-menu a label { - display: none; - visibility: hidden; - } - - #post-edit-index #post-edit-index-wrapper #post-header #post-title #post_title { - width: 96.4%; - } - #post-edit-index #post-edit-index-wrapper #post-header #post-title #post-options { - margin: 5px 0 0 0; - width: 100%; - padding: 0; - } - #post-edit-index #post-edit-index-wrapper #post-header #post-title #post-date { - width: 83.1%; - } - #post-edit-index #post-edit-index-wrapper #post-header #post-meta #post_tags { - width: 96.4%; - } - #post-edit-index #post-edit-index-wrapper #post-header #post-meta #edit-control .content-editor-btn-icon svg.icons { - width: 20px; - } - #post-edit-index #post-edit-index-wrapper #post-header #post-meta #edit-control .post-sumbit-btn svg.icons { - width: 20px; - } - #post-edit-index #post-edit-index-wrapper #post-header #post-meta #edit-control button { - width: 10%; - } -} -.dp-modal { - position: fixed; - top: 0; - left: 0; - right: 0; - bottom: 0; - background: rgba(0, 0, 0, 0.75); - z-index: 2000; -} - -.dp { - position: relative; - background: #1D3040; - box-shadow: 2px 2px 16px rgba(0, 0, 0, 0.25); - line-height: 1.4; - border-radius: 4px; - max-height: 400px; - z-index: 5000; - padding-top: 6px; - overflow: hidden; - -webkit-tap-highlight-color: transparent; -} - -.dp:before { - content: " "; - height: 6px; - position: absolute; - top: 0; - left: 0; - right: 0; - background: #fc6399; -} - -.dp-permanent .dp { - padding-top: 0; - border: 1px solid #EEE; - box-shadow: none; -} - -.dp-permanent .dp:before { - display: none; -} - -.dp-cal { - min-height: 300px; -} - -.dp-below { - position: absolute; - font-size: 0.8em; - width: 400px; - max-width: 90vw; -} - -.dp-permanent { - position: relative; - font-size: 0.8em; - width: 400px; - max-width: 100vw; -} - -.dp-permanent .dp { - z-index: 0; -} - -.dp-modal .dp { - position: absolute; - top: 50%; - left: 50%; - max-width: 600px; - width: calc(100% - 4em); - transform: translate(-50%, -50%); - animation: slide-up 0.3s forwards; -} - -.dp-months { - padding: 24px; -} - -.dp-years { - box-sizing: border-box; - max-height: 400px; - padding: 8px 0; - /* HACK for Chrome on Android */ - overflow: auto !important; -} - -.dp-cal-month, .dp-cal-year, .dp-day, .dp-month, .dp-year { - box-sizing: border-box; - text-align: center; - text-decoration: none; - position: relative; - color: #EFEBE3; - border-radius: 2px; - border: 0; - background: transparent; -} - -.dp-cal-header { - position: relative; - text-align: center; - padding-bottom: 16px; - background: #0d161d; -} - -.dp-next, .dp-prev { - position: absolute; - width: 30px; - height: 30px; - overflow: hidden; - top: 14px; - color: black; - border-radius: 2px; - border: 0; - background: transparent; -} - -.dp-next:focus, .dp-prev:focus, .dp-next:hover, .dp-prev:hover { - outline: none; - color: inherit; -} - -.dp-prev { - left: 24px; -} - -.dp-next { - right: 24px; -} - -.dp-prev:before, .dp-next:before { - content: ""; - border: 2px solid; - width: 10px; - height: 10px; - display: inline-block; - transform: rotate(-45deg); - transition: border-color 0.2s; - margin: 9px 0 40px 4px; -} - -.dp-prev:before { - border-right: 0; - border-bottom: 0; -} - -.dp-next:before { - border-left: 0; - border-top: 0; - margin-left: 0; - margin-right: 4px; -} - -.dp-cal-month, .dp-cal-year { - display: inline-block; - font-size: 1.4em; - padding: 16px 8px 8px; - outline: none; -} - -.dp-cal-footer { - text-align: center; - background: #0d161d; -} - -.dp-day-today:after { - content: ""; - height: 0; - width: 0; - border: 7px solid #fc6399; - border-bottom-color: transparent; - border-left-color: transparent; - position: absolute; - top: 0; - right: 0; -} - -.dp-close, .dp-clear, .dp-today { - box-sizing: border-box; - display: inline-block; - width: 33%; - padding: 8px; - text-decoration: none; - color: black; - border: 0; - background: transparent; -} - -.dp-permanent .dp-close, .dp-permanent .dp-clear { - display: none; -} - -.dp-close:active, .dp-clear:active, .dp-today:active, .dp-next:active, .dp-prev:active, .dp-cal-month:active, .dp-cal-year:active { - background: #fc6399; - color: #EFEBE3; -} - -@media screen and (min-device-width: 1200px) { - .dp-close:hover, .dp-close:focus, .dp-clear:hover, .dp-clear:focus, .dp-today:hover, .dp-today:focus, .dp-next:hover, .dp-next:focus, .dp-prev:hover, .dp-prev:focus, .dp-cal-month:focus, .dp-cal-month:hover, .dp-cal-year:hover, .dp-cal-year:focus { - background: #fc6399; - color: #EFEBE3; - } -} -.dp-col-header, .dp-day { - width: 14.28571429%; - display: inline-block; - padding: 8px; - text-align: center; -} - -.dp-col-header { - color: #AAA; - text-transform: uppercase; - font-weight: 300; - font-size: 0.8em; - padding: 8px 0; -} - -.dp-month { - width: 33%; - display: inline-block; - padding: 8px; -} - -.dp-year { - display: block; - padding: 8px 40px; - width: 100%; -} - -.dp-edge-day { - color: #AAA; -} - -.dp-day:hover, .dp-month:hover, .dp-year:hover, .dp-current:focus, .dp-current, .dp-day:focus, .dp-month:focus, .dp-year:focus { - outline: none; - background: black; - color: #EFEBE3; -} - -.dp-selected:hover, .dp-selected:focus, .dp-selected { - background: #fc6399; - color: black; -} - -.dp-day-disabled { - background: transparent; - color: #DDD; -} - -.dp-day-disabled:focus, .dp-day-disabled:hover { - background: #DDD; -} - -.dp-focuser { - position: absolute; - z-index: 0; - top: 50%; - left: 50%; -} - -@media (max-width: 480px), (max-height: 480px) { - .dp-modal .dp { - font-size: 0.9em; - width: auto; - width: 100%; - } - - .dp-day-of-week, .dp-day { - padding: 8px; - } -} -@keyframes slide-up { - 0% { - transform: translate(-50%, 100%); - } - 100% { - transform: translate(-50%, -50%); - } -} -#edit-control { - top: 1px; - border-radius: 3px; - width: 100%; - max-width: 880px; - margin-top: 30px; - z-index: 2000; -} -#edit-control button:nth-child(1) { - border-radius: 3px 0 0 3px; -} -#edit-control button:nth-child(10) { - border-radius: 0 3px 3px 0; -} -#edit-control button { - background: #b2cce5; - width: 10%; - height: 39px; - transition: all 0.3s linear; - margin: 0; - border-radius: 0; - display: inline-block; - vertical-align: top; - text-align: center; -} -#edit-control button:hover { - background: #6699cb; -} -#edit-control #option-update { - padding: 5px 5px 1px 5px; - display: inline-block; - vertical-align: top; - text-align: center; -} -#edit-control .icon-hide { - display: none; - visibility: hidden; -} -#edit-control .submit-start { - background: #EFEBE3; -} -#edit-control .submit-start svg { - fill: #32cd32; -} -#edit-control .submit-cool { - background: #32cd32; -} -#edit-control .submit-cool svg { - fill: #EFEBE3; -} -#edit-control .submit-delete { - background: #F64747 !important; -} -#edit-control .submit-delete svg { - fill: #EFEBE3 !important; -} -#edit-control #option-date { - height: 30px; - padding-top: 6px; -} -#edit-control #option-date svg { - margin: -13px 5px 0 0; - display: inline-block; - vertical-align: top; - fill: #EFEBE3; -} -#edit-control .content-editor-btn-icon { - padding: 5px 5px 1px 5px; - color: #1D3040; -} -#edit-control .content-editor-btn-icon svg { - fill: #1D3040; -} -#edit-control .content-editor-btn-text { - padding: 5px; - color: #1D3040; -} -#edit-control #option-bold { - font-weight: bold; - text-decoration: none; -} -#edit-control #option-italic { - font-weight: bold; - text-decoration: none; - font-style: italic; -} -#edit-control #option-strikethrough { - font-weight: bold; - text-decoration: line-through; - font-style: italic; -} - -code[class*=language-], -pre[class*=language-] { - color: #fde3a7; - background: none; - text-shadow: 0 1px rgba(0, 0, 0, 0.3); - font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace; - font-size: 1em; - text-align: left; - white-space: pre; - word-spacing: normal; - word-break: normal; - word-wrap: normal; - line-height: 1.5; - -moz-tab-size: 4; - -o-tab-size: 4; - tab-size: 4; - -webkit-hyphens: none; - -moz-hyphens: none; - -ms-hyphens: none; - hyphens: none; -} - -pre[class*=language-] { - margin: 0.1em 0; - overflow: auto; - border-radius: 0.3em; -} - -:not(pre) > code[class*=language-], -pre[class*=language-] { - background: #1D3040; -} - -:not(pre) > code[class*=language-] { - padding: 0.1em; - border-radius: 0.3em; - white-space: normal; -} - -.token.comment, -.token.prolog, -.token.doctype, -.token.cdata { - color: #8292a2; -} - -.token.punctuation { - color: #e7903c; -} -.token.namespace { - opacity: 0.6; -} -.token.keyword { - color: #66d9ef; -} -.token.italic { - font-style: italic; -} -.token.entity { - cursor: help; -} -.token.content { - color: #6bb9f0; -} - -.token.property, -.token.tag, -.token.constant, -.token.symbol, -.token.deleted { - color: #e73c4e; -} - -.token.boolean, -.token.number { - color: #ae81ff; -} - -.token.selector, -.token.attr-name, -.token.string, -.token.char, -.token.builtin, -.token.inserted { - color: #a6e22e; -} - -.token.operator, -.token.entity, -.token.url, -.language-css .token.string, -.style .token.string, -.token.variable { - color: #dcc6e0; -} - -.token.atrule, -.token.attr-value, -.token.function, -.token.class-name { - color: #e6db74; -} - -.token.regex, -.token.important { - color: #e7903c; -} - -.token.important, -.token.bold { - font-weight: bold; -} - -/*# sourceMappingURL=dash.css.map */ -- 2.30.2 From 614c9859b17ab40359cd33724581a541ed7c8ede Mon Sep 17 00:00:00 2001 From: are0h Date: Sun, 20 Mar 2022 15:28:02 -0700 Subject: [PATCH 15/20] fix for weird css dahsh deletion bug --- public/assets/css/dash.css | 3872 ++++++++++++++++++++++++++++++++++++ src/com/ui/FileManager.js | 204 -- 2 files changed, 3872 insertions(+), 204 deletions(-) create mode 100644 public/assets/css/dash.css delete mode 100644 src/com/ui/FileManager.js diff --git a/public/assets/css/dash.css b/public/assets/css/dash.css new file mode 100644 index 0000000..5c567e0 --- /dev/null +++ b/public/assets/css/dash.css @@ -0,0 +1,3872 @@ +/* Bulma Utilities */ +.column { + display: block; + flex-basis: 0; + flex-grow: 1; + flex-shrink: 1; + padding: 0.75rem; +} +.columns.is-mobile > .column.is-narrow { + flex: none; + width: unset; +} +.columns.is-mobile > .column.is-full { + flex: none; + width: 100%; +} +.columns.is-mobile > .column.is-three-quarters { + flex: none; + width: 75%; +} +.columns.is-mobile > .column.is-two-thirds { + flex: none; + width: 66.6666%; +} +.columns.is-mobile > .column.is-half { + flex: none; + width: 50%; +} +.columns.is-mobile > .column.is-one-third { + flex: none; + width: 33.3333%; +} +.columns.is-mobile > .column.is-one-quarter { + flex: none; + width: 25%; +} +.columns.is-mobile > .column.is-one-fifth { + flex: none; + width: 20%; +} +.columns.is-mobile > .column.is-two-fifths { + flex: none; + width: 40%; +} +.columns.is-mobile > .column.is-three-fifths { + flex: none; + width: 60%; +} +.columns.is-mobile > .column.is-four-fifths { + flex: none; + width: 80%; +} +.columns.is-mobile > .column.is-offset-three-quarters { + margin-left: 75%; +} +.columns.is-mobile > .column.is-offset-two-thirds { + margin-left: 66.6666%; +} +.columns.is-mobile > .column.is-offset-half { + margin-left: 50%; +} +.columns.is-mobile > .column.is-offset-one-third { + margin-left: 33.3333%; +} +.columns.is-mobile > .column.is-offset-one-quarter { + margin-left: 25%; +} +.columns.is-mobile > .column.is-offset-one-fifth { + margin-left: 20%; +} +.columns.is-mobile > .column.is-offset-two-fifths { + margin-left: 40%; +} +.columns.is-mobile > .column.is-offset-three-fifths { + margin-left: 60%; +} +.columns.is-mobile > .column.is-offset-four-fifths { + margin-left: 80%; +} +.columns.is-mobile > .column.is-0 { + flex: none; + width: 0%; +} +.columns.is-mobile > .column.is-offset-0 { + margin-left: 0%; +} +.columns.is-mobile > .column.is-1 { + flex: none; + width: 8.33333337%; +} +.columns.is-mobile > .column.is-offset-1 { + margin-left: 8.33333337%; +} +.columns.is-mobile > .column.is-2 { + flex: none; + width: 16.66666674%; +} +.columns.is-mobile > .column.is-offset-2 { + margin-left: 16.66666674%; +} +.columns.is-mobile > .column.is-3 { + flex: none; + width: 25%; +} +.columns.is-mobile > .column.is-offset-3 { + margin-left: 25%; +} +.columns.is-mobile > .column.is-4 { + flex: none; + width: 33.33333337%; +} +.columns.is-mobile > .column.is-offset-4 { + margin-left: 33.33333337%; +} +.columns.is-mobile > .column.is-5 { + flex: none; + width: 41.66666674%; +} +.columns.is-mobile > .column.is-offset-5 { + margin-left: 41.66666674%; +} +.columns.is-mobile > .column.is-6 { + flex: none; + width: 50%; +} +.columns.is-mobile > .column.is-offset-6 { + margin-left: 50%; +} +.columns.is-mobile > .column.is-7 { + flex: none; + width: 58.33333337%; +} +.columns.is-mobile > .column.is-offset-7 { + margin-left: 58.33333337%; +} +.columns.is-mobile > .column.is-8 { + flex: none; + width: 66.66666674%; +} +.columns.is-mobile > .column.is-offset-8 { + margin-left: 66.66666674%; +} +.columns.is-mobile > .column.is-9 { + flex: none; + width: 75%; +} +.columns.is-mobile > .column.is-offset-9 { + margin-left: 75%; +} +.columns.is-mobile > .column.is-10 { + flex: none; + width: 83.33333337%; +} +.columns.is-mobile > .column.is-offset-10 { + margin-left: 83.33333337%; +} +.columns.is-mobile > .column.is-11 { + flex: none; + width: 91.66666674%; +} +.columns.is-mobile > .column.is-offset-11 { + margin-left: 91.66666674%; +} +.columns.is-mobile > .column.is-12 { + flex: none; + width: 100%; +} +.columns.is-mobile > .column.is-offset-12 { + margin-left: 100%; +} +@media screen and (max-width: 768px) { + .column.is-narrow-mobile { + flex: none; + width: unset; + } + .column.is-full-mobile { + flex: none; + width: 100%; + } + .column.is-three-quarters-mobile { + flex: none; + width: 75%; + } + .column.is-two-thirds-mobile { + flex: none; + width: 66.6666%; + } + .column.is-half-mobile { + flex: none; + width: 50%; + } + .column.is-one-third-mobile { + flex: none; + width: 33.3333%; + } + .column.is-one-quarter-mobile { + flex: none; + width: 25%; + } + .column.is-one-fifth-mobile { + flex: none; + width: 20%; + } + .column.is-two-fifths-mobile { + flex: none; + width: 40%; + } + .column.is-three-fifths-mobile { + flex: none; + width: 60%; + } + .column.is-four-fifths-mobile { + flex: none; + width: 80%; + } + .column.is-offset-three-quarters-mobile { + margin-left: 75%; + } + .column.is-offset-two-thirds-mobile { + margin-left: 66.6666%; + } + .column.is-offset-half-mobile { + margin-left: 50%; + } + .column.is-offset-one-third-mobile { + margin-left: 33.3333%; + } + .column.is-offset-one-quarter-mobile { + margin-left: 25%; + } + .column.is-offset-one-fifth-mobile { + margin-left: 20%; + } + .column.is-offset-two-fifths-mobile { + margin-left: 40%; + } + .column.is-offset-three-fifths-mobile { + margin-left: 60%; + } + .column.is-offset-four-fifths-mobile { + margin-left: 80%; + } + .column.is-0-mobile { + flex: none; + width: 0%; + } + .column.is-offset-0-mobile { + margin-left: 0%; + } + .column.is-1-mobile { + flex: none; + width: 8.33333337%; + } + .column.is-offset-1-mobile { + margin-left: 8.33333337%; + } + .column.is-2-mobile { + flex: none; + width: 16.66666674%; + } + .column.is-offset-2-mobile { + margin-left: 16.66666674%; + } + .column.is-3-mobile { + flex: none; + width: 25%; + } + .column.is-offset-3-mobile { + margin-left: 25%; + } + .column.is-4-mobile { + flex: none; + width: 33.33333337%; + } + .column.is-offset-4-mobile { + margin-left: 33.33333337%; + } + .column.is-5-mobile { + flex: none; + width: 41.66666674%; + } + .column.is-offset-5-mobile { + margin-left: 41.66666674%; + } + .column.is-6-mobile { + flex: none; + width: 50%; + } + .column.is-offset-6-mobile { + margin-left: 50%; + } + .column.is-7-mobile { + flex: none; + width: 58.33333337%; + } + .column.is-offset-7-mobile { + margin-left: 58.33333337%; + } + .column.is-8-mobile { + flex: none; + width: 66.66666674%; + } + .column.is-offset-8-mobile { + margin-left: 66.66666674%; + } + .column.is-9-mobile { + flex: none; + width: 75%; + } + .column.is-offset-9-mobile { + margin-left: 75%; + } + .column.is-10-mobile { + flex: none; + width: 83.33333337%; + } + .column.is-offset-10-mobile { + margin-left: 83.33333337%; + } + .column.is-11-mobile { + flex: none; + width: 91.66666674%; + } + .column.is-offset-11-mobile { + margin-left: 91.66666674%; + } + .column.is-12-mobile { + flex: none; + width: 100%; + } + .column.is-offset-12-mobile { + margin-left: 100%; + } +} +@media screen and (min-width: 769px), print { + .column.is-narrow, .column.is-narrow-tablet { + flex: none; + width: unset; + } + .column.is-full, .column.is-full-tablet { + flex: none; + width: 100%; + } + .column.is-three-quarters, .column.is-three-quarters-tablet { + flex: none; + width: 75%; + } + .column.is-two-thirds, .column.is-two-thirds-tablet { + flex: none; + width: 66.6666%; + } + .column.is-half, .column.is-half-tablet { + flex: none; + width: 50%; + } + .column.is-one-third, .column.is-one-third-tablet { + flex: none; + width: 33.3333%; + } + .column.is-one-quarter, .column.is-one-quarter-tablet { + flex: none; + width: 25%; + } + .column.is-one-fifth, .column.is-one-fifth-tablet { + flex: none; + width: 20%; + } + .column.is-two-fifths, .column.is-two-fifths-tablet { + flex: none; + width: 40%; + } + .column.is-three-fifths, .column.is-three-fifths-tablet { + flex: none; + width: 60%; + } + .column.is-four-fifths, .column.is-four-fifths-tablet { + flex: none; + width: 80%; + } + .column.is-offset-three-quarters, .column.is-offset-three-quarters-tablet { + margin-left: 75%; + } + .column.is-offset-two-thirds, .column.is-offset-two-thirds-tablet { + margin-left: 66.6666%; + } + .column.is-offset-half, .column.is-offset-half-tablet { + margin-left: 50%; + } + .column.is-offset-one-third, .column.is-offset-one-third-tablet { + margin-left: 33.3333%; + } + .column.is-offset-one-quarter, .column.is-offset-one-quarter-tablet { + margin-left: 25%; + } + .column.is-offset-one-fifth, .column.is-offset-one-fifth-tablet { + margin-left: 20%; + } + .column.is-offset-two-fifths, .column.is-offset-two-fifths-tablet { + margin-left: 40%; + } + .column.is-offset-three-fifths, .column.is-offset-three-fifths-tablet { + margin-left: 60%; + } + .column.is-offset-four-fifths, .column.is-offset-four-fifths-tablet { + margin-left: 80%; + } + .column.is-0, .column.is-0-tablet { + flex: none; + width: 0%; + } + .column.is-offset-0, .column.is-offset-0-tablet { + margin-left: 0%; + } + .column.is-1, .column.is-1-tablet { + flex: none; + width: 8.33333337%; + } + .column.is-offset-1, .column.is-offset-1-tablet { + margin-left: 8.33333337%; + } + .column.is-2, .column.is-2-tablet { + flex: none; + width: 16.66666674%; + } + .column.is-offset-2, .column.is-offset-2-tablet { + margin-left: 16.66666674%; + } + .column.is-3, .column.is-3-tablet { + flex: none; + width: 25%; + } + .column.is-offset-3, .column.is-offset-3-tablet { + margin-left: 25%; + } + .column.is-4, .column.is-4-tablet { + flex: none; + width: 33.33333337%; + } + .column.is-offset-4, .column.is-offset-4-tablet { + margin-left: 33.33333337%; + } + .column.is-5, .column.is-5-tablet { + flex: none; + width: 41.66666674%; + } + .column.is-offset-5, .column.is-offset-5-tablet { + margin-left: 41.66666674%; + } + .column.is-6, .column.is-6-tablet { + flex: none; + width: 50%; + } + .column.is-offset-6, .column.is-offset-6-tablet { + margin-left: 50%; + } + .column.is-7, .column.is-7-tablet { + flex: none; + width: 58.33333337%; + } + .column.is-offset-7, .column.is-offset-7-tablet { + margin-left: 58.33333337%; + } + .column.is-8, .column.is-8-tablet { + flex: none; + width: 66.66666674%; + } + .column.is-offset-8, .column.is-offset-8-tablet { + margin-left: 66.66666674%; + } + .column.is-9, .column.is-9-tablet { + flex: none; + width: 75%; + } + .column.is-offset-9, .column.is-offset-9-tablet { + margin-left: 75%; + } + .column.is-10, .column.is-10-tablet { + flex: none; + width: 83.33333337%; + } + .column.is-offset-10, .column.is-offset-10-tablet { + margin-left: 83.33333337%; + } + .column.is-11, .column.is-11-tablet { + flex: none; + width: 91.66666674%; + } + .column.is-offset-11, .column.is-offset-11-tablet { + margin-left: 91.66666674%; + } + .column.is-12, .column.is-12-tablet { + flex: none; + width: 100%; + } + .column.is-offset-12, .column.is-offset-12-tablet { + margin-left: 100%; + } +} +@media screen and (max-width: 1023px) { + .column.is-narrow-touch { + flex: none; + width: unset; + } + .column.is-full-touch { + flex: none; + width: 100%; + } + .column.is-three-quarters-touch { + flex: none; + width: 75%; + } + .column.is-two-thirds-touch { + flex: none; + width: 66.6666%; + } + .column.is-half-touch { + flex: none; + width: 50%; + } + .column.is-one-third-touch { + flex: none; + width: 33.3333%; + } + .column.is-one-quarter-touch { + flex: none; + width: 25%; + } + .column.is-one-fifth-touch { + flex: none; + width: 20%; + } + .column.is-two-fifths-touch { + flex: none; + width: 40%; + } + .column.is-three-fifths-touch { + flex: none; + width: 60%; + } + .column.is-four-fifths-touch { + flex: none; + width: 80%; + } + .column.is-offset-three-quarters-touch { + margin-left: 75%; + } + .column.is-offset-two-thirds-touch { + margin-left: 66.6666%; + } + .column.is-offset-half-touch { + margin-left: 50%; + } + .column.is-offset-one-third-touch { + margin-left: 33.3333%; + } + .column.is-offset-one-quarter-touch { + margin-left: 25%; + } + .column.is-offset-one-fifth-touch { + margin-left: 20%; + } + .column.is-offset-two-fifths-touch { + margin-left: 40%; + } + .column.is-offset-three-fifths-touch { + margin-left: 60%; + } + .column.is-offset-four-fifths-touch { + margin-left: 80%; + } + .column.is-0-touch { + flex: none; + width: 0%; + } + .column.is-offset-0-touch { + margin-left: 0%; + } + .column.is-1-touch { + flex: none; + width: 8.33333337%; + } + .column.is-offset-1-touch { + margin-left: 8.33333337%; + } + .column.is-2-touch { + flex: none; + width: 16.66666674%; + } + .column.is-offset-2-touch { + margin-left: 16.66666674%; + } + .column.is-3-touch { + flex: none; + width: 25%; + } + .column.is-offset-3-touch { + margin-left: 25%; + } + .column.is-4-touch { + flex: none; + width: 33.33333337%; + } + .column.is-offset-4-touch { + margin-left: 33.33333337%; + } + .column.is-5-touch { + flex: none; + width: 41.66666674%; + } + .column.is-offset-5-touch { + margin-left: 41.66666674%; + } + .column.is-6-touch { + flex: none; + width: 50%; + } + .column.is-offset-6-touch { + margin-left: 50%; + } + .column.is-7-touch { + flex: none; + width: 58.33333337%; + } + .column.is-offset-7-touch { + margin-left: 58.33333337%; + } + .column.is-8-touch { + flex: none; + width: 66.66666674%; + } + .column.is-offset-8-touch { + margin-left: 66.66666674%; + } + .column.is-9-touch { + flex: none; + width: 75%; + } + .column.is-offset-9-touch { + margin-left: 75%; + } + .column.is-10-touch { + flex: none; + width: 83.33333337%; + } + .column.is-offset-10-touch { + margin-left: 83.33333337%; + } + .column.is-11-touch { + flex: none; + width: 91.66666674%; + } + .column.is-offset-11-touch { + margin-left: 91.66666674%; + } + .column.is-12-touch { + flex: none; + width: 100%; + } + .column.is-offset-12-touch { + margin-left: 100%; + } +} +@media screen and (min-width: 1024px) { + .column.is-narrow-desktop { + flex: none; + width: unset; + } + .column.is-full-desktop { + flex: none; + width: 100%; + } + .column.is-three-quarters-desktop { + flex: none; + width: 75%; + } + .column.is-two-thirds-desktop { + flex: none; + width: 66.6666%; + } + .column.is-half-desktop { + flex: none; + width: 50%; + } + .column.is-one-third-desktop { + flex: none; + width: 33.3333%; + } + .column.is-one-quarter-desktop { + flex: none; + width: 25%; + } + .column.is-one-fifth-desktop { + flex: none; + width: 20%; + } + .column.is-two-fifths-desktop { + flex: none; + width: 40%; + } + .column.is-three-fifths-desktop { + flex: none; + width: 60%; + } + .column.is-four-fifths-desktop { + flex: none; + width: 80%; + } + .column.is-offset-three-quarters-desktop { + margin-left: 75%; + } + .column.is-offset-two-thirds-desktop { + margin-left: 66.6666%; + } + .column.is-offset-half-desktop { + margin-left: 50%; + } + .column.is-offset-one-third-desktop { + margin-left: 33.3333%; + } + .column.is-offset-one-quarter-desktop { + margin-left: 25%; + } + .column.is-offset-one-fifth-desktop { + margin-left: 20%; + } + .column.is-offset-two-fifths-desktop { + margin-left: 40%; + } + .column.is-offset-three-fifths-desktop { + margin-left: 60%; + } + .column.is-offset-four-fifths-desktop { + margin-left: 80%; + } + .column.is-0-desktop { + flex: none; + width: 0%; + } + .column.is-offset-0-desktop { + margin-left: 0%; + } + .column.is-1-desktop { + flex: none; + width: 8.33333337%; + } + .column.is-offset-1-desktop { + margin-left: 8.33333337%; + } + .column.is-2-desktop { + flex: none; + width: 16.66666674%; + } + .column.is-offset-2-desktop { + margin-left: 16.66666674%; + } + .column.is-3-desktop { + flex: none; + width: 25%; + } + .column.is-offset-3-desktop { + margin-left: 25%; + } + .column.is-4-desktop { + flex: none; + width: 33.33333337%; + } + .column.is-offset-4-desktop { + margin-left: 33.33333337%; + } + .column.is-5-desktop { + flex: none; + width: 41.66666674%; + } + .column.is-offset-5-desktop { + margin-left: 41.66666674%; + } + .column.is-6-desktop { + flex: none; + width: 50%; + } + .column.is-offset-6-desktop { + margin-left: 50%; + } + .column.is-7-desktop { + flex: none; + width: 58.33333337%; + } + .column.is-offset-7-desktop { + margin-left: 58.33333337%; + } + .column.is-8-desktop { + flex: none; + width: 66.66666674%; + } + .column.is-offset-8-desktop { + margin-left: 66.66666674%; + } + .column.is-9-desktop { + flex: none; + width: 75%; + } + .column.is-offset-9-desktop { + margin-left: 75%; + } + .column.is-10-desktop { + flex: none; + width: 83.33333337%; + } + .column.is-offset-10-desktop { + margin-left: 83.33333337%; + } + .column.is-11-desktop { + flex: none; + width: 91.66666674%; + } + .column.is-offset-11-desktop { + margin-left: 91.66666674%; + } + .column.is-12-desktop { + flex: none; + width: 100%; + } + .column.is-offset-12-desktop { + margin-left: 100%; + } +} +@media screen and (min-width: 1216px) { + .column.is-narrow-widescreen { + flex: none; + width: unset; + } + .column.is-full-widescreen { + flex: none; + width: 100%; + } + .column.is-three-quarters-widescreen { + flex: none; + width: 75%; + } + .column.is-two-thirds-widescreen { + flex: none; + width: 66.6666%; + } + .column.is-half-widescreen { + flex: none; + width: 50%; + } + .column.is-one-third-widescreen { + flex: none; + width: 33.3333%; + } + .column.is-one-quarter-widescreen { + flex: none; + width: 25%; + } + .column.is-one-fifth-widescreen { + flex: none; + width: 20%; + } + .column.is-two-fifths-widescreen { + flex: none; + width: 40%; + } + .column.is-three-fifths-widescreen { + flex: none; + width: 60%; + } + .column.is-four-fifths-widescreen { + flex: none; + width: 80%; + } + .column.is-offset-three-quarters-widescreen { + margin-left: 75%; + } + .column.is-offset-two-thirds-widescreen { + margin-left: 66.6666%; + } + .column.is-offset-half-widescreen { + margin-left: 50%; + } + .column.is-offset-one-third-widescreen { + margin-left: 33.3333%; + } + .column.is-offset-one-quarter-widescreen { + margin-left: 25%; + } + .column.is-offset-one-fifth-widescreen { + margin-left: 20%; + } + .column.is-offset-two-fifths-widescreen { + margin-left: 40%; + } + .column.is-offset-three-fifths-widescreen { + margin-left: 60%; + } + .column.is-offset-four-fifths-widescreen { + margin-left: 80%; + } + .column.is-0-widescreen { + flex: none; + width: 0%; + } + .column.is-offset-0-widescreen { + margin-left: 0%; + } + .column.is-1-widescreen { + flex: none; + width: 8.33333337%; + } + .column.is-offset-1-widescreen { + margin-left: 8.33333337%; + } + .column.is-2-widescreen { + flex: none; + width: 16.66666674%; + } + .column.is-offset-2-widescreen { + margin-left: 16.66666674%; + } + .column.is-3-widescreen { + flex: none; + width: 25%; + } + .column.is-offset-3-widescreen { + margin-left: 25%; + } + .column.is-4-widescreen { + flex: none; + width: 33.33333337%; + } + .column.is-offset-4-widescreen { + margin-left: 33.33333337%; + } + .column.is-5-widescreen { + flex: none; + width: 41.66666674%; + } + .column.is-offset-5-widescreen { + margin-left: 41.66666674%; + } + .column.is-6-widescreen { + flex: none; + width: 50%; + } + .column.is-offset-6-widescreen { + margin-left: 50%; + } + .column.is-7-widescreen { + flex: none; + width: 58.33333337%; + } + .column.is-offset-7-widescreen { + margin-left: 58.33333337%; + } + .column.is-8-widescreen { + flex: none; + width: 66.66666674%; + } + .column.is-offset-8-widescreen { + margin-left: 66.66666674%; + } + .column.is-9-widescreen { + flex: none; + width: 75%; + } + .column.is-offset-9-widescreen { + margin-left: 75%; + } + .column.is-10-widescreen { + flex: none; + width: 83.33333337%; + } + .column.is-offset-10-widescreen { + margin-left: 83.33333337%; + } + .column.is-11-widescreen { + flex: none; + width: 91.66666674%; + } + .column.is-offset-11-widescreen { + margin-left: 91.66666674%; + } + .column.is-12-widescreen { + flex: none; + width: 100%; + } + .column.is-offset-12-widescreen { + margin-left: 100%; + } +} +@media screen and (min-width: 1408px) { + .column.is-narrow-fullhd { + flex: none; + width: unset; + } + .column.is-full-fullhd { + flex: none; + width: 100%; + } + .column.is-three-quarters-fullhd { + flex: none; + width: 75%; + } + .column.is-two-thirds-fullhd { + flex: none; + width: 66.6666%; + } + .column.is-half-fullhd { + flex: none; + width: 50%; + } + .column.is-one-third-fullhd { + flex: none; + width: 33.3333%; + } + .column.is-one-quarter-fullhd { + flex: none; + width: 25%; + } + .column.is-one-fifth-fullhd { + flex: none; + width: 20%; + } + .column.is-two-fifths-fullhd { + flex: none; + width: 40%; + } + .column.is-three-fifths-fullhd { + flex: none; + width: 60%; + } + .column.is-four-fifths-fullhd { + flex: none; + width: 80%; + } + .column.is-offset-three-quarters-fullhd { + margin-left: 75%; + } + .column.is-offset-two-thirds-fullhd { + margin-left: 66.6666%; + } + .column.is-offset-half-fullhd { + margin-left: 50%; + } + .column.is-offset-one-third-fullhd { + margin-left: 33.3333%; + } + .column.is-offset-one-quarter-fullhd { + margin-left: 25%; + } + .column.is-offset-one-fifth-fullhd { + margin-left: 20%; + } + .column.is-offset-two-fifths-fullhd { + margin-left: 40%; + } + .column.is-offset-three-fifths-fullhd { + margin-left: 60%; + } + .column.is-offset-four-fifths-fullhd { + margin-left: 80%; + } + .column.is-0-fullhd { + flex: none; + width: 0%; + } + .column.is-offset-0-fullhd { + margin-left: 0%; + } + .column.is-1-fullhd { + flex: none; + width: 8.33333337%; + } + .column.is-offset-1-fullhd { + margin-left: 8.33333337%; + } + .column.is-2-fullhd { + flex: none; + width: 16.66666674%; + } + .column.is-offset-2-fullhd { + margin-left: 16.66666674%; + } + .column.is-3-fullhd { + flex: none; + width: 25%; + } + .column.is-offset-3-fullhd { + margin-left: 25%; + } + .column.is-4-fullhd { + flex: none; + width: 33.33333337%; + } + .column.is-offset-4-fullhd { + margin-left: 33.33333337%; + } + .column.is-5-fullhd { + flex: none; + width: 41.66666674%; + } + .column.is-offset-5-fullhd { + margin-left: 41.66666674%; + } + .column.is-6-fullhd { + flex: none; + width: 50%; + } + .column.is-offset-6-fullhd { + margin-left: 50%; + } + .column.is-7-fullhd { + flex: none; + width: 58.33333337%; + } + .column.is-offset-7-fullhd { + margin-left: 58.33333337%; + } + .column.is-8-fullhd { + flex: none; + width: 66.66666674%; + } + .column.is-offset-8-fullhd { + margin-left: 66.66666674%; + } + .column.is-9-fullhd { + flex: none; + width: 75%; + } + .column.is-offset-9-fullhd { + margin-left: 75%; + } + .column.is-10-fullhd { + flex: none; + width: 83.33333337%; + } + .column.is-offset-10-fullhd { + margin-left: 83.33333337%; + } + .column.is-11-fullhd { + flex: none; + width: 91.66666674%; + } + .column.is-offset-11-fullhd { + margin-left: 91.66666674%; + } + .column.is-12-fullhd { + flex: none; + width: 100%; + } + .column.is-offset-12-fullhd { + margin-left: 100%; + } +} + +.columns { + margin-left: -0.75rem; + margin-right: -0.75rem; + margin-top: -0.75rem; +} +.columns:last-child { + margin-bottom: -0.75rem; +} +.columns:not(:last-child) { + margin-bottom: calc(1.5rem - 0.75rem); +} +.columns.is-centered { + justify-content: center; +} +.columns.is-gapless { + margin-left: 0; + margin-right: 0; + margin-top: 0; +} +.columns.is-gapless > .column { + margin: 0; + padding: 0 !important; +} +.columns.is-gapless:not(:last-child) { + margin-bottom: 1.5rem; +} +.columns.is-gapless:last-child { + margin-bottom: 0; +} +.columns.is-mobile { + display: flex; +} +.columns.is-multiline { + flex-wrap: wrap; +} +.columns.is-vcentered { + align-items: center; +} +@media screen and (min-width: 769px), print { + .columns:not(.is-desktop) { + display: flex; + } +} +@media screen and (min-width: 1024px) { + .columns.is-desktop { + display: flex; + } +} + +.columns.is-variable { + --columnGap: 0.75rem; + margin-left: calc(-1 * var(--columnGap)); + margin-right: calc(-1 * var(--columnGap)); +} +.columns.is-variable > .column { + padding-left: var(--columnGap); + padding-right: var(--columnGap); +} +.columns.is-variable.is-0 { + --columnGap: 0rem; +} +@media screen and (max-width: 768px) { + .columns.is-variable.is-0-mobile { + --columnGap: 0rem; + } +} +@media screen and (min-width: 769px), print { + .columns.is-variable.is-0-tablet { + --columnGap: 0rem; + } +} +@media screen and (min-width: 769px) and (max-width: 1023px) { + .columns.is-variable.is-0-tablet-only { + --columnGap: 0rem; + } +} +@media screen and (max-width: 1023px) { + .columns.is-variable.is-0-touch { + --columnGap: 0rem; + } +} +@media screen and (min-width: 1024px) { + .columns.is-variable.is-0-desktop { + --columnGap: 0rem; + } +} +@media screen and (min-width: 1024px) and (max-width: 1215px) { + .columns.is-variable.is-0-desktop-only { + --columnGap: 0rem; + } +} +@media screen and (min-width: 1216px) { + .columns.is-variable.is-0-widescreen { + --columnGap: 0rem; + } +} +@media screen and (min-width: 1216px) and (max-width: 1407px) { + .columns.is-variable.is-0-widescreen-only { + --columnGap: 0rem; + } +} +@media screen and (min-width: 1408px) { + .columns.is-variable.is-0-fullhd { + --columnGap: 0rem; + } +} +.columns.is-variable.is-1 { + --columnGap: 0.25rem; +} +@media screen and (max-width: 768px) { + .columns.is-variable.is-1-mobile { + --columnGap: 0.25rem; + } +} +@media screen and (min-width: 769px), print { + .columns.is-variable.is-1-tablet { + --columnGap: 0.25rem; + } +} +@media screen and (min-width: 769px) and (max-width: 1023px) { + .columns.is-variable.is-1-tablet-only { + --columnGap: 0.25rem; + } +} +@media screen and (max-width: 1023px) { + .columns.is-variable.is-1-touch { + --columnGap: 0.25rem; + } +} +@media screen and (min-width: 1024px) { + .columns.is-variable.is-1-desktop { + --columnGap: 0.25rem; + } +} +@media screen and (min-width: 1024px) and (max-width: 1215px) { + .columns.is-variable.is-1-desktop-only { + --columnGap: 0.25rem; + } +} +@media screen and (min-width: 1216px) { + .columns.is-variable.is-1-widescreen { + --columnGap: 0.25rem; + } +} +@media screen and (min-width: 1216px) and (max-width: 1407px) { + .columns.is-variable.is-1-widescreen-only { + --columnGap: 0.25rem; + } +} +@media screen and (min-width: 1408px) { + .columns.is-variable.is-1-fullhd { + --columnGap: 0.25rem; + } +} +.columns.is-variable.is-2 { + --columnGap: 0.5rem; +} +@media screen and (max-width: 768px) { + .columns.is-variable.is-2-mobile { + --columnGap: 0.5rem; + } +} +@media screen and (min-width: 769px), print { + .columns.is-variable.is-2-tablet { + --columnGap: 0.5rem; + } +} +@media screen and (min-width: 769px) and (max-width: 1023px) { + .columns.is-variable.is-2-tablet-only { + --columnGap: 0.5rem; + } +} +@media screen and (max-width: 1023px) { + .columns.is-variable.is-2-touch { + --columnGap: 0.5rem; + } +} +@media screen and (min-width: 1024px) { + .columns.is-variable.is-2-desktop { + --columnGap: 0.5rem; + } +} +@media screen and (min-width: 1024px) and (max-width: 1215px) { + .columns.is-variable.is-2-desktop-only { + --columnGap: 0.5rem; + } +} +@media screen and (min-width: 1216px) { + .columns.is-variable.is-2-widescreen { + --columnGap: 0.5rem; + } +} +@media screen and (min-width: 1216px) and (max-width: 1407px) { + .columns.is-variable.is-2-widescreen-only { + --columnGap: 0.5rem; + } +} +@media screen and (min-width: 1408px) { + .columns.is-variable.is-2-fullhd { + --columnGap: 0.5rem; + } +} +.columns.is-variable.is-3 { + --columnGap: 0.75rem; +} +@media screen and (max-width: 768px) { + .columns.is-variable.is-3-mobile { + --columnGap: 0.75rem; + } +} +@media screen and (min-width: 769px), print { + .columns.is-variable.is-3-tablet { + --columnGap: 0.75rem; + } +} +@media screen and (min-width: 769px) and (max-width: 1023px) { + .columns.is-variable.is-3-tablet-only { + --columnGap: 0.75rem; + } +} +@media screen and (max-width: 1023px) { + .columns.is-variable.is-3-touch { + --columnGap: 0.75rem; + } +} +@media screen and (min-width: 1024px) { + .columns.is-variable.is-3-desktop { + --columnGap: 0.75rem; + } +} +@media screen and (min-width: 1024px) and (max-width: 1215px) { + .columns.is-variable.is-3-desktop-only { + --columnGap: 0.75rem; + } +} +@media screen and (min-width: 1216px) { + .columns.is-variable.is-3-widescreen { + --columnGap: 0.75rem; + } +} +@media screen and (min-width: 1216px) and (max-width: 1407px) { + .columns.is-variable.is-3-widescreen-only { + --columnGap: 0.75rem; + } +} +@media screen and (min-width: 1408px) { + .columns.is-variable.is-3-fullhd { + --columnGap: 0.75rem; + } +} +.columns.is-variable.is-4 { + --columnGap: 1rem; +} +@media screen and (max-width: 768px) { + .columns.is-variable.is-4-mobile { + --columnGap: 1rem; + } +} +@media screen and (min-width: 769px), print { + .columns.is-variable.is-4-tablet { + --columnGap: 1rem; + } +} +@media screen and (min-width: 769px) and (max-width: 1023px) { + .columns.is-variable.is-4-tablet-only { + --columnGap: 1rem; + } +} +@media screen and (max-width: 1023px) { + .columns.is-variable.is-4-touch { + --columnGap: 1rem; + } +} +@media screen and (min-width: 1024px) { + .columns.is-variable.is-4-desktop { + --columnGap: 1rem; + } +} +@media screen and (min-width: 1024px) and (max-width: 1215px) { + .columns.is-variable.is-4-desktop-only { + --columnGap: 1rem; + } +} +@media screen and (min-width: 1216px) { + .columns.is-variable.is-4-widescreen { + --columnGap: 1rem; + } +} +@media screen and (min-width: 1216px) and (max-width: 1407px) { + .columns.is-variable.is-4-widescreen-only { + --columnGap: 1rem; + } +} +@media screen and (min-width: 1408px) { + .columns.is-variable.is-4-fullhd { + --columnGap: 1rem; + } +} +.columns.is-variable.is-5 { + --columnGap: 1.25rem; +} +@media screen and (max-width: 768px) { + .columns.is-variable.is-5-mobile { + --columnGap: 1.25rem; + } +} +@media screen and (min-width: 769px), print { + .columns.is-variable.is-5-tablet { + --columnGap: 1.25rem; + } +} +@media screen and (min-width: 769px) and (max-width: 1023px) { + .columns.is-variable.is-5-tablet-only { + --columnGap: 1.25rem; + } +} +@media screen and (max-width: 1023px) { + .columns.is-variable.is-5-touch { + --columnGap: 1.25rem; + } +} +@media screen and (min-width: 1024px) { + .columns.is-variable.is-5-desktop { + --columnGap: 1.25rem; + } +} +@media screen and (min-width: 1024px) and (max-width: 1215px) { + .columns.is-variable.is-5-desktop-only { + --columnGap: 1.25rem; + } +} +@media screen and (min-width: 1216px) { + .columns.is-variable.is-5-widescreen { + --columnGap: 1.25rem; + } +} +@media screen and (min-width: 1216px) and (max-width: 1407px) { + .columns.is-variable.is-5-widescreen-only { + --columnGap: 1.25rem; + } +} +@media screen and (min-width: 1408px) { + .columns.is-variable.is-5-fullhd { + --columnGap: 1.25rem; + } +} +.columns.is-variable.is-6 { + --columnGap: 1.5rem; +} +@media screen and (max-width: 768px) { + .columns.is-variable.is-6-mobile { + --columnGap: 1.5rem; + } +} +@media screen and (min-width: 769px), print { + .columns.is-variable.is-6-tablet { + --columnGap: 1.5rem; + } +} +@media screen and (min-width: 769px) and (max-width: 1023px) { + .columns.is-variable.is-6-tablet-only { + --columnGap: 1.5rem; + } +} +@media screen and (max-width: 1023px) { + .columns.is-variable.is-6-touch { + --columnGap: 1.5rem; + } +} +@media screen and (min-width: 1024px) { + .columns.is-variable.is-6-desktop { + --columnGap: 1.5rem; + } +} +@media screen and (min-width: 1024px) and (max-width: 1215px) { + .columns.is-variable.is-6-desktop-only { + --columnGap: 1.5rem; + } +} +@media screen and (min-width: 1216px) { + .columns.is-variable.is-6-widescreen { + --columnGap: 1.5rem; + } +} +@media screen and (min-width: 1216px) and (max-width: 1407px) { + .columns.is-variable.is-6-widescreen-only { + --columnGap: 1.5rem; + } +} +@media screen and (min-width: 1408px) { + .columns.is-variable.is-6-fullhd { + --columnGap: 1.5rem; + } +} +.columns.is-variable.is-7 { + --columnGap: 1.75rem; +} +@media screen and (max-width: 768px) { + .columns.is-variable.is-7-mobile { + --columnGap: 1.75rem; + } +} +@media screen and (min-width: 769px), print { + .columns.is-variable.is-7-tablet { + --columnGap: 1.75rem; + } +} +@media screen and (min-width: 769px) and (max-width: 1023px) { + .columns.is-variable.is-7-tablet-only { + --columnGap: 1.75rem; + } +} +@media screen and (max-width: 1023px) { + .columns.is-variable.is-7-touch { + --columnGap: 1.75rem; + } +} +@media screen and (min-width: 1024px) { + .columns.is-variable.is-7-desktop { + --columnGap: 1.75rem; + } +} +@media screen and (min-width: 1024px) and (max-width: 1215px) { + .columns.is-variable.is-7-desktop-only { + --columnGap: 1.75rem; + } +} +@media screen and (min-width: 1216px) { + .columns.is-variable.is-7-widescreen { + --columnGap: 1.75rem; + } +} +@media screen and (min-width: 1216px) and (max-width: 1407px) { + .columns.is-variable.is-7-widescreen-only { + --columnGap: 1.75rem; + } +} +@media screen and (min-width: 1408px) { + .columns.is-variable.is-7-fullhd { + --columnGap: 1.75rem; + } +} +.columns.is-variable.is-8 { + --columnGap: 2rem; +} +@media screen and (max-width: 768px) { + .columns.is-variable.is-8-mobile { + --columnGap: 2rem; + } +} +@media screen and (min-width: 769px), print { + .columns.is-variable.is-8-tablet { + --columnGap: 2rem; + } +} +@media screen and (min-width: 769px) and (max-width: 1023px) { + .columns.is-variable.is-8-tablet-only { + --columnGap: 2rem; + } +} +@media screen and (max-width: 1023px) { + .columns.is-variable.is-8-touch { + --columnGap: 2rem; + } +} +@media screen and (min-width: 1024px) { + .columns.is-variable.is-8-desktop { + --columnGap: 2rem; + } +} +@media screen and (min-width: 1024px) and (max-width: 1215px) { + .columns.is-variable.is-8-desktop-only { + --columnGap: 2rem; + } +} +@media screen and (min-width: 1216px) { + .columns.is-variable.is-8-widescreen { + --columnGap: 2rem; + } +} +@media screen and (min-width: 1216px) and (max-width: 1407px) { + .columns.is-variable.is-8-widescreen-only { + --columnGap: 2rem; + } +} +@media screen and (min-width: 1408px) { + .columns.is-variable.is-8-fullhd { + --columnGap: 2rem; + } +} + +html { + line-height: 1.15; + -ms-text-size-adjust: 100%; + -webkit-text-size-adjust: 100%; +} + +body { + margin: 0; +} + +article, +aside, +footer, +header, +nav, +section { + display: block; +} + +h1 { + font-size: 2em; + margin: 0.67em 0; + line-height: 1em; +} + +figcaption, +figure, +main { + display: block; +} + +figure { + margin: 1em 40px; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +pre { + font-family: monospace, monospace; + font-size: 1em; +} + +a { + background-color: transparent; + -webkit-text-decoration-skip: objects; +} + +a:active, +a:hover { + outline-width: 0; +} + +abbr[title] { + border-bottom: none; + text-decoration: underline; + text-decoration: underline dotted; +} + +b, +strong { + font-weight: inherit; + font-weight: bolder; +} + +kbd, +samp { + font-family: monospace, monospace; + font-size: 1em; +} + +dfn { + font-style: italic; +} + +mark { + background-color: #ff0; + color: #000; +} + +small { + font-size: 80%; +} + +sub, +sup { + font-size: 60%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.55em; + background: #1D3040; + color: #1D3040; + border-radius: 2px; + padding: 0 2px 0 2px; + margin: 0 2px 0 0; +} + +audio, +video { + display: inline-block; +} + +audio:not([controls]) { + display: none; + height: 0; +} + +img { + border-style: none; +} + +svg:not(:root) { + overflow: hidden; +} + +button, +input, +optgroup, +select, +textarea { + font-family: sans-serif; + font-size: 100%; + line-height: 1.15; + margin: 0; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +button, html [type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner, +button::-moz-focus-inner { + border-style: none; + padding: 0; +} + +[type=button]:-moz-focusring, +[type=reset]:-moz-focusring, +[type=submit]:-moz-focusring, +button:-moz-focusring { + outline: 1px dotted ButtonText; +} + +fieldset { + border: 1px solid #c0c0c0; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; +} + +legend { + box-sizing: border-box; + color: inherit; + display: table; + max-width: 100%; + padding: 0; + white-space: normal; +} + +progress { + display: inline-block; + vertical-align: baseline; +} + +textarea { + overflow: auto; +} + +[type=checkbox], +[type=radio] { + box-sizing: border-box; + padding: 0; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + -webkit-appearance: textfield; + outline-offset: -2px; +} + +[type=search]::-webkit-search-cancel-button, +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + -webkit-appearance: button; + font: inherit; +} + +details, +menu { + display: block; +} + +summary { + display: list-item; +} + +canvas { + display: inline-block; +} + +template { + display: none; +} + +[hidden] { + display: none; +} + +h1, h2, h3 { + color: #EFEBE3; +} + +h1 { + font-size: 2em; + font-weight: 400; +} + +h2 { + font-size: 1.75em; + font-weight: 400; +} + +h3 { + font-size: 1.5em; + font-weight: 300; +} + +html, body { + background: #1D3040 linear-gradient(0deg, #1d3040 0%, #2d4a63 100%) no-repeat; + font: 400 1em Helvetica, Arial, sans-serif; + height: 100%; +} + +a { + font: 300 1em Helvetica, Arial, sans-serif; + color: #b2cce5; + text-decoration: underline; + transition: all 0.2s linear; +} + +svg.icons { + width: 25px; + fill: #b2cce5; +} + +#notifications { + perspective: 1000px; + position: fixed; + z-index: 2000; + height: 55px; + width: 100%; + display: block; + align-items: center; + justify-content: center; + padding: 0; + margin-top: -55px; +} +#notifications #notifyMessage { + margin: 0 auto; + transition: all 0.6s cubic-bezier(0.83, 0.05, 0.28, 1); + height: 50px; + width: 500px; + display: flex; + align-items: center; + justify-content: center; + opacity: 1; + transform-style: preserve-3d; + transform: rotateX(120deg); + transform-origin: 50% 0; + overflow: hidden; +} +#notifications #notifyMessage #notify-good, #notifications #notifyMessage #notify-lame, #notifications #notifyMessage #notify-working { + display: block; +} +#notifications #notifyMessage #notify-working-icon { + -webkit-animation: spin 2s linear infinite; + -moz-animation: spin 2s linear infinite; + animation: spin 2s linear infinite; +} +@keyframes spin { + transform: rotate(360deg); +} +#notifications #notifyMessage .notify-icon { + background: #32302f; + padding: 8px 5px 5px 5px; + border-radius: 5px 0 0 5px; + height: 30px; + width: 30px; + text-align: center; + border: 2px solid #EFEBE3; +} +#notifications #notifyMessage #notify-text { + color: #EFEBE3; + background: #32302f; + width: 400px; + height: 28px; + padding: 15px 0 0 0; + border-radius: 0 5px 5px 0; + border: 2px solid #EFEBE3; + text-align: center; + overflow: hidden; + position: relative; +} +#notifications #notifyMessage #notify-text #notify-progress { + width: 0; + background: #fc6399; + height: 43px; + position: absolute; + top: 0px; +} +#notifications #notifyMessage #notify-text p { + top: -15px; + display: block; + position: relative; +} +#notifications #notifyMessage .icons { + fill: #EFEBE3; +} + +.notify-close { + transform-style: preserve-3d; + transform: rotateX(-120deg); +} + +.notify-open { + transform-style: preserve-3d; + transform: rotateX(0deg); +} + +.blog-container { + width: 100%; +} + +.main-container { + margin: 0 auto; + z-index: 10; + position: relative; + height: 100%; +} +.main-container section header { + width: 100%; + max-width: 900px; + margin: 10px auto; + background: #EFEBE3; + height: 50px; + border-radius: 5px; +} +.main-container section header #wrapper { + padding: 5px; +} +.main-container section header #wrapper #left, .main-container section header #wrapper #right { + width: 49.7%; + display: inline-block; + vertical-align: top; + min-height: 60px; +} +.main-container section header #wrapper #left #the-logo, .main-container section header #wrapper #right #the-logo { + width: 29px; +} +.main-container section header #wrapper #right { + text-align: right; + color: #EFEBE3; +} +.main-container section header #wrapper #right #dash-menu { + text-align: right; +} +.main-container section header #wrapper #right #dash-menu a button { + border-radius: 50px; +} +.main-container section header #wrapper #right #dash-menu a button svg { + transition: all 0.2s linear; + width: 40px; + height: 20px; + fill: #EFEBE3; +} +.main-container section header #wrapper #right #dash-menu a:hover button { + background: #1D3040; +} +.main-container section header #wrapper #right #dash-menu a:hover svg { + fill: #b2cce5; +} + +/* Mozilla based browsers */ +::-moz-selection { + background-color: #fc6399; + color: #EFEBE3; +} + +/* Works in Safari */ +::selection { + background-color: #fc6399; + color: #EFEBE3; +} + +/* Works in Opera */ +::-o-selection { + background-color: #fc6399; + color: #EFEBE3; +} + +::-ms-selection { + background-color: #fc6399; + color: #EFEBE3; +} + +/* Works in Internet Explorer */ +::-webkit-selection { + background-color: #fc6399; + color: #EFEBE3; +} + +@media only screen and (max-width: 901px) { + .main-container { + padding: 10px; + } +} +@media only screen and (max-width: 800px) { + .main-container section header #wrapper #left, .main-container section header #wrapper #right { + display: inline-block; + } +} +@media only screen and (max-width: 480px) { + .main-container section header #wrapper #left { + width: 30%; + } + .main-container section header #wrapper #right { + width: 70%; + } +} +#dash-index-content { + width: 100%; + height: 100%; + margin: 0 auto; +} +#dash-index-content #dash-index { + width: 100%; + height: 100%; + z-index: 10; + position: relative; +} +#dash-index-content #dash-index #dash-index-wrapper { + width: 100%; + height: 100%; + margin: 0 auto; +} +#dash-index-content #dash-index #dash-index-wrapper .dash-init, #dash-index-content #dash-index #dash-index-wrapper .dash-restore { + width: 100%; + height: 100%; + display: flex; + align-items: center; + justify-content: center; + color: #1D3040; +} +#dash-index-content #dash-index #dash-index-wrapper .dash-init form, #dash-index-content #dash-index #dash-index-wrapper .dash-restore form { + background: #EFEBE3; + padding: 15px; + width: 300px; + border-radius: 5px; + text-align: center; +} +#dash-index-content #dash-index #dash-index-wrapper .dash-init form #the-logo, #dash-index-content #dash-index #dash-index-wrapper .dash-restore form #the-logo { + width: 40px; + margin: 20px; +} +#dash-index-content #dash-index #dash-index-wrapper .dash-init form input, #dash-index-content #dash-index #dash-index-wrapper .dash-restore form input { + width: 290px; + margin: 0 0 10px 0; + height: 30px; +} +#dash-index-content #dash-index #dash-index-wrapper .dash-init form button, #dash-index-content #dash-index #dash-index-wrapper .dash-restore form button { + width: 300px; +} +#dash-index-content #dash-index #dash-index-wrapper .dash-init form div, #dash-index-content #dash-index #dash-index-wrapper .dash-restore form div { + background: #1D3040; + color: #EFEBE3; + border-radius: 3px; + padding: 5px; +} +#dash-index-content #dash-index #dash-index-wrapper .dash-init form div label, #dash-index-content #dash-index #dash-index-wrapper .dash-restore form div label { + display: block; + padding: 5px; + color: #f5ab35; +} +#dash-index-content #dash-index #dash-index-wrapper .dash-restore { + display: none; + visibility: hidden; +} +#dash-index-content #dash-index #dash-index-wrapper #dash-login { + width: 100%; + height: 100%; + margin: 0 auto; + display: flex; + align-items: center; + justify-content: center; +} +#dash-index-content #dash-index #dash-index-wrapper #dash-login #dash-form, #dash-index-content #dash-index #dash-index-wrapper #dash-login #dash-reset { + width: 300px; + padding: 0.75em; + background: #EFEBE3; + border-radius: 5px; + color: #EFEBE3; + text-align: center; +} +#dash-index-content #dash-index #dash-index-wrapper #dash-login #dash-form #the-logo, #dash-index-content #dash-index #dash-index-wrapper #dash-login #dash-reset #the-logo { + width: 40px; + margin: 20px; +} +#dash-index-content #dash-index #dash-index-wrapper #dash-login #dash-form input, #dash-index-content #dash-index #dash-index-wrapper #dash-login #dash-reset input { + width: 290px; + margin: 0 0 10px 0; + height: 30px; +} +#dash-index-content #dash-index #dash-index-wrapper #dash-login #dash-form button, #dash-index-content #dash-index #dash-index-wrapper #dash-login #dash-reset button { + width: 300px; +} +#dash-index-content #dash-index #dash-index-wrapper #dash-menu { + padding: 10px; + width: 90%; + max-width: 900px; + margin: 50px auto; +} +#dash-index-content #dash-index #dash-index-wrapper #dash-menu a { + display: inline-block; + vertical-align: top; + background: black; + width: 30%; + padding: 5px; + border-radius: 3px; + color: #EFEBE3; + margin: 0 10px 10px 0; +} +#dash-index-content #dash-index #dash-index-wrapper #dash-menu a:hover { + background: black; +} +#dash-index-content #dash-index #dash-index-wrapper #dash-menu a svg { + display: inline-block; + vertical-align: top; + fill: #EFEBE3; +} +#dash-index-content #dash-index #dash-index-wrapper #dash-menu a label { + display: inline-block; + margin-top: 5px; + width: 85%; + text-align: center; + cursor: pointer; +} +#dash-index-content #dash-index #dash-index-wrapper #dash-recent { + width: 100%; + max-width: 900px; + height: 100%; + padding: 5px 0 0 0; + margin: 0 auto; +} +#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list { + position: relative; +} +#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list .recent-header { + height: 50px; + margin-top: 5px; +} +#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list .recent-header .index-header-left { + vertical-align: top; + display: inline-block; + width: 50%; + color: #EFEBE3; + font-size: 3em; +} +#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list .recent-header .index-header-right { + width: 50%; + text-align: right; + vertical-align: top; + display: inline-block; + right: 10px; + color: #EFEBE3; +} +#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list .recent-header .index-header-right a button { + border-radius: 3px; + margin-left: 10px; +} +#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list .recent-header .index-header-right a button svg { + transition: all 0.2s linear; + width: 40px; + height: 20px; + fill: #EFEBE3; +} +#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link, #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-video-link { + font-size: 1.5em; + font-weight: 300; + display: inline-block; + border-radius: 3px; + vertical-align: top; + text-decoration: none; + position: relative; + overflow: hidden; +} +#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link .post-video, #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-video-link .post-video { + width: 100%; + height: 100%; + object-fit: cover; + position: absolute; +} +#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link label, #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-video-link label { + font-size: 1.4em; + font-weight: 700; + color: #EFEBE3; + padding: 5px; + vertical-align: top; + display: inline-block; + word-wrap: break-word; + width: 100%; + text-align: center; + position: relative; + top: 35%; + text-shadow: 2px 2px 0 #32302f; +} +#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link div#options, #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-video-link div#options { + width: 100%; + position: absolute; + bottom: 0; + border-radius: 0 0 3px 3px; + background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%); +} +#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link div#options #option-left, #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-video-link div#options #option-left { + display: inline-block; + vertical-align: top; + width: 50%; + position: relative; + background: none; +} +#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link div#options #option-left button, #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-video-link div#options #option-left button { + border-radius: 3px; + background: #1D3040; + margin: 0 0 10px 10px; +} +#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link div#options #option-left button svg, #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-video-link div#options #option-left button svg { + width: 40px; + height: 20px; + fill: #b2cce5; +} +#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link div#options #option-left .item-options, #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-video-link div#options #option-left .item-options { + border-radius: 3px; + margin: 5px; + display: inline-block; +} +#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link div#options #option-left button[data-active=false], #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-video-link div#options #option-left button[data-active=false] { + background: #1D3040; +} +#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link div#options #option-left button[data-active=false] svg, #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-video-link div#options #option-left button[data-active=false] svg { + fill: #b2cce5; +} +#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link div#options #option-left button[data-active=true], #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-video-link div#options #option-left button[data-active=true] { + background: #f5ab35; +} +#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link div#options #option-left button[data-active=true] svg, #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-video-link div#options #option-left button[data-active=true] svg { + fill: #1D3040; +} +#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link div#options #option-right, #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-video-link div#options #option-right { + display: inline-block; + width: 50%; + text-align: right; +} +#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link div#options #option-right span, #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-video-link div#options #option-right span { + font-weight: bold; + display: block; + background: #EFEBE3; + color: #1D3040; + border-radius: 3px; + font-size: 0.6em; + text-align: center; + position: relative; + padding: 5px; + float: right; + margin: 0 10px 0 0; + bottom: -15px; +} +#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(3) { + width: 100%; + margin-bottom: 20px; + height: 500px; +} +#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(4), #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(6) { + width: 48.6%; + height: 350px; + margin: 0 10px 20px 0; +} +#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(5), #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(7) { + width: 48.6%; + height: 350px; + margin: 0 0 20px 10px; +} + +@media only screen and (max-width: 768px) { + #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(4), #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(6) { + width: 48.9%; + } +} +@media only screen and (max-width: 640px) { + #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(4), #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(6) { + width: 48.5%; + } +} +@media only screen and (max-width: 480px) { + #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list .recent-header h3 { + width: 40%; + } + #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list .recent-header .index-menu { + width: 60%; + } + #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(3), #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(4), #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(5), #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(6), #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(7) { + width: 100%; + margin: 15px 0 0 0; + height: 400px; + } +} +#settings-actions { + position: fixed; + width: 40%; + margin-top: -85px; + left: 50%; + margin-left: -20%; +} +#settings-actions #buttons { + width: 185px; + margin: 28px auto; + text-align: center; + background: #EFEBE3; + padding: 2px; + border-radius: 3px; +} +#settings-actions #buttons button { + 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] { + background: #b2cce5; +} +#settings-actions #buttons button[data-render=false] svg { + fill: #1D3040; +} +#settings-actions #buttons button[data-render=true] { + background: #fc6399; +} +#settings-actions #buttons button[data-render=true] svg { + fill: #EFEBE3; +} + +#settings-index { + width: 94%; + max-width: 900px; + margin: 0 auto; + overflow: hidden; +} +#settings-index #settings-index-wrapper { + padding: 0; +} +#settings-index #settings-index-wrapper button { + margin-top: 5px; + width: 100%; + height: 33px; +} +#settings-index #settings-index-wrapper #member-settings, #settings-index #settings-index-wrapper #feature-settings, #settings-index #settings-index-wrapper #option-settings, #settings-index #settings-index-wrapper #token-settings, #settings-index #settings-index-wrapper #backup-settings { + background: #EFEBE3; + padding: 0px; + border-radius: 5px 0 5px 0; + width: 100%; + margin: 20px auto; +} +#settings-index #settings-index-wrapper #member-settings label, #settings-index #settings-index-wrapper #feature-settings label, #settings-index #settings-index-wrapper #option-settings label, #settings-index #settings-index-wrapper #token-settings label, #settings-index #settings-index-wrapper #backup-settings label { + font-family: Helvetica, Arial, sans-serif; + color: #1D3040; + font-weight: bold; +} +#settings-index #settings-index-wrapper #member-settings span, #settings-index #settings-index-wrapper #feature-settings span, #settings-index #settings-index-wrapper #option-settings span, #settings-index #settings-index-wrapper #token-settings span, #settings-index #settings-index-wrapper #backup-settings span { + color: #b2cce5; +} +#settings-index #settings-index-wrapper #member-settings input, #settings-index #settings-index-wrapper #feature-settings input, #settings-index #settings-index-wrapper #option-settings input, #settings-index #settings-index-wrapper #token-settings input, #settings-index #settings-index-wrapper #backup-settings input { + width: 95%; + margin: 0 5px 10px 0; + height: 30px; + padding: 10px; +} +#settings-index #settings-index-wrapper #member-settings input#backup-upload, #settings-index #settings-index-wrapper #feature-settings input#backup-upload, #settings-index #settings-index-wrapper #option-settings input#backup-upload, #settings-index #settings-index-wrapper #token-settings input#backup-upload, #settings-index #settings-index-wrapper #backup-settings input#backup-upload { + visibility: hidden; + display: none; +} +#settings-index #settings-index-wrapper #member-settings .backup-meta, #settings-index #settings-index-wrapper #feature-settings .backup-meta, #settings-index #settings-index-wrapper #option-settings .backup-meta, #settings-index #settings-index-wrapper #token-settings .backup-meta, #settings-index #settings-index-wrapper #backup-settings .backup-meta { + 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-images, #settings-index #settings-index-wrapper #feature-settings #member-images, #settings-index #settings-index-wrapper #option-settings #member-images, #settings-index #settings-index-wrapper #token-settings #member-images, #settings-index #settings-index-wrapper #backup-settings #member-images { + padding: 10px 15px 0 15px; +} +#settings-index #settings-index-wrapper #member-settings #member-images #member-avatar-drop, #settings-index #settings-index-wrapper #feature-settings #member-images #member-avatar-drop, #settings-index #settings-index-wrapper #option-settings #member-images #member-avatar-drop, #settings-index #settings-index-wrapper #token-settings #member-images #member-avatar-drop, #settings-index #settings-index-wrapper #backup-settings #member-images #member-avatar-drop { + display: inline-block; + margin: 0 0 10px 0; +} +#settings-index #settings-index-wrapper #member-settings #member-images #member-avatar-drop img, #settings-index #settings-index-wrapper #feature-settings #member-images #member-avatar-drop img, #settings-index #settings-index-wrapper #option-settings #member-images #member-avatar-drop img, #settings-index #settings-index-wrapper #token-settings #member-images #member-avatar-drop img, #settings-index #settings-index-wrapper #backup-settings #member-images #member-avatar-drop img { + width: 100%; + border-radius: 5px; + overflow: hidden; + cursor: pointer; + display: block; + margin-bottom: 2px; +} +#settings-index #settings-index-wrapper #member-settings #member-images #member-avatar-drop input, #settings-index #settings-index-wrapper #feature-settings #member-images #member-avatar-drop input, #settings-index #settings-index-wrapper #option-settings #member-images #member-avatar-drop input, #settings-index #settings-index-wrapper #token-settings #member-images #member-avatar-drop input, #settings-index #settings-index-wrapper #backup-settings #member-images #member-avatar-drop input { + visibility: hidden; + display: none; +} +#settings-index #settings-index-wrapper #member-settings #member-images #member-avatar-drop #privacy-toggle, #settings-index #settings-index-wrapper #feature-settings #member-images #member-avatar-drop #privacy-toggle, #settings-index #settings-index-wrapper #option-settings #member-images #member-avatar-drop #privacy-toggle, #settings-index #settings-index-wrapper #token-settings #member-images #member-avatar-drop #privacy-toggle, #settings-index #settings-index-wrapper #backup-settings #member-images #member-avatar-drop #privacy-toggle { + width: 50%; +} +#settings-index #settings-index-wrapper #member-settings #member-images #member-avatar-drop #render-toggle, #settings-index #settings-index-wrapper #feature-settings #member-images #member-avatar-drop #render-toggle, #settings-index #settings-index-wrapper #option-settings #member-images #member-avatar-drop #render-toggle, #settings-index #settings-index-wrapper #token-settings #member-images #member-avatar-drop #render-toggle, #settings-index #settings-index-wrapper #backup-settings #member-images #member-avatar-drop #render-toggle { + width: 50%; +} +#settings-index #settings-index-wrapper #member-settings #member-images #site-background, #settings-index #settings-index-wrapper #feature-settings #member-images #site-background, #settings-index #settings-index-wrapper #option-settings #member-images #site-background, #settings-index #settings-index-wrapper #token-settings #member-images #site-background, #settings-index #settings-index-wrapper #backup-settings #member-images #site-background { + margin: 0 0 10px 0; +} +#settings-index #settings-index-wrapper #member-settings #member-images #site-background img, #settings-index #settings-index-wrapper #feature-settings #member-images #site-background img, #settings-index #settings-index-wrapper #option-settings #member-images #site-background img, #settings-index #settings-index-wrapper #token-settings #member-images #site-background img, #settings-index #settings-index-wrapper #backup-settings #member-images #site-background img { + width: 92.1%; + height: 292px; + border-radius: 3px; + overflow: hidden; + cursor: pointer; +} +#settings-index #settings-index-wrapper #member-settings #member-images #site-background input, #settings-index #settings-index-wrapper #feature-settings #member-images #site-background input, #settings-index #settings-index-wrapper #option-settings #member-images #site-background input, #settings-index #settings-index-wrapper #token-settings #member-images #site-background input, #settings-index #settings-index-wrapper #backup-settings #member-images #site-background input { + visibility: hidden; + display: none; +} +#settings-index #settings-index-wrapper #member-settings #member-meta, #settings-index #settings-index-wrapper #feature-settings #member-meta, #settings-index #settings-index-wrapper #option-settings #member-meta, #settings-index #settings-index-wrapper #token-settings #member-meta, #settings-index #settings-index-wrapper #backup-settings #member-meta { + padding: 10px 15px 0 15px; + position: relative; + top: -30px; +} +#settings-index #settings-index-wrapper #member-settings #features, #settings-index #settings-index-wrapper #feature-settings #features, #settings-index #settings-index-wrapper #option-settings #features, #settings-index #settings-index-wrapper #token-settings #features, #settings-index #settings-index-wrapper #backup-settings #features { + padding: 10px 15px 0 15px; +} +#settings-index #settings-index-wrapper textarea { + background: #1D3040; + width: 70%; + height: 89.5px; + color: #f5ab35; + padding: 10px; + display: inline-block; + margin-bottom: 10px; +} +#settings-index #settings-index-wrapper span#key { + color: #EFEBE3; + background: #1D3040; + font-size: 0.9em; + border-radius: 3px; + padding: 5px; + display: block; + width: 95%; + overflow: hidden; +} +#settings-index #settings-index-wrapper #feature-settings #feature-api, #settings-index #settings-index-wrapper #feature-settings #dynamic-api { + background: #EFEBE3; + border-radius: 3px; + padding: 5px; +} +#settings-index #settings-index-wrapper #feature-settings #feature-api button, #settings-index #settings-index-wrapper #feature-settings #dynamic-api button { + color: #EFEBE3; + border-radius: 3px; + width: 200px; + margin: 0; + height: 200px; + font-size: 1em; +} +#settings-index #settings-index-wrapper #feature-settings #feature-api button svg, #settings-index #settings-index-wrapper #feature-settings #dynamic-api button svg { + width: 100px; + height: 90px; + fill: #EFEBE3; + position: relative; + display: block; + margin: 12px auto; +} +#settings-index #settings-index-wrapper #feature-settings #feature-api button span, #settings-index #settings-index-wrapper #feature-settings #dynamic-api button span { + color: #EFEBE3; + margin: 6px 0 0 5px; + position: relative; + vertical-align: middle; + display: inline-block; + font-weight: bold; +} +#settings-index #settings-index-wrapper #feature-settings #feature-api button[data-enabled=false], #settings-index #settings-index-wrapper #feature-settings #dynamic-api button[data-enabled=false] { + background: #b2cce5; +} +#settings-index #settings-index-wrapper #feature-settings #feature-api button[data-enabled=false] svg, #settings-index #settings-index-wrapper #feature-settings #dynamic-api button[data-enabled=false] svg { + fill: #1D3040; +} +#settings-index #settings-index-wrapper #feature-settings #feature-api button[data-enabled=false] span, #settings-index #settings-index-wrapper #feature-settings #dynamic-api button[data-enabled=false] span { + color: #1D3040; +} +#settings-index #settings-index-wrapper #feature-settings #feature-api button[data-enabled=true], #settings-index #settings-index-wrapper #feature-settings #dynamic-api button[data-enabled=true] { + background: #fc6399; +} +#settings-index #settings-index-wrapper #feature-settings #feature-api button[data-enabled=true] svg, #settings-index #settings-index-wrapper #feature-settings #dynamic-api button[data-enabled=true] svg { + fill: #EFEBE3; +} +#settings-index #settings-index-wrapper #token-settings #keys-tokens { + padding: 10px 15px 0 15px; +} +#settings-index #settings-index-wrapper #token-settings #keys-tokens #member-api-key, #settings-index #settings-index-wrapper #token-settings #keys-tokens #form-token { + background: #1D3040; + border-radius: 3px; + padding: 5px; + color: #EFEBE3; +} +#settings-index #settings-index-wrapper #option-settings #theme-settings a { + width: 95%; + margin: 0 5px 5px 0; + height: 15px; + padding: 10px; + display: inline-block; +} +#settings-index #settings-index-wrapper #option-settings #theme-settings a[data-enabled=false] { + 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; + display: inline-block; + float: right; +} +#settings-index #settings-index-wrapper #option-settings #mail-settings { + min-height: 240px; +} +#settings-index #settings-index-wrapper #option-settings #mail-settings a.mail-option { + float: right; + font-family: "Lucida Console", Monaco, monospace; + font-size: 0.9em; + border-radius: 3px; + text-decoration: none; + margin: 0 0 0 5px; +} +#settings-index #settings-index-wrapper #option-settings #mail-settings a.mail-option[data-enabled=true] { + color: #fc6399; +} +#settings-index #settings-index-wrapper #option-settings #mail-settings a.mail-option[data-enabled=false] { + color: #1D3040; +} +#settings-index #settings-index-wrapper #option-settings #mail-settings input { + margin: 0 5px 5px 0; + vertical-align: top; +} +#settings-index #settings-index-wrapper #option-settings #mail-settings div[data-enabled=false] { + display: none; + visibility: hidden; +} +#settings-index #settings-index-wrapper #option-settings #mail-settings #settings-api { + background: #1D3040; + border-radius: 3px; + padding: 10px; +} +#settings-index #settings-index-wrapper #option-settings #mail-settings #settings-api span { + color: #EFEBE3 !important; + margin: -13px 0 0 5px; + position: relative; + vertical-align: middle; + display: inline-block; + font-weight: bold; +} +#settings-index #settings-index-wrapper #option-settings #mail-settings #settings-api button { + color: #EFEBE3; + border-radius: 3px; + width: 40px; + margin: 0; +} +#settings-index #settings-index-wrapper #option-settings #mail-settings #settings-api button svg { + width: 25px; + height: 20px; + fill: #EFEBE3; +} +#settings-index #settings-index-wrapper #option-settings #mail-settings #settings-api button[data-enabled=false] { + background: #b2cce5; +} +#settings-index #settings-index-wrapper #option-settings #mail-settings #settings-api button[data-enabled=false] svg { + fill: #1D3040; +} +#settings-index #settings-index-wrapper #option-settings #mail-settings #settings-api button[data-enabled=true] { + background: #fc6399; +} +#settings-index #settings-index-wrapper #option-settings #mail-settings #settings-api button[data-enabled=true] svg { + fill: #EFEBE3; +} + +@media only screen and (max-width: 480px) { + #settings-actions { + margin-left: -42%; + } + #settings-actions #buttons { + width: 150px; + background: none; + } + #settings-actions #buttons button { + margin: 0 5px 0 5px; + } +} +#error-index { + width: 100%; + max-width: 900px; + margin: 0 auto; + padding: 10px; + height: 100%; + z-index: 10; + position: relative; +} +#error-index label#title { + font-size: 100px; + color: #fc6399; + font-weight: 500; +} +#error-index label#message { + font-size: 50px; + color: #f5ab35; + font-weight: 500; +} +#error-index label#error { + font-size: 25px; + color: #F64747; + font-weight: 500; +} + +#nav-index { + width: 100%; + max-width: 900px; + margin: 0 auto; +} +#nav-index #nav-index-wrapper #nav-pages .nav-item { + display: block; + width: 98%; + background: #EFEBE3; + border-radius: 3px; + 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; + padding: 0; + margin: -15px 0 0 10px; + cursor: move; +} +#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 { + 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) { + #nav-index #nav-index-wrapper #nav-pages .nav-item { + width: 94.5%; + font-size: 1em; + } + #nav-index #nav-index-wrapper #nav-pages .nav-item label { + width: 40%; + vertical-align: top; + margin-top: 0px; + line-height: 1em; + } +} +@media only screen and (max-width: 320px) { + #nav-index #nav-index-wrapper #nav-pages .nav-item { + width: 94.5%; + font-size: 1em; + } + #nav-index #nav-index-wrapper #nav-pages .nav-item label { + width: 37%; + vertical-align: top; + margin-top: 0px; + line-height: 1em; + } +} +form { + display: inline-block; +} +form a { + color: #1D3040; +} +form p { + background: #f5ab35; + color: #1D3040; + padding: 5px; + display: block; + border-radius: 5px; + text-align: left; +} + +input[type=email], input[type=password], input[type=text] { + border: 0; + border-radius: 5px; + padding: 5px; + margin: 10px 5px 0 0; + font: 18px Helvetica, Arial, sans-serif; + display: inline-block; + background: #1D3040; + color: #f5ab35; +} + +textarea { + border: 0; + border-radius: 3px; + color: #EFEBE3; + font: 15px Helvetica, Arial, sans-serif; + background: #1D3040; +} + +button, input[type=submit] { + background: #fc6399; + color: #1D3040; + font: 20px Helvetica, Arial, sans-serif; + border-radius: 5px; + position: relative; + cursor: pointer; + border: 0; + padding: 10px 0 5px 0; + transition: all 0.3s linear; +} + +select { + font: 14px Helvetica, Arial, sans-serif; + border: 1px solid #b2cce5; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + color: #1D3040; +} + +::-webkit-input-placeholder { + font: 25px Helvetica, Arial, sans-serif; + color: #EFEBE3; +} + +:-moz-placeholder { + /* Firefox 18- */ + font: 25px Helvetica, Arial, sans-serif; + color: #EFEBE3; +} + +::-moz-placeholder { + /* Firefox 19+ */ + font: 15px Helvetica, Arial, sans-serif; + color: #EFEBE3; +} + +:-ms-input-placeholder { + font: 25px Helvetica, Arial, sans-serif; + color: #EFEBE3; +} + +#post-index { + width: 100%; + max-width: 900px; + margin: 0 auto; +} +#post-index #post-index-wrapper { + overflow: hidden; +} +#post-index #post-index-wrapper #post-index-header { + margin: 10px 0 0 0; +} +#post-index #post-index-wrapper #post-index-header #post-index-header-left { + text-transform: capitalize; + display: inline-block; + width: 50%; + color: #EFEBE3; + font-size: 3em; +} +#post-index #post-index-wrapper #post-index-header #post-index-header-right { + text-align: right; + display: inline-block; + width: 50%; +} +#post-index #post-index-wrapper #post-index-header #post-index-header-right a button { + color: #EFEBE3; + border-radius: 3px; + margin-left: 10px; + width: 55px; +} +#post-index #post-index-wrapper #post-index-header #post-index-header-right a svg { + transition: all 0.1s linear; + width: 20px; + height: 17px; + fill: #EFEBE3; +} +#post-index #post-index-wrapper #post-index-header #post-index-header-right .current-filter { + color: #fc6399; + text-decoration-color: #b2cce5; +} +#post-index #post-index-wrapper #posts-list { + margin: 20px 0 0 0; +} +#post-index #post-index-wrapper #posts-list a.page-link { + background: #EFEBE3; + display: inline-block; + vertical-align: top; + width: 100%; + text-decoration: none; + margin: 0 0 20px 0; + border-radius: 3px; + overflow: hidden; + color: black; +} +#post-index #post-index-wrapper #posts-list a.page-link label { + font-size: 2em; + font-weight: 500; + padding: 10px; + display: inline-block; + vertical-align: top; + width: 100%; +} +#post-index #post-index-wrapper #posts-list a.page-link div.page-bg, #post-index #post-index-wrapper #posts-list a.page-link div.page-video { + width: 100%; + height: 350px; + background-color: #fc6399; + position: relative; +} +#post-index #post-index-wrapper #posts-list a.page-link div.page-bg video, #post-index #post-index-wrapper #posts-list a.page-link div.page-video video { + width: 100%; + position: absolute; +} +#post-index #post-index-wrapper #posts-list a.page-link div.page-bg label, #post-index #post-index-wrapper #posts-list a.page-link div.page-video label { + font-size: 2em; + font-weight: 700; + color: #EFEBE3; + padding: 5px; + vertical-align: top; + display: inline-block; + word-wrap: break-word; + width: 100%; + text-align: center; + position: relative; + top: 35%; + text-shadow: 2px 2px 0 #32302f; +} +#post-index #post-index-wrapper #posts-list a.page-link div.page-bg #meta, #post-index #post-index-wrapper #posts-list a.page-link div.page-video #meta { + width: 100%; + background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%); + border-radius: 3px; + margin: auto; + bottom: 0; + position: absolute; + padding: 0 0 20px 0; +} +#post-index #post-index-wrapper #posts-list a.page-link div.page-bg #meta #options, #post-index #post-index-wrapper #posts-list a.page-link div.page-video #meta #options { + width: 100%; + bottom: 0; + position: absolute; +} +#post-index #post-index-wrapper #posts-list a.page-link div.page-bg #meta #options #option-left, #post-index #post-index-wrapper #posts-list a.page-link div.page-video #meta #options #option-left { + display: inline-block; + vertical-align: top; + width: 50%; + position: relative; + background: none; +} +#post-index #post-index-wrapper #posts-list a.page-link div.page-bg #meta #options #option-left button, #post-index #post-index-wrapper #posts-list a.page-link div.page-video #meta #options #option-left button { + border-radius: 3px; + background: #1D3040; + margin: 0 0 10px 10px; +} +#post-index #post-index-wrapper #posts-list a.page-link div.page-bg #meta #options #option-left svg, #post-index #post-index-wrapper #posts-list a.page-link div.page-video #meta #options #option-left svg { + transition: all 0.2s linear; + width: 40px; + height: 20px; + fill: #b2cce5; +} +#post-index #post-index-wrapper #posts-list a.page-link div.page-bg #meta #options #option-left .item-options, #post-index #post-index-wrapper #posts-list a.page-link div.page-video #meta #options #option-left .item-options { + border-radius: 3px; + margin: 5px; + display: inline-block; +} +#post-index #post-index-wrapper #posts-list a.page-link div.page-bg #meta #options #option-left button[data-active=false], #post-index #post-index-wrapper #posts-list a.page-link div.page-video #meta #options #option-left button[data-active=false] { + background: #1D3040; +} +#post-index #post-index-wrapper #posts-list a.page-link div.page-bg #meta #options #option-left button[data-active=false] svg, #post-index #post-index-wrapper #posts-list a.page-link div.page-video #meta #options #option-left button[data-active=false] svg { + fill: #b2cce5; +} +#post-index #post-index-wrapper #posts-list a.page-link div.page-bg #meta #options #option-left button[data-active=true], #post-index #post-index-wrapper #posts-list a.page-link div.page-video #meta #options #option-left button[data-active=true] { + background: #f5ab35; +} +#post-index #post-index-wrapper #posts-list a.page-link div.page-bg #meta #options #option-left button[data-active=true] svg, #post-index #post-index-wrapper #posts-list a.page-link div.page-video #meta #options #option-left button[data-active=true] svg { + fill: #1D3040; +} +#post-index #post-index-wrapper #posts-list a.page-link div.page-bg #meta #options #option-right, #post-index #post-index-wrapper #posts-list a.page-link div.page-video #meta #options #option-right { + display: inline-block; + width: 50%; + text-align: right; +} +#post-index #post-index-wrapper #posts-list a.page-link div.page-bg #meta #options #option-right span, #post-index #post-index-wrapper #posts-list a.page-link div.page-video #meta #options #option-right span { + font-weight: bold; + display: block; + background: #EFEBE3; + color: #1D3040; + border-radius: 3px; + font-size: 0.6em; + text-align: center; + position: relative; + padding: 5px; + float: right; + margin: 0 10px 0 0; + bottom: -15px; +} +#post-index #post-index-wrapper #posts-list a.page-link p { + padding: 5px 10px 5px 10px; + font-size: 1.2em; + font-weight: 400; +} +#post-index #post-index-wrapper .paginate { + width: 260px; + display: block; + margin: 0 auto; +} +#post-index #post-index-wrapper .paginate a { + display: inline-block; + vertical-align: top; +} +#post-index #post-index-wrapper .paginate span.count { + text-align: center; + padding: 5px; + margin-top: -2px; + display: inline-block; + width: 190px; + font-size: 1.5em; + color: #f5ab35; +} + +#post-edit-index { + width: 100%; + overflow: hidden; +} +#post-edit-index #post-edit-index-wrapper { + width: 100%; +} +#post-edit-index #post-edit-index-wrapper #post-header { + background: #fc6399; +} +#post-edit-index #post-edit-index-wrapper #post-header #post-header-wrapper { + max-width: 900px; + margin: 0 auto; + padding: 0.75rem; +} +#post-edit-index #post-edit-index-wrapper #post-header #post-header-wrapper label { + color: #EFEBE3; + font-size: 0.9em; + font-family: Helvetica, Arial, sans-serif; + font-weight: 600; +} +#post-edit-index #post-edit-index-wrapper #post-header #post-header-wrapper span { + color: #1D3040; + font-size: 0.9em; + font-weight: 600; + text-transform: uppercase; + float: right; +} +#post-edit-index #post-edit-index-wrapper #post-header #post-header-wrapper #post-title #post_title { + background: #EFEBE3; + font-family: Helvetica, Arial, sans-serif; + width: 97.6%; + height: 80px; + font-size: 2em; + color: #1D3040; + padding: 5px; + margin: 0 0 5px 0; +} +#post-edit-index #post-edit-index-wrapper #post-header #post-header-wrapper #post-title #calendar-icon { + background: #05090b; + border-radius: 3px 0 0 3px; + display: inline-block; + padding: 5.2px; + color: #b2cce5; +} +#post-edit-index #post-edit-index-wrapper #post-header #post-header-wrapper #post-title #layouts select { + background: #1D3040; + color: #b2cce5; + border-radius: 3px; + border-color: #1D3040; + margin: 0 0 10px 0; + width: 100%; + height: 45px; + padding: 5px; + font-size: 1.5em; +} +#post-edit-index #post-edit-index-wrapper #post-header #post-header-wrapper #post-meta #post_tags { + background: #EFEBE3; + font-family: Helvetica, Arial, sans-serif; + width: 97.6%; + height: 80px; + color: #1D3040; + padding: 5px; + margin: 0 0 5px 0; +} +#post-edit-index #post-edit-index-wrapper #post-header #post-header-wrapper #post-meta #post-options { + display: inline-block; + vertical-align: top; + width: 100%; + padding: 0; + margin: 0 0 10px 0; +} +#post-edit-index #post-edit-index-wrapper #post-header #post-header-wrapper #post-meta #post-options button:nth-child(1) { + border-radius: 3px 0 0 3px; +} +#post-edit-index #post-edit-index-wrapper #post-header #post-header-wrapper #post-meta #post-options button:nth-child(4) { + border-radius: 0 3px 3px 0; +} +#post-edit-index #post-edit-index-wrapper #post-header #post-header-wrapper #post-meta #post-options a button { + border-radius: 0 3px 3px 0 !important; +} +#post-edit-index #post-edit-index-wrapper #post-header #post-header-wrapper #post-meta #post-options button { + width: 25%; + height: 45px; + transition: all 0.3s linear; + margin: 0; + border-radius: 0; + display: inline-block; + vertical-align: top; + text-align: center; +} +#post-edit-index #post-edit-index-wrapper #post-header #post-header-wrapper #post-meta #post-options button[data-active=false] { + background: #1D3040; +} +#post-edit-index #post-edit-index-wrapper #post-header #post-header-wrapper #post-meta #post-options button[data-active=false] svg { + fill: #b2cce5; +} +#post-edit-index #post-edit-index-wrapper #post-header #post-header-wrapper #post-meta #post-options button[data-active=true] { + background: #f5ab35; +} +#post-edit-index #post-edit-index-wrapper #post-header #post-header-wrapper #post-meta #post-options button[data-active=true] svg { + fill: #1D3040; +} +#post-edit-index #post-edit-index-wrapper #post-header #post-header-wrapper #post-meta #page-files-upload, #post-edit-index #post-edit-index-wrapper #post-header #post-header-wrapper #post-meta #post-image-upload { + display: none; +} +#post-edit-index #post-edit-index-wrapper #post-feature { + width: 100%; +} +#post-edit-index #post-edit-index-wrapper #post-feature #page-file-manager { + background: #f5ab35; + width: 100%; + min-height: 300px; +} +#post-edit-index #post-edit-index-wrapper #post-feature #page-file-manager #page-file-wrapper { + width: 100%; + max-width: 900px; + padding: 10px; + margin: 0 auto; + font-weight: bold; + font-color: #1D3040; + font-size: 1em; +} +#post-edit-index #post-edit-index-wrapper #post-feature #page-file-manager #page-file-wrapper #page-file-drop { + display: flex; + align-items: center; + justify-content: center; + width: 100%; + min-height: 100px; + background: #EFEBE3; + color: #1D3040; + vertical-align: middle; + border-radius: 5px; + margin: 0 0 10px 0; +} +#post-edit-index #post-edit-index-wrapper #post-feature #page-file-manager #page-file-wrapper #page-file-drop label { + cursor: pointer; + font-weight: 600px; + text-transform: capitalize; +} +#post-edit-index #post-edit-index-wrapper #post-feature #page-file-manager #page-file-wrapper #page-file-drop img { + width: 100%; + margin: 0; + padding: 0; +} +#post-edit-index #post-edit-index-wrapper #post-feature #page-file-manager #page-file-wrapper #page-images-list, #post-edit-index #post-edit-index-wrapper #post-feature #page-file-manager #page-file-wrapper #page-files-list { + padding: 10px 0 0 0; +} +#post-edit-index #post-edit-index-wrapper #post-feature #page-file-manager #page-file-wrapper #page-images-list .img-item, #post-edit-index #post-edit-index-wrapper #post-feature #page-file-manager #page-file-wrapper #page-files-list .img-item { + height: 150px; + width: 23.8%; + border-radius: 3px; + margin: 0 10px 10px 0; + display: inline-block; + cursor: pointer; +} +#post-edit-index #post-edit-index-wrapper #post-feature #page-file-manager #page-file-wrapper #page-images-list .audio-item, #post-edit-index #post-edit-index-wrapper #post-feature #page-file-manager #page-file-wrapper #page-files-list .audio-item { + height: 150px; + width: 23.8%; + border-radius: 3px; + margin: 0 10px 10px 0; + display: inline-block; + cursor: pointer; + background: #1D3040; + background: url("/assets/images/global/upload-audio.png") no-repeat center center/cover; +} +#post-edit-index #post-edit-index-wrapper #post-feature #page-file-manager #page-file-wrapper #page-images-list .video-item, #post-edit-index #post-edit-index-wrapper #post-feature #page-file-manager #page-file-wrapper #page-files-list .video-item { + height: 150px; + width: 23.8%; + border-radius: 3px; + margin: 0 10px 10px 0; + display: inline-block; + cursor: pointer; + background: #1D3040; + background: url("/assets/images/global/upload-video.png") no-repeat center center/cover; +} +#post-edit-index #post-edit-index-wrapper #post-feature #page-file-manager #page-file-wrapper #page-images-list .file-item, #post-edit-index #post-edit-index-wrapper #post-feature #page-file-manager #page-file-wrapper #page-files-list .file-item { + height: 150px; + width: 23.8%; + border-radius: 3px; + margin: 0 10px 10px 0; + display: inline-block; + cursor: pointer; + background: #1D3040; + background: url("/assets/images/global/upload-doc.png") no-repeat center center/cover; +} +#post-edit-index #post-edit-index-wrapper #edit-post { + width: 100%; + max-width: 880px; + margin: 0 auto; +} +#post-edit-index #post-edit-index-wrapper #edit-post #edit-post-wrapper { + width: 100%; + max-width: 900px; + border-radius: 5px; + position: relative; +} +#post-edit-index #post-edit-index-wrapper #edit-post #edit-post-wrapper textarea:focus { + outline: none; + border-color: #fc6399; +} +#post-edit-index #post-edit-index-wrapper #edit-post #edit-post-wrapper #edit, #post-edit-index #post-edit-index-wrapper #edit-post #edit-post-wrapper #highlight { + border: 0; + width: 100%; + min-height: 300px; + height: auto; + position: absolute; + top: 0; + left: 0; + overflow: auto; + word-wrap: normal; + white-space: pre-wrap; + line-break: normal; +} +#post-edit-index #post-edit-index-wrapper #edit-post #edit-post-wrapper #highlight-content { + word-wrap: normal; + white-space: pre-wrap; + line-break: normal; +} +#post-edit-index #post-edit-index-wrapper #edit-post #edit-post-wrapper #edit, #post-edit-index #post-edit-index-wrapper #edit-post #edit-post-wrapper #highlight, #post-edit-index #post-edit-index-wrapper #edit-post #edit-post-wrapper #hightlight * { + font-size: 1.2em; + font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace; + line-height: 22pt; +} +#post-edit-index #post-edit-index-wrapper #edit-post #edit-post-wrapper #edit { + z-index: 1; + color: transparent; + background: transparent; + caret-color: #fc6399; +} +#post-edit-index #post-edit-index-wrapper #edit-post #edit-post-wrapper #highlight { + z-index: 0; +} +#post-edit-index #post-edit-index-wrapper #edit-post #edit-post-wrapper #highlight pre { + margin: 0; +} +#post-edit-index #post-edit-index-wrapper #edit-post #edit-post-wrapper #highlight pre code { + font-family: "Lucida Console", Monaco, monospace; + padding: 5px; + border-radius: 5px; + line-height: 1.6em; + font-size: 1.25em; + color: #fde3a7; + word-wrap: normal; + white-space: pre-wrap; + line-break: normal; + -webkit-line-break: normal; + -o-line-break: normal; + -moz-line-break: normal; + display: inline-block; + width: 100%; + max-width: 900px; + min-height: 200px; + caret-color: #fc6399; +} + +@media only screen and (max-width: 800px) { + #post-edit-index #post-edit-index-wrapper #post-header #post-title #post-date { + width: 37.6%; + } +} +@media only screen and (max-width: 768px) { + #post-edit-index #post-edit-index-wrapper #post-header #post-title #post-date { + width: 43.1%; + } + #post-edit-index #post-edit-index-wrapper #post-header #post-meta #edit-control { + max-width: 100%; + } + #post-edit-index #post-edit-index-wrapper #post-header #post-meta #edit-control button { + width: 9.91%; + } +} +@media only screen and (max-width: 640px) { + #post-edit-index #post-edit-index-wrapper #post-header #post-title #post-date { + width: 42%; + } +} +@media only screen and (max-width: 480px) { + #post-index #post-index-wrapper #post-index-header #post-index-header-left { + font-size: 1.35em; + width: 30%; + } + #post-index #post-index-wrapper #post-index-header #post-index-header-right { + width: 70%; + vertical-align: top; + } + #post-index #post-index-wrapper #post-index-menu a { + font-size: 0.95em; + } + #post-index #post-index-wrapper #post-index-menu a label { + display: none; + visibility: hidden; + } + + #post-edit-index #post-edit-index-wrapper #post-header #post-title #post-options { + margin: 5px 0 0 0; + width: 100%; + padding: 0; + } + #post-edit-index #post-edit-index-wrapper #post-header #post-title #post-date { + width: 89.2%; + } + #post-edit-index #post-edit-index-wrapper #post-header #post-meta #edit-control button { + width: 9.91%; + } +} +@media only screen and (max-width: 320px) { + #post-index #post-index-wrapper #post-index-menu a { + font-size: 0.95em; + } + #post-index #post-index-wrapper #post-index-menu a label { + display: none; + visibility: hidden; + } + + #post-edit-index #post-edit-index-wrapper #post-header #post-title #post_title { + width: 96.4%; + } + #post-edit-index #post-edit-index-wrapper #post-header #post-title #post-options { + margin: 5px 0 0 0; + width: 100%; + padding: 0; + } + #post-edit-index #post-edit-index-wrapper #post-header #post-title #post-date { + width: 83.1%; + } + #post-edit-index #post-edit-index-wrapper #post-header #post-meta #post_tags { + width: 96.4%; + } + #post-edit-index #post-edit-index-wrapper #post-header #post-meta #edit-control .content-editor-btn-icon svg.icons { + width: 20px; + } + #post-edit-index #post-edit-index-wrapper #post-header #post-meta #edit-control .post-sumbit-btn svg.icons { + width: 20px; + } + #post-edit-index #post-edit-index-wrapper #post-header #post-meta #edit-control button { + width: 10%; + } +} +.dp-modal { + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: rgba(0, 0, 0, 0.75); + z-index: 2000; +} + +.dp { + position: relative; + background: #1D3040; + box-shadow: 2px 2px 16px rgba(0, 0, 0, 0.25); + line-height: 1.4; + border-radius: 4px; + max-height: 400px; + z-index: 5000; + padding-top: 6px; + overflow: hidden; + -webkit-tap-highlight-color: transparent; +} + +.dp:before { + content: " "; + height: 6px; + position: absolute; + top: 0; + left: 0; + right: 0; + background: #fc6399; +} + +.dp-permanent .dp { + padding-top: 0; + border: 1px solid #EEE; + box-shadow: none; +} + +.dp-permanent .dp:before { + display: none; +} + +.dp-cal { + min-height: 300px; +} + +.dp-below { + position: absolute; + font-size: 0.8em; + width: 400px; + max-width: 90vw; +} + +.dp-permanent { + position: relative; + font-size: 0.8em; + width: 400px; + max-width: 100vw; +} + +.dp-permanent .dp { + z-index: 0; +} + +.dp-modal .dp { + position: absolute; + top: 50%; + left: 50%; + max-width: 600px; + width: calc(100% - 4em); + transform: translate(-50%, -50%); + animation: slide-up 0.3s forwards; +} + +.dp-months { + padding: 24px; +} + +.dp-years { + box-sizing: border-box; + max-height: 400px; + padding: 8px 0; + /* HACK for Chrome on Android */ + overflow: auto !important; +} + +.dp-cal-month, .dp-cal-year, .dp-day, .dp-month, .dp-year { + box-sizing: border-box; + text-align: center; + text-decoration: none; + position: relative; + color: #EFEBE3; + border-radius: 2px; + border: 0; + background: transparent; +} + +.dp-cal-header { + position: relative; + text-align: center; + padding-bottom: 16px; + background: #0d161d; +} + +.dp-next, .dp-prev { + position: absolute; + width: 30px; + height: 30px; + overflow: hidden; + top: 14px; + color: black; + border-radius: 2px; + border: 0; + background: transparent; +} + +.dp-next:focus, .dp-prev:focus, .dp-next:hover, .dp-prev:hover { + outline: none; + color: inherit; +} + +.dp-prev { + left: 24px; +} + +.dp-next { + right: 24px; +} + +.dp-prev:before, .dp-next:before { + content: ""; + border: 2px solid; + width: 10px; + height: 10px; + display: inline-block; + transform: rotate(-45deg); + transition: border-color 0.2s; + margin: 9px 0 40px 4px; +} + +.dp-prev:before { + border-right: 0; + border-bottom: 0; +} + +.dp-next:before { + border-left: 0; + border-top: 0; + margin-left: 0; + margin-right: 4px; +} + +.dp-cal-month, .dp-cal-year { + display: inline-block; + font-size: 1.4em; + padding: 16px 8px 8px; + outline: none; +} + +.dp-cal-footer { + text-align: center; + background: #0d161d; +} + +.dp-day-today:after { + content: ""; + height: 0; + width: 0; + border: 7px solid #fc6399; + border-bottom-color: transparent; + border-left-color: transparent; + position: absolute; + top: 0; + right: 0; +} + +.dp-close, .dp-clear, .dp-today { + box-sizing: border-box; + display: inline-block; + width: 33%; + padding: 8px; + text-decoration: none; + color: black; + border: 0; + background: transparent; +} + +.dp-permanent .dp-close, .dp-permanent .dp-clear { + display: none; +} + +.dp-close:active, .dp-clear:active, .dp-today:active, .dp-next:active, .dp-prev:active, .dp-cal-month:active, .dp-cal-year:active { + background: #fc6399; + color: #EFEBE3; +} + +@media screen and (min-device-width: 1200px) { + .dp-close:hover, .dp-close:focus, .dp-clear:hover, .dp-clear:focus, .dp-today:hover, .dp-today:focus, .dp-next:hover, .dp-next:focus, .dp-prev:hover, .dp-prev:focus, .dp-cal-month:focus, .dp-cal-month:hover, .dp-cal-year:hover, .dp-cal-year:focus { + background: #fc6399; + color: #EFEBE3; + } +} +.dp-col-header, .dp-day { + width: 14.28571429%; + display: inline-block; + padding: 8px; + text-align: center; +} + +.dp-col-header { + color: #AAA; + text-transform: uppercase; + font-weight: 300; + font-size: 0.8em; + padding: 8px 0; +} + +.dp-month { + width: 33%; + display: inline-block; + padding: 8px; +} + +.dp-year { + display: block; + padding: 8px 40px; + width: 100%; +} + +.dp-edge-day { + color: #AAA; +} + +.dp-day:hover, .dp-month:hover, .dp-year:hover, .dp-current:focus, .dp-current, .dp-day:focus, .dp-month:focus, .dp-year:focus { + outline: none; + background: black; + color: #EFEBE3; +} + +.dp-selected:hover, .dp-selected:focus, .dp-selected { + background: #fc6399; + color: black; +} + +.dp-day-disabled { + background: transparent; + color: #DDD; +} + +.dp-day-disabled:focus, .dp-day-disabled:hover { + background: #DDD; +} + +.dp-focuser { + position: absolute; + z-index: 0; + top: 50%; + left: 50%; +} + +@media (max-width: 480px), (max-height: 480px) { + .dp-modal .dp { + font-size: 0.9em; + width: auto; + width: 100%; + } + + .dp-day-of-week, .dp-day { + padding: 8px; + } +} +@keyframes slide-up { + 0% { + transform: translate(-50%, 100%); + } + 100% { + transform: translate(-50%, -50%); + } +} +#edit-control { + top: 1px; + border-radius: 3px; + width: 100%; + max-width: 880px; + margin-top: 30px; + z-index: 2000; +} +#edit-control button:nth-child(1) { + border-radius: 3px 0 0 3px; +} +#edit-control button:nth-child(10) { + border-radius: 0 3px 3px 0; +} +#edit-control button { + background: #b2cce5; + width: 10%; + height: 39px; + transition: all 0.3s linear; + margin: 0; + border-radius: 0; + display: inline-block; + vertical-align: top; + text-align: center; +} +#edit-control button:hover { + background: #6699cb; +} +#edit-control #option-update { + padding: 5px 5px 1px 5px; + display: inline-block; + vertical-align: top; + text-align: center; +} +#edit-control .icon-hide { + display: none; + visibility: hidden; +} +#edit-control .submit-start { + background: #EFEBE3; +} +#edit-control .submit-start svg { + fill: #32cd32; +} +#edit-control .submit-cool { + background: #32cd32; +} +#edit-control .submit-cool svg { + fill: #EFEBE3; +} +#edit-control .submit-delete { + background: #F64747 !important; +} +#edit-control .submit-delete svg { + fill: #EFEBE3 !important; +} +#edit-control #option-date { + height: 30px; + padding-top: 6px; +} +#edit-control #option-date svg { + margin: -13px 5px 0 0; + display: inline-block; + vertical-align: top; + fill: #EFEBE3; +} +#edit-control .content-editor-btn-icon { + padding: 5px 5px 1px 5px; + color: #1D3040; +} +#edit-control .content-editor-btn-icon svg { + fill: #1D3040; +} +#edit-control .content-editor-btn-text { + padding: 5px; + color: #1D3040; +} +#edit-control #option-bold { + font-weight: bold; + text-decoration: none; +} +#edit-control #option-italic { + font-weight: bold; + text-decoration: none; + font-style: italic; +} +#edit-control #option-strikethrough { + font-weight: bold; + text-decoration: line-through; + font-style: italic; +} + +code[class*=language-], +pre[class*=language-] { + color: #fde3a7; + background: none; + text-shadow: 0 1px rgba(0, 0, 0, 0.3); + font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace; + font-size: 1em; + text-align: left; + white-space: pre; + word-spacing: normal; + word-break: normal; + word-wrap: normal; + line-height: 1.5; + -moz-tab-size: 4; + -o-tab-size: 4; + tab-size: 4; + -webkit-hyphens: none; + -moz-hyphens: none; + -ms-hyphens: none; + hyphens: none; +} + +pre[class*=language-] { + margin: 0.1em 0; + overflow: auto; + border-radius: 0.3em; +} + +:not(pre) > code[class*=language-], +pre[class*=language-] { + background: #1D3040; +} + +:not(pre) > code[class*=language-] { + padding: 0.1em; + border-radius: 0.3em; + white-space: normal; +} + +.token.comment, +.token.prolog, +.token.doctype, +.token.cdata { + color: #8292a2; +} + +.token.punctuation { + color: #e7903c; +} +.token.namespace { + opacity: 0.6; +} +.token.keyword { + color: #66d9ef; +} +.token.italic { + font-style: italic; +} +.token.entity { + cursor: help; +} +.token.content { + color: #6bb9f0; +} + +.token.property, +.token.tag, +.token.constant, +.token.symbol, +.token.deleted { + color: #e73c4e; +} + +.token.boolean, +.token.number { + color: #ae81ff; +} + +.token.selector, +.token.attr-name, +.token.string, +.token.char, +.token.builtin, +.token.inserted { + color: #a6e22e; +} + +.token.operator, +.token.entity, +.token.url, +.language-css .token.string, +.style .token.string, +.token.variable { + color: #dcc6e0; +} + +.token.atrule, +.token.attr-value, +.token.function, +.token.class-name { + color: #e6db74; +} + +.token.regex, +.token.important { + color: #e7903c; +} + +.token.important, +.token.bold { + font-weight: bold; +} + +/*# sourceMappingURL=dash.css.map */ diff --git a/src/com/ui/FileManager.js b/src/com/ui/FileManager.js deleted file mode 100644 index e6631ac..0000000 --- a/src/com/ui/FileManager.js +++ /dev/null @@ -1,204 +0,0 @@ -import Sortable from 'sortablejs'; -import DataUtils from '../utils/DataUtils'; -import Notfications from './Notifications.js'; -const notify = new Notfications(); - -export default class FileManager { - //-------------------------- - // constructor - //-------------------------- - constructor(upload, input, imageList, fileList) { - this.upload = upload; - this.input = input; - this.imageList = imageList; - this.fileList = fileList; - this.accetableFiles = [ - 'image/jpeg', - 'image/gif', - 'image/png', - 'image/svg', - 'audio/mpeg', - 'video/mp4', - 'application/pdf', - 'text/plain', - 'text/rtf' - ]; - this.files = []; - this.sortedFiles = []; - this.storage = []; - this.start(); - } - //-------------------------- - // methods - //-------------------------- - start() { - this.upload.addEventListener('dragover', e => this.handleFileActions(e), false); - this.upload.addEventListener('drop', e => this.handleFileActions(e), false); - this.input.addEventListener('change', e => this.handleFileActions(e), false); - - Sortable.create(this.imageList, { - onUpdate: e => { - notify.alert('REINDEXING FILES', null); - let currentFiles = []; //store current list - let items = e.target.children; - for (let index = 0; index < items.length; index++) { - var item = items[index]; - let url = ''; - if (item.className == 'img-item') { - url = item.style.backgroundImage.slice(4, -1).replace(/"/g, ''); - } else { - url = item.getAttribute('data-source'); - } - - currentFiles.push({ - earl: url - }); - } - this.reindexFiles(currentFiles, 0); - } - }); - - Sortable.create(this.fileList, { - onUpdate: e => { - notify.alert('REINDEXING FILES', null); - let currentFiles = []; - let items = e.target.children; - for (let index = 0; index < items.length; index++) { - var item = items[index]; - let url = item.getAttribute('data-source'); - currentFiles.push({ - earl: url - }); - } - this.reindexFiles(currentFiles, 0); - } - }); - } - - getFiles() { - return this.files; - } - - reindexFiles(sortOrder, step) { - let count = sortOrder.length; - if (step == 0) this.files = []; - var utils = new DataUtils(); - var path = sortOrder[step].earl.split('/'); - utils.imgLoad(sortOrder[step].earl).then(blob => { - var fresh = new File([blob], path[6], { type: blob.type }); - this.files.push(fresh); - if (this.files.length <= count - 1) { - this.reindexFiles(sortOrder, ++step); - } else { - notify.alert('FILES READY TO UPLOAD', true); - } - }); - } - - sortFiles(files) { - var self = this; - this.files = []; //clear files array - this.imageList.innerHTML = ''; - this.fileList.innerHTML = ''; - for (var i = 0, file; (file = files[i]); i++) { - var reader = new FileReader(); - // Closure to capture the file information - - reader.onload = (theFile => { - return function (f) { - // sort files - switch (theFile.type) { - case 'image/jpg': - case 'image/jpeg': - case 'image/gif': - case 'image/svg': - case 'image/png': - //create element and add to list - var image = document.createElement('img'); - image.src = f.target.result; - image.title = escape(theFile.name); - var span = document.createElement('div'); - span.style.background = - 'url(' + - f.target.result + - ') no-repeat center center / cover'; - span.className = 'img-item'; - image.setAttribute('id', i); - self.storage.push([ - { - id: 'page_image' + i, - data: f.target.result, - type: theFile.type, - name: escape(theFile.name) - } - ]); - self.imageList.appendChild(span); - //add to files list - self.files.push(theFile); - - break; - case 'video/mp4': - var video = document.createElement('div'); - video.className = 'video-item'; - video.setAttribute('data-source', f.target.result); - self.imageList.appendChild(video); - self.files.push(theFile); - break; - case 'audio/mpeg': - var sound = document.createElement('div'); - sound.className = 'audio-item'; - sound.setAttribute('data-source', f.target.result); - self.fileList.appendChild(sound); - self.files.push(theFile); - break; - case 'application/pdf': - case 'text/plain': - case 'text/rtf': - var file = document.createElement('div'); - file.className = 'file-item'; - file.setAttribute('data-source', f.target.result); - self.fileList.appendChild(file); - self.files.push(theFile); - break; - } - }; - })(file); - // Read in the image file as a data URL. - reader.readAsDataURL(file); - } - } - - //-------------------------- - // event handlers - //-------------------------- - handleFileActions(e) { - e.stopPropagation(); - e.preventDefault(); - let self = this; - let rawList = []; - let sortedList = []; - let notOnTheList = []; - - switch (e.type) { - case 'dragover': - e.dataTransfer.dropEffect = 'copy'; // Explicitly show this is a copy. - break; - case 'change': - case 'drop': - e.type == 'drop' - ? (rawList = e.dataTransfer.files) - : (rawList = e.target.files); - for (var i = 0, f; (f = rawList[i]); i++) { - // check witch files are cool to upload - if (this.accetableFiles.includes(f.type)) { - sortedList.push(f); - } else { - notOnTheList.push(f); - } - } - //send for sorting - self.sortFiles(sortedList); - break; - } - } -} -- 2.30.2 From 7890715ea67abcde26c003531c631c2c5ba3040c Mon Sep 17 00:00:00 2001 From: Ro Date: Mon, 10 Oct 2022 11:49:04 -0700 Subject: [PATCH 16/20] PHP Linting Tweaks PHP syntax checking was being weird so I spent some time to make some corrections. The problem was I was just using the wrong protocal, PEAR when I've been coding to the PSR12 standard. Easy fix. --- .php-cs-fixer.php | 8 +++++--- brain/utility/Maintenance.php | 1 - brain/utility/Sorting.php | 35 +++++++++++++++++++++++------------ 3 files changed, 28 insertions(+), 16 deletions(-) diff --git a/.php-cs-fixer.php b/.php-cs-fixer.php index adf5ae8..cd8588c 100644 --- a/.php-cs-fixer.php +++ b/.php-cs-fixer.php @@ -1,6 +1,8 @@ setRiskyAllowed(true) ->setRules([ '@PSR12' => true, 'array_indentation' => true, @@ -20,7 +22,7 @@ return (new PhpCsFixer\Config()) 'multiline_whitespace_before_semicolons' => [ 'strategy' => 'no_multi_line', ], - 'single_quote' => true, + 'single_quote' => false, 'binary_operator_spaces' => [ 'default' => 'single_space', @@ -50,7 +52,6 @@ return (new PhpCsFixer\Config()) 'extra', 'parenthesis_brace_block', 'throw', - ] ], 'no_multiline_whitespace_around_double_arrow' => true, @@ -68,5 +69,6 @@ return (new PhpCsFixer\Config()) 'ordered_imports' => [ 'sort_algorithm' => 'none', ], + //Other rules here... ]) ->setLineEnding("\n"); diff --git a/brain/utility/Maintenance.php b/brain/utility/Maintenance.php index f6a4469..c3e4f40 100644 --- a/brain/utility/Maintenance.php +++ b/brain/utility/Maintenance.php @@ -3,7 +3,6 @@ namespace brain\utility; use Carbon\Carbon; -use brain\data\Settings; class Maintenance { diff --git a/brain/utility/Sorting.php b/brain/utility/Sorting.php index 8ca60a4..aa38c14 100644 --- a/brain/utility/Sorting.php +++ b/brain/utility/Sorting.php @@ -2,12 +2,13 @@ namespace brain\utility; -use function _\filter; -use function _\find; use brain\data\Book; use brain\data\Settings; use Mni\FrontYAML\Parser; +use function _\filter; +use function _\find; + class Sorting { private static $p_tags = []; @@ -16,6 +17,7 @@ class Sorting public function __construct() { } + public static function tags() { $pages = (new Book('../content/pages'))->getContents(); @@ -36,6 +38,7 @@ class Sorting return self::$p_tags; } + private static function tagPages($tag, $pages) { $tagged = []; @@ -52,6 +55,7 @@ class Sorting return $tagged; } + public static function archive() { $pages = (new Book('../content/pages'))->getContents(); @@ -64,10 +68,13 @@ class Sorting if (!find($years, ['year' => trim($date[0])])) { $findPages = filter($pages, ['createdYear' => trim($date[0])]); // var_dump($findPages); - array_push($years, [ - 'year' => trim($date[0]), - 'count' => count($findPages), - ]); + array_push( + $years, + [ + 'year' => trim($date[0]), + 'count' => count($findPages), + ] + ); } } foreach ($years as $year) { @@ -77,12 +84,15 @@ class Sorting foreach ($filtered as $obj) { $month = date('m', date($obj['rawCreated'])); if (!find($sorted, ['month' => $month])) { - $perMonth = filter($pages, [ - 'path' => $year['year'] . '/' . $month, - 'deleted' => false, - 'published' => true, - 'layout' => 'page', - ]); + $perMonth = filter( + $pages, + [ + 'path' => $year['year'] . '/' . $month, + 'deleted' => false, + 'published' => true, + 'layout' => 'page', + ] + ); array_push($sorted, [ 'month' => $month, 'full_month' => date('F', date($obj['rawCreated'])), @@ -99,6 +109,7 @@ class Sorting return self::$p_archive; } + public static function page($page) { $config = new Settings(); -- 2.30.2 From a14d4a0a08dff8fcacb2694a81fa012ea251971f Mon Sep 17 00:00:00 2001 From: Ro Date: Mon, 10 Oct 2022 12:54:35 -0700 Subject: [PATCH 17/20] Move Repo test Just a quick update to see if I got all the setting right as I'm migrating the show to a fresh repo --- README.md | 4 +--- 1 file changed, 1 insertion(+), 3 deletions(-) diff --git a/README.md b/README.md index 89aadd7..4d57e14 100644 --- a/README.md +++ b/README.md @@ -6,8 +6,6 @@ The Fipamo project was born from a need for a simple, easy to use no data blog p Because nobody has time for all that. -## Check the (WIP) Docs to get you started.
+## Check the (WIP) Docs to get you started.
[Getting Started](https://code.playvicio.us/Are0h/Fipamo/wiki/00---Start)
-[Install](https://code.playvicio.us/Are0h/Fipamo/wiki/01---Install)
-[Using Fipamo](https://code.playvicio.us/Are0h/Fipamo/wiki/02-Usage)
-- 2.30.2 From 859b75e9f3a1a9ff6892ea61d69ffade7fc05459 Mon Sep 17 00:00:00 2001 From: Ro Date: Mon, 10 Oct 2022 13:07:12 -0700 Subject: [PATCH 18/20] Removed links to old repo from ReadMe I'll probably miss some as the migration completes but let's start with scrubbing the old repo from the new one. --- README.md | 4 +--- 1 file changed, 1 insertion(+), 3 deletions(-) diff --git a/README.md b/README.md index 4d57e14..b554f92 100644 --- a/README.md +++ b/README.md @@ -1,5 +1,3 @@ -![This is Fipamo](https://playvicio.us/base-assets/images/fipamo-brand.png) - # Fipamo means to save The Fipamo project was born from a need for a simple, easy to use no data blog platform that doesn't require much effort to set up and maintain. Fipamo uses Markdown to handle posts and renders them to flat html so you can serve them from anywhere. No complicated set ups. No long list of dependencies. Just set up and go. @@ -8,4 +6,4 @@ Because nobody has time for all that. ## Check the (WIP) Docs to get you started.
-[Getting Started](https://code.playvicio.us/Are0h/Fipamo/wiki/00---Start)
+[Getting Started](https://koodu.ubiqueros.com/are0h/Fipamo/wiki/00---Start)
-- 2.30.2 From 61ae73a9e5e833e7b51604d081d03229f2b7f037 Mon Sep 17 00:00:00 2001 From: Ro Date: Thu, 3 Nov 2022 13:46:36 -0700 Subject: [PATCH 19/20] Issue #83 Round 1 First pass for CSS refactor for the dashboard, including the login and index templates. Still rough but the basic structure is in place for both as well as the re-worked css that will be added to the repo later once all the pages have been updated. Lots to do still but a good start. --- brain/controller/APIControl.php | 2 + brain/controller/RouteControl.php | 1 - brain/views/dash/_frame.old.twig | 66 +++++++++++ brain/views/dash/_frame.twig | 50 ++++---- brain/views/dash/forms/login.twig | 26 ++--- brain/views/dash/partials/index.twig | 107 ++++++++---------- brain/views/dash/partials/navigation.twig | 28 ++--- brain/views/dash/partials/recent-meta.twig | 43 +++++++ brain/views/dash/partials/recent-options.twig | 42 ------- brain/views/dash/start.twig | 20 ++-- package.json | 4 +- package.old.json | 43 +++++++ public/assets/images/global/fipamo-logo.svg | 60 +++++----- public/assets/scripts/Start.js | 5 +- src/com/Base.js | 8 +- 15 files changed, 301 insertions(+), 204 deletions(-) create mode 100644 brain/views/dash/_frame.old.twig create mode 100644 brain/views/dash/partials/recent-meta.twig delete mode 100644 brain/views/dash/partials/recent-options.twig create mode 100644 package.old.json diff --git a/brain/controller/APIControl.php b/brain/controller/APIControl.php index dd60058..c9d253a 100644 --- a/brain/controller/APIControl.php +++ b/brain/controller/APIControl.php @@ -226,6 +226,8 @@ class APIControl break; } + var_dump($result); + $response->getBody()->write(json_encode($result)); return $response->withHeader('Content-Type', 'application/json'); } diff --git a/brain/controller/RouteControl.php b/brain/controller/RouteControl.php index ab75386..3ceaa26 100644 --- a/brain/controller/RouteControl.php +++ b/brain/controller/RouteControl.php @@ -34,7 +34,6 @@ class RouteControl switch (isset($args['first']) ? $args['first'] : 'index') { case 'api': //$result = APIControl::post($request, $response, $args); - //var_dump($result); return APIControl::post($request, $response, $args); break; default: diff --git a/brain/views/dash/_frame.old.twig b/brain/views/dash/_frame.old.twig new file mode 100644 index 0000000..4f96798 --- /dev/null +++ b/brain/views/dash/_frame.old.twig @@ -0,0 +1,66 @@ + + + + + + + {% block title %} + {{ title }} + {% endblock %} + + {% block stylesheets %}{% endblock %} + + +
+
+
+ +
+
+ +
+
+ +
+ +
+
+

MESSAGE TEXT

+
+ +
+
+
+
+ {% if status %} + + {% endif %} + {% apply spaceless %} + {% block mainContent %}{% endblock %} + {% endapply %} + +
+ + +
+ +
+ {% block javascripts %}{% endblock %} + + diff --git a/brain/views/dash/_frame.twig b/brain/views/dash/_frame.twig index 4f96798..f941c1e 100644 --- a/brain/views/dash/_frame.twig +++ b/brain/views/dash/_frame.twig @@ -30,36 +30,32 @@ -
-
- {% if status %} -
- - -
- + {% endif %} + +
+ {% apply spaceless %} + {% block mainContent %}{% endblock %} + {% endapply %} +
{% block javascripts %}{% endblock %} diff --git a/brain/views/dash/forms/login.twig b/brain/views/dash/forms/login.twig index 2a8792d..ad86a3f 100644 --- a/brain/views/dash/forms/login.twig +++ b/brain/views/dash/forms/login.twig @@ -1,13 +1,13 @@ -
-
- - -
-
\ No newline at end of file +
+
+ +
+ +
diff --git a/brain/views/dash/partials/index.twig b/brain/views/dash/partials/index.twig index 0ebb0e2..3258b12 100644 --- a/brain/views/dash/partials/index.twig +++ b/brain/views/dash/partials/index.twig @@ -1,58 +1,51 @@ -
-
-
-
- Recent -
-
- - - - - - - -
-
-
- {% if data["entryCount"] != 0 %} - {% for page in data['pages'] %} - {% if page.media[0].type == 'mp4' %} - - - - - {{ include("dash/partials/recent-options.twig") }} - - - {% else %} - - - - {{ include("dash/partials/recent-options.twig") }} - - {% endif %} - - {% endfor %} - {% else %} - There are no pages - {% endif %} - -
+
+
+

Recent

+ +
+
+ {% if data["entryCount"] != 0 %} + {% for page in data['pages'] %} + {% if page.media[0].type == 'mp4' %} + + + + + {{ include("dash/partials/recent-meta.twig") }} + + + {% else %} + + + + {{ include("dash/partials/recent-meta.twig") }} + + {% endif %} + + {% endfor %} + {% else %} + There are no pages + {% endif %} + +
diff --git a/brain/views/dash/partials/navigation.twig b/brain/views/dash/partials/navigation.twig index 24634c1..10ffc29 100644 --- a/brain/views/dash/partials/navigation.twig +++ b/brain/views/dash/partials/navigation.twig @@ -1,23 +1,25 @@ -
+ \ No newline at end of file +
diff --git a/brain/views/dash/partials/recent-meta.twig b/brain/views/dash/partials/recent-meta.twig new file mode 100644 index 0000000..0160efe --- /dev/null +++ b/brain/views/dash/partials/recent-meta.twig @@ -0,0 +1,43 @@ +{% if page.menu == 'true' %} + {% set menu = "true" %} +{% else %} + {% set menu = "false" %} +{% endif %} +{% if page.published == 'true' %} + {% set published = "true" %} +{% else %} + {% set published = "false" %} +{% endif %} +{% if page.featured == 'true' %} + {% set featured = "true" %} +{% else %} + {% set featured = "false" %} +{% endif %} + + diff --git a/brain/views/dash/partials/recent-options.twig b/brain/views/dash/partials/recent-options.twig deleted file mode 100644 index c7e8096..0000000 --- a/brain/views/dash/partials/recent-options.twig +++ /dev/null @@ -1,42 +0,0 @@ -
- {% if page.menu == 'true' %} - {% set menu = "true" %} - {% else %} - {% set menu = "false" %} - {% endif %} - {% if page.published == 'true' %} - {% set published = "true" %} - {% else %} - {% set published = "false" %} - {% endif %} - {% if page.featured == 'true' %} - {% set featured = "true" %} - {% else %} - {% set featured = "false" %} - {% endif %} -
- - - - - -
-
- - {{ page.updated }} - -
- -
\ No newline at end of file diff --git a/brain/views/dash/start.twig b/brain/views/dash/start.twig index ad9d3d0..4f822ca 100644 --- a/brain/views/dash/start.twig +++ b/brain/views/dash/start.twig @@ -5,21 +5,17 @@ {% endblock %} {% block stylesheets %} - + {% endblock %} {% block mainContent %} -
-
- {% if status %} - {% apply spaceless %} - {{ include("dash/partials/index.twig") }} - {% endapply %} - {% else %} - {{ include("dash/forms/login.twig") }} - {% endif %} -
-
+ {% if status %} + {% apply spaceless %} + {{ include("dash/partials/index.twig") }} + {% endapply %} + {% else %} + {{ include("dash/forms/login.twig") }} + {% endif %} {% endblock %} {% block javascripts %} diff --git a/package.json b/package.json index ea57ef7..4f8c99c 100644 --- a/package.json +++ b/package.json @@ -35,8 +35,8 @@ "license": "UNLICENSED", "author": "Are0h", "scripts": { - "watch": "sass --watch src/styles:public/assets/css & npx parcel watch src/com/Start.js --dist-dir public/assets/scripts --public-url /assets/scripts", - "build": "sass src/styles:public/assets/css & npx parcel build src/com/Start.js --dist-dir public/assets/scripts --public-url /assets/scripts" + "watch": "npx parcel watch src/com/Start.js --dist-dir public/assets/scripts --public-url /assets/scripts", + "build": "npx parcel build src/com/Start.js --dist-dir public/assets/scripts --public-url /assets/scripts" }, "description": "Front end script for the most chill blog framework ever.", "repository": "https://code.playvicio.us/Are0h/Fipamo" diff --git a/package.old.json b/package.old.json new file mode 100644 index 0000000..ea57ef7 --- /dev/null +++ b/package.old.json @@ -0,0 +1,43 @@ +{ + "name": "fipamo-dash", + "version": "2.5.1-beta", + "private": true, + "apidoc": { + "name": "Fipamo API", + "version": "1.0.0", + "description": "The most chill API for the most chill blog framework" + }, + "devDependencies": { + "@babel/preset-env": "^7.16.5", + "babel-cli": "^6.26.0", + "eslint": "^8.11.0", + "eslint-plugin-babel": "^5.3.1", + "parcel": "^2.0.1", + "prettier": "^2.6.0", + "stylelint": "^14.8.2", + "stylelint-config-prettier-scss": "^0.0.1", + "stylelint-config-standard-scss": "^3.0.0" + }, + "dependencies": { + "@babel/core": "^7.16.5", + "@babel/eslint-parser": "^7.16.5", + "animejs": "^3.2.1", + "babel-plugin-prismjs": "^2.1.0", + "babel-preset-env": "^1.7.0", + "bulma": "^0.9.3", + "caret-pos": "^2.0.0", + "jsdoc": "^3.6.7", + "minami": "^1.2.3", + "prismjs": "^1.25.0", + "sass": "^1.45.1", + "sortablejs": "^1.14.0" + }, + "license": "UNLICENSED", + "author": "Are0h", + "scripts": { + "watch": "sass --watch src/styles:public/assets/css & npx parcel watch src/com/Start.js --dist-dir public/assets/scripts --public-url /assets/scripts", + "build": "sass src/styles:public/assets/css & npx parcel build src/com/Start.js --dist-dir public/assets/scripts --public-url /assets/scripts" + }, + "description": "Front end script for the most chill blog framework ever.", + "repository": "https://code.playvicio.us/Are0h/Fipamo" +} diff --git a/public/assets/images/global/fipamo-logo.svg b/public/assets/images/global/fipamo-logo.svg index f8d21b5..b8504ab 100644 --- a/public/assets/images/global/fipamo-logo.svg +++ b/public/assets/images/global/fipamo-logo.svg @@ -1,33 +1,33 @@ - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/assets/scripts/Start.js b/public/assets/scripts/Start.js index 45dd849..17b9d3b 100644 --- a/public/assets/scripts/Start.js +++ b/public/assets/scripts/Start.js @@ -537,10 +537,10 @@ class Base { // methods //-------------------------- start() { - if (document.getElementById("dash-form") || document.getElementById("dash-init")) { + if (document.getElementById("login") || document.getElementById("dash-init")) { var options = document.getElementsByClassName("init-option"); for(let index = 0; index < options.length; index++)options[index].addEventListener("click", (e)=>this.handleOptions(e)); - if (document.getElementById("dash-form")) document.getElementById("login-btn").addEventListener("click", (e)=>this.handleLogin(e)); + if (document.getElementById("login")) document.getElementById("login-btn").addEventListener("click", (e)=>this.handleLogin(e)); else { document.getElementById("init-blog").addEventListener("click", (e)=>this.handleSetup(e)); document.getElementById("blog-restore").addEventListener("click", (e)=>this.handleRestore(e)); @@ -557,6 +557,7 @@ class Base { let self = this; e.preventDefault(); let authForm = data.formDataToJSON(document.getElementById("login")); + console.log("authform"); notify.alert("Looking, hold up", null); let api = new (0, _fipamoAdminAPIDefault.default)(); this.processing = true; diff --git a/src/com/Base.js b/src/com/Base.js index 5d4b910..d74656a 100644 --- a/src/com/Base.js +++ b/src/com/Base.js @@ -20,15 +20,12 @@ export default class Base { // methods //-------------------------- start() { - if ( - document.getElementById('dash-form') || - document.getElementById('dash-init') - ) { + if (document.getElementById('login') || document.getElementById('dash-init')) { var options = document.getElementsByClassName('init-option'); for (let index = 0; index < options.length; index++) { options[index].addEventListener('click', e => this.handleOptions(e)); } - if (document.getElementById('dash-form')) { + if (document.getElementById('login')) { document .getElementById('login-btn') .addEventListener('click', e => this.handleLogin(e)); @@ -60,6 +57,7 @@ export default class Base { let self = this; e.preventDefault(); let authForm = data.formDataToJSON(document.getElementById('login')); + console.log('authform'); notify.alert('Looking, hold up', null); let api = new FipamoAdminAPI(); this.processing = true; -- 2.30.2 From ec1dc49ba1dddedf0e676ed571a152695979a46e Mon Sep 17 00:00:00 2001 From: Ro Date: Fri, 4 Nov 2022 12:52:19 -0700 Subject: [PATCH 20/20] Login Hotfix The script that handles logggin in and the form for getting that information were both posting the info which would result in an intemittent uncaught error. An attribute was added to the form so it does not submit at the same time the JS sends a request. A minor bug but it was annoying. --- brain/controller/APIControl.php | 3 --- brain/views/dash/forms/login.twig | 4 ++-- public/assets/scripts/Start.js | 1 - src/com/Base.js | 1 - 4 files changed, 2 insertions(+), 7 deletions(-) diff --git a/brain/controller/APIControl.php b/brain/controller/APIControl.php index c9d253a..6f41555 100644 --- a/brain/controller/APIControl.php +++ b/brain/controller/APIControl.php @@ -225,9 +225,6 @@ class APIControl ]; break; } - - var_dump($result); - $response->getBody()->write(json_encode($result)); return $response->withHeader('Content-Type', 'application/json'); } diff --git a/brain/views/dash/forms/login.twig b/brain/views/dash/forms/login.twig index ad86a3f..5c2b285 100644 --- a/brain/views/dash/forms/login.twig +++ b/brain/views/dash/forms/login.twig @@ -2,10 +2,10 @@
-