gallerize-cli 0.2.2 → 0.3.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: c575c4f467f417894f8475e42c28bf890d089d8c
-  data.tar.gz: 6dc46814ef69a1af69100cf828539f3661ec0b89
+  metadata.gz: e985a3a6392bccc8851bfc82b93d491479ed29a4
+  data.tar.gz: 639aedbe16625a2a06e4985966f4dbe06fe63e19
 SHA512:
-  metadata.gz: a4be71dd19582f8899e51fa7c16028602bdcd7d90392d62628e14eb892455e066693270b243633722bf7ad5f7b4fc87ebd8f2c82c40455cffa2d465067c9a19e
-  data.tar.gz: 16612b0a0913f925af688472921c98ff1a1c0de1b883370cf340262fb9705b1e50f8d52ee3222dd81ed47206ae0b3a73ae026f1d9ab2ec9d15d491b4cb5f5786
+  metadata.gz: 74d05535c3e892c6349599791d85c286e615e935b300ddda7adba99551a96863f5c5bae064b4bcd28ad74baab8128639320d02327eb93d3edb604ae5bba90028
+  data.tar.gz: 895e90cca2d3d1cb9fe2068b5edce30f4ca41bb82a3bfd546b4164a3c66d0c9746b88cc31aa365bedc80e10ce88c95e5fb6deeb424f4dbb763818579d2826dad

data/.gitignore

@@ -1,5 +1,3 @@
+.idea
 .DS_Store
