var contentArray = new Array;

contentArray[1] = "<h1>Schnitzel &amp; Things</h1>";
contentArray[1] += "<table border='0' cellspacing='0' cellpadding'0'>";
contentArray[1] += "<tr><td width='100px'><h2>URL</h2></td><td width='400px'><p><a href='http://www.schnitzelandthings.com' target='_blank'>www.schnitzelandthings.com</a></p></td></tr>";
contentArray[1] += "<tr><td width='100px'><h2>Date</h2></td><td width='400px'><p>Summer 2011</p></td></tr>";
contentArray[1] += "<tr><td width='100px'><h2>About</h2></td><td width='400px'><p>Schnitzel &amp; Things is one of the most successful and tech-savvy food trucks in New York City. They have a fantastic product, a well-done brand system, and a sleek, new, brick-and-mortar store in East Midtown. The only problem was that their website did not reflect the same level of fit and finish as all their other brand touch points.</p><p>I was hired to design and develop a new website. One that would feel consistant with the brand in their store, truck, and other communications.</p></td></tr>";
contentArray[1] += "</table><br />";
contentArray[1] += "<img src='images/portfolio/sat_01.jpg' width='750px' height='503px' alt='schnitzel and things splash page' title='schnitzel and things splash page' />";
contentArray[1] += "<img src='images/portfolio/sat_02.jpg' width='750px' height='503px' alt='schnitzel and things about page' title='schnitzel and things about page' />";
contentArray[1] += "<img src='images/portfolio/sat_03.jpg' width='750px' height='503px' alt='schnitzel and things menu page' title='schnitzel and things menu page' />";

contentArray[2] = "<h1>Lesley &amp; Eric Siegel's Wedding</h1>";
contentArray[2] += "<table border='0' cellspacing='0' cellpadding'0'>";
contentArray[2] += "<tr><td width='100px'><h2>URL</h2></td><td width='400px'><p>N/A</p></td></tr>";
contentArray[2] += "<tr><td width='100px'><h2>Date</h2></td><td width='400px'><p>Spring 2011</p></td></tr>";
contentArray[2] += "<tr><td width='100px'><h2>About</h2></td><td width='400px'><p>My older brother and his fianc&eacute; wed on June 25th of this year, as part of my wedding gift to them I designed their invitations and save-the-dates.</p></td></tr>";
contentArray[2] += "</table><br />";
contentArray[2] += "<img src='images/portfolio/el_02.jpg' width='750px' height='425px' alt='Lesley and Erics invitation' title='Lesley and Erics invitation' />";
contentArray[2] += "<img src='images/portfolio/el_03.jpg' width='750px' height='425px' alt='Lesley and Erics invitation' title='Lesley and Erics invitation' />";
contentArray[2] += "<img src='images/portfolio/el_04.jpg' width='750px' height='425px' alt='Lesley and Erics invitation' title='Lesley and Erics invitation' />";
contentArray[2] += "<div class='thick'><p>The direction card for the wedding was meant to reflect the map style <br />of the save-the-dates.</p></div>"
contentArray[2] += "<img src='images/portfolio/el_06.jpg' width='750px' height='425px' alt='Lesley and Erics invitation' title='Lesley and Erics invitation' />";
contentArray[2] += "<img src='images/portfolio/el_07.jpg' width='750px' height='425px' alt='Lesley and Erics invitation' title='Lesley and Erics invitation' />";
contentArray[2] += "<div class='thick'><p>The save the date used pins on a map of Boston and Cape Cod to tell the story of Lesley and Eric&rsquo;s relationship from it's start at Emerson College to their eventual wedding in Dennis, MA.</p></div>"
contentArray[2] += "<img src='images/portfolio/el_09.jpg' width='750px' height='425px' alt='Lesley and Erics invitation' title='Lesley and Erics invitation' />";
contentArray[2] += "<img src='images/portfolio/el_10.jpg' width='750px' height='425px' alt='Lesley and Erics invitation' title='Lesley and Erics invitation' />";
contentArray[2] += "<img src='images/portfolio/el_11.jpg' width='750px' height='425px' alt='Lesley and Erics invitation' title='Lesley and Erics invitation' />";

