Quick Start

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. 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>

Clone this wiki locally
You can’t perform that action at this time.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session.
Press h to open a hovercard with more details.