-*.gem
-.htpasswd
-tmp/*
-config/global.yml
+Gemfile.lock

data/Gemfile

@@ -1,7 +1,7 @@
 source 'https://rubygems.org'
 
 gem 'mini_magick'
-gem 'activesupport'
 gem 'pry'
 gem 'parallel'
-gem 'exifr'
+gem 'sass'
+gem 'uglifier'

data/app/assets/javascripts/ready.js

@@ -0,0 +1,14 @@
+(function () {
+    $(document).ready(function () {
+        if ($(window).width() > 800) {
+            $('.fancybox').fancybox();
+        } else {
+            $('.image-link').each(function () {
+                var image = $(this);
+                var original = image.data('original');
+                image.attr('href', original);
+                image.attr('target', 'blank')
+            });
+        }
+    });
+})();

data/app/assets/stylesheets/_gallerize.scss

@@ -0,0 +1,144 @@
+$base_color: #852800;
+
+$faint_color: desaturate(lighten($base_color, 65%), 50%);
+$light_color: desaturate(lighten($base_color, 40%), 50%);
+$dark_color: darken($base_color, 40%);
+
+body {
+  font-family: arial;
+}
+
+.fancybox-title.fancybox-title-float-wrap {
+  bottom: -20px;
+  a {
+    color: #fff;
+    text-decoration: none;
+    font-weight: normal;
+    padding: 10px;
+    display: block;
+  }
+}
+
+.images {
+  overflow: hidden;
+  .image {
+    float: left;
+    .image-inner{
+      margin: 5px;
+    }
+    .original-link{
+      color: $base_color;
+      text-decoration: none;
+      font-weight: bold;
+      display: block;
+      padding: 5px 10px;
+      background-color: $faint_color;
+      font-size: 14px;
+      &:hover{
+        background-color: $base_color;
+        color: #fff;
+      }
+    }
+    .image-link {
+      overflow: hidden;
+      display: block;
+      text-align: center;
+    }
+  }
+}
+
+.inner-image {
+  margin: 5px;
+  overflow: hidden;
+  background-color: #f2f2f2;
+}
+
+.image img {
+  width: 100%;
+}
+
+.navigation {
+  overflow: auto;
+  margin: 20px 10px;
+  ul, li {
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+  }
+  li {
+    float: left;
+    margin-right: 2px;
+    margin-bottom: 2px;
+
+  }
+  a {
+    display: inline-block;
+    text-decoration: none;
+    padding: 7px 10px 5px;
+
+    background: #ddd;
+
+    color: $base_color;
+    font-weight: bold;
+  }
+  a:hover {
+    background-color: $base_color;
+    color: #fff;
+  }
+
+  .active {
+    a {
+      background-color: $base_color;
+      color: #fff;
+    }
+  }
+}
+
+.page-title {
+  margin: 20px 5px 5px 5px;
+  color: $base_color;
+}
+
+@media (min-width: 0px) and (max-width: 500px) {
+  .image {
+    width: 100%;
+  }
+}
+
+@media (min-width: 501px) and (max-width: 1000px) {
+  .image {
+    width: 50%;
+  }
+}
+
+@media (min-width: 1001px) and (max-width: 1600px) {
+  .image {
+    width: 33%;
+  }
+}
+
+@media (min-width: 1601px) and (max-width: 2000px) {
+  .image {
+    width: 25%;
+  }
+}
+
+@media (min-width: 2001px) and (max-width: 2800px) {
+  .image {
+    width: 20%;
+  }
+}
+
+@media (min-width: 2801px) {
+  .image {
+    width: 15%;
+  }
+}
+
+.fancybox-title-float-wrap .child{
+  background-color: $base_color;
+  text-shadow: 0 1px 2px $dark_color;
+  a{
+    font-weight: bold;
+  }
+}

data/app/assets/stylesheets/_jquery.fancybox.scss

@@ -0,0 +1,273 @@
+/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
+.fancybox-wrap,
+.fancybox-skin,
+.fancybox-outer,
+.fancybox-inner,
+.fancybox-image,
+.fancybox-wrap iframe,
+.fancybox-wrap object,
+.fancybox-nav,
+.fancybox-nav span,
+.fancybox-tmp {
+  padding: 0;
+  margin: 0;
+  border: 0;
+  outline: none;
+  vertical-align: top;
+}
+
+.fancybox-wrap {
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 8020;
+}
+
+.fancybox-skin {
+  position: relative;
+  background: #f9f9f9;
+  color: #444;
+  text-shadow: none;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+}
+
+.fancybox-opened {
+  z-index: 8030;
+}
+
+.fancybox-opened .fancybox-skin {
+  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
+  -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
+  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
+}
+
+.fancybox-outer, .fancybox-inner {
+  position: relative;
+}
+
+.fancybox-inner {
+  overflow: hidden;
+}
+
+.fancybox-type-iframe .fancybox-inner {
+  -webkit-overflow-scrolling: touch;
+}
+
+.fancybox-error {
+  color: #444;
+  font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
+  margin: 0;
+  padding: 15px;
+  white-space: nowrap;
+}
+
+.fancybox-image, .fancybox-iframe {
+  display: block;
+  width: 100%;
+  height: 100%;
+}
+
+.fancybox-image {
+  max-width: 100%;
+  max-height: 100%;
+}
+
+#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
+  background-image: url('images/fancybox_sprite.png');
+}
+
+#fancybox-loading {
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  margin-top: -22px;
+  margin-left: -22px;
+  background-position: 0 -108px;
+  opacity: 0.8;
+  cursor: pointer;
+  z-index: 8060;
+}
+
+#fancybox-loading div {
+  width: 44px;
+  height: 44px;
+  background: url('images/fancybox_loading.gif') center center no-repeat;
+}
+
+.fancybox-close {
+  position: absolute;
+  top: -18px;
+  right: -18px;
+  width: 36px;
+  height: 36px;
+  cursor: pointer;
+  z-index: 8040;
+}
+
+.fancybox-nav {
+  position: absolute;
+  top: 0;
+  width: 40%;
+  height: 100%;
+  cursor: pointer;
+  text-decoration: none;
+  background: transparent url('images/blank.gif'); /* helps IE */
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+  z-index: 8040;
+}
+
+.fancybox-prev {
+  left: 0;
+}
+
+.fancybox-next {
+  right: 0;
+}
+
+.fancybox-nav span {
+  position: absolute;
+  top: 50%;
+  width: 36px;
+  height: 34px;
+  margin-top: -18px;
+  cursor: pointer;
+  z-index: 8040;
+  visibility: hidden;
+}
+
+.fancybox-prev span {
+  left: 10px;
+  background-position: 0 -36px;
+}
+
+.fancybox-next span {
+  right: 10px;
+  background-position: 0 -72px;
+}
+
+.fancybox-nav:hover span {
+  visibility: visible;
+}
+
+.fancybox-tmp {
+  position: absolute;
+  top: -99999px;
+  left: -99999px;
+  visibility: hidden;
+  max-width: 99999px;
+  max-height: 99999px;
+  overflow: visible !important;
+}
+
+/* Overlay helper */
+
+.fancybox-lock {
+  overflow: hidden !important;
+  width: auto;
+}
+
+.fancybox-lock body {
+  overflow: hidden !important;
+}
+
+.fancybox-lock-test {
+  overflow-y: hidden !important;
+}
+
+.fancybox-overlay {
+  position: absolute;
+  top: 0;
+  left: 0;
+  overflow: hidden;
+  display: none;
+  z-index: 8010;
+  background: url('images/fancybox_overlay.png');
+}
+
+.fancybox-overlay-fixed {
+  position: fixed;
+  bottom: 0;
+  right: 0;
+}
+
+.fancybox-lock .fancybox-overlay {
+  overflow: auto;
+  overflow-y: scroll;
+}
+
+/* Title helper */
+
+.fancybox-title {
+  visibility: hidden;
+  font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
+  position: relative;
+  text-shadow: none;
+  z-index: 8050;
+}
+
+.fancybox-opened .fancybox-title {
+  visibility: visible;
+}
+
+.fancybox-title-float-wrap {
+  position: absolute;
+  bottom: 0;
+  right: 50%;
+  margin-bottom: -35px;
+  z-index: 8050;
+  text-align: center;
+}
+
+.fancybox-title-float-wrap .child {
+  display: inline-block;
+  margin-right: -100%;
+  padding: 2px 20px;
+  background: transparent; /* Fallback for web browsers that doesn't support RGBa */
+  background: rgba(0, 0, 0, 0.8);
+  -webkit-border-radius: 15px;
+  -moz-border-radius: 15px;
+  border-radius: 15px;
+  text-shadow: 0 1px 2px #222;
+  color: #FFF;
+  font-weight: bold;
+  line-height: 24px;
+  white-space: nowrap;
+}
+
+.fancybox-title-outside-wrap {
+  position: relative;
+  margin-top: 10px;
+  color: #fff;
+}
+
+.fancybox-title-inside-wrap {
+  padding-top: 10px;
+}
+
+.fancybox-title-over-wrap {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  color: #fff;
+  padding: 10px;
+  background: #000;
+  background: rgba(0, 0, 0, .8);
+}
+
+/*Retina graphics!*/
+@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
+only screen and (min--moz-device-pixel-ratio: 1.5),
+only screen and (min-device-pixel-ratio: 1.5) {
+
+  #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
+    background-image: url('images/fancybox_sprite@2x.png');
+    background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
+  }
+
+  #fancybox-loading div {
+    background-image: url('images/fancybox_loading@2x.gif');
+    background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
+  }
+}