Created with Admarket’s flickrSLiDR.

We also have portfolios of the work that our artists and programmers completed before joining D2Coding. Be watching for links to their personal portfolios.

We unveiled the game at the Topeka Arts Symposium April 8th. Thank you ArtsConnect for inviting us to the Symposium!

Please checkout the Facebook page for Stroke of Genius! as well.

There’s not a “help” section to the game yet, but checking out the Tutorial posts will give you a good feel for how the game is played.

Any feedback is appreciated. Thank you for participating in our public Beta of Stroke of Genius!

The navigation is considered stateful because it knows which state it should be in for a given page. You will notice that whichever page you are on, that page’s image is displayed in the middle of the slider, no matter where the image was when you left the last page. This makes sense, because often users wonder “Where am I?” on a site, which is why breadcrumbs, were created, and that is why links in some navigations are different colors for the current page.

The blog theme I am using isn’t very flexible, so please click to open in a new window and see this navigation as it could look on one of your client’s sites.

The navigation above can be configured by modifying a text file that configures the navigation item’s image, the item’s url, the caption and within the caption, the text colors. A snippet of the configuration text follows:

<items>
<item>
<imageURL>images/cliffTree.jpg</imageURL>
<itemId>cliffTree.html</itemId>
<headerCaption><![CDATA[<font color="#431F81"><b>Cliff Tree</b></font><font color="#000000"> - Number One</font>]]></headerCaption>
</item>
<item>
<imageURL>images/desert.jpg</imageURL>
<itemId>desert.html</itemId>
<headerCaption><![CDATA[<font color="#431F81"><b>Desert</b></font><font color="#000000"> - Number Two</font>]]></headerCaption>
</item>
<item>
<imageURL>images/forest.jpg</imageURL>
<itemId>forest.html</itemId>
<headerCaption><![CDATA[<font color="#431F81"><b>Forest</b></font><font color="#000000"> - Number Three</font>]]></headerCaption>
</item>

The configuration file is simple enough that someone who doesn’t know Flash should be able to modify the navigation to their liking. With some new images and a couple of tweaks to the configuration, you could turn this navigation into completely new looking navigation.

The blog theme I am using isn’t very flexible, so please click to open in a new window and see this banner as it could look on one of your client’s sites.

The banner above can be configured by modifying a text file that configures the background image, the transition images, the transition titles and the transition text. A snippet of the configuration text follows:

<headerTransistions>
<transition>
<staticBgImg>images/background.png</staticBgImg>
<scrollFromLeftImg>images/cliffTree.png</scrollFromLeftImg>
<scrollFromRightImg>images/desert.png</scrollFromRightImg>
<headerTitle>Innovative</headerTitle>
<headerText><![CDATA[Bringing the best technologies to reach your audience, we help define your image in the digital world. Because even when you're off-line, your reputation is still on the line.]]></headerText>
</transition>
<transition>
<staticBgImg>images/background.png</staticBgImg>
<scrollFromLeftImg>images/forest.png</scrollFromLeftImg>
<scrollFromRightImg>images/glacier.png</scrollFromRightImg>
<headerTitle>Experienced</headerTitle>

It is pretty clear what pieces of the configuration file should be modified to change the banner to your liking. It doesn’t take someone that knows Flash to turn this banner into a completely new looking banner.