Add dashboard
This commit is contained in:
1
widgets/quote/quote.coffee
Normal file
1
widgets/quote/quote.coffee
Normal file
@@ -0,0 +1 @@
|
||||
class Dashing.Quote extends Dashing.Widget
|
||||
7
widgets/quote/quote.html
Normal file
7
widgets/quote/quote.html
Normal file
@@ -0,0 +1,7 @@
|
||||
<h1 class="title" data-bind="title"></h1>
|
||||
|
||||
<h3 data-bind="text"></h3>
|
||||
|
||||
<p class="more-info" data-bind="moreinfo"></p>
|
||||
|
||||
<p class="updated-at" data-bind="updatedAtMessage"></p>
|
||||
36
widgets/quote/quote.scss
Normal file
36
widgets/quote/quote.scss
Normal file
@@ -0,0 +1,36 @@
|
||||
// ----------------------------------------------------------------------------
|
||||
// Sass declarations
|
||||
// ----------------------------------------------------------------------------
|
||||
$background-color: #9c4274;
|
||||
|
||||
$title-color: rgba(255, 255, 255, 0.7);
|
||||
|
||||
$moreinfo-color: rgba(255, 255, 255, 0.7);
|
||||
|
||||
// ----------------------------------------------------------------------------
|
||||
// Widget-quote styles
|
||||
// ----------------------------------------------------------------------------
|
||||
.widget-quote {
|
||||
background: $background-color url('/assets/quote.png') no-repeat 50% 50%;
|
||||
|
||||
.title {
|
||||
color: $title-color;
|
||||
}
|
||||
|
||||
.more-info {
|
||||
color: $moreinfo-color;
|
||||
}
|
||||
|
||||
.updated-at {
|
||||
color: rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
h3 {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
&.large h3 {
|
||||
font-size: 65px;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user