Added widgets on footer (search, categories and tagcloud)

ryanme · May 10, 2016 · 7d8118e · 7d8118e
1 parent ccd8093
commit 7d8118e
Show file tree

Hide file tree

Showing 4 changed files with 41 additions and 2 deletions.
diff --git a/layout/_widgets/categories.ejs b/layout/_widgets/categories.ejs
@@ -0,0 +1,8 @@
+<% if (site.categories.length){ %>
+	<div class="widget-wrap">
+		<h3 class="widget-title"><%= __('categories') %></h3>
+		<div class="widget">
+			<%- list_categories({show_count: theme.show_count}) %>
+		</div>
+	</div>
+<% } %>
diff --git a/layout/_widgets/tagcloud.ejs b/layout/_widgets/tagcloud.ejs
@@ -0,0 +1,8 @@
+<% if (site.tags.length){ %>
+	<div class="widget-wrap">
+		<h3 class="widget-title"><%= __('tagcloud') %></h3>
+		<div class="widget tagcloud">
+			<%- tagcloud() %>
+		</div>
+	</div>
+<% } %>
diff --git a/layout/index.ejs b/layout/index.ejs
@@ -23,7 +23,12 @@
             <% }); %>
 
             <%- partial('_partial/pagination') %>
+
+            <%- search_form({button: 'buscar'}) %>
+
+            <%- partial('_widgets/categories') %>
+
+            <%- partial('_widgets/tagcloud') %>
         </div>
     </div>
-</div>
-
+</div>
diff --git a/source/css/base.styl b/source/css/base.styl
@@ -335,3 +335,21 @@ img::-moz-selection
 
 body
   webkit-tap-highlight-color brand-primary
+
+.search-form
+  margin-top 40px
+  background: #fff
+  border 1px solid #ddd
+  padding: 5px 15px
+
+.search-form-input
+  border: none
+  width: 100%
+  outline: none
+  &::-webkit-search-results-decoration
+  &::-webkit-search-cancel-button
+    -webkit-appearance: none
+
+.search-form-submit
+  position: absolute
+  display none