Added screenshots, updated nav menu

11 files changed, 43 insertions, 25 deletions

diff --git a/genome-site/content/index.php b/genome-site/content/index.php
index 0922671..221bb34 100644
--- a/genome-site/content/index.php
+++ b/genome-site/content/index.php
@@ -6,7 +6,6 @@
   <div id="content">
       <div id="inner">
 		<h1>Genome: IT Evolved.</h1>
-		<p class="pintro">Genome makes building infrastructure in a cloud computing environment easy.  Genome is a set of light weight tools that use Cobbler, Puppet, and Xen to provide developers and system administrators an easy way to initiate provisioning and system configuration of I.T. systems.</p>
 		<p>The genome is fundamental to the reliable encoding and transfer of both genetic code and data. As the project name suggests, Genome is the equivalence for software systems. The project started formally in early 2008 though the origins can be traced back several years prior to real struggles within Red Hat IT developing and deploying software systems.<br/><br/>
 
 While it may not be the perfect analogy, it is indeed fitting to say that hereditary information is stored within every IT organization. The truth is software systems, like species, face extinction through poor replication of this information. Sadly, the knowledge that is required to maintain and reproduce complex systems often only lives in the form of tangled configuration scripts or, worse still, only in the minds of consulting domain experts. Transfering knowledge in such manners is practically a recipe for building legacy systems.<br/><br/>
diff --git a/genome-site/content/menu.php b/genome-site/content/menu.php
index f39871b..e15ade8 100644
--- a/genome-site/content/menu.php
+++ b/genome-site/content/menu.php
@@ -2,7 +2,8 @@
     define("HOME",    "h");
     define("DOWNLOAD",    "g");
     define("CONTRIBUTE",    "c");
-    define("DOCUMENTATION",  "d");
+    define("OVERVIEW",  "o");
+    define("SCREENSHOTS",  "s");
 	define("ACTIVE", "active");
 	define("INACTIVE", "inactive");
         $trk = $_REQUEST['trk'];
@@ -10,7 +11,8 @@
 	$home = $trk == HOME || $trk == '' ? 'active' : 'inactive';
 	$download = $trk == DOWNLOAD ? 'active' : 'inactive';
 	$contribute = $trk == CONTRIBUTE ? 'active' : 'inactive';
-	$documentation = $trk == DOCUMENTATION ? 'active' : 'inactive';
+	$overview = $trk == OVERVIEW ? 'active' : 'inactive';
+	$screenshots = $trk == SCREENSHOTS ? 'active' : 'inactive';
 	
 ?>
 <div id="nav-menu">
@@ -18,7 +20,9 @@
 	<li><div>         <a class="<?php echo $home ?>" title="Home" href="./index.php">Home</a>        </div></li>
 	<li><div>         <a class="<?php echo $download ?>" title="Get the latest releases" href="./download.php?trk=g">Download</a>        </div></li>
 	<li><div>         <a class="<?php echo $contribute ?>" title="Information about design/development process" href="./contribute.php?trk=c">Contribute</a>      </div></li>
-	<li><div>         <a class="<?php echo $documentation ?>" title="Project documentation" href="./documentation.php?trk=d">Documentation</a>       </div></li>
-	<li><div>         <a class="<?php echo $documentation ?>" title="Quickstart" href="https://fedorahosted.org/genome/wiki/QuickStart">Quickstart</a>       </div></li>
+	<li><div>         <a class="inactive" title="Project documentation" href="docs/genome">Documentation</a>       </div></li>
+	<li><div>         <a class="<?php echo $overview ?>" title="Overview" href="./overview.php?trk=o">Overview</a>       </div></li>
+	<li><div>         <a class="inactive" title="Quickstart" href="https://fedorahosted.org/genome/wiki/QuickStart">Quickstart</a>       </div></li>
+	<li><div>         <a class="<?php echo $screenshots ?>" title="Screenshots" href="./screenshots.php?trk=s">Screenshots</a>       </div></li>
    </ul>
 </div>
diff --git a/genome-site/content/documentation.php b/genome-site/content/overview.php
index ca20840..05bd5e7 100644
--- a/genome-site/content/documentation.php
+++ b/genome-site/content/overview.php
@@ -5,26 +5,6 @@
     <div id="content">
         <div id="inner">
 	    <div id="doc">
