Everything ported to new cards. Just need images a good header plus a little VainSocial Branding.

1 files changed, 89 insertions, 246 deletions

diff --git a/templates/index.html b/templates/index.html
index 6c7e2ce..facb2d2 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -79,7 +79,7 @@
                             <h6></h6>
                             <h4 id="minions-killed-now">0</h4>
                         </div>
-                        <p class="description">why do we have to be so cruel? Why? Why? Why?</p>      
+                        <p class="description">why do we have to be so cruel?</p>      
                     </div> 
                     <div class="filter"></div>
                 </div> <!-- end card -->    
@@ -101,289 +101,132 @@
                 </div> <!-- end card -->    
             </div>
 
-
-
-
-
-
-
-
-
-
-
-
-
-
-            <div class="card-box col-md-4 col-sm-6">
-                <div class="card">                                            
-                    <div class="content">
-                        <h6 class="category">Best stories</h6>
-                        <h4 class="title"><a href="#">This is a plain Hipster Card, see for yourself</a></h4>
-                        <p class="description">When selling products it's always a good idea to go with commanding fonts that are good at showing authority and security. I feel like Raleway and Roboto do just that.</p>
-                    </div>                                           
-                </div> <!-- end card -->
-            </div>
-                
-                
-            <div class="card-box col-md-4 col-sm-6">  
-                <div class="card">                            
-                    <div class="header">
-                        <img src="assets/img/beard-1.jpg" />
-                        
-                        <div class="social-line social-line-visible" data-buttons="4">
-                            <button class="btn btn-social btn-facebook">
-                                <i class="fa fa-facebook"></i>
-                            </button>
-                            <button class="btn btn-social btn-twitter">
-                                <i class="fa fa-twitter"></i>
-                            </button>
-                            <button class="btn btn-social btn-pinterest">
-                                <i class="fa fa-pinterest"></i>
-                            </button>
-                            <button class="btn btn-social btn-google">
-                                <i class="fa fa-google-plus"></i>
-                            </button>
-                        </div>
-                    </div>
+            <div class="card-box col-md-4 col-sm-6">      
+                <div class="card text-center" data-background="image" data-src="assets/img/city-1.jpg">
+                    <h4 class="title title-modern">Minions</h4>
                     
                     <div class="content">
-                        <h6 class="category">News</h6>
-                        <h4 class="title">Use this card and see what you can achive</h4>
-                        <p class="description">When selling products it's always a good idea to go with commanding fonts that are good at showing authority and security. I feel like Raleway and Roboto do just that.</p>
-                    </div>  
-                </div> <!-- end card -->
-            </div>
-             
-            
-            
-            <div class="card-box col-md-4 col-sm-6">
-                <div class="card" data-background="image" data-src="assets/img/lifestyle-2.jpg">
-                    <div class="header">
-                        <div class="category">
-                            <h6 class="label label-warning">Trending Post</h6>    
+                        <div class="price">
+                            <h6></h6>
+                            <h4 id="minions-killed-now">{{ sql_val("SELECT (SUM(match.duration)/60*5) / SUM(roster.kraken_captures) FROM match JOIN roster ON roster.match_api_id=match.api_id WHERE match.created_at > NOW() - '1 day'::INTERVAL") }}</h4>
                         </div>
-                        
-                        <div class="social-line" data-buttons="3">
-                            <button class="btn btn-social btn-facebook">
-                                <i class="fa fa-facebook-square"></i> Share
-                            </button>
-                            <button class="btn btn-social btn-twitter">
-                                <i class="fa fa-twitter"></i> Tweet
-                            </button>
-                            <button class="btn btn-social btn-pinterest">
-                                <i class="fa fa-pinterest"></i> Pin
-                            </button>
-                        </div> 
-                    </div>
-                    
-                    <div class="content">
-                        <h4 class="title">Tobias Van Schneider is a German designer raised in Austria...</h4>
-                        <p class="description">When selling products it's always a good idea to go with commanding fonts that are good at showing authority and security.</p>
-                    </div>                            
+                        <p class="description">are needed to unleash a Kraken</p>      
+                    </div> 
                     <div class="filter"></div>
                 </div> <!-- end card -->    
             </div>
