Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Added effects to gallery. Changed template. Css edited.
- Loading branch information
Showing
18 changed files
with
6,176 additions
and
58 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,11 +1,45 @@ | ||
class Gallery | ||
attr_accessor :name | ||
attr_accessor :images | ||
attr_accessor :previews | ||
|
||
def initialize(name) | ||
@name = name | ||
@images = Array.new | ||
@previews = Array.new | ||
end | ||
end | ||
|
||
def valid?(image) | ||
return image.include?(".jpg") | ||
end | ||
|
||
get '/gallery' do | ||
@images = Array.new | ||
|
||
Dir.foreach("public/gallery") {|image_file| | ||
if (image_file.include? ".jpg") | ||
@images << image_file | ||
@galleries = Array.new | ||
|
||
puts "shit. works!" | ||
|
||
Dir.foreach("public/gallery") do |gallery| | ||
if gallery != "." && gallery != ".." | ||
|
||
gallery_path = File.join(Dir.pwd, "public/gallery/#{gallery}") | ||
if File.directory?(gallery_path) | ||
gallery = Gallery.new(gallery) | ||
|
||
Dir.foreach(gallery_path) do |image| | ||
gallery.images << image if valid?(image) | ||
end | ||
|
||
Dir.foreach("#{gallery_path}/previews") do |preview| | ||
gallery.previews << preview if valid?(preview) | ||
end | ||
|
||
@galleries << gallery | ||
end | ||
end | ||
} | ||
end | ||
|
||
puts @galleries.inspect | ||
|
||
haml :gallery | ||
end |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,27 @@ | ||
#lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;} | ||
#lightbox img{ width: auto; height: auto;} | ||
#lightbox a img{ border: none; } | ||
|
||
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } | ||
#imageContainer{ padding: 10px; } | ||
|
||
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } | ||
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } | ||
#imageContainer>#hoverNav{ left: 0;} | ||
#hoverNav a{ outline: none;} | ||
|
||
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; } | ||
#prevLink { left: 0; float: left;} | ||
#nextLink { right: 0; float: right;} | ||
#prevLink:hover, #prevLink:visited:hover { background: url(/images/prevlabel.gif) left 15% no-repeat; } | ||
#nextLink:hover, #nextLink:visited:hover { background: url(/images/nextlabel.gif) right 15% no-repeat; } | ||
|
||
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; } | ||
|
||
#imageData{ padding:0 10px; color: #666; } | ||
#imageData #imageDetails{ width: 70%; float: left; text-align: left; } | ||
#imageData #caption{ font-weight: bold; } | ||
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } | ||
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;} | ||
|
||
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; } |
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file not shown.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,136 @@ | ||
// script.aculo.us builder.js v1.8.1, Thu Jan 03 22:07:12 -0500 2008 | ||
|
||
// Copyright (c) 2005-2007 Thomas Fuchs (http://script.aculo.us, http://mir.aculo.us) | ||
// | ||
// script.aculo.us is freely distributable under the terms of an MIT-style license. | ||
// For details, see the script.aculo.us web site: http://script.aculo.us/ | ||
|
||
var Builder = { | ||
NODEMAP: { | ||
AREA: 'map', | ||
CAPTION: 'table', | ||
COL: 'table', | ||
COLGROUP: 'table', | ||
LEGEND: 'fieldset', | ||
OPTGROUP: 'select', | ||
OPTION: 'select', | ||
PARAM: 'object', | ||
TBODY: 'table', | ||
TD: 'table', | ||
TFOOT: 'table', | ||
TH: 'table', | ||
THEAD: 'table', | ||
TR: 'table' | ||
}, | ||
// note: For Firefox < 1.5, OPTION and OPTGROUP tags are currently broken, | ||
// due to a Firefox bug | ||
node: function(elementName) { | ||
elementName = elementName.toUpperCase(); | ||
|
||
// try innerHTML approach | ||
var parentTag = this.NODEMAP[elementName] || 'div'; | ||
var parentElement = document.createElement(parentTag); | ||
try { // prevent IE "feature": http://dev.rubyonrails.org/ticket/2707 | ||
parentElement.innerHTML = "<" + elementName + "></" + elementName + ">"; | ||
} catch(e) {} | ||
var element = parentElement.firstChild || null; | ||
|
||
// see if browser added wrapping tags | ||
if(element && (element.tagName.toUpperCase() != elementName)) | ||
element = element.getElementsByTagName(elementName)[0]; | ||
|
||
// fallback to createElement approach | ||
if(!element) element = document.createElement(elementName); | ||
|
||
// abort if nothing could be created | ||
if(!element) return; | ||
|
||
// attributes (or text) | ||
if(arguments[1]) | ||
if(this._isStringOrNumber(arguments[1]) || | ||
(arguments[1] instanceof Array) || | ||
arguments[1].tagName) { | ||
this._children(element, arguments[1]); | ||
} else { | ||
var attrs = this._attributes(arguments[1]); | ||
if(attrs.length) { | ||
try { // prevent IE "feature": http://dev.rubyonrails.org/ticket/2707 | ||
parentElement.innerHTML = "<" +elementName + " " + | ||
attrs + "></" + elementName + ">"; | ||
} catch(e) {} | ||
element = parentElement.firstChild || null; | ||
// workaround firefox 1.0.X bug | ||
if(!element) { | ||
element = document.createElement(elementName); | ||
for(attr in arguments[1]) | ||
element[attr == 'class' ? 'className' : attr] = arguments[1][attr]; | ||
} | ||
if(element.tagName.toUpperCase() != elementName) | ||
element = parentElement.getElementsByTagName(elementName)[0]; | ||
} | ||
} | ||
|
||
// text, or array of children | ||
if(arguments[2]) | ||
this._children(element, arguments[2]); | ||
|
||
return element; | ||
}, | ||
_text: function(text) { | ||
return document.createTextNode(text); | ||
}, | ||
|
||
ATTR_MAP: { | ||
'className': 'class', | ||
'htmlFor': 'for' | ||
}, | ||
|
||
_attributes: function(attributes) { | ||
var attrs = []; | ||
for(attribute in attributes) | ||
attrs.push((attribute in this.ATTR_MAP ? this.ATTR_MAP[attribute] : attribute) + | ||
'="' + attributes[attribute].toString().escapeHTML().gsub(/"/,'"') + '"'); | ||
return attrs.join(" "); | ||
}, | ||
_children: function(element, children) { | ||
if(children.tagName) { | ||
element.appendChild(children); | ||
return; | ||
} | ||
if(typeof children=='object') { // array can hold nodes and text | ||
children.flatten().each( function(e) { | ||
if(typeof e=='object') | ||
element.appendChild(e) | ||
else | ||
if(Builder._isStringOrNumber(e)) | ||
element.appendChild(Builder._text(e)); | ||
}); | ||
} else | ||
if(Builder._isStringOrNumber(children)) | ||
element.appendChild(Builder._text(children)); | ||
}, | ||
_isStringOrNumber: function(param) { | ||
return(typeof param=='string' || typeof param=='number'); | ||
}, | ||
build: function(html) { | ||
var element = this.node('div'); | ||
$(element).update(html.strip()); | ||
return element.down(); | ||
}, | ||
dump: function(scope) { | ||
if(typeof scope != 'object' && typeof scope != 'function') scope = window; //global scope | ||
|
||
var tags = ("A ABBR ACRONYM ADDRESS APPLET AREA B BASE BASEFONT BDO BIG BLOCKQUOTE BODY " + | ||
"BR BUTTON CAPTION CENTER CITE CODE COL COLGROUP DD DEL DFN DIR DIV DL DT EM FIELDSET " + | ||
"FONT FORM FRAME FRAMESET H1 H2 H3 H4 H5 H6 HEAD HR HTML I IFRAME IMG INPUT INS ISINDEX "+ | ||
"KBD LABEL LEGEND LI LINK MAP MENU META NOFRAMES NOSCRIPT OBJECT OL OPTGROUP OPTION P "+ | ||
"PARAM PRE Q S SAMP SCRIPT SELECT SMALL SPAN STRIKE STRONG STYLE SUB SUP TABLE TBODY TD "+ | ||
"TEXTAREA TFOOT TH THEAD TITLE TR TT U UL VAR").split(/\s+/); | ||
|
||
tags.each( function(tag){ | ||
scope[tag] = function() { | ||
return Builder.node.apply(Builder, [tag].concat($A(arguments))); | ||
} | ||
}); | ||
} | ||
} |
Oops, something went wrong.