Add project page for scgen

public/styles/normal.css

@@ -14,6 +14,10 @@
     a {
         color: gray;
     }
+
+    a.viewmore {
+        float: right;
+    }
     
     label {
         margin-left: 1em;
@@ -82,4 +86,4 @@
         page-break-before: always;
     }
     
-}
+}

source/webui/templates/navigation.tpl

@@ -22,6 +22,7 @@
             <li><a href="{$base_uri}projects/sihnon-framework/" title="Sihnon Framework">Sihnon Framework</a></li>
             <li><a href="{$base_uri}projects/ripping-cluster/" title="RippingCluster">RippingCluster</a></li>
             <li><a href="{$base_uri}projects/status-board/" title="StatusBoard">StatusBoard</a></li>
+            <li><a href="{$base_uri}projects/scgen/" title="SCGen">Cisco Switch Configuration Generator</a></li>
             <li><a href="{$base_uri}projects/3yp/" title="Third Year Project">Third Year Project</a></li>
         </ul>
     </li>

source/webui/templates/projects.tpl

@@ -17,6 +17,9 @@
     
     <dt><a href="{$base_uri}projects/status-board/" title="StatusBoard">StatusBoard</a></dt>
     <dd>PHP/Web tool for displaying service status and incident details.</dd>
+
+    <dt><a href="{$base_uri}projects/scgen/" title="Cisco Switch Config Generator">Cisco Switch Configuration Generator</a></dt>
+    <dd>HTML/Javascript GUI tool for generating configuration files for Cisco switches.</dd>
 </dl>
 
 <h2>University Projects</h2>

source/webui/templates/projects/scgen.tpl

@@ -0,0 +1,69 @@
+<h2>Cisco Switch Configuration Generator</h2>
+
+<p>
+    SCGen is a Cisco Switch Configuration Generator for a substancial portion of 
+    the available commands in a modern IOS. The tool runs entirely client side in
+    a web browser and can be run either from a local filesystem or via a
+    webserver.
+</p>
+
+<div class="container">
+    <div class="row">
+        <div class="span7 column">
+            <h3>Features</h3>
+            <ul>
+                <li>Configure global options such as hostname, logging, ntp, and ip hosts/routes</li>
+                <li>Configure aliases</li>
+                <li>Configure VLANs, Interfaces and SVIs</li>
+                <li>Produces a config you can copy/paste onto a switch</li>
+                <li>Customisable using an external JSON file</li>
+                <li>Tested on chromium 18
+            </ul>
+        </div>
+        <div class="span5 column">
+            <img class="span5" src="{$base_uri}images/scgen/overview.png" alt="SCGen Overview" />
+        </div>
+    </div>
+    
+    <div class="row">
+        <div class="span12">
+            <h3>Source</h3>
+            <p>
+                View or clone a copy of the Git repositories from one of the mirrors listed below:
+            </p>
+            <ul>
+                <li><a href="https://git.sihnon.net/cgit.cgi/scgen.git/" title="Sihnon Mirror">Sihnon Mirror</a></li>
+                <li><a href="https://github.com/optiz0r/scgen/" title="GitHub Mirror">GitHub Mirror</a></li>
+            </ul>
+        </div>
+    </div>
+
+    <div class="row">
+        <div class="span12">
+            <h3>Screenshots</h3>
+            <ul class="thumbnails">
+                <li class="span4">
+                    <div class="thumbnail">
+                        <img src="{$base_uri}images/scgen/alias-vlan.png" alt="Alias and VLAN configuration" />
+                        <a href="{$base_uri}images/scgen/alias-vlan.png" class="viewmore">View larger</a>
+                        <h5>Alias and VLANs</h5>
+                        <p>
+                            Define aliases and VLAN names.
+                        </p>
+                    </div>
+                </li>
+                <li class="span4">
+                    <div class="thumbnail">
+                        <img src="{$base_uri}images/scgen/interfaces.png" alt="Interface configuration" />
+                        <a href="{$base_uri}images/scgen/interfaces.png" class="viewmore">View larger</a>
+                        <h5>Interfaces</h5>
+                        <p>
+                            Configure interfaces and port channels using predefined port types with optional parameters.
+                        </p>        
+                    </div>
+                </li>
+            </ul>
+        </div>
+    </div>
+</div>
+