<!DOCTYPE
	html
	PUBLIC
	"-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"
	>
<html
	lang="en"
	xmlns="http://www.w3.org/1999/xhtml"
	xml:lang="en"
	>
	<head>
		<meta
			content="Josh Moyer"
			name="author"
			/>
		<meta
			content="text/html; charset=UTF-8"
			http-equiv="Content-Type"
			/>
		<meta
			content="Copyright 2010-2011 by Josh Moyer.  All rights reserved."
			name="copyright"
			/>
		<meta
			content="A partial selection of work from the development portfolio of Josh Moyer."
			name="description"
			/>
		<meta
			content="Josh Moyer site web website portfolio work example sample"
			name="keywords"
			/>
		<!--script
			type="text/javascript"
			src="main.js"
			></script-->
		<script
			type="text/javascript">
			
			var DEBUG;// = true;
			
			function gridStyle(color, size, sizeUnit, top, left)
			{
				return(
					"border-top-style: solid; " +
					"border-left-style: solid; " +
					"border-width: 1px; " +
					"border-color: " + color + ";" +
					"width: " + size + sizeUnit + "; " +
					"height: " + size + sizeUnit + "; " +
					"position: absolute; " + 
					"top: " + top + sizeUnit + "; " +
					"left: " + left + sizeUnit + "; " +
					//"opacity: 0.5;" + 
					"display: inline-block;");
			}
			
			//
			// draws a grid as a page background
			// returns nothing
			//
			function grid()
			{
				var cont;				// grid container <div/>
				var color = "#80FFFF";	// grid color
				var elem;				// grid elements
				var top;				// y-axis grid position
				var topStart;			// y-axis grid origin
				var left;				// x-axis grid position
				var leftStart;			// x-axis grid origin
				var maxWidth;			// x-axis maximum dimension
				var maxHeight;			// y-axis maximum dimension
				var maxLoops = 20000;	// maximum iterations before forcing loop exit
				var size = "1.0";		// gridbox size
				var unit = "em";		// measurement units
				
				// delete previous grid contianer if one existed
				cont = document.getElementById("gridContainer");
				if (cont) cont.parentNode.removeChild(cont);
				
				// create new grid container
				cont = document.createElement("div");
				cont.setAttribute("style",
					"position: fixed;" +
					"z-index: -1;" +
					"top: 0;" +
					"left: 0;" +
					"width: 100%;" +
					"height: 100%;" +
					"overflow: hidden;");
				cont.setAttribute("id", "gridContainer");
				document.body.insertBefore(cont, document.body.firstChild);

				// If sizes are specified in ems then create an element and
				// measure its size to calculate the size of an em in pixels
				if (unit == "em")
				{
					elem = document.createElement("img");
					elem.setAttribute("style", gridStyle("black", size, unit, "0", "0"));
					cont.appendChild(elem);
					size = elem.offsetHeight-1;
					unit = "px";
					elem.parentNode.removeChild(elem);
				}

				// initialize dimensions and coordinates
				if (!maxHeight) maxHeight = cont.offsetHeight-size;
				if (!maxWidth) maxWidth = cont.offsetWidth-size;
				if (!topStart) topStart = 0-size/2;
				if (!leftStart) leftStart = 0-size/2;
				if (!top) top = topStart;
				if (!left) left = leftStart;

				while (true)
				{
					// create grid box and add to document
					elem = document.createElement("span");
					elem.setAttribute("style",
						gridStyle(color, size, unit, top, left));
					cont.appendChild(elem);

					// Is last row?
					if (top > maxHeight)
					{
						// If so change cell grid color.
						if (DEBUG) elem.setAttribute("style",
							gridStyle("red", size, unit, top, left));
						// Is last row's last column?  If so stop.
						if (left > maxWidth) break;
					}
					
					// Is last cell on row?
					if (left >= maxWidth)					
					{
						// If so change cell grid color,
						//   return carriage,
						//   and advance vertical position.
						if (DEBUG) elem.setAttribute("style",
							gridStyle("fuchsia", size, unit, top, left));
						left = leftStart;
						top += size;
						continue;
					}
					
					// Advance horizontal position.
					left += size;
					
					// Guard against infinite loops.
					if (DEBUG && maxLoops-- <= 0)
					{
						var error = document.createElement("H1");
						error.setAttribute("style", "color: red;");
						error.appendChild(
							document.createTextNode("ERROR: Too many grid boxes."));
						cont.insertBefore(error,cont.firstChild);
						break;
					}
				}
				if (DEBUG) alert("leaving grid()");
			}
		</script>
		<style
			type="text/css"
			>
			<!--
			* {
				margin: 0;
				padding: 0;
				}
			body {
				font-family: monospace;
				font-size: medium;
				line-height: 1em;
				margin: 0;
				padding: 0;
				}
			dd {
				margin-bottom: 1em;
				margin-left: 1em;
				}
			dt {
				margin-bottom: 1em;
				text-decoration: underline;
				}
			.header	{
				font-weight: bold;
				height: 3.0em;
				min-height: 3.0em;
				position: absolute;
				left: 0;
				right: 0;
				padding: 1.5em 1.5em 1em;
				overflow: hidden;
				}
			.content {
				border-top: solid 1px black;
				border-bottom: solid 1px black;
				overflow: auto;
				position: absolute;
				top: 5.5em;
				bottom: 3.5em;
				padding: 1em 1.5em 0;
				}
			.footer	{
				overflow: hidden;
				position: absolute;
				left: 0;
				right: 0;
				bottom: 0;
				text-align: center;
				height: 1.0em;
				padding: 1.0em 1.5em 1.5em;
				min-height: 1.0em;
				z-index: -1;
				display: block;
				}
			@media print {
				#gridContainer {
					display: none;
					}
				}
			-->
		</style>
		<title>Josh Moyer's Website</title>
	</head>
	<body
		onload="grid();"
		onresize="grid();"
		>
		<div
			style="
				min-height: 10em;
				position: absolute;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
				"
			>
		<p
			class="header"
			>
