minimum-viable-product 0.0.2

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 1176e281fa49b43b9d7a50c5dae95eacf278da29
+  data.tar.gz: cdbb256c81f5bfe09cf01a418ee23ae7e5a21144
+SHA512:
+  metadata.gz: a62292a761233c6e371c3c615e56ca36cc92ae2757af2cc958f100578098979928411e4e231a7a21dc013184de5afccfc9775d792446e927b1770ba197ebc715
+  data.tar.gz: 755a655879f6d733be7ba4eb07bbdb7ff13d80c0da04221df6bd09e8dabd5875806600d9fd9eccaba9722ac9e4ce8334103a44e8e020943b656d40444db0feb8

data/MIT-LICENSE

@@ -0,0 +1,20 @@
+Copyright 2016 Ian Hunter
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.rdoc

@@ -0,0 +1,3 @@
+= Mvp
+
+This project rocks and uses MIT-LICENSE.

data/Rakefile

@@ -0,0 +1,37 @@
+begin
+  require 'bundler/setup'
+rescue LoadError
+  puts 'You must `gem install bundler` and `bundle install` to run rake tasks'
+end
+
+require 'rdoc/task'
+
+RDoc::Task.new(:rdoc) do |rdoc|
+  rdoc.rdoc_dir = 'rdoc'
+  rdoc.title    = 'Mvp'
+  rdoc.options << '--line-numbers'
+  rdoc.rdoc_files.include('README.rdoc')
+  rdoc.rdoc_files.include('lib/**/*.rb')
+end
+
+APP_RAKEFILE = File.expand_path("../test/dummy/Rakefile", __FILE__)
+load 'rails/tasks/engine.rake'
+
+
+load 'rails/tasks/statistics.rake'
+
+
+
+Bundler::GemHelper.install_tasks
+
+require 'rake/testtask'
+
+Rake::TestTask.new(:test) do |t|
+  t.libs << 'lib'
+  t.libs << 'test'
+  t.pattern = 'test/**/*_test.rb'
+  t.verbose = false
+end
+
+
+task default: :test

data/app/assets/javascripts/mvp/application.js.erb

@@ -0,0 +1,38 @@
+//= require jquery
+//= require jquery_ujs
+//= require jquery.cookie
+//= require lodash
+//= require is
+//= require bootstrap
+//= require rails.validations
+//= require rails.validations.simple_form
+//
+//= require_tree ./init
+//
+//= require_self
+
+var is = require('is')
+var _  = require('lodash')
+
+track = function(event, attributes, fn){
+  console.log("Track: " + event + " " + JSON.stringify(attributes))
+
+  if (is.fn(attributes)) fn = attributes, attributes = null;
+  if (is.undefined(attributes)) { attributes = {} }
+  if ($.cookie('invisible') == "true") {
+    if (!is.undefined(fn)) { fn() }
+    return
+  }
+
+  if (typeof(analytics) == 'undefined') {
+    return
+  }
+
+  attrs = _.extend({
+    iteration: '<%= Mvp::Iteration.version %>'
+  }, attributes)
+
+  analytics.track(event, attrs, fn)
+}
+
+window.track = track;

data/app/assets/javascripts/mvp/init/controllers.js

