mvpkit 1.1.2 → 2.0.0

data/project/app/assets/stylesheets/elements/interstitial.scss

@@ -0,0 +1,24 @@
+.interstitial {
+  @include media-breakpoint-up(xs) {
+    margin: 20px;
+  }
+
+  @include media-breakpoint-up(sm) {
+    max-width: 90%;
+    margin: auto;
+  }
+
+  @include media-breakpoint-up(md) {
+    max-width: 80%;
+    margin: auto;
+  }
+
+  @include media-breakpoint-up(lg) {
+    max-width: 65%;
+    margin: auto;
+  }
+
+  @include media-breakpoint-up(xl) {
+    max-width: 50%;
+  }
+}

data/project/app/assets/stylesheets/elements/navs.scss

@@ -0,0 +1,15 @@
+nav {
+  .navbar-brand {
+    margin: 0;
+  }
+  
+  .nav-link {
+    position: relative;
+    top: 2px;
+    color: $color-grey;
+
+    &:hover {
+      color: $color-grey-dark;
+    }
+  }
+}

data/project/app/assets/stylesheets/elements/sidebar.scss

@@ -0,0 +1,30 @@
+.list-group.sidebar {
+  position: sticky;
+  top: 1em;
+  z-index: 1030;
+
+  .list-group-item {
+    color: $color-grey-dark;
+    border: none;
+    background: none;
+    font-size: 14px;
+    margin-bottom: 10px;
+
+    span {
+      position: relative;
+      top: 3px;
+    }
+
+    &.active {
+      color: $color-green;
+      border: $card-border-width solid $card-border-color;
+      background: #FFF;
+      @include border-radius($card-border-radius);
+      @extend .shadowed;
+    }
+
+    .badge {
+      background-color: $color-green;
+    }
+  }
+}

data/project/app/assets/stylesheets/elements/tables.scss

@@ -0,0 +1,61 @@
+.table {
+  > thead,
+  > tbody,
+  > tfoot {
+    tr {
+      td,th {
+        // line-height: 35px;
+        // border-top: 1px solid #edf0f3;
+        white-space: nowrap;
+
+        &:first-child { padding-left: 20px; }
+        &:last-child  { padding-right: 20px; }
+      }
+
+      th:hover { background-color: transparent !important; }
+
+      // &:first-child td,th { border-top: 0; }
+    }
+  }
+
+  th {
+    color: $color-grey;
+
+    .sort_link {
+      text-transform: uppercase;
+    }
+
+    a {
+      color: $color-grey;
+    }
+  }
+
+  tr.selected {
+    background-color: $color-success-highlight;
+  }
+
+  &.table-hover {
+    tr:hover {
+      background-color: $color-grey-lightest !important;
+      cursor: pointer;
+
+      &.selected {
+        background-color: $color-success-highlight-hover !important;
+      }
+    }
+  }
+}
+
+.table.table-flush {
+  tr {
+    td, th {
+      &:first-child { padding-left: 0; }
+    }
+  }
+
+  tr {
+    td, th {
+      &:last-child { padding-right: 0; }
+    }
+  }
+}

data/project/app/assets/stylesheets/elements/timeline.scss

@@ -0,0 +1,38 @@
+.timeline {
+  .timeline-activity {
+    @extend .card;
+    padding: 20px;
+    margin-bottom: 15px;
+
+    &.fade-out {
+      opacity: 0;
+      transition: opacity 0.3s linear;
+    }
+
+    .actions {
+      position: absolute;
+      right: 20px;
+      top: 20px;
+    }
+
+    .status {
+      position: absolute;
+      right: 20px;
+      top: 20px;
+    }
+
+    .icon {
+      position: absolute;
+      left: 20px;
+
+      .fa.fa-stack-1x {
+        font-size: 1.0rem;
+      }
+    }
+
+    .body {
+      margin-left: 45px;
+      padding-top: 10px;
+    }
+  }
+}

data/project/app/assets/stylesheets/elements/typography.scss

