Add comparison div to home.html

tobami · Jun 20, 2010 · d182fc3 · d182fc3
1 parent 9df35d4
commit d182fc3
Show file tree

Hide file tree

Showing 5 changed files with 15 additions and 10 deletions.
diff --git a/speedcenter/media/css/main.css b/speedcenter/media/css/main.css
@@ -1,5 +1,5 @@
 body {
-    min-width: 960px;
+    min-width: 600px;
     margin: 0;
     padding: 0;
     background-color: #596A74;
@@ -74,11 +74,11 @@ div#workarea {
 }
 
 div#presentation_wrapper {
-    width: 725px;
+    width: 880px;
     margin-left: auto; margin-right: auto;
     text-align: center;
 }
-div#presentation_wrapper p { font-size: large; }
+div#presentation_wrapper h2 { margin-top: 0.5em; }
 div#presentation_wrapper p a:hover { text-decoration: underline; }
 div#presentation div {
     background-image: url(/media/images/vgradient.png);
@@ -88,23 +88,22 @@ div#presentation div {
     position: relative;
     float: left;
     height: 260px;
-    width: 270px;
+    width: 230px;
     cursor: pointer;
     text-align: center;
-    margin: 1.6em;
+    margin: 0.8em;
     padding: 0.8em;
     border: 5px solid #F1F1F1;
     -moz-border-radius: 20px;
     -webkit-border-radius: 20px;
 }
-div#presentation p { text-align: left; font-size: medium; }
+div#presentation p { text-align: left; font-size: small; }
 
 div#presentation div:hover {
     border: 5px solid #FFCE9C;
 }
 
-div#presentation h2 {  }
-div#presentation img { border: 0; position: relative; bottom: 0px;}
+div#presentation img { border: 0; position: relative; bottom: 0px; }
 
 div#sidebar {
     width: 13.7em;

diff --git a/speedcenter/media/images/changes.png b/speedcenter/media/images/changes.png
diff --git a/speedcenter/media/images/comparison.png b/speedcenter/media/images/comparison.png
diff --git a/speedcenter/media/images/timeline.png b/speedcenter/media/images/timeline.png
diff --git a/speedcenter/templates/home.html b/speedcenter/templates/home.html
@@ -5,6 +5,7 @@
   $(function() {
     $("#changes").click(function () { window.location="/changes/"; });
     $("#timeline").click(function () { window.location="/timeline/"; });
+    $("#comparison").click(function () { window.location="/comparison/"; });
   });
 </script>
 {% endblock %}
@@ -15,12 +16,17 @@
     <div id="changes">
       <h2>Changes</h2>
       <p>Track performance changes in the latest revisions</p>
-      <img src="/media/images/changes.png" height="130" width="250" alt="Changes"/>
+      <img src="/media/images/changes.png" height="130" width="220" alt="Changes"/>
     </div>
     <div id="timeline">
       <h2>Timeline</h2>
       <p>Analyze performance over time</p>
-      <img src="/media/images/timeline.png" height="150" width="250" alt="Timeline"/>
+      <img src="/media/images/timeline.png" height="140" width="220" alt="Timeline"/>
+    </div>
+    <div id="comparison">
+      <h2>Comparison</h2>
+      <p>Compare different executables and revisions</p>
+      <img src="/media/images/comparison.png" height="130" width="220" alt="Changes"/>
     </div>
 </div>
 </div>