Parrot Logo

Template Toolkit Source Template

[% title  = 'Parrot Logo'
   orange = '#ff9900'
   white  = '#ffffff'
   black  = '#000000'
   blue   = '#0000e0'
   red    = '#FF0000'
   parrot = 'http://parrotcode.org/'
   gimp   = 'http://gimp.org/'
   newsci = 'http://www.newscientist.com/'
   tt2    = 'http://tt2.org/'
   font   = 'Verdana, Arial, Helvetica, sans-serif'
-%]
[% USE filename = format('parrot_%s.%s') -%]
[% html.headers = BLOCK -%]
<style rel="stylesheet" type="text/css">
<!--
p { 
    font-family: [% font %];
    font-size: 12px; 
    line-height: 14px; 
    text-decoration: none; 
    color: [% black %]
}

p.filename { 
    font-size: 13px; 
    font-weight: bold; 
    line-height: 15px; 
    margin-top: 2px;
    margin-bottom: 0px;
}

p.fileinfo { 
    font-size: 10px; 
    line-height: 12px; 
    margin-top: 2px;
}

a { 
    font-family: [% font %];
    color: [% blue %] 
}

a:hover { 
    color: [% red %] 
}

-->
</style>
[% END -%]
[% WRAPPER html/page html.head.title=title %]

<a href="[% parrot %]"><img 
   src="images/parrot_200x100.png" 
   width="200" height="100" border="0" align="right"
   alt="Parrot home perch: [% parrot %]"
></a>

<h1>[% title %]</h1>

<p>
Here is a parrot logo that I was inspired to create after seeing a 
rather nice picture of a parrot in <a href="[% newsci %]">New Scientist</a>.
</p>

<p>
The vector outline of the logo was created using Adobe Illustrator version
8.  Here's the Illustrator <b>.ai</b> file:
</p>
<ul>
[% INCLUDE fileinfo file='parrot.ai' %]
</ul>

<p>
This was then imported into Adobe Photoshop version 6 for colouring,
applying effects and exporting to GIF and PNG formats in various sizes.
Here's the Photoshop <b>.psd</b> file, you can view and edit it
using the Gimp (<a href="[% gimp %]">[% gimp %]</a>):
</p>
<ul>
[% INCLUDE fileinfo file='parrot.psd' %]
</ul>

<p>
The smallest images (110x54) are 3 colour (white, black, orange).  For the 
larger images, the <b>.png</b> files are 24 bit RGB colour while the 
<b>.gif</b> files are 8-bit indexed images with an optimised palette.
Note that the orange colour has the RGB hex triplet of <b>[% orange %]</b>
and is one of the colours in the web safe palette as well as being Leon's 
favourite colour.  
</p>

<p>
The logo is <b>&copy; Copyright 2002 Andy Wardley, All Rights Reserved.</b>
<br/>
Permission is hereby granted for the logo to be used freely for any
non-commerical purpose related to the Parrot virtual machine project.
</p>

<p>
For further information about Parrot, see 
<a href="[% parrot %]">[% parrot %]</a>
</p>

<table border="0" cellpadding="0" cellspacing="2" bgcolor="[% black %]">
[% FOREACH size = [ '110x54', '200x100', '400x200' ] %]
<tr bgcolor="[% white %]">
[% FOREACH ext = [ 'png', 'gif' ]; file = filename(size, ext) -%]
<td>
  <table border="0" width="100%" cellpadding="2" cellspacing="0">
  <tr bgcolor="[% white %]">
    <td><img src="images/[% file %]"></td>
  </tr>
  <tr bgcolor="[% orange %]">
    <td>[% INCLUDE fileinfo %]</td>
  </tr>
  </table>
</td>
[%- END -%]
</tr>
[% END %]

[% FOREACH size = [ '800x400' ]; 
     FOREACH ext = [ 'png', 'gif' ];
       file = filename(size, ext) -%]
<tr bgcolor="[% white %]">
<td colspan="2">
  <table border="0" width="100%" cellpadding="2" cellspacing="0">
  <tr bgcolor="[% white %]">
    <td><img src="images/[% file %]"></td>
  </tr>
  <tr bgcolor="[% orange %]">
    <td>[% INCLUDE fileinfo %]</td>
  </tr></table></td>
</tr>
[% END; END %]
</table>

<p>
This page was generated using the <a href="[% tt2 %]">Template Toolkit</a>.
You can look at the <a href="source.html">source code</a> if you're 
interested in such matters.
</p>

[% END %]

[% BLOCK fileinfo %]
<p class="filename">
<a href="images/[% file %]">[% file %]</a>
</p>
<p class="fileinfo">
[% PERL %]
my $file = "[% dir %]/images/[% file %]";
print((stat($file))[7], ' bytes');
[% END %]
</p>
[% END %]