From 00f9229eb2c19061f336a3dc9e4db1bd92220602 Mon Sep 17 00:00:00 2001 From: Ro Date: Mon, 26 Apr 2021 13:35:59 -0700 Subject: [PATCH] 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; + }); + + //