Update website with new footer.

6 files changed, 170 insertions, 14 deletions

diff --git a/website/new/css/style.css b/website/new/css/style.css
index 1d43324..b02cb02 100644
--- a/website/new/css/style.css
+++ b/website/new/css/style.css
@@ -40,7 +40,7 @@ ul#nav {
 }
 
 ul#nav li a {
-  color: #59cbe1;
+  color: #c98b07;
   text-decoration: none;
 }
 
@@ -49,7 +49,7 @@ ul#nav li#active {
 }
 
 ul#nav li#active a, ul#nav li#active a:link, ul#nav li#active a:visited {
-  color: white;
+  color: #c98b07;
 }
 
 div#feed {
@@ -73,7 +73,7 @@ div#feed ul {
 }
 
 div#main {
-  background-color: #212121;
+  /** background-color: #212121; **/
   border-top: 1px solid #59cbe1;
   border-bottom: 1px solid #59cbe1;
   overflow: auto;
@@ -108,7 +108,7 @@ div#content p {
 }
 
 a:link {
-  color: #59cbe1;
+  color: #c98b07;
 }
 
 a:hover {
@@ -174,11 +174,134 @@ tt {
   padding-left: 30px;
 }
 
+
 #footer {
-  width: 100%;
-  font-size: x-small;
-  color: #aaa;
-  text-align: center;
-  padding-top: 16px;
-  padding-bottom: 16px;
+    clear: both;
+    position: relative;
+    margin: 0px;
+    padding: 0px;
+    border: 0px;
+    width: 100%;
+    background: #757575;
+    height: 180px;
+}
+
+/* This is hidden from IE <= 6 because it can't do transparency */
+body > #footer {
+    background: #757575 url(img/footer_pattern.png) repeat-x;
+}
+
+#footer p {
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    margin: 0px;
+    border: 0px;
+    width: 220px;
+    text-align: center;
+}
+
+#footer p a img {
+    border: 0px;
 }
+
+#projects {
+    margin: 0px;
+    border: 0px;
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    width: 100%;
+}
+
+
+#projects dl {
+    margin: 0px;
+    border: 0px solid white;
+    height: 180px;
+    position: absolute;
+    top: 0px;
+    left: 0px;
+}
+/* This is hidden from IE <= 6 because it can't do transparency */
+head:first-child+body #projects dl {
+    background: url(img/footer_corner.png) no-repeat;
+}
+
+
+#projects #p1 {
+    margin-left: 25%;
+    width: 75%;
+}
+
+#projects #p2 {
+    margin-left: 50%;
+    width: 50%;
+}
+
+#projects #p3 {
+    margin-left: 75%;
+    width: 25%;
+}
+
+#projects dt, #projects dd {
+    padding: 0px;
+    margin: 0px;
+}
+
+#projects #p1 dt, #projects #p1 dd {
+    width: 33%;
+    }
+#projects #p2 dt, #projects #p2 dd {
+    width: 50%;
+}
+#projects #p3 dt, #projects #p3 dd {
+    width: 99%;
+}
+
+#projects {
+}
+
+#projects span {
+    font-size: 0.8em;
+    display: block;
+    padding-left: 1em;
+    padding-top: 0.5em;
+}
+
+#projects a {
+    font-size: 0.8em;
+    display: block;
+    padding-left: 0.8em;
+    padding-top: 1em;
+}
+
+#projects a {
+    color: white;
+    text-decoration: inherit;
+}
+
+#projects span {
+    color: #ccc;
+}
+
+
+.screenshot img {
+    border: 0px;
+}
+.screenshot {
+    padding: 1em;
+    background: #6a7178;
+    color: #dddddd;
+    text-align: center;
+    width: 70%;
+    margin-left: auto ! important;
+    margin-right: auto ! important;
+    margin-top: 1em;
+    margin-bottom: 3em;
+}
+
+.screenshot a {
+    color: inherit;
+}
+
diff --git a/website/new/footer.html b/website/new/footer.html
index 35be552..cf18ff8 100644
--- a/website/new/footer.html
+++ b/website/new/footer.html
@@ -1,6 +1,38 @@
-<p>Copyright &copy; 2007 Red Hat, Inc. and others. 
-A project from the <a href="http://et.redhat.com/">Red Hat Emerging Technologies Group</a>.<br />
-Website design is <a href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution-Share Alike 3.0</a>.
+ <div id="footer">
+    <div id="projects">
+      <dl id="p1">
+        <dt><a href="http://augeas.net/">Augeas</a></dt>
+        <dd><span>A configuration editing tool and API</span></dd>
+
+        <dt><a href="http://libvirt.org/">libvirt</a></dt>
+        <dd><span>The open source virtualization API</span></dd>
+<!--        <dt><a href="http://thincrust.et.redhat.com/">Thin Crust</a></dt>
+        <dd><span>Tools for building virtual appliances</span></dd>-->
+      </dl>
+      <dl id="p2">
+        <dt><a href="http://cobbler.et.redhat.com/">Cobbler</a></dt>
+        <dd><span>OS provisioning and profile management</span></dd>
+
+        <dt><a href="http://ovirt.org/">oVirt</a></dt>
+        <dd><span>Virtualization management across the data center</span></dd>
+<!--        <dt><a href="http://et.redhat.com/~rjones/virt-p2v/">p-2-v</a></dt>
+        <dd><span>Virtualize existing deployed servers</span></dd>-->
+      </dl>
+      <dl id="p3">
+        <dt><a href="http://freeipa.org/">FreeIPA</a></dt>
+        <dd><span>Identity, policy and audit management</span></dd>
+
+        <dt><a href="http://virt-manager.org/">Virtual Machine Manager</a></dt>
+        <dd><span>Virtualization management from the desktop</span></dd>
+<!--        <dt><a href="http://virt-manager.org/">Virtual Tools</a></dt>
+        <dd><span>Virtualization management from the command line</span></dd>-->
+      </dl>
+    </div>
+    <p id="et">
+      <a href="http://et.redhat.com/"><img src="./img/et_logo.png" alt="A Red Hat Emerging Technology Project"></a>
+    </p>
+
+  </div>
 
 <script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
 </script>
diff --git a/website/new/img/et_logo.png b/website/new/img/et_logo.png
new file mode 100644
index 0000000..e094b59
--- /dev/null
+++ b/website/new/img/et_logo.png
diff --git a/website/new/img/footer_corner.png b/website/new/img/footer_corner.png
new file mode 100644
index 0000000..090bfce
--- /dev/null
+++ b/website/new/img/footer_corner.png
diff --git a/website/new/img/footer_pattern.png b/website/new/img/footer_pattern.png
new file mode 100644
index 0000000..647c52a
--- /dev/null
+++ b/website/new/img/footer_pattern.png
diff --git a/website/push.sh b/website/push.sh
index 594c50b..9623250 100644
--- a/website/push.sh
+++ b/website/push.sh
@@ -1,2 +1,3 @@
 #!/bin/sh
-scp -r new/* et.redhat.com:/var/www/sites/cobbler.et.redhat.com
+#scp -r new/* et.redhat.com:/var/www/sites/cobbler.et.redhat.com
+cp -r new/* /var/www/html/stage