contentArray[3] = "<h1>College Board: <br />5 Ways Education Pays</h1>";
contentArray[3] += "<table border='0' cellspacing='0' cellpadding'0'>";
contentArray[3] += "<tr><td width='100px'><h2>URL</h2></td><td width='400px'><p>N/A</p></td></tr>";
contentArray[3] += "<tr><td width='100px'><h2>Date</h2></td><td width='400px'><p>Winter 2010 &ndash; Spring 2011</p></td></tr>";
contentArray[3] += "<tr><td width='100px'><h2>About</h2></td><td width='400px'><p>Five Ways Ed Pays is a campaign by the College Board to raise awareness of the benefits of a college education amongst high school students (especially students that would be the first-generation to have the opportunity attend college within their family). My task was to create posters, brochures, bus ads, and a small tri-fold brochure.</p></td></tr>";
contentArray[3] += "</table><br />";
contentArray[3] += "<div class='thick'><p>English Posters.</p></div>"
contentArray[3] += "<img src='images/portfolio/cb_01.jpg' width='750px' height='425px' alt='Five Ways Ed Pays Posters' title='Five Ways Ed. Pays Posters' />";
contentArray[3] += "<div class='thick'><p>Spanish Posters.</p></div>"
contentArray[3] += "<img src='images/portfolio/cb_02.jpg' width='750px' height='425px' alt='Five Ways Ed Pays Posters' title='Five Ways Ed. Pays Posters' />";
contentArray[3] += "<img src='images/portfolio/cb_03.jpg' width='750px' height='1159px' alt='Full Size Poster' title='Full Size Poster' />";
contentArray[3] += "<div class='thick'><p>Select Pages from the brochure.</p></div>"
contentArray[3] += "<img src='images/portfolio/cb_04.jpg' width='750px' height='640px' alt='Brochure Pages' title='Brochure Pages' />";

contentArray[4] = "<h1>Siegel+Gale</h1>";
contentArray[4] += "<table border='0' cellspacing='0' cellpadding'0'>";
contentArray[4] += "<tr><td width='100px'><h2>URL</h2></td><td width='400px'><p><a href='http://www.siegelgale.com' target='_blank'>www.siegelgale.com</a></p></td></tr>";
contentArray[4] += "<tr><td width='100px'><h2>Date</h2></td><td width='400px'><p>Fall 2010</p></td></tr>";
contentArray[4] += "<tr><td width='100px'><h2>About</h2></td><td width='400px'><p>In 2010, Siegel+Gale wanted to redesign and modernize their website. I helped to produce concepts including what was used for the final site.</p></td></tr>";
contentArray[4] += "</table><br />";
contentArray[4] += "<img src='images/portfolio/sg_01.jpg' width='750px' height='1700px' alt='siegelgale.com home page' title='siegelgale.com home page' />";
contentArray[4] += "<img src='images/portfolio/sg_03.jpg' width='750px' height='2143px' alt='siegelgale.com portfolio page' title='siegelgale.com portfolio page' />";
contentArray[4] += "<img src='images/portfolio/sg_04.jpg' width='750px' height='1350px' alt='siegelgale.com regions page' title='siegelgale.com regions page' />";
contentArray[4] += "<img src='images/portfolio/sg_05.jpg' width='750px' height='1700px' alt='siegelgale.com blog page' title='siegelgale.com blog page' />";

