<?xml version="1.0"?>

<website title="netbeetle.com" name="Home" id="home">
    <meta name="ICBM" content="35.203479, -97.444965" />
    <meta name="DC.title" content="netbeetle.com" />
    <intro>Welcome to netbeetle.com, the personal website of Josh Beitelspacher. I just added a <link href="http://www.google.com/">Google</link> search to the bottom of this page and Google ads to every page on this site.  I'm not expecting to make any money, but it will be interesting to see what kind of ads Google will show on my pages.  I also updated the color scheme changing of the site.  Now to change the color you only have to click on the image at the bottom of the page.</intro>
    <section name="Personal Info" id="information" flag="UPDATED">
        <description>This section contains a resume in PDF form and some other information.</description>
        <intro>I am currently a senior computer science major at the University of Oklahoma. Originally from South Dakota, I chose to attend the University of Oklahoma because of excellent scholarship opportunities for National Merit Scholars. I enjoy programing, web development, and graphic design, as you could probably tell from this site.</intro>
        <publication href="resume.pdf">
            <title>Resume (Adobe Acrobat format)</title>
            <date>28 September 2004</date>
            <description>A PDF of my current resume.</description>
        </publication>
        <publication href="highschoolresume.pdf">
            <title>List of High School Involvement and Awards.</title>
            <date>24 May 2001</date>
            <description>A comprehensive collection of everything I was involved in during high school. Written as part of a scholarship application.</description>
        </publication>
    </section>
    <section name="My Computer" id="computer">
        <description>Look here for my system specs and current uptime.</description>
        <intro>I am currently using my second home built computer. If I were to buy a complete computer system, it would most likely include low end parts, and overall system stability would be greatly damaged. However, by building my own I can carefully choose the best possible parts, and in the end the difference is very noticeable.</intro>
        <para><head>Current Uptime</head>Here is my current system uptime. This graphic is created using a PHP script hosted on my computer.<image src="http://netbeetle.no-ip.com:85/uptime.php" alt="System Uptime" /></para>
        <para><head>System Specs</head><html-content xmlns="http://www.w3.org/1999/xhtml">
            Motherboard: Asus A7N8X Deluxe<br />
            Processor: AMD Athlon XP 2100+ (Palomino)<br />
            System Memory: 2 x 256 MB Corsair XMS3200 C2<br />
            Graphics Card: Radeon 8500<br />
            Hard Drives: 120 and 40 GB Western Digital Hard Drives<br />
            Optical Drives: Toshiba 16X DVD and LiteOn 52X CD-RW<br />
            Case: Antec Performance Plus 660AMG<br />
            Power Supply: Antec Truepower 330W<br />
            Monitor: Samsung SyncMaster 191T (19" LCD)<br />
            OS: Windows XP with all the graphical fluff turned off<br />
        </html-content></para>
    </section>
    <section name="The Making Of" id="makingof">
        <description>This site is in the middle of a large update process. Find out what's going on.</description>
        <intro>This page has information about how this version of the site was created. It may be interesting for web authors that demand the precision of html coded without the aid of WYSIWYG editors, but don't have the time to maintain a large site by hand.</intro>
        <para><head>Problems with the Old Website</head>The original netbeetle.com was never meant to expand into a collection of over 50 pages, but it hit that mark rather quickly. Also, while the majority of these pages were simple HTML, pages such as the <link href="#oupictures">OU Pictures gallery</link> took much time to write or update by hand.</para>
        <para>An initial solution to this problem involved the use of my SHTML to HTML program (available in the <link href="#downloads">downloads</link>/<link href="#programs">programs section</link>). While that solution did work well to a point, there was still a large amount that had to be done manually to update the site. There had to be a better solution somewhere.</para>
        <para><head>Why XML and XSLT</head>The solution I found was the Extensible Markup Language (<link href="http://www.w3.org/TR/REC-xml">XML</link>) and Extensible Stylesheet Language Transformations (<link href="http://www.w3.org/TR/xslt">XSLT</link>). These two W3C specifications allow for any XML document to be transformed into a new XML document with a different structure. This allows for the easy creation of an Extensible HyperText Markup Language (<link href="http://www.w3.org/TR/xhtml1/">XHTML</link>) based website, because XHTML is itself an XML based format. XSLT would also support the creation of HTML, but it seems like taking a step backward from the full potential of an XML and XSLT created website.</para>
        <para>In the end this allowed this entire website to be created from just two files, where before it would have taken more than 50.  Also because the template based XSLT language has conditional operators and works recursively. A website created in this way can have menus that are automatically generated from the content and change according to where in the website the user is. This can be seen in the branching and highlighting of the menu to the left.</para>
        <para><head>The Conversion</head>It took much longer than I originally expected to go from a straight HTML to an XML based website. It is actually quite a lot to learn, and applying it to a complicated website with many different types of pages also proved difficult. But in the end, the change was well worth it. I should now be able to rapidly update my site at a moments notice.</para>
        <para>I create all my XHTML pages on my computer using <link href="http://saxon.sourceforge.net/">Saxon</link>, an open source project freely available to everyone. However, it is also possible to generate pages live on a web server. But for someone that wants to create a large site without having to pay for any WYSIWYG software or a web server capable of generating dynamic pages, using XML and XSLT to build a complete website is a free way to make a site that rivals any on the web.</para>
        <program name="Source Files">
            <description>Here are the full XML and XSLT documents that were used to create this entire site.  Although they look very complicated at first remember that these two pages weigh in at just 75k compared to the transformed site that takes up 250k.</description>
            <files>
                <file href="netbeetle.xml">netbeetle.xml</file>
                <file href="netbeetle.xsl">netbeetle.xsl</file>
            </files>
        </program>
    </section>
    <section name="Current Projects" id="projects">
        <description>Find out about some of the things I am currently working on.</description>
        <intro>These are some programming projects that I am currently working on.</intro>
        <program name="SpaceBattle, Pool, and Physics2D">
            <description>
                I am working on these three projects somewhat concurrently, but so far most of my time has been spent on the physics engine, the Physics2D package. When the physics engine is finally done, and meets my standards for realism, the SpaceBattle and Pool games should not be far behind. The Pool class is not a game yet, it merely shows balls in collisions. This is very useful in diagnosing problems with the physics2D package, running Pool for a few minutes will show numerous problems, mostly during the break. The SpaceBattle class is a little more complete, it gives the user control of a spaceship flying around a star. Eventually the ships will engage in combat. It is my goal to have a multiplayer network game complete before the end of the summer.
                UPDATE - The physics engine has been revamped to use vectors in a more effective way. This also makes it possible for this physics engine to be made three dimensional with only the addition of another dimension to the vector class. No other changes should be necessary. Although I have given up on my multiplayer SpaceBattle game in Java, it may eventually happen in C++, which I am in the process of learning. See the new physics model in action in the executable jar file. Click anywhere on the screen to make the cue ball move. The farther away, the faster it goes. Because edge behavior is not yet modeled directly in the physics classes, some undefined behavior can occur at high speeds. So, it is best to click relatively close to the white ball.
            </description>
            <files type="Java Source Files">
                <file href="Object2D.java">class physics2D.Object2D</file>
                <file href="Plane2D.java">class physics2D.Plane2D</file>
                <file href="Vector2D.java">class physics2D.Vector2D</file>
                <file href="Pool.java">class Pool (main)</file>
                <file href="PoolTable.java">class PoolTable</file>
                <file href="Ball.java">class Ball</file>
                <file href="SpaceBattle.java">class SpaceBattle (main)</file>
                <file href="Space.java">class Space</file>
                <file href="SpaceShip.java">class SpaceShip</file>
                <file href="Star.java">class Star</file>
                <file href="Drawable.java">interface Drawable</file>
            </files>
            <files>
                <file href="Pool.jar">Executable JAR</file>
            </files>
        </program>
    </section>
    <section name="Games" id="games">
        <description>Definitely the highlight of the site. Lunar Lander and Secret Word are going to take the internet by storm.</description>
        <intro>So far I have written two games in the Java programming language. The first, Secret Word, was required for my first semester Java course, however I exceeded the specifications a little. The second is a lunar lander game I made over the 2001 Christmas break.</intro>
        <section name="Secret Word Game" id="secretword">
            <description image-src="secretword.png">Guess the secret word in as few tries as possible.</description>
            <intro>This is a little game I made for my first semester Java course. It went <emph>slightly</emph> beyond the requirements. The version here is modified to fit the requirements of Java applets. This is the first Java applet I have produced.</intro>
            <intro>To play the game guess letters that are in the word. You can either type the letters or click the buttons. Typing a space will go to the next secret word.</intro>
            <intro>The source code for the applet is available <link href="SecretWordApplet.java">here</link>. The regular application source file and class files are available in the <link href="#downloads">downloads</link>/<link href="#programs">programs section</link>.</intro>
            <html-content xmlns="http://www.w3.org/1999/xhtml">
                <!-- IE code -->
                <object classid="clsid:8AD9C840-044E-11D1-B3E9-00805F499D93" width="0" height="0" codebase="http://java.com/">
                    <param name="code" value="SecretWordApplet.class" />
                    <param name="archive" value="games/SecretWordApplet.jar" />
                    <param name="WordListURL" value="http://www.netbeetle.com/games/secretword/WordList.txt" />
                    <!-- Mozilla/Netscape/any good browser code -->
                    <object classid="java:SecretWordApplet.class" archive="SecretWordApplet.jar" width="0" height="0">
                        <param name="WordListURL" value="http://www.netbeetle.com/games/secretword/WordList.txt" />
                    </object>
                </object>
            </html-content>
        </section>
        <section name="Lunar Lander" id="lunarlander">
            <description image-src="lunarlander.png">Pilot a lunar lander in this exciting game. Unfortunately the <link href="http://java.com/">Java Plugin</link> is required.</description>
            <intro>This is a game I started working on during Christmas break. It is a simple lunar lander game with limited functionality.</intro>
            <intro>To play the game use the arrow keys to control the lunar lander. Arrow key up accelerates the lunar lander in whichever direction it is pointed. Left and right turn the lander. Down returns the lander to upright position. Spacebar (and F3) resets the lunar lander after a successful landing or a crash and restarts the game after pausing (p-key).</intro>
            <intro>Scoring for each successful landing is based on the velocities at impact and that number is taken times the square of the number of screens passed. A large bonus is also awarded for very good landings. The result is then added to the total score. After a crash fuel returns to full and after a landing fuel increases by up to 75% if needed, but no more.</intro>
            <intro>The circular gauge shows the angle of the ship (thick line) the direction the ship is going (thin line) and the current landing conditions (center color). Grey means landing conditions are not meant, red means landing conditions are barely met, yellow adequate, and green indicates a perfect landing.</intro>
            <intro>The source code for the applet is available <link href="LunarLander.java">here</link>. The regular application source file and class files are available in the <link href="#downloads">downloads</link>/<link href="#programs">programs section</link>.</intro>
            <html-content xmlns="http://www.w3.org/1999/xhtml">
                <!-- IE code -->
                <object classid="clsid:8AD9C840-044E-11D1-B3E9-00805F499D93" width="0" height="0" codebase="http://java.com/">
                    <param name="code" value="LunarLander.class" />
                    <param name="archive" value="LunarLander.jar" />
                    <!-- Mozilla/Netscape/any good browser code -->
                    <object classid="java:LunarLander.class" archive="LunarLander.jar" width="0" height="0"></object>
                </object>
            </html-content>
        </section>
    </section>
    <section name="Papers" id="papers">
        <description>Papers I have written for various college courses, including one that has been published in the 2002 Oklahoma Honors Undergraduate Research Journal.</description>
        <intro>These are some papers I have written for various college classes, arranged by date with the most recent listed first. I would have included some papers written in high school, but, after looking back at everything I wrote in high school, there was nothing worth posting.</intro>
        <intro>Some of these papers have properly formatted works cited pages. Others do not, because the assignments did not require them, but it should be obvious from the text what sources were used and no plagiarism is intended.</intro>
        <intro><link href="http://www.adobe.com/products/acrobat/readstep.html">Adobe Acrobat Reader</link> is required to view all these papers.</intro>
        <publication href="AMisguidedMonumentToFreedom.pdf">
            <title>A Misguided Monument to Freedom</title>
            <date>25 February 2002</date>
            <description>This paper calls into question the willingness of freedom loving Americans to indiscriminately label John Walker Lindh a traitor without the slightest bit of consideration. Written for a second semester English composition class.</description>
        </publication>
        <publication href="RightsForAll.pdf">
            <title>Rights for All</title>
            <date>1 February 2002</date>
            <description>An argument about the potential problems with the USA Patriot Act, a questionable piece of legislation passed in haste after the September 11 attacks. This paper focuses specifically on the rights of non-citizens and was written for English 2.</description>
        </publication>
        <publication href="ComputerScienceAndIntellectualProperty.pdf">
            <title>Computer Science and Intellectual Property</title>
            <date>14 December 2001</date>
            <description>This paper discusses the effects that intellectual property rights can have on the scientific discipline of computer science. This was written as the final for Honors 2973 - "Perspectives: What is Science?" basically a course on the sociology of science. This paper was selected for publication in the 2002 University of Oklahoma Honors Research Journal.</description>
        </publication>
        <publication href="NothingOutOfTheOrdinary.pdf">
            <title>Nothing out of the Ordinary</title>
            <date>14 December 2001</date>
            <description>This paper focuses on how gender is represented in animated media. It was a forced topic for my entire English 1 class. I take the position that any gender differences in animation are merely a reflection of society.</description>
        </publication>
        <publication href="OUObservatory.pdf">
            <title>OU Observatory</title>
            <date>27 November 2001</date>
            <description>A so called "community profile" of a local Norman landmark. The observatory turned out to be an interesting place. Written for English 1.</description>
        </publication>
        <publication href="NoRegrets.pdf">
            <title>No Regrets</title>
            <date>23 October 2001</date>
            <description>I was reluctant to post this paper. It is the only one on this page that is written in first-person and based on personal experiences. This paper is about the 2000 South Dakota Class 11-A Football State Championship Game, in which I played a part.</description>
        </publication>
        <publication href="SocialInfluenceOnScience.pdf">
            <title>Social Influence on Science</title>
            <date>11 October 2001</date>
            <description>This paper was a midterm for my Honors Perspectives class. It may be hard to understand without reading the books mentioned, but it should still make a fair amount of sense.</description>
        </publication>
    </section>
    <section name="Downloads" id="downloads">
        <description>Some wallpapers, active desktops, and Java programs and utilities.  MineSweeper was just added to the <link href="#programs">programs</link>.</description>
        <intro>This page is a collection of everything I have made that others may find useful or interesting.</intro>
        <section name="Active Desktops" id="activedesktops">
            <description>These are active desktops for computers with Windows 98 and later. For those that do not know, active desktops are HTML pages designed to be used as wallpapers.</description>
            <intro>These active desktops are designed for computers with Windows 98 and later. They are used just as an image wallpaper would be, but there are some added features. First, these wallpapers are completely scalable to any resolution, and second, all these wallpapers display the current date in the lower right hand corner, and the current holiday, if any, in the upper right hand corner. Most major holidays are included, except ones that fall on different weeks of different years such as Easter.</intro>
            <program name="Active Desktop">
                <description>This is a generic active desktop that is extremely customizable through the use of an external setup file. This was the first active desktop, and the other two are just variations of this one. This version includes the space backgrounds from the <link href="#downloads">downloads</link>/<link href="#wallpapers">wallpapers section</link>. However, any sequence of pictures can be used through the configuration of the setup file.</description>
                <files>
                    <file href="ActiveDesktop/ActiveDesktop.html">HTML Preview</file>
                    <file href="ActiveDesktop/ActiveDesktop.zip">Download ZIP File</file>
                </files>
            </program>
            <program name="netbeetle.com">
                <description>The official wallpaper of netbeetle.com. Features the netbeetle.com logo on a green background that perfectly matches the site.</description>
                <files>
                    <file href="netbeetle/netbeetle.html">HTML Preview</file>
                    <file href="netbeetle/netbeetle.zip">Download ZIP File</file>
                </files>
            </program>
            <program name="AlcoholicRobot">
                <description>This wallpaper stars Bender, the alcoholic robot from Futurama. Futurama is a great animated show shown Sunday nights on Fox, and Bender is undeniably the best character. This wallpaper is a tribute to the recently cancelled show.</description>
                <files>
                    <file href="AlcoholicRobot/AlcoholicRobot.html">HTML Preview</file>
                    <file href="AlcoholicRobot/AlcoholicRobot.zip">Download ZIP File</file>
                </files>
            </program>
        </section>
        <section name="Wallpapers" id="wallpapers">
            <description>This section consists of .jpg wallpapers and zipped collections of wallpapers. You can see how some of these wallpapers were made in the <link href="#graphicdesign">graphic design</link>/<link href="#imageediting">image editing section</link>.</description>
            <intro>This is a collection of wallpapers that I have made mostly in Adobe Photoshop. The latest addition, at the bottom right hand corner, is the official wallpaper of <link href="#home">netbeetle.com</link>. Feel free to save any of the wallpapers to your computer for use as a wallpaper.</intro>
            <slide-show name="Wallpapers" id="wallpaperslides">
                <slide href="../activedesktops/ActiveDesktop/Backgrounds/Space01.jpg" thumbnail="thumbs/Space01.jpg">
                    <title>VentureStar</title>
                    <caption>See the making of this image in the <link href="#graphicdesign">graphic design</link>/<link href="#imageediting">image editing section</link>.</caption>
                </slide>
                <slide href="../activedesktops/ActiveDesktop/Backgrounds/Space02.jpg" thumbnail="thumbs/Space02.jpg">
                    <title>Akira</title>
                    <caption>See the making of this image in the <link href="#graphicdesign">graphic design</link>/<link href="#imageediting">image editing section</link>.</caption>
                </slide>
                <slide href="../activedesktops/ActiveDesktop/Backgrounds/Space03.jpg" thumbnail="thumbs/Space03.jpg">
                    <title>Sunrise</title>
                    <caption>See the making of this image in the <link href="#graphicdesign">graphic design</link>/<link href="#imageediting">image editing section</link>.</caption>
                </slide>
                <slide href="../activedesktops/ActiveDesktop/Backgrounds/Space04.jpg" thumbnail="thumbs/Space04.jpg">
                    <title>Midway</title>
                    <caption>The ship is a screenshot taken from the game Wing Commander Prophecy, the background is completely original.</caption>
                </slide>
                <slide href="../activedesktops/ActiveDesktop/Backgrounds/Space05.jpg" thumbnail="thumbs/Space05.jpg">
                    <title>Pirahna</title>
                    <caption>The ship is from a promotional shot for Wing Commander Prophecy, the background is completely original.</caption>
                </slide>
                <slide href="../activedesktops/ActiveDesktop/Backgrounds/Space06.jpg" thumbnail="thumbs/Space06.jpg">
                    <title>Excalibur</title>
                    <caption>This was the ship in the Babylon 5 spin-off that lasted only a few episodes.</caption>
                </slide>
                <slide href="../activedesktops/ActiveDesktop/Backgrounds/Space07.jpg" thumbnail="thumbs/Space07.jpg">
                    <title>Enterprise</title>
                    <caption>The Enterprise from the new Star Trek series flying over a satellite photo from <link href="http://www.spaceimaging.com/">spaceimaging.com</link>.</caption>
                </slide>
                <slide href="../activedesktops/ActiveDesktop/Backgrounds/Space08.jpg" thumbnail="thumbs/Space08.jpg">
                    <title>Through a Nebula</title>
                    <caption>A Wing Commander ship rendered from a model made by Mephistopheles.</caption>
                </slide>
                <slide href="../activedesktops/ActiveDesktop/Backgrounds/Space09.jpg" thumbnail="thumbs/Space09.jpg">
                    <title>Defiant</title>
                    <caption>The Defiant from Star Trek DS9 escaping from an enemy.</caption>
                </slide>
                <slide href="../activedesktops/ActiveDesktop/Backgrounds/Space10.jpg" thumbnail="thumbs/Space10.jpg">
                    <title>Equinox</title>
                    <caption>The Equinox flying over a heavily modified Hubble Telescope Image.</caption>
                </slide>
                <slide href="../activedesktops/ActiveDesktop/Backgrounds/Space11.jpg" thumbnail="thumbs/Space11.jpg">
                    <title>Tie Fighter</title>
                    <caption>A Tie Fighter flying past Mars.</caption>
                </slide>
                <slide href="fullsize/netbeetle800x600.jpg" thumbnail="thumbs/netbeetle.jpg">
                    <title>Official Wallpaper of netbeetle.com</title>
                    <caption>My first "official" wallpaper. Download your resolution here: <link href="../fullsize/netbeetle800x600.jpg">800x600</link> | <link href="../fullsize/netbeetle1024x768.jpg">1024x768</link> | <link href="../fullsize/netbeetle1152x864.jpg">1152x864</link> | <link href="../fullsize/netbeetle1280x1024.jpg">1280x1024</link> | <link href="../fullsize/netbeetle1600x1200.jpg">1600x1200</link></caption>
                </slide>
            </slide-show>
        </section>
        <section name="Programs" id="programs">
            <description>Download some Java programs that I have written, both for classes and for personal amusement. In order for any of these files to be useful to you, you at least need a Java runtime environment. The <link href="http://java.com/">Java Plugin</link> is probably the easiest way to get a working version of Java for those that do not already have one.</description>
            <intro>These are some Java source files and executable jar archives for anyone that is interested.</intro>
            <program name="MineSweeper">
                <description>A minesweeper clone with some simple AI added.  If you get stuck hit F3 to get updated probabilities for the entire board.  The closer to white a cell is, the less chance there is a mine there.  Also F4 will automatically fill in all the cells that it is 100% sure of.  Hitting F3 and F4 will basically play the whole game.  F5 will clear the cell that is least likely to have a mine.  F2 restarts the game.</description>
                <files type="Java Source Files">
                    <file href="minesweeper/MineSweeper.java">MineSweeper.java</file>
                    <file href="minesweeper/JMineSweeper.java">JMineSweeper.java</file>
                    <file href="minesweeper/Board.java">Board.java</file>
                    <file href="minesweeper/Cell.java">Cell.java</file>
                </files>
                <files type="Executable JAR (with source)">
                    <file href="minesweeper/MineSweeper.jar">MineSweeper.jar</file>
                </files>
            </program>
            <program name="LCD Test">
                <description>
                    The LCD Test program was designed to allow LCD users to compare the ghosting on different monitors. It allows the user to change the colors, speeds, and sizes of the bars through a setup file.<html-content xmlns="http://www.w3.org/1999/xhtml"><br /><br /></html-content>
                    Because it is written in Java it can be very slow at large resolutions, the speed is entirely dependent on the resolution. Vary the resolution to get the speed you want, or modify the setup file.<html-content xmlns="http://www.w3.org/1999/xhtml"><br /><br /></html-content>
                    Quick note about LCDTest.cfg: This file should be modified very carefully, the format must remain exactly the same. Also, you can add as many colors as you want, just list them in hex format.
                </description>
                <files type="Java Source Files">
                    <file href="lcdtest/LCDTest.java">class LCDTest (main)</file>
                    <file href="lcdtest/LCDTestGraphic.java">class LCDTestGraphic</file>
                </files>
                <files type="Configuration File">
                    <file href="lcdtest/LCDTest.cfg">LCDTest.cfg</file>
                </files>
                <files type="Executable JAR">
                    <file href="lcdtest/LCDTest.jar">LCDTest.jar</file>
                </files>
            </program>
            <program name="Lunar Lander">
                <description>The non-applet, in other words original, form of the Lunar Lander game in the <link href="#games">games section</link>. Almost entirely identical to the applet.</description>
                <files>
                    <file href="lunarlander/LunarLander.java">Java Source File</file>
                    <file href="lunarlander/LunarLander.jar">Executable JAR</file>
                </files>
            </program>
            <program name="Secret Word">
                <description>The secret word game from the <link href="#games">games section</link> in a non-applet form, file io significantly different in this version, among other changes. The jar application requires a properly formatted word list file called "WordList.txt" to be located in the same directory in order to work.</description>
                <files>
                    <file href="secretword/SecretWordGame.java">Java Source File</file>
                    <file href="secretword/WordList.txt">Word List File</file>
                    <file href="secretword/SecretWord.jar">Executable JAR</file>
                </files>
            </program>
            <program name="SHTML to HTML">
                <description>This program was relied on very heavily in the making of the first version of this site. This is a command line program that takes two arguments. The first is a directory with a website in it. The second is the destination directory. The program first copies all the files to the new directory and then proceeds to convert all shtml files, with server side includes, into ordinary html files that can be viewed anywhere. I used this tool to add the header, navbar, copyright, and footer into every page without having to worry about manually doing it.</description>
                <files type="Java Source Files">
                    <file href="shtmltohtml/FileCollection.java">FileCollection</file>
                    <file href="shtmltohtml/HTMLWriter.java">HTMLWriter</file>
                    <file href="shtmltohtml/SHTMLReader.java">SHTMLReader</file>
                    <file href="shtmltohtml/SHTMLtoHTML.java">SHTMLtoHTML</file>
                </files>
                <files>
                    <file href="shtmltohtml/SHTMLtoHTML.jar">Executable JAR</file>
                </files>
            </program>
            <program name="NT Batch Files - UPDATED">
                <description>Batch files for users of Windows NT/2000/XP. These files can be associated with .java and .class files in order to allow double click compilation, execution, and packaging. Extract the batch files into any directory listed in your system's path variable and merge the registry file into your registry to setup the file associations. The .reg file will override existing file association settings.  You also need to move FindClassName.java and FindClassName.class into any directory listed in your system's classpath environment variable.</description>
                <files>
                    <file href="NT_Batch_Files.zip">NT Batch Files ZIP (can now run classes in packages)</file>
                </files>
            </program>
        </section>
    </section>
    <section name="Websites" id="websites">
        <description>A gallery of old work done by the now defunct J&amp;J Web Development. If only we had actually made any money.</description>
        <intro>These are some of the better web sites that I have created. Most of these sites were designed almost five years ago, from when I was in eighth grade to my freshman year of high school. This website, <link href="#home">netbeetle.com</link>, is a much better example of my current work. All the graphics on these sites are original. The coding is also completely original and was done using only Microsoft Notepad.</intro>
        <intro>The two commercial sites on this page, Hard Drive Central and National Association of Tower Erectors, were design prospects that were turned down by the respective companies.</intro>
        <publication href="jjweb/">
            <title>J&amp;J Web Development</title>
            <description>Contains a graphic archive that shows some original graphics. Makes use of JavaScript and Style Sheets.</description>
        </publication>
        <publication href="newjjweb/">
            <title>New J&amp;J Web Development Webpage</title>
            <description>I only worked on this page for two days. No links work because only the first page was ever completed.</description>
        </publication>
        <publication href="hdc/">
            <title>Hard Drive Central</title>
            <description>The headline automatically scales to any size window. Uses high quality, original animated gifs.</description>
        </publication>
        <publication href="nate/">
            <title>National Association of Tower Erectors</title>
            <description>This pages uses frames to display a menubar and a document. No links work because only the first page was ever completed.</description>
        </publication>
        <publication href="sdascoe/">
            <title>SDASCOE</title>
            <description>This page was charity work for a non-profit organization. It is a good example of an almost entirely plain text site that is still appealing.</description>
        </publication>
        <publication href="killerbees/">
            <title>Killer Bees</title>
            <description>Has fullscreen console mode with functioning buttons. Makes use of JavaScript to change content.</description>
        </publication>
        <publication href="killboard/">
            <title>Killboard</title>
            <description>Exactly replicates the look, and works the same as the killboard in a game. Makes use of JavaScript to change images.</description>
        </publication>
    </section>
    <section name="Graphic Design" id="graphicdesign">
        <description>This page highlights my interest in graphic design with examples from my high school yearbook and some step by step image editing examples.</description>
        <intro>Graphic design is a hobby of mine. I've had a chance to express it by making websites, designing my high school yearbook, and doing other things. This entire site is filled with examples of things I have designed, so make sure to look in the <link href="#downloads">downloads section</link> and the <link href="#websites">websites section</link> for more.</intro>
        <section name="Image Editing" id="imageediting">
            <description>This page shows how some of the wallpapers (available in the <link href="#downloads">downloads</link>/<link href="#wallpapers">wallpapers section</link>) were made. It breaks the process down into several large steps that may not be very meaningful to those that have never used Photoshop. But, either way, you should be able to get an idea of the process involved.</description>
            <intro>Here are brief descriptions of how some of the images in the <link href="#downloads">downloads</link>/<link href="#wallpapers">wallpapers section</link> were made. These images are original in that they are significantly altered from the source material they came from. However, the pictures present on these pages were made using pre-existing images found on the Internet. Again, these images were produced for non-commercial interests and no copyright infringement is intended.</intro>
            <section name="Akira" id="akira">
                <description image-src="small.jpg">See how this image was made.</description>
                <intro>This page shows some key steps in the making of the Akira wallpaper available in the <link href="#downloads">downloads</link>/<link href="#wallpapers">wallpapers section</link>.</intro>
                <para><head>Originals</head>The original images, the first is a render of a model taken from a Star Trek fan page, and the second is an actual photo taken in orbit. I am not sure where either of these images came from. If any one knows, contact me so I can give proper credit.<image src="original.jpg" width="300" height="214" /><image src="earth.jpg" width="300" height="240" /></para>
                <para><head>Step 1</head>This is a mask created in order to separate the ship from its background. Only the areas in white will be saved, and the rest will be made transparent.<image src="step1.jpg" width="300" height="214" /></para>
                <para><head>Step 2</head>Here is the ship placed on the planet before any editing is done. What results is a very non-interesting image, that just seems thrown together, which it is.<image src="step2.jpg" width="300" height="225" /></para>
                <para><head>Step 3</head>This is the planet layer with a gradient at the horizon and a circular gradient across the surface in an attempt to show sunlight.<image src="step3.jpg" width="300" height="225" /></para>
                <para><head>Step 4</head>Some layers of colored clouds to make the image more interesting.<image src="step4.jpg" width="300" height="225" /></para>
                <para><head>Step 5</head>The ship placed back on top of the planet and the clouds. However, the image still seems pasted together because the ship is not connected to the background.<image src="step5.jpg" width="300" height="225" /></para>
                <para><head>Final</head>Another layer of clouds was added above the ship, and a brightness/contrast layer over the whole image really puts the ship into the scene. Notice how the ship takes on an blue hue to match the surroundings that was absent in the images above.<image src="final.jpg" width="500" height="375" /></para>
                <para>See the full size image in the <link href="#downloads">downloads</link>/<link href="#wallpapers">wallpapers section</link>.</para>
            </section>
            <section name="Sunrise" id="sunrise">
                <description image-src="small.jpg">See how this image was made.</description>
                <intro>This page shows some key steps in the making of the Sunrise wallpaper available in the <link href="#downloads">downloads</link>/<link href="#wallpapers">wallpapers section</link>.</intro>
                <para><head>Originals</head>An image of Michigan taken from the space shuttle.<image src="original.jpg" width="300" height="225" /></para>
                <para><head>Step 1</head>The earth separated from the rest of the image and placed into a new file.<image src="step1.jpg" width="300" height="182" /></para>
                <para><head>Step 2</head>A color layer put over the Earth to make it look like a strange alien planet.<image src="step2.jpg" width="300" height="182" /></para>
                <para><head>Step 3</head>A new file with a star background a large lens flare.<image src="step3.jpg" width="300" height="225" /></para>
                <para><head>Step 4</head>The planet pasted on top of the new background. At this point it looks very disconnected and does not fit at all.<image src="step4.jpg" width="300" height="225" /></para>
                <para><head>Step 5</head>An orange and yellow horizon added behind the planet. This is the first step in making the planet appear to fit on the background.<image src="step5.jpg" width="300" height="225" /></para>
                <para><head>Final</head>There are two important changes in this final step. The first, and most obvious, is a gradient added across the planet surface to show the sunrise. The second, more subtle but almost equally important, is an embossed layer of the planet overlayed on the planet. Notice how the clouds on the planet appear to stand out much more in this version. This is due to the emboss layer, and it adds a great degree of realism to the image.<image src="final.jpg" width="500" height="375" /></para>
                <para>See the full size image in the <link href="#downloads">downloads</link>/<link href="#wallpapers">wallpapers section</link>.</para>
            </section>
            <section name="VentureStar" id="venturestar">
                <description image-src="small.jpg">See how this image was made.</description>
                <intro>This page shows some key steps in the making of the VentureStar wallpaper available in the <link href="#downloads">downloads</link>/<link href="#wallpapers">wallpapers section</link>. The VentureStar was a design by Lockheed Martin Skunkworks for a single stage to orbit vehicle to replace the space shuttle. The design was recently scrapped I believe.</intro>
                <para><head>Originals</head>This image was taken from either a Lockheed Martin or NASA site, I do not remember which.<image src="original.jpg" width="300" height="225" /></para>
                <para><head>Step 1</head>This is a mask created in order to separate the VentureStar from its background. Only the areas in white will be saved, and the rest will be made transparent.<image src="step1.jpg" width="300" height="225" /></para>
                <para><head>Step 2</head>Here is a background with blue and green clouds and some motion blurred stars.<image src="step2.jpg" width="300" height="225" /></para>
                <para><head>Step 3</head>The Venture Star placed on the new background.<image src="step3.jpg" width="300" height="225" /></para>
                <para><head>Step 4</head>Some flame like things coming from what kind of looks like a thruster at the back of the VentureStar.<image src="step4.jpg" width="300" height="225" /></para>
                <para><head>Final</head>Some lens flares added for increased dramatic effect, probably not the most realistic, but it does look good.<image src="final.jpg" width="500" height="375" /></para>
                <para>See the full size image in the <link href="#downloads">downloads</link>/<link href="#wallpapers">wallpapers section</link>.</para>
            </section>
        </section>
        <section name="Yearbook" id="yearbook">
            <description>In high school I was very involved in every aspect of producing the yearbook. I wrote, edited, and submitted pages, but the part I enjoyed the most was the design. Some of the better page designs I came up with and the two covers I designed are shown here.</description>
            <intro>I worked on the Hamlin High School Yearbook for three years. In my first year I took the role of design editor. As design editor I created all the section design templates and the cover (shown below). My junior year I added the athletics section editor to my list of responsibilities, and my senior year I added overall editor to the list. In my three years, the Hamlin High School yearbook earned All-State honors all three times, due in large part to good design.</intro>
            <para><head>Yearbook Covers</head>Designing the covers was by far my favorite part of the entire process. The 1999 and 2001 covers are shown below. Regretfully, I did not design the 2000 cover, and the yearbook was left with a generic stock cover. Click on the thumbnails below for a larger view and some details.</para>
            <slide-show name="Covers" id="yearbookcovers">
                <slide href="yearbookcover99.png" thumbnail="yearbookcover99small.png">
                    <title>The 1999 Hamlin High School Yearbook cover</title>
                    <caption>Not the best color scheme in the world, but a very solid design.</caption>
                </slide>
                <slide href="yearbookcover01.png" thumbnail="yearbookcover01small.png">
                    <title>The 2001 Hamlin High School Yearbook cover</title>
                    <caption>This cover turned out really well, the background was a nice dark blue pattern, and the writing was in shiny silver foil. It is impossible to show on screen, but the real version looked great.</caption>
                </slide>
            </slide-show>
            <para><head>Sample Pages from the 2001 Yearbook</head>Designing page templates was another very satisfying part of the job. By creating well designed templates, the yearbook started with a huge advantage every year.</para>
            <publication href="athleticsdivision.pdf">
                <title>Athletic Division</title>
                <description>A typical division page. The division pages were one of my most unique designs. This design was only modified slightly from the one used the previous year.</description>
            </publication>
            <publication href="homecoming.pdf">
                <title>Homecoming</title>
                <description>A typical student life page. The student life design template was one of the simplest yet it was still clean, sharp, and modern looking.</description>
            </publication>
            <publication href="golf.pdf">
                <title>Golf</title>
                <description>This page has the distinction of being the first all digital page in a Hamlin yearbook, meaning the pictures were scanned in at the high school rather than at the publisher. That is why there are pictures on this page as opposed to the blue boxes on the other two.</description>
            </publication>
        </section>
    </section>
    <section name="OU Pictures" id="oupictures">
        <description>Pictures taken around the campus of the <link href="http://www.ou.edu/">University of Oklahoma</link>.</description>
        <intro>These are some digital pictures that were taken around the campus of the <link href="http://www.ou.edu/">University of Oklahoma</link> during OU/Texas weekend in 2001.</intro>
        <slide-show name="5 October 2001" id="ouslides">
            <slide href="pictures/UniversityOfOklahoma00.jpg" thumbnail="thumbs/UniversityOfOklahoma00.jpg">
                <title>Arch on the South Oval</title>
                <caption>This is one of the two arches at the south end of the South Oval.</caption>
            </slide>
            <slide href="pictures/UniversityOfOklahoma01.jpg" thumbnail="thumbs/UniversityOfOklahoma01.jpg">
                <title>Garden on the South Oval</title>
                <caption>This is the South Oval's rock garden.</caption>
            </slide>
            <slide href="pictures/UniversityOfOklahoma02.jpg" thumbnail="thumbs/UniversityOfOklahoma02.jpg">
                <title>Red Telephone Booth</title>
                <caption>One of the many bright red telephone booths scattered about campus.</caption>
            </slide>
            <slide href="pictures/UniversityOfOklahoma03.jpg" thumbnail="thumbs/UniversityOfOklahoma03.jpg">
                <title>Football Flowers</title>
                <caption>Campus decorations during football season.</caption>
            </slide>
            <slide href="pictures/UniversityOfOklahoma04.jpg" thumbnail="thumbs/UniversityOfOklahoma04.jpg">
                <title>The Seed Sower</title>
                <caption>A statue on the South Oval that often is seen carrying oranges or roses during football season.</caption>
            </slide>
            <slide href="pictures/UniversityOfOklahoma05.jpg" thumbnail="thumbs/UniversityOfOklahoma05.jpg">
                <title>Texas Sucks</title>
                <caption>October 11, 2003.  Texas loses again, 65-13.  I was there till the end along with 35,000 OU fans and about 8 Texas fans.  It couldn't have gone any better.</caption>
            </slide>
            <slide href="pictures/UniversityOfOklahoma06.jpg" thumbnail="thumbs/UniversityOfOklahoma06.jpg">
                <title>Fountain by the Library</title>
                <caption>This is a fountain directly north of Bizzell Library.</caption>
            </slide>
            <slide href="pictures/UniversityOfOklahoma07.jpg" thumbnail="thumbs/UniversityOfOklahoma07.jpg">
                <title>The Bizzell Library Clock tower</title>
                <caption>The clock tower straight west of the library's main entrance.</caption>
            </slide>
            <slide href="pictures/UniversityOfOklahoma08.jpg" thumbnail="thumbs/UniversityOfOklahoma08.jpg">
                <title>One Student Still Here</title>
                <caption>The front of Bizzell Library with one student walking past. Campus was almost entirely empty over the three-day weekend.</caption>
            </slide>
            <slide href="pictures/UniversityOfOklahoma09.jpg" thumbnail="thumbs/UniversityOfOklahoma09.jpg">
                <title>Nielsen Hall Entrance</title>
                <caption>One entrance to Nielsen Hall, the physics and astronomy building.</caption>
            </slide>
            <slide href="pictures/UniversityOfOklahoma10.jpg" thumbnail="thumbs/UniversityOfOklahoma10.jpg">
                <title>Nielsen Hall Classroom</title>
                <caption>A lecture hall in Nielsen.</caption>
            </slide>
            <slide href="pictures/UniversityOfOklahoma11.jpg" thumbnail="thumbs/UniversityOfOklahoma11.jpg">
                <title>OU in Stone</title>
                <caption>Writing on the time capsule on the South Oval.</caption>
            </slide>
            <slide href="pictures/UniversityOfOklahoma12.jpg" thumbnail="thumbs/UniversityOfOklahoma12.jpg">
                <title>Collegiate Gothic Architecture</title>
                <caption>The east side of Bizzell Memorial Library.</caption>
            </slide>
            <slide href="pictures/UniversityOfOklahoma13.jpg" thumbnail="thumbs/UniversityOfOklahoma13.jpg">
                <title>Arch on the South Oval</title>
                <caption>This is a close up on one of the two arches at the south end of the South Oval.</caption>
            </slide>
            <slide href="pictures/UniversityOfOklahoma14.jpg" thumbnail="thumbs/UniversityOfOklahoma14.jpg">
                <title>Carson Hall</title>
                <caption>One of the engineering buildings.</caption>
            </slide>
            <slide href="pictures/UniversityOfOklahoma15.jpg" thumbnail="thumbs/UniversityOfOklahoma15.jpg">
                <title>A Tree</title>
                <caption>An old tree north of the library.</caption>
            </slide>
            <slide href="pictures/UniversityOfOklahoma16.jpg" thumbnail="thumbs/UniversityOfOklahoma16.jpg">
                <title>Looking Down</title>
                <caption>A tree in the hole outside the library.</caption>
            </slide>
            <slide href="pictures/UniversityOfOklahoma17.jpg" thumbnail="thumbs/UniversityOfOklahoma17.jpg">
                <title>Covered with Ivy</title>
                <caption>The north side of the library.</caption>
            </slide>
            <slide href="pictures/UniversityOfOklahoma18.jpg" thumbnail="thumbs/UniversityOfOklahoma18.jpg">
                <title>Another Fountain</title>
                <caption>The fountain in engineers garden outside Carson.</caption>
            </slide>
            <slide href="pictures/UniversityOfOklahoma19.jpg" thumbnail="thumbs/UniversityOfOklahoma19.jpg">
                <title>Sarkeys Energy Center</title>
                <caption>This building can be seen over the stadium in <emph>NCAA Football 2002</emph> for the Playstation 2.</caption>
            </slide>
            <slide href="pictures/UniversityOfOklahoma20.jpg" thumbnail="thumbs/UniversityOfOklahoma20.jpg">
                <title>Yet Another Fountain</title>
                <caption>The fountain on top of Sarkeys.</caption>
            </slide>
            <slide href="pictures/UniversityOfOklahoma21.jpg" thumbnail="thumbs/UniversityOfOklahoma21.jpg">
                <title>Sarkeys Garden</title>
                <caption>The garden on top of Sarkeys.</caption>
            </slide>
            <slide href="pictures/UniversityOfOklahoma22.jpg" thumbnail="thumbs/UniversityOfOklahoma22.jpg">
                <title>The OU Fieldhouse</title>
                <caption>Looking at the OU Fieldhouse over the reflecting pond by Memorial Stadium.</caption>
            </slide>
            <slide href="pictures/UniversityOfOklahoma23.jpg" thumbnail="thumbs/UniversityOfOklahoma23.jpg">
                <title>The OU Watertower</title>
                <caption>Its a watertower.</caption>
            </slide>
            <slide href="pictures/UniversityOfOklahoma24.jpg" thumbnail="thumbs/UniversityOfOklahoma24.jpg">
                <title>Champions</title>
                <caption>The backside of the scoreboard at Memorial Stadium, with the 2000 championship newly squeezed in.</caption>
            </slide>
            <slide href="pictures/UniversityOfOklahoma25.jpg" thumbnail="thumbs/UniversityOfOklahoma25.jpg">
                <title>Adams Hall</title>
                <caption>Home of the college of business at the University of Oklahoma.</caption>
            </slide>
            <slide href="pictures/UniversityOfOklahoma26.jpg" thumbnail="thumbs/UniversityOfOklahoma26.jpg">
                <title>Some Flowers</title>
                <caption>Some flowers in the garden between Adams and Bizzell.</caption>
            </slide>
        </slide-show>
    </section>
    <section name="Links" id="links">
        <description>Links to my favorite open source projects and various other things.</description>
        <intro></intro>
        <publication href="http://www.mozilla.org/products/firefox/">
            <title>Mozilla Firefox</title>
            <description>An extremely small, quick, and reliable open source browser. With advanced features like integrated pop-up blocking and tabbed browsing, Firefox beats Internet Explorer hands down.</description>
        </publication>
        <publication href="http://saxon.sourceforge.net/">
            <title>The SAXON XSLT Processor from Michael Kay</title>
            <description>The XSLT processor used to <link href="#makingof">produce this website</link>. SAXON is an open source project written in Java and is regularly updated to meet the newest XSLT specifications. I don't know what I would do without it.</description>
        </publication>
        <publication href="http://www.7-zip.org/">
            <title>7-Zip</title>
            <description>An open source file compression utility that handles all archive formats in common usage. It is fast, efficient, and completely free.</description>
        </publication>
        <publication href="http://www.foobar2000.org/">
            <title>foobar2000</title>
            <description>An extremely simple, yet very high quality, open source audio player. This is the program for people who like their applications to work well, and don't care if they're pretty. If you want pretty, use <link href="http://www.winamp.com">Winamp</link> instead.</description>
        </publication>
        <publication href="http://sourceforge.net/projects/guliverkli/">
            <title>Media Player Classic</title>
            <description>A single open source application that will play any movie on your hard drive, including Quicktime movies and RealMedia (once you install the codecs). Another very simple application, no skins or any other garbage, just dependable movie playing.</description>
        </publication>
        <publication href="http://www.daemon-tools.cc/">
            <title>DAEMON Tools</title>
            <description>Virtual CD/DVD emulator that allows the user to mount CD/DVD images.</description>
        </publication>
        <publication href="http://www.numbera.com/software/">
            <title>PNGGauntlet</title>
            <description>Optimizes .png files. I ran this on the images on my site and got a 50% reduction in size on some of the images. Highly recommended.</description>
        </publication>
        <publication href="http://www.textpad.com/">
            <title>TextPad</title>
            <description>A very nice text editor. Every feature you would ever want, but still uncluttered and easy to use. It's available for free to try and $27 to buy. I have to admit I feel really guilty for not paying for it yet.</description>
        </publication>
        <publication href="http://beitelspacher.us/">
            <title>beitelspacher.us</title>
            <description>I just got this new domain so I might as well link to it even though there is nothing of value there yet.</description>
        </publication>
        <publication href="http://setiathome.ssl.berkeley.edu/">
            <title>SETI@home</title>
            <description>The largest distributed computing project ever. It has little chance to ever succeed, but that doesn't mean it's not cool. See how <link href="http://setiathome.ssl.berkeley.edu/stats/team/team_6814.html">my team</link> and <link href="http://setiathome.ssl.berkeley.edu/fcgi-bin/fcgi?email=jj_beetle@yahoo.com&amp;cmd=user_stats_new">I</link> are doing.</description>
        </publication>
        <publication href="http://slashdot.org">
            <title>Slashdot</title>
            <description>Can't be a geek without the obligatory link to Slashdot on your site.</description>
        </publication>
        <publication href="http://www.ouclubofco.com/">
            <title>OU Club of Colorado</title>
            <description>They're using some of my <link href="#oupictures">pictures</link>.</description>
        </publication>
    </section>
    <section name="Link to Us" id="link">
        <description>Find information about how to link to netbeetle.com</description>
        <intro>Have a website? Think your readers might find this page interesting? Follow these guidelines to link to this website.</intro>
        <para>
            <head>HTML Code</head>
            Just copy and paste this HTML onto your page to link to <link href="#home">netbeetle.com</link>
            <code>
                &lt;a href="http://www.netbeetle.com/"&gt;<br />
                &lt;img src="http://www.netbeetle.com/images/linkimage.png" style="border: none" width="88" height="31" alt="netbeetle.com" /&gt;<br />
                &lt;/a&gt;
            </code>
            That code will generate a link that will appear as:
            <html-content xmlns="http://www.w3.org/1999/xhtml">
                <a href="http://www.netbeetle.com/"><img src="http://www.netbeetle.com/images/linkimage.png" style="border: none" width="88" height="31" alt="netbeetle.com" /></a>
            </html-content>
        </para>
    </section>
    <html-content xmlns="http://www.w3.org/1999/xhtml">
        <div>Change the color of this website.  Just click on the color you want:
            <form action="style.php" method="get">
                <input type="image" name="color" src="colorselector.png" />
            </form>
        </div>
<!-- SiteSearch Google -->
<form method="get" action="http://www.google.com/custom">
  <div class="search">
    <div>
      <a href="http://www.google.com/">
        <img src="http://www.google.com/logos/Logo_25wht.gif" alt="Google" />
      </a>
      <input type="hidden" name="domains" value="www.netbeetle.com" />
      <input type="text" name="q" size="31" maxlength="255" value="" />
      <input type="submit" name="sa" value="Search" />
    </div>
    <div>
      <input type="radio" name="sitesearch" value="" />Web
      <input type="radio" name="sitesearch" value="www.netbeetle.com" checked="checked" />www.netbeetle.com
      <input type="hidden" name="client" value="pub-3520555367624904" />
      <input type="hidden" name="forid" value="1" />
      <input type="hidden" name="ie" value="ISO-8859-1" />
      <input type="hidden" name="oe" value="ISO-8859-1" />
      <input type="hidden" name="cof" value="GALT:#008000;GL:1;DIV:#336699;VLC:663399;AH:center;BGC:FFFFFF;LBGC:336699;ALC:0000FF;LC:0000FF;T:000000;GFNT:0000FF;GIMP:0000FF;FORID:1;" />
      <input type="hidden" name="hl" value="en" />
    </div>
  </div>
</form>
<!-- SiteSearch Google -->
    </html-content>
</website>