@@ -0,0 +1,80 @@
+html,
+p,
+button,
+input,
+optgroup,
+select,
+textarea {
+  font-family: 'Adelle-Sans', sans-serif;
+  font-size: 14px;
+	letter-spacing: 0.2px;
+  color: $color-black;
+}
+
+strong {
+  font-family: 'Adelle-Sans-Bold', sans-serif;
+}
+
+h1,h2,h3,h4,h5,h6 {
+  color: $color-black;
+  margin:0;
+}
+
+h1 {
+  font-size: 30px;
+	line-height: 1.6;
+  font-family: 'Adelle-Sans-Bold', sans-serif;
+  font-weight: bold;
+}
+
+h2 {
+  font-size: 26px;
+	line-height: 1.4;
+}
+
+h3 {
+  font-size: 22px;
+}
+
+h4 {
+  font-size: 20px;
+}
+
+h5 {
+  font-size: 16px;
+}
+
+h6 {
+  font-size: 12px;
+	font-weight: bold;
+}
+
+@each $name, $val in $colors {
+  .text-#{"" + $name} {
+    color: $val !important;
+  }
+}
+
+@each $name, $val in $grey-colors {
+  .text-#{"" + $name} {
+    color: $val !important;
+  }
+}
+
+.font-weight-bold {
+  font-family: 'Adelle-Sans-Bold', sans-serif;
+}
+
+@each $breakpoint in map-keys($grid-breakpoints) {
+  @include media-breakpoint-up($breakpoint) {
+    .text-left-#{$breakpoint}-up  { text-align: left; }
+    .text-right-#{$breakpoint}-up { text-align: right; }
+    .text-center-#{$breakpoint}-up { text-align: center; }
+  }
+
+  @include media-breakpoint-down($breakpoint) {
+    .text-left-#{$breakpoint}-down  { text-align: left; }
+    .text-right-#{$breakpoint}-down { text-align: right; }
+    .text-center-#{$breakpoint}-down { text-align: center; }
+  }
+}

data/project/app/assets/stylesheets/init/bootstrap.scss

@@ -0,0 +1,53 @@
+$brand-primary:         $color-blue !default;
+$brand-success:         $color-green !default;
+$brand-info:            $color-blue !default;
+$brand-warning:         $color-yellow !default;
+$brand-danger:          $color-red !default;
+
+$border-radius:       0px;
+$border-radius-lg:    0px;
+$border-radius-sm:    0px;
+
+$brand-primary: $color-green;
+
+$font-family-sans-serif: 'Adelle-Sans', sans-serif;
+
+$alert-success-bg:               #ddf3e4;
+$alert-success-border:           $color-blue;
+$alert-success-text:             $color-black;
+$alert-warning-bg:               #ffefc9;
+$alert-warning-border:           $color-yellow;
+$alert-warning-text:             $color-black;
+$alert-danger-bg:                #fdd3e0;
+$alert-danger-border:            $color-red;
+$alert-danger-text:              $color-black;
+$alert-info-bg:                  #d9edf7;
+$alert-info-border:              $color-blue;
+$alert-info-text:                $color-black;
+
+$input-btn-border-width:         1px;
+$input-border-color:             $color-grey-light !default;
+$input-border-radius:            3px;
+$input-color-placeholder:        $color-grey !default;
+
+$modal-backdrop-bg:              rgba(106, 116, 135, 0.8);
+$modal-backdrop-opacity:         1.0;
+
+$state-success-text:             $color-green !default;
+$state-success-bg:               #dff0d8 !default;
+$state-success-border:           darken(adjust-hue($state-success-bg, -10), 5%) !default;
+
+$state-info-text:                $color-blue !default;
+$state-info-bg:                  #d9edf7 !default;
+$state-info-border:              darken(adjust-hue($state-info-bg, -10), 7%) !default;
+
+$state-warning-text:             $color-yellow !default;
+$state-warning-bg:               #fcf8e3 !default;
+$state-warning-border:           darken(adjust-hue($state-warning-bg, -10), 5%) !default;
+
+$state-danger-text:              $color-red !default;
+$state-danger-bg:                #f2dede !default;
+$state-danger-border:            darken(adjust-hue($state-danger-bg, -10), 5%) !default;
+
+$table-cell-padding: 15px 10px 10px 10px;
+$table-sm-cell-padding: 0;

data/project/app/assets/stylesheets/init/reset.scss