contentArray[5] = "<h1>Du Prodea</h1>";
contentArray[5] += "<table border='0' cellspacing='0' cellpadding'0'>";
contentArray[5] += "<tr><td width='100px'><h2>URL</h2></td><td width='400px'><p>N/A</p></td></tr>";
contentArray[5] += "<tr><td width='100px'><h2>Date</h2></td><td width='400px'><p>Summer 2010</p></td></tr>";
contentArray[5] += "<tr><td width='100px'><h2>About</h2></td><td width='400px'><p>I was tasked with creating an interface for Du Prodea's web TV product. The system needed to work across multiple platforms (there was a web and mobile web component to the system), incorporate multiple partner brands, and needed to provide a pleasing user experience across many different activities.</p></td></tr>";
contentArray[5] += "</table><br />";
contentArray[5] += "<img src='images/portfolio/dp_01.jpg' width='750px' height='422px' alt='' title='' />";
contentArray[5] += "<img src='images/portfolio/dp_02.jpg' width='750px' height='422px' alt='' title='' />";
contentArray[5] += "<img src='images/portfolio/dp_03.jpg' width='750px' height='422px' alt='' title='' />";
contentArray[5] += "<img src='images/portfolio/dp_04.jpg' width='750px' height='422px' alt='' title='' />";
contentArray[5] += "<img src='images/portfolio/dp_05.jpg' width='750px' height='422px' alt='' title='' />";
contentArray[5] += "<img src='images/portfolio/dp_06.jpg' width='750px' height='422px' alt='' title='' />";
contentArray[5] += "<img src='images/portfolio/dp_07.jpg' width='750px' height='422px' alt='' title='' />";
contentArray[5] += "<div class='thick'><p>The system also needed to be translated to web and mobile spaces.</p></div>"
contentArray[5] += "<img src='images/portfolio/dp_08.jpg' width='750px' height='463px' alt='' title='' />";
contentArray[5] += "<img src='images/portfolio/dp_09.jpg' width='750px' height='714px' alt='' title='' />";

contentArray[6] = "<h1>AMEX Mobile</h1>";
contentArray[6] += "<table border='0' cellspacing='0' cellpadding'0'>";
contentArray[6] += "<tr><td width='100px'><h2>URL</h2></td><td width='400px'><p>N/A</p></td></tr>";
contentArray[6] += "<tr><td width='100px'><h2>Date</h2></td><td width='400px'><p>Summer 2010</p></td></tr>";
contentArray[6] += "<tr><td width='100px'><h2>About</h2></td><td width='400px'><p>This is a redesign of American Express' mobile app.</p></td></tr>";
contentArray[6] += "</table><br />";
contentArray[6] += "<div class='thick'><p>Home screen icon, Initial Load Screen, Terms and Conditions</p></div>"
contentArray[6] += "<img src='images/portfolio/amxm_01.jpg' width='750px' height='463px' alt='' title='' />";
contentArray[6] += "<div class='thick'><p>Home Screen, Login Screen, My Cards Screen</p></div>"
contentArray[6] += "<img src='images/portfolio/amxm_02.jpg' width='750px' height='463px' alt='' title='' />";
contentArray[6] += "<div class='thick'><p>Account Screens</p></div>"
contentArray[6] += "<img src='images/portfolio/amxm_03.jpg' width='750px' height='463px' alt='' title='' />";

