HeavenGames Tech Blog : Archives for August 2007 http://techblog.heavengames.com/articles/2007/08.rss en-us 40 The other HG blog. StarCraft II Heaven Launched <p>If you haven&#8217;t seen it or heard about it already, <a href="http://starcraft2.heavengames.com">StarCraft II Heaven</a> was recently launched. The site represents a few changes at HeavenGames, some of which may not be readily visible:</p> <h3>Zope out; Radiant in</h3> <p>For StarCraft II Heaven we have switched to using <a href="http://www.radiantcms.org">Radiant <span class="caps">CMS</span></a>, a simple yet elegant <span class="caps">CMS</span> based on the <a href="http://www.rubyonrails.org">Ruby on Rails</a> framework. This change has allowed for rapid development of extensions, something we have not been able to do before with Zope 2.x.</p> <p>The major reason for the switch is ease of use. In Zope our staff was required to learn the basic <span class="caps">DTML</span> markup that is required for their content to use the default template, in addition to knowing <span class="caps">HTML</span> to format their text. This presented an obstacle to staff who are writers &#8211; in addition to knowing the craft of writing, they have to learn how to code for the web, which for some is challenging and a waste of time.</p> <p>Radiant comes with the ability to markup your text using <a href="http://textism.com/tools/textile/">Textile</a>, which is like wiki markup but more natural (and doesn&#8217;t automatically link to CamelCasedWords). Some of the basic formatting codes are easier to use &#8211; even easier than BBCode. For example, to make something bold, you just surround it with asterisks (<code>*like so*</code>), and to make a <a href="http://techblog.heavengames.com">link</a>, you separate the text with a colon, like so: <code>"link":http://techblog.heavengames.com</code>. A <a href="http://hobix.com/textile/">full reference</a> is available online.</p> <p>Oh, what&#8217;s even better is that <span class="caps">HTML</span> can peacefully coexist with the markup, so staff that wants full control over the <span class="caps">HTML</span> are not restricted from doing so. They can also turn textile off for the whole page, or using the <code>&lt;notextile&gt; ... &lt;/notextile&gt;</code> tag around the sections that they don&#8217;t want interpreted (like what I just did with the notextile mention &#8230;)</p> <p>Textile is also <a href="http://webtypography.net/toc/">typographically</a> aware, so the little details like proper quotation marks are applied to text (i.e. &#8220;Hello&#8221; instead of &quot;Hello&quot;) without the writer having to know the <span class="caps">HTML</span> entity codes behind them (<code>&amp;rsquo;</code>, <code>rdquo;</code>, etc.).</p> <p>Along with Radiant we have started maintaining our own HG extensions which allow for easier publishing out of the box; so far we have a unit/buildings database extension; a gallery, polling system, and HG site installer extension is near completion as well. What this amounts to is less work for tech guys like me, so we can stay focused on other crucial HG technology projects.</p> <h3>New Template</h3> <p>The major visible change is that we have a new template. We&#8217;ve changed the orientation of the navigation bar from vertical to horizontal. The horizontal layout allows our sites to cover more information without overwhelming the user with many links, and without scrolling to find what information there is. For example, this new design would be awesome for a site like <a href="http://aoe3.heavengames.com">Age of Empires <span class="caps">III</span> Heaven</a>, which features a massive navigation menu.</p> <p>As a result of moving the navigation menu to the top, we now have the capability to incorporate that into the forums and downloads section, which helps unite the site&#8217;s various components into a whole.</p> <p>The other change is subtle, in that we&#8217;ve adopted a major traditional print design practice on the website to help with layout: grids. There&#8217;s two of them &#8211; a baseline grid (horizontal), and a column grid (vertical). The baseline grid aligns text and establishes a <a href="http://24ways.org/2006/compose-to-a-vertical-rhythm">vertical rhythm</a> as you read down the page, similar to how tempo and measures align notes and establishes rhythm in music.</p> <p>The other, a 12-column grid, helps with aligning text columns and also picture sizes. The column grid is assisted by the use of the <a href="http://code.google.com/p/blueprintcss/">BluePrint</a> framework, which makes designing in columns a cinch.</p> <p>As a result we get a site layout that&#8217;s easier on the eyes and content that&#8217;s easier to read. If you want to learn more about vertical grids, designer Khoi Vinh&#8217;s articles <a href="http://www.subtraction.com/archives/2004/1231_grid_computi.php">Grid Computing &#8230; and Design</a> and <a href="http://www.subtraction.com/archives/2004/1231_grid_computi.php">Oh Yeeaah!</a> are great places to start.</p> Wed, 29 Aug 2007 16:23:00 -0400 urn:uuid:a75a3e32-979d-46fb-8d5e-0bb13ec7c31a http://techblog.heavengames.com/articles/2007/08/29/starcraft-ii-heaven-launched#comments HeavenGames http://techblog.heavengames.com/articles/2007/08/29/starcraft-ii-heaven-launched Phishing/Scam Warning <p><strong>There&#8217;s no such thing as Download Heaven</strong> &#8211; If you receive any e-mails from persons purporting to be staff from such a site, ignore the e-mail and trash it. Clicking on the link contained in the email could result in your computer being infected by a trojan virus, which allows hackers to have total control over your computer, or install additional malware such as keyloggers to steal all your passwords and credit card numbers.</p> Wed, 22 Aug 2007 04:09:00 -0400 urn:uuid:d6b2b459-57dd-4d17-9b57-c301a402b7e9 http://techblog.heavengames.com/articles/2007/08/22/phishing-scam-warning#comments HeavenGames http://techblog.heavengames.com/articles/2007/08/22/phishing-scam-warning