-                 
-            
-            
-            
-             
-            <div class="card-box col-md-4 col-sm-6">               
-                <div class="card card-with-border" data-background="image" data-src="assets/img/fashion-1.jpg">
-                    <div class="header">
-                    </div>
+
+            <div class="card-box col-md-4 col-sm-6">      
+                <div class="card text-center" data-background="image" data-src="assets/img/city-1.jpg">
+                    <h4 class="title title-modern">Crystal Sentries</h4>
                     
-                    <div class="content text-center">
-                        <p class="description">When selling products it's always a good idea to go with commanding fonts that are good at showing authority and security. I feel like Raleway and Roboto do just that.</p>
-                    </div>                            
-                    <div class="footer text-center">
-                         <a href="#" class="btn btn-danger btn-fill btn-round">Read article</a>
-                    </div>
+                    <div class="content">
+                        <div class="price">
+                            <h6></h6>
+                            <h4 id="minions-killed-now">{{ sql_val("SELECT SUM(participant.crystal_mine_captures) FROM participant WHERE participant.created_at > NOW() - '1 day'::INTERVAL") }}</h4>
+                        </div>
+                        <p class="description">slaughtered</p>      
+                    </div> 
                     <div class="filter"></div>
-                </div> <!-- end card -->
+                </div> <!-- end card -->    
             </div>
-           
-           
-           
-            <div class="card-box col-md-4 col-sm-6">  
-                <div class="card card-just-text card-with-border" data-background="image" data-src="assets/img/lifestyle-9.jpg">
+
+            <div class="card-box col-md-4 col-sm-6">      
+                <div class="card text-center" data-background="image" data-src="assets/img/city-1.jpg">
+                    <h4 class="title title-modern">Flares</h4>
+                    
                     <div class="content">
-                        <h4 class="title title-modern">"I liked nutella, triangles and outerspace way before hipsters."</h4>
-                        <p class="description">- Not A Hipster</p>
-                    </div>
+                        <div class="price">
+                            <h6></h6>
+                            <h4 id="minions-killed-now">{{ sql_val("SELECT SUM((participant.item_sells->>'*1038_Item_Flare*')::INT) FROM participant WHERE participant.created_at > NOW() - '1 day'::INTERVAL") }}</h4>
+                        </div>
+                        <p class="description">thrown in trash</p>      
+                    </div> 
                     <div class="filter"></div>
-                </div> <!-- end card -->                
+                </div> <!-- end card -->    
             </div>
-            
-            
-            <div class="card-box col-md-4 col-sm-6">               
-                <div class="card card-with-border" data-background="color" data-color="azure">
-                    <div class="header">
-                        <div class="icon">
-                            <i class="pe-7s-radio"></i>
+
+            <div class="card-box col-md-4 col-sm-6">      
+                <div class="card text-center" data-background="image" data-src="assets/img/city-1.jpg">
+                    <h4 class="title title-modern">Infusions</h4>
+                    
+                    <div class="content">
+                        <div class="price">
+                            <h6>every</h6>
+                            <h4 id="minions-killed-now">{{ sql_val("SELECT SUM(match.duration)/60 / (SUM((participant.item_uses->>'*1052_Item_WeaponInfusion*')::INT) + SUM((participant.item_uses->>'*1053_Item_CrystalInfusion*')::INT)) FROM participant JOIN roster ON participant.roster_api_id=roster.api_id JOIN match ON roster.match_api_id=match.api_id WHERE participant.created_at > NOW() - '1 day'::INTERVAL") }}<b class="currency"><br/>minutes</b></h4>
                         </div>
-                    </div>
-                    <div class="content text-center">
-                        <h4 class="title title-modern">Nicecream.fm</h4>
-                        <p class="description">Best vibes in the marketplace. Listen to the best music from '89. I feel like Nicecream and .fm do just that.</p>
-                    </div>                      
-                    <div class="footer text-center">
-                        <button class="btn btn-neutral btn-round btn-fill btn-modern">Listen Now!</button>
-                    </div>    
-                </div> <!-- end card -->
+                        <p class="description">hero gets high</p>      
+                    </div> 
+                    <div class="filter"></div>
+                </div> <!-- end card -->    
             </div>
 
 
