<?php readfile("../../../site/html/header.php"); ?>

<body onload=type_text() bgcolor="#000000" text="#00a040">

<div id="everythingwrapper">

  <div id="header">
    <?php readfile("site/html/cpmbanner.html");
          readfile("site/html/menu.html"); ?>
  </div> <!-- header -->

  <div id="mainbodywrapper">
  
  <div id="eyecandywrapper">

    <table id="eyecandytable" width="100%"  border="0">
      <tr>
        <td width="20%"; ><?php readfile("site/html/cpm-inside.html"); ?></div></td>
        <td width="80%">

            <!--
            I've switched to a new typing script from Pixel Art (http://www.thepixelart.com/create-a-typing-text-effect-using-jquery/) which has certain advantages:
              1. unlike other typed text scripts, if javascript is disabled, the text still shows up.if javascript is disabled.
              2. this script is extremely flexible, with features I'm not using; see the documentation.
              
            But I can't get some basic HTML markup - such as <br> -- to work with the script. So in order to get <br>- and <p>-like line control I had to fake it using <UL>.
            
            I'm using triple nested DIVs to create the computer paper effect. #tickerouter handles the green stripe, #ticker the left holes, #tickerinner the right holes and content.
            -->

          <div id="tickerouter">
            <div id="ticker">
	      <div id="tickerinner"> <!-- inline styling because CSS doesn't seem to reach here -->
                <p style="margin: 0; line-height: 1.1em;">A0>DIR *.TXT</p>
                <p style="margin: 0; line-height: 1.1em;">Drive A0 [ROOT] Files: 4/17: 9/1814k : Free 1892k</p>
                <p style="margin: 0; line-height: 1.1em;">OLDSTUFF.TXT &nbsp;16k : BURST&nbsp;&nbsp; .TXT  &nbsp;&nbsp;3k : MAGAZIN&nbsp;&nbsp; .TXT  &nbsp;&nbsp;4k</p>
                <p style="margin: 0; line-height: 1.1em;">&nbsp;</p>
                <p style="margin: 0; line-height: 1.1em;">A0>MAGAZIN.TXT</p>
                <p style="margin: 0; line-height: 1.1em;">"Where are the files? Show me the files! Not this sorry labyrinth of miscellany."</p>
                <p style="margin: 0; line-height: 1.1em;">&nbsp;</p>
                <p style="margin: 0; line-height: 1.1em;">*HUMONGOUS* CP/M is not a unified software collection, but just a collection of disparate archives. For those who are looking for something specific we have provided the search box up top. But for the window-shoppers amongst you, we've assigned our secretary the task of concocting a rudimentary site-wide index. Here's her attempt, still much in progress.</p>
                <p style="margin: 0; line-height: 1.1em;">&nbsp;</p>
                <p style="margin: 0; line-height: 1.1em;">A0></p>
              </div> <!-- tickerinner -->
            </div> <!-- ticker -->
          </div> <!-- tickerouter -->
        </td>
      </tr>
    </table>

  </div> <!-- eyecandywrapper -->

<div class="pagewrapper">

<div style="text-align: center;"><i><b>This page is a proof of concept. It is a pre-alpha attempt at a site-wide index that just may, some day, be complete enough to be useful. For now, just ignore this page.</b></i>
</div>
  <div class="site-container" name="programming">
    <div class="site-column-1"><p class="site-title">Programming</p></div>
    <div class="site-column-2"><ul>
                                 <li><a href=""></a></li>
                                </ul>
    </div>
  </div> <!-- site-container -->

  <div class="site-container" name="games">
    <div class="site-column-1"><p class="site-title">Games</p></div>
    <div class="site-column-2"><ul>
                                 <li><a href=""></a></li>
                               </ul> 
    </div>
  </div> <!-- site-container -->
  
  <div class="site-container" name="opsys">
    <div class="site-column-1"><p class="site-title">Operating Systems</p></div>
    <div class="site-column-2"><ul>
                                 <li><a href=""></a></li>
                              </ul>
    </div>
  </div> <!-- site-container -->

  <div class="site-container" name="comm">
    <div class="site-column-1"><p class="site-title">Communications</p></div>
    <div class="site-column-2"><ul>
                                 <li><a href="cpm/cpm/Software/WalnutCD/_bbs/">Walnut CD</a> BBS collection</li>
                                 <li><a href=""></a></li>
                                 <li><a href=""></a></li>
                              </ul>
    </div>
  </div> <!-- site-container -->

  <div class="site-container" name="edoffice">
    <div class="site-column-1"><p class="site-title">Office and Editors</p></div>
    <div class="site-column-2"><ul>
                                 <li><a href=""></a></li>
                               </ul> 
    </div>
  </div> <!-- site-container -->

  <div class="site-container" name="utils">
    <div class="site-column-1"><p class="site-title">Utilities</p></div>
    <div class="site-column-2"><ul>
                                 <li><a href=""></a></li>
                               </ul> 
    </div>
  </div> <!-- site-container -->

  <div class="site-container" name="usergroups">
    <div class="site-column-1"><p class="site-title">Users Groups</p></div>
    <div class="site-column-2"><ul>
                                 <li><a href="cpm/cpm/Software/WalnutCD/simtel/sigm/">SIG/M</a> -- The CP/M Special Interest Group software collection</li>
                                 <li><a href="cpm/cpm/mirrors/www.znode51.de/fog/">FOG</a> -- The First Osborne Group software collection</li>
                                 <li><a href="">CPMUG</a> -- The CP/M Users Group</li>
                               </ul> 
    </div>
  </div> <!-- site-container -->

  <div class="site-container" name="">
    <div class="site-column-1"><p class="site-title"></p></div>
    <div class="site-column-2"><ul>
                                 <li><a href=""></a></li>
                               </ul> 
    </div>
  </div> <!-- site-container -->

  <div class="site-container" name="">
    <div class="site-column-1"><p class="site-title"></p></div>
    <div class="site-column-2"><ul>
                                 <li><a href=""></a></li>
                               </ul> 
    </div>
  </div> <!-- site-container -->

  <div class="site-container" name="">
    <div class="site-column-1"><p class="site-title"></p></div>
    <div class="site-column-2"><ul>
                                 <li><a href=""></a></li>
                               </ul> 
    </div>
  </div> <!-- site-container -->

  <div class="site-container" name="">
    <div class="site-column-1"><p class="site-title"></p></div>
    <div class="site-column-2"><ul>
                                 <li><a href=""></a></li>
                               </ul> 
    </div>
  </div> <!-- site-container -->

  <div class="site-container" name="">
    <div class="site-column-1"><p class="site-title"></p></div>
    <div class="site-column-2"><ul>
                                 <li><a href=""></a></li>
                               </ul> 
    </div>
  </div> <!-- site-container -->

  <!-- Template
  <div class="site-container" name="">
    <div class="site-column-1"><p class="site-title"></p></div>
    <div class="site-column-2"><ul>
                                <li></li>
                              </ul>
    </div>
  </div> <!-- site-container -->

</div> <!-- pagewrapper -->

  <!-- Footer -->

  <div id="footer">
    Copyleft <i>*HUMONGOUS* CP/M</i> Archives <?php echo date ("Y");?><br />
    This page last modified on <?php echo " ".date ("F d Y H:i:s", filemtime($_SERVER['SCRIPT_FILENAME'])); ?>
  </div> <!-- footer -->

    </body>
</html>