<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>HTML Fractals</title>
    <link rel="stylesheet" type="text/css" href="/css/style.css" />
  </head>
  <body>
    <h1>HTML Fractals</h1>
    <nav>
      <ul>
	<li><a href="/dragon_curve">Dragon Curve</a></li>
	<li><a href="/barnsley_fern">Barnsley Fern</a></li>
	<li><a href="/sierpinsky_triangle">Sierpinsky Triangle</a></li>
	<li><a href="/plant">Fractal Plant</a></li>
      </ul>
    </nav>
  </body>
</html>

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>HTML Fractals</title>
    <link rel="stylesheet" type="text/css" href="/css/style.css" />
  </head>
  <body>
    <h1>HTML Fractals</h1>
    <nav>
      <ul>
	<li><a href="/dragon_curve">Dragon Curve</a></li>
	<li><a href="/barnsley_fern">Barnsley Fern</a></li>
	<li><a href="/sierpinsky_triangle">Sierpinsky Triangle</a></li>
	<li><a href="/plant">Fractal Plant</a></li>
      </ul>
    </nav>

    <div id='lsys'>
      <h2>L-Systems</h2>
      <form>
	<label for="alphabet">Alphabet</label><br/>
	<input name="alphabet" type="text" /><br/>
	<label for="axiom">Axiom</label><br/>
	<input name="axiom" type="text" /><br/>
	<label for="rules">Rules</label><br/>
	<input name="rules" type="text" /><br/>
	<input type="submit" value="Create" />
      </form>

      <canvas id="lsys_canvas" height="800" width="800"></canvas>
    </div>
  </body>
</html>

Add L-System drawing form to main page
Add L-System drawing form to main page
