Moved old files to archive directory. Cleaned up code in head tag for…

… main pages.
brennascurlock · Mar 2, 2011 · eca3104 · eca3104
1 parent 798afe3
commit eca3104
Show file tree

Hide file tree

Showing 23 changed files with 6,518 additions and 0 deletions.
diff --git a/about.html b/about.html
@@ -5,9 +5,11 @@
 
 	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 	<title>About: brennascurlock.com</title>
+
 	<link rel="stylesheet" type="text/css" href="css/screen.css" media="screen" />
 	<link rel="stylesheet" type="text/css" href="css/print.css" media="print" />
 	<link rel="shortcut icon" href="favicon.png" type="image/png" />
+
 	<script type="text/javascript" src="http://use.typekit.com/rng4yzt.js"></script>
 	<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
 

diff --git a/archive/google-docs.html b/archive/google-docs.html
@@ -0,0 +1,93 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html
+xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+
+<head>
+
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
+
+<title>Portfolio: brennascurlock.com</title> 
+
+<link rel="stylesheet" type="text/css" href="css/screen.css" media="screen" /> 
+<link rel="stylesheet" type="text/css" href="css/print.css" media="print" /> 
+<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" /> 
+<link rel="shortcut icon" href="favicon.png" type="image/png" />
+
+<script type="text/javascript" src="http://use.typekit.com/rng4yzt.js"></script> 
+<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+<script type="text/javascript" src="js/prototype.js"></script> 
+<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script> 
+<script type="text/javascript" src="js/lightbox.js"></script>
+
+
+</head>
+
+<body>
+
+<div id="contentwrapper">
+
+	<div id="header">
+
+	<h1>Brenna Scurlock</h1>
+
+	<p>brennascurlock [at] gmail [dot] com</p>
+
+	<ul id="navigation">
+
+		<li><a href="index.html">Home</a></li>
+		<li><a href="resume.html">Resume</a></li>
+		<li><a href="portfolio.html">Portfolio</a></li>
+		<li><a href="about.html">About</a></li>
+
+	</ul>
+
+	</div>
+
+
+
+<div id="portfolio">
+
+	<h2>Design Projects</h2>
+
+	<div class="description">
+
+		<h3>Google Documents Tutorial</h3>
+		<h4>Created Spring 2010</h4>
+
+
+		<p>As part of an instructional design course, I created this short lesson on how to use the documents feature of Gmail.</p> 
+
+		<p>The lesson teaches users how to access Google docs, create new Google docs, store Google docs and files, and share Google docs and files with others.</p>
+
+		<p>The lesson ends with a small task to measure what students have learned.</p>
+
+		<p><a href="google-docs/home.html">View full lesson</a></p>
+
+	</div>
+
+	<ol id="samplesnav">
+
+		<li><a href="trifold-brochure.html">Next: Trifold Color Brochure</a></li>
+
+	</ol>
+
+
+	<ul>
+
+		<li><a href="images/google-docs.jpg" rel="lightbox[samples]" title="Google Documents Tutorial"><img src="images/google-docs-th.jpg" alt="Google Documents Thumbnail" /></a></li>
+
+	</ul>
+
+</div>
+
+<ul id="footer">
+
+	<li>Brenna Scurlock &#169; 2010. Valid <a href="http://validator.w3.org/check?uri=referer">HTML</a> and <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a>.</li>
+
+</ul>
+
+</div>
+
+</body>
+
+</html>
diff --git a/archive/images-old/background-fade.png b/archive/images-old/background-fade.png
diff --git a/archive/images-old/bullet.gif b/archive/images-old/bullet.gif
diff --git a/archive/images-old/close.gif b/archive/images-old/close.gif
diff --git a/archive/images-old/closelabel.gif b/archive/images-old/closelabel.gif
diff --git a/archive/images-old/donate-button.gif b/archive/images-old/donate-button.gif
diff --git a/archive/images-old/download-icon.gif b/archive/images-old/download-icon.gif
diff --git a/archive/images-old/impromptu2.jpg b/archive/images-old/impromptu2.jpg
diff --git a/archive/images-old/loading.gif b/archive/images-old/loading.gif
diff --git a/archive/images-old/nextlabel.gif b/archive/images-old/nextlabel.gif
diff --git a/archive/images-old/prevlabel.gif b/archive/images-old/prevlabel.gif
diff --git a/archive/impromptus.html b/archive/impromptus.html
@@ -0,0 +1,94 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html
+xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+
+<head>
+
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
+
+<title>Portfolio: brennascurlock.com</title> 
+
+<link rel="stylesheet" type="text/css" href="css/screen.css" media="screen" /> 
+<link rel="stylesheet" type="text/css" href="css/print.css" media="print" /> 
+<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" /> 
+<link rel="shortcut icon" href="favicon.png" type="image/png" />
+
+<script type="text/javascript" src="http://use.typekit.com/rng4yzt.js"></script> 
+<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+<script type="text/javascript" src="js/prototype.js"></script> 
+<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script> 
+<script type="text/javascript" src="js/lightbox.js"></script>
+
+
+</head>
+
+<body>
+
+<div id="contentwrapper">
+
+	<div id="header">
+
+	<h1>Brenna Scurlock</h1>
+
+	<p>brennascurlock [at] gmail [dot] com</p>
+
+	<ul id="navigation">
+
+		<li><a href="index.html">Home</a></li>
+		<li><a href="resume.html">Resume</a></li>
+		<li><a href="portfolio.html">Portfolio</a></li>
+		<li><a href="about.html">About</a></li>
+
+	</ul>
+
+	</div>
+
+
+
+<div id="portfolio">
+
+	<h2>Design Projects</h2>
+
+	<div class="description">
+
+		<h3>Impromptu Text Designs</h3>
+		<h4>Created Spring 2010</h4>
+
+
+		<p>Perhaps one of my favorite design assignments was the series of text "images" I created as part of a document design course.</p> 
+
+		<p>Given a series of letters, our job was to create a recognizable image out of the type. Shown here are two images created with the letters D, W and T, and one with the word "surprising." Click the image to the right to view all three. If you have JavaScript disabled, you can follow the links below, instead.</p> 
+
+		<p><a href="images/impromptu1.jpg">Image 1</a>: sink with faucet and drop of water. <a href="images/impromptu2.jpg">Image 2</a>: a "surprising" exclamation mark. <a href="images/impromptu3.jpg">Image 3</a>: a quirky cartoon face.</p>
+
+	</div>
+
+	<ol id="samplesnav">
+
+		<li><a href="web-flyer.html">Back: Web-ready Flyer</a></li>
+		<li><a href="portfolio.html">Portfolio</a></li>
+
+	</ol>
+
+
+	<ul>
+		<li><a href="images/impromptu1.jpg" rel="lightbox[samples]" title="Impromptu Text Design #1"><img src="images/impromptu1-th.jpg" alt="Impromptu 1" /></a></li>
+
+		<li><a href="images/impromptu2.jpg" rel="lightbox[samples]" title="Impromptu Text Design #2"><img class="hide" src="images/impromptu2.jpg" alt="Impromptu 2" /></a></li>
+
+		<li><a href="images/impromptu3.jpg" rel="lightbox[samples]" title="Impromptu Text Design #3"><img class="hide" src="images/impromptu3.jpg" alt="Impromptu 3" /></a></li>
+	</ul>
+
+</div>
+
+<ul id="footer">
+
+	<li>Brenna Scurlock &#169; 2010. Valid <a href="http://validator.w3.org/check?uri=referer">HTML</a> and <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a>.</li>
+
+</ul>
+
+</div>
+
+</body>
+
+</html>
diff --git a/archive/indexlightbox.txt b/archive/indexlightbox.txt
@@ -0,0 +1,10 @@
+	<ul>
+		<li><a href="images/colorado.jpg" rel="lightbox[samples]" title="Rocky Mountains, 2010"><img src="images/colorado.jpg" alt="Rocky Mountains, 2010." title="Rocky Mountains, 2010." /></a></li>
+		<li><a href="images/chicago.jpg" rel="lightbox[samples]" title="Millennium Park snow, 2008"><img class="hide" src="images/chicago.jpg" alt="Millennium Park snow, 2008." title="Millennium Park snow, 2008." /></a></li>
+		<li><a href="images/france.jpg" rel="lightbox[samples]" title="Me + Eiffel Tower, 2008"><img class="hide" src="images/france.jpg" alt="Me + Eiffel Tower, 2008." title="Me + Eiffel Tower, 2008." /></a></li>
+		<li><a href="images/colorado2.jpg" rel="lightbox[samples]" title="Ghost town in the Rockies, 2010"><img class="hide" src="images/colorado2.jpg" alt="Ghost town in the Rockies, 2010." title="Ghost town in the Rockies, 2010." /></a></li>
+		<li><a href="images/sanfran.jpg" rel="lightbox[samples]" title="Alcatraz Island water tower, 2008"><img class="hide" src="images/sanfran.jpg" alt="Alcatraz Island water tower, 2008." title="Alcatraz Island water tower, 2008." /></a></li>
+		<li><a href="images/france2.jpg" rel="lightbox[samples]" title="Street, Eze, France, 2008"><img class="hide" src="images/france2.jpg" alt="Street, Eze, France, 2008." title="Street, Eze, France, 2008." /></a></li>
+	</ul>
+
+
diff --git a/archive/js/builder.js b/archive/js/builder.js
@@ -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(/"/,'&quot;') + '"');
+    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)));  
+      } 
+    });
+  }
+}