initial commit, import from pixelated_dashboard

3 files changed, 40 insertions, 0 deletions

diff --git a/widgets/text/text.coffee b/widgets/text/text.coffee
new file mode 100644
index 0000000..1741d8b
--- /dev/null
+++ b/widgets/text/text.coffee
@@ -0,0 +1 @@
+class Dashing.Text extends Dashing.Widget
diff --git a/widgets/text/text.html b/widgets/text/text.html
new file mode 100644
index 0000000..decd109
--- /dev/null
+++ b/widgets/text/text.html
@@ -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>
diff --git a/widgets/text/text.scss b/widgets/text/text.scss
new file mode 100644
index 0000000..45d790e
--- /dev/null
+++ b/widgets/text/text.scss
@@ -0,0 +1,32 @@
+// ----------------------------------------------------------------------------
+// Sass declarations
+// ----------------------------------------------------------------------------
+$background-color:  #ec663c;
+
+$title-color:       rgba(255, 255, 255, 0.7);
+$moreinfo-color:    rgba(255, 255, 255, 0.7);
+
+// ----------------------------------------------------------------------------
+// Widget-text styles
+// ----------------------------------------------------------------------------
+.widget-text {
+
+  background-color: $background-color;
+
+  .title {
+    color: $title-color;
+  }
+
+  .more-info {
+    color: $moreinfo-color;
+  }
+
+  .updated-at {
+    color: rgba(255, 255, 255, 0.7);
+  }
+
+
+  &.large h3 {
+    font-size: 65px;
+  }
+}