From aa1a82c7170429b940783f8ea35327fb9b76616b Mon Sep 17 00:00:00 2001
From: Valessio Soares de Brito <contato@valessiobrito.info>
Date: Thu, 14 Jul 2011 13:34:20 -0300
Subject: [PATCH] fix bug server.py and small changes css

---
 src/web/server.py              |  8 ++++----
 src/web/static/css/apprec.css  | 25 ++++++++++++++++++++++---
 src/web/static/css/style.css   | 46 +++++++++++++++++++++++++++++++++++-----------
 src/web/templates/about.html   | 14 ++++++++------
 src/web/templates/apprec.html  |  3 +--
 src/web/templates/layout.html  |  5 +++--
 src/web/templates/package.html |  4 ++--
 7 files changed, 75 insertions(+), 30 deletions(-)

diff --git a/src/web/server.py b/src/web/server.py
index c620ff1..2027f92 100755
--- a/src/web/server.py
+++ b/src/web/server.py
@@ -35,14 +35,14 @@ class About:
     def GET(self):
         return render.about()
 
+class Support:
+    def GET(self):
+        return render.support()
+
 class Thanks:
     def POST(self):
         return render.thanks()
 
-class Support:
-    def POST(self):
-        return render.support()
-
 class Package:
     def GET(self, pkg):
         json_source = "http://dde.debian.net/dde/q/udd/packages/all/%s?t=json" % pkg #FIXME: url goes to config
diff --git a/src/web/static/css/apprec.css b/src/web/static/css/apprec.css
index 828e45c..e9269af 100644
--- a/src/web/static/css/apprec.css
+++ b/src/web/static/css/apprec.css
@@ -24,6 +24,14 @@ color: gray;
 }
 
 
+a.link-thumb img {
+height: 100px;
+margin: 5px;
+border-radius: 4px;
+box-shadow: 0 1px 2px gray;
+}
+
+
 
 /*
  * Package Box
@@ -47,11 +55,8 @@ margin-top: 20px;
 #debtags_box { 
 display: block;
 float: right;
-background-color: #dfdfdf;
-border-radius: 5px;
 width: 150px;
 font-size: 0.8em;
-padding: 5px;
 }
 
 #debtags_box h2 {
@@ -84,6 +89,20 @@ margin-top: 20px;
 margin-bottom: 4px;
 }
 
+/* Details BOX */
+
+#details_box {
+margin-top: 50px;
+padding: 20px;
+font-size: 0.8;
+color: #545454;
+}
+
+#details_box h2 {
+margin: -5px 0 15px 0px;
+color: #000;
+}
+
 #details_box li {
 margin-bottom: 10px;
 }
diff --git a/src/web/static/css/style.css b/src/web/static/css/style.css
index 5858620..e708115 100644
--- a/src/web/static/css/style.css
+++ b/src/web/static/css/style.css
@@ -62,13 +62,14 @@ background-image: url('../images/pattern.gif');
 #wrap {
 min-width: 470px;
 max-width: 960px;
-margin-top: 40px;
 padding-top: 55px;
+margin-top: 40px;
+margin-bottom: 40px;
 margin-right: auto;
-margin-bottom: 0px;
 margin-left: auto;
 background-color: white;
 border-radius: 10px;
+box-shadow: 0 0 20px #000000;
 background: #e0e0e0; /* Old browsers: generate by http://www.colorzilla.com/gradient-editor/ */
 background: -moz-linear-gradient(top, #e0e0e0 0%, #ffffff 46%); /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0e0e0), color-stop(46%,#ffffff)); /* Chrome,Safari4+ */
@@ -87,6 +88,8 @@ margin-left: 50%;
 width: 620px;
 height: 60px;
 border-radius: 0 0 10px 10px;
+box-shadow: 0 -1px 5px #000000 inset, 0 1px 10px #000000 inset, 0 2px 20px #545454;
+outline: medium none;
 padding: 15px;
 background: #000;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#babdb6', endColorstr='#000000');
@@ -108,9 +111,9 @@ float: left;
 #navbar { 
 list-style: none;
 height: 20px;
-width: 100%;
 padding:0;
-margin:10px;
+margin-bottom: 5px;
+float: left;
 }
 
 #navbar li { 
@@ -128,7 +131,7 @@ margin-left: -1px;
 position: relative; 
 left: 1px; 
 text-decoration: none;
-border: 1px solid gray;
+border-right: 1px solid gray;
 }
 
 #navbar li a:hover { 
@@ -137,8 +140,9 @@ color: red;
 
 #sidebar {
 width: 370px;
-min-height: 450px;
+min-height: 475px;
 float: right;
+padding-bottom: 20px;
 }
 
 #maincontent {
@@ -256,13 +260,32 @@ padding:0;
 /* Gray Box */
 
 .graybox { 
-background-color: #dfdfdf;
+background: #dfdfdf;
 border-radius: 5px;
-font-size: 0.8;
 padding: 5px;
-box-shadow: 0 1px 2px gray;
 }
 