@@ -0,0 +1,20 @@
+// Get rid of outlines
+* {
+  outline: none !important;
+}
+
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed,
+figure, figcaption, footer, header, hgroup,
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video, input, textarea {
+	margin: 0;
+}

data/project/app/assets/stylesheets/init/variables.scss

@@ -0,0 +1,40 @@
+// Courtesy of https://www.dtelepathy.com/blog/inspiration/beautiful-color-palettes-for-your-next-web-project
+// #45 - Gravual
+
+$color-blue:            #A2D7D8;
+$color-green:           #BFE1BF;
+$color-yellow:          #FCD059;
+$color-red:             #DE5842;
+
+$color-black:           #000;
+$color-grey:            #EDEDEA;
+$color-grey-lightest:   lighten($color-grey, 30%);
+$color-grey-light:      lighten($color-grey, 5%);
+$color-grey-dark:       darken($color-grey, 45%);
+$color-grey-darkest:    darken($color-grey, 60%);
+
+$color-success-highlight:       lighten($color-green, 57%);
+$color-success-highlight-hover: lighten($color-green, 55%);
+
+$colors:                (
+  green:                $color-green,
+  red:                  $color-red,
+  blue:                 $color-blue,
+  yellow:               $color-yellow,
+);
+
+$grey-colors:           (
+  black:                $color-black,
+  grey-darkest:         $color-grey-darkest,
+  grey-dark:            $color-grey-dark,
+  grey:                 $color-grey,
+  grey-light:           $color-grey-light,
+  grey-lightest:        $color-grey-lightest
+);
+
+$gray-base:             $color-grey !default;
+$gray-darker:           $color-grey-darkest !default; // #222
+$gray-dark:             $color-grey-dark !default;   // #333
+$gray:                  $color-grey !default; // #555
+$gray-light:            $color-grey-light !default; // #777
+$gray-lighter:          $color-grey-lightest !default; // #eee

data/project/app/assets/stylesheets/treatments/backgrounds.scss

@@ -0,0 +1,23 @@
+body {
+  background-color: #FFF;
+}
+
+.bg-white {
+  background-color: #FFF !important;
+}
+
+@each $name, $val in $colors {
+  .bg-#{"" + $name} {
+    background-color: $val !important;
+  }
+}
+
+@each $name, $val in $grey-colors {
+  .bg-#{"" + $name} {
+    background-color: $val !important;
+  }
+}
+
+.shadowed {
+  box-shadow: 0 1px 7px 0 rgba(180, 189, 195, 0.27);
+}

data/project/app/assets/stylesheets/treatments/borders.scss

@@ -0,0 +1,7 @@
+.bt { border-top: 1px solid $gray-light !important; }
+.bb { border-bottom: solid $gray-light 1px !important; }
+.bl { border-left: 1px solid $gray-light !important; }
+.br { border-right: 1px solid $gray-light !important; }
+.b  { border: 1px solid $gray-light !important; }
+
+.no-border { border: none !important; }

data/project/app/{webpack/stylesheets/skin → assets/stylesheets/treatments}/spacing.scss

@@ -1,13 +1,3 @@
-@each $breakpoint in map-keys($grid-breakpoints) {
-  @include media-breakpoint-up($breakpoint) {
-    .block-#{$breakpoint}-up { display: block; width: 100% }
-  }
-
-  @include media-breakpoint-down($breakpoint) {
-    .block-#{$breakpoint}-down { display: block; width: 100% }
-  }
-}
-
 @for $i from 0 through 100 {
   .mt#{$i} { margin-top: #{$i}px !important; }
   .mb#{$i} { margin-bottom: #{$i}px !important; }
@@ -51,3 +41,7 @@
     }
   }
 }
+
+.vh100 {
+  height: 100vh;
+}

data/project/app/controllers/conversions_controller.rb

@@ -6,10 +6,9 @@ class ConversionsController < ApplicationController
 
     respond_to do |format|
       if @conversion.save
-        sign_in(@conversion)
         track! 'Conversion', {email: @conversion.email}
         slack! "Conversion: #{@conversion.email}"
-        format.json { render json: @conversion, status: :ok }
+        format.json { render :show }
       else
         format.json { render json: @conversion.errors, status: :unprocessable_entity }
       end