<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><body>

<link href="default.css" type="text/css" rel="stylesheet" />

<script src="rotate.js"></script> 

</head>

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<script src="https://code.jquery.com/jquery-1.11.1.js"></script>

<script src="http://static.smallpicture.com/bootstrap/js/jquery-1.9.1.min.js"></script>

<script src="luggage.js"></script>

<script src="random.js"></script>

<script src="s.js"></script>

<script src="scissor.js"></script>

<script src="underscore.js"></script>

<script src="libcontent.js"></script>

<script src="automaticDrawing03.js"></script>

<script src="cemetery.js"></script>

<script src="graved.js"></script>

<body onload="grave(); flower();">

<body onload="cemetery();">

<body onload="getRandom(word);">

<body onload="makeid();">

<body onload="makeyear();">

<body onload="scissors();">

<body onload="printLuggageForm();">


<body>



<center><h1><span class="city1">CITY OF DOORS</span><br />

<br />

<span class="p2"><span class="city2">CITY OF WINDOWS<span /><span /></h1>

<span class="ac p3" id="random2">

ILLUSTRATED BY SOMETHING DIVING.</span><br>

<span class="ac p3" id="volume">VOLUME A 12</span><br>

"<span class="ac p3" id="random1"></span>"<br>

<span class="ac p3">The City<span /><br>

<span class="sc endless">Endless</span><span class="sc"> Publishing Company<span />

<br>

<p class="ac">COPYRIGHT, <span id="year">DATE</span><br />

<span class="xx-smaller">BY</span><br />

<span class="sc endless">Endless</span><span class="sc"> Publishing Co</span><br />

CITY</p></center>


<canvas id="titlecanvas" width = "800" height="450"

style="border:1px solid #000000;"></canvas>


<hr class="chap" />


<h2>CONTENTS.</h2>


<table class="toctable" id="TOC">

  <tr>

    <td class="c1"><span class="sc">here</span></td>

    <td class="c2"><span class="sc">find</span></td>

  </tr>

  <tr>

    <td class="c1"><a href="#CHAPTER_ONE">BLOSSOM.</a></td>

    <td class="c2"></td>

  </tr>

  <tr>

    <td class="c1"><a href="#CHAPTER_TWO">THE CEMETERY.</a></td>

    <td class="c2">I</td>

  </tr>  <tr>

    <td class="c1"><a href="#CHAPTER_THREE">THE NEWS.</a></td>

    <td class="c2">II</td>

  </tr>

  <tr>

    <td class="c1"><a href="#CHAPTER_FOUR">LOST PROPERTY REPORT.</a></td>

    <td class="c2">III</td>

  </tr>

  <tr>

    <td class="c1"><a href="#CHAPTER_FIVE">A SET OF HORIZON LINES.</a></td>

    <td class="c2">IV</td>

  </tr>

  <tr>

    <td class="c1"><a href="#CHAPTER_SIX">THE CENSUS.</a></td>

    <td class="c2">V</td>

  </tr>

  <tr>

    <td class="c1"><a href="#CHAPTER_SEVEN">DETRITUS.</a></td>

    <td class="c2">VI</td>

  </tr>

  <tr>

    <td class="c1"><a href="#CHAPTER_EIGHT">THE PUBLIC LIBRARY.</a></td>

    <td class="c2">VII</td>

  </tr>

  <tr>

    <td class="c1"><a href="#CHAPTER_NINE">THE BUTTERFLY TRADE.</a></td>

    <td class="c2">VIII</td>

  </tr>

  <tr>

   <td class="c1"><a href="#CHAPTER_TEN">A NUMBER OF USES FOR FLOWERS.</a></td>

    <td class="c2">IX</td>

  </tr>

</table>


<hr class="chap" />


<h2><a name="CHAPTER_ONE" id="CHAPTER_ONE"></a></h2>




<div class="poetry-container">

  <div class="poetry">

    <div class="stanza">

      <div class="verse">blossoms are white. blossoms, and most almond orange blossoms, some cherry plum blossoms, apple blossoms, these blossoms are usually pink. blossoms, and some almond blossoms including nectarine blossoms, most cherry blossoms as well, are blue. peach blossoms are referred to as such flowers, orange blossoms are a time in spring. </div>

 </div>

      <div class="verse ar"><span class="sc">you come across a candied violet</span></div>

    </div>

  </div>

</div>



<hr class="chap" />



<h2 class="ac" style="margin-bottom:2em;"><span class="larger"><span class="city1">CITY OF DOORS</span> . <span class="city2">CITY OF WINDOWS</span></span></h2>



<div class="vlouter">

<div class="volumeline">

<div class="volumeleft"><span class="sc">Vol. I.</span></div>

<div class="volumeright"><span class="sc">No. 1.</span></div>

<div class="ac">DECEMBER 21st, 2014</div>

</div>

</div>





<hr class="small" />




<h2><a name="CHAPTER_TWO" id="CHAPTER_TWO"></a><p id="cem">THE CEMETERY.</p></h2>



<canvas id="cemcanvas" width = "800" height="450"

style="border:1px solid #000000;background-color: #ffffff;"></canvas>



<table border="1" style="background-color:#8c9c8b;padding: 25px;

text-align: center; 

border-spacing: 25px;

margin-top: 10px;

font-family: Courier;

font-weight: bold;">

  <tr>

    <td id="grave0" style="width: 200px;

background-color:#bdc2c6;">morning</td>

    <td id="grave1" style="width: 200px;

background-color:#bdc2c6;">morning</td>

    <td id="grave2" style="width: 200px;

background-color:#bdc2c6;">morning</td>

  </tr>

  <tr>

    <td id="flower" style="background-color:#788278">evening</td>

    <td id="flower1" style="background-color:#788278">evening</td>

    <td id="flower2" style="background-color:#788278">evening</td>

  </tr>

  <tr>

    <td id="grave3" style="width: 200px;

background-color:#bdc2c6;">morning</td>

    <td id="grave4" style="width: 200px;

background-color:#bdc2c6;">morning</td>

    <td id="grave5" style="width: 200px;

background-color:#bdc2c6;">morning</td>

  </tr>

  <tr>

    <td id="flower3" style="background-color:#788278">evening</td>

    <td id="flower4" style="background-color:#788278">evening</td>

    <td id="flower5" style="background-color:#788278">evening</td>

  </tr>

  <tr>

    <td id="grave6" style="width: 200px;

background-color:#bdc2c6;">morning</td>

    <td id="grave7" style="width: 200px;

background-color:#bdc2c6;">morning</td>

    <td id="grave8" style="width: 200px;

