cleaned up dash index styles, cleaned up header
This commit is contained in:
Roland Pulliam
parent
fc59ab90f6
commit
b99890d522
15 changed files with 219 additions and 81 deletions
|
|
@ -16,8 +16,8 @@ router.get('/', function(req, res)
|
|||
]
|
||||
}).then(function(posts)
|
||||
{
|
||||
let title = '';
|
||||
(!loggedIn) ? title = "Hi, there." : title = "This is the front"
|
||||
let title = 'Fipamo Admin';
|
||||
(!loggedIn) ? welcome = "Hello." : welcome = "Welcome back, "+req.session.user.handle
|
||||
let filtered = [];
|
||||
for (let index = 0; index < posts.length; index++)
|
||||
{
|
||||
|
|
@ -34,6 +34,7 @@ router.get('/', function(req, res)
|
|||
res.render('dash/index',
|
||||
{
|
||||
title: title,
|
||||
welcome: welcome,
|
||||
user_status: loggedIn,
|
||||
items: filtered
|
||||
});
|
||||
|
|
|
|||
|
|
@ -43,6 +43,7 @@ class TextEditor extends EventEmitter
|
|||
}
|
||||
});
|
||||
this.refresh();
|
||||
window.scroll(0,0);
|
||||
}
|
||||
//--------------------------
|
||||
// methods
|
||||
|
|
|
|||
|
|
@ -1547,7 +1547,7 @@ h2 {
|
|||
}
|
||||
h3 {
|
||||
font-size: 1.5em;
|
||||
font-weight: 500;
|
||||
font-weight: 300;
|
||||
}
|
||||
/**
|
||||
-------------------------------
|
||||
|
|
@ -1561,7 +1561,7 @@ body {
|
|||
height: 100%;
|
||||
}
|
||||
a {
|
||||
font: 300 1em $titleType;
|
||||
font: 300 1em 'Apercu', Helvetica, Arial, sans-serif;
|
||||
color: #b2cce5;
|
||||
text-decoration: underline;
|
||||
-moz-transition: all 0.1s linear;
|
||||
|
|
@ -1614,15 +1614,21 @@ svg.icons {
|
|||
z-index: 10;
|
||||
position: relative;
|
||||
}
|
||||
.main-container section header #header-wrapper #header-one label#the-title,
|
||||
.main-container section header #header-wrapper #header-two {
|
||||
text-align: right;
|
||||
color: #f2f1ef;
|
||||
}
|
||||
.main-container section header #header-wrapper #header-two a {
|
||||
text-decoration-color: #fc6399;
|
||||
}
|
||||
.main-container section header #header-wrapper #header-two label#the-title {
|
||||
font-family: 'Apercu-Mono';
|
||||
font-size: 1.5em;
|
||||
font-size: 1.2em;
|
||||
font-weight: 300;
|
||||
color: #f5ab35;
|
||||
text-decoration: none;
|
||||
display: block;
|
||||
}
|
||||
.main-container section header #header-wrapper #header-one #dash-menu,
|
||||
.main-container section header #header-wrapper #header-two #dash-menu {
|
||||
text-align: right;
|
||||
}
|
||||
|
|
@ -1799,17 +1805,38 @@ svg.icons {
|
|||
}
|
||||
#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list {
|
||||
padding: 0.75em;
|
||||
position: relative;
|
||||
}
|
||||
#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a {
|
||||
#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list .recent-header {
|
||||
height: 50px;
|
||||
}
|
||||
#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list .recent-header h3 {
|
||||
vertical-align: top;
|
||||
display: inline-block;
|
||||
width: 50%;
|
||||
}
|
||||
#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list .recent-header .index-menu {
|
||||
width: 50%;
|
||||
text-align: right;
|
||||
vertical-align: top;
|
||||
display: inline-block;
|
||||
margin: 24px 0 24px 0;
|
||||
right: 10px;
|
||||
color: #f2f1ef;
|
||||
}
|
||||
#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list .recent-header .index-menu a {
|
||||
text-decoration-color: #fc6399;
|
||||
}
|
||||
#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link {
|
||||
font-size: 1.5em;
|
||||
font-weight: 300;
|
||||
background: #f2f1ef;
|
||||
display: inline-block;
|
||||
border-radius: 3px;
|
||||
vertical-align: top;
|
||||
text-decoration: none;
|
||||
position: relative;
|
||||
}
|
||||
#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a label {
|
||||
#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link label {
|
||||
font-size: 0.7em;
|
||||
font-weight: 700;
|
||||
color: #161d23;
|
||||
|
|
@ -1818,7 +1845,7 @@ svg.icons {
|
|||
display: inline-block;
|
||||
width: 60%;
|
||||
}
|
||||
#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a span {
|
||||
#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link span {
|
||||
float: right;
|
||||
vertical-align: top;
|
||||
display: inline-block;
|
||||
|
|
@ -1827,35 +1854,36 @@ svg.icons {
|
|||
padding: 7px;
|
||||
color: #161d23;
|
||||
}
|
||||
#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a div {
|
||||
#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link div {
|
||||
width: 100%;
|
||||
background-size: cover;
|
||||
border-radius: 3px 3px 0 0;
|
||||
}
|
||||
#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(2) {
|
||||
width: 100%;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(2) div {
|
||||
height: 500px;
|
||||
background: #f2f1ef;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
border-radius: 0 0 3px 3px;
|
||||
}
|
||||
#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(3) {
|
||||
width: 47%;
|
||||
margin-right: 20px;
|
||||
width: 100%;
|
||||
margin-bottom: 20px;
|
||||
height: 500px;
|
||||
}
|
||||
#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(3) div {
|
||||
height: 600px;
|
||||
}
|
||||
#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) {
|
||||
width: 50.6%;
|
||||
}
|
||||
#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(4) div,
|
||||
#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(5) div {
|
||||
#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(4) {
|
||||
width: 49%;
|
||||
height: 275px;
|
||||
margin: 0 15px 15px 0;
|
||||
}
|
||||
#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(5) {
|
||||
margin: -305px 0 0 49.3%;
|
||||
width: 49%;
|
||||
height: 550px;
|
||||
}
|
||||
#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(6) {
|
||||
width: 49%;
|
||||
height: 550px;
|
||||
margin: -260px 15px 0 0;
|
||||
}
|
||||
#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(7) {
|
||||
width: 49%;
|
||||
height: 275px;
|
||||
margin: 15px 0 0 0;
|
||||
}
|
||||
/**
|
||||
-------------------------------
|
||||
|
|
@ -2682,7 +2710,7 @@ select {
|
|||
fill: #f2f1ef;
|
||||
}
|
||||
#edit-control .submit-delete {
|
||||
background: #ce483b !important;
|
||||
background: #f64747 !important;
|
||||
}
|
||||
#edit-control .submit-delete svg {
|
||||
fill: #f2f1ef !important;
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 58 KiB After Width: | Height: | Size: 8.2 KiB |
8
themes/dash/assets/js/dash.min.js
vendored
8
themes/dash/assets/js/dash.min.js
vendored
|
|
@ -7832,6 +7832,7 @@ function (_EventEmitter) {
|
|||
|
||||
_this.refresh();
|
||||
|
||||
window.scroll(0, 0);
|
||||
return _this;
|
||||
} //--------------------------
|
||||
// methods
|
||||
|
|
@ -8031,6 +8032,7 @@ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _d
|
|||
var PostEditor =
|
||||
/*#__PURE__*/
|
||||
function () {
|
||||
//TODO - FIX POST FEATURE URLS IN DB
|
||||
//--------------------------
|
||||
// constructor
|
||||
//--------------------------
|
||||
|
|
@ -9046,7 +9048,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
|
|||
document.addEventListener('DOMContentLoaded', function () {
|
||||
var base = new _Base.default();
|
||||
}, false);
|
||||
},{"./Base":"Base.js"}],"../../../../../../.nvm/versions/node/v8.12.0/lib/node_modules/parcel-bundler/src/builtins/hmr-runtime.js":[function(require,module,exports) {
|
||||
},{"./Base":"Base.js"}],"../../../../../../../.nvm/versions/node/v8.15.0/lib/node_modules/parcel/src/builtins/hmr-runtime.js":[function(require,module,exports) {
|
||||
var global = arguments[3];
|
||||
var OVERLAY_ID = '__parcel__error__overlay__';
|
||||
var OldModule = module.bundle.Module;
|
||||
|
|
@ -9073,7 +9075,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 + ':' + "55155" + '/');
|
||||
var ws = new WebSocket(protocol + '://' + hostname + ':' + "64724" + '/');
|
||||
|
||||
ws.onmessage = function (event) {
|
||||
var data = JSON.parse(event.data);
|
||||
|
|
@ -9215,5 +9217,5 @@ function hmrAccept(bundle, id) {
|
|||
return hmrAccept(global.parcelRequire, id);
|
||||
});
|
||||
}
|
||||
},{}]},{},["../../../../../../.nvm/versions/node/v8.12.0/lib/node_modules/parcel-bundler/src/builtins/hmr-runtime.js","Start.js"], null)
|
||||
},{}]},{},["../../../../../../../.nvm/versions/node/v8.15.0/lib/node_modules/parcel/src/builtins/hmr-runtime.js","Start.js"], null)
|
||||
//# sourceMappingURL=/dash/assets/js/dash.min.map
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -19,8 +19,10 @@ html(xmlns='http://www.w3.org/1999/xhtml', lang='en', xml:lang="en")
|
|||
header#header
|
||||
#header-wrapper.columns
|
||||
#header-one.column
|
||||
label#the-title= title
|
||||
a(href="/@/dashboard")
|
||||
img(src="/dash/assets/images/the-logo.svg")
|
||||
#header-two.column
|
||||
label#the-title= welcome
|
||||
-if(user_status)
|
||||
include partials/dash-nav
|
||||
block main-content
|
||||
|
|
|
|||
|
|
@ -1,7 +1,4 @@
|
|||
#dash-menu
|
||||
a#settings(href="/@/dashboard/settings")
|
||||
svg(viewBox="0 0 10 10" class="icons")
|
||||
use(xlink:href='/dash/assets/images/sprite.svg#entypo-cog')
|
||||
a#navigation(href="/@/dashboard/navigation")
|
||||
svg(viewBox="0 0 20 20" class="icons")
|
||||
use(xlink:href='/dash/assets/images/sprite.svg#entypo-list')
|
||||
a#settings(href="/@/dashboard/settings") Settings
|
||||
| .
|
||||
a#navigation(href="/@/dashboard/navigation") Navigation
|
||||
|
|
|
|||
|
|
@ -1,11 +1,18 @@
|
|||
#dash-recent
|
||||
#recent-list
|
||||
h3 Recent
|
||||
- var index = 0;
|
||||
- var cap = 4; // number of respect posts to display
|
||||
- for ( index; index < cap; index++)
|
||||
a(href="/@/dashboard/posts/edit/"+items[index].post.uuid id=items[index].post.uuid)
|
||||
div(style="background:url("+items[index].post.feature.substr(8)+") no-repeat center center / cover")
|
||||
label= items[index].post.title
|
||||
span= items[index].post.created
|
||||
|
||||
.recent-header
|
||||
h3 Recent
|
||||
.index-menu
|
||||
a(href='/@/dashboard/posts') View Posts
|
||||
| .
|
||||
a(href='/@/dashboard/posts/add/new') Create Post
|
||||
br
|
||||
- var index = 0;
|
||||
- var cap = 5; // number of posts to display
|
||||
- for ( index; index < cap; index++)
|
||||
a.post-link(href="/@/dashboard/posts/edit/"+items[index].post.uuid id=items[index].post.uuid style="background:url("+items[index].post.feature.substr(8)+") no-repeat center center / cover")
|
||||
div
|
||||
label= items[index].post.title
|
||||
span= items[index].post.created
|
||||
|
||||
|
|
|
|||
|
|
@ -22,6 +22,9 @@ import DBUtils,
|
|||
from '../../../../../brain/tools/utilities/DBUtils';
|
||||
export default class PostEditor
|
||||
{
|
||||
|
||||
//TODO - FIX POST FEATURE URLS IN DB
|
||||
|
||||
//--------------------------
|
||||
// constructor
|
||||
//--------------------------
|
||||
|
|
|
|||
|
|
@ -9,7 +9,7 @@ $black = #32302f;
|
|||
|
||||
//editor colors
|
||||
$eventCool = #32cd32
|
||||
$eventLame = #ce483b
|
||||
$eventLame = #F64747
|
||||
|
||||
$editorPrimary = #bebebe;
|
||||
$editorSecondary = #ffa07a;
|
||||
|
|
|
|||
|
|
@ -73,15 +73,31 @@
|
|||
|
||||
#recent-list
|
||||
padding 0.75em
|
||||
a
|
||||
position relative
|
||||
.recent-header
|
||||
height 50px
|
||||
h3
|
||||
vertical-align: top
|
||||
display inline-block
|
||||
width: 50%
|
||||
.index-menu
|
||||
width: 50%
|
||||
text-align: right
|
||||
vertical-align: top
|
||||
display inline-block
|
||||
margin 24px 0 24px 0
|
||||
right 10px
|
||||
color $white
|
||||
a
|
||||
text-decoration-color: $highlight
|
||||
a.post-link
|
||||
font-size 1.5em
|
||||
font-weight 300
|
||||
background $white
|
||||
display inline-block
|
||||
border-radius 3px
|
||||
vertical-align top
|
||||
text-decoration: none
|
||||
|
||||
position relative
|
||||
label
|
||||
font-size: .7em
|
||||
font-weight: 700
|
||||
|
|
@ -101,26 +117,31 @@
|
|||
|
||||
div
|
||||
width 100%
|
||||
background-size cover
|
||||
border-radius 3px 3px 0 0
|
||||
|
||||
a:nth-child(2)
|
||||
width 100%
|
||||
margin-bottom 20px
|
||||
div
|
||||
height 500px
|
||||
background: $white;
|
||||
position: absolute
|
||||
bottom: 0
|
||||
border-radius: 0 0 3px 3px
|
||||
|
||||
a:nth-child(3)
|
||||
width 47%
|
||||
margin-right 20px
|
||||
div
|
||||
height 600px
|
||||
width 100%
|
||||
margin-bottom 20px
|
||||
height 500px
|
||||
|
||||
a:nth-child(4), a:nth-child(5)
|
||||
|
||||
width 50.6%
|
||||
div
|
||||
height 275px
|
||||
a:nth-child(4)
|
||||
width 49%
|
||||
height 275px
|
||||
margin 0 15px 15px 0
|
||||
|
||||
a:nth-child(5)
|
||||
margin -305px 0 0 49.3%
|
||||
width 49%
|
||||
height 550px
|
||||
|
||||
a:nth-child(6)
|
||||
width 49%
|
||||
height 550px
|
||||
margin -260px 15px 0 0
|
||||
|
||||
a:nth-child(7)
|
||||
width 49%
|
||||
height 275px
|
||||
margin: 15px 0 0 0
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@ html, body
|
|||
height 100%
|
||||
|
||||
a
|
||||
font 300 1em $titleType
|
||||
font 300 1em $baseType
|
||||
color $secondary
|
||||
text-decoration underline
|
||||
object-transitions(0.1s)
|
||||
|
|
@ -53,10 +53,16 @@ svg.icons
|
|||
#header-one, #header-two
|
||||
z-index 10
|
||||
position relative
|
||||
#header-two
|
||||
text-align right
|
||||
color $white
|
||||
a
|
||||
text-decoration-color: $highlight
|
||||
|
||||
label#the-title
|
||||
font-family 'Apercu-Mono'
|
||||
font-size 1.5em
|
||||
font-size 1.2em
|
||||
font-weight: 300
|
||||
color $tertiary
|
||||
text-decoration none
|
||||
display block
|
||||
|
|
|
|||
|
|
@ -114,5 +114,5 @@ h2
|
|||
|
||||
h3
|
||||
font-size 1.5em
|
||||
font-weight 500
|
||||
font-weight 300
|
||||
|
||||
|
|
|
|||
Loading…
Reference in a new issue