Hello.  This is my development portfolio site.  Thanks for taking a look.
			<br/>
			<br/>
--Josh
		</p>
		<dl
			class="content"
			>
			<!--dt>
2012.07.26: Additional updates soon...
			</dt>
			<dd>
Code examples featuring queue and rectangle classes in C♯, plus an improved binary tree traversal algorithm in C coming in the next few days.
			</dd-->
			<dt>
2012.07.16: On testing web applications. (<a href="webtesting.html">webtesting.html</a>)
			</dt>
			<dd>
		My thoughts on testing web applications.
			</dd>
			<dt>
2012.07.05: resume.docx (<a href="resume.docx">resume.docx</a>)
			</dt>
			<dd>
	My résumé, describing over 8 years of cumulative professional experience.
			</dd>			<!--dt>
2011: rfc2822 (rfc2822.cs || rfc2822.png)
			</dt>
			<dd>

			</dd>

			<dt>
2011.07.18: rect (<a href="rect.cs">rect.cs</a>)
			</dt>
			<dd>
	A sample for a rectangle class with overlap detection.
			</dd-->

			<dt>
2011.09.12: jmoyer.nodomain.net (<a href=".">.</a>)
			</dt>
			<dd>
	This site.  Now featuring a dynamically generated, CSS-based grid that simulates the appearance of graph paper.
			</dd>

			<dt>
2011.08.09: sort (<a href="sort.c">sort.c</a>)
			</dt>
			<dd>
	A sorting algorithm demonstration.  The algorithm illustrated is not intended for sorting very large datasets.
			</dd>

			<dt>
2010.02.10: CookieJar (<a href="cookiejar.js">cookiejar.js</a>, <a href="cookiejar-test.js">cookiejar-test.js</a>)
			</dt>
			<dd>
	This ECMAScript object is designed to enable developers to easily work with HTTP Cookies in runtime environments that expose the cookie property of the HTMLDocument interface.  A unit-test function member is included in an additional file.  Both are released into the public domain.
			</dd>

			<!--dt>
2010.02.10: <a href="http://www.nodomain.net./">www.nodomain.net.</a>
			</dt>
			<dd>
	This is my network services provider site.  It has been more or less idle since I outsourced Exchange hosting in 2007.
			</dd-->

			<!--dt>
2010.02.10: tree (<a href="tree.c">tree.c</a>)
			</dt>
			<dd>
	This C sample demonstrates in-order, post-order and pre-order binary tree traversal.
			</dd-->
			<dt>
2010.02.10: xfrchk (<a href="xfrchk.cpp">xfrchk.cpp</a>)
			</dt>
			<dd>			
	This C++ program is designed to verify I/O bus integrity by performing a series of comparative read and write operations on random access block storage devices while bypassing system caching mechanisms.
			</dd>
		</dl>
		<p
			class="footer"
			>
<!--Grid Size: Small, Medium or Large; Groupings 1, 4 or 5; Color: Gray, Blue or Green; Line Style: Dots, Dotted, Lined
			<br/-->
&copy;2010-2012 by Josh Moyer.  All rights reserved.
		</p>
		</div>
	</body>
</html>