@@ -0,0 +1,23 @@
+window.controllers = {}
+
+$(function() {
+  var $body = $("body");
+  var controller = $body.data("controller").replace(/\//g, "_");
+  var action = $body.data("action");
+
+  var activeController = window.controllers[controller];
+
+  if (activeController !== undefined) {
+    if (window.env == "development") {
+      console.log("[Controllers] " + controller + "." + action + "()");
+    }
+
+    if ($.isFunction(activeController.init)) {
+      activeController.init();
+    }
+
+    if ($.isFunction(activeController[action])) {
+      activeController[action]();
+    }
+  }
+});

data/app/assets/stylesheets/mvp/application.scss

@@ -0,0 +1,23 @@
+/*
+ * This is a manifest file that'll be compiled into application.css, which will include all the files
+ * listed below.
+ *
+ * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
+ * or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path.
+ *
+ * You're free to add application-wide styles to this file and they'll appear at the bottom of the
+ * compiled file so the styles you add here take precedence over styles defined in any styles
+ * defined in the other CSS/SCSS files in this directory. It is generally better to create a new
+ * file per style scope.
+ *
+ *= require_tree ./init
+ *= require_tree ./layout
+ *= require_tree ./components
+ *= require_tree ./skin
+ *= require_tree ./pages
+ *
+ *= require_self
+ */
+
+$modal-backdrop-bg:      #FFF;
+$modal-backdrop-opacity: 0.8;

data/app/assets/stylesheets/mvp/components/buttons.scss

@@ -0,0 +1,20 @@
+$bc-facebook: #3b5998;
+
+$bc-twitter: #1da1f2;
+$bc-twitter-2: #14171a;
+$bc-twitter-3: #657786;
+$bc-twitter-4: #aab8c2;
+$bc-twitter-5: #e1e8ed;
+$bc-twitter-6: #f5f8fa;
+
+$bc-youtube: #cd201f;
+
+.btn-facebook {
+  background: $bc-facebook;
+  color: #FFF;
+
+  &:hover {
+    background: darken( $bc-facebook, 10% );
+    color: #FFF;
+  }
+}

data/app/assets/stylesheets/mvp/components/fonts.scss

@@ -0,0 +1,15 @@
+.font-slabo {
+  font-family: 'Slabo 27px', serif;
+}
+
+.font-serif {
+  font-family: 'Roboto Slab', serif;
+}
+
+.font-sans-serif {
+  
+}
+
+.font-cursive {
+  font-family: 'Pacifico', cursive;
+}

data/app/assets/stylesheets/mvp/components/spacing.scss

@@ -0,0 +1,13 @@
+@for $i from 0 through 100 {
+  .mt#{$i} { margin-top: #{$i}px !important; }
+  .mb#{$i} { margin-bottom: #{$i}px !important; }
+  .ml#{$i} { margin-left: #{$i}px !important; }
+  .mr#{$i} { margin-right: #{$i}px !important; }
+  .m#{$i}  { margin: #{$i}px !important; }
+
+  .pt#{$i} { padding-top: #{$i}px !important; }
+  .pb#{$i} { padding-bottom: #{$i}px !important; }
+  .pl#{$i} { padding-left: #{$i}px !important; }
+  .pr#{$i} { padding-right: #{$i}px !important; }
+  .p#{$i}  { padding: #{$i}px !important; }
+}

data/app/assets/stylesheets/mvp/components/typography.scss

@@ -0,0 +1,40 @@
+.text-white {
+  color: #FFF;
+}
+
+.text-grey {
+  color: #999;
+}
+
+.text-light-grey {
+  color: #EEE;
+}
+
+.text-dark-grey {
+  color: #666;
+}
+
+.text-green {
+  color: #58B957;
+}
+
+.text-black {
+  color: #000;
+}
+
+.text-shadow {
+  text-shadow: 0 1px 3px rgba(0,0,0,.5);
+}
+
+.text-light { font-weight: 300; }
+.text-normal { font-weight: 400; }
+.text-bold { font-weight: 700; }
+
+@for $i from 1 through 99 {
+  .text-sm-#{$i} {
+    font-size: #{$i/100}em;
+  }
+  .text-lg-#{$i} {
+    font-size: #{$i/100 + 100}em;
+  }
+}

data/app/assets/stylesheets/mvp/init/_reset.scss

@@ -0,0 +1,43 @@
+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 {
+	margin: 0;
+	padding: 0;
+	border: 0;
+	// font-size: 100%;
+	// font: inherit;
+	// vertical-align: baseline;
+}
+/* HTML5 display-role reset for older browsers */
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section {
+	display: block;
+}
+body {
+	// line-height: 1;
+}
+ol, ul {
+	list-style: none;
+}
+blockquote, q {
+	quotes: none;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+	content: '';
+	content: none;
+}
+table {
+	border-collapse: collapse;
+	border-spacing: 0;
+}

data/app/assets/stylesheets/mvp/init/layout.scss

