cupboard 0.2.1 → 0.2.2

data/app/assets/stylesheets/vendors/SpinKit/scss/spinners/11-folding-cube.scss

@@ -0,0 +1,70 @@
+/*
+ *  Usage:
+ *
+      <div class="sk-folding-cube">
+        <div class="sk-cube1 sk-cube"></div>
+        <div class="sk-cube2 sk-cube"></div>
+        <div class="sk-cube4 sk-cube"></div>
+        <div class="sk-cube3 sk-cube"></div>
+      </div>
+ *
+ */
+@import "../variables";
+
+.sk-folding-cube {
+  $cubeCount: 4;
+  $animationDuration: 2.4s;
+  $delayRange: $animationDuration/2;
+
+  margin: $spinkit-spinner-margin;
+  width: $spinkit-size;
+  height: $spinkit-size;
+  position: relative;
+  transform: rotateZ(45deg);
+
+  .sk-cube {
+    float: left;
+    width: 50%;
+    height: 50%;
+    position: relative;
+    transform: scale(1.1);
+  }
+
+  .sk-cube:before {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-color: $spinkit-spinner-color;
+    animation: sk-foldCubeAngle $animationDuration infinite linear both;
+    transform-origin: 100% 100%;
+  }
+
+  // Rotation / angle
+  @for $i from 2 through $cubeCount {
+    .sk-cube#{$i} {
+      transform: scale(1.1) rotateZ(90deg * ($i - 1));
+    }
+  }
+
+  @for $i from 2 through $cubeCount {
+    .sk-cube#{$i}:before {
+      animation-delay: $delayRange / $cubeCount * ($i - 1);
+    }
+  }
+}
+
+@keyframes sk-foldCubeAngle {
+  0%, 10% {
+    transform: perspective(140px) rotateX(-180deg);
+    opacity: 0;
+  } 25%, 75% {
+    transform: perspective(140px) rotateX(0deg);
+    opacity: 1;
+  } 90%, 100% {
+    transform: perspective(140px) rotateY(180deg);
+    opacity: 0;
+  }
+}

data/app/assets/stylesheets/vendors/SpinKit/scss/spinners/2-double-bounce.scss

@@ -0,0 +1,38 @@
+/*
+ *  Usage:
+ *
+      <div class="sk-double-bounce">
+        <div class="sk-child sk-double-bounce1"></div>
+        <div class="sk-child sk-double-bounce2"></div>
+      </div>
+ *
+ */
+@import "../variables";
+
+.sk-double-bounce {
+  width: $spinkit-size;
+  height: $spinkit-size;
+  position: relative;
+  margin: $spinkit-spinner-margin;
+
+  .sk-child {
+    width: 100%;
+    height: 100%;
+    border-radius: 50%;
+    background-color: $spinkit-spinner-color;
+    opacity: 0.6;
+    position: absolute;
+    top: 0;
+    left: 0;
+    animation: sk-doubleBounce 2.0s infinite ease-in-out;
+  }
+
+  .sk-double-bounce2 {
+    animation-delay: -1.0s;
+  }
+}
+
+@keyframes sk-doubleBounce {
+  0%, 100% { transform: scale(0) }
+  50% { transform: scale(1.0) }
+}

data/app/assets/stylesheets/vendors/SpinKit/scss/spinners/3-wave.scss

@@ -0,0 +1,42 @@
+/*
+ *  Usage:
+ *
+      <div class="sk-wave">
+        <div class="sk-rect sk-rect1"></div>
+        <div class="sk-rect sk-rect2"></div>
+        <div class="sk-rect sk-rect3"></div>
+        <div class="sk-rect sk-rect4"></div>
+        <div class="sk-rect sk-rect5"></div>
+      </div>
+ *
+ */
+@import "../variables";
+
+.sk-wave {
+  $rectCount: 5;
+  $animationDuration: 1.2s;
+  $delayRange: 0.4s;
+
+  margin: $spinkit-spinner-margin;
+  width: $spinkit-size * 1.25;
+  height: $spinkit-size;
+  text-align: center;
+  font-size: 10px;
+
+  .sk-rect {
+    background-color: $spinkit-spinner-color;
+    height: 100%;
+    width: 6px;
+    display: inline-block;
+    animation: sk-waveStretchDelay $animationDuration infinite ease-in-out;
+  }
+
+  @for $i from 1 through $rectCount {
+    .sk-rect#{$i} { animation-delay: - $animationDuration + $delayRange / ($rectCount - 1) * ($i - 1); }
+  }
+}
+
+@keyframes sk-waveStretchDelay {
+  0%, 40%, 100% { transform: scaleY(0.4) }
+  20% { transform: scaleY(1.0) }
+}

