Change layout of filter boxes

fairmondo · Nov 27, 2014 · 0d038fa · 0d038fa
1 parent 308acd6
commit 0d038fa
Show file tree

Hide file tree

Showing 2 changed files with 36 additions and 33 deletions.
diff --git a/app/assets/stylesheets/controller/welcome.css.scss b/app/assets/stylesheets/controller/welcome.css.scss
@@ -274,38 +274,39 @@
 
 #filters section .filter-image .filter-show {
   bottom: 5%;
-  left: 5%;
+  right: 5%;
+  padding-bottom: 0.3em;
 }
 
 #filters section .filter-image .filter-label {
   right: 5%;
   top: 5%;
+  min-width: 3em;
+  font-size: 1.1em;
   text-transform: uppercase;
+  text-align: center;
 }
 
 #filters section img {
   width: 100%;
 }
 
-#filters section h3 {
-  text-transform: uppercase;
-  font-size: 1.4em;
-  //font-size: 1.5em;
-  //font-weight: 700;
+#filters .filter-text {
+  padding: 1.2em 0 1.2em;
+}
+
+#filters .filter-text h3 {
+  margin: 0 7.5% 0.5em;
+  font-size: 1.5em;
+  font-weight: 600;
   color: $white;
-  margin: 0 5% 0.5em;
   &:hover {
     text-decoration: none;
   }
 }
 
-#filters .filter-text {
-  padding: 0.75em 0 1em;
-  //min-height: 120px;
-}
-
 #filters .filter-text p {
-  margin: 0 5%;
+  margin: 0 7.5%;
   text-decoration: underline;
 }
 
@@ -314,19 +315,19 @@
 }
 
 #filter-fair .filter-image p, #filter-fair .filter-text {
-  background-color: #13485a;
+  background-color: #457193;
 }
 
 #filter-eco .filter-image p, #filter-eco .filter-text {
-  background-color: #959579;
+  background-color: #768749;
 }
 
 #filter-small .filter-image p, #filter-small .filter-text {
-  background-color: #e09619;
+  background-color: #e47240;
 }
 
 #filter-used .filter-image p, #filter-used .filter-text {
-  background-color: #9a365c;
+  background-color: #574c44;
 }
 
 

diff --git a/app/views/welcome/index.html.slim b/app/views/welcome/index.html.slim
@@ -153,47 +153,49 @@
   .teaser-inner
     section#filter-fair
       .filter-wrapper
-        = link_to '' do
+        = link_to 'articles?article_search_form[fair]=true' do
+          .filter-text
+            h3 Darf&rsquo;s noch<br>etwas fair sein?
+            p Faire Artikel auf einen Blick
           .filter-image
             = image_tag 'welcome/filter-fair.jpg'
             p.filter-show Jetzt ansehen
             p.filter-label fair
-          .filter-text
-            h3 Darf&rsquo;s noch etwas fair sein?
-            p Faire Artikel auf einen Blick
 
     section#filter-eco
       .filter-wrapper
-        = link_to '' do
+        = link_to 'articles?article_search_form[ecologic]=true' do
+          .filter-text
+            h3 Öko? Logisch!<br>Auf Fairmondo.
+            p Öko-Produkte auf einen Blick
           .filter-image
             = image_tag 'welcome/filter-eco.jpg'
             p.filter-show Hier reinschauen
             p.filter-label öko
-          .filter-text
-            h3 Öko? Logisch!<br>Auf Fairmondo.
-            p Öko-Produkte auf einen Blick
 
     section#filter-small
       .filter-wrapper
-        = link_to '' do
+        = link_to 'articles?article_search_form[small_and_precious]=true' do
+          .filter-text
+            h3 Kleine Hersteller<br>–&nbsp;große Qualität.
+            p Alle Angebote auf einen Blick
           .filter-image
             = image_tag 'welcome/filter-small.jpg'
             p.filter-show Jetzt entdecken
             p.filter-label edel
-          .filter-text
-            h3 Kleine Hersteller&nbsp;–<br>große Qualität.
-            p Alle Angebote auf einen Blick
+
 
     section#filter-used
       .filter-wrapper
-        = link_to '' do
+        = link_to 'articles?article_search_form[condition]=old' do
+          .filter-text
+            h3 Von letzter Saison<br>bis echter Rarität.
+            p Gebrauchtes auf einen Blick
           .filter-image
             = image_tag 'welcome/filter-used.jpg'
             p.filter-show Hier stöbern
             p.filter-label gebraucht
-          .filter-text
-            h3 Von letzter Saison bis echter Rarität.
-            p Gebrauchtes auf einen Blick
+
 
 
 / Personalized library section, only shown if @last_hearted_libraries is set