add jam-search card, rename demo to app (#16)

Author: DrEverr

src/index.html

@@ -48,7 +48,7 @@ <h1>fluffy labs</h1>
     </div>
 
     <div class="top-section-description">
-        <div class="container">            
+        <div class="container">
             <p>hey there! we build fluffy blockchain stuff. talk is cheap, so see our github for the code.</p>
         </div>
     </div>
@@ -81,53 +81,66 @@ <h3>pvm debugger<br/><small>&nbsp;</small></h3>
                     and after plugging in one of available pvm implementations also running &amp; debugging it.
                     </p>
                     <a href="//github.com/fluffylabs/pvm-debugger" class="btn-transparent">code</a>
-                    <a href="//pvm.fluffylabs.dev" class="btn">demo</a>
+                    <a href="//pvm.fluffylabs.dev" class="btn">app</a>
                 </div>
                 <div class="item">
                     <div class="img"><img src="assets/images/icon1.png" alt="gray paper reader icon"></div>
                     <h3>gray paper reader<br/><small>&nbsp;</small></h3>
                     <p>
-                        to accelerate jam implementation, we have built a web-based reader for the <a href="//graypaper.com">gray paper</a>. it allows sharing links to a selection and manage personal notes. there is also an ai assistant to help explaining the concise form of the paper. 
+                        to accelerate jam implementation, we have built a web-based reader for the <a href="//graypaper.com">gray paper</a>. it allows sharing links to a selection and manage personal notes. there is also an ai assistant to help explaining the concise form of the paper.
                     </p>
                     <br />
                     <a href="//github.com/fluffylabs/graypaper-reader" class="btn-transparent">code</a>
-                    <a href="//graypaper.fluffylabs.dev" class="btn">demo</a>
+                    <a href="//graypaper.fluffylabs.dev" class="btn">app</a>
                 </div>
                 <div class="item">
-                    <div class="img"><img src="assets/images/icon2.png" alt="trie visualiser icon"></div>
-                    <h3>trie visualiser<br/><small>(in progress)</small></h3>
-                    <p>jam's binary merkle trie visualiser for educational purposes. see how nodes are added to the trie and how the merkle root hash is calculated.</p>
-                    <br />
-                    <br />
-                    <br />
-                    <a href="//github.com/fluffylabs/trie-visualiser" class="btn-transparent">code</a>
-                    <a href="//trie.fluffylabs.dev" class="btn">demo</a>
+                    <div class="img"><img src="assets/images/icon6.png" alt="jam search icon"></div>
+                    <h3>jam search<br /><small>&nbsp;</small></h3>
+                    <p> search for jam-related content on the web & matrix chat rooms </p>
+                    <br/>
+                    <br/>
+                    <br/>
+                    <br/>
+                    <br/>
+                    <a href="//github.com/fluffylabs/jam-search" class="btn-transparent">code</a>
+                    <a href="//search.fluffylabs.dev/" class="btn">app</a>
                 </div>
                 <div class="item">
                     <div class="img"><img src="assets/images/icon5.png" alt=""></div>
                     <h3>jam codec<br/><small>&nbsp;</small></h3>
                     <p>
                         encode &amp; decode basic jam data structure's
                     </p>
+                    <br/>
+                    <br/>
                     <a href="//github.com/fluffylabs/codec" class="btn-transparent">code</a>
-                    <a href="//papi.fluffylabs.dev" class="btn">demo</a>
+                    <a href="//papi.fluffylabs.dev" class="btn">app</a>
                 </div>
                 <div class="item">
-                    <div class="img"><img src="assets/images/icon6.png" alt=""></div>
-                    <h3>jam block explorer<br /><small>(planned)</small></h3>
-                    <br/>
-                    <br/>
-                    <br/>
-                    <a href="#contact" class="scroll-down btn-transparent">contact</a>
+                    <div class="img"><img src="assets/images/icon2.png" alt="trie visualiser icon"></div>
+                    <h3>trie visualiser<br/><small>(in progress)</small></h3>
+                    <p>jam's binary merkle trie visualiser for educational purposes. see how nodes are added to the trie and how the merkle root hash is calculated.</p>
+                    <a href="//github.com/fluffylabs/trie-visualiser" class="btn-transparent">code</a>
+                    <a href="//trie.fluffylabs.dev" class="btn">app</a>
                 </div>
                 <div class="item">
                     <div class="img"><img src="assets/images/icon3.png" alt=""></div>
                     <h3>jam network dashboard<br /><small>(planned)</small></h3>
                     <br/>
                     <br/>
                     <br/>
+                    <br/>
+                    <br/>
                     <a href="#contact" class="scroll-down btn-transparent">contact</a>
                 </div>
+                <!--<div class="item">
+                    <div class="img"><img src="assets/images/icon9.png" alt=""></div>
+                    <h3>jam block explorer<br /><small>(planned)</small></h3>
+                    <br/>
+                    <br/>
+                    <br/>
+                    <a href="#contact" class="scroll-down btn-transparent">contact</a>
+                </div>-->
                 <div class="item-full mobile-hidden">
                     <div class="img"></div>
                     <div class="text">