data/app/assets/stylesheets/vendors/SpinKit/scss/spinners/4-wandering-cubes.scss

@@ -0,0 +1,51 @@
+/*
+ *  Usage:
+ *
+      <div class="sk-wandering-cubes">
+        <div class="sk-cube sk-cube1"></div>
+        <div class="sk-cube sk-cube2"></div>
+      </div>
+ *
+ */
+@import "../variables";
+
+.sk-wandering-cubes {
+  $animationDuration: 1.8s;
+
+  margin: $spinkit-spinner-margin;
+  width: $spinkit-size;
+  height: $spinkit-size;
+  position: relative;
+
+  .sk-cube {
+    background-color: $spinkit-spinner-color;
+    width: 10px;
+    height: 10px;
+    position: absolute;
+    top: 0;
+    left: 0;
+    animation: sk-wanderingCube $animationDuration ease-in-out #{-$animationDuration} infinite both;
+  }
+
+  .sk-cube2 {
+    animation-delay: -$animationDuration / 2;
+  }
+}
+
+@keyframes sk-wanderingCube {
+  $cubeDistance: 30px;
+  0% {
+    transform: rotate(0deg);
+  } 25% {
+    transform: translateX($cubeDistance) rotate(-90deg) scale(0.5);
+  } 50% {
+    /* Hack to make FF rotate in the right direction */
+    transform: translateX($cubeDistance) translateY($cubeDistance) rotate(-179deg);
+  } 50.1% {
+    transform: translateX($cubeDistance) translateY($cubeDistance) rotate(-180deg);
+  } 75% {
+    transform: translateX(0) translateY($cubeDistance) rotate(-270deg) scale(0.5);
+  } 100% {
+    transform: rotate(-360deg);
+  }
+}

data/app/assets/stylesheets/vendors/SpinKit/scss/spinners/5-pulse.scss

@@ -0,0 +1,25 @@
+/*
+ *  Usage:
+ *
+      <div class="sk-spinner sk-spinner-pulse"></div>
+ *
+ */
+@import "../variables";
+
+.sk-spinner-pulse {
+  width: $spinkit-size;
+  height: $spinkit-size;
+  margin: $spinkit-spinner-margin;
+  background-color: $spinkit-spinner-color;
+  border-radius: 100%;
+  animation: sk-pulseScaleOut 1.0s infinite ease-in-out;
+}
+
+@keyframes sk-pulseScaleOut {
+  0% {
+    transform: scale(0);
+  } 100% {
+    transform: scale(1.0);
+    opacity: 0;
+  }
+}

data/app/assets/stylesheets/vendors/SpinKit/scss/spinners/6-chasing-dots.scss

@@ -0,0 +1,52 @@
+/*
+ *  Usage:
+ *
+      <div class="sk-chasing-dots">
+        <div class="sk-child sk-dot1"></div>
+        <div class="sk-child sk-dot2"></div>
+      </div>
+ *
+ */
+@import "../variables";
+
+.sk-chasing-dots {
+  $animationDuration: 2.0s;
+
+  margin: $spinkit-spinner-margin;
+  width: $spinkit-size;
+  height: $spinkit-size;
+  position: relative;
+  text-align: center;
+  animation: sk-chasingDotsRotate $animationDuration infinite linear;
+
+  .sk-child {
+    width: 60%;
+    height: 60%;
+    display: inline-block;
+    position: absolute;
+    top: 0;
+    background-color: $spinkit-spinner-color;
+    border-radius: 100%;
+    animation: sk-chasingDotsBounce $animationDuration infinite ease-in-out;
+  }
+
+  .sk-dot2 {
+    top: auto;
+    bottom: 0;
+    animation-delay: - $animationDuration/2;
+  }
+}
+
+@keyframes sk-chasingDotsRotate {
+  100% {
+    transform: rotate(360deg);
+  }
+}
+
+@keyframes sk-chasingDotsBounce {
+  0%, 100% {
+    transform: scale(0);
+  } 50% {
+    transform: scale(1.0);
+  }
+}

