Fix outdated showcase (#3621)

* Mbroad/gh pages (#3285)

* rename fix

* Correct name

* Adds new row of showcase examples

* Fixes Issue #3413 - Website: Showcase page outdated

showcase/index.html

@@ -101,7 +101,6 @@
                 </div>
             </div>
         </nav>
-
     </div>
 </div>
 
@@ -126,24 +125,23 @@
                 </div>
             </div>
         </div>
-        <!--<br /><br /><br />-->
-
         <div class="col-md-12 col-lg-6">
-            <a href="http://theantworks.herokuapp.com/industry-report/pfizer-az/">
-                <img src="./images/antworks_pfizer.png" class="showcase img-responsive">
+            <a href="https://starcitizen.center/route-planner">
+                <img src="images/star_citizen_route_planner.png" class="showcase img-responsive">
             </a>
             <div class="description">
                 <div class="descriptionHeader">
-                    Pfizer, <a href="http://www.theantworks.com"> The ANTworks</a>
+                    <a href="https://starcitizen.center/route-planner"> Star Citizen Route Planner</a>
                 </div>
                 <div class="descriptionContent">
-                    This and the next entree are two case studies Jeroen Coumans created for a startup that specialises in patent analysis, and were featured on CNN Money, The Guardian, CNBC and the Financial Times.
-                    Both fully use vis.js for graph rendering, while the frontend is built with React.
+                    This interactive route planner and map for the SciFi Universe StarCitize makes use of graph features such as physics enabled on links,
+                    manual persistent positions for the nodes (user can make custom layouts),
+                    and custom icons based on the logic.
                 </div>
             </div>
         </div>
     </div>
-    <!--<br /><br /><br />-->
+
     <div class="row">
         <div class="col-md-12 col-lg-6">
             <a href="http://www.kenedict.com/connecting-startups-and-investors-in-mobile-technology/">
@@ -159,20 +157,20 @@
             </div>
         </div>
         <div class="col-md-12 col-lg-6">
-            <a href="http://theantworks.herokuapp.com/industry-report/tesla/">
-                <img src="./images/antworks_tesla.png" class="showcase img-responsive">
+            <a href="http://www.iftekhar.me/ibm/ibm-project-timeline/">
+                <img src="./images/timeline_clustering.gif" class="showcase img-responsive">
             </a>
             <div class="description">
                 <div class="descriptionHeader">
-                    Tesla, <a href="http://www.theantworks.com"> The ANTworks</a>
+                    <a href="http://www.iftekhar.me/ibm/ibm-project-timeline/">Timeline in PowerHA</a>
                 </div>
                 <div class="descriptionContent">
-                    This and the previous entree are two case studies Jeroen Coumans created for a startup that specialises in patent analysis, and were featured on CNN Money, The Guardian, CNBC and the Financial Times.
-                    Both fully use vis.js for graph rendering, while the frontend is built with React.
+                  PowerHA is a disaster recovery project where we developed a graphical interface for the command line system
+                  out clients has been using. Timeline is a graphical representation of all the events occurring in
+                  the environment over certain period of time.
                 </div>
             </div>
         </div>
-
     </div>
 
     <div class="row">
@@ -189,18 +187,16 @@
                 </div>
             </div>
         </div>
-
         <div class="col-md-12 col-lg-6">
-            <a href="./projects/theantworks">
-                <img src="./images/antworks_proto.png" class="showcase img-responsive">
+            <a href="http://www.widgetblender.com/code/php7/pv/form_for_google_patent_page_scraper.php">
+                <img src="images/patentsearcher.png" class="showcase img-responsive">
             </a>
             <div class="description">
                 <div class="descriptionHeader">
-                    Prototype, <a href="http://www.theantworks.com"> The ANTworks</a>
+                    <a href="http://www.widgetblender.com/code/php7/pv/form_for_google_patent_page_scraper.php"> Patent Searcher</a>
                 </div>
                 <div class="descriptionContent">
-                    These are a few screenshots from an upcoming project by The ANTworks, giving a great example of how the style of vis can be
-                    customized.
+                    This is a simple and free to use prototype application that employs "screen scraping" written in PHP 7 to gather data from the Google Patent Search. It then formats it into a timeline that can be interacted with.
                 </div>
             </div>
         </div>
@@ -238,23 +234,19 @@
 
     <div class="row">
         <div class="col-md-12 col-lg-6">
-            <a href="http://www.beergraph.xyz">
-                <img src="./images/beergraph.png" class="showcase img-responsive">
+            <a href="https://www.robtex.com/dns-lookup/example.com">
+                <img src="./images/robtex_dns_lookup.png" class="showcase img-responsive">
             </a>
             <div class="description">
                 <div class="descriptionHeader">
-                    <a href="http://www.beergraph.xyz/"> Beergraph</a>
+                    <a href="https://www.robtex.com/dns-lookup/example.com">Robtex DNS Graph</a>
                 </div>
                 <div class="descriptionContent">
-                    An application that shows the different styles of beers. Each beer style
-                    with its own specifications, beers brands and beer family which it belongs
-                    to.
-                    Feel free to contribute your knowledge and build a better graph using the
-                    forms.
+                    Robtex aims to make the fastest and most comprehensive free DNS lookup tool on the Internet and
+                    uses vis to dynamically display DNS graphs.
                 </div>
             </div>
         </div>
-
         <div class="col-md-12 col-lg-6">
             <a href="http://luke.deentaylor.com/wikipedia/">
                 <img src="./images/wikipedia_mapper.png" class="showcase img-responsive">
@@ -331,38 +323,6 @@
             </div>
         </div>
     </div>
-
-    <div class="row">
-        <div class="col-md-12 col-lg-6">
-            <a href="http://www.iftekhar.me/ibm/ibm-project-timeline/">
-                <img src="./images/timeline_clustering.gif" class="showcase img-responsive">
-            </a>
-            <div class="description">
-                <div class="descriptionHeader">
-                    <a href="https://gbrault.github.io/railroad-diagrams/live/live.html">Timeline in PowerHA</a>
-                </div>
-                <div class="descriptionContent">
-                  PowerHA is a disaster recovery project where we developed a graphical interface for the command line system
-                  out clients has been using. Timeline is a graphical representation of all the events occurring in
-                  the environment over certain period of time.
-                </div>
-            </div>
-        </div>
-
-        <div class="col-md-12 col-lg-6">
-            <a href="http://www.widgetblender.com/code/php7/pv/form_for_google_patent_page_scraper.php">
-                <img src="./images/patentsearcher.png" class="showcase img-responsive">
-            </a>
-            <div class="description">
-                <div class="descriptionHeader">
-                    <a href="http://www.widgetblender.com/code/php7/pv/form_for_google_patent_page_scraper.php"> Patent Searcher</a>
-                </div>
-                <div class="descriptionContent">
-                    This is a simple and free to use prototype application that employs "screen scraping" written in PHP 7 to gather data from the Google Patent Search. It then formats it into a timeline that can be interacted with.
-                </div>
-            </div>
-        </div>
-    </div>
 </div>
 <br /><br /><br /><br />
 

showcase/projects/theantworks/index.html

@@ -1,12 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head lang="en">
-    <meta charset="UTF-8">
-    <title></title>
-</head>
-<body>
-<img src="./antworks_1.png">
-<img src="./antworks_2.png">
-<img src="./antworks_3.png">
-</body>
-</html>