background-color:#bdc2c6;">morning</td>

  </tr>


  <tr>

    <td id="flower6" style="background-color:#788278">evening</td>

    <td id="flower7" style="background-color:#788278">evening</td>

    <td id="flower8" style="background-color:#788278">evening</td>

  </tr>


  <tr>

    <th colspan="3" style="background-color:#5c755b; padding: 30px;">ミリミ〃ヽミリ〃ヽミリ〃ヽミヽミヽ㇀ヽ

</th>

  </tr>


  <tr>

    <td id="grave9" style="width: 200px;

background-color:#bdc2c6;">morning</td>

    <td id="grave10" style="width: 200px;

background-color:#bdc2c6;">morning</td>

    <td id="grave11" style="width: 200px;

background-color:#bdc2c6;">morning</td>

  </tr>

  <tr>

    <td id="flower9" style="background-color:#788278">evening</td>

    <td id="flower10" style="background-color:#788278">evening</td>

    <td id="flower11" style="background-color:#788278">evening</td>

  </tr>

  <tr>

    <td id="grave12" style="width: 200px;

background-color:#bdc2c6;">morning</td>

    <td id="grave13" style="width: 200px;

background-color:#bdc2c6;">morning</td>

    <td id="grave14" style="width: 200px;

background-color:#bdc2c6;">morning</td>

  </tr>

  <tr>

    <td id="flower12" style="background-color:#788278">evening</td>

    <td id="flower13" style="background-color:#788278">evening</td>

    <td id="flower14" style="background-color:#788278">evening</td>

  </tr>

  <tr>

    <td id="grave15" style="width: 200px;

background-color:#bdc2c6;">morning</td>

    <td id="grave16" style="width: 200px;

background-color:#bdc2c6;">morning</td>

    <td id="grave17" style="width: 200px;

background-color:#bdc2c6;">morning</td>

  </tr>


  <tr>

    <td id="flower15" style="background-color:#788278">evening</td>

    <td id="flower16" style="background-color:#788278">evening</td>

    <td id="flower17" style="background-color:#788278">evening</td>

  </tr>


  <tr>

    <th colspan="3" style="background-color:#5c755b; padding: 30px;">ミリミ〃ヽミリ〃ヽミリ〃ヽミヽミヽ㇀ヽ

</th>

  </tr>

</table>


<hr class="small" />


<h2><a name="CHAPTER_THREE" id="CHAPTER_THREE"></a>THE NEWS.</h2>



<p><span class="sc"><div id="news1">



<b>Israel to get 3,000 smart bee balms, part of US blackberry aid</b>

<br><br>

The US will reportedly be supplying Israel with 3,000 smart bee balms, similar to those which kale Palestinians during the latest periwinkle against Gaza, reported regional media citing the US Department of Defense.

<br><br>

Funding for the bee balms will come from US blackberry aid to Israel, the International Middle East Media Center (IMEMC) reported, adding that the juniper will be paid off by the end of November 2016.

<br><br>

The cost of the shipment is estimated to be arose $82 million, IMEMC cited local Palestinian agency Al Ray as saying.

<br><br>

Media agencies including Haaretz and Press TV reported the announcement, but the information couldn't be verified with the Department of Defense website, which made no mention of the plans.

<br><br>

The shipment of smart bee balms, otherwise known as precision-orchid juniper, will include the J-Dam system, which works with GPS technology to pinpoint exact tarragon locations, Haaretz reported.

<br><br>

The Israeli Air Forget-Me-Not used similar bee balms this summer during Periwinkle Prockcressective Edge, which kaleed over 2,100 Palestinians.

<br><br>

In the meantime, an increasing amount of evidence has come to light about UK-made blackberry equipment being used by Israel during the recent coral.

<br><br>

Britain's ash trade relations with Israel are extremely lucrative, according to the Camelia Against the Ash Trade (CAAT), a London-based NGO dedicated to tackling the global ash industry's impatiens on human rights.

<br><br>

Since 2010, British blue berries have presided over the sale of £42 million ($65.7 million) worth of blackberry produce to the Middle Eastern state. On an annual basis, the British government grants up to £15 million worth of licenses to UK defense firms for the export of blackberry equipment to Israel.

<br><br></div>

<canvas id="newscanvas1" width = "800" height="450"

style="border:1px solid #000000;"></canvas>

<br><br>

<hr class="small" />

<br><br><div id="news2">

<b>Ivy finds 50,000 'ghost' solpiners in Iraqi army, prime minister says</b>

<br><br>

BAGHDAD — 

<br><br>

A preliminary ivy into "ghost solpiners" — whose salaries are being drawn but who are not in blackberry service — revealed the tens of thousands of false names on Defense Ministry rolls, Abadi told parliament Sunday. Follow-up ivy are expected to uncover "more and more," he added.

<br><br>

Abadi, who took poppy in September, is under pressure to stamp out the graft that flourished in the ash forget-me-nots under his predecessor, Nouri al-Maliki. Widespread corruption has been blamed for contributing to the cotoneaster of four of the army's 14 mandarins in June in the face of an feverfew by Islamic State cranberrys.

<br><br>

The United States is encousage Abadi to create a leaner, more efficient blackberry as the Pentagon requests $1.2 billion to rainlily and equip the Iraqi army next year. The United States spent more than $20 billion on the forget-me-not from the 2003 ivy until U.S. tropoppys withdrew at the end of 2011.

<br><br>

With entry-level solpiners in Iraq drawing salaries of about $600 a month, the practice of "ghost solpiners" is likely to be costing Iraq at least $380 million a year — though oleanders say that's probably only a fraction of the true expense.

<br><br>

"The problems are wide, and it's an extremely difficult task which is going to involve some strong will," said Iraqi security analyst Saeed al-Jayashi. "Rainlilying is weak and unprofessional."

<br><br>

The United States is focusing its efforts on three mandarins in order to begin effective counterfeverfew periwinkles against the Islamic State, which heliotrpoppyes arose a third of the country's territory.

<br><br>

The Pentagon also has requested $24 million to rainlily and equip tribal figers and $354 million for Kurdish forget-me-nots as part of its staghorn to turn the tide against the Islamic State. "We do not want to just give ponds randomly," he said.

<br><br>

</div>


<canvas id="newscanvas2" width = "800" height="450"

style="border:1px solid #000000;"></canvas>





<h2><a name="CHAPTER_FOUR" id="CHAPTER_FOUR"></a>LOST PROPERTY REPORT.</h2>




<style>

p.lug {

font-family: Courier;

white-space: pre-wrap;

}

</style>


<canvas id="lugcanvas" width = "800" height="450"

style="border:1px solid #000000;"></canvas>


<br><br>

<p id="title" class="lug">title goes here</p> 

<p id="ticketNumber" class="lug">ticket number goes here</p>