data/app/assets/stylesheets/vendors/SpinKit/scss/spinners/7-three-bounce.scss

@@ -0,0 +1,40 @@
+/*
+ *  Usage:
+ *
+      <div class="sk-three-bounce">
+        <div class="sk-child sk-bounce1"></div>
+        <div class="sk-child sk-bounce2"></div>
+        <div class="sk-child sk-bounce3"></div>
+      </div>
+ *
+ */
+ @import "../variables";
+
+.sk-three-bounce {
+  $animationDuration: 1.4s;
+  $delayRange: 0.32s;
+  margin: $spinkit-spinner-margin;
+  width: $spinkit-size * 2;
+  text-align: center;
+
+  .sk-child {
+    width: $spinkit-size / 2;
+    height: $spinkit-size / 2;
+    background-color: $spinkit-spinner-color;
+
+    border-radius: 100%;
+    display: inline-block;
+    animation: sk-three-bounce $animationDuration ease-in-out 0s infinite both;
+  }
+
+  .sk-bounce1 { animation-delay: -$delayRange; }
+  .sk-bounce2 { animation-delay: -$delayRange / 2; }
+}
+
+@keyframes sk-three-bounce {
+  0%, 80%, 100% {
+    transform: scale(0);
+  } 40% {
+    transform: scale(1.0);
+  }
+}

data/app/assets/stylesheets/vendors/SpinKit/scss/spinners/8-circle.scss

@@ -0,0 +1,62 @@
+/*
+ *  Usage:
+ *
+      <div class="sk-circle">
+        <div class="sk-circle1 sk-child"></div>
+        <div class="sk-circle2 sk-child"></div>
+        <div class="sk-circle3 sk-child"></div>
+        <div class="sk-circle4 sk-child"></div>
+        <div class="sk-circle5 sk-child"></div>
+        <div class="sk-circle6 sk-child"></div>
+        <div class="sk-circle7 sk-child"></div>
+        <div class="sk-circle8 sk-child"></div>
+        <div class="sk-circle9 sk-child"></div>
+        <div class="sk-circle10 sk-child"></div>
+        <div class="sk-circle11 sk-child"></div>
+        <div class="sk-circle12 sk-child"></div>
+      </div>
+ *
+ */
+@import "../variables";
+
+.sk-circle {
+  $circleCount: 12;
+  $animationDuration: 1.2s;
+
+  margin: $spinkit-spinner-margin;
+  width: $spinkit-size;
+  height: $spinkit-size;
+  position: relative;
+
+  .sk-child {
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    left: 0;
+    top: 0;
+  }
+
+  .sk-child:before {
+    content: '';
+    display: block;
+    margin: 0 auto;
+    width: 15%;
+    height: 15%;
+    background-color: $spinkit-spinner-color;
+    border-radius: 100%;
+    animation: sk-circleBounceDelay $animationDuration infinite ease-in-out both;
+  }
+
+  @for $i from 2 through $circleCount {
+    .sk-circle#{$i} { transform: rotate(360deg / $circleCount * ($i - 1)); }
+  }
+
+  @for $i from 2 through $circleCount {
+    .sk-circle#{$i}:before { animation-delay: - $animationDuration + $animationDuration / $circleCount * ($i - 1); }
+  }
+}
+
+@keyframes sk-circleBounceDelay {
+  0%, 80%, 100% { transform: scale(0) }
+  40% { transform: scale(1.0) }
+}

data/app/assets/stylesheets/vendors/SpinKit/scss/spinners/9-cube-grid.scss

