first implementation of fun stats site

9 files changed, 270 insertions, 0 deletions

diff --git a/templates/assets/tether/src/css/helpers/_tether-theme-arrows.sass b/templates/assets/tether/src/css/helpers/_tether-theme-arrows.sass
new file mode 100644
index 0000000..55f2463
--- /dev/null
+++ b/templates/assets/tether/src/css/helpers/_tether-theme-arrows.sass
@@ -0,0 +1,192 @@
+=tether-theme-arrows($themePrefix: "tether", $themeName: "arrows", $arrowSize: 16px, $arrowPointerEvents: null, $backgroundColor: #fff, $color: inherit, $useDropShadow: false)
+    .#{ $themePrefix }-element.#{ $themePrefix }-theme-#{ $themeName }
+        max-width: 100%
+        max-height: 100%
+
+        .#{ $themePrefix }-content
+            border-radius: 5px
+            position: relative
+            font-family: inherit
+            background: $backgroundColor
+            color: $color
+            padding: 1em
+            font-size: 1.1em
+            line-height: 1.5em
+
+            @if $useDropShadow
+                transform: translateZ(0)
+                filter: drop-shadow(0 1px 4px rgba(0, 0, 0, .2))
+
+            &:before
+                content: ""
+                display: block
+                position: absolute
+                width: 0
+                height: 0
+                border-color: transparent
+                border-width: $arrowSize
+                border-style: solid
+                pointer-events: $arrowPointerEvents
+
+        // Centers and middles
+
+        &.#{ $themePrefix }-element-attached-bottom.#{ $themePrefix }-element-attached-center .#{ $themePrefix }-content
+            margin-bottom: $arrowSize
+
+            &:before
+                top: 100%
+                left: 50%
+                margin-left: - $arrowSize
+                border-top-color: $backgroundColor
+                border-bottom: 0
+
+        &.#{ $themePrefix }-element-attached-top.#{ $themePrefix }-element-attached-center .#{ $themePrefix }-content
+            margin-top: $arrowSize
+
+            &:before
+                bottom: 100%
+                left: 50%
+                margin-left: - $arrowSize
+                border-bottom-color: $backgroundColor
+                border-top: 0
+
+        &.#{ $themePrefix }-element-attached-right.#{ $themePrefix }-element-attached-middle .#{ $themePrefix }-content
+            margin-right: $arrowSize
+
+            &:before
+                left: 100%
+                top: 50%
+                margin-top: - $arrowSize
+                border-left-color: $backgroundColor
+                border-right: 0
+
+        &.#{ $themePrefix }-element-attached-left.#{ $themePrefix }-element-attached-middle .#{ $themePrefix }-content
+            margin-left: $arrowSize
+
+            &:before
+                right: 100%
+                top: 50%
+                margin-top: - $arrowSize
+                border-right-color: $backgroundColor
+                border-left: 0
+
+        // Target middle/center, element corner
+
+        &.#{ $themePrefix }-element-attached-left.#{ $themePrefix }-target-attached-center .#{ $themePrefix }-content
+            left: - $arrowSize * 2
+
+        &.#{ $themePrefix }-element-attached-right.#{ $themePrefix }-target-attached-center .#{ $themePrefix }-content
+            left: $arrowSize * 2
+
+        &.#{ $themePrefix }-element-attached-top.#{ $themePrefix }-element-attached-left.#{ $themePrefix }-target-attached-middle .#{ $themePrefix }-content
+            margin-top: $arrowSize
+
+            &:before
+                bottom: 100%
+                left: $arrowSize
+                border-bottom-color: $backgroundColor
+                border-top: 0
+
+        &.#{ $themePrefix }-element-attached-top.#{ $themePrefix }-element-attached-right.#{ $themePrefix }-target-attached-middle .#{ $themePrefix }-content
+            margin-top: $arrowSize
+
+            &:before
+                bottom: 100%
+                right: $arrowSize
+                border-bottom-color: $backgroundColor
+                border-top: 0
+
+        &.#{ $themePrefix }-element-attached-bottom.#{ $themePrefix }-element-attached-left.#{ $themePrefix }-target-attached-middle .#{ $themePrefix }-content
+            margin-bottom: $arrowSize
+
+            &:before
+                top: 100%
+                left: $arrowSize
+                border-top-color: $backgroundColor
+                border-bottom: 0
+
+        &.#{ $themePrefix }-element-attached-bottom.#{ $themePrefix }-element-attached-right.#{ $themePrefix }-target-attached-middle .#{ $themePrefix }-content
+            margin-bottom: $arrowSize
+
+            &:before
+                top: 100%
+                right: $arrowSize
+                border-top-color: $backgroundColor
+                border-bottom: 0
+
+
+        // Top and bottom corners
+
+        &.#{ $themePrefix }-element-attached-top.#{ $themePrefix }-element-attached-left.#{ $themePrefix }-target-attached-bottom .#{ $themePrefix }-content
+            margin-top: $arrowSize
+
+            &:before
+                bottom: 100%
+                left: $arrowSize
+                border-bottom-color: $backgroundColor
+                border-top: 0
+
+        &.#{ $themePrefix }-element-attached-top.#{ $themePrefix }-element-attached-right.#{ $themePrefix }-target-attached-bottom .#{ $themePrefix }-content
+            margin-top: $arrowSize
+
+            &:before
+                bottom: 100%
+                right: $arrowSize
+                border-bottom-color: $backgroundColor
+                border-top: 0
+
+        &.#{ $themePrefix }-element-attached-bottom.#{ $themePrefix }-element-attached-left.#{ $themePrefix }-target-attached-top .#{ $themePrefix }-content
+            margin-bottom: $arrowSize
+
+            &:before
+                top: 100%
+                left: $arrowSize
+                border-top-color: $backgroundColor
+                border-bottom: 0
+
+        &.#{ $themePrefix }-element-attached-bottom.#{ $themePrefix }-element-attached-right.#{ $themePrefix }-target-attached-top .#{ $themePrefix }-content
+            margin-bottom: $arrowSize
+
+            &:before
+                top: 100%
+                right: $arrowSize
+                border-top-color: $backgroundColor
+                border-bottom: 0
+
+        // Side corners
+
+        &.#{ $themePrefix }-element-attached-top.#{ $themePrefix }-element-attached-right.#{ $themePrefix }-target-attached-left .#{ $themePrefix }-content
+            margin-right: $arrowSize
+
+            &:before
+                top: $arrowSize
+                left: 100%
+                border-left-color: $backgroundColor
+                border-right: 0
+
+        &.#{ $themePrefix }-element-attached-top.#{ $themePrefix }-element-attached-left.#{ $themePrefix }-target-attached-right .#{ $themePrefix }-content
+            margin-left: $arrowSize
+
+            &:before
+                top: $arrowSize
+                right: 100%
+                border-right-color: $backgroundColor
+                border-left: 0
+
+        &.#{ $themePrefix }-element-attached-bottom.#{ $themePrefix }-element-attached-right.#{ $themePrefix }-target-attached-left .#{ $themePrefix }-content
+            margin-right: $arrowSize
+
+            &:before
+                bottom: $arrowSize
+                left: 100%
+                border-left-color: $backgroundColor
+                border-right: 0
+
+        &.#{ $themePrefix }-element-attached-bottom.#{ $themePrefix }-element-attached-left.#{ $themePrefix }-target-attached-right .#{ $themePrefix }-content
+            margin-left: $arrowSize
+
+            &:before
+                bottom: $arrowSize
+                right: 100%
+                border-right-color: $backgroundColor
+                border-left: 0
diff --git a/templates/assets/tether/src/css/helpers/_tether-theme-basic.sass b/templates/assets/tether/src/css/helpers/_tether-theme-basic.sass
new file mode 100644
index 0000000..f7e9fb7
--- /dev/null
+++ b/templates/assets/tether/src/css/helpers/_tether-theme-basic.sass
@@ -0,0 +1,14 @@
+=tether-theme-basic($themePrefix: "tether", $themeName: "basic", $backgroundColor: #fff, $color: inherit)
+    .#{ $themePrefix }-element.#{ $themePrefix }-theme-#{ $themeName }
+        max-width: 100%
+        max-height: 100%
+
+        .#{ $themePrefix }-content
+            border-radius: 5px
+            box-shadow: 0 2px 8px rgba(0, 0, 0, .2)
+            font-family: inherit
+            background: $backgroundColor
+            color: $color
+            padding: 1em
+            font-size: 1.1em
+            line-height: 1.5em
diff --git a/templates/assets/tether/src/css/helpers/_tether.sass b/templates/assets/tether/src/css/helpers/_tether.sass
new file mode 100644
index 0000000..a6d8e50
--- /dev/null
+++ b/templates/assets/tether/src/css/helpers/_tether.sass
@@ -0,0 +1,12 @@
+=tether($themePrefix: "tether")
+    .#{ $themePrefix }-element, .#{ $themePrefix }-element *
+
+        &, &:after, &:before
+            box-sizing: border-box
+
+    .#{ $themePrefix }-element
+        position: absolute
+        display: none
+
+        &.#{ $themePrefix }-open
+            display: block
diff --git a/templates/assets/tether/src/css/mixins/_inline-block.sass b/templates/assets/tether/src/css/mixins/_inline-block.sass
new file mode 100644
index 0000000..0e98143
--- /dev/null
+++ b/templates/assets/tether/src/css/mixins/_inline-block.sass
@@ -0,0 +1,6 @@
+@mixin inline-block
+  display: inline-block
+  vertical-align: middle
+  *vertical-align: auto
+  *zoom: 1
+  *display: inline
diff --git a/templates/assets/tether/src/css/mixins/_pie-clearfix.sass b/templates/assets/tether/src/css/mixins/_pie-clearfix.sass
new file mode 100644
index 0000000..ef8c9c4
--- /dev/null
+++ b/templates/assets/tether/src/css/mixins/_pie-clearfix.sass
@@ -0,0 +1,7 @@
+@mixin pie-clearfix
+  *zoom: 1
+
+  &:after
+    content: ""
+    display: table
+    clear: both
diff --git a/templates/assets/tether/src/css/tether-theme-arrows-dark.sass b/templates/assets/tether/src/css/tether-theme-arrows-dark.sass
new file mode 100644
index 0000000..ad1caf0
--- /dev/null
+++ b/templates/assets/tether/src/css/tether-theme-arrows-dark.sass
@@ -0,0 +1,12 @@
+@import helpers/tether
+@import helpers/tether-theme-arrows
+
+$themePrefix: "tether"
+$themeName: "arrows-dark"
+$arrowSize: 16px
+$backgroundColor: #000
+$color: #fff
+$useDropShadow: false
+
++tether($themePrefix: $themePrefix)
++tether-theme-arrows($themePrefix: $themePrefix, $themeName: $themeName, $arrowSize: $arrowSize, $backgroundColor: $backgroundColor, $color: $color, $useDropShadow: $useDropShadow)
diff --git a/templates/assets/tether/src/css/tether-theme-arrows.sass b/templates/assets/tether/src/css/tether-theme-arrows.sass
new file mode 100644
index 0000000..87765b2
--- /dev/null
+++ b/templates/assets/tether/src/css/tether-theme-arrows.sass
@@ -0,0 +1,12 @@
+@import helpers/tether
+@import helpers/tether-theme-arrows
+
+$themePrefix: "tether"
+$themeName: "arrows"
+$arrowSize: 16px
+$backgroundColor: #fff
+$color: inherit
+$useDropShadow: true
+
++tether($themePrefix: $themePrefix)
++tether-theme-arrows($themePrefix: $themePrefix, $themeName: $themeName, $arrowSize: $arrowSize, $backgroundColor: $backgroundColor, $color: $color, $useDropShadow: $useDropShadow)
diff --git a/templates/assets/tether/src/css/tether-theme-basic.sass b/templates/assets/tether/src/css/tether-theme-basic.sass
new file mode 100644
index 0000000..9a2be06
--- /dev/null
+++ b/templates/assets/tether/src/css/tether-theme-basic.sass
@@ -0,0 +1,10 @@
+@import helpers/tether
+@import helpers/tether-theme-basic
+
+$themePrefix: "tether"
+$themeName: "basic"
+$backgroundColor: #fff
+$color: inherit
+
++tether($themePrefix: $themePrefix)
++tether-theme-basic($themePrefix: $themePrefix, $themeName: $themeName, $backgroundColor: $backgroundColor, $color: $color)
\ No newline at end of file
diff --git a/templates/assets/tether/src/css/tether.sass b/templates/assets/tether/src/css/tether.sass
new file mode 100644
index 0000000..6421016
--- /dev/null
+++ b/templates/assets/tether/src/css/tether.sass
@@ -0,0 +1,5 @@
+@import helpers/tether
+
+$themePrefix: "tether"
+
++tether($themePrefix: $themePrefix)
\ No newline at end of file