<?xml version="1.0"?>
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
* dlg-easter-egg.html
*
* Content displayed as program's easter egg. References required style sheet
* and JavaScript code.
*
* $Rev$
* $Date$
*
* ***** BEGIN LICENSE BLOCK *****
*
* Version: MPL 1.1
*
* The contents of this file are subject to the Mozilla Public License Version
* 1.1 (the "License"); you may not use this file except in compliance with the
* License. You may obtain a copy of the License at http://www.mozilla.org/MPL/
*
* Software distributed under the License is distributed on an "AS IS" basis,
* WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License for
* the specific language governing rights and limitations under the License.
*
* The Original Code is dlg-easter-egg.html.
*
* The Initial Developer of the Original Code is Peter Johnson
* (http://www.delphidabbler.com/).
*
* Portions created by the Initial Developer are Copyright (C) 2009 Peter
* Johnson. All Rights Reserved.
*
* Contributors:
* NONE
*
* ***** END LICENSE BLOCK *****
-->
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>
dlg-easter-egg
</title>
<link rel="stylesheet" type="text/css" href="easteregg.css"; />
<script type="text/javascript" src="easteregg.js"></script>
</head>
<body onload="init();">
<!-- Two halves of the easter egg - they slide apart, start off closed -->
<div class="egg" id="egg-top" style="top:50px;z-index:1;">
<img
src="easter-egg-top.png"
class="egg"
onclick="breakEgg();return false;"
/>
</div>
<div class="egg" id="egg-bottom" style="top:50px;z-index:8;">
<img
src="easter-egg-bottom.png"
class="egg"
onclick="breakEgg();return false;"
/>
</div>
<!-- Cancel image, positioned relative to browser window. Click event is
handled in owning Delphi form -->
<div
id="cancel"
style="z-index:20;"
>
<img
id="cancel-btn"
src="cancel.png"
title="Close"
onmousemove="setImage('cancel-btn', 'cancel-glow.png');"
onmouseout="setImage('cancel-btn', 'cancel.png');"
/>
</div>
<!-- Click me image that appears above closed egg -->
<div id="click-me" style="z-index:12;">
<img
src="click-me.png"
onclick="breakEgg();return false;"
/>
</div>
<!-- Content of scrolling text div -->
<div id="blurb" style="z-index:4;">
<!-- Padding that keeps content hidden before animation starts -->
<div class="padding" style="height:250px;"> </div>
<!-- Main content -->
<h1>
So who is DelphiDabbler?
</h1>
<p>
Here's me, Peter Johnson, aka DelphiDabbler, on holiday in Somerset, UK,
in 2009, peeling from sunburn. Taken by my darling wife.
</p>
<p class="photo">
<img
src="pj.jpg"
style="width:300px;height:204px;"
/>
</p>
<h1>
My Other Passion
</h1>
<p>
I have another passion when I'm not Delphi-dabbling and that's
classic and sports cars – "hairy chested" British
sports cars being my particular favourites.
</p>
<p class="photo">
<img
src="tvr.jpg"
style="width:300px;height:153px;"
/>
</p>
<p>
This is my 1996 <em>TVR Chimaera 400</em>. It leaks and uses a too much
petrol, but it ain't half fun! Seen here on a rare sunny day in
Somerset, with the roof panel off. Yep, that explains the burnt
forehead!
</p>
<p>
<em>TVRs</em> sum up the British sports car thing for me – they
were hand built in a small factory in Blackpool that was run on a
shoestring. But those guys had a hell of a feel for what makes an
entertaining sports car.
</p>
<p class="esc">
<strong>Press <em>ESC</em> to close.</strong>
</p>
<!-- Padding that allows end of content to scroll off top of div -->
<div class="padding" style="height:300px;"> </div>
</div>
<!-- End of scrolling div -->
<!-- Links that appear in bottom egg after text has scrolled up once -->
<div id="more-info" style="display:none;z-index:10;">
<div>
<a
href="http://www.delphidabbler.com/background"
class="external-link"
>More about DelphiDabbler</a>
</div>
<div style="margin-top:0.5em;">
<a
href="http://en.wikipedia.org/wiki/TVR"
class="external-link"
>More about TVRs</a>
</div>
<div style="margin-top:0.5em;">
ESC to close
</div>
</div>
</body>
</html>
