Skip to content
This repository has been archived by the owner on Feb 5, 2019. It is now read-only.

Quick Start

Jump to bottom
gregdingle edited this page Sep 13, 2010 · 6 revisions

If you want to get started with genetify as quickly as possible, copy the code below and save it as an HTML document. It should work straight away in any web browser with an internet connection. A control panel can be called up that you can use to play with the included examples. Once you’re comfortable, modify the code to suit your needs.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
     "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>

    <!-- genetify setup -->
    <style type="text/css" media="all">
         .v { display: none; }
         .genetify_disabled { display: none !important; }
         .genetify_enabled { display: block !important; }
    </style>
    <script type="text/javascript" src="genetify.js"></script>

    <!-- genetified CSS -->
    <style type="text/css" media="all">
         #box { border: 10px solid red;  }
         #box_vBlue { border: 10px solid blue; }
         #box_vBlack { border: 10px solid black; }
    </style>

</head>
<body>

    <!-- genetified HTML -->
    <div id="box">
         <h1 class="noise">bash!</h1>
         <h1 class="noise v bang">bang!</h1>
         <h1 class="noise v boom">boom!</h1>
         <h2><a href="#" onmousedown="genetify.record.goal('quick start', 1)">
             lightning strikes
         </a></h2>
         <h3>Press CTRL-G to show control panel and results</h3>
    </div>

    <!-- apply genetify -->
    <script type="text/javascript">genetify.vary();</script>

</body>
</html>
Clone this wiki locally