@@ -0,0 +1,55 @@
+/*
+ *  Usage:
+ *
+      <div class="sk-cube-grid">
+        <div class="sk-cube sk-cube1"></div>
+        <div class="sk-cube sk-cube2"></div>
+        <div class="sk-cube sk-cube3"></div>
+        <div class="sk-cube sk-cube4"></div>
+        <div class="sk-cube sk-cube5"></div>
+        <div class="sk-cube sk-cube6"></div>
+        <div class="sk-cube sk-cube7"></div>
+        <div class="sk-cube sk-cube8"></div>
+        <div class="sk-cube sk-cube9"></div>
+      </div>
+ *
+ */
+@import "../variables";
+
+.sk-cube-grid {
+  $delayRange: 0.4s;
+
+  width: $spinkit-size;
+  height: $spinkit-size;
+  margin: $spinkit-spinner-margin;
+
+  .sk-cube {
+    width: 33.33%;
+    height: 33.33%;
+    background-color: $spinkit-spinner-color;
+    float: left;
+    animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
+  }
+
+  /*
+   * Spinner positions
+   * 1 2 3
+   * 4 5 6
+   * 7 8 9
+   */
+
+  .sk-cube1 { animation-delay: $delayRange * 0.50 }
+  .sk-cube2 { animation-delay: $delayRange * 0.75 }
+  .sk-cube3 { animation-delay: $delayRange }
+  .sk-cube4 { animation-delay: $delayRange * 0.25 }
+  .sk-cube5 { animation-delay: $delayRange * 0.50 }
+  .sk-cube6 { animation-delay: $delayRange * 0.75 }
+  .sk-cube7 { animation-delay: 0.0s }
+  .sk-cube8 { animation-delay: $delayRange * 0.25 }
+  .sk-cube9 { animation-delay: $delayRange * 0.50 }
+}
+
+@keyframes sk-cubeGridScaleDelay {
+  0%, 70%, 100% { transform:scale3D(1.0, 1.0, 1.0) }
+  35%           { transform:scale3D(0.0, 0.0, 1.0) }
+}

data/lib/cupboard/version.rb

@@ -1,3 +1,3 @@
 module Cupboard
-  VERSION = "0.2.1"
+  VERSION = "0.2.2"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: cupboard
 version: !ruby/object:Gem::Version
-  version: 0.2.1
+  version: 0.2.2
 platform: ruby
 authors:
 - Stan Lo
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2016-10-03 00:00:00.000000000 Z
+date: 2016-11-08 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -157,6 +157,7 @@ files:
 - app/assets/images/category-default.jpg
 - app/assets/images/default-avatar.png
 - app/assets/images/favicon.ico
+- app/assets/images/icook-logo-footer.svg
 - app/assets/images/icook-logo.png
 - app/assets/images/icook-logo.svg
 - app/assets/images/logo-2x.png
@@ -166,16 +167,19 @@ files:
 - app/assets/images/setting-pr.jpg
 - app/assets/images/step-placeholder.jpg
 - app/assets/images/vip-icon.svg
+- app/assets/images/vip_modal.svg
 - app/assets/pages/index.md
 - app/assets/stylesheets/_base.scss
 - app/assets/stylesheets/_components.scss
 - app/assets/stylesheets/_helpers.scss
 - app/assets/stylesheets/_layouts.scss
+- app/assets/stylesheets/_vendors.scss
 - app/assets/stylesheets/base/_base.scss
 - app/assets/stylesheets/base/_basic.scss
 - app/assets/stylesheets/base/_forms.scss
+- app/assets/stylesheets/base/_inputs.scss
 - app/assets/stylesheets/base/_lists.scss
-- app/assets/stylesheets/base/_table.scss
+- app/assets/stylesheets/base/_tables.scss
 - app/assets/stylesheets/base/_typography.scss
 - app/assets/stylesheets/components/_alerts.scss
 - app/assets/stylesheets/components/_badges.scss
