Add dashboard
This commit is contained in:
9
widgets/random_aww/random_aww.coffee
Normal file
9
widgets/random_aww/random_aww.coffee
Normal file
@@ -0,0 +1,9 @@
|
||||
class Dashing.RandomAww extends Dashing.Widget
|
||||
|
||||
ready: ->
|
||||
# This is fired when the widget is done being rendered
|
||||
|
||||
onData: (data) ->
|
||||
# Handle incoming data
|
||||
# You can access the html node of this widget with `@node`
|
||||
# Example: $(@node).fadeOut().fadeIn() will make the node flash each time data comes in.
|
||||
1
widgets/random_aww/random_aww.html
Normal file
1
widgets/random_aww/random_aww.html
Normal file
@@ -0,0 +1 @@
|
||||
<div class="image_container" data-bind-style="image"></div>
|
||||
24
widgets/random_aww/random_aww.scss
Normal file
24
widgets/random_aww/random_aww.scss
Normal file
@@ -0,0 +1,24 @@
|
||||
// ----------------------------------------------------------------------------
|
||||
// Sass declarations
|
||||
// ----------------------------------------------------------------------------
|
||||
$background-color: #2d2e29;
|
||||
|
||||
// ----------------------------------------------------------------------------
|
||||
// Widget-image styles
|
||||
// ----------------------------------------------------------------------------
|
||||
.widget-random-aww {
|
||||
|
||||
background-color: $background-color;
|
||||
|
||||
.image_container {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
}
|
||||
Reference in New Issue
Block a user