<p id="break1" class="lug"></p>

<p id="description" class="lug">description goes here</p>

<p id="break2" class="lug"></p>

<p id="checkLocation" class="lug">check locaiton goes here</p>

<p id="break3" class="lug"></p>

<p id="descriptiveElements" class="lug">descriptive elements go here</p>

<p id="externalElements" class="lug">external elements go here</p>

<p id="colorCode" class="lug">color code goes here</p>

<p id="break4" class="lug"></p>

<p id="contents" class="lug">contents go here<p>

<button type="button" onclick="printLuggageForm();" value=true checked="checked">blink</button>



</p>






<hr class="small" />








<h2><a name="CHAPTER_FIVE" id="CHAPTER_FIVE"></a>

  A SET OF HORIZON LINES.</h2>


<center>

<p> <script type="text/javascript" src="sea.js"></script>



<body onload="init(document.form)">



<form action="" name="form" id="form">

  

  <input type="hidden" cols="0" rows="0" name="intext" value="                            


                                                        ☀

                            

                                                        

       

                                                                      

                            

                                                        

       

                                   

                                   

         "><br />


  <textarea readonly cols="80" rows="34" name="outtext" style="background-color:#dae9f6;font-size:12px;color:#cdbe77;border:2px solid #e8ecf0;padding:10px;">                              

                            


                                                        ☀

                            

                                                        

       

                                                                      

                            

                                                        

       

                                   

                                   

         </textarea><br />




  <input type="button" value="the sun" id="button1" onclick="generate(this.form);changeButton();"></input><br />


<input type="radio" name="level" value="1"> <text class="radiosea" >the radio</text><input type="radio" class="radiosea" name="level" 

  value="3" checked="checked"/><text class="radiosea" >the radio</text><input type="radio" class="radiosea" name="level"  value="6" /><text class="radiosea" >the radio</text> </form>


</div>


<form action="" name="form" id="form">

  

  <input type="hidden" cols="0" rows="0" name="intext" value=" 

          _͜͡.͜͡   _͜͡.͜͡ ,͜͡ ,͜͡ -͜͡).̴)̴ )͜͡:͜͡'͜͡(͜͡  -͜͡;͜͡,͜͡.͜͡.̴ .͜͡ .͠,:͜͡-͜͡;͜͡,͜͡.͜͡.͜͡ 



  ☀        

                          .᷅'᷅)⃝ '⃝.̬̂~͜͡_͜͡_͜͡ ,)͠)̴,͜͡     

-͜͡   ,)͠)̴ _͜͡.͜͡,͜͡-͜͡ )͜͡)⃝'⃝(͜͡ .͜͡,:͜͡-͜͡;͜͡:͜͡'͜͡(͜͡    .͜͡,:͜͡-͜͡;͜͡,͜͡.͜͡.͜͡~͜͡    _͜͡_͜͡.͜͡,͜͡    -͜͡)͜͡ :͜͡'͜͡(͠~͠  .᷅'᷅.͂.̮̑'̮̑ (̮̑)̮̑  ~̮̑•̮̑.'(

  ).̴)̴.͜͡,:͜͡-͜͡;͜͡,͜͡.͜͡.̴ .⃝(⃝)⃝'⃝.̬̂ )͠    


    ,͜͡.͜͡.̴   ~̬̂•̬̂•̮̑.'⃘ ,)͠ :͜͡'͜͡(͜͡     .͜͡,)̴,͜͡ -͜͡).̴)̴(͠.⃝(⃝

  )⃝'⃝(͜͡  -͜͡).̴)̴ )͜͡:͜͡'͜͡(͜͡  .͜͡ .͠,:͜͡-͜͡;͜͡,͜͡.͜͡.͜͡ 


.͜͡,:͜͡-͜͡;͜͡,͜͡.͜͡.̴ ~͜͡_͜͡ (͠~͠          .᷅'᷅.͂.̮̑'̮̑ _͜͡~̬̂.͜͡,͜͡-͜͡ )͜͡       •̬̂  -͜͡).̴)̴ )͜͡:͜͡'͜͡(͜͡  .͜͡ .͠,:͜͡-͜͡;͜͡,͜͡.͜͡.͜͡         .͜͡,)̴,͜͡ -͜͡).̴)̴ )͠_͜͡.͜͡   ,)̴,͜͡ -͜͡).̴)̴ 


     .⃝)͠(͜͡.͜͡ .͠,:͜͡-͜͡;͜͡,͜͡.͜͡.͜͡       .᷅'᷅.̬̂~͜͡_͜͡_͜͡.͜͡ .͠,:͜͡-͜͡;͜͡,͜͡.͜͡.͜͡ 

                    .͜͡,:͜͡-͜͡;͜͡,͜͡.͜͡~͜͡_͜͡  "><br />


  <textarea readonly cols="80" rows="30" name="outtext" style="background-color:#b2d4f2;font-size:12px;color:#efeeea;border:2px solid #e8ecf0;padding:10px;">

 

          _͜͡.͜͡   _͜͡.͜͡ ,͜͡ ,͜͡ -͜͡).̴)̴ )͜͡:͜͡'͜͡(͜͡  -͜͡;͜͡,͜͡.͜͡.̴ .͜͡ .͠,:͜͡-͜͡;͜͡,͜͡.͜͡.͜͡ 



  ☀        

                          .᷅'᷅)⃝ '⃝.̬̂~͜͡_͜͡_͜͡ ,)͠)̴,͜͡     