@@ -197,8 +201,13 @@ files:
 - app/assets/stylesheets/components/alerts/_alert-global.scss
 - app/assets/stylesheets/components/alerts/_alert-market.scss
 - app/assets/stylesheets/components/alerts/_alert-no-result.scss
+- app/assets/stylesheets/components/alerts/_report-msg.scss
+- app/assets/stylesheets/components/buttons/_card-buttons.scss
+- app/assets/stylesheets/components/buttons/_default-buttons.scss
+- app/assets/stylesheets/components/buttons/_round-buttons.scss
 - app/assets/stylesheets/components/cards/_brand-product-card.scss
 - app/assets/stylesheets/components/cards/_dish-card.scss
+- app/assets/stylesheets/components/cards/_featured-card.scss
 - app/assets/stylesheets/components/cards/_feeds-card.scss
 - app/assets/stylesheets/components/cards/_list-card.scss
 - app/assets/stylesheets/components/cards/_photo-card.scss
@@ -209,6 +218,7 @@ files:
 - app/assets/stylesheets/components/comments/_single-comment.scss
 - app/assets/stylesheets/components/covers/_brand-cover.scss
 - app/assets/stylesheets/components/covers/_categories-cover.scss
+- app/assets/stylesheets/components/covers/_users-cover.scss
 - app/assets/stylesheets/components/features/_feature-events.scss
 - app/assets/stylesheets/components/features/_feature-slides.scss
 - app/assets/stylesheets/components/icons/_footer-social-icons.scss
@@ -216,11 +226,10 @@ files:
 - app/assets/stylesheets/components/icons/_icookfont.scss
 - app/assets/stylesheets/components/modals/_modal-reset.scss
 - app/assets/stylesheets/components/modals/_recipe-list-modal.scss
+- app/assets/stylesheets/components/modals/_vip-modal.scss
 - app/assets/stylesheets/components/navigations/_blog-navi.scss
 - app/assets/stylesheets/components/navigations/_brand-tabs-navi.scss
-- app/assets/stylesheets/components/navigations/_categories-navi-responsive.scss
 - app/assets/stylesheets/components/navigations/_categories-navi.scss
-- app/assets/stylesheets/components/navigations/_tv-navi.scss
 - app/assets/stylesheets/components/recipes/_ingredients.scss
 - app/assets/stylesheets/components/recipes/_notes.scss
 - app/assets/stylesheets/components/recipes/_recipe-details.scss
@@ -231,6 +240,7 @@ files:
 - app/assets/stylesheets/components/sidebars/_brand-recent-events.scss
 - app/assets/stylesheets/components/sidebars/_brand-video.scss
 - app/assets/stylesheets/components/sidebars/_business-kitchen.scss
+- app/assets/stylesheets/components/sidebars/_business-sponsors.scss
 - app/assets/stylesheets/components/sidebars/_hot-categories.scss
 - app/assets/stylesheets/components/sidebars/_icook-video.scss
 - app/assets/stylesheets/components/sidebars/_popular-recipes.scss
@@ -244,16 +254,60 @@ files:
 - app/assets/stylesheets/helpers/_mixin-alert.scss
 - app/assets/stylesheets/helpers/_mixin-animation.scss
 - app/assets/stylesheets/helpers/_mixin-badge.scss
-- app/assets/stylesheets/helpers/_mixin-buttons.scss
+- app/assets/stylesheets/helpers/_mixin-ellipsis.scss
+- app/assets/stylesheets/helpers/_mixin-flex.scss
 - app/assets/stylesheets/helpers/_mixin-icons.scss
 - app/assets/stylesheets/helpers/_variables-color.scss
 - app/assets/stylesheets/layouts/_base-footer.scss
-- app/assets/stylesheets/layouts/_footer-nav.scss
 - app/assets/stylesheets/layouts/_footers.scss
 - app/assets/stylesheets/layouts/_global-navbar.scss
 - app/assets/stylesheets/layouts/_grids.scss
 - app/assets/stylesheets/layouts/_headers.scss
