<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Brian Mangin</title>
	<atom:link href="http://brianmangin.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://brianmangin.com</link>
	<description></description>
	<lastBuildDate>Mon, 14 Dec 2009 19:13:12 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.6</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Inline links for Wordpress category pages</title>
		<link>http://brianmangin.com/2009/11/inline-links-for-wordpress-category-pages/</link>
		<comments>http://brianmangin.com/2009/11/inline-links-for-wordpress-category-pages/#comments</comments>
		<pubDate>Sat, 28 Nov 2009 03:35:45 +0000</pubDate>
		<dc:creator>Brian</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://brianmangin.com/?p=335</guid>
		<description><![CDATA[As I was developing my online portfolio, I wanted to create a &#8220;single-page portfolio&#8221;-type view so visitors could quickly see all my work in a particular category on one page.  Each portfolio item is a Wordpress post, and they&#8217;re rather large, with screenshots and sometimes multiple images, so I needed a way to indicate [...]]]></description>
			<content:encoded><![CDATA[<p>As I was developing my online portfolio, I wanted to create a &#8220;single-page portfolio&#8221;-type view so visitors could quickly see all my work in a particular category on one page. <span id="more-335"></span> Each portfolio item is a Wordpress post, and they&#8217;re rather large, with screenshots and sometimes multiple images, so I needed a way to indicate more content below, and to make it cleaner I wanted to avoid a lot of scrolling. I decided that a simple inline link to the next post on the page would be cleanest.</p>
<p>Unfortunately WordPress doesn&#8217;t come with such a function out-of-the-box; after much searching and head-scratching, I figured it out:</p>
<pre>&lt;a href="#post-&lt;?php echo $wp_query-&gt;posts[$wp_query-&gt;current_post + 1]-&gt;ID; ?&gt;" title="View next item below"&gt;Next &amp;darr;&lt;/a&gt;</pre>
<p>Ultimately it&#8217;s very simple &#8211; the PHP in the above snippet displays the post id of the next post (which is, duh, the current_post + 1). This PHP is inserted into an inline link within the WordPress Loop and viola! The link created jumps to the next one on the page.</p>
<p>I added a little more logic to the page &#8211; the last item on the page doesn&#8217;t need a link like this, so for that one I created a link back to the top of the page.</p>
<p>Hope this helps anyone searching for a similar solution!</p>
]]></content:encoded>
			<wfw:commentRss>http://brianmangin.com/2009/11/inline-links-for-wordpress-category-pages/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Barack Obama sighted in Puerto Rico</title>
		<link>http://brianmangin.com/2009/11/barack-obama-in-puerto-rico/</link>
		<comments>http://brianmangin.com/2009/11/barack-obama-in-puerto-rico/#comments</comments>
		<pubDate>Mon, 16 Nov 2009 16:29:19 +0000</pubDate>
		<dc:creator>Brian</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[funny]]></category>
		<category><![CDATA[travel]]></category>

		<guid isPermaLink="false">http://brianmangin.com/?p=358</guid>
		<description><![CDATA[While eating some delicious mofongo in San Juan last week (at a restaurant whose name I unfortunately can&#8217;t remember), I couldn&#8217;t help but notice the striking resemblance the woman in the wall mural had to Barack Obama. Coincidence or homage?

]]></description>
			<content:encoded><![CDATA[<p>While eating some delicious <a href="http://en.wikipedia.org/wiki/Mofongo" target="_self">mofongo</a> in San Juan last week (at a restaurant whose name I unfortunately can&#8217;t remember), I couldn&#8217;t help but notice the striking resemblance the woman in the wall mural had to Barack Obama. Coincidence or homage?</p>
<p><img class="alignnone size-full wp-image-360" src="http://brianmangin.com/wp-content/uploads/2009/11/obama_pr.jpg" alt="" width="620" height="396" /></p>
]]></content:encoded>
			<wfw:commentRss>http://brianmangin.com/2009/11/barack-obama-in-puerto-rico/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Building for the Future microsite</title>
		<link>http://brianmangin.com/2009/08/building-for-the-future-microsite/</link>
		<comments>http://brianmangin.com/2009/08/building-for-the-future-microsite/#comments</comments>
		<pubDate>Sat, 01 Aug 2009 19:31:12 +0000</pubDate>
		<dc:creator>Brian</dc:creator>
				<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://brianmangin.com/?p=74</guid>
		<description><![CDATA[A $100 million campaign requires a website that looks like a million bucks.]]></description>
			<content:encoded><![CDATA[<div class="grid_4 alpha">
<div class="intro">A $100 million campaign requires a website that looks like a million bucks.</div>
<p><span id="more-74"></span></p>
<p>The Minnesota Orchestra&#8217;s Building for the Future campaign was designed to provide information and raise money for building renovation, education and artistic initiatives. As such, the website needed to house a wide variety of information that spoke spoke to both the general public and potential donors. Working with feedback from management, PR and Development, I developed a microsite that complimented the look of print materials and provided ample room to grow along with the projects.</p></div>
<div class="grid_8 omega"><img src="http://brianmangin.com/wp-content/uploads/2009/08/bff_home.jpg" alt="bff_home" title="bff_home" width="620" height="557" class="alignnone size-full wp-image-243" /><img src="http://brianmangin.com/wp-content/uploads/2009/08/bff_inside.jpg" alt="bff_inside" title="bff_inside" width="620" height="907" class="alignnone size-full wp-image-244" /></div>
]]></content:encoded>
			<wfw:commentRss>http://brianmangin.com/2009/08/building-for-the-future-microsite/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Crash the Ball microsite</title>
		<link>http://brianmangin.com/2009/06/crash-the-ball-microsite/</link>
		<comments>http://brianmangin.com/2009/06/crash-the-ball-microsite/#comments</comments>
		<pubDate>Sun, 28 Jun 2009 23:57:50 +0000</pubDate>
		<dc:creator>Brian</dc:creator>
				<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://brianmangin.com/?p=269</guid>
		<description><![CDATA[Old-fashioned charm brings in fresh faces (and donors).]]></description>
			<content:encoded><![CDATA[<div class="grid_4 alpha">
<div class="intro">Old-fashioned charm brings in fresh faces (and donors).</div>
<p><span id="more-269"></span></p>
<p>The Minnesota Orchestra&#8217;s annual Symphony Ball was a lovely annual gala fundraising event, but a fresh approach was needed to bring in new participants. How about a side party just for young professionals, who could attend and have a blast with people their own age while still participating in the Ball? When the idea of a 1930&#8217;s / Prohibition theme party called &#8220;Crash the Ball&#8221; was raised, we knew we had a winner. I built the website with a look of a newspaper from that era, with some twists of course. Photos procured from the Minnesota Historical Society added a touch of real history. Links to the event&#8217;s Facebook page, Twitter stream and other social media tools gave the event some legs beyond the website. In the end the event was a huge success, raised money for the Orchestra and most importantly laid the foundation for a lasting relationship with a whole new audience.</p></div>
<div class="grid_8 omega"><img src="http://brianmangin.com/wp-content/uploads/2009/06/mn_orch_ctb.jpg" alt="mn_orch_ctb" title="mn_orch_ctb" width="620" height="803" class="alignnone size-full wp-image-272" /></div>
]]></content:encoded>
			<wfw:commentRss>http://brianmangin.com/2009/06/crash-the-ball-microsite/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Sommerfest 2009 microsite</title>
		<link>http://brianmangin.com/2009/06/sommerfest-2009-microsite/</link>
		<comments>http://brianmangin.com/2009/06/sommerfest-2009-microsite/#comments</comments>
		<pubDate>Sun, 14 Jun 2009 19:21:13 +0000</pubDate>
		<dc:creator>Brian</dc:creator>
				<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://brianmangin.com/?p=66</guid>
		<description><![CDATA[A fun and lively website to compliment  the Minnesota Orchestra's three-week-long summer festival.]]></description>
			<content:encoded><![CDATA[<div class="grid_4 alpha">
<div class="intro">A fun and lively website to compliment  the Minnesota Orchestra&#8217;s three-week-long summer festival.</div>
<p><span id="more-66"></span></p>
<p>I developed this microsite by adding web-savvy styling and architecture to the great creative produced by Minnesota Orchestra&#8217;s in-house design team. We saved time and resources by pulling event information and media content directly from the MN Orch website&#8217;s existing database, while other content was created specifically to enhance this microsite.</p></div>
<div class="grid_8 omega"><img class="alignnone size-full wp-image-68" title="sommerfest09" src="http://brianmangin.com/wp-content/uploads/2009/08/sommerfest09.jpg" alt="sommerfest09" width="620" height="532" /></div>
]]></content:encoded>
			<wfw:commentRss>http://brianmangin.com/2009/06/sommerfest-2009-microsite/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Inside the Classics 2009-10 season microsite</title>
		<link>http://brianmangin.com/2009/04/inside-the-classics-microsite/</link>
		<comments>http://brianmangin.com/2009/04/inside-the-classics-microsite/#comments</comments>
		<pubDate>Sat, 11 Apr 2009 00:07:01 +0000</pubDate>
		<dc:creator>Brian</dc:creator>
				<category><![CDATA[Multimedia]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://brianmangin.com/?p=82</guid>
		<description><![CDATA[A nature-inspired musical theme calls for a nature-inspired design. Naturally!]]></description>
			<content:encoded><![CDATA[<div class="grid_4 alpha">
<div class="intro">A nature-inspired musical theme calls for a nature-inspired design. Naturally!</div>
<p><span id="more-82"></span></p>
<p>The Minnesota Orchestra&#8217;s Inside the Classics series is a unique format that introduces audience members to a classical music masterpiece with lively conversation followed by a full performance. The microsite, with a visual design inspired by the series&#8217; print materials, provides a high-level overview of the series at a glance, while providing access to important detailed information, including links to the Orchestra&#8217;s popular classical music blog and multimedia content like audio samples and interviews with the presenters.</p></div>
<div class="grid_8 omega"><img src="http://brianmangin.com/wp-content/uploads/2009/04/itc0910.jpg" alt="itc0910" title="itc0910" width="620" height="654" class="alignnone size-full wp-image-84" /></div>
]]></content:encoded>
			<wfw:commentRss>http://brianmangin.com/2009/04/inside-the-classics-microsite/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Loring Park Art Festival website</title>
		<link>http://brianmangin.com/2008/07/loring-park-art-festival-website/</link>
		<comments>http://brianmangin.com/2008/07/loring-park-art-festival-website/#comments</comments>
		<pubDate>Mon, 07 Jul 2008 16:27:22 +0000</pubDate>
		<dc:creator>Brian</dc:creator>
				<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://brianmangin.com/?p=157</guid>
		<description><![CDATA[A fun, informative and content-rich website for an urban art festival.]]></description>
			<content:encoded><![CDATA[<div class="grid_4 alpha">
<div class="intro">A fun, informative and content-rich website for an urban art festival.</div>
<p><span id="more-157"></span></p>
<p>As a small non-profit, the Loring Park Art Festival didn&#8217;t have a lot of resources, but what they did have was great content &#8211; beautiful images from the many artist that exhibit at their annual festival in downtown Minneapolis. We decided to capitalize on that by prominently featuring those images, both to illustrate website content and to provide visual interest throughout the site. But I didn&#8217;t stop at images; I added lots of easily-accessible content about the festival including transportation, food &#038; entertainment, volunteers, advertising and more. Most significantly I built a database-driven back-end for the artists listings, so that the information could be easily updated and displayed in different useful formats (by artist&#8217;s location, medium, etc.).</p></div>
<div class="grid_8 omega"><img src="http://brianmangin.com/wp-content/uploads/2009/09/lpaf.jpg" alt="lpaf" title="lpaf" width="620" height="921" class="alignnone size-full wp-image-159" /></div>
]]></content:encoded>
			<wfw:commentRss>http://brianmangin.com/2008/07/loring-park-art-festival-website/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Sounds of Cinema microsite</title>
		<link>http://brianmangin.com/2008/01/sounds-of-cinema-microsite/</link>
		<comments>http://brianmangin.com/2008/01/sounds-of-cinema-microsite/#comments</comments>
		<pubDate>Fri, 25 Jan 2008 01:41:53 +0000</pubDate>
		<dc:creator>Brian</dc:creator>
				<category><![CDATA[Multimedia]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://brianmangin.com/?p=275</guid>
		<description><![CDATA[A media-rich website to celebrate classical music in movies.]]></description>
			<content:encoded><![CDATA[<div class="grid_4 alpha">
<div class="intro">A media-rich website to celebrate classical music in movies.</div>
<p><span id="more-275"></span></p>
<p>A website that promotes a music in film festival demands a multimedia experience, and that&#8217;s just what I built. Musical excerpts, video footage of the films and interviews with principal musicians and the conductor were put front and center on this microsite. Design elements and content were assembled from a variety of sources to form a cohesive online presence for this three-week festival.</p></div>
<div class="grid_8 omega"><img src="http://brianmangin.com/wp-content/uploads/2008/01/mnorch_soc.jpg" alt="mnorch_soc" title="mnorch_soc" width="620" height="487" class="alignnone size-full wp-image-278" /></div>
]]></content:encoded>
			<wfw:commentRss>http://brianmangin.com/2008/01/sounds-of-cinema-microsite/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Pride Institute website</title>
		<link>http://brianmangin.com/2007/04/pride-institute-website/</link>
		<comments>http://brianmangin.com/2007/04/pride-institute-website/#comments</comments>
		<pubDate>Sat, 07 Apr 2007 14:54:14 +0000</pubDate>
		<dc:creator>Brian</dc:creator>
				<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://brianmangin.com/?p=138</guid>
		<description><![CDATA[Dealing with sensitive issues by striking a balance of content, design and website architecture.]]></description>
			<content:encoded><![CDATA[<div class="grid_4 alpha">
<div class="intro">Dealing with sensitive issues by striking a balance of content, design and website architecture.</div>
<p><span id="more-138"></span></p>
<p>Pride Institute was in a bit of a jam; their website content was sorely out of date. That by itself is bad, but in their case it was compounded by the fact that <em>the previous designer had set all of their text as graphics</em>, making it next to impossible for them to make updates. The design needed refreshing too, so after looking at my portfolio and my work with other GLBT-related organizations, they took the opportunity to work with me to update their site&#8217;s design and architecture.</p>
<p>Pride Institute is a gay &#038; lesbian mental health and addiction care center; as such the website requires a delicate touch and serve a number of sometimes competing functions:</p>
<ul>
<li>for people dealing with addiction, the site needs to provide quick and easy access to admissions, facilities and services information</li>
<li>for friends and family, it needs to provide detailed information, support and instill a sense of confidence in Pride Institute</li>
<li>the site also needs to promote Pride Institute and its services in a way that talks about addiction problems and solutions realistically, and speaks to people who are currently at a very low point, but are looking to a brighter future</li>
</ul>
<p>To meet all these needs, we created a new site that struck a balance: between high-level and detailed information, between information and marketing; and between the negative aspects of addiction and the positives of recovery that Pride Institute&#8217;s services offer.</p></div>
<div class="grid_8 omega"><img src="http://brianmangin.com/wp-content/uploads/2007/04/Pride-Institute-home.jpg" alt="Pride-Institute-home" title="Pride-Institute-home" width="620" height="401" class="alignnone size-full wp-image-150" /><img src="http://brianmangin.com/wp-content/uploads/2007/04/Drug-Abuse-Pride-Institute.jpg" alt="Drug-Abuse-Pride-Institute" title="Drug-Abuse-Pride-Institute" width="620" height="431" class="alignnone size-full wp-image-151" /><img src="http://brianmangin.com/wp-content/uploads/2007/04/Friends-Family-Pride-Institute.jpg" alt="Friends-&amp;-Family-Pride-Institute" title="Friends-&amp;-Family-Pride-Institute" width="620" height="436" class="alignnone size-full wp-image-152" /></div>
]]></content:encoded>
			<wfw:commentRss>http://brianmangin.com/2007/04/pride-institute-website/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Quatrefoil Library website</title>
		<link>http://brianmangin.com/2007/03/quatrefoil-library-website/</link>
		<comments>http://brianmangin.com/2007/03/quatrefoil-library-website/#comments</comments>
		<pubDate>Wed, 07 Mar 2007 19:18:54 +0000</pubDate>
		<dc:creator>Brian</dc:creator>
				<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://brianmangin.com/?p=196</guid>
		<description><![CDATA[Putting some excitement into a non-profit community library.]]></description>
			<content:encoded><![CDATA[<div class="grid_4 alpha">
<div class="intro">Putting some excitement into a non-profit community library.</div>
<p><span id="more-196"></span></p>
<p>The Quatrefoil Library, a then-25-year old community library and archive for gay &#038; lesbian materials, needed a fresh face for it&#8217;s primarily text-based website. I&#8217;d previously designed a brochure and other materials for the library, so the new website&#8217;s design flowed easily out of that. My friend <a href="http://www.davidpaulschmit.com/">Dave Schmit</a> generously donated his excellent photography skills, so we featured that prominently. In addition to updating and reformatting the content for the website, we provided ample room for growth of the online database-driven catalog, news and special events information.</div>
<div class="grid_8 omega"><img src="http://brianmangin.com/wp-content/uploads/2009/09/Quatrefoil-Library_home.jpg" alt="Quatrefoil-Library_home" title="Quatrefoil-Library_home" width="620" height="602" class="alignnone size-full wp-image-198" /><img src="http://brianmangin.com/wp-content/uploads/2007/03/Quatrefoil-Library_history.jpg" alt="Quatrefoil-Library_history" title="Quatrefoil-Library_history" width="620" height="563" class="alignnone size-full wp-image-202" /></div>
]]></content:encoded>
			<wfw:commentRss>http://brianmangin.com/2007/03/quatrefoil-library-website/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