-		<p>Ready to get started with Genome? Read the <a href="/docs/genome">Genome Core Documentation</a></p>
-		<h2>Genome is:</h2>
-		<ul>
-			<li>A set of tools that integrate world class open source products so that developer solutions can automatically be deployed into production</li>
-			<li>A set of tools that capture deployed solutions so that they can be reused by other teams</li>
-			<li>An open source project that allows a community of our partners and customers to collaborate with us on those solutions</li>
-		</ul>
-		<h2>Genome goals:</h2>
-		<ul>
-			<li>Consistently configure systems throughout the software development lifecycle, including production</li>
-			<li>Provide a consistent disaster recovery solution for system configuration</li>
-			<li>Enable large scale parallel developement of infrastructure systems</li>
-		</ul>
-		<h2>Genome uses:</h2>
-		<ul>
-			<li>Cobbler - for OS provisioning and system profile management</li>
-			<li>Func - for remote control of cloud based machines</li>
-			<li>Puppet - for constent system configuration</li>
-		</ul>
-
 		<h2>Genome overview:</h2>
 		<p>Genome at a high level is just a set of tools that allow you to provision an Genome repository machine, which in turn maintains the configuration of cloud based infrastructure machines.
 			Whether you need a cluster of JBoss Applications Servers, replicated MySQL databases, or an Apache proxy tier, the Genome project allows you to consistently provision and configure entire IT system tiers.
diff --git a/genome-site/content/screenshots.php b/genome-site/content/screenshots.php
new file mode 100644
index 0000000..b9e853b
--- /dev/null
+++ b/genome-site/content/screenshots.php
@@ -0,0 +1,28 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<? include("header.php") ?>
+  <div id="body">
+<? include("menu.php") ?>
+    <div id="content">
+        <div id="inner">
+	    <div id="doc">
+		<h2>Screenshots</h2>
+		<p>
+			<ul class="screenshots">
+				<li><span class="screenshot-desc">The Cloud web interface (http://[CLOUD_SERVER]/cloud/status.html)</span><a href="styles/Cloudmaster_large.png" ><img src="./styles/Cloudmaster_small.png" /></a></li>
+				<li><span class="screenshot-desc">The Genome nodes web interface (http://[GENOME_SERVER/genome/nodes.html])</span><a href="styles/Genomed_nodes_large.png" ><img src="./styles/Genomed_nodes_small.png" /></a></li>
+				<li><span class="screenshot-desc">The Genome node web interfaace (http://[GENOME_SERVER/genome/nodes/[MACHINE_NAME].html])</span><a href="styles/Genomed_node_large.png" ><img src="./styles/Genomed_node_small.png" /></a></li>
+			</ul>
+		</p>
+		<h3>Create an isolated infrastructure using the Genome tools</h3>
+                <p>Use the genome tools to create an Genome Repository machine and a cloud of machines to build out an entire IT infrastructure.</p>
+		<p><img src="./styles/genome-high-level.png" border="0" alt="genome high level diagram" /></p>
+		<h3>Setup parallel infrastructure and synchronize later </h3>
+		<p>Multiple Genome repositories can share a cloud of machines.  Creating isolated Genome repositories allows a team to isolate their changes from others and then later synchronize changes when features are ready to merge.</p>
+		<p><img src="./styles/genome-expansion.png" border="0" alt="genome high level diagram" /></p>
+    	    
+	      </div>
+        </div>
+    </div>
+  </div>
+<? include("footer.php") ?>
+
diff --git a/genome-site/content/styles/Cloudmaster_large.png b/genome-site/content/styles/Cloudmaster_large.png
new file mode 100644
index 0000000..41d0a67
--- /dev/null
+++ b/genome-site/content/styles/Cloudmaster_large.png
diff --git a/genome-site/content/styles/Cloudmaster_small.png b/genome-site/content/styles/Cloudmaster_small.png
new file mode 100644
index 0000000..e710d17
--- /dev/null
+++ b/genome-site/content/styles/Cloudmaster_small.png
diff --git a/genome-site/content/styles/Genomed_node_large.png b/genome-site/content/styles/Genomed_node_large.png
new file mode 100644
index 0000000..2a80283
--- /dev/null
+++ b/genome-site/content/styles/Genomed_node_large.png
diff --git a/genome-site/content/styles/Genomed_node_small.png b/genome-site/content/styles/Genomed_node_small.png
new file mode 100644
index 0000000..7a810c4
--- /dev/null
+++ b/genome-site/content/styles/Genomed_node_small.png
diff --git a/genome-site/content/styles/Genomed_nodes_large.png b/genome-site/content/styles/Genomed_nodes_large.png
new file mode 100644
index 0000000..52f3c59
--- /dev/null
+++ b/genome-site/content/styles/Genomed_nodes_large.png
diff --git a/genome-site/content/styles/Genomed_nodes_small.png b/genome-site/content/styles/Genomed_nodes_small.png
new file mode 100644
index 0000000..134265b
--- /dev/null
+++ b/genome-site/content/styles/Genomed_nodes_small.png
diff --git a/genome-site/content/styles/genome.css b/genome-site/content/styles/genome.css
index 7a9d369..1af9aa0 100644
--- a/genome-site/content/styles/genome.css
+++ b/genome-site/content/styles/genome.css
@@ -331,3 +331,10 @@ dd {
 #doc h3{
     padding-top: 2em;
 }
+
+.screenshots li{
+    padding-top: 30px;
+}
+.screenshots{
+    list-style-type: none;
+}