<?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>Blue Anvil Journal &#187; microformat</title>
	<atom:link href="http://blue-anvil.com/tag/microformat/feed/" rel="self" type="application/rss+xml" />
	<link>http://blue-anvil.com</link>
	<description>The online blogfolio of Mike Jolley</description>
	<lastBuildDate>Fri, 03 Dec 2010 18:16:54 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>MiniCard Theme for WordPress &#8211; a cool free business card/social network theme</title>
		<link>http://blue-anvil.com/archives/minicard-theme-for-wordpress-a-cool-free-business-cardsocial-network-theme/</link>
		<comments>http://blue-anvil.com/archives/minicard-theme-for-wordpress-a-cool-free-business-cardsocial-network-theme/#comments</comments>
		<pubDate>Tue, 10 Nov 2009 11:27:01 +0000</pubDate>
		<dc:creator>Mike Jolley</dc:creator>
				<category><![CDATA[Web design & development]]></category>
		<category><![CDATA[Business Card]]></category>
		<category><![CDATA[hcard]]></category>
		<category><![CDATA[microformat]]></category>
		<category><![CDATA[MiniCard]]></category>
		<category><![CDATA[Theme]]></category>
		<category><![CDATA[Themes]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://blue-anvil.com/?p=657</guid>
		<description><![CDATA[Want more MiniCard goodness? Purchase the premium pack to gain access to the in-built AJAX RSS feed module, several new sub-themes, priority support, and the warm fuzzy feeling you get by supporting the author! Premium is £25 GBP. I am releasing my MiniCard theme for wordpress which supports hCard/vCard microformats, tonnes of social networks, showing [...]]]></description>
			<content:encoded><![CDATA[<p><img class="aligncenter size-full wp-image-708" title="minicard" src="http://blue-anvil.com/wp-content/uploads/2009/11/minicard.jpg" alt="minicard" width="488" height="100" /></p>
<div style="float: right; border: 1px solid #ccc; width: 208px; padding: 10px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; text-align: center; font-size: 11px; margin: 0 0 10px 20px;">
<p><strong>Want more MiniCard goodness?</strong> Purchase the premium pack to gain access to the in-built AJAX RSS feed module, several new sub-themes, priority support, and the warm fuzzy feeling you get by supporting the author! Premium is £25 GBP.</p>
<form action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input name="cmd" type="hidden" value="_s-xclick" />
<input name="hosted_button_id" type="hidden" value="9583137" />
<input alt="PayPal - The safer, easier way to pay online." name="submit" src="https://www.paypal.com/en_GB/i/btn/btn_buynow_LG.gif" type="image" /> <img src="https://www.paypal.com/en_GB/i/scr/pixel.gif" border="0" alt="" width="1" height="1" /> </form>
</div>
<p>I am releasing my MiniCard theme for wordpress which supports hCard/vCard microformats, tonnes of social networks, showing some portfolio items (optional), and more &#8211; all controllable from its own Theme Config page. This theme is free and licensed under GPL &#8211; there is also a premium pack available with many theme variations, and the footer feed functionality.</p>
<p>Read more for more information and the download links. I hope you find this theme useful and spread the word <img src='http://blue-anvil.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p><span id="more-657"></span></p>
<h2>About the Theme</h2>
<p>MiniCard is a social network/business card WordPress theme <a href="http://timvandamme.com/">inspired by Tim Van Damme&#8217;s excellent website</a>. The theme lets you add links to all the social networking sites you may be a member of, and post useful information such as bio&#8217;s and contact details. It also has built in hCard support and (optionally) lets you offer a vCard for visitors to download your contact information.</p>
<p>Another useful feature, for those with portfolios, is the ability to set up a portfolio category in which you can set up items to feature below your card. These items are shown as thumbnails/galleries and pop up in a lightbox when clicked.</p>
<p>To control all of the features of MiniCard the theme comes with a useful admin panel for setting up your networks, theme options, and contact details for your hCard.</p>
<p><p style="text-align:center"><script type="text/javascript"><!--
google_ad_client = "pub-6928386133078955";
google_ad_width = 468;
google_ad_height = 60;
google_ad_format = "468x60_as";
google_ad_type = "text_image";
google_ad_channel = "";
google_color_border = "FFFFFF";
google_color_bg = "FFFFFF";
google_color_link = "444444";
google_color_text = "444444";
google_color_url = "444444";
//-->
</script>
<script type="text/javascript"
  src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></p></p>
<p>Since this is only a lightweight mini theme, widgets are not supported. You can however run a mini blog and make posts &#8211; these are all styled and fully supported.</p>
<p>To summarise:</p>
<ul>
<li>MiniCard is free to download and licensed under GPL</li>
<li>Loads of social networks supported</li>
<li>(Optional) Ajax Loading of main navigation links</li>
<li>Portfolio functionality with lightboxes</li>
<li>Theme Config section and instructions in WordPress admin</li>
<li>Built in hCard/vCard support</li>
<li>Comes with the default theme</li>
<li>Each theme contains several variations &#8211; <em>burst, diagonal stripe, horizontal stripe, vertical stripe, tartan.</em></li>
</ul>
<h3>Setting up the social page</h3>
<p>If on the Settings &gt; Reading page you have &#8216;posts&#8217; shown on the front page, the social networking page will show by default. Otherwise if you are setting the front page make sure you give it the &#8216;home&#8217; template.</p>
<h2>About the Premium Pack</h2>
<p>The MiniCard theme itself is free, however I have created a premium pack which simply &#8216;slots in&#8217; to the free theme. This pack contains:</p>
<ul>
<li>Feed functionality &#8211; pull in RSS feeds or your choice, for example your own blog and your twitter posts. Loaded in using AJAX so the page loads faster.</li>
<li>Several sub-themes -
<ul>
<li>Blue Anvil Blue</li>
<li>Black</li>
<li>Grey</li>
<li>Pink</li>
<li>Helveticard (minimalist theme based on Jon Hicks&#8217; design for Helvetireader)</li>
</ul>
</li>
</ul>
<p>You also get a warm fuzzy feeling inside knowing that you have helped support the author (me).</p>
<h2>Screenshots</h2>

<a href='http://blue-anvil.com/archives/minicard-theme-for-wordpress-a-cool-free-business-cardsocial-network-theme/firefox-2/' title='Theme Config'><img width="150" height="150" src="http://blue-anvil.com/wp-content/uploads/2009/11/Firefox-2-150x150.png" class="attachment-thumbnail" alt="Theme Config" title="Theme Config" /></a>
<a href='http://blue-anvil.com/archives/minicard-theme-for-wordpress-a-cool-free-business-cardsocial-network-theme/firefox-3/' title='Helveticard Theme'><img width="150" height="150" src="http://blue-anvil.com/wp-content/uploads/2009/11/Firefox-3-150x150.png" class="attachment-thumbnail" alt="Helveticard Theme" title="Helveticard Theme" /></a>
<a href='http://blue-anvil.com/archives/minicard-theme-for-wordpress-a-cool-free-business-cardsocial-network-theme/firefox-4/' title='Pink Tartan theme'><img width="150" height="150" src="http://blue-anvil.com/wp-content/uploads/2009/11/Firefox-4-150x150.png" class="attachment-thumbnail" alt="Pink Tartan theme" title="Pink Tartan theme" /></a>
<a href='http://blue-anvil.com/archives/minicard-theme-for-wordpress-a-cool-free-business-cardsocial-network-theme/firefox-5/' title='Grey Tartan theme'><img width="150" height="150" src="http://blue-anvil.com/wp-content/uploads/2009/11/Firefox-5-150x150.png" class="attachment-thumbnail" alt="Grey Tartan theme" title="Grey Tartan theme" /></a>
<a href='http://blue-anvil.com/archives/minicard-theme-for-wordpress-a-cool-free-business-cardsocial-network-theme/firefox-6/' title='Black burst theme'><img width="150" height="150" src="http://blue-anvil.com/wp-content/uploads/2009/11/Firefox-6-150x150.png" class="attachment-thumbnail" alt="Black burst theme" title="Black burst theme" /></a>
<a href='http://blue-anvil.com/archives/minicard-theme-for-wordpress-a-cool-free-business-cardsocial-network-theme/firefox-8/' title='Default burst theme'><img width="150" height="150" src="http://blue-anvil.com/wp-content/uploads/2009/11/Firefox-8-150x150.png" class="attachment-thumbnail" alt="Default burst theme" title="Default burst theme" /></a>
<a href='http://blue-anvil.com/archives/minicard-theme-for-wordpress-a-cool-free-business-cardsocial-network-theme/firefox-9/' title='Blue Anvil blue burst theme'><img width="150" height="150" src="http://blue-anvil.com/wp-content/uploads/2009/11/Firefox-9-150x150.png" class="attachment-thumbnail" alt="Blue Anvil blue burst theme" title="Blue Anvil blue burst theme" /></a>
<a href='http://blue-anvil.com/archives/minicard-theme-for-wordpress-a-cool-free-business-cardsocial-network-theme/firefox-10/' title='Portfolio Section'><img width="150" height="150" src="http://blue-anvil.com/wp-content/uploads/2009/11/Firefox-10-150x150.png" class="attachment-thumbnail" alt="Portfolio Section" title="Portfolio Section" /></a>
<a href='http://blue-anvil.com/archives/minicard-theme-for-wordpress-a-cool-free-business-cardsocial-network-theme/firefox-11/' title='Main footer feed output'><img width="150" height="150" src="http://blue-anvil.com/wp-content/uploads/2009/11/Firefox-11-150x150.png" class="attachment-thumbnail" alt="Main footer feed output" title="Main footer feed output" /></a>
<a href='http://blue-anvil.com/archives/minicard-theme-for-wordpress-a-cool-free-business-cardsocial-network-theme/firefox/' title='More theme options'><img width="150" height="150" src="http://blue-anvil.com/wp-content/uploads/2009/11/Firefox-150x150.png" class="attachment-thumbnail" alt="More theme options" title="More theme options" /></a>
<a href='http://blue-anvil.com/archives/minicard-theme-for-wordpress-a-cool-free-business-cardsocial-network-theme/minicard/' title='minicard'><img width="150" height="100" src="http://blue-anvil.com/wp-content/uploads/2009/11/minicard-150x100.jpg" class="attachment-thumbnail" alt="minicard" title="minicard" /></a>

<h2>Demo</h2>
<p>I personally set up my MiniCard Theme to <a href="http://mikejolley.com/">demonstrate the theme in use</a>. You will notice the feed below my card &#8211; this is part of the premium pack.</p>
<h2>Download MiniCard (free)</h2>
<p><a href="http://wordpress.org/extend/themes/minicard">Download MiniCard from the WordPress Themes Directory →</a></p>
<h2>Purchase the Premium Pack (£25)</h2>
<input name="cmd" type="hidden" value="_s-xclick" />
<input name="hosted_button_id" type="hidden" value="9583137" />
<input alt="PayPal - The safer, easier way to pay online." name="submit" src="https://www.paypal.com/en_GB/i/btn/btn_buynow_LG.gif" type="image" /> <img src="https://www.paypal.com/en_GB/i/scr/pixel.gif" border="0" alt="" width="1" height="1" /></p>
<h2>Support</h2>
<p>Questions? Bug Reports? Feedback? Contact me &#8211; priority will be given to premium pack purchasers.</p>
<h2>Licence &amp; Donate</h2>
<p>The MiniCard theme is licensed under GPL (http://www.opensource.org/licenses/gpl-3.0.html). You may remove the link back in the footer, but I would appreciate if your attributed my work. Remember, the more popular the theme becomes, the more likely it is maintained and updated in the future.</p>
<p>If you wish to make a donation because you like this theme, you can use the &#8216;Buy me a coffee&#8217; link below, buy the premium pack, or both <img src='http://blue-anvil.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://blue-anvil.com/archives/minicard-theme-for-wordpress-a-cool-free-business-cardsocial-network-theme/feed/</wfw:commentRss>
		<slash:comments>285</slash:comments>
		</item>
		<item>
		<title>miniXFN Icon set &amp; XFN CSS implementation</title>
		<link>http://blue-anvil.com/archives/minixfn-icon-set-xfn-css-implementation/</link>
		<comments>http://blue-anvil.com/archives/minixfn-icon-set-xfn-css-implementation/#comments</comments>
		<pubDate>Wed, 14 Feb 2007 14:03:30 +0000</pubDate>
		<dc:creator>Mike Jolley</dc:creator>
				<category><![CDATA[Web design & development]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[icon]]></category>
		<category><![CDATA[microformat]]></category>
		<category><![CDATA[XFN]]></category>

		<guid isPermaLink="false">http://82.110.105.91/blue-anvil.co.uk/?p=42</guid>
		<description><![CDATA[XFN (XHTML Friends Network) is a microformat which represents relationships between people with hyperlinks and the use of a simple HTML tag. They can represent colleagues, contacts, sweethearts, friends and more! Based on the XFN icon set by Wolfgang Bartelme I have created a small set of mini icons (9&#215;10 pixels) to represent these links [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://blue-anvil.com/miniXFNicons/xfnpost.jpg" class="floatleft" style="float:left;margin:0 4px 4px 0" alt="XML mini Icons" /></p>
<p>XFN (XHTML Friends Network) is a microformat which represents relationships between people with hyperlinks and the use of a simple HTML tag.</p>
<p>They can represent colleagues, contacts, sweethearts, friends and more!</p>
<p>Based on the XFN icon set by <a href="http://bartelme.at/">Wolfgang Bartelme</a> I have created a small set of mini icons (9&#215;10 pixels) to represent these links between people. I have also made a CSS file which shows the relevant icon when the correct XFN rel tag is present.</p>
<p><span id="more-42"></span></p>
<h2>How to create an XFN link</h2>
<p>XFN links are very simple to create, they simply list the relationships in a &#8216;rel&#8217; tag in the anchor, for example:</p>

<div class="wp_syntax"><div class="code"><pre class="html" style="font-family:monospace;">&lt;a href=&quot;http://blue-anvil.com&quot; rel=&quot;me&quot;&gt;Blue Anvil&lt;/a&gt;</pre></div></div>

<p>The above example show a link to my site, therefore marked as &#8216;me&#8217; in the &#8216;rel&#8217; tag. To create your own, you can use the official <a href="http://gmpg.org/xfn/creator">XFN creator</a> which is a very nice, simple, tool.</p>
<h2>My Icons</h2>
<p><img class="floatleft" src="http://blue-anvil.com/miniXFNicons/allicons.gif" alt="Mini XFN icons" /></p>
<p>First off, the icons. As i said before, i based them on the icons by <a href="http://bartelme.at/">Wolfgang Bartelme</a> found on the <a href="http://www.factorycity.net/projects/microformats-icons/">Microformats icons website</a>.</p>
<p><a href="http://blue-anvil.com/download/miniXFN_icons.zip">Download the icons here.</a> &#8211; Downloaded 846 times.
<p>My mini-icons are free to use, just don&#8217;t claim them as your own, and a link would be nice <img src='http://blue-anvil.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<h2>My CSS</h2>
<p>My CSS file, basically, looks for a present REL tag, then styles the link based on the present styles. It cascades, picking out the right icon depending on the rel tag.</p>
<p>It works with modern browsers that support CSS pattern matching.</p>
<p><a href="http://blue-anvil.com/download/XFNiconsCSS.zip">Download the CSS file here.</a> &#8211; Downloaded 769 times.<br />
<h2>See it all working</h2>
<p>I have set up a demo page showing the icons and css file, which you can <a href="http://blue-anvil.com/miniXFNicons/demo.html">view here.</a></p>
<p>I hope you find my icons prove useful!</p>
]]></content:encoded>
			<wfw:commentRss>http://blue-anvil.com/archives/minixfn-icon-set-xfn-css-implementation/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
	</channel>
</rss>