contentArray[7] = "<h1>The Y</h1>";
contentArray[7] += "<table border='0' cellspacing='0' cellpadding'0'>";
contentArray[7] += "<tr><td width='100px'><h2>URL</h2></td><td width='400px'><p><a href='http://www.ymca.net' target='_blank'>www.ymca.net</a></p></td></tr>";
contentArray[7] += "<tr><td width='100px'><h2>Date</h2></td><td width='400px'><p>Summer 2010</p></td></tr>";
contentArray[7] += "<tr><td width='100px'><h2>About</h2></td><td width='400px'><p>The YMCA required a revamping of its online presence to accompany the launch of its new brand (Designed by Siegel+Gale). The new brand provided many challenges as the identity works with 5 different color systems. Each of which needed to be represented equally while not being associated with any particular part of the site.</p><p>The site also needed to be simple and clean while communicating The Y's warm, welcoming voice.</p></td></tr>";
contentArray[7] += "</table><br />";
contentArray[7] += "<img src='images/portfolio/ymca_01.jpg' width='750px' height='1200px' alt='YMCA.net home page1' title='YCMA.net home page1' />";
contentArray[7] += "<img src='images/portfolio/ymca_02.jpg' width='750px' height='1200px' alt='YMCA.net home page2' title='YCMA.net home page2' />";
contentArray[7] += "<img src='images/portfolio/ymca_03.jpg' width='750px' height='1200px' alt='YMCA.net home page3' title='YCMA.net home page3' />";
contentArray[7] += "<img src='images/portfolio/ymca_04.jpg' width='750px' height='1075px' alt='YMCA.net interior page' title='YMCA.net interior page' />";
contentArray[7] += "<img src='images/portfolio/ymca_05.jpg' width='750px' height='1000px' alt='YMCA.net careers page' title='YMCA.net careers page' />";
contentArray[7] += "<img src='images/portfolio/ymca_06.jpg' width='750px' height='1000px' alt='YMCA.net donate page' title='YMCA.net donate page' />";

contentArray[8] = "<h1>US Mint</h1>";
contentArray[8] += "<table border='0' cellspacing='0' cellpadding'0'>";
contentArray[8] += "<tr><td width='100px'><h2>URL</h2></td><td width='400px'><p>N/A</p></td></tr>";
contentArray[8] += "<tr><td width='100px'><h2>Date</h2></td><td width='400px'><p>Spring 2010</p></td></tr>";
contentArray[8] += "<tr><td width='100px'><h2>About</h2></td><td width='400px'><p>The United States Mint approached Siegel+Gale to update their intranet <br />in order to align it with their new brand. I was responsible for devising a system that could accomodate multiple navigation schemes and different types of content that are each of the US Mints' intranet sites.</p></td></tr>";
contentArray[8] += "</table><br />";
contentArray[8] += "<img src='images/portfolio/usm_01.jpg' width='750px' height='1482px' alt='' title='' />";
contentArray[8] += "<img src='images/portfolio/usm_02.jpg' width='750px' height='1100px' alt='' title='' />";

contentArray[9] = "<h1>American Express Brand Site</h1>";
contentArray[9] += "<table border='0' cellspacing='0' cellpadding'0'>";
contentArray[9] += "<tr><td width='100px'><h2>URL</h2></td><td width='400px'><p>N/A</p></td></tr>";
contentArray[9] += "<tr><td width='100px'><h2>Date</h2></td><td width='400px'><p>Winter 2009</p></td></tr>";
contentArray[9] += "<tr><td width='100px'><h2>About</h2></td><td width='400px'><p>I was tasked with creating the visual design for American Express' new Brand Site. The new site was meant to provide quick, easy access to brand assets and guidelines, while also serving as a learning tool and an inspiration for users.</p></td></tr>";
contentArray[9] += "</table><br />";
contentArray[9] += "<img src='images/portfolio/amx_01.jpg' width='750px' height='650px' alt='American Express Brand Site home page' title='American Express Brand Site home page' />";
contentArray[9] += "<div class='thick'>The search tool provided a unique challenge because it had to accurately represent multiple asset types while differentiating between individual files and those that were packaged in folders with other assets. The search function also had to accomodate multiple user types as well.</p></div>";
contentArray[9] += "<img src='images/portfolio/amx_03.jpg' width='750px' height='1000px' alt='American Express Brand Site product search page' title='American Express Brand Site product search page' />";
contentArray[9] += "<img src='images/portfolio/amx_04.jpg' width='750px' height='1050px' alt='American Express Brand Site guidelines page' title='American Express Brand Site guidelines page' />";
contentArray[9] += "<img src='images/portfolio/amx_05.jpg' width='750px' height='900px' alt='American Express Brand Site interior page' title='American Express Brand Site interior page' />";
contentArray[9] += "<img src='images/portfolio/amx_06.jpg' width='750px' height='750px' alt='American Express Brand Site case study page' title='American Express Brand Site case study page' />";
contentArray[9] += "<img src='images/portfolio/amx_07.jpg' width='750px' height='650px' alt='American Express Brand Site video page' title='American Express Brand Site video study page' />";

