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:
-AppRecommender logo +AppRecommender logo -
-

What is this?

-

AppRecommender is a project in development that aims to provide solutions +

What is this?

+ +

+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.

-
+principle. +

+
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() { -