From fe6a4eab325c29696795fd9a7a12495ac4871c87 Mon Sep 17 00:00:00 2001 From: Ro Date: Thu, 1 Oct 2020 14:24:23 -0700 Subject: [PATCH] moved fixes from dev to beta-release branch --- brain/api/v1/settings.js | 27 +- brain/data/Book.js | 42 +- brain/data/Render.js | 3 +- brain/data/Settings.js | 28 +- brain/data/Utils.js | 4 +- brain/views/settings.pug | 4 +- package.json | 2 +- public/assets/css/dash.css | 1659 +++++++++++++++++------------ public/assets/scripts/dash.min.js | 48 +- 9 files changed, 1101 insertions(+), 716 deletions(-) diff --git a/brain/api/v1/settings.js b/brain/api/v1/settings.js index 080c726..d191368 100644 --- a/brain/api/v1/settings.js +++ b/brain/api/v1/settings.js @@ -67,7 +67,7 @@ router.post('/sync', (req, res) => { router.post('/nav-sync', (req, res) => { auth.authCheck(req) .then(() => { - // find removoed menu item page and set menu to false + // find removed menu item page and set menu to false book.getPage(req.body.remove).then(page => { let body = page.metadata; body.content = page.content; @@ -206,6 +206,31 @@ router.post('/add-feature-background', background_upload, (req, res) => { } }); +router.post('/reindex', (req, res) => { + auth.authCheck(req) + .then(() => { + book.reindexPages(req) + .then(response => { + //reset settings index + settings.resetLibraryIndex(response.count + 1); + //return success to front end + res.json(response); + }) + .catch(err => { + res.json({ + type: err.type, + message: err.message + }); + }); + }) + .catch(err => { + res.json({ + type: err.type, + message: err.message + }); + }); +}); + module.exports = router; function getBookData() { diff --git a/brain/data/Book.js b/brain/data/Book.js index 59e6d08..33b4fdb 100644 --- a/brain/data/Book.js +++ b/brain/data/Book.js @@ -51,7 +51,7 @@ export default class Book { //TODO: Duct tape solution until something better created //make check against menu to see if page should be marked as menu item - //if it doesnt' exist in menu change, edit page to + //if it doesn't exist in menu change, edit page to let page = _.find(pages, list => { return list.metadata.uuid === id; }); @@ -227,6 +227,46 @@ export default class Book { }); } + reindexPages(req) { + var response = ''; + var self = this; + return new Promise((resolve, reject) => { + self.getPage() + .then(pages => { + let sorted = []; + for (let i = 0; i < pages.length; i++) { + let body = pages[i].metadata; + body.content = pages[i].content; + sorted.push(body); + } + //resorts pages by date created + let byDate = _.sortBy(sorted, page => { + return page.created; + }); + //reassigns id sequentially based on sorted pages + for (let index = 0; index < byDate.length; index++) { + byDate[index].id = index; + self.editPage( + byDate[index], + index, + DataEvent.API_PAGE_WRITE, + req.session.user + ); + } + response = { + type: DataEvent.API_REINDEX_PAGES, + message: 'Pages re-sorted. Easy peasy.', + count: byDate.length + }; + resolve(response); + }) + .catch(err => { + response = { type: DataEvent.PAGE_ERROR, message: err }; + reject(response); + }); + }); + } + //-------------------------- // event handlers //-------------------------- diff --git a/brain/data/Render.js b/brain/data/Render.js index 3c3116f..57660e5 100644 --- a/brain/data/Render.js +++ b/brain/data/Render.js @@ -41,7 +41,8 @@ export default class Render { return ( page.metadata.deleted === false && page.metadata.published === true && - page.metadata.featured === true + page.metadata.featured === true && + page.metadata.layout !== 'index' ); }); for (let index = 0; index < pages.length; index++) { diff --git a/brain/data/Settings.js b/brain/data/Settings.js index fc9829e..95e8c86 100644 --- a/brain/data/Settings.js +++ b/brain/data/Settings.js @@ -122,8 +122,32 @@ export default class Settings { updatePageIndex() { fs.readJSON('site/settings.json').then(settings => { settings.library_stats.current_index = ++settings.library_stats.current_index; - //settings.library_stats.total_pages = ++settings.library_stats.total_pages; - fs.writeJSON('site/settings.json', settings); + setTimeout(() => { + //TODO: Duct tape solution until something better created + fs.writeJSON('site/settings.json', settings) + .then(() => { + //console.log('ALL TO THE GOOD'); + }) + .catch(() => { + //.log('ERR', err); + }); + }, 100); + }); + } + + resetLibraryIndex(index) { + fs.readJSON('site/settings.json').then(settings => { + settings.library_stats.current_index = index; + setTimeout(() => { + //TODO: Duct tape solution until something better created + fs.writeJSON('site/settings.json', settings) + .then(() => { + //console.log('ALL TO THE GOOD'); + }) + .catch(() => { + //.log('ERR', err); + }); + }, 100); }); } load(fileToLoad) { diff --git a/brain/data/Utils.js b/brain/data/Utils.js index f4d0d1f..fcbb6b8 100644 --- a/brain/data/Utils.js +++ b/brain/data/Utils.js @@ -97,9 +97,6 @@ export default class Utils { } render.publishArchive(archive); } - reindexPages(pages) { - //let byDate = _.sortBy(pages, ['created']); - } moveAssets() { settings .load(SETTINGS_FILE) @@ -128,6 +125,7 @@ export default class Utils { //console.log('Copy completed!'); } ); + //TODO: Add method to move new logo to public from theme upload }) .catch(() => { //console.log('ERROR', err); diff --git a/brain/views/settings.pug b/brain/views/settings.pug index 9b7c3e6..523bd1e 100644 --- a/brain/views/settings.pug +++ b/brain/views/settings.pug @@ -56,7 +56,9 @@ block main-content button#restore-backup(for='backup-upload') RESTORE BACKUP input(id="backup-upload" type="file" name="backup-upload") #util-2.column - label MAINTENANCE + label MAINTENANCE + br + button#reindex-pages REINDEX PAGES #option-settings.columns #theme-settings.column label THEMES diff --git a/package.json b/package.json index d8ed3ad..83bd2fe 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "fipamo-beta", - "version": "1.2.3", + "version": "1.2.4", "private": true, "description": "The most chill blog framework ever.", "repository": "https://code.playvicio.us/Are0h/Fipamo", diff --git a/public/assets/css/dash.css b/public/assets/css/dash.css index 44f9a9b..0818400 100644 --- a/public/assets/css/dash.css +++ b/public/assets/css/dash.css @@ -1,32 +1,3 @@ -/** -------------------------------- --- Bulma -------------------------------- -* */ -@-moz-keyframes spinAround { - from { - transform: rotate(0deg); - } - to { - transform: rotate(359deg); - } -} -@-webkit-keyframes spinAround { - from { - transform: rotate(0deg); - } - to { - transform: rotate(359deg); - } -} -@-o-keyframes spinAround { - from { - transform: rotate(0deg); - } - to { - transform: rotate(359deg); - } -} @keyframes spinAround { from { transform: rotate(0deg); @@ -83,6 +54,7 @@ } .columns.is-mobile > .column.is-four-fifths { flex: none; + width: 80%; } .columns.is-mobile > .column.is-offset-three-quarters { margin-left: 75%; @@ -111,19 +83,26 @@ .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.333333333333332%; + width: 8.3333333333%; } .columns.is-mobile > .column.is-offset-1 { - margin-left: 8.333333333333332%; + margin-left: 8.3333333333%; } .columns.is-mobile > .column.is-2 { flex: none; - width: 16.666666666666664%; + width: 16.6666666667%; } .columns.is-mobile > .column.is-offset-2 { - margin-left: 16.666666666666664%; + margin-left: 16.6666666667%; } .columns.is-mobile > .column.is-3 { flex: none; @@ -134,17 +113,17 @@ } .columns.is-mobile > .column.is-4 { flex: none; - width: 33.33333333333333%; + width: 33.3333333333%; } .columns.is-mobile > .column.is-offset-4 { - margin-left: 33.33333333333333%; + margin-left: 33.3333333333%; } .columns.is-mobile > .column.is-5 { flex: none; - width: 41.66666666666667%; + width: 41.6666666667%; } .columns.is-mobile > .column.is-offset-5 { - margin-left: 41.66666666666667%; + margin-left: 41.6666666667%; } .columns.is-mobile > .column.is-6 { flex: none; @@ -155,17 +134,17 @@ } .columns.is-mobile > .column.is-7 { flex: none; - width: 58.333333333333336%; + width: 58.3333333333%; } .columns.is-mobile > .column.is-offset-7 { - margin-left: 58.333333333333336%; + margin-left: 58.3333333333%; } .columns.is-mobile > .column.is-8 { flex: none; - width: 66.66666666666666%; + width: 66.6666666667%; } .columns.is-mobile > .column.is-offset-8 { - margin-left: 66.66666666666666%; + margin-left: 66.6666666667%; } .columns.is-mobile > .column.is-9 { flex: none; @@ -176,17 +155,17 @@ } .columns.is-mobile > .column.is-10 { flex: none; - width: 83.33333333333334%; + width: 83.3333333333%; } .columns.is-mobile > .column.is-offset-10 { - margin-left: 83.33333333333334%; + margin-left: 83.3333333333%; } .columns.is-mobile > .column.is-11 { flex: none; - width: 91.66666666666666%; + width: 91.6666666667%; } .columns.is-mobile > .column.is-offset-11 { - margin-left: 91.66666666666666%; + margin-left: 91.6666666667%; } .columns.is-mobile > .column.is-12 { flex: none; @@ -266,19 +245,26 @@ .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.333333333333332%; + width: 8.3333333333%; } .column.is-offset-1-mobile { - margin-left: 8.333333333333332%; + margin-left: 8.3333333333%; } .column.is-2-mobile { flex: none; - width: 16.666666666666664%; + width: 16.6666666667%; } .column.is-offset-2-mobile { - margin-left: 16.666666666666664%; + margin-left: 16.6666666667%; } .column.is-3-mobile { flex: none; @@ -289,17 +275,17 @@ } .column.is-4-mobile { flex: none; - width: 33.33333333333333%; + width: 33.3333333333%; } .column.is-offset-4-mobile { - margin-left: 33.33333333333333%; + margin-left: 33.3333333333%; } .column.is-5-mobile { flex: none; - width: 41.66666666666667%; + width: 41.6666666667%; } .column.is-offset-5-mobile { - margin-left: 41.66666666666667%; + margin-left: 41.6666666667%; } .column.is-6-mobile { flex: none; @@ -310,17 +296,17 @@ } .column.is-7-mobile { flex: none; - width: 58.333333333333336%; + width: 58.3333333333%; } .column.is-offset-7-mobile { - margin-left: 58.333333333333336%; + margin-left: 58.3333333333%; } .column.is-8-mobile { flex: none; - width: 66.66666666666666%; + width: 66.6666666667%; } .column.is-offset-8-mobile { - margin-left: 66.66666666666666%; + margin-left: 66.6666666667%; } .column.is-9-mobile { flex: none; @@ -331,17 +317,17 @@ } .column.is-10-mobile { flex: none; - width: 83.33333333333334%; + width: 83.3333333333%; } .column.is-offset-10-mobile { - margin-left: 83.33333333333334%; + margin-left: 83.3333333333%; } .column.is-11-mobile { flex: none; - width: 91.66666666666666%; + width: 91.6666666667%; } .column.is-offset-11-mobile { - margin-left: 91.66666666666666%; + margin-left: 91.6666666667%; } .column.is-12-mobile { flex: none; @@ -352,202 +338,165 @@ } } @media screen and (min-width: 769px), print { - .column.is-narrow, - .column.is-narrow-tablet { + .column.is-narrow, .column.is-narrow-tablet { flex: none; } - .column.is-full, - .column.is-full-tablet { + .column.is-full, .column.is-full-tablet { flex: none; width: 100%; } - .column.is-three-quarters, - .column.is-three-quarters-tablet { + .column.is-three-quarters, .column.is-three-quarters-tablet { flex: none; width: 75%; } - .column.is-two-thirds, - .column.is-two-thirds-tablet { + .column.is-two-thirds, .column.is-two-thirds-tablet { flex: none; width: 66.6666%; } - .column.is-half, - .column.is-half-tablet { + .column.is-half, .column.is-half-tablet { flex: none; width: 50%; } - .column.is-one-third, - .column.is-one-third-tablet { + .column.is-one-third, .column.is-one-third-tablet { flex: none; width: 33.3333%; } - .column.is-one-quarter, - .column.is-one-quarter-tablet { + .column.is-one-quarter, .column.is-one-quarter-tablet { flex: none; width: 25%; } - .column.is-one-fifth, - .column.is-one-fifth-tablet { + .column.is-one-fifth, .column.is-one-fifth-tablet { flex: none; width: 20%; } - .column.is-two-fifths, - .column.is-two-fifths-tablet { + .column.is-two-fifths, .column.is-two-fifths-tablet { flex: none; width: 40%; } - .column.is-three-fifths, - .column.is-three-fifths-tablet { + .column.is-three-fifths, .column.is-three-fifths-tablet { flex: none; width: 60%; } - .column.is-four-fifths, - .column.is-four-fifths-tablet { + .column.is-four-fifths, .column.is-four-fifths-tablet { flex: none; width: 80%; } - .column.is-offset-three-quarters, - .column.is-offset-three-quarters-tablet { + .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 { + .column.is-offset-two-thirds, .column.is-offset-two-thirds-tablet { margin-left: 66.6666%; } - .column.is-offset-half, - .column.is-offset-half-tablet { + .column.is-offset-half, .column.is-offset-half-tablet { margin-left: 50%; } - .column.is-offset-one-third, - .column.is-offset-one-third-tablet { + .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 { + .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 { + .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 { + .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 { + .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 { + .column.is-offset-four-fifths, .column.is-offset-four-fifths-tablet { margin-left: 80%; } - .column.is-1, - .column.is-1-tablet { + .column.is-0, .column.is-0-tablet { flex: none; - width: 8.333333333333332%; + width: 0%; } - .column.is-offset-1, - .column.is-offset-1-tablet { - margin-left: 8.333333333333332%; + .column.is-offset-0, .column.is-offset-0-tablet { + margin-left: 0%; } - .column.is-2, - .column.is-2-tablet { + .column.is-1, .column.is-1-tablet { flex: none; - width: 16.666666666666664%; + width: 8.3333333333%; } - .column.is-offset-2, - .column.is-offset-2-tablet { - margin-left: 16.666666666666664%; + .column.is-offset-1, .column.is-offset-1-tablet { + margin-left: 8.3333333333%; } - .column.is-3, - .column.is-3-tablet { + .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 { + .column.is-offset-3, .column.is-offset-3-tablet { margin-left: 25%; } - .column.is-4, - .column.is-4-tablet { + .column.is-4, .column.is-4-tablet { flex: none; - width: 33.33333333333333%; + width: 33.3333333333%; } - .column.is-offset-4, - .column.is-offset-4-tablet { - margin-left: 33.33333333333333%; + .column.is-offset-4, .column.is-offset-4-tablet { + margin-left: 33.3333333333%; } - .column.is-5, - .column.is-5-tablet { + .column.is-5, .column.is-5-tablet { flex: none; - width: 41.66666666666667%; + width: 41.6666666667%; } - .column.is-offset-5, - .column.is-offset-5-tablet { - margin-left: 41.66666666666667%; + .column.is-offset-5, .column.is-offset-5-tablet { + margin-left: 41.6666666667%; } - .column.is-6, - .column.is-6-tablet { + .column.is-6, .column.is-6-tablet { flex: none; width: 50%; } - .column.is-offset-6, - .column.is-offset-6-tablet { + .column.is-offset-6, .column.is-offset-6-tablet { margin-left: 50%; } - .column.is-7, - .column.is-7-tablet { + .column.is-7, .column.is-7-tablet { flex: none; - width: 58.333333333333336%; + width: 58.3333333333%; } - .column.is-offset-7, - .column.is-offset-7-tablet { - margin-left: 58.333333333333336%; + .column.is-offset-7, .column.is-offset-7-tablet { + margin-left: 58.3333333333%; } - .column.is-8, - .column.is-8-tablet { + .column.is-8, .column.is-8-tablet { flex: none; - width: 66.66666666666666%; + width: 66.6666666667%; } - .column.is-offset-8, - .column.is-offset-8-tablet { - margin-left: 66.66666666666666%; + .column.is-offset-8, .column.is-offset-8-tablet { + margin-left: 66.6666666667%; } - .column.is-9, - .column.is-9-tablet { + .column.is-9, .column.is-9-tablet { flex: none; width: 75%; } - .column.is-offset-9, - .column.is-offset-9-tablet { + .column.is-offset-9, .column.is-offset-9-tablet { margin-left: 75%; } - .column.is-10, - .column.is-10-tablet { + .column.is-10, .column.is-10-tablet { flex: none; - width: 83.33333333333334%; + width: 83.3333333333%; } - .column.is-offset-10, - .column.is-offset-10-tablet { - margin-left: 83.33333333333334%; + .column.is-offset-10, .column.is-offset-10-tablet { + margin-left: 83.3333333333%; } - .column.is-11, - .column.is-11-tablet { + .column.is-11, .column.is-11-tablet { flex: none; - width: 91.66666666666666%; + width: 91.6666666667%; } - .column.is-offset-11, - .column.is-offset-11-tablet { - margin-left: 91.66666666666666%; + .column.is-offset-11, .column.is-offset-11-tablet { + margin-left: 91.6666666667%; } - .column.is-12, - .column.is-12-tablet { + .column.is-12, .column.is-12-tablet { flex: none; width: 100%; } - .column.is-offset-12, - .column.is-offset-12-tablet { + .column.is-offset-12, .column.is-offset-12-tablet { margin-left: 100%; } } @@ -622,19 +571,26 @@ .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.333333333333332%; + width: 8.3333333333%; } .column.is-offset-1-touch { - margin-left: 8.333333333333332%; + margin-left: 8.3333333333%; } .column.is-2-touch { flex: none; - width: 16.666666666666664%; + width: 16.6666666667%; } .column.is-offset-2-touch { - margin-left: 16.666666666666664%; + margin-left: 16.6666666667%; } .column.is-3-touch { flex: none; @@ -645,17 +601,17 @@ } .column.is-4-touch { flex: none; - width: 33.33333333333333%; + width: 33.3333333333%; } .column.is-offset-4-touch { - margin-left: 33.33333333333333%; + margin-left: 33.3333333333%; } .column.is-5-touch { flex: none; - width: 41.66666666666667%; + width: 41.6666666667%; } .column.is-offset-5-touch { - margin-left: 41.66666666666667%; + margin-left: 41.6666666667%; } .column.is-6-touch { flex: none; @@ -666,17 +622,17 @@ } .column.is-7-touch { flex: none; - width: 58.333333333333336%; + width: 58.3333333333%; } .column.is-offset-7-touch { - margin-left: 58.333333333333336%; + margin-left: 58.3333333333%; } .column.is-8-touch { flex: none; - width: 66.66666666666666%; + width: 66.6666666667%; } .column.is-offset-8-touch { - margin-left: 66.66666666666666%; + margin-left: 66.6666666667%; } .column.is-9-touch { flex: none; @@ -687,17 +643,17 @@ } .column.is-10-touch { flex: none; - width: 83.33333333333334%; + width: 83.3333333333%; } .column.is-offset-10-touch { - margin-left: 83.33333333333334%; + margin-left: 83.3333333333%; } .column.is-11-touch { flex: none; - width: 91.66666666666666%; + width: 91.6666666667%; } .column.is-offset-11-touch { - margin-left: 91.66666666666666%; + margin-left: 91.6666666667%; } .column.is-12-touch { flex: none; @@ -778,19 +734,26 @@ .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.333333333333332%; + width: 8.3333333333%; } .column.is-offset-1-desktop { - margin-left: 8.333333333333332%; + margin-left: 8.3333333333%; } .column.is-2-desktop { flex: none; - width: 16.666666666666664%; + width: 16.6666666667%; } .column.is-offset-2-desktop { - margin-left: 16.666666666666664%; + margin-left: 16.6666666667%; } .column.is-3-desktop { flex: none; @@ -801,17 +764,17 @@ } .column.is-4-desktop { flex: none; - width: 33.33333333333333%; + width: 33.3333333333%; } .column.is-offset-4-desktop { - margin-left: 33.33333333333333%; + margin-left: 33.3333333333%; } .column.is-5-desktop { flex: none; - width: 41.66666666666667%; + width: 41.6666666667%; } .column.is-offset-5-desktop { - margin-left: 41.66666666666667%; + margin-left: 41.6666666667%; } .column.is-6-desktop { flex: none; @@ -822,17 +785,17 @@ } .column.is-7-desktop { flex: none; - width: 58.333333333333336%; + width: 58.3333333333%; } .column.is-offset-7-desktop { - margin-left: 58.333333333333336%; + margin-left: 58.3333333333%; } .column.is-8-desktop { flex: none; - width: 66.66666666666666%; + width: 66.6666666667%; } .column.is-offset-8-desktop { - margin-left: 66.66666666666666%; + margin-left: 66.6666666667%; } .column.is-9-desktop { flex: none; @@ -843,17 +806,17 @@ } .column.is-10-desktop { flex: none; - width: 83.33333333333334%; + width: 83.3333333333%; } .column.is-offset-10-desktop { - margin-left: 83.33333333333334%; + margin-left: 83.3333333333%; } .column.is-11-desktop { flex: none; - width: 91.66666666666666%; + width: 91.6666666667%; } .column.is-offset-11-desktop { - margin-left: 91.66666666666666%; + margin-left: 91.6666666667%; } .column.is-12-desktop { flex: none; @@ -934,19 +897,26 @@ .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.333333333333332%; + width: 8.3333333333%; } .column.is-offset-1-widescreen { - margin-left: 8.333333333333332%; + margin-left: 8.3333333333%; } .column.is-2-widescreen { flex: none; - width: 16.666666666666664%; + width: 16.6666666667%; } .column.is-offset-2-widescreen { - margin-left: 16.666666666666664%; + margin-left: 16.6666666667%; } .column.is-3-widescreen { flex: none; @@ -957,17 +927,17 @@ } .column.is-4-widescreen { flex: none; - width: 33.33333333333333%; + width: 33.3333333333%; } .column.is-offset-4-widescreen { - margin-left: 33.33333333333333%; + margin-left: 33.3333333333%; } .column.is-5-widescreen { flex: none; - width: 41.66666666666667%; + width: 41.6666666667%; } .column.is-offset-5-widescreen { - margin-left: 41.66666666666667%; + margin-left: 41.6666666667%; } .column.is-6-widescreen { flex: none; @@ -978,17 +948,17 @@ } .column.is-7-widescreen { flex: none; - width: 58.333333333333336%; + width: 58.3333333333%; } .column.is-offset-7-widescreen { - margin-left: 58.333333333333336%; + margin-left: 58.3333333333%; } .column.is-8-widescreen { flex: none; - width: 66.66666666666666%; + width: 66.6666666667%; } .column.is-offset-8-widescreen { - margin-left: 66.66666666666666%; + margin-left: 66.6666666667%; } .column.is-9-widescreen { flex: none; @@ -999,17 +969,17 @@ } .column.is-10-widescreen { flex: none; - width: 83.33333333333334%; + width: 83.3333333333%; } .column.is-offset-10-widescreen { - margin-left: 83.33333333333334%; + margin-left: 83.3333333333%; } .column.is-11-widescreen { flex: none; - width: 91.66666666666666%; + width: 91.6666666667%; } .column.is-offset-11-widescreen { - margin-left: 91.66666666666666%; + margin-left: 91.6666666667%; } .column.is-12-widescreen { flex: none; @@ -1090,19 +1060,26 @@ .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.333333333333332%; + width: 8.3333333333%; } .column.is-offset-1-fullhd { - margin-left: 8.333333333333332%; + margin-left: 8.3333333333%; } .column.is-2-fullhd { flex: none; - width: 16.666666666666664%; + width: 16.6666666667%; } .column.is-offset-2-fullhd { - margin-left: 16.666666666666664%; + margin-left: 16.6666666667%; } .column.is-3-fullhd { flex: none; @@ -1113,17 +1090,17 @@ } .column.is-4-fullhd { flex: none; - width: 33.33333333333333%; + width: 33.3333333333%; } .column.is-offset-4-fullhd { - margin-left: 33.33333333333333%; + margin-left: 33.3333333333%; } .column.is-5-fullhd { flex: none; - width: 41.66666666666667%; + width: 41.6666666667%; } .column.is-offset-5-fullhd { - margin-left: 41.66666666666667%; + margin-left: 41.6666666667%; } .column.is-6-fullhd { flex: none; @@ -1134,17 +1111,17 @@ } .column.is-7-fullhd { flex: none; - width: 58.333333333333336%; + width: 58.3333333333%; } .column.is-offset-7-fullhd { - margin-left: 58.333333333333336%; + margin-left: 58.3333333333%; } .column.is-8-fullhd { flex: none; - width: 66.66666666666666%; + width: 66.6666666667%; } .column.is-offset-8-fullhd { - margin-left: 66.66666666666666%; + margin-left: 66.6666666667%; } .column.is-9-fullhd { flex: none; @@ -1155,17 +1132,17 @@ } .column.is-10-fullhd { flex: none; - width: 83.33333333333334%; + width: 83.3333333333%; } .column.is-offset-10-fullhd { - margin-left: 83.33333333333334%; + margin-left: 83.3333333333%; } .column.is-11-fullhd { flex: none; - width: 91.66666666666666%; + width: 91.6666666667%; } .column.is-offset-11-fullhd { - margin-left: 91.66666666666666%; + margin-left: 91.6666666667%; } .column.is-12-fullhd { flex: none; @@ -1175,6 +1152,7 @@ margin-left: 100%; } } + .columns { margin-left: -0.75rem; margin-right: -0.75rem; @@ -1223,6 +1201,7 @@ display: flex; } } + .columns.is-variable { --columnGap: 0.75rem; margin-left: calc(-1 * var(--columnGap)); @@ -1235,53 +1214,446 @@ .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; } -/** -------------------------------- --- Colors -------------------------------- -* */ -/** -------------------------------- --- Mixins -------------------------------- -* */ -/** -------------------------------- --- Normalize -------------------------------- -* */ +@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, @@ -1290,61 +1662,76 @@ 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%; @@ -1352,31 +1739,38 @@ sup { position: relative; vertical-align: baseline; } + sub { bottom: -0.25em; } + sup { top: -0.55em; - background: #c1cdd7; + 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, @@ -1387,38 +1781,44 @@ textarea { line-height: 1.15; margin: 0; } + button, input { overflow: visible; } + button, select { text-transform: none; } -button, -html [type="button"], -[type="reset"], -[type="submit"] { + +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, + +[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, + +[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; @@ -1427,139 +1827,88 @@ legend { padding: 0; white-space: normal; } + progress { display: inline-block; vertical-align: baseline; } + textarea { overflow: auto; } -[type="checkbox"], -[type="radio"] { + +[type=checkbox], +[type=radio] { box-sizing: border-box; padding: 0; } -[type="number"]::-webkit-inner-spin-button, -[type="number"]::-webkit-outer-spin-button { + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { height: auto; } -[type="search"] { + +[type=search] { -webkit-appearance: textfield; outline-offset: -2px; } -[type="search"]::-webkit-search-cancel-button, -[type="search"]::-webkit-search-decoration { + +[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; } -/** -------------------------------- --- Typography -------------------------------- -* */ -@font-face { - font-weight: 300; - font-style: normal; - font-family: 'Apercu'; - src: url("fonts/Apercu-Light.eot"), url("fonts/Apercu-Light.eot?#iefix") format('embedded-opentype'), url("fonts/Apercu-Light.woff2") format('woff2'), url("fonts/Apercu-Light.woff") format('woff'), url("fonts/Apercu-Light.ttf") format('truetype'), url("fonts/Apercu-Light.svg?#Apercu") format('svg'); -} -@font-face { - font-weight: 300; - font-style: italic; - font-family: 'Apercu'; - src: url("fonts/Apercu-LightItalic.eot"), url("fonts/Apercu-LightItalic.eot?#iefix") format('embedded-opentype'), url("fonts/Apercu-LightItalic.woff2") format('woff2'), url("fonts/Apercu-LightItalic.woff") format('woff'), url("fonts/Apercu-LightItalic.ttf") format('truetype'), url("fonts/Apercu-LightItalic.svg?#Apercu") format('svg'); -} -@font-face { - font-weight: 400; - font-style: normal; - font-family: 'Apercu'; - src: url("fonts/Apercu.eot"), url("fonts/Apercu.eot?#iefix") format('embedded-opentype'), url("fonts/Apercu.woff2") format('woff2'), url("fonts/Apercu.woff") format('woff'), url("fonts/Apercu.ttf") format('truetype'), url("fonts/Apercu.svg?#Apercu") format('svg'); -} -@font-face { - font-weight: 400; - font-style: italic; - font-family: 'Apercu'; - src: url("fonts/Apercu-Italic.eot"), url("fonts/Apercu-Italic.eot?#iefix") format('embedded-opentype'), url("fonts/Apercu-Italic.woff2") format('woff2'), url("fonts/Apercu-Italic.woff") format('woff'), url("fonts/Apercu-Italic.ttf") format('truetype'), url("fonts/Apercu-Italic.svg?#Apercu") format('svg'); -} -@font-face { - font-weight: 500; - font-style: normal; - font-family: 'Apercu'; - src: url("fonts/Apercu-Medium.eot"), url("fonts/Apercu-Medium.eot?#iefix") format('embedded-opentype'), url("fonts/Apercu-Medium.woff2") format('woff2'), url("fonts/Apercu-Medium.woff") format('woff'), url("fonts/Apercu-Medium.ttf") format('truetype'), url("fonts/Apercu-Medium.svg?#Apercu") format('svg'); -} -@font-face { - font-weight: 500; - font-style: italic; - font-family: 'Apercu'; - src: url("fonts/Apercu-MediumItalic.eot"), url("fonts/Apercu-MediumItalic.eot?#iefix") format('embedded-opentype'), url("fonts/Apercu-MediumItalic.woff2") format('woff2'), url("fonts/Apercu-MediumItalic.woff") format('woff'), url("fonts/Apercu-MediumItalic.ttf") format('truetype'), url("fonts/Apercu-MediumItalic.svg?#Apercu") format('svg'); -} -@font-face { - font-weight: 600; - font-style: normal; - font-weight: bold; - font-family: 'Apercu'; - src: url("fonts/Apercu-Bold.eot"), url("fonts/Apercu-Bold.eot?#iefix") format('embedded-opentype'), url("fonts/Apercu-Bold.woff2") format('woff2'), url("fonts/Apercu-Bold.woff") format('woff'), url("fonts/Apercu-Bold.ttf") format('truetype'), url("fonts/Apercu-Bold.svg?#Apercu") format('svg'); -} -@font-face { - font-weight: 600; - font-style: italic; - font-weight: bold; - font-family: 'Apercu'; - src: url("fonts/Apercu-BoldItalic.eot"), url("fonts/Apercu-BoldItalic.eot?#iefix") format('embedded-opentype'), url("fonts/Apercu-BoldItalic.woff2") format('woff2'), url("fonts/Apercu-BoldItalic.woff") format('woff'), url("fonts/Apercu-BoldItalic.ttf") format('truetype'), url("fonts/Apercu-Bold.svg?#Apercu") format('svg'); -} -@font-face { - font-weight: 400; - font-style: normal; - font-family: 'Apercu-Mono'; - src: url("fonts/Apercu-Mono.eot"), url("fonts/Apercu-Mono.eot?#iefix") format('embedded-opentype'), url("fonts/Apercu-Mono.woff2") format('woff2'), url("fonts/Apercu-Mono.woff") format('woff'), url("fonts/Apercu-Mono.ttf") format('truetype'), url("fonts/Apercu-Mono.svg?#Apercu") format('svg'); -} -h1, -h2, -h3 { + +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; } -/** -------------------------------- --- Main Structures -------------------------------- -* */ -html, -body { - background-color: #161d23; + +html, body { + background-color: #0f1419; font: 400 1em Helvetica, Arial, sans-serif; height: 100%; } + a { font: 300 1em Helvetica, Arial, sans-serif; color: #b2cce5; @@ -1570,12 +1919,14 @@ a { transition: all 0.1s linear; } a:hover { - color: #bad1e8; + color: #d8e5f2; } + svg.icons { width: 25px; fill: #b2cce5; } + #notifications { perspective: 1000px; position: fixed; @@ -1601,10 +1952,29 @@ svg.icons { transform: rotateX(-120deg); transform-origin: 50% 0; } -#notifications #notifyMessage #notify-good, -#notifications #notifyMessage #notify-lame, -#notifications #notifyMessage #notify-working { - display: none; +#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; @@ -1617,7 +1987,7 @@ svg.icons { } #notifications #notifyMessage p { color: #f2f1ef; - background: #161d23; + background: black; width: 400px; height: 28px; padding: 15px 0 0 5px; @@ -1628,17 +1998,21 @@ svg.icons { #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; @@ -1652,14 +2026,13 @@ svg.icons { .main-container section header #wrapper { padding: 0.75rem; } -.main-container section header #wrapper #left, -.main-container section header #wrapper #right { +.main-container section header #wrapper #left, .main-container section header #wrapper #right { width: 50%; 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 { +.main-container section header #wrapper #left #the-logo, .main-container section header #wrapper #right #the-logo { width: 40px; } .main-container section header #wrapper #right { @@ -1681,29 +2054,38 @@ svg.icons { .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 { + .main-container section header #wrapper #left, .main-container section header #wrapper #right { display: inline-block; } } @@ -1715,11 +2097,6 @@ svg.icons { width: 70%; } } -/** -------------------------------- --- Index -------------------------------- -* */ #dash-index-content { width: 100%; height: 100%; @@ -1736,44 +2113,33 @@ svg.icons { 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 { +#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 { +#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 { +#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 { +#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: #161d23; +#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-restore 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-restore 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[type=text] { +#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 { +#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; @@ -1811,7 +2177,7 @@ svg.icons { #dash-index-content #dash-index #dash-index-wrapper #dash-menu a { display: inline-block; vertical-align: top; - background: #161d23; + background: black; width: 30%; padding: 5px; border-radius: 3px; @@ -1819,7 +2185,7 @@ svg.icons { margin: 0 10px 10px 0; } #dash-index-content #dash-index #dash-index-wrapper #dash-menu a:hover { - background: #1c242c; + background: black; } #dash-index-content #dash-index #dash-index-wrapper #dash-menu a svg { display: inline-block; @@ -1890,7 +2256,7 @@ svg.icons { margin: 0 auto; width: 300px; display: block; - font-family: monospace, courier; + font-family: "Lucida Console", Monaco, monospace; font-size: 0.5em; padding: 7px; color: #f2f1ef; @@ -1902,7 +2268,7 @@ svg.icons { 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%); + 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; @@ -1918,15 +2284,15 @@ svg.icons { 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'] { +#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: #161d23; + 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'] { +#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: #fad59a; - color: #161d23; + background: #fad396; + color: black; } #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(3) { width: 100%; @@ -1952,15 +2318,14 @@ svg.icons { 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) { + #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) { + #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%; } } @@ -1971,21 +2336,12 @@ svg.icons { #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) { + #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 -------------------------------- -* */ #settings-actions { position: fixed; width: 40%; @@ -2003,18 +2359,19 @@ svg.icons { #settings-actions #buttons button svg { fill: #f2f1ef; } -#settings-actions #buttons button[data-render='false'] { - background: #161d23; +#settings-actions #buttons button[data-render=false] { + background: black; } -#settings-actions #buttons button[data-render='false'] svg { +#settings-actions #buttons button[data-render=false] svg { fill: #f2f1ef; } -#settings-actions #buttons button[data-render='true'] { - background: #fad59a; +#settings-actions #buttons button[data-render=true] { + background: white; } -#settings-actions #buttons button[data-render='true'] svg { - fill: #161d23; +#settings-actions #buttons button[data-render=true] svg { + fill: black; } + #site-background { margin: 0 0 10px 0; } @@ -2028,7 +2385,7 @@ svg.icons { position: absolute; color: #f2f1ef; margin: 5px; - background: #161d23; + background: black; padding: 5px; border-radius: 3px; } @@ -2036,6 +2393,7 @@ svg.icons { visibility: hidden; display: none; } + #settings-index { width: 94%; max-width: 900px; @@ -2049,66 +2407,42 @@ svg.icons { 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 { +#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: monospace, courier; +#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 { +#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 { +#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 { +#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: #161d23; +#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 { +#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 { +#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; @@ -2116,45 +2450,27 @@ svg.icons { 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 { +#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 { +#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 { +#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 { +#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 { +#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: #161d23; +#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; @@ -2167,17 +2483,17 @@ svg.icons { padding: 10px; display: inline-block; } -#settings-index #settings-index-wrapper #option-settings #theme-settings a[data-enabled='false'] { - background: #161d23; +#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'] { +#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 { +#settings-index #settings-index-wrapper #option-settings #theme-settings a[data-enabled=true] svg { fill: #374857; display: inline-block; float: right; @@ -2187,31 +2503,27 @@ svg.icons { } #settings-index #settings-index-wrapper #option-settings #mail-settings a.mail-option { float: right; - font-family: monospace, courier; + 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'] { +#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'] { +#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'] { +#settings-index #settings-index-wrapper #option-settings #mail-settings div[data-enabled=false] { display: none; visibility: hidden; } -/** -------------------------------- --- Error -------------------------------- -* */ + #error-index { width: 100%; max-width: 900px; @@ -2233,14 +2545,10 @@ svg.icons { } #error-index label#error { font-size: 25px; - color: #f64747; + color: #F64747; font-weight: 500; } -/** -------------------------------- --- Navigation -------------------------------- -* */ + #nav-index { width: 100%; max-width: 900px; @@ -2275,6 +2583,7 @@ svg.icons { 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%; @@ -2299,76 +2608,76 @@ svg.icons { line-height: 1em; } } -/** -------------------------------- --- Forms -------------------------------- -* */ form { display: inline-block; } -input[type=email], -input[type=password], -input[type=text] { + +input[type=email], input[type=password], input[type=text] { border: 0; - border-radius: 3px; + border-radius: 5px; padding: 5px; - font: 1em monospace, courier; + margin: 10px 5px 0 0; + font: 15px "Lucida Console", Monaco, monospace; display: inline-block; - background-color: #161d23; - color: #b2cce5; + background: #0f1419; + color: #f2f1ef; } + textarea { border: 0; border-radius: 3px; - color: $type02; - font: 1em monospace, courier; + color: #f2f1ef; + font: 15px "Lucida Console", Monaco, monospace; + ackground: #0f1419; } -button, -input[type=submit] { + +button, input[type=submit] { background: #fc6399; - color: #161d23; - font: 1em monospace, courier; - border-radius: 3px; + 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; } -input.large { - font-size: 1.4em; - padding: 10px; -} + select { - font: 1em monospace, courier; + font: 14px "Lucida Console", Monaco, monospace; border: 1px solid #b2cce5; -webkit-appearance: none; -moz-appearance: none; appearance: none; color: #374857; } + ::-webkit-input-placeholder { - font: 1em monospace, courier; - color: #b2cce5; + font: 14px "Lucida Console", Monaco, monospace; + color: #bac7d3; } + :-moz-placeholder { -/* Firefox 18- */ - font: 1em monospace, courier; - color: #b2cce5; + /* Firefox 18- */ + font: 14px "Lucida Console", Monaco, monospace; + color: #bac7d3; } + ::-moz-placeholder { -/* Firefox 19+ */ - font: 1em monospace, courier; - color: #b2cce5; + /* Firefox 19+ */ + font: 14px "Lucida Console", Monaco, monospace; + color: #bac7d3; } + :-ms-input-placeholder { - font: 1em monospace, courier; - color: #b2cce5; + font: 14px "Lucida Console", Monaco, monospace; + color: #bac7d3; } -/** -------------------------------- --- Blog -------------------------------- -* */ + #post-index { width: 100%; max-width: 900px; @@ -2410,7 +2719,7 @@ select { margin: 0 0 20px 0; border-radius: 3px; overflow: hidden; - color: #161d23; + color: black; } #post-index #post-index-wrapper #posts-list a.page-link label { font-size: 2em; @@ -2424,7 +2733,7 @@ select { display: inline-block; vertical-align: top; font-size: 0.8em; - font-family: monospace, courier; + font-family: "Lucida Console", Monaco, monospace; width: 50%; padding: 0 0 0 10px; } @@ -2436,7 +2745,7 @@ select { } #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%); + 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; @@ -2472,15 +2781,15 @@ select { 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'] { +#post-index #post-index-wrapper #posts-list a.page-link div.page-bg #meta #options .meta-options[data-active=false] { width: 70px; - background: #161d23; + background: black; color: #f2f1ef; } -#post-index #post-index-wrapper #posts-list a.page-link div.page-bg #meta #options .meta-options[data-active='true'] { +#post-index #post-index-wrapper #posts-list a.page-link div.page-bg #meta #options .meta-options[data-active=true] { width: 75px; - background: #fad59a; - color: #161d23; + background: white; + color: black; } #post-index #post-index-wrapper #posts-list a.page-link p { padding: 5px 10px 5px 10px; @@ -2505,6 +2814,7 @@ select { font-size: 1.5em; color: #f5ab35; } + #post-edit-index { width: 100%; overflow: hidden; @@ -2523,36 +2833,36 @@ select { #post-edit-index #post-edit-index-wrapper #post-header #post-header-wrapper label { color: #f2f1ef; font-size: 0.8em; - font-family: monospace, courier; + font-family: "Lucida Console", Monaco, monospace; font-weight: 600; } #post-edit-index #post-edit-index-wrapper #post-header #post-header-wrapper span { - color: color #161d23; + color: black; font-size: 1.5em; } #post-edit-index #post-edit-index-wrapper #post-header #post-header-wrapper #post-title #post_title { - background: #fc73a3; + background: #fd95ba; font-family: Helvetica, Arial, sans-serif; width: 97.6%; height: 80px; font-size: 2em; - color: #161d23; + 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: #2f3d4a; + 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: #fc73a3; + background: #fd95ba; font-family: Helvetica, Arial, sans-serif; width: 97.6%; height: 80px; - color: #161d23; + color: black; padding: 5px; margin: 0 0 5px 0; } @@ -2581,20 +2891,19 @@ select { 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: #161d23; +#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 { +#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: #fad59a; +#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: #161d23; +#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 { +#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 { @@ -2606,10 +2915,10 @@ select { justify-content: center; width: 100%; min-height: 200px; - background: #1c242c; + background: black; color: #374857; vertical-align: middle; - font-family: monospace, courier; + font-family: "Lucida Console", Monaco, monospace; } #post-edit-index #post-edit-index-wrapper #post-feature #featured-image-drop label { cursor: pointer; @@ -2645,7 +2954,7 @@ select { margin: 0; } #post-edit-index #post-edit-index-wrapper #edit-post #edit-post-wrapper pre code { - font-family: monospace, courier; + font-family: "Lucida Console", Monaco, monospace; padding: 5px; border-radius: 5px; line-height: 1.6em; @@ -2662,6 +2971,7 @@ select { 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%; @@ -2691,6 +3001,7 @@ select { display: none; visibility: hidden; } + #post-edit-index #post-edit-index-wrapper #post-header #post-title #post-options { margin: 5px 0 0 0; width: 100%; @@ -2711,6 +3022,7 @@ select { display: none; visibility: hidden; } + #post-edit-index #post-edit-index-wrapper #post-header #post-title #post_title { width: 96.4%; } @@ -2735,24 +3047,20 @@ select { width: 10%; } } -/** -------------------------------- --- Editor -------------------------------- -* */ .dp-modal { position: fixed; top: 0; left: 0; right: 0; bottom: 0; - background: rgba(17,22,26,0.75); + 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); + box-shadow: 2px 2px 16px rgba(0, 0, 0, 0.25); line-height: 1.4; border-radius: 4px; max-height: 400px; @@ -2761,8 +3069,9 @@ select { overflow: hidden; -webkit-tap-highlight-color: transparent; } + .dp:before { - content: ' '; + content: " "; height: 6px; position: absolute; top: 0; @@ -2770,32 +3079,39 @@ select { right: 0; background: #fc6399; } + .dp-permanent .dp { padding-top: 0; - border: 1px solid #eee; + 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%; @@ -2805,20 +3121,20 @@ select { 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; - overflow: auto !important /* HACK for Chrome on Android */; + /* HACK for Chrome on Android */ + overflow: auto !important; } -.dp-cal-month, -.dp-cal-year, -.dp-day, -.dp-month, -.dp-year { + +.dp-cal-month, .dp-cal-year, .dp-day, .dp-month, .dp-year { box-sizing: border-box; text-align: center; text-decoration: none; @@ -2828,40 +3144,41 @@ select { border: 0; background: transparent; } + .dp-cal-header { position: relative; text-align: center; padding-bottom: 16px; - background: #32414e; + background: #232e38; } -.dp-next, -.dp-prev { + +.dp-next, .dp-prev { position: absolute; width: 30px; height: 30px; overflow: hidden; top: 14px; - color: #1c242c; + color: black; border-radius: 2px; border: 0; background: transparent; } -.dp-next:focus, -.dp-prev:focus, -.dp-next:hover, -.dp-prev:hover { + +.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: ''; + +.dp-prev:before, .dp-next:before { + content: ""; border: 2px solid; width: 10px; height: 10px; @@ -2870,29 +3187,33 @@ select { 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 { + +.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: #32414e; + background: #232e38; } + .dp-day-today:after { - content: ''; + content: ""; height: 0; width: 0; border: 7px solid #fc6399; @@ -2902,145 +3223,102 @@ select { top: 0; right: 0; } -.dp-close, -.dp-clear, -.dp-today { + +.dp-close, .dp-clear, .dp-today { box-sizing: border-box; display: inline-block; width: 33%; padding: 8px; text-decoration: none; - color: #1c242c; + color: black; border: 0; background: transparent; } -.dp-permanent .dp-close, -.dp-permanent .dp-clear { + +.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 { + +.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 { + .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 { +.dp-col-header, .dp-day { width: 14.28571429%; display: inline-block; padding: 8px; text-align: center; } + .dp-col-header { - color: #aaa; + 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; + 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 { + +.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: #212b34; + background: black; color: #f2f1ef; } -.dp-selected:hover, -.dp-selected:focus, -.dp-selected { + +.dp-selected:hover, .dp-selected:focus, .dp-selected { background: #fc6399; - color: #161d23; + color: black; } + .dp-day-disabled { background: transparent; - color: #ddd; + color: #DDD; } -.dp-day-disabled:focus, -.dp-day-disabled:hover { - background: #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 { + + .dp-day-of-week, .dp-day { padding: 8px; } } -@-moz-keyframes slide-up { - 0% { - transform: translate(-50%, 100%); - } - 100% { - transform: translate(-50%, -50%); - } -} -@-webkit-keyframes slide-up { - 0% { - transform: translate(-50%, 100%); - } - 100% { - transform: translate(-50%, -50%); - } -} -@-o-keyframes slide-up { - 0% { - transform: translate(-50%, 100%); - } - 100% { - transform: translate(-50%, -50%); - } -} @keyframes slide-up { 0% { transform: translate(-50%, 100%); @@ -3078,7 +3356,7 @@ select { text-align: center; } #edit-control button:hover { - background: #75a4d0; + background: #6699cb; } #edit-control #option-update { padding: 5px 5px 1px 5px; @@ -3103,7 +3381,7 @@ select { fill: #f2f1ef; } #edit-control .submit-delete { - background: #f64747 !important; + background: #F64747 !important; } #edit-control .submit-delete svg { fill: #f2f1ef !important; @@ -3143,86 +3421,65 @@ select { text-decoration: line-through; font-style: italic; } + .hljs { display: block; overflow-x: auto; padding: 0.5em; - background: #344453; + background: #2b3844; } -.hljs, -.hljs-subst { + +.hljs, .hljs-subst { color: #ebdbb2; } -.hljs-deletion, -.hljs-formula, -.hljs-keyword .hljs-selector-tag { + +.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 { + +.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 { + +.hljs-attr, .hljs-params, .hljs-template-tag, .hljs-type { color: #89c4f4; } -.hljs-builtin-name, -.hljs-doctag, -.hljs-literal, -.hljs-number { + +.hljs-builtin-name, .hljs-doctag, .hljs-literal, .hljs-number { color: #8f3f71; } -.hljs-code, -.hljs-meta, -.hljs-regexp, -.hljs-selector-id, -.hljs-template-variable { + +.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 { + +.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: #8ea4b8; + +.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 { + +.hljs-link_label, .hljs-literal, .hljs-number { color: #d3869b; } -.hljs-comment, -.hljs-emphasis { + +.hljs-comment, .hljs-emphasis { font-style: italic; } -.hljs-section, -.hljs-strong, -.hljs-tag { + +.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 index 09871db..227defe 100644 --- a/public/assets/scripts/dash.min.js +++ b/public/assets/scripts/dash.min.js @@ -123,7 +123,7 @@ parcelRequire = (function (modules, cache, entry, globalName) { Object.defineProperty(exports, "__esModule", { value: true }); -exports.default = exports.SEND_MAIL = exports.API_INIT_LAME = exports.API_INIT_GOOD = exports.API_INIT = exports.API_RENDER_PAGES = exports.API_IMAGES_UPLOAD = exports.API_BACKUP_RESTORE = exports.API_BACKUP_DOWNLOAD = exports.API_BACKUP_CREATE = exports.API_SETTINGS_WRITE = exports.API_PAGE_DELETE = exports.API_PAGE_CREATE = exports.API_PAGE_WRITE = exports.UPLOAD_PROGRESS = exports.SITE_BACKGROUND_UPLOADED = exports.AVATAR_UPLOADED = exports.MENU_UPDATED = exports.MENU_DELETE_ITEM = exports.MENU_ADD_ITEM = exports.SETTINGS_NOT_UPDATED = exports.SETTINGS_UPDATED = exports.TAG_PAGES_NOT_RENDERED = exports.TAG_PAGES_RENDERED = exports.PAGES_NOT_RENDERED = exports.PAGES_RENDERED = exports.PAGE_DELETED = exports.PAGE_UPDATED = exports.PAGE_ADDED = exports.PAGE_ERROR = exports.FEATURE_IMAGE_ADDED = exports.POST_IMAGE_ADDED = exports.SETTINGS_LOADED = exports.IMG_REQUEST_LAME = exports.IMG_REQUEST_GOOD = exports.API_REQUEST_LAME = exports.API_REQUEST_GOOD = exports.REQUEST_LAME = exports.REQUEST_GOOD = void 0; +exports.default = exports.SEND_MAIL = exports.API_INIT_LAME = exports.API_INIT_GOOD = exports.API_INIT = exports.API_REINDEX_PAGES = exports.API_RENDER_PAGES = exports.API_IMAGES_UPLOAD = exports.API_BACKUP_RESTORE = exports.API_BACKUP_DOWNLOAD = exports.API_BACKUP_CREATE = exports.API_SETTINGS_WRITE = exports.API_PAGE_DELETE = exports.API_PAGE_CREATE = exports.API_PAGE_WRITE = exports.UPLOAD_PROGRESS = exports.SITE_BACKGROUND_UPLOADED = exports.AVATAR_UPLOADED = exports.MENU_UPDATED = exports.MENU_DELETE_ITEM = exports.MENU_ADD_ITEM = exports.SETTINGS_NOT_UPDATED = exports.SETTINGS_UPDATED = exports.TAG_PAGES_NOT_RENDERED = exports.TAG_PAGES_RENDERED = exports.PAGES_NOT_RENDERED = exports.PAGES_RENDERED = exports.PAGE_DELETED = exports.PAGE_UPDATED = exports.PAGE_ADDED = exports.PAGE_ERROR = exports.FEATURE_IMAGE_ADDED = exports.POST_IMAGE_ADDED = exports.SETTINGS_LOADED = exports.IMG_REQUEST_LAME = exports.IMG_REQUEST_GOOD = exports.API_REQUEST_LAME = exports.API_REQUEST_GOOD = exports.REQUEST_LAME = exports.REQUEST_GOOD = void 0; function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } @@ -195,6 +195,8 @@ var API_IMAGES_UPLOAD = 'uploadProfileImages'; exports.API_IMAGES_UPLOAD = API_IMAGES_UPLOAD; var API_RENDER_PAGES = 'renderPages'; exports.API_RENDER_PAGES = API_RENDER_PAGES; +var API_REINDEX_PAGES = 'reindexPages'; +exports.API_REINDEX_PAGES = API_REINDEX_PAGES; var API_INIT = 'blogInit'; exports.API_INIT = API_INIT; var API_INIT_GOOD = 'blogInitGood'; @@ -380,7 +382,7 @@ exports.default = APIUtils; Object.defineProperty(exports, "__esModule", { value: true }); -exports.default = exports.API_SEND_MAIL = exports.API_INIT_RESTORE_BACKUP = exports.API_RESTORE_BACKUP = exports.API_DOWNLOAD_BACKUP = exports.API_CREATE_BACKUP = exports.API_NAV_SYNC = exports.API_PUBLISH_PAGES = exports.API_UPLOAD_BACKGROUND = exports.API_UPLOAD_AVATAR = exports.API_SETTINGS_SYNC = exports.API_IMAGE_UPLOAD = exports.API_DELETE_PAGE = exports.API_EDIT_PAGE = exports.API_NEW_PAGE = exports.API_GET_NAV = exports.API_STATUS = exports.CONTENT_TYPE_FORM = exports.CONTENT_TYPE_JSON = exports.TASK_PAGE_DELETE = exports.TASK_PAGE_EDIT = exports.TASK_PAGE_CREATE = exports.REQUEST_TYPE_DELETE = exports.REQUEST_TYPE_PUT = exports.REQUEST_TYPE_GET = exports.REQUEST_TYPE_POST = void 0; +exports.default = exports.API_SEND_MAIL = exports.API_INIT_RESTORE_BACKUP = exports.API_RESTORE_BACKUP = exports.API_DOWNLOAD_BACKUP = exports.API_CREATE_BACKUP = exports.API_REINDEX_PAGES = exports.API_NAV_SYNC = exports.API_PUBLISH_PAGES = exports.API_UPLOAD_BACKGROUND = exports.API_UPLOAD_AVATAR = exports.API_SETTINGS_SYNC = exports.API_IMAGE_UPLOAD = exports.API_DELETE_PAGE = exports.API_EDIT_PAGE = exports.API_NEW_PAGE = exports.API_GET_NAV = exports.API_STATUS = exports.CONTENT_TYPE_FORM = exports.CONTENT_TYPE_JSON = exports.TASK_PAGE_DELETE = exports.TASK_PAGE_EDIT = exports.TASK_PAGE_CREATE = exports.REQUEST_TYPE_DELETE = exports.REQUEST_TYPE_PUT = exports.REQUEST_TYPE_GET = exports.REQUEST_TYPE_POST = void 0; var DataEvent = _interopRequireWildcard(require("../com/events/DataEvent")); @@ -434,6 +436,8 @@ var API_PUBLISH_PAGES = '/api/v1/settings/publish-pages'; exports.API_PUBLISH_PAGES = API_PUBLISH_PAGES; var API_NAV_SYNC = '/api/v1/settings/nav-sync'; exports.API_NAV_SYNC = API_NAV_SYNC; +var API_REINDEX_PAGES = '/api/v1/settings/reindex'; +exports.API_REINDEX_PAGES = API_REINDEX_PAGES; var API_CREATE_BACKUP = '/api/v1/backup/create'; exports.API_CREATE_BACKUP = API_CREATE_BACKUP; var API_DOWNLOAD_BACKUP = '/api/v1/backup/download'; @@ -666,6 +670,19 @@ var APIUtils = /*#__PURE__*/function () { reject(err); }); }); + } + }, { + key: "handleReindex", + value: function handleReindex(data) { + var _this10 = this; + + return new Promise(function (resolve, reject) { + _this10._request(API_REINDEX_PAGES, DataEvent.API_REINDEX_PAGES, REQUEST_TYPE_POST, CONTENT_TYPE_JSON, data).then(function (result) { + resolve(result); + }).catch(function (err) { + reject(err); + }); + }); } //-------------------------- // private //-------------------------- @@ -693,7 +710,7 @@ var APIUtils = /*#__PURE__*/function () { }; if (requestType == REQUEST_TYPE_PUT || requestType == REQUEST_TYPE_POST) { - if (eventType === DataEvent.API_PAGE_WRITE || eventType === DataEvent.API_IMAGES_UPLOAD || eventType === DataEvent.API_SETTINGS_WRITE || eventType === DataEvent.API_PAGE_DELETE || eventType === DataEvent.API_RENDER_PAGES || eventType === DataEvent.API_BACKUP_CREATE || eventType === DataEvent.API_BACKUP_RESTORE) request.setRequestHeader('x-access-token', self.token); + if (eventType === DataEvent.API_PAGE_WRITE || eventType === DataEvent.API_IMAGES_UPLOAD || eventType === DataEvent.API_SETTINGS_WRITE || eventType === DataEvent.API_PAGE_DELETE || eventType === DataEvent.API_RENDER_PAGES || eventType === DataEvent.API_BACKUP_CREATE || eventType === DataEvent.API_BACKUP_RESTORE || eventType === DataEvent.API_REINDEX_PAGES) request.setRequestHeader('x-access-token', self.token); switch (contentType) { case CONTENT_TYPE_JSON: @@ -3953,9 +3970,12 @@ var PostEditor = /*#__PURE__*/function () { key: "handleImageUpload", value: function handleImageUpload(type, files) { var self = this; + notify.alert('Uploading Image', null); admin.imageUpload(type, files).then(function (r) { if (r.type == DataEvent.POST_IMAGE_ADDED) self.editor.notify(EditorEvent.EDITOR_UPLOAD_POST_IMAGE, r.url); - }).catch(function () {//console.log('ERROR', err); + notify.alert('Image Added to Entry', true); + }).catch(function () { + notify.alert('Uh oh. Image not added', false); //console.log('ERROR', err); }); } }]); @@ -4297,6 +4317,9 @@ var SettingsIndex = /*#__PURE__*/function () { document.getElementById('create-backup').addEventListener('click', function (e) { return _this.handleBackup(e); }); + document.getElementById('reindex-pages').addEventListener('click', function (e) { + return _this.handleReindex(e); + }); } //-------------------------- // event handlers //-------------------------- @@ -4413,6 +4436,21 @@ var SettingsIndex = /*#__PURE__*/function () { notify.alert(err, false); }); } + }, { + key: "handleReindex", + value: function handleReindex(e) { + e.preventDefault(); + e.stopPropagation(); + var task = { + task: 'cleanup pages indexes' + }; + notify.alert('Cleaning up page indexes', null); + admin.handleReindex(task).then(function (r) { + notify.alert(r.message, true); + }).catch(function (err) { + notify.alert(err, false); + }); + } }]); return SettingsIndex; @@ -8574,7 +8612,7 @@ var parent = module.bundle.parent; if ((!parent || !parent.isParcelRequire) && typeof WebSocket !== 'undefined') { var hostname = "" || location.hostname; var protocol = location.protocol === 'https:' ? 'wss' : 'ws'; - var ws = new WebSocket(protocol + '://' + hostname + ':' + "57701" + '/'); + var ws = new WebSocket(protocol + '://' + hostname + ':' + "55198" + '/'); ws.onmessage = function (event) { checkedAssets = {};