Hiding the stale conferences from the main page. I am not removing the content until there is time to move them into a 'past conferences' category, if desired

Author: guahanweb

css/main.css

@@ -67,6 +67,10 @@ a img {
   height: 293px;
 }
 
+.conf.inactive {
+  display: none;
+}
+
 .conf a img {
   height: auto;
   margin-top:20px;

index.html

@@ -89,17 +89,20 @@ <h1 id='family'>The JSConf Family Of Events</h1>
           <p>JS Unconf<br/>Hamburg, Germany</p>
       </div>
 
-      <div class="conf">
+      <div class="conf inactive">
+        <!-- dead site -->
         <a href="http://jsfest.com/" rel="nofollow"><img src="images/jsfest.png" alt="JSFest" height="200px" width="200px"></a>
           <p>JSFest<br/>San Francisco, CA</p>
       </div>
 
-      <div class="conf">
+      <div class="conf inactive">
+        <!-- discontinued -->
         <a href="http://robotsconf.com/" rel="nofollow"><img src="images/robotsconf.png" alt="RobotsConf" height="200px" width="200px"></a>
           <p>RobotsConf<br/>Amelia Island, FL</p>
       </div>
 
-      <div class="conf">
+      <div class="conf inactive">
+        <!-- stale as of 2017 -->
         <a href="http://jschannel.com/" rel="nofollow"><img src="images/js_channel.png" alt="JS Channel" height="200px" width="200px"></a>
           <p>New Delhi &amp; <br/>Bangalore, India</p>
       </div>
@@ -109,19 +112,23 @@ <h1 id='family'>The JSConf Family Of Events</h1>
           <p>CascadiaJS<br/>Seattle, WA</p>
       </div>
 
-      <div class="conf">
+      <div class="conf inactive">
+        <!-- stale as of 2014 -->
         <a href="http://lxjs.org/" rel="nofollow"><img src="images/lxjs_2012.png" alt="LXJS 2012"/></a>
         <p>LXJS<br/>Lisbon, Portugal</p>
       </div>
-      <div class="conf">
+      <div class="conf inactive">
+        <!-- replaced with &yetConf -->
         <a href="http://realtimeconf.com/" rel="nofollow"><img src="images/realtimeconf.png" alt="RealtimeConf"/></a>
           <p>RealtimeConf<br/>Portland, OR</p>
       </div>
-      <div class="conf">
+      <div class="conf inactive">
+        <!-- stale as of 2015 -->
         <a href="http://rejectjs.org/" rel="nofollow"><img src="images/rejectjs.png" alt="RejectJS"/></a>
           <p>Reject.js<br/>Berlin, Germany</p>
       </div>
-      <div class="conf">
+      <div class="conf inactive">
+        <!-- DNS for sale -->
         <a href="http://www.hujs.org/" rel="nofollow"><img src="images/hujs.png" alt="HuJS"/></a>
           <p>HuJS<br/>Shanghai, China</p>
       </div>
@@ -142,7 +149,8 @@ <h1 id='family'>The JSConf Family Of Events</h1>
         <a href="http://nodebots.io/" rel="nofollow"><img src="images/nodebots.png" alt="NodeBots"/></a>
           <p>NodeBots<br/>Everywhere</p>
       </div>
-      <div class="conf">
+      <div class="conf inactive">
+        <!-- stale as of 2015 -->
         <a href="http://www.texasjavascript.com/" rel="nofollow"><img src="images/txjs.png" alt="TXJS"/></a>
           <p>TXJS<br/>Austin, TX</p>
       </div>
@@ -158,16 +166,19 @@ <h1 id='family'>The JSConf Family Of Events</h1>
         <a href="http://beerjs.com/" rel="nofollow"><img src="images/beerjs.png" alt="BeerJS"/></a>
         <p>BeerJS<br/>Everywhere</p>
       </div>
-      <div class="conf">
+      <div class="conf inactive">
+        <!-- stale as of 2015 -->
         <a href="http://ginjs.org/" rel="nofollow"><img src="images/ginjs.png" alt="gin.js"/></a>
         <p>gin.js<br/>London</p>
       </div>
-      <div class="conf">
+      <div class="conf inactive">
+        <!-- Google yields nothing current about this conf (7 years old) -->
         <img src="images/capitoljs_2011.png" alt="CapitolJS 2011"/>
           <p>CapitolJS<br/>Washington DC</p>
       </div>
 
-      <div class="conf">
+      <div class="conf inactive">
+        <!-- Google yields nothing current -->
         <img src="images/dojoconf_2011.png" alt="DojoConf 2011"/>
         <p>DojoConf<br/>Washington DC</p>
       </div>