@@ -0,0 +1,42 @@
+@import 'bootstrap';
+@import "font-awesome-sprockets";
+@import "font-awesome";
+
+html,
+body {
+  height: 100%;
+}
+
+.modal {
+  -webkit-transition: all 0.5s ease;
+  -moz-transition: all 0.5s ease;
+  -o-transition: all 0.5s ease;
+  transition: all 0.5s ease;
+}
+
+div.muted {
+  opacity: 0.5;
+}
+
+.navbar-transparent {
+  // @extend .navbar-default;
+  background-color: transparent;
+  border-color: transparent;
+}
+
+.overlay {
+  width: 100%;
+  height: 100%;
+  position: absolute;
+
+  @for $i from 1 through 99 {
+    &.white-#{$i} {
+      background-color: #FFF;
+      opacity: $i / 100;
+    }
+    &.black-#{$i} {
+      background-color: #000;
+      opacity: $i / 100;
+    }
+  }
+}

data/app/assets/stylesheets/mvp/layout/basic.scss

@@ -0,0 +1,6 @@
+body.body-basic {
+  .starter-template {
+    padding: 40px 15px;
+    text-align: center;
+  }
+}

data/app/assets/stylesheets/mvp/layout/carousel.scss

@@ -0,0 +1,128 @@
+/* GLOBAL STYLES
+-------------------------------------------------- */
+/* Padding below the footer and lighter body text */
+
+body.body-carousel {
+  /* Special class on .container surrounding .navbar, used for positioning it into place. */
+  .navbar-wrapper {
+    position: absolute;
+    top: 0;
+    right: 0;
+    left: 0;
+    z-index: 20;
+  }
+
+  /* Flip around the padding for proper display in narrow viewports */
+  .navbar-wrapper > .container {
+    padding-right: 0;
+    padding-left: 0;
+  }
+  .navbar-wrapper .navbar {
+    padding-right: 15px;
+    padding-left: 15px;
+  }
+  .navbar-wrapper .navbar .container {
+    width: auto;
+  }
+
+
+  /* CUSTOMIZE THE CAROUSEL
+  -------------------------------------------------- */
+
+  /* Carousel base class */
+  .carousel {
+    height: 500px;
+    margin-bottom: 60px;
+  }
+  /* Since positioning the image, we need to help out the caption */
+  .carousel-caption {
+    z-index: 10;
+  }
+
+  /* Declare heights because of positioning of img element */
+  .carousel .item {
+    height: 500px;
+    background-color: #777;
+  }
+  .carousel-inner > .item > img {
+    position: absolute;
+    top: 0;
+    left: 0;
+    min-width: 100%;
+    height: 500px;
+  }
+
+
+  /* MARKETING CONTENT
+  -------------------------------------------------- */
+
+  /* Center align the text within the three columns below the carousel */
+  .marketing .col-lg-4 {
+    margin-bottom: 20px;
+    text-align: center;
+  }
+  .marketing h2 {
+    font-weight: normal;
+  }
+  .marketing .col-lg-4 p {
+    margin-right: 10px;
+    margin-left: 10px;
+  }
+
+
+  /* Featurettes
+  ------------------------- */
+
+  .featurette-divider {
+    margin: 80px 0; /* Space out the Bootstrap <hr> more */
+  }
+
+  /* Thin out the marketing headings */
+  .featurette-heading {
+    font-weight: 300;
+    line-height: 1;
+    letter-spacing: -1px;
+  }
+
+
+  /* RESPONSIVE CSS
+  -------------------------------------------------- */
+
+  @media (min-width: 768px) {
+    /* Navbar positioning foo */
+    .navbar-wrapper {
+      margin-top: 20px;
+    }
+    .navbar-wrapper .container {
+      padding-right: 15px;
+      padding-left: 15px;
+    }
+    .navbar-wrapper .navbar {
+      padding-right: 0;
+      padding-left: 0;
+    }
+
+    /* The navbar becomes detached from the top, so we round the corners */
+    .navbar-wrapper .navbar {
+      border-radius: 4px;
+    }
+
+    /* Bump up size of carousel content */
+    .carousel-caption p {
+      margin-bottom: 20px;
+      font-size: 21px;
+      line-height: 1.4;
+    }
+
+    .featurette-heading {
+      font-size: 50px;
+    }
+  }
+
+  @media (min-width: 992px) {
+    .featurette-heading {
+      margin-top: 120px;
+    }
+  }
+
+}