+.horiz-grad {
+background: #dfdfdf; /* Old browsers */
+background: -moz-linear-gradient(left, #dfdfdf 51%, #ffffff 100%); /* FF3.6+ */
+background: -webkit-gradient(linear, left top, right top, color-stop(51%,#dfdfdf), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
+background: -webkit-linear-gradient(left, #dfdfdf 51%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
+background: -o-linear-gradient(left, #dfdfdf 51%,#ffffff 100%); /* Opera11.10+ */
+background: -ms-linear-gradient(left, #dfdfdf 51%,#ffffff 100%); /* IE10+ */
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfdfdf', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
+background: linear-gradient(left, #dfdfdf 51%,#ffffff 100%); /* W3C */
+}
+
+.vert-grad {
+background: #dfdfdf; /* Old browsers */
+background: -moz-linear-gradient(top, #dfdfdf 51%, #ffffff 100%); /* FF3.6+ */
+background: -webkit-gradient(linear, left top, left bottom, color-stop(51%,#dfdfdf), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
+background: -webkit-linear-gradient(top, #dfdfdf 51%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
+background: -o-linear-gradient(top, #dfdfdf 51%,#ffffff 100%); /* Opera11.10+ */
+background: -ms-linear-gradient(top, #dfdfdf 51%,#ffffff 100%); /* IE10+ */
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfdfdf', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
+background: linear-gradient(top, #dfdfdf 51%,#ffffff 100%); /* W3C */
+}
 
 /* Tip */
 div.tip
@@ -349,6 +372,7 @@ margin: 0;
 outline: 0 none;
 padding: 3px;
 background: none;
+text-align: center;
 }
 
 #pkgs_list:hover, #pkgs_list:active, #pkgs_list:focus {
@@ -395,6 +419,8 @@ background: -webkit-gradient(linear, left top, left bottom, from(#d3d7cf), to(#d
 background: -moz-linear-gradient(top,  #d3d7cf,  #d3d7cf);
 }
 
+/* Advance Query */
+
 #advanced-button {
 color: #888a85;
 font-size: 10px;
@@ -414,8 +440,6 @@ cursor: pointer;
 #advanced-button:hover { color: black; }
 
 
-/* Advance Query */
-
 #advanced-slide { display: none; }
 
 #advanced-slide legend {
diff --git a/src/web/templates/about.html b/src/web/templates/about.html
index 8c79d8b..39a35a6 100644
--- a/src/web/templates/about.html
+++ b/src/web/templates/about.html
@@ -7,16 +7,18 @@ $var jsfiles:
 <div id="maincontent">
 <div class="innertube">
 
-<img style="float: right;" alt="AppRecommender logo" src="/static/images/logo.png" />
+<img style="float: right;" alt="AppRecommender logo" src="/static/images/logo.png" width="150px" />
 
-<div class="graybox">
-    <h1>What is this?</h1>
-<p>AppRecommender is a project in development that aims to provide solutions
+<h1>What is this?</h1>
+
+<p>
+AppRecommender is a project in development that aims to provide solutions
 for application recommendation at the GNU/Linux world. It was initially thought
 as a Debian package recommender, but considering the multi-distro effort in
 providing platform independent solutions, it should also follow this
-principle.</p>
-</div>
+principle.
+</p>
+
 
 
 </div><!-- id="innertube" -->
diff --git a/src/web/templates/apprec.html b/src/web/templates/apprec.html
index e5a7b7c..3b7c1d7 100644
--- a/src/web/templates/apprec.html
+++ b/src/web/templates/apprec.html
@@ -42,11 +42,10 @@ $$(document).ready(function() {
 </script>
 
 
-
 <div id="sidebar">
 <div class="innertube">
 
-<div id="details_box" class="graybox align-left">
+<div id="details_box" class="graybox align-left vert-grad">
 <h2>Recommendation strategy details</h2>
         <ul class="toc">
 	$for key, value in request.get_details().items():
diff --git a/src/web/templates/layout.html b/src/web/templates/layout.html
index f10f7f1..f3b85c5 100644
--- a/src/web/templates/layout.html
+++ b/src/web/templates/layout.html
@@ -170,8 +170,9 @@ $:content
 	<li><a href="http://github.com/tassia/AppRecommender">Development</a></li>
     </ul>
    </div><!-- id="navbar" -->
-
- Copyright © 2011 AppRecommender.  Debian is a registered trademark of Software in the Public Interest, Inc.
+  <p id="copyright">
+   Copyright © 2011 AppRecommender.  Debian is a registered trademark of Software in the Public Interest, Inc.
+  </p>
  </div><!-- id="footer" -->
 
 
diff --git a/src/web/templates/package.html b/src/web/templates/package.html
index dc4a3ba..03d885b 100644
--- a/src/web/templates/package.html
+++ b/src/web/templates/package.html
@@ -1,6 +1,6 @@
 $def with (pkg)
 
-<div id="debtags_box" class="graybox">
+<div id="debtags_box" class="graybox horiz-grad">
 <h2>Debtags</h2>
 <ul id="debtags_pkg">
 $for facet, tags in pkg['tag'].items():
@@ -51,7 +51,7 @@ $for facet, tags in pkg['tag'].items():
 
 </p>
 
-<div id="debresources_box" class="graybox">
+<div id="debresources_box" class="graybox vert-grad">
 <h2>Debian resources:</h2>
     <ul>
         <li><a href="http://packages.debian.org/$pkg['package']">Package page on debian.org</a></li>
--
libgit2 0.21.2