contentArray[10] = "<h1>dollie&me</h1>";
contentArray[10] += "<table border='0' cellspacing='0' cellpadding'0'>";
contentArray[10] += "<tr><td width='100px'><h2>URL</h2></td><td width='400px'><p><a href='http://www.dollieme.com' target='_blank'>www.dollieme.com</a></p></td></tr>";
contentArray[10] += "<tr><td width='100px'><h2>Date</h2></td><td width='400px'><p>Summer 2009</p></td></tr>";
contentArray[10] += "<tr><td width='100px'><h2>About</h2></td><td width='400px'><p>Dollie&me is a girls' doll and dress brand. The idea is that the child will <br />buy a doll and then dresses for the doll that come with an accompanying dress for the girl, so that the girl can play dress up with their doll. <a href='http://www.dollieme.com' target='_blank'>Dollieme.com</a> was meant to carry that interaction from the real world into the virtual space.</p></td></tr>";
contentArray[10] += "</table><br />";
contentArray[10] += "<img src='images/portfolio/dm_01.jpg' width='750px' height='550px' alt='dollieme.com splash page' title='dollieme.com splash page' />";
contentArray[10] += "<div class='thick'><p>The design was challenging because the experience had to be fun and exciting for children while also being clean and easy to navigate. It was also a massive departure for me stylistically, and the subject matter was foreign to me as I do not normally play with little girls' dolls...</p></div>"
contentArray[10] += "<img src='images/portfolio/dm_02.jpg' width='750px' height='550px' alt='dollieme.com home page' title='dollieme.com home page' />";
contentArray[10] += "<img src='images/portfolio/dm_04.jpg' width='750px' height='550px' alt='dollieme.com bumper' title='dollieme.com bumper' />";
contentArray[10] += "<img src='images/portfolio/dm_05.jpg' width='750px' height='625px' alt='dollieme.com shop' title='dollieme.com shop' />";
contentArray[10] += "<div class='thick'><p>The site provides two flash-based games for children to play. The first being a dress-up game that mirrors the real-world experience of playing with your doll. The second is a make your own adventure game.</p></div>"
contentArray[10] += "<img src='images/portfolio/dm_06.jpg' width='750px' height='550px' alt='dollieme.com dress up game 1' title='dollieme.com dress up game 1' />";
contentArray[10] += "<img src='images/portfolio/dm_07.jpg' width='750px' height='550px' alt='dollieme.com dress up game 2' title='dollieme.com dress up game 2' />";
contentArray[10] += "<img src='images/portfolio/dm_09.jpg' width='750px' height='550px' alt='dollieme.com dress up game 3' title='dollieme.com dress up game 3' />";
contentArray[10] += "<div class='thick'><p>Designing for young children provided unique challenges because not all users for the site would be able to read.</p></div>"
contentArray[10] += "<img src='images/portfolio/dm_11.jpg' width='750px' height='550px' alt='dollieme.com make your own adventure game' title='dollieme.com make your own adventure game' />";