-
-
-
-            <div class="card-box col-md-4 col-sm-6">   
-                <div class="card card-with-border" data-background="color" data-color="orange">
+            <div class="card-box col-md-4 col-sm-6">      
+                <div class="card text-center" data-background="image" data-src="assets/img/city-1.jpg">
+                    <h4 class="title title-modern">Scout Traps</h4>
+                    
                     <div class="content">
-                        <h6 class="category">Hot Article</h6>
-                        <h4 class="title">
-                            <a href="#"> Try the new hairstyle from this Barber Shop</a>
-                        </h4>
-                        <p class="description">When selling products it's always a good idea to go with commanding fonts that are good at showing authority and security. I feel like Raleway and Roboto do just that.</p>
-                    </div>                          
-                </div> <!-- end card -->
+                        <div class="price">
+                            <h6></h6>
+                            <h4 id="minions-killed-now">{{ sql_val("SELECT SUM((item_uses->>'*1054_Item_ScoutTrap*')::INT) FROM participant WHERE participant.created_at > NOW() - '1 day'::INTERVAL") }}<b class="currency"><br/></b></h4>
+                        </div>
+                        <p class="description">making Fold a Dangerous Place</p>      
+                    </div> 
+                    <div class="filter"></div>
+                </div> <!-- end card -->    
             </div>
 
-            
-            
+
             <div class="card-box col-md-4 col-sm-6">      
-                <div class="card text-center" data-background="image" data-src="assets/img/city-2.png">
-                    <h4 class="title title-modern">Hipster Vacation</h4>
+                <div class="card text-center" data-background="image" data-src="assets/img/city-1.jpg">
+                    <h4 class="title title-modern">Turrets</h4>
                     
                     <div class="content">
                         <div class="price">
-                            <h6>From</h6>
-                            <h4>2.799<b class="currency">$</b></h4>
+                            <h6></h6>
+                            <h4 id="minions-killed-now">{{ sql_val("SELECT SUM(turret_kills) FROM participant WHERE hero='*SAW*' AND created_at > NOW() - '1 day'::INTERVAL") }}<b class="currency"><br/></b></h4>
                         </div>
-                        <p class="description">When selling products it's always a good idea to go with commanding fonts that are good at showing authority and security.</p>      
+                        <p class="description">pushed by SAW</p>      
                     </div> 
                     <div class="filter"></div>
-                    <div class="footer btn-center">
-                        <button class="btn btn-neutral btn-round btn-fill">Book Now!</button> 
-                    </div>                            
                 </div> <!-- end card -->    
             </div>
-            
-            
-            
 
-            <div class="card-box col-md-4 col-sm-6">
-                <div class="card card-with-border">
-                    <div class="header">
-                        <div class="icon">
-                            <i class="pe-7s-glasses"></i>
-                        </div>
-                    </div>
-                    <div class="content text-center">
-                        <h4 class="title text-center">Hipster Glasses App</h4>
-                        <p class="description">Here can be a description about the application that is for download. I feel like this app is what I need.</p>                               
-                    </div>
-                    <div class="footer btn-center">
-                        <button class="btn btn-default btn-round btn-fill btn-info btn-modern">Download</button> 
-                    </div>                           
-                </div> <!-- end card -->
-            </div>
-            
-            
-            
-            
-            
-                
-            <div class="card-box col-md-4 col-sm-6">
-                <div class="card card-just-text card-with-border" data-background="image" data-src="assets/img/music-3.jpg">
-                    <div class="content">
-                        <div class="filter filter-red"></div>
-                        <h4 class="title title-modern">"I like the way you work it
-No diggity, I gotta bag it up."</h4>
-                        <p class="description">- Chet Faker</p>                    
-                    </div>
+            <div class="card-box col-md-4 col-sm-6">      
+                <div class="card text-center" data-background="image" data-src="assets/img/city-1.jpg">
+                    <h4 class="title title-modern">Turrets</h4>
                     
