gallerize-cli 0.1.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: d0c212866a4f3493309e66fd954ac93d6d245ac7
+  data.tar.gz: 5b1ec2040ddb00416fbdcb09e071bf18e857f826
+SHA512:
+  metadata.gz: eb41a7114252c066f1d36bbe0749e9d3046e9b4638c7da2376dbe36a83e2940562c68d673bfe01a51d6811442c69b1a3cf4d01e6133e9d4b63e9ab51ac11ee2d
+  data.tar.gz: e571a7300f173ec5826340df70c86d119cd96c7824923b9545aca8a90bbaff4203d5d1ab17241a1a04c0c6431f4ed1330d4261c29e1f6f7f16b6aca4b8d24544

data/.gitignore

@@ -0,0 +1,5 @@
+.DS_Store
+*.gem
+.htpasswd
+tmp/*
+config/global.yml

data/Gemfile

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

data/Gemfile.lock

@@ -0,0 +1,37 @@
+GEM
+  remote: https://rubygems.org/
+  specs:
+    activesupport (4.1.1)
+      i18n (~> 0.6, >= 0.6.9)
+      json (~> 1.7, >= 1.7.7)
+      minitest (~> 5.1)
+      thread_safe (~> 0.1)
+      tzinfo (~> 1.1)
+    coderay (1.1.0)
+    exifr (1.1.3)
+    i18n (0.6.9)
+    json (1.8.1)
+    method_source (0.8.2)
+    mini_magick (3.7.0)
+      subexec (~> 0.2.1)
+    minitest (5.3.5)
+    parallel (1.0.0)
+    pry (0.10.0)
+      coderay (~> 1.1.0)
+      method_source (~> 0.8.1)
+      slop (~> 3.4)
+    slop (3.5.0)
+    subexec (0.2.3)
+    thread_safe (0.3.4)
+    tzinfo (1.2.1)
+      thread_safe (~> 0.1)
+
+PLATFORMS
+  ruby
+
+DEPENDENCIES
+  activesupport
+  exifr
+  mini_magick
+  parallel
+  pry

data/README.md

@@ -0,0 +1,67 @@
+### Overview
+
+Generate a static gallery from a folder of images. 
+
+**Highlights**
+
+* responsive layout
+* thumbnails and fullsize are generated automatically
+* does not alter existing directory
+
+
+### Example
+
+http://examples.hilscher.ca/static-gallery-generator/
+
+
+### Usage
+
+```
+$ cd folder-with-pictures
+$ gallerize
+```
+
+
+### Installation
+
+* Clone or download the repo
+
+```
+git clone https://github.com/blakehilscher/static-gallery-generator.git
+```
+
+* Install depedencies
+
+```
+cd static-gallery-generator
+bundle install
+```
+
+* Link bin/gallerize into your PATH
+
+```
+ln -sf "$(pwd)/bin/gallerize" $HOME/bin/gallerize
+```
+
+
+### Configuration
+
+* configure in config/global.yml
+
+| Name          | Required?     | Example Value     | Description                                                   |
+| ------------- |:-------------:| -----------------:| -------------------------------------------------------------:|
+| per_page      | required      | 100               | How many photos per page?                                     |
+| image_types   | required      | jpg,JPG,png,PNG   | The image formats to process                                  |
+| workers       | required      | 4                 | The number of processes to use when doing CPU intensive work  |
+| image_width   | required      | 1200              | The fullsize image width                                      |
+| image_height  | required      | 800               | The fullsize image height                                     |
+| thumb_width   | required      | 1200              | The thumbnail image width                                     |
+| thumb_height  | required      | 800               | The thumbnail image height                                    |
+| output_name   | optional      | gallery           | Directory name where the gallery will be created              |
+| tracking      | optional      | UA-0000000-2      | Enable google analytics by entering a tracking code           |
+
+
+### Future
+
+* extract the html from generate.rb and put it into source/template.haml
+* add scss precompile: source/styles.scss

data/bin/gallerize

@@ -0,0 +1,4 @@
+#!/usr/bin/env ruby
+# encoding: UTF-8
+
+require_relative '../lib/gallerize.rb'

data/config/global.yml.example

@@ -0,0 +1,9 @@
+tracking: UA-000000000-0
+per_page: 100
+image_types: 'jpg,JPG,png,PNG'
+workers: 7
+image_width: 1200
+image_height: 800
+thumb_width: 400
+thumb_height: 300
+output_name: static-gallery

data/css/jquery.fancybox.css

@@ -0,0 +1,274 @@
+/*! 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('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('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('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('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('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('fancybox_loading@2x.gif');
+		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
+	}
+}

data/css/styles.css

@@ -0,0 +1,76 @@
+body{
+  font-family: arial;
+}
+.images{
+  overflow: hidden;
+  display:none;
+}
+.inner-image{
+  margin: 5px;
+  overflow:hidden;
+  background-color: #f2f2f2;
+}
+.image img{
+  width: 100%;
+}
+.navigation{
+  overflow: auto;
+  margin-top: 5px;
+  margin-bottom: 10px;
+  margin-left: 5px;
+}
+.navigation .active,
+.navigation a:hover{
+  background-color: #901414;
+  color: #fff;
+}
+.navigation a{
+  float: left;
+  display: inline-block;
+  text-decoration: none;
+  padding: 7px 10px 5px;
+  
+  background: #ddd;
+  margin-right: 2px;
+  margin-bottom: 2px;
+  
+  color: #901414;
+  font-weight: bold;
+}
+.page-title{
+  margin: 20px 5px 5px 5px;
+  color: #901414;
+}
+
+@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: 25%;
+  }
+}
+@media (min-width: 1601px) and (max-width: 2000px)  {
+  .image{
+    width: 20%;
+  }
+}
+
+@media (min-width: 2001px) and (max-width: 2800px)  {
+  .image{
+    width: 15%;
+  }
+}
+
+@media (min-width: 2801px) {
+  .image{
+    width: 10%;
+  }
+}