Changes to the 'Known Issue' and image captioning

CNAME

@@ -0,0 +1 @@
+greenscreen.io

css/site.css

@@ -0,0 +1,248 @@
+.styled.select {
+  position: relative;
+  width: 268px;
+  margin: 0 auto;
+  border: 1px solid rgba(0, 0, 0, 0.15);
+  display: inline-block; }
+  .styled.select select {
+    background: transparent;
+    width: 100%;
+    height: 50px;
+    padding: 12px;
+    font-size: 1.2em;
+    line-height: 1;
+    border: none;
+    border-radius: 0;
+    -webkit-appearance: none; }
+    .styled.select select:focus {
+      outline: none; }
+  .styled.select:after {
+    position: absolute;
+    right: 16px;
+    top: 16px;
+    font-size: .8em;
+    content: "\25BC";
+    color: #373737; }
+
+button.push {
+  background: white;
+  color: #2ecc71;
+  min-width: 300px;
+  padding: 20px;
+  font-size: 1.5em;
+  font-weight: 700;
+  text-transform: uppercase;
+  border: none;
+  border-bottom: 6px solid #e1e1e1;
+  -webkit-border-radius: 2px;
+  -moz-border-radius: 2px;
+  -ms-border-radius: 2px;
+  border-radius: 2px; }
+  button.push:active {
+    margin-top: 6px;
+    border-bottom: 0; }
+  button.push:focus {
+    outline: none; }
+  button.push.red {
+    background: #e74c3c;
+    color: white;
+    border-color: #ed7669; }
+  button.push.blue {
+    background: #3498db;
+    color: white;
+    border-color: #5faee3; }
+  button.push.white {
+    background: white;
+    color: #2ecc71; }
+
+.red {
+  color: #e74c3c; }
+
+.groupon {
+  color: #82b548;
+  font-weight: 700; }
+
+body,
+html,
+button,
+select {
+  font-family: "Open Sans", "Helvetic Neue", "Helvetica", sans-serif;
+  font-weight: 300; }
+
+body,
+html {
+  padding: 0;
+  margin: 0;
+  width: 100%;
+  height: 100%;
+  background: #2ecc71; }
+
+.screens {
+  margin-top: 48px;
+  text-align: center; }
+  .screens .screen {
+    display: inline-block;
+    position: relative;
+    background: #282828;
+    height: auto;
+    width: 25%;
+    min-width: 200px;
+    min-height: 150px;
+    margin: 24px;
+    border: 8px solid #282828;
+    -webkit-border-radius: 4px;
+    -moz-border-radius: 4px;
+    -ms-border-radius: 4px;
+    border-radius: 4px; }
+    .screens .screen .content {
+      position: absolute;
+      background: white;
+      height: 100%;
+      width: 100%;
+      -webkit-transition: all 0.2s;
+      -moz-transition: all 0.2s;
+      -ms-transition: all 0.2s;
+      -o-transition: all 0.2s;
+      transition: all 0.2s; }
+      .screens .screen .content.feed {
+        background: url("../assets/images/feed.png") no-repeat center center;
+        background-size: cover; }
+      .screens .screen .content.weather {
+        background: url("../assets/images/weather.png") no-repeat center center;
+        background-size: cover; }
+      .screens .screen .content.stocks {
+        background: url("../assets/images/stocks.png") no-repeat center center;
+        background-size: cover; }
+      .screens .screen .content.news {
+        background: url("../assets/images/news.png") no-repeat center center;
+        background-size: cover; }
+      .screens .screen .content.analytics {
+        background: url("../assets/images/analytics.png") no-repeat center center;
+        background-size: cover; }
+      .screens .screen .content.meta {
+        background: url("../assets/images/meta.png") no-repeat center center;
+        background-size: cover; }
+      .screens .screen .content.nyan {
+        background: url(../assets/images/nyan.gif) no-repeat center center !important;
+        background-size: cover; }
+    .screens .screen .alert {
+      display: none;
+      position: absolute;
+      bottom: 0;
+      width: calc(100% - 12px);
+      background: #e74c3c;
+      color: white;
+      padding: 6px;
+      text-align: left;
+      font-weight: 700; }
+      .screens .screen .alert::after {
+        content: "I am the danger!"; }
+      .screens .screen .alert.show {
+        display: block; }
+    .screens .screen .label {
+      font-weight: 700;
+      position: absolute;
+      bottom: 0;
+      right: 0;
+      color: white;
+      opacity: .8;
+      padding: 6px 12px;
+      text-align: right; }
+    .screens .screen .stand {
+      position: absolute;
+      bottom: -20px;
+      left: 50%;
+      background: #282828;
+      width: 20px;
+      margin-left: -10px;
+      height: 12px; }
+      .screens .screen .stand::after {
+        display: block;
+        position: absolute;
+        bottom: 0;
+        left: 50%;
+        content: '';
+        background: #282828;
+        width: 100px;
+        margin-left: -50px;
+        height: 4px; }
+
+section {
+  position: relative;
+  min-height: 300px;
+  padding: 4em; }
+
+section#splash {
+  color: white; }
+  section#splash header {
+    text-align: center; }
+    section#splash header .title {
+      font-size: 5em;
+      font-weight: 600; }
+    section#splash header .subtitle {
+      font-size: 2.5em; }
+
+section#channels {
+  background: white;
+  text-align: center; }
+  section#channels header {
+    text-align: center; }
+    section#channels header .title {
+      font-size: 4em; }
+    section#channels header .subtitle {
+      font-size: 1.2em; }
+
+section#mass-actions {
+  background: #ebebeb;
+  text-align: center; }
+  section#mass-actions header {
+    text-align: center; }
+    section#mass-actions header .title {
+      font-size: 4em; }
+    section#mass-actions header .subtitle {
+      font-size: 1.2em; }
+
+section#final {
+  text-align: center;
+  color: white;
+  height: 10%; }
+  section#final header .title {
+    font-size: 3em; }
+
+footer {
+  background: #2d2d2d;
+  color: white;
+  padding: 36px;
+  text-align: center;
+  font-size: 1.3em; }
+  footer a {
+    text-decoration: none; }
+
+/*# sourceMappingURL=site.css.map */
+
+@media (max-width: 650px) {
+  section {
+    padding: 2em;
+  }
+  section#splash header .title {
+    font-size: 2em;
+  }
+  section#splash header .subtitle {
+    font-size: 1.25em;
+  }
+  button.push {
+    min-width: 0;
+    padding: 10px 20px;
+    font-size: 1.25em;
+  }
+  section#channels header .title,
+  section#mass-actions header .title,
+  section#final header .title {
+    font-size: 1.5em;
+    line-height: 1.3;
+  }
+  footer {
+    font-size: 1em;
+  }
+}
+