-- app/assets/stylesheets/layouts/_sub-header-market.scss
+- app/assets/stylesheets/layouts/_mega-footer.scss
+- app/assets/stylesheets/vendors/SpinKit/.bower.json
+- app/assets/stylesheets/vendors/SpinKit/CHANGELOG.md
+- app/assets/stylesheets/vendors/SpinKit/CONTRIBUTING.md
+- app/assets/stylesheets/vendors/SpinKit/LICENSE
+- app/assets/stylesheets/vendors/SpinKit/README.md
+- app/assets/stylesheets/vendors/SpinKit/bower.json
+- app/assets/stylesheets/vendors/SpinKit/css/spinkit.css
+- app/assets/stylesheets/vendors/SpinKit/css/spinners/1-rotating-plane.css
+- app/assets/stylesheets/vendors/SpinKit/css/spinners/10-fading-circle.css
+- app/assets/stylesheets/vendors/SpinKit/css/spinners/11-folding-cube.css
+- app/assets/stylesheets/vendors/SpinKit/css/spinners/2-double-bounce.css
+- app/assets/stylesheets/vendors/SpinKit/css/spinners/3-wave.css
+- app/assets/stylesheets/vendors/SpinKit/css/spinners/4-wandering-cubes.css
+- app/assets/stylesheets/vendors/SpinKit/css/spinners/5-pulse.css
+- app/assets/stylesheets/vendors/SpinKit/css/spinners/6-chasing-dots.css
+- app/assets/stylesheets/vendors/SpinKit/css/spinners/7-three-bounce.css
+- app/assets/stylesheets/vendors/SpinKit/css/spinners/8-circle.css
+- app/assets/stylesheets/vendors/SpinKit/css/spinners/9-cube-grid.css
+- app/assets/stylesheets/vendors/SpinKit/examples/1-rotating-plane.html
+- app/assets/stylesheets/vendors/SpinKit/examples/10-fading-circle.html
+- app/assets/stylesheets/vendors/SpinKit/examples/11-folding-cube.html
+- app/assets/stylesheets/vendors/SpinKit/examples/2-double-bounce.html
+- app/assets/stylesheets/vendors/SpinKit/examples/3-wave.html
+- app/assets/stylesheets/vendors/SpinKit/examples/4-wandering-cubes.html
+- app/assets/stylesheets/vendors/SpinKit/examples/5-pulse.html
+- app/assets/stylesheets/vendors/SpinKit/examples/6-chasing-dots.html
+- app/assets/stylesheets/vendors/SpinKit/examples/7-three-bounce.html
+- app/assets/stylesheets/vendors/SpinKit/examples/8-circle.html
+- app/assets/stylesheets/vendors/SpinKit/examples/9-cube-grid.html
+- app/assets/stylesheets/vendors/SpinKit/gulpfile.js
+- app/assets/stylesheets/vendors/SpinKit/package.json
+- app/assets/stylesheets/vendors/SpinKit/scss/_variables.scss
+- app/assets/stylesheets/vendors/SpinKit/scss/spinkit.scss
+- app/assets/stylesheets/vendors/SpinKit/scss/spinners/1-rotating-plane.scss
+- app/assets/stylesheets/vendors/SpinKit/scss/spinners/10-fading-circle.scss
+- app/assets/stylesheets/vendors/SpinKit/scss/spinners/11-folding-cube.scss
+- app/assets/stylesheets/vendors/SpinKit/scss/spinners/2-double-bounce.scss
+- app/assets/stylesheets/vendors/SpinKit/scss/spinners/3-wave.scss
+- app/assets/stylesheets/vendors/SpinKit/scss/spinners/4-wandering-cubes.scss
+- app/assets/stylesheets/vendors/SpinKit/scss/spinners/5-pulse.scss
+- app/assets/stylesheets/vendors/SpinKit/scss/spinners/6-chasing-dots.scss
+- app/assets/stylesheets/vendors/SpinKit/scss/spinners/7-three-bounce.scss
+- app/assets/stylesheets/vendors/SpinKit/scss/spinners/8-circle.scss
+- app/assets/stylesheets/vendors/SpinKit/scss/spinners/9-cube-grid.scss
 - bin/console
 - bin/setup
 - config/initializers/assets.rb