+                    <div class="content">
+                        <div class="price">
+                            <h6></h6>
+                            <h4 id="minions-killed-now">{{ sql_val("SELECT SUM(turret_kills) FROM participant WHERE created_at > NOW() - '1 day'::INTERVAL") }}<b class="currency"><br/></b></h4>
+                        </div>
+                        <p class="description">rebuilt by workers every day</p>      
+                    </div> 
                     <div class="filter"></div>
                 </div> <!-- end card -->    
             </div>
-            
-            
-            
-            <div class="card-box col-md-4 col-sm-6">       
-                <div class="card card-with-border" data-background="color" data-color="green">
-                    <div class="header">
-                        <div class="icon">
-                            <i class="pe-7s-gift"></i>
-                        </div>
-                        
-                        <div class="social-line" data-buttons="3">
-                            <button class="btn btn-social btn-facebook">
-                                <i class="fa fa-facebook"></i>
-                            </button>
-                            <button class="btn btn-social btn-twitter">
-                                <i class="fa fa-twitter"></i>
-                            </button>
-                            <button class="btn btn-social btn-pinterest">
-                                <i class="fa fa-pinterest"></i>
-                            </button>
-                        </div>
-                        
-                    </div>
-                    <div class="content text-center">
-                        <p class="description">Your friend <b>Michael Osborn</b> has sent you a hipster gift card.</p><br>                               
-                    </div>
-                    <div class="footer btn-center">
-                        <button class="btn btn-neutral btn-fill btn-modern">View Gift Details</button> 
-                    </div>                           
-                </div> <!-- end card -->            
-            </div>    
-            
-            
-            
-            <div class="card-box col-md-4 col-sm-6">
-                <div class="card" data-background="color" data-color="black">                            
-                    <div class="header">
-                        <img src="assets/img/home-1.jpg"/>
-                       
-                        <div class="social-line" data-buttons="2">
-                            <button class="btn btn-social">
-                                <i class="fa fa-facebook-square"></i> Share
-                            </button>
-                            <button class="btn btn-social">
-                                <i class="fa fa-twitter"></i> Tweet
-                            </button>
-                        </div>
-                    </div>
-                    
-                    <div class="content">
-                        <h6 class="category">Interior Design</h6>
-                        <h4 class="title"><a href="#">Hipster Apartment sold for $1.2 mil.</a></h4>
-                        <p class="description">When selling products it's always a good idea to go with commanding fonts that are good at showing authority and security. I feel like Raleway and Roboto do just that.</p>
-                    </div>                                           
-                </div> <!-- end card -->      
-            </div> 
-                
-                
-             
-            <div class="card-box col-md-4 col-sm-6">  
+
+
+            <div class="card-box col-md-4 col-sm-6">      
                 <div class="card text-center" data-background="image" data-src="assets/img/city-1.jpg">
-                    <h4 class="title title-modern">Hipster City</h4>
+                    <h4 class="title title-modern">Minions</h4>
                     
                     <div class="content">
-                           <div class="price">
-                            <h6>From</h6>
-                            <h4>1.499<b class="currency">$</b></h4>
-                        </div>      
+                        <div class="price">
+                            <h6></h6>
+                            <h4 id="minions-killed-now">{{ sql_val("SELECT SUM(minion_kills) FROM participant WHERE NOT winner AND created_at > NOW() - '1 day'::INTERVAL") }} <b class="currency"><br/>out of {{ sql_val("SELECT SUM(minion_kills) FROM participant WHERE created_at > NOW() - '1 day'::INTERVAL") }}<br/></b></h4>
+                        </div>
+                        <p class="description">died for nothing</p>      
                     </div> 
-                    
-                    <div class="footer btn-center">
-                        <button class="btn btn-neutral btn-round btn-modern">Buy Ticket</button> 
-                    </div>    
-                    
-                    <div class="filter filter-blue"></div>                       
-                </div> <!-- end card -->             
+                    <div class="filter"></div>
+                </div> <!-- end card -->    
             </div>
-            
+
+
+
+
                               
         </div>