startups 0.0.3.3 → 0.0.3.4

data/rails_generators/startup_layout/templates/public/stylesheets/startup_layout_iepngfix.htc

@@ -0,0 +1,198 @@
+<public:component>
+<script type="text/javascript">
+
+// IE5.5+ PNG Alpha Fix v2.0 Alpha
+// (c) 2004-2009 Angus Turnbull http://www.twinhelix.com
+
+// This is licensed under the GNU LGPL, version 2.1 or later.
+// For details, see: http://creativecommons.org/licenses/LGPL/2.1/
+
+var IEPNGFix = window.IEPNGFix || {};
+IEPNGFix.data = IEPNGFix.data || {};
+
+
+// CONFIG: blankImg is the path to blank.gif, *relative to the HTML document*.
+// Try either:
+// * An absolute path like:  '/images/blank.gif'
+// * A path relative to this HTC file like:  thisFolder + 'blank.gif'
+var thisFolder = document.URL.replace(/(\\|\/)[^\\\/]*$/, '/');
+IEPNGFix.blankImg = '/images/blank.gif';
+
+
+IEPNGFix.fix = function(elm, src, t) {
+	// Applies an image 'src' to an element 'elm' using the DirectX filter.
+	// If 'src' is null, filter is disabled.
+	// Disables the 'hook' to prevent infinite recursion on setting BG/src.
+	// 't' = type, where background tile = 0, background = 1, IMG SRC = 2.
+
+	var h = this.hook.enabled;
+	this.hook.enabled = 0;
+
+	var f = 'DXImageTransform.Microsoft.AlphaImageLoader';
+		src = (src || '').replace(/\(/g, '%28').replace(/\)/g, '%29');
+
+	if (
+		src && !(/IMG|INPUT/.test(elm.nodeName) && (t != 2)) &&
+		elm.currentStyle.width == 'auto' && elm.currentStyle.height == 'auto'
+	) {
+		if (elm.offsetWidth) {
+			elm.style.width = elm.offsetWidth + 'px';
+		}
+		if (elm.clientHeight) {
+			elm.style.height = elm.clientHeight + 'px';
+		}
+		if (elm.currentStyle.display == 'inline') {
+			elm.style.display = 'inline-block';
+		}
+	}
+
+	if (t == 1) {
+		elm.style.backgroundImage = 'url("' + this.blankImg + '")';
+	}
+	if (t == 2) {
+		elm.src = this.blankImg;
+	}
+
+	if (elm.filters[f]) {
+		elm.filters[f].enabled = src ? true : false;
+		if (src) {
+			elm.filters[f].src = src;
+		}
+	} else if (src) {
+		elm.style.filter = 'progid:' + f + '(src="' + src +
+			'",sizingMethod="' + (t == 2 ? 'scale' : 'crop') + '")';
+	}
+
+	this.hook.enabled = h;
+};
+
+
+IEPNGFix.process = function(elm, init) {
+	// Checks the onpropertychange event (on first 'init' run, a fake event)
+	// and calls the filter-applying-functions.
+
+	if (
+		!/MSIE (5\.5|6)/.test(navigator.userAgent) ||
+		typeof elm.filters == 'unknown'
+	) {
+		return;
+	}
+	if (!this.data[elm.uniqueID]) {
+		this.data[elm.uniqueID] = {
+			className: ''
+		};
+	}
+	var data = this.data[elm.uniqueID],
+		evt = init ? { propertyName: 'src,backgroundImage' } : event,
+		isSrc = /src/.test(evt.propertyName),
+		isBg = /backgroundImage/.test(evt.propertyName),
+		isPos = /width|height|background(Pos|Rep)/.test(evt.propertyName),
+		isClass = !init && ((elm.className != data.className) &&
+			(elm.className || data.className));
+	if (!(isSrc || isBg || isPos || isClass)) {
+		return;
+	}
+	data.className = elm.className;
+	var blank = this.blankImg.match(/([^\/]+)$/)[1],
+		eS = elm.style,
+		eCS = elm.currentStyle;
+
+	// Required for Whatever:hover - erase set BG if className changes.
+	if (
+		isClass && (eS.backgroundImage.indexOf('url(') == -1 ||
+		eS.backgroundImage.indexOf(blank) > -1)
+	) {
+		return setTimeout(function() {
+			eS.backgroundImage = '';
+		}, 0);
+	}
+
+	// Foregrounds.
+	if (isSrc && elm.src && { IMG: 1, INPUT: 1 }[elm.nodeName]) {
+		if ((/\.png/i).test(elm.src)) {
+			if (!elm.oSrc) {
+				// MM rollover compat
+				elm.oSrc = elm.src;
+			}
+			this.fix(elm, elm.src, 2);
+		} else if (elm.src.indexOf(blank) == -1) {
+			this.fix(elm, '');
+		}
+	}
+
+	// Backgrounds.
+	var bgSrc = eCS.backgroundImage || eS.backgroundImage;
+	if ((bgSrc + elm.src).indexOf(blank) == -1) {
+		var bgPNG = bgSrc.match(/url[("']+(.*\.png[^\)"']*)[\)"']/i);
+		if (bgPNG) {
+			if (this.tileBG && !{ IMG: 1, INPUT: 1 }[elm.nodeName]) {
+				this.tileBG(elm, bgPNG[1]);
+				this.fix(elm, '', 1);
+			} else {
+				if (data.tiles && data.tiles.src) {
+					this.tileBG(elm, '');
+				}
+				this.fix(elm, bgPNG[1], 1);
+				this.childFix(elm);
+			}
+		} else {
+			if (data.tiles && data.tiles.src) {
+				this.tileBG(elm, '');
+			}
+			this.fix(elm, '');
+		}
+	} else if ((isPos || isClass) && data.tiles && data.tiles.src) {
+		this.tileBG(elm, data.tiles.src);
+	}
+
+	if (init) {
+		this.hook.enabled = 1;
+		elm.attachEvent('onpropertychange', this.hook);
+	}
+};
+
+
+IEPNGFix.childFix = function(elm) {
+	// "hasLayout" fix for unclickable children inside PNG backgrounds.
+	var tags = [
+			'a',
+			'input',
+			'select',
+			'textarea',
+			'button',
+			'iframe',
+			'object'
+		],
+		t = tags.length,
+		tFix = [];
+	while (t--) {
+		var pFix = elm.all.tags(tags[t]),
+			e = pFix.length;
+		while (e--) {
+			tFix.push(pFix[e]);
+		}
+	}
+	t = tFix.length;
+	if (t && (/relative|absolute/i).test(elm.currentStyle.position)) {
+		alert('IEPNGFix: Unclickable children of element:' +
+			'\n\n<' + elm.nodeName + (elm.id && ' id=' + elm.id) + '>');
+	}
+	while (t--) {
+		if (!(/relative|absolute/i).test(tFix[t].currentStyle.position)) {
+			tFix[t].style.position = 'relative';
+		}
+	}
+};
+
+
+IEPNGFix.hook = function() {
+	if (IEPNGFix.hook.enabled) {
+		IEPNGFix.process(element, 0);
+	}
+};
+
+
+IEPNGFix.process(element, 1);
+
+</script>
+</public:component>

data/rails_generators/startup_layout/templates/public/stylesheets/startup_layout_master.css

@@ -0,0 +1,293 @@
+/*
+###############################################################################
+
+   Application styles defaults
+   Build by InfoEther www.infoether.com
+   Summer 2010
+
+###############################################################################
+*/
+   
+body {
+  background-color: white;
+  color: #333;
+  font-family: Verdana, Helvetica, Arial, sans-serif;
+  font-size: 11px;
+  line-height: 1.636em; /* ~18px @ 11px font-size */
+  margin: 0;
+  padding: 0;
+}
+
+/* 
+###############################################################################
+# GLOBAL ELEMENTS 
+###############################################################################
+*/
+
+/* Fonts */
+/* 
+  Uses Bulletproof Font Declaration: 
+  http://paulirish.com/2009/bulletproof-font-face-implementation-syntax/#smiley
+*/
+
+@font-face { font-family: Whitney; 
+             /*src: url('../fonts/Whitney-Book.eot');*/
+             src: local('☺'),
+             url('../fonts/Whitney-Book.otf') format('opentype'); } 
+
+
+/* Headlines */
+
+h1 {
+  font-family: Georgia, Times, serif;
+  font-size: 2.0em; /* ~22px @ 11px font-size */
+  margin-bottom: 0.5em;
+}
+
+h2 {
+  font-family: Georgia, Times, serif;
+  font-size: 1.636em; /* ~18px @ 11px font-size */
+}
+
+h3 {
+  font-size: 1.3em; /* ~14px @ 11px font-size */
+}
+
+p {
+  margin-bottom: 1em; /* 11px */
+}
+
+/* Rule lines */
+
+hr {
+  border: 0;
+  border-top: 1px solid #d7d3ce;
+  margin-top: 10px;
+}
+
+hr.harvardrule {
+  background-color: #fff;
+  border: 0;
+  border-bottom: 1px solid #aaa;
+  border-top: 4px solid #aaa;
+  color: #fff;
+  height: 2px;
+  margin: 2px 0 7px 0;
+}
+
+hr.solidthickrule {
+  background-color: #d7d3ce;
+  border-top: none;
+  height: 8px;
+  margin-bottom: 3px;
+}
+
+hr.doublerule {
+  background-color: #f0efe9;
+  border: 0;
+  border-bottom: 1px solid #aaa;
+  border-top: 1px solid #aaa;
+  color: #f0efe9;
+  height: 2px;
+  margin: 7px 0;
+}
+
+/* Links */
+
+a,
+a:link,
+a:visited {
+  color: blue;
+  font-weight: bold;
+  outline: none;
+  text-decoration: none;
+  -webkit-transition: color .2s linear; /* This will cause the hover state to fade in */
+}
+
+a:hover,
+a:active {
+  color: rgba(x,x,x,.65); /* CSS3 rule */
+  text-decoration: underline;
+}
+
+
+/*
+###############################################################################
+# PAGE STRUCTURE
+###############################################################################
+*/
+
+
+/* 
+###############################################################################
+# HEADER
+###############################################################################
+*/
+
+
+
+/* 
+###############################################################################
+# NAVIGATION
+###############################################################################
+*/
+
+
+
+/* 
+###############################################################################
+# FOOTER
+###############################################################################
+*/
+
+
+
+
+/* 
+###############################################################################
+# FORMS 
+###############################################################################
+*/
+
+form {
+  border: 0;
+  margin: 0;
+  padding: 0;
+}
+
+form p {
+  margin: 0 0 1.2em 0;
+}
+
+form label {
+  color: #666;
+  display: block;
+  font-weight: bold;
+}
+
+form em {
+  display: block;
+  font-style: italic;
+}
+
+form input{
+  border: 1px solid #e0e1e2;
+  color: #333;
+  display: block;
+  font-size: 14px;
+  margin-bottom: 10px;
+  padding: 5px;
+}
+
+input[type="text"],
+input[type="password"] { }
+
+form input[type="file"] {
+  border: none;
+  width: auto;
+}
+
+form input[type="hidden"] {
+  border: 0;
+  height: 0;
+  margin: 0;
+  padding: 0;
+  width: 0;
+}
+
+form input[type="image"] {
+  border: none;
+  margin: 0 0 0 10px;
+  padding: 0;
+  width: auto;
+}
+
+form input[type="checkbox"] {
+  display: inline;
+}
+
+label.inline {display: inline;}
+
+/* 
+###############################################################################
+# MAIN STYLES
+###############################################################################
+*/
+
+p.rightfunction {
+  float: right;
+}
+
+p.submitrow {vertical-align: middle;}
+p.submitrow input {vertical-align: middle;}
+
+
+
+/* 
+###############################################################################
+# FLASH NOTICES
+###############################################################################
+*/
+
+/* The icons here are from SimpleBits Stockholm set */
+
+#flash p {
+  background-position: 10px 3px;
+  background-repeat: no-repeat;
+  line-height: 20px;
+  margin: 0 auto 20px;
+  padding: 5px 5px 5px 40px;
+}
+
+#flash p.news {
+  background-color: #fff6bf;
+  background-image: url("/images/icon_alert_24.png"); 
+  border: 1px solid #ffd324;
+  color: #666;
+}
+
+#flash p.error {
+  background-color: #fcc;
+  background-image: url("/images/icon_close_24.png");
+  border: 1px solid #900;
+  color: #900;
+}
+
+#flash p.notice {
+  background-color: #cfc;
+  background-image: url("/images/icon_check_24.png");
+  border: 1px solid #090;
+  color: #090;
+}
+
+
+/* 
+###############################################################################
+# MISC
+###############################################################################
+*/
+
+a img {
+  border: none;
+}
+
+.hide {
+  display: none;
+}
+
+strong {
+  font-weight: bold important!;
+}
+
+/* Clearfix*/
+
+.group:after {
+  content: ".";
+  display: block;
+  height: 0;
+  clear: both;
+  visibility: hidden;
+}
+
+/* MSIE PNG Fix Global */
+img, div, a, input { behavior: url(/stylesheets/iepngfix.htc) }