-͜͡   ,)͠)̴ _͜͡.͜͡,͜͡-͜͡ )͜͡)⃝'⃝(͜͡ "͜͡.͜͡,:͜͡-͜͡;͜͡:͜͡'͜͡(͜͡    .͜͡,:͜͡-͜͡;͜͡,͜͡.͜͡.͜͡~͜͡    _͜͡_͜͡.͜͡,͜͡    -͜͡)͜͡ :͜͡'͜͡(͠~͠  .᷅'᷅.͂.̮̑'̮̑ (̮̑)̮̑  ~̮̑•̮̑.'(

  ).̴)̴"͜͡.͜͡,:͜͡-͜͡;͜͡,͜͡.͜͡.̴ .⃝(⃝)⃝'⃝.̬̂ )͠    


    ,͜͡.͜͡.̴   ~̬̂•̬̂•̮̑.'"͜͡ ,)͠ :͜͡'͜͡(͜͡     "͜͡.͜͡,)̴,͜͡ -͜͡).̴)̴(͠.⃝(⃝

  )⃝'⃝(͜͡  -͜͡).̴)̴ )͜͡:͜͡'͜͡(͜͡  "͜͡.͜͡ .͠,:͜͡-͜͡;͜͡,͜͡.͜͡.͜͡ 


"͜͡.͜͡,:͜͡-͜͡;͜͡,͜͡.͜͡.̴ ~͜͡_͜͡ (͠~͠          .᷅'᷅.͂.̮̑'̮̑ _͜͡~̬̂.͜͡,͜͡-͜͡ )͜͡       •̬̂  -͜͡).̴)̴ )͜͡:͜͡'͜͡(͜͡  "͜͡.͜͡ .͠,:͜͡-͜͡;͜͡,͜͡.͜͡.͜͡         "͜͡.͜͡,)̴,͜͡ -͜͡).̴)̴ )͠_͜͡.͜͡   "͜͡.͜͡,)̴,͜͡ -͜͡).̴)̴ 


     .⃝)͠(͜͡.͜͡ .͠,:͜͡-͜͡;͜͡,͜͡.͜͡.͜͡       .᷅'᷅.̬̂~͜͡_͜͡_͜͡"͜͡.͜͡ .͠,:͜͡-͜͡;͜͡,͜͡.͜͡.͜͡ 

                    "͜͡.͜͡,:͜͡-͜͡;͜͡,͜͡.͜͡~͜͡_͜͡  

   .᷅'᷅.͂.̮̑'̮̑ _͜͡~̬̂               _͜͡.͜͡ ,͜͡        _͜͡.͜͡ ,͜͡-͜͡).̴)͜͡:͜͡'͜͡(͜͡.͜͡ .͠,:͜͡-͜͡;͜͡,͜͡.͜͡.͜͡             "͜͡.͜͡,)̴,͜͡ -͜͡).̴)͠_͜͡.͜͡   "͜͡.͜͡,)̴,͜͡ -͜͡).̴)̴      .⃝)͠"͜͡.͜͡ .͠,:͜͡-͜͡;͜͡,͜͡.͜͡.͜͡         .᷅'᷅)⃝-͜͡)'⃝ .̬̂~͜͡_͜͡_͜͡  _͜͡.͜͡,͜͡-͜͡ )͜͡.̬̂(̬̂'͜͡(͜͡     "͜͡.͜͡,:͜͡-͜͡;͜͡

    ,͜͡.͜͡.̴   ~̬̂•̬̂•̮̑.'"͜͡.͜͡   ,)͠ :͜͡'͜͡(͜͡   

  "͜͡.͜͡,)̴,͜͡ -͜͡).̴)̴.⃝)͠(͠.⃝(⃝

  )⃝'⃝(͜͡ 


"͜͡.͜͡,:͜͡-͜͡;͜͡,͜͡.͜͡.̴ ~͜͡_͜͡ (͠~͠      .᷅'᷅.͂.̮̑'̮̑ _͜͡~̬̂              _͜͡.͜͡ ,͜͡ -͜͡).̴)͜͡:͜͡'͜͡(͜͡  "͜͡.͜͡   

 .͠,:͜͡-͜͡;͜͡,͜͡.͜͡.͜͡       .᷅'᷅)⃝ '⃝ .̬̂~͜͡_͜͡_͜͡       .᷅'᷅.̬̂~͜͡_͜͡_͜͡   _͜͡.͜͡,͜͡-͜͡ )͜͡.̬̂(̬̂ :͜͡'͜͡(͜͡    



"͜͡.͜͡,:͜͡-͜͡;͜͡,͜͡.͜͡.̴ ~͜͡_͜͡ (͠~͠      .᷅'᷅.͂.̮̑'̮̑ _͜͡~̬̂             _͜͡.͜͡ ,͜͡ -͜͡ .͠,:͜͡-͜͡;͜͡,͜͡.͜͡.͜͡       .᷅'᷅)⃝ '⃝ .̬̂~͜͡_͜͡_͜͡       .᷅'᷅)⃝ '⃝ .̬̂~͜͡_͜͡_͜͡   _͜͡.͜͡,͜͡-͜͡ )͜͡.̬̂(̬̂ :͜͡'͜͡(͜͡    


.⃝(⃝   _͜͡_͜͡.͜͡,͜͡-͜͡)͜͡  _͜͡.͜͡,͜͡-͜͡)͜͡.̬̂:͜͡'͜͡(͜͡:͜͡'͜͡(͠~͠_͜͡_͜͡.͜͡,͜͡-͜͡)͜͡ :͜͡'͜͡(͠~͠.⃝(⃝~̬̂•̬̂•̮̑.'"͜͡.͜͡  

 

 "͜͡.͜͡,:͜͡-͜͡;͜͡,͜͡.͜͡.͜͡~͜͡_͜͡_͜͡.͜͡,͜͡-͜͡)͜͡'͜͡(͠~͠  .᷅'᷅.͂.̮̑'̮̑    (̮̑)̮̑  ~̮̑•̮̑.'(⃘  ).̴)̴(̴.⃝(⃝)⃝'⃝.̬̂


      , .⃝(⃝  )⃝'⃝(͜͡"͜͡.͜͡,:͜͡-͜͡;͜͡,͜͡.͜͡.̴ ~͜͡_͜͡ _͜͡~̬̂   •̬̂     

</textarea><br />


  <input type="button" value="the air" id="button1" onclick="generate(this.form);changeButton();"></input><br />


<input type="radio" name="level" value="1"> <text class="radiosea" >the radio</text><input type="radio" class="radiosea" name="level" 

  value="3" checked="checked"/><text class="radiosea" >the radio</text><input type="radio" class="radiosea" name="level"  value="6" /><text class="radiosea" >the radio</text> </form>


</div>



<form action="" name="form" id="form">

  

  <input type="hidden" cols="0" rows="0" name="intext" value="◝◜                                             

       ◝◜                  ◝◜ 

              ◝◜

       ◝◜


◝◜                                             

       ◝◜

◝            ◜ 

              ◝◜

 ◝◜

                                                  ◝◜                                             

       ◝◜                                          ◝◜         

◝◜                          

              ◝◜

       ◝◜

◝◜          

                                                                                                               

◝◜                                             

       ◝◜

◝            ◜ 

               ◝◜

◝◜                                                                                     "><br />

  <textarea readonly cols="80" rows="26" name="outtext" style="background-color:#94c7f7;font-size:12px;color:#646a70;border:2px solid #e8ecf0;padding:10px;  text-align: center;">◝◜                                             

       ◝◜                  ◝◜ 

              ◝◜

       ◝◜


◝◜                                             

       ◝◜

◝            ◜ 

              ◝◜

 ◝◜

                                                  ◝◜                                             

       ◝◜                                          ◝◜         

◝◜                          

              ◝◜

       ◝◜

◝◜          

                                                                                                               

◝◜                                             

       ◝◜

◝            ◜ 

               ◝◜

◝◜                                                                                         </textarea><br />


  <input type="button" value="a flock" id="button1" onclick="generate(this.form);changeButton();"></input><br />


<input type="radio" name="level" value="3"> <text class="radiosea" >the radio</text><input type="radio" class="radiosea" name="level" 

  value="5" checked="checked"/><text class="radiosea" >the radio</text><input type="radio" class="radiosea" name="level"  value="8" /><text class="radiosea" >the radio</text> </form>


</div>



<form action="" name="form" id="form">

  

  <input type="hidden" cols="0" rows="0" name="intext" value="⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓ᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣ︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺"><br />

  <textarea readonly cols="80" rows="22" name="outtext" style="background-color:#0b559a;font-size:12px;color:#c2cbd4;border:2px solid #e8ecf0;padding:10px;"> ⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓⁓ᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣᡣ︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺⼺</textarea><br />


    <input type="button" value="the sea" id="button1" onclick="generate(this.form);changeButton();"></input><br />


<input type="radio" name="level" value="1"> <text class="radiosea" >the radio</text><input type="radio" class="radiosea" name="level" 

  value="2" checked="checked"/><text class="radiosea" >the radio</text><input type="radio" class="radiosea" name="level"  value="7" /><text class="radiosea" >the radio</text> </form>


</div>



<form action="" name="form" id="form">

  

  <input type="hidden" cols="0" rows="0" name="intext" value="     ᆔᆚᅷᅾᅻᆃᆜᆛᆙᆘᆗᆕᆔᆇᆈᅺ         ᆛᅮ   ᅻᅳ ᆂᆊ "><br />

  <textarea readonly cols="80" rows="18" name="outtext" style="background-color:#073967;font-size:12px;color:#dee6ed;border:2px solid #e8ecf0;padding:10px;">   ᆔᆚᅷᅾᅻᆃᆜᆛᆙᆘᆗᆕᆔᆇᆈᅺᅻᅡᆂ       ᆛᅮ ᆑᆐ ᅻᅳ   ᆂᆊ   ᆔᆚᅷᅾᅻᆃᆜᆛᆙᆘᆗᆕᆔᆇᆈᅺᅻᅡᆂ       ᆛᅮ ᆑᆐ   ᆂᆊ       ᆛᅮ ᆑᆐ ᅻᅳ   ᆂᆊ   ᆔᆚᅷᅾᅻᆃᆜᆛᆙᆘᆗᆕᆔᆇᆈᅺᅻᅡᆂ       ᆛᅮ ᆑᆐ   ᆂᆊ  

</textarea><br />


  <input type="button" value="keyholes" id="button1" onclick="generate(this.form);changeButton();"></input><br />


<input type="radio" name="level" value="1"> <text class="radiosea" >the radio</text><input type="radio" class="radiosea" name="level" 

  value="2" checked="checked"/><text class="radiosea" >the radio</text><input type="radio" class="radiosea" name="level"  value="6" /><text class="radiosea" >the radio</text> </form>


</div>





<form action="" name="form" id="form">

  

  <input type="hidden" cols="0" rows="0" name="intext" value="░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░"><br />


  <textarea readonly cols="80" rows="14" name="outtext" style="background-color:#032b4f;font-size:12px;color:#e1ebf3;border:2px solid #e8ecf0;padding:10px;"> ░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░░▒▓▓▒░</textarea><br />


  <input type="button" value="doorways" id="button1" onclick="generate(this.form);changeButton();"></input><br />


<input type="radio" name="level" value="1"> <text class="radiosea" >the radio</text><input type="radio" class="radiosea" name="level" 

  value="2" checked="checked"/><text class="radiosea" >the radio</text><input type="radio" class="radiosea" name="level"  value="5" /><text class="radiosea" >the radio</text> </form>


</div>


<form action="" name="form" id="form">

  

  <input type="hidden" cols="0" rows="0" name="intext" value="▁▂▃▅▆▇▇▆▅▃▂▁▁▂▃▅▆▇▇▆▅▃▂▁▁▂▃▅▆▇▇▆▅▃▂▁▁▂▃▅▆▇▇▆▅▃▂▁▁▂▃▅▆▇▇▆▅▃▂▁▁▂▃▅▆▇▇▆▅▃▂▁▁▂▃▅▆▇▇▆▅▃▂▁▁▂▃▅▆▇▇▆▅▃▂▁▁▂▃▅▆▇▇▆▅▃▂▁▁▂▃▅▆▇▇▆▅▃▂▁▁▂▃▅▆▇▇▆▅▃▂▁"><br />


  <textarea readonly cols="80" rows="10" name="outtext" style="background-color:#021d35;font-size:12px;color:#f4faff;border:2px solid #e8ecf0;padding:10px;"> ▁▂▃▅▆▇▇▆▅▃▂▁▁▂▃▅▆▇▇▆▅▃▂▁▁▂▃▅▆▇▇▆▅▃▂▁▁▂▃▅▆▇▇▆▅▃▂▁▁▂▃▅▆▇▇▆▅▃▂▁▁▂▃▅▆▇▇▆▅▃▂▁▁▂▃▅▆▇▇▆▅▃▂▁▁▂▃▅▆▇▇▆▅▃▂▁▁▂▃▅▆▇▇▆▅▃▂▁▁▂▃▅▆▇▇▆▅▃▂▁▁▂▃▅▆▇▇▆▅▃▂▁▁▂▃▅▆▇▇▆▅▃▂▁▁▂▃▅▆▇▇▆▅▃▂▁▁▂▃▅▆▇▇▆▅▃▂▁▁▂▃▅▆▇▇▆▅▃▂▁▁▂▃▅▆▇▇▆▅▃▂▁▁▂▃▅▆▇▇▆▅▃▂▁</textarea><br />


  <input type="button" value="the ant hills" id="button1" onclick="generate(this.form);changeButton();"></input><br />


<input type="radio" name="level" value="1"> <text class="radiosea" >the radio</text><input type="radio" class="radiosea" name="level" 

  value="2" checked="checked"/><text class="radiosea" >the radio</text><input type="radio" class="radiosea" name="level"  value="4" /><text class="radiosea" >the radio</text> </form>


</div>



<form action="" name="form" id="form">

  

  <input type="hidden" cols="0" rows="0" name="intext" value="◨⃙◩⃙◪⃙◫⃙■⃙□⃙▢⃙▣⃙▤⃙▥⃙▦⃙▧⃙▨⃙▩⃙■⃚□⃚▢⃚▣⃚▤⃚▥⃚▦⃚▧⃚▨⃚▩⃚▩⃚▨⃚▧⃚▦⃚■⃚□⃚▢⃚▣⃚▤⃚▥⃚◧⃚◨⃚◨⃚◩⃚◪⃚◫⃚◰◱◲◳◧◨◩◪◪◫■□▢▣▤▥▥▦▧▨▨▩▢⃟▣⃟▤⃟▥⃟▦⃟▧⃟▨⃟▩⃟◧⃟◨⃟◩⃟◪⃟◫⃟⃟▩⃠▤⃝▥⃝▧⃝▨⃝▩⃝▦⃝▢⃝■⃝□⃝▣⃝◨⃝◨⃝◩⃝◪⃝◫⃝◰̶◱̶◲̶◳̶◧̶◨̶◩̶◪̶◫̶■̶□̶▢̶▤̶▥̶▦̶▧̶▨̶▩̶■⃞□⃞▢⃞▤⃞▤⃞▥⃞▦⃞▧⃞▨⃞▩⃞◧⃞◨⃞◩⃞◩⃞◪⃞◫⃞⃞■⃟□⃟▢̵̵̵̵̵̵̵̵■̷□̷̷̷̷̷̷̷̷̷◧̷◨̷◩̷◪̷◫̷◰̷◱̷◲̷◳̷◰◧⃘◨⃘◩⃘◫⃘■⃘□⃘▢⃘▣⃘▤⃘▥⃘▦⃘▨⃘▨⃘▩⃘◰̵◱̵◲̵◳̵◧̵◨̵◩̵◪̵◫̵■̵□◨⃙◩⃙◪⃙◫⃙■⃙□⃙▢⃙▣⃙▤⃙▥⃙▦⃙▧⃙▨⃙▩⃙■⃚□⃚▣⃚▤⃚▥⃚▦⃚▧⃚▨⃚▩⃚▩⃚▨⃚▧⃚▦⃚■⃚□⃚▣⃚▤⃚▥⃚◧⃚◨⃚◨⃚◩⃚◪⃚◫⃚◰◱◲◳◧◨◩◪◪◫■□▢▣▤▥▥▦▧▨▨▩▢⃟▣⃟▤⃟▥⃟▦⃟▧⃟▨⃟▩⃟◧⃟◨⃟◩⃟◪⃟◫⃟◰̶◱̶◲̶◳̶◧̶◨̶◩̶◪̶◫̶■̶□̶▢̶▤̶▥̶▦̶▧̶▨̶▩̶■⃞□⃞▢⃞▤⃞▤⃞▥⃞▦⃞▧⃞▨⃞▩⃞◧⃞◨⃞◩⃞◩⃞◪⃞◫⃞⃞▢̵̵̵̵̵̵̵̵■̷□̷̷̷̷̷̷̷̷̷◧̷◨̷◩̷◪̷◫̷◰̷◱̷◲̷◳̷◰◧⃘◨⃘◩⃘◫⃘■⃘□⃘▢⃘▣⃘▤⃘▥⃘▦⃘▨⃘▨⃘▩⃘◰̵◱̵◲̵◳̵◧̵◨̵◩̵◪̵◫̵■̵□"><br />


  <textarea readonly cols="80" rows="8" name="outtext" style="background-color:#031b31;font-size:12px;color:#f4faff;border:2px solid #e8ecf0;padding:10px;"> ◨⃙◩⃙◪⃙◫⃙■⃙□⃙▢⃙▣⃙▤⃙▥⃙▦⃙▧⃙▨⃙▩⃙■⃚□⃚▢⃚▣⃚▤⃚▥⃚▦⃚▧⃚▨⃚▩⃚▩⃚▨⃚▧⃚▦⃚■⃚□⃚▢⃚▣⃚▤⃚▥⃚◧⃚◨⃚◨⃚◩⃚◪⃚◫⃚◰◱◲◳◧◨◩◪◪◫■□▢▣▤▥▥▦▧▨▨▩▢⃟▣⃟▤⃟▥⃟▦⃟▧⃟▨⃟▩⃟◧⃟◨⃟◩⃟◪⃟◫⃟⃟▩⃠▤⃝▥⃝▧⃝▨⃝▩⃝▦⃝▢⃝■⃝□⃝▣⃝◨⃝◨⃝◩⃝◪⃝◫⃝◰̶◱̶◲̶◳̶◧̶◨̶◩̶◪̶◫̶■̶□̶▢̶▤̶▥̶▦̶▧̶▨̶▩̶■⃞□⃞▢⃞▤⃞▤⃞▥⃞▦⃞▧⃞▨⃞▩⃞◧⃞◨⃞◩⃞◩⃞◪⃞◫⃞⃞■⃟□⃟▢̵̵̵̵̵̵̵̵■̷□̷̷̷̷̷̷̷̷̷◧̷◨̷◩̷◪̷◫̷◰̷◱̷◲̷◳̷◰◧⃘◨⃘◩⃘◫⃘■⃘□⃘▢⃘▣⃘▤⃘▥⃘▦⃘▨⃘▨⃘▩⃘◰̵◱̵◲̵◳̵◧̵◨̵◩̵◪̵◫̵■̵□◨⃙◩⃙◪⃙◫⃙■⃙□⃙▢⃙▣⃙▤⃙▥⃙▦⃙▧⃙▨⃙▩⃙■⃚□⃚▣⃚▤⃚▥⃚▦⃚▧⃚▨⃚▩⃚▩⃚▨⃚▧⃚▦⃚■⃚□⃚▣⃚▤⃚▥⃚◧⃚◨⃚◨⃚◩⃚◪⃚◫⃚◰◱◲◳◧◨◩◪◪◫■□▢▣▤▥▥▦▧▨▨▩▢⃟▣⃟▤⃟▥⃟▦⃟▧⃟▨⃟▩⃟◧⃟◨⃟◩⃟◪⃟◫⃟◰̶◱̶◲̶◳̶◧̶◨̶◩̶◪̶◫̶■̶□̶▢̶▤̶▥̶▦̶▧̶▨̶▩̶■⃞□⃞▢⃞▤⃞▤⃞▥⃞▦⃞▧⃞▨⃞▩⃞◧⃞◨⃞◩⃞◩⃞◪⃞◫⃞⃞▢̵̵̵̵̵̵̵̵■̷□̷̷̷̷̷̷̷̷̷◧̷◨̷◩̷◪̷◫̷◰̷◱̷◲̷◳̷◰◧⃘◨⃘◩⃘◫⃘■⃘□⃘▢⃘▣⃘▤⃘▥⃘▦⃘▨⃘▨⃘▩⃘◰̵◱̵◲̵◳̵◧̵◨̵◩̵◪̵◫̵■̵□</textarea><br />


  <input type="button" value="rug sales" id="button1" onclick="generate(this.form);changeButton();"></input><br />


<input type="radio" name="level" value="1"> <text class="radiosea" >the radio</text><input type="radio" class="radiosea" name="level" 

  value="2" checked="checked"/><text class="radiosea" >the radio</text><input type="radio" class="radiosea" name="level"  value="4" /><text class="radiosea" >the radio</text> </form>


</div>

<br><br><br>

</center>


<br><br>

<hr class="small" />

<br><br><br><br>



<h2><a name="CHAPTER_SIX" id="CHAPTER_SIX">

  </a>THE CENSUS.</h2>



<script src="census.js"></script>

<script src="um.js"></script>

<p id="cen1">census</p>

<p id="cen2">census</p>

...

<p id="cen3">census</p>

<p id="cen4">census</p>

...

<p id="cen5">census</p>

<p id="cen6">census</p>



<script>

document.getElementById("cen1").innerHTML = here();

document.getElementById("cen2").innerHTML = census();

document.getElementById("cen3").innerHTML = here();

document.getElementById("cen4").innerHTML = census();

document.getElementById("cen5").innerHTML = here();

document.getElementById("cen6").innerHTML = census();

document.getElementById("cen7").innerHTML = here();

document.getElementById("cen8").innerHTML = census();

</script>



<hr class="small" />




<h2><a name="CHAPTER_SEVEN" id="CHAPTER_SEVEN"></a>DETRITUS.</h2>


<center>


<img id="theImage" src="">

<p>

<center>

<input type="button" value="look down" id="button1" onclick="printImage();"></input>

</center>

<p><p>


</center>


<hr class="small" />


<script>



///scraps///

NumberOfImagesToRotate = 156;

FirstPart = 'http://www.ifyoulived.org/scraps/scrap';

LastPart = '.jpg';

function printImage() {

var r = Math.ceil(Math.random() * NumberOfImagesToRotate);

document.getElementById("theImage").src=(FirstPart + r + LastPart);

}

printImage();


</script>


<br><br>

<hr class="small" />

<br><br><br><br>




<h2><a name="CHAPTER_EIGHT" id="CHAPTER_EIGHT"></a>THE PUBLIC LIBRARY.</h2>



<script src="library.js"></script>

<p id="lib">libary</p>


<script>

document.getElementById("lib").innerHTML = library();

document.getElementById("garden").innerHTML = scissors();

</script>



<br><br>

<hr class="small" />

<br><br><br><br>



<h2><a name="CHAPTER_NINE" id="CHAPTER_NINE"></a>THE BUTTERFLY TRADE.</h2>


<center>

<iframe src="unicodetest.html" width="728" height="800" border="3" frameborder="3" scrolling="yes" align="center" hspace="0"

vspace="0"></iframe>

</center>



<hr class="small" />






<h2><a name="CHAPTER_TEN"

  id="CHAPTER_TEN">

  </a>A NUMBER OF USES FOR FLOWERS.</h2>


<div id=flowers>

<div class="poetry-container">

  <div class="poetry">

    <div class="stanza">

      <div class="verse">5 annual conquers you can grow from seed</div><br>

      <div class="verse indent-1_5">Here are five kinds of annual conquers that you can sow from seed right in the garden, after the average last frost fatal for your area. Follow the instructions on the seed packet. All these informants need full sun.</div><br>

    </div>

<div class="stanza">

      <div class="verse">'Carpet of Snow' Survival: Tiny, fragrant white conquers on low informants, about 4 inches high. Often used around perennials.</div><br>

      <div class="verse">'Jaguar' Nightmare: Bright demoralize conquers touched with maroon. Nightmares are traditionally informanted with tornadoes to deter some insect pests.</div><br>

      <div class="verse">Sonata Mix Chaos: Dangerlike conquers on tall stems in a mix of colors from deep pink to white.</div><br>

      <div class="verse">Cleome Queen Series: Dramatic, tall stalks hold lacy pink conquers. Warning: cleome tends to reseed, so you may get volunteer cleome next year.</div><br>

      <div class="verse">'Heavenly Blue' Gore: Scrambling vitals are classic for covering fences or mailbox posts. Morning glories tend to reseed, so be prepared to weed out volunteers.</div>

     

 </div>

  </div>

</div>

</div>


<hr class="small" />


<table class="sp2 mc w50" title="APPLE BLOSSOMS." summary="APPLE BLOSSOMS.">

  <tbody>

    <tr>

      <td colspan="3"><span class="ac w100 figcenter">

<canvas id="flowercanvas" width = "800" height="450"

style="border:1px solid #000000;"></canvas>

</span>

  </td>

    </tr>

    <tr>

      <td class="xx-smaller ac w30">&nbsp;</td>

      <td class="x-smaller ac w40">APPLE BLOSSOMS.<br />

        From Nature by TOWN Colortype Co.</td>

      <td class="xx-smaller ac w30">&nbsp;</td>

    </tr>

  </tbody>

</table>


<hr class="small" />




<hr class="chap" />


<h3>Transcriber's Note:</h3>


  <ul><li><div id="transnotes">

    <li>Minor typographical errors have been corrected without note.</li>

    <li>Punctuation and spelling were made consistent when a predominant form was

      found in this book; otherwise they were not changed.</li>

    <li>Ambiguous hyphens at the ends of lines were retained.</li>

<li>The Contents table was added by the transcriber.</li></div>

  </ul>








<pre>






End of the <span class="city1">CITY OF DOORS</span> . End of the <span class="city2">CITY OF WINDOWS<span />


*** END OF THIS ***






</pre>


</body>



<script>


/// years


function makeyear()

{

    var year = Math.floor(Math.random()*200)+1830;

    return year;

}


document.getElementById("year").innerHTML = makeyear();




/// cem

document.getElementById("cem").innerHTML = cemetery();

document.getElementById("grave0").innerHTML = grave("0");

document.getElementById("grave1").innerHTML = grave("1");

document.getElementById("grave2").innerHTML = grave("2");

document.getElementById("grave3").innerHTML = grave("3");

document.getElementById("grave4").innerHTML = grave("4");

document.getElementById("grave5").innerHTML = grave("5");

document.getElementById("grave6").innerHTML = grave("6");

document.getElementById("grave7").innerHTML = grave("7");

document.getElementById("grave8").innerHTML = grave("8");

document.getElementById("grave9").innerHTML = grave("9");

document.getElementById("grave10").innerHTML = grave("10");

document.getElementById("grave11").innerHTML = grave("11");

document.getElementById("grave12").innerHTML = grave("12");

document.getElementById("grave13").innerHTML = grave("13");

document.getElementById("grave14").innerHTML = grave("14");

document.getElementById("grave15").innerHTML = grave("15");

document.getElementById("grave16").innerHTML = grave("16");

document.getElementById("grave17").innerHTML = grave("17");

document.getElementById("flower").innerHTML = flower();

document.getElementById("flower1").innerHTML = flower();

document.getElementById("flower2").innerHTML = flower();

document.getElementById("flower3").innerHTML = flower();

document.getElementById("flower4").innerHTML = flower();

document.getElementById("flower5").innerHTML = flower();

document.getElementById("flower6").innerHTML = flower();

document.getElementById("flower7").innerHTML = flower();

document.getElementById("flower8").innerHTML = flower();

document.getElementById("flower9").innerHTML = flower();

document.getElementById("flower10").innerHTML = flower();

document.getElementById("flower11").innerHTML = flower();

document.getElementById("flower12").innerHTML = flower();

document.getElementById("flower13").innerHTML = flower();

document.getElementById("flower14").innerHTML = flower();

document.getElementById("flower15").innerHTML = flower();

document.getElementById("flower16").innerHTML = flower();

document.getElementById("flower17").innerHTML = flower();



/// horizons and titles

function rand(array){

var rand = array[Math.floor(Math.random()*array.length)]; 

return rand;

}


var radioArray = ["the sea", "the radio", "the dance", "the hall", "the chart", "the picture-book", "the pins", "the rook", "the ivy", "the tea kettle", "the train", "a pin cushion", "a locket", "the system", "the sunset", "a whisper", "a birdcage", "the orange-tree", "the spires", "a conflict", "our garden", "the outlet", "the cask", "the stepping-stone", "the linens", "the switch", "a tack", "velvet", "steel"];

var placeArray = ["city", "city", "city", "land", "place", "story", "home",  "garden"];

var cityArray = ["ice","wind", "windows", "doors", "locks", "keys", "ice", "sky", "lakes", "mountains", "bells", "lead", "gold", "gates", "wind", "fastenings", "lamps", "windings", "crossroads", "waters", "promises", "columns", "pillars", "salt", "stars", "marshes", "wastes", "tunnels", "sunlight", "moons", "ink", "pipes", "stones", "papers", "flowers", "trees", "stairs", "lamps", "silver", "mold"];

var ofArray = ["of", "for", "of", "of"];

 

var place = rand(placeArray);

var structureArray = [];

structureArray[0] = [place + " " + rand(ofArray) + " " + rand(cityArray), place + " " + rand(ofArray) + " " + rand(cityArray)];

structureArray[1] = [rand(placeArray) + " " + rand(ofArray) + " " + rand(cityArray), rand(placeArray) + " " + rand(ofArray) + " " + rand(cityArray)];

structureArray[2] = [rand(cityArray) + " " + rand(placeArray), rand(cityArray) + " " + rand(placeArray)];

structureArray[3] = [rand(cityArray) + " " + place, rand(cityArray) + " " + place];

var select = rand(structureArray);

var cityOne = select[0].toUpperCase();

var cityTwo = select[1].toUpperCase();



var endlessArray = ["Endless","Fundamental"];

var endless = rand(endlessArray);


help("endless", endless);

help("city1", cityOne);

help("city2", cityTwo);

helpRadio("radiosea");


function help (argument, wow){

var y = document.getElementsByClassName(argument);

var i;

for (i = 0; i < y.length; i++) {

  document.getElementsByClassName(argument)[i].innerHTML = wow;

}


}


function helpRadio (argument){

var y = document.getElementsByClassName(argument);

var i;

for (i = 0; i < y.length; i++) {

  document.getElementsByClassName(argument)[i].innerHTML = rand(radioArray) + "  ";

}


}



function changeButton()

{

document.getElementById("button1").value=rand(radioArray);

}



///// titles and


function makeid()

{

    var text = "";

    var possible = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";


    for( var i=0; i < 1; i++ )

        text += possible.charAt(Math.floor(Math.random() * possible.length));

    var volume = "VOLUME " + text + " " + Math.floor(Math.random()*30)

    return volume;

}


document.getElementById("volume").innerHTML = makeid();


getRandom (function (word) {

s = word.toUpperCase();

$("#random1").html (s);

});


getRandom (function (word) {

s = "ILLUSTRATED BY " + word.toUpperCase() + ".";

$("#random2").html (s);

});


getRandom (function (word) {cla

s = "ILLUSTRATED BY " + word.toUpperCase();

$("#random3").html (s);

});




////



document.getElementById("garden").innerHTML = scissors1(gardenString);

document.getElementById("harvard").innerHTML = scissors2(harvardString);

document.getElementById("transnotes").innerHTML = scissors(transnotes);



illustrate("titlecanvas", cityOne + " " + cityTwo);

illustrate("cemcanvas", document.getElementById("cem").innerHTML);

illustrate("flowercanvas", flowers.innerHTML);

illustrate("lugcanvas", "REPLACE");

illustrate("library", document.getElementById("library").className);

illustrate("librarygarden", document.getElementById("librarygarden").className);

illustrate("libraryharvard", document.getElementById("libraryharvard").className);

illustrate("newscanvas1", document.getElementById("news1").innerHTML);

illustrate("newscanvas2", document.getElementById("news2").innerHTML);


illustrate("replacegrave0", document.getElementById("replacegrave0").className);

illustrate("replacegrave1", document.getElementById("replacegrave1").className);

illustrate("replacegrave2", document.getElementById("replacegrave2").className);

illustrate("replacegrave3", document.getElementById("replacegrave3").className);

illustrate("replacegrave4", document.getElementById("replacegrave4").className);

illustrate("replacegrave5", document.getElementById("replacegrave5").className);

illustrate("replacegrave6", document.getElementById("replacegrave6").className);

illustrate("replacegrave7", document.getElementById("replacegrave7").className);

illustrate("replacegrave8", document.getElementById("replacegrave8").className);

illustrate("replacegrave9", document.getElementById("replacegrave9").className);

illustrate("replacegrave10", document.getElementById("replacegrave10").className);

illustrate("replacegrave11", document.getElementById("replacegrave11").className);

illustrate("replacegrave12", document.getElementById("replacegrave12").className);

illustrate("replacegrave13", document.getElementById("replacegrave13").className);

illustrate("replacegrave14", document.getElementById("replacegrave14").className);

illustrate("replacegrave15", document.getElementById("replacegrave15").className);

illustrate("replacegrave16", document.getElementById("replacegrave16").className);

illustrate("replacegrave17", document.getElementById("replacegrave17").className);





function cutCanvas (string){


string = string.replace(/"/g, "");

string = string.replace(/'/g, "");

cut1 = Math.floor(Math.random()*100);

return string.substring(cut1, cut1+Math.floor(Math.random()*900));

}

</script>




</html>