Style enhancement suggestion for grid (bottom of get-dash page)

README.md

@@ -1,6 +1,6 @@
 # Dash Website
 
-## Jekyll
+## Jekyll 
 We are using Jekyll to generate the static html files.
 https://jekyllrb.com
 

_i18n/en.yml

@@ -786,8 +786,8 @@ pages:
     claim-heading: Buy, Sell, Exchange Dash
     claim-subline: Dash can be acquired, held and exchanged in many ways.
 
-    setup-heading: Learn how to set up your wallet
-    setup-text:
+    setup-heading: Set up your wallet
+    setup-text: Explore different kinds of wallets and learn how to set up your wallet
     setup-btn: Learn More
     setup-link: https://dashpay.atlassian.net/wiki/pages/viewpage.action?pageId=1146941
 
@@ -961,8 +961,9 @@ pages:
   blog:
       title: The Digital Cash Blog
       description: "Latest Dash news & information"
-      search-btn: Search Blog
+      search-btn: Search Blogs
       community-news-btn: Community News
+      search-heading: Search Blogs
 
   team:
 

_includes/hero/blog.html

@@ -15,7 +15,7 @@ <h1 class="hero__title">{% t pages.blog.title %}</h1>
 
 			<!--a href="#" class="btn-white-solid">{% t pages.blog.search-btn %}</a-->
 			<a href="{{ basenav }}/community/#community-news" class="btn-white-solid">{% t pages.blog.community-news-btn %}</a>
-
+			<a  href="#search" class="btn-white-solid">{% t pages.blog.search-btn %}</a>
 		</div>
 	</div>
 

blog/index.html

@@ -49,4 +49,24 @@ <h2 class="featurepost__title"><a href="{{ basenav }}{{ post.url }}">{{ post.tit
 		</div>
 	</section>
 
+	<h2 id="search"  class="section__title">{% t pages.blog.search-heading %}</h2>
+	<!-- Html Elements for Search -->
+	<div id="search-container" class="search-container">
+	<input type="text" id="search-input" placeholder="search...">
+	<ul id="results-container"></ul>
+	</div>
+
+	<!-- Script pointing to search-script.js -->
+	<!-- <script src="/assets/js/dash-masternode-globe.min" type="text/javascript"></script> -->
+	<script src="/assets/js/search-script.js" type="text/javascript"></script>
+
+	<!-- Configuration -->
+	<script>
+	SimpleJekyllSearch({
+	  searchInput: document.getElementById('search-input'),
+	  resultsContainer: document.getElementById('results-container'),
+	  json: '/search.json'
+	})
+	</script>
+
 </div>

search.json

@@ -0,0 +1,11 @@
+---
+---
+[
+  {% for post in site.posts %} 
+    {
+
+      "title"    : "{{ post.title | escape }}"
+
+    } {% unless forloop.last %},{% endunless %}
+  {% endfor %}
+]

src/scss/_info-grid.scss

@@ -7,7 +7,10 @@ $m: 'info-grid';
 	&__item {
 		@extend .col-md-4;
 		@extend .col-sm-6;
+		// background-color: $color-gray-light;	
 		margin-bottom: 70px;
+		text-align: center;
+		padding: 10px;
 
 
 		@include mq($to: small) {
@@ -24,7 +27,9 @@ $m: 'info-grid';
 			border-radius: 50%;
 			// border: 1px solid rgba($color-gray-dark, 0.1);
 			background-color: rgba($color-white, 0.5);
-			margin-bottom: 40px;
+			// margin-bottom: 40px; 
+			margin-left: auto;
+			margin-right: auto;
 
 			@include mq($to: small) {
 				margin-left: auto;
@@ -42,10 +47,12 @@ $m: 'info-grid';
 			@include font-title-small();
 			text-transform: none;
 			margin-bottom: 0.5em;
+			// text-align: center;
 		}
 		&-text {
 			color: $color-gray-dark;
 			margin-bottom: 0.5em;
+			// text-align: center;
 		}
 		&-link {
 			@extend .btn-blue;

src/scss/_search.scss

@@ -0,0 +1,15 @@
+
+
+.search-container {
+    margin: 25px;
+
+    #search-input{
+        display: block;
+        margin: auto;
+        font-size: larger;
+    }
+
+    #results-container{
+        padding-top: 15px;
+    }
+}

src/scss/main.scss

@@ -52,3 +52,4 @@
 @import "pages/currency";
 @import "social_icons";
 @import "school";
+@import "search";