data/rails_generators/startup_layout/templates/public/stylesheets/startup_layout_reset.css

@@ -0,0 +1,47 @@
+/* reset reload by Eric Meyer: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
+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, font, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td {
+	margin: 0;
+	padding: 0;
+	border: 0;
+	outline: 0;
+	font-weight: inherit;
+	font-style: inherit;
+	font-size: 100%;
+	font-family: inherit;
+	vertical-align: baseline;
+}
+/* remember to define focus styles! */
+:focus {
+	outline: 0;
+}
+body {
+	line-height: 1;
+	color: black;
+	background: white;
+}
+ol, ul {
+	list-style: none;
+}
+/* tables still need 'cellspacing="0"' in the markup */
+table {
+	border-collapse: separate;
+	border-spacing: 0;
+}
+caption, th, td {
+	text-align: left;
+	font-weight: normal;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+	content: "";
+}
+blockquote, q {
+	quotes: "" "";
+}

data/rails_generators/startup_layout/templates/public/stylesheets/startup_white.css

@@ -0,0 +1,23 @@
+html,body {background-color:white;font-family:Helvetica, Verdana, Arial, sans-serif;font-size:12px;height:100%;line-height:18px;margin:0px;padding:0px;}
+
+h1 {font-size: 18px; margin: 10px 0;}
+h2 {font-size: 14px; font-weight: bold;}
+h3 {font-size: 12px; font-weight: bold;}
+
+a {color:#5d5e5e;text-decoration: none;}
+a:hover, a:active {color:#5d5e5e; text-decoration: underline;}
+
+#all {background-color:white;color:#5d5e5e;min-height:100%;position:relative;}
+
+.crumbs {font-size:10px;font-weight:normal;font-style:italic;text-transform:none;height:10px;padding:0;margin:0;}
+.crumbs a {padding:0;margin:0;}
+.crumbs span {font-size:12px;margin-left:5px;margin-right:5px;}
+
+#content {overflow:auto;padding:10px 20px 0px 55px;padding-bottom:30px;width:950px;} /* bottom padding needs to match footer height */
+
+#masthead {color:#a0a1a2;height:40px;padding-top:15px;width:100%;border-bottom:1px solid #e0e1e2;}
+#masthead a:active, #masthead a:hover {color:#5d5e5e;text-decoration:underline;}
+#masthead a:link, #masthead a:visited {color:#a0a1a2;text-decoration:none;}
+
+#footer {bottom:0px;color:#a0a1a2;height:30px;position:absolute;width:100%;border-top:1px solid #e0e1e2;font-size:10px;}
+#footer_content {padding:5px 20px;padding-bottom:0px;width:950px;overflow:auto;}

data/rails_generators/startup_nav/USAGE

@@ -0,0 +1,12 @@
+Description:
+  The startup_nav generator creates generic navigation with a customizable helper and stylesheet.
+  
+  With no arguments, a top_nav partial and helper_method will be generated. 
+  All arguments given to the generator will add additional nav partial and helper method. 
+  
+Examples:
+    script/generate startup_nav
+
+        Template:   app/views/layouts/_top_nav.html.erb
+        Stylesheet: public/stylesheets/nav.css
+        Helper:     app/helpers/nav_helper.rb

data/rails_generators/startup_nav/startup_nav_generator.rb

@@ -0,0 +1,35 @@
+require 'startups'
+
+class StartupNavGenerator < Rails::Generator::Base
+  
+  def manifest
+    record do |m|
+      m.directory 'app/views/layouts'
+      m.directory 'public/stylesheets'
+      m.directory 'app/helpers'
+      
+      #add top and footer by default
+      unless @args.include? "top"
+        @args << "top"
+        @args << "footer"
+      end
+
+      m.template "nav.css",  "public/stylesheets/nav.css", :assigns => { :names => @args }
+      m.template "nav_helper.rb", "app/helpers/nav_helper.rb", :assigns => { :names => @args }
+      @args.each do |name|
+        m.template "_nav.html.erb", "app/views/layouts/_#{name}_nav.html.erb", :assigns => { :name => name }
+      end
+    end
+  end
+  
+  protected
+
+    def banner
+      <<-EOS
+Creates generic navigation with a customizable helper and stylesheet.
+
+USAGE: #{$0} #{spec.name}
+EOS
+    end
+
+end

data/rails_generators/startup_nav/templates/_nav.html.erb

@@ -0,0 +1,7 @@
+<div id="<%= (name.to_s == 'top') ? 'nav' : "#{name}_nav" %>">
+  <ul>
+<%% layout_nav_items(:<%= name %>).each do |nav_item| %>
+    <li><%= link_to_nav_item(nav_item) %></li>
+<%% end %>
+  </ul>
+</div>

data/rails_generators/startup_nav/templates/nav.css

@@ -0,0 +1,36 @@
+<% names.each do |name| 
+    css_id = (name.to_s == 'top') ? 'nav' : "#{name}_nav"
+    selected_color = (name.to_s == 'footer') ? '#5d5e5e' : 'black'
+%>
+
+/************
+<%= css_id.upcase %> STYLES
+************/
+<% if name.to_s == 'footer' %>
+#footer_nav {float:right;}
+#footer_nav ul {list-style-type:none;}
+#footer_nav li {float:left;margin-right:20px;}
+#footer_nav a {display:block;position:relative;text-decoration:none;text-transform:uppercase;}
+#footer_nav a:visited {color:#a0a1a2;text-decoration:none;}
+#footer_nav a:link {color:#a0a1a2;text-decoration:none;}
+#footer_nav a:hover {color:#5d5e5e;text-decoration:underline;}
+#footer_nav a:active {color:#5d5e5e;text-decoration:underline;}
+<% else %>
+#<%= css_id %> {margin-left:22px;}
+#<%= css_id %> ul {list-style-type:none;overflow:auto;}
+#<%= css_id %> li {float:left;}
+#<%= css_id %> a {display:block;height:20px;padding:5px 10px;position:relative;text-decoration:none;text-transform:uppercase;}
+#<%= css_id %> a:visited {color:#a0a1a2;text-decoration:none;}
+#<%= css_id %> a:link {color:#a0a1a2;text-decoration:none;}
+#<%= css_id %> a:hover {color:#5d5e5e;text-decoration:none;}
+#<%= css_id %> a:active {color:#5d5e5e;text-decoration:none;}
+<% end %>
+
+/* any additional menu items need to be added here for them to be styled correctly when selected. */
+body#home a#<%= css_id %>_home,
+body#example a#<%= css_id %>_example,
+body#help a#<%= css_id %>_help {
+  color:<%= selected_color %>;font-weight:bold;
+}
+
+<% end %>