Quick Start

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. To learn more, read usage.

<!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">
        GENETIFY_CONFIG = {
            USE_COOKIE: false //remove this in production
        };
    </script>
    <script type="text/javascript" src="http://app.genetify.com/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>

Last edited by gregdingle, Tue Sep 15 15:15:00 -0700 2009

Home | Edit | New

Versions:

Quick Start

Pages