contentArray[11] = "<h1>Florida State University Admissions</h1>";
contentArray[11] += "<table border='0' cellspacing='0' cellpadding'0'>";
contentArray[11] += "<tr><td width='100px'><h2>URL</h2></td><td width='400px'><p>N/A</p></td></tr>";
contentArray[11] += "<tr><td width='100px'><h2>Date</h2></td><td width='400px'><p>Winter 2008</p></td></tr>";
contentArray[11] += "<tr><td width='100px'><h2>About</h2></td><td width='400px'><p>Florida State University's Admissions site was meant to translate their newly revamped brand to the internet. It also provided drastic upgrades in functionality by allowing for the hosting of audio and video content.</p></td></tr>";
contentArray[11] += "</table><br />";
contentArray[11] += "<img src='images/portfolio/fsu_01.jpg' width='750px' height='575px' alt='fsu.edu home page 1' title='fsu.edu home page 1' />";
contentArray[11] += "<img src='images/portfolio/fsu_02.jpg' width='750px' height='575px' alt='fsu.edu home page 2' title='fsu.edu home page 2' />";
contentArray[11] += "<img src='images/portfolio/fsu_03.jpg' width='750px' height='575px' alt='fsu.edu home page 3' title='fsu.edu home page 3' />";
contentArray[11] += "<img src='images/portfolio/fsu_04.jpg' width='750px' height='1200px' alt='fsu.edu secondary page 1' title='fsu.edu secondary page 1' />";
contentArray[11] += "<img src='images/portfolio/fsu_05.jpg' width='750px' height='1425px' alt='fsu.edu secondary page 2' title='fsu.edu secondary page 2' />";
contentArray[11] += "<img src='images/portfolio/fsu_06.jpg' width='750px' height='1075px' alt='fsu.edu secondary page 3' title='fsu.edu secondary page 3' />";
contentArray[11] += "<h1>Florida State University field logo</h1>";
contentArray[11] += "<table border='0' cellspacing='0' cellpadding'0'>";
contentArray[11] += "<tr><td width='100px'><h2>Date</h2></td><td width='400px'><p>Fall 2008</p></td></tr>";
contentArray[11] += "<tr><td width='100px'><h2>About</h2></td><td width='400px'><p>This application was done as part of Florida State University's updated brand. Printing on grass required that special consideration be given to line-weight and legibility, making this challenge very unique.</p></div></tr>";
contentArray[11] += "</table><br />";
contentArray[11] += "<img src='images/portfolio/fsu_07.jpg' width='750px' height='400px' alt='Florida State University field logo' title='Florida State University field logo' />";
contentArray[11] += "<img src='images/portfolio/fsu_08.jpg' width='750px' height='400px' alt='Florida State University field logo on field' title='Florida State University field logo on field' />";

contentArray[12] = "<h1>RMJM</h1>";
contentArray[12] += "<table border='0' cellspacing='0' cellpadding'0'>";
contentArray[12] += "<tr><td width='100px'><h2>URL</h2></td><td width='400px'><p><a href='http://www.rmjm.com' target='_blank'>www.rmjm.com</a></p></td></tr>";
contentArray[12] += "<tr><td width='100px'><h2>Date</h2></td><td width='400px'><p>Summer 2008</p></td></tr>";
contentArray[12] += "</table><br />";
contentArray[12] += "<img src='images/portfolio/rmjm_01.jpg' width='750px' height='440px' alt='rmjm.com home page' title='rmjm.com home page' />";
contentArray[12] += "<img src='images/portfolio/rmjm_02.jpg' width='750px' height='440px' alt='rmjm.com projects by region' title='rmjm.com projects by region' />";
contentArray[12] += "<img src='images/portfolio/rmjm_03.jpg' width='750px' height='440px' alt='rmjm.com project page 1' title='rmjm.com project page 1' />";
contentArray[12] += "<img src='images/portfolio/rmjm_04.jpg' width='750px' height='440px' alt='rmjm.com project page 2' title='rmjm.com project page 2' />";
contentArray[12] += "<img src='images/portfolio/rmjm_05.jpg' width='750px' height='440px' alt='rmjm.com project process page' title='rmjm.com process page' />";
contentArray[12] += "<img src='images/portfolio/rmjm_06.jpg' width='750px' height='440px' alt='rmjm.com news page' title='rmjm.com news page' />";
contentArray[12] += "<img src='images/portfolio/rmjm_07.jpg' width='750px' height='440px' alt='rmjm.com office locations page' title='rmjm.com office locations page' />";
contentArray[12] += "<img src='images/portfolio/rmjm_08.jpg' width='750px' height='440px' alt='rmjm.com office page' title='rmjm.com office page' />";

contentArray[13] = "<h1>R&eacute;sum&eacute;</h1>";
contentArray[13] += "<p><a href='#' onClick='window.print()'>Print R&eacute;sum&eacute;</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href='pdf/MattSiegel_resume.pdf'>Download PDF</a></p>";
contentArray[13] += "<div class='left thick gutter'><h2>Design experience</h2>";
contentArray[13] += "<p><strong>Designer</strong><br />October 2010 &ndash; Present<br />Infinia Group, LLC, New York City, NY<br />I work in collaboration with designers and strategists to create print and web-based design solutions to clients. At Infinia I have worked for companies including MF Global, The College Board, and Washington National.</p><br />";
contentArray[13] += "<p><strong>Interactive designer</strong><br />June 2008 &ndash; September 2010<br />Siegel+Gale, New York City, NY<br />I work to elevate clients&rsquo; online presence by designing and developing sophisticated web applications in close cooperation with teams of brand strategists, designers, project managers, and developers. Clients I have worked for include American Express, Johns Hopkins University&rsquo;s Carey Business School, RMJM, EmblemHealth, and the YMCA.</p><br />";
contentArray[13] += "<p><strong>Freelance web developer/designer</strong><br />June 2008 &ndash; present<br />Various clients, New York City, NY<br />I design and develop sophisticated HTML and Flash-based web solutions for clients including Pup Concierge, Settlesource, and High Gloss Media.</p><br />";
contentArray[13] += "<p><strong>Interactive Intern</strong><br />May 2007 &ndash; August 2007<br />Wall-to-Wall Studios, Pittsburgh, PA<br />In order to meet client demands, I created rich web applications using HTML, CSS, JavaScript, PHP, and Flash. I assisted in the design and implementation of web sites, and gave clients technical support.</p><br />";
contentArray[13] += "<p><strong>Freelance Flash Developer</strong><br />January 2008 &ndash; March 2008<br />Daedalus Excel, Pittsburgh, PA<br />Working closely with Daedalus Excel&rsquo;s design team, I created realistic interface prototypes for medical devices using Flash CS3.</p><br />";
contentArray[13] += "<p><strong>Designer, Web Developer</strong><br />September 2006 &ndash; March 2008<br />Confluence, Pittsburgh, PA<br />Confluence is Carnegie Mellon University&rsquo;s annual design career conference. I was responsible for the design as well as the implementation of all brand materials related to Confluence 2008. As web developer for Confluence 2007, I built the public web site, which was used to provide information about the conference to those attending.</p><br /><br /></div>";
contentArray[13] += "<div class='left thin'><h2>Education</h2>";
contentArray[13] += "<p>August 2004 &ndash;  May 2008<br />Carnegie Mellon University, Pittsburgh, PA</p>";
contentArray[13] += "<p>Bachelor of Fine Arts<br />Major in Communication Design<br />Minor in Business Administration</p><p>Graduated with Honors in May 2008<br />GPA: 3.7</p><br />";
contentArray[13] += "<h2>Skills</h2>";
contentArray[13] += "<ul><li>ActionScript</li><li>Adobe Acrobat</li><li>Adobe AfterEffects</li><li>Adobe Bridge</li><li>Adobe Fireworks</li><li>Adobe Flash</li><li>Adobe Illustrator</li><li>Adobe Indesign</li><li>Adobe Photoshop</li><li>CSS</li><li>HTML</li><li>JavaScript</li><li>PHP</li><li>Microsoft Office</li><li>Glass Blowing</li></ul></div";
contentArray[13] += "<div class='clear'></clear>"

contentArray[14] = "<h1>Feel free to drop me a line.</h1>";
contentArray[14] += "<div class='thick left'>Do you have a design problem that needs solving? An online application that needs programming? I just might be the solution to your problem.<br /><br />If you have any questions for me or would like to contact me, email me at <a href='mailto:matt@mattsiegel.us'>matt@mattsiegel.us</a>.</div>";
