diff --git a/risu.html b/risu.html
new file mode 100644
index 000000000..dc9bedf4e
--- /dev/null
+++ b/risu.html
@@ -0,0 +1,918 @@
+<!DOCTYPE html>
+<html class="layout-pf layout-pf-fixed">
+
+<head>
+    <meta charset="utf-8">
+    <title>Risu</title>
+    <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/patternfly/3.59.3/css/patternfly.min.css">
+    <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/patternfly/3.59.3/css/patternfly-additions.min.css">
+    <link href="https://fonts.googleapis.com/css?family=Overpass" rel="stylesheet">
+    <style>
+        pre {
+            white-space: pre-wrap;
+        }
+
+        #cat_list {
+            padding-top: 1.5rem;
+            padding-bottom: 1.5rem;
+        }
+
+        #label_check_all {
+            margin-bottom: 1.5rem;
+        }
+
+        #category-list {
+            padding: 1.5rem;
+            margin: 1.5rem;
+        }
+
+        .title {
+            font-size: 2.5rem;
+            font-family: 'Overpass', sans-serif;
+            top: 10px;
+            position: relative;
+        }
+
+        .alert strong {
+            text-transform: capitalize;
+        }
+
+        .navbar-pf .navbar-brand img {
+            display: inline;
+        }
+
+        .navbar {
+            width: 100%;
+        }
+
+        .navbar-header {
+            float: left;
+            height: 58px;
+        }
+
+        .badge-danger {
+            color: #fff;
+            background-color: #cc0000;
+        }
+
+        .badge-info {
+            color: #fff;
+            background-color: #2b18f9;
+        }
+
+        .badge-skipped {
+            color: #fff;
+            background-color: #808080;
+        }
+
+        .badge-success {
+            color: #fff;
+            background-color: #3f9c35;
+        }
+
+        .badge {
+            display: inline-block;
+            padding: 0.1875rem 0.4375rem;
+            font-size: 0.75rem;
+            font-weight: 700;
+            line-height: 1;
+            text-align: center;
+            white-space: nowrap;
+            vertical-align: baseline;
+            margin-left: 0px;
+        }
+
+        input[type="search"]::-webkit-search-cancel-button {
+            -webkit-appearance: searchfield-cancel-button;
+        }
+
+        .toolbar-pf-results {
+            border-top: 0px solid #d1d1d1;
+            margin-top: 10px;
+        }
+
+        .row-cards-pf {
+            margin-left: 0;
+            margin-right: 0;
+        }
+
+        .toolbar-pf {
+            background: #fff;
+            border-bottom: 0px solid #d1d1d1;
+            box-shadow: 0 1px 0 rgba(3, 3, 3, .045);
+            padding-top: 10px;
+        }
+
+        .category-badge {
+            margin-right: 10px;
+        }
+    </style>
+</head>
+
+<body>
+    <header>
+        <nav class="navbar navbar-pf-vertical">
+            <div class="navbar-header">
+                <a class="navbar-brand" href="#"><span class="title" id="reporttitle"><strong>RISU</strong> VALIDATION FRAMEWORK</span></a>
+            </div>
+            <nav class="collapse navbar-collapse">
+                <ul class="nav navbar-nav navbar-right navbar-iconic navbar-utility">
+
+                    <li class="dropdown">
+                        <a href="#0" class="dropdown-toggle nav-item-iconic" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
+                            <span title="Help" class="fa pficon-help"></span>
+                            <span class="caret"></span>
+                        </a>
+                        <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
+                            <li><a target="_blank" href="https://github.com/risuorg/risu/blob/master/README.md">Usage Doc</a></li>
+                            <li><a target="_blank" href="https://github.com/risuorg/risu/tree/master/doc">Plugin Development</a></li>
+                            <li><a target="_blank" href="https://github.com/risuorg/risu/blob/master/CONTRIBUTING.md">Contribute</a></li>
+                        </ul>
+                    </li>
+                </ul>
+            </nav>
+        </nav>
+    </header>
+
+    <!-- scripts for pie chart-->
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/c3/0.7.8/c3.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/5.12.0/d3.min.js"></script>
+
+    <div class="container-fluid container-cards-pf collapsed-nav">
+        <div id="alert_list"></div>
+        <div class="clearfix toolbar-pf">
+            <div class="col-sm-12">
+                <form class="toolbar-pf-actions">
+                    <div class="form-group toolbar-pf-filter">
+                        <input type="search" class="form-control" id="filter_text" placeholder="Filter...">
+                    </div>
+                    <!-- /form-group toolbar-pf-filter -->
+                    <div class="form-group">
+                        <div class="dropdown btn-group">
+                            <button id="plugin-sort" type="button" data-sortfield="priority" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Priority <span class="caret"></span></button>
+                            <ul class="dropdown-menu">
+                                <li class="selected"><a href="#" class="plugin-sort-field">Priority</a></li>
+                                <li><a href="#" class="plugin-sort-field">State</a></li>
+                                <li><a href="#" class="plugin-sort-field">Name</a></li>
+                            </ul>
+                        </div>
+                        <!-- /dropdown btn-group -->
+                        <button class="btn btn-link" type="button">
+                                <span data-direction="desc" id="sortDirection" class="fa fa-sort-amount-desc"></span>
+                            </button>
+                        <div class="dropdown btn-group">
+                            <button class="btn btn-link dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                                    <span class="fa fa-filter" title="Apply filter"></span>
+                                </button>
+                            <ul class="dropdown-menu table-view-pf-colvis-menu">
+                                <li><input type="checkbox" value="info" data-filter="info" class="nx-check-item nx-filter-status" checked><label> Info</label></li>
+                                <li><input type="checkbox" value="okay" data-filter="okay" class="nx-check-item nx-filter-status"><label> Okay</label></li>
+                                <li><input type="checkbox" value="failed" data-filter="failed" class="nx-check-item nx-filter-status" checked><label> Failed</label></li>
+                                <li><input type="checkbox" value="skipped" data-filter="skipped" class="nx-check-item nx-filter-status"><label> Skipped</label></li>
+                            </ul>
+                        </div>
+                        <button type="button" class="btn btn-secondary" id="expandAll">Expand All</button>
+                        <div id="otherJsons" class="dropdown btn-group hidden">
+                            <button id="jsons" type="button" data-json="" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></button>
+                            <ul class="dropdown-menu">
+                            </ul>
+                        </div>
+                        <div class="toolbar-pf-action-right">
+                            <div class="form-group toolbar-pf-find">
+                                <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#modal-categories">Categories</button>
+                            </div>
+                        </div>
+                    </div>
+                </form>
+                <div class="clearfix toolbar-pf-results">
+                    <div class="col-sm-12">
+                        <h5>Total tests <span id="numtests"></span> - Filtered results: <span id="numresults"></span></h5>
+                    </div>
+                    <!-- /col -->
+                </div>
+                <!-- /row -->
+            </div>
+            <!-- /col -->
+        </div>
+        <!-- /row -->
+        <div class="clearfix">
+            <div class="col-sm">
+                <table id="metadata_table_risu" class="table table-hover table-bordered">
+                    <thead>
+                        <tr id="metadata_table_risu_header">
+                            <th colspan=2 class="text-left">Runtime Metadata</th>
+                        </tr>
+                    </thead>
+                    <tbody id="metadata_table_risu_body" style="display: none;"></tbody>
+                </table>
+            </div>
+            <!-- /col -->
+        </div>
+        <!-- /row -->
+        <div class="clearfix row-cards-pro">
+            <!-- Table HTML -->
+            <table class="table table-striped table-bordered table-hover" id="table1">
+                <thead>
+                    <tr id="profile_table_risu_header">
+                        <th>Profiles</th>
+                    </tr>
+                </thead>
+                <tbody id="profile_table_risu_body" style="">
+                    <tr id="profile-group" class="list-group list-view-pf list-view-pf-view">
+                    </tr>
+                </tbody>
+            </table>
+        </div>
+        <!-- /row -->
+        <div class="clearfix row-cards-pf">
+            <!-- Table HTML -->
+            <table class="table table-striped table-bordered table-hover" id="table2">
+                <thead>
+                    <tr id="report_table_risu_header">
+                        <th>Report</th>
+                    </tr>
+                </thead>
+                <tbody id="report_table_risu_body" style="">
+                    <tr id="list-group" class="list-group list-view-pf list-view-pf-view">
+                    </tr>
+                </tbody>
+            </table>
+        </div>
+        <!-- /row-cards-pf -->
+    </div>
+    <!-- /container -->
+    <div class="modal fade" id="modal-categories" tabindex="-1" role="dialog" aria-labelledby="modalCategoriesLabel" aria-hidden="true">
+        <div class="modal-dialog" role="document">
+            <div class="modal-content">
+                <div class="modal-header">
+                    <h5 class="modal-title" id="modalCategoriesLabel">Category Filter</h5>
+                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                            <span aria-hidden="true">&times;</span>
+                        </button>
+                </div>
+                <div id="category-list" class="modal-body"></div>
+                <div class="modal-footer">
+                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
+                </div>
+                <!-- /modal-footer -->
+            </div>
+            <!-- /modal-content -->
+        </div>
+        <!-- /modal-dialog -->
+    </div>
+    <!-- /modal -->
+
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/patternfly/3.59.3/js/patternfly.min.js"></script>
+    <script>
+        // "Config"
+        // text search minimum characters before we fire the search
+        var ft_min_char = 3;
+        // List of json files we're looking
+        var jsonFilesList = ["risu.json", "magui.json", "citellus.json"]
+        var plugin_cats_array = new Array();
+        var server_array = new Array();
+
+        var mypath = window.location.pathname;
+        var mypage = mypath.split("/").pop();
+        var myname = mypage.split('.')[0]
+
+        // Append html file as fallback
+        jsonFilesList.push(myname.concat('.json'))
+
+        // function to get query string
+        function getParameterByName(name) {
+            var match = RegExp('[?&]' + name + '=([^&]*)').exec(window.location.search);
+            return match && decodeURIComponent(match[1].replace(/\+/g, ' '));
+        }
+        // function that filters the unique values of an array
+        function onlyUnique(value, index, self) {
+            return self.indexOf(value) === index;
+        }
+        // function to either check or uncheck all categories
+        function checkAllCat(checked) {
+            $(".check-category").each(function(i, j) {
+                $(this).prop("checked", checked);
+            });
+            $("#check_all").prop("checked", checked);
+            filterCards();
+        }
+        // function that applies all possible filters.
+        // it's called whenever a filter is triggered.
+        function filterCards() {
+            var count = 0;
+            var filter_status = []
+            $(".nx-filter-status:checkbox:checked").each(function() {
+                filter_status.push($(this).data("filter"))
+            })
+            var filter_text = $("#filter_text").val();
+            var filter_category = "";
+            $(".check-category").each(function(i, j) {
+                if ($(this).prop("checked")) {
+                    filter_category += $(this).attr("name") + "|";
+                }
+            });
+            filter_category = filter_category.slice(0, -1);
+            var cb_regex = new RegExp(filter_category);
+            $("#list-group > div").each(function(i, j) {
+                var plugin_cats = $(this).data("categories");
+                var plugin_txt = $(this).children('.plugin-error').first().text();
+                var plugin_name = $(this).data("name").toString();
+                var plugin_status = $(this).data("state");
+                // Validations:
+                // - if plugin categories match regex of checked categories
+                // - if plugin state match status filter
+                // - if plugin (name|text) match text filter, only if there's at least $ft_min_char char
+                if (cb_regex.test(plugin_cats) && /[A-z0-9]+/.test(cb_regex) && (filter_status.includes($(this).data("state"))) && (filter_text.length < ft_min_char || (filter_text.length >= ft_min_char && (plugin_txt && plugin_txt.toLowerCase().indexOf(filter_text) != -1) || (plugin_name && plugin_name.toLowerCase().indexOf(filter_text) != -1)))) {
+                    $(this).show();
+                    count += 1;
+                } else {
+                    $(this).hide();
+                }
+            });
+            $("#numresults").html(count);
+        }
+        // function that returns various metadata depending on RC
+        function getPluginState(rc, priority) {
+            var plugin_icon;
+            var plugin_state;
+            var plugin_class;
+            var plugin_text_color;
+            var plugin_badge;
+            if (rc == 30) {
+                plugin_icon = "fa fa-angle-double-right";
+                plugin_state = "skipped";
+                plugin_class = "skipped";
+                plugin_text_color = "gray";
+            } else if (rc == 40) {
+                plugin_icon = "pficon pficon-info";
+                plugin_state = "info";
+                plugin_class = "info";
+                plugin_text_color = "blue";
+            } else if (rc == 10) {
+                plugin_icon = "fa fa-check-circle-o";
+                plugin_state = "okay";
+                plugin_class = "success";
+                plugin_text_color = "";
+            } else {
+                plugin_state = "failed";
+                plugin_class = "danger";
+                plugin_text_color = "";
+                if (priority >= 666) {
+                    plugin_icon = "pficon pficon-error-circle-o";
+                } else if (priority >= 333) {
+                    plugin_icon = "pficon pficon-warning-triangle-o";
+                } else {
+                    plugin_icon = "pficon pficon-info";
+                    plugin_text_color = "red";
+                }
+            }
+            plugin_badge = '<span class="badge badge-pill badge-' + plugin_class + '">' + plugin_state + '</span>';
+            return {
+                icon: plugin_icon,
+                state: plugin_state,
+                pclass: plugin_class,
+                text_color: plugin_text_color,
+                badge: plugin_badge
+            }
+
+        }
+        // function that returns pluging names and category
+        function getPluginNames(item) {
+            var plugin_long_name = "";
+            var plugin_re = /plugins\/[^\/]+\/(.*)\/([^\/]+)\.[A-z0-9]+$/;
+            var plugin_name = item.name;
+            var plugin_cat = "";
+            if (plugin_re.test(item.plugin)) {
+                plugin_cat = plugin_re.exec(item.plugin)[1];
+            } else {
+                plugin_cat = "magui"
+            }
+            if (/[A-z0-9]+/.test(item.long_name) && !/^undefined$/.test(item.long_name)) {
+                plugin_long_name = item.long_name;
+            } else {
+                plugin_long_name = plugin_name;
+            }
+            return {
+                name: plugin_name,
+                long_name: plugin_long_name,
+                cat: plugin_cat
+            }
+        }
+        // function that parses the plugin cat returned by getPluginNames and return a visual and populates global array
+        function getPluginCats(cat, subcat) {
+            var plugin_cats_visual = "";
+            var plugin_cats_list = "";
+            var plugin_cats = subcat.split("/");
+            if (plugin_cats[0] != cat) {
+                plugin_cats.unshift(cat)
+            }
+            $.each(plugin_cats, function(c, cname) {
+                if (cname != "undefined") {
+                    plugin_cats_visual += '<a href="#" data-category="' + cname + '" class="label label-primary category-badge">' + cname + '</a> ';
+                    plugin_cats_list += cname + ',';
+                    plugin_cats_array.push(cname);
+                }
+            });
+
+            plugin_cats_list = plugin_cats_list.slice(0, -1);
+            return {
+                list: plugin_cats_list,
+                visual: plugin_cats_visual
+            }
+        }
+
+        function sortPlugins(sortkey) {
+            var mylist = $("#list-group");
+            var listitems = mylist.children('div .list-group-item').get();
+            var sortdirection = $("#sortDirection").data("direction");
+            listitems.sort(function(a, b) {
+                if (sortkey == "priority") {
+                    if (sortdirection == "desc") {
+                        return ($(b).data(sortkey) - $(a).data(sortkey));
+                    } else {
+                        return ($(a).data(sortkey) - $(b).data(sortkey));
+                    }
+                } else {
+                    if (sortdirection == "desc") {
+                        return $(a).data(sortkey).toString().localeCompare($(b).data(sortkey).toString());
+                    } else {
+                        return $(b).data(sortkey).toString().localeCompare($(a).data(sortkey).toString());
+                    }
+                }
+            })
+            $.each(listitems, function(idx, itm) {
+                mylist.append(itm);
+            });
+        };
+        // Get profile counts #FIXME
+        function getProfileCounts(plugins) {
+            var pieskip = 0;
+            var piepass = 0;
+            var pieerr = 0;
+            var pieinfo = 0;
+            var pietotal = 0;
+
+            $.each(plugins, function(i, p) {
+                var plugin_state = getPluginState(p.rc, p.priority);
+                if (plugin_state.state == 'okay') {
+                    piepass += 1
+                } else if (plugin_state.state == 'failed') {
+                    pieerr += 1
+                } else if (plugin_state.state == 'skipped') {
+                    pieskip += 1
+                } else if (plugin_state.state == 'info') {
+                    pieinfo += 1
+                }
+            })
+            var pieData = {
+                type: 'pie',
+                colors: {
+                    Failed: "#cc0000",
+                    Info: "#2b18f9",
+                    Skipped: "#d1d1d1",
+                    Okay: "#3f9c35"
+                },
+                columns: [
+                    ['Failed', pieerr],
+                    ['Okay', piepass],
+                    ['Skipped', pieskip],
+                    ['Info', pieinfo]
+                ],
+                pietotal: pieskip + piepass + pieerr + pieinfo
+            };
+            return pieData
+        }
+
+        // Formats the profile table from the object stored in the err field of the check
+        function printProfileTable(plugins) {
+            var row = ""
+            row += '                <table class="table table-striped table-bordered table-hover table-condensed">\n';
+            row += '                   <thead>\n';
+            row += '                      <tr>\n';
+            row += '                        <th>Server</th>\n';
+            row += '                        <th>Plugin</th>\n';
+            row += '                        <th>Status</th>\n';
+            row += '                        <th>Message</th>\n';
+            row += '                     </tr>\n';
+            row += '                  </thead>\n';
+            row += '                  <tbody>\n';
+            $.each(plugins, function(i, p) {
+                var plugin_state = getPluginState(p.rc, p.priority);
+                row += '                <tr><td>' + p.hostname + '</td><td><a href="#plugin-' + p.plugin_id + '">' + p.plugin_name + '</a></td><td>' + plugin_state.badge + '</td><td>' + p.msg + ' </td></tr>\n';
+            });
+            row += '                  </tbody>\n';
+            row += '              </table>\n';
+            return row
+        }
+        // function that generates a row to add to the accordion
+        function printRisuPlugin(result, out, err, rc, data, plugin_var_name = false) {
+            var plugin_names = getPluginNames(result)
+            if (plugin_var_name == "metadata-outputs") {
+                plugin_names.cat = "metadata";
+            }
+            var plugin_cats = getPluginCats(result.category, result.subcategory)
+            var plugin_state = getPluginState(rc, result.priority);
+            if (result.priority == "undefined") {
+                result.priority = 0;
+            }
+            if (result.backend != "profile") {
+                // Converting the links to html
+                if (Array.isArray(err)) {
+                    err = err.join();
+                }
+                var error_text = err.replace(/\bhttp[s]*:\/\/([^\s]+)+\b/gi, '<a href="$&" target="_blank">$&</a>');
+            }
+
+            var c3ChartDefaults = $().c3ChartDefaults();
+            var pieChartSmallConfig = c3ChartDefaults.getDefaultPieConfig();
+
+            pieChartSmallConfig.legend = {
+                show: true,
+                position: 'right'
+            };
+            pieChartSmallConfig.size = {
+                width: 260,
+                height: 115
+            };
+
+            var itisprofile = 0;
+            var item_id = result.id;
+            var row = "";
+            // we build the text that is going to be appended to the container
+            row += '        <div class="list-group-item" data-priority="' + result.priority + '" data-state="' + plugin_state.state + '" data-name="' + plugin_names.name + '" data-categories="' + plugin_cats.list + '" id="plugin-' + item_id + '">\n';
+            row += '         <textarea class="plugin-error" style="display: none;">' + err + '</textarea>\n';
+            row += '         <div class="list-group-item-header">\n';
+            row += '          <div class="list-view-pf-expand">\n';
+            row += '           <span class="fa fa-angle-right"></span>\n';
+            row += '          </div> <!-- /list-view-pf-expand -->\n';
+            row += '          <div class="list-view-pf-main-info">\n';
+            row += '           <div class="list-view-pf-left">\n';
+            row += '            <span class="' + plugin_state.icon + '" title="' + plugin_state.state + '" style="color: ' + plugin_state.text_color + '"></span>';
+            row += '           </div><!-- /list-view-pf-left -->\n';
+            row += '           <div class="list-view-pf-body">\n';
+            row += '            <div class="list-view-pf-description">\n';
+            row += '             <div class="list-group-item-heading">' + plugin_names.name + '</div>\n';
+            row += '             <div class="list-group-item-text pull-left">' + plugin_names.long_name + '</div>\n';
+            row += '            </div><!-- /list-view-pf-description -->\n';
+            row += '             <div class="list-view-pf-additional-info-item" style="width: 25%">\n';
+            row += '              ' + plugin_cats.visual;
+            row += '             </div> <!-- /list-view-pf-additional-info-item -->\n';
+            row += '           </div><!-- /list-view-pf-body -->\n';
+            row += '          </div><!-- /list-view-pf-main-info -->\n';
+            row += '         </div><!-- /list-group-item-header -->\n';
+            row += '         <div class="list-group-item-container container-fluid hidden">\n';
+            row += '          <div class="close">\n';
+            row += '           <span class="pficon pficon-close"></span>\n';
+            row += '          </div><!-- /close -->\n';
+            row += '          <div class="clearfix">\n';
+            row += '           <div class="col-md-9">\n';
+            if (result.backend == "profile") {
+                row += printProfileTable(err)
+                var itisprofile = 1
+            } else {
+                row += '            <dl class="dl-horizontal">\n';
+                row += '             <dt>Description</dt>\n';
+                row += '             <dd>' + result.description + '</dd>\n';
+                if (typeof result.time !== "undefined") {
+                    row += '             <dt>Plugin Execution Time</dt>\n';
+                    row += '             <dd>' + Math.round(result.time * 1000) / 1000 + '</dd>\n';
+                }
+                row += '             <dt>Backend</dt>\n';
+                row += '             <dd>' + result.backend + '</dd>\n';
+                row += '             <dt>Priority</dt>\n';
+                row += '             <dd>' + result.priority + '</dd>\n';
+                row += '             <dt>KBase</dt>\n';
+                row += '             <dd><a href="' + result.kb + '" target="_blank">' + result.kb + '</a></dd>\n';
+                row += '             <dt>Bugzilla</dt>\n';
+                if (/([0-9])+$/.test(result.bugzilla)) {
+                    row += '        <dd><a href="' + result.bugzilla + '" target="_blank"><span class="badge badge-danger">' + /([0-9]+)$/.exec(result.bugzilla)[1] + '</span></a></dd>\n';
+                } else if (/\_([0-9]{7})$/.test(plugin_names.name)) {
+                    row += '        <dd><a href="https://bugzilla.redhat.com/show_bug.cgi?id=' + /\_([0-9]{7})$/.exec(plugin_names.name)[1] + '" target="_blank" class="badge badge-danger">' + /\_([0-9]{7})$/.exec(plugin_names.name)[1] + '</a></dd>\n';
+                } else {
+                    row += '        <dd>N/A</dd>\n';
+                }
+                row += '             <dt>Output</dt>\n';
+                if (/[A-z0-9]+/.test(error_text)) {
+                    row += '             <dd><pre>' + error_text + '</pre></dd>\n';
+                } else {
+                    row += '             <dd>N/A</dd>\n';
+                }
+                row += '            </dl>\n';
+                row += '           <p>\n';
+                row += '           </p><!-- /p -->\n';
+            }
+            row += '          </div><!-- /col-md-9 -->\n';
+            row += '          <div class="col-md-3">\n';
+            row += '            <a href="#plugin-' + item_id + '"><span class="fa fa-link"></span> Link</a>\n';
+            if (itisprofile == "1") {
+                row += '<div id="pie-chart-8' + item_id + '" class="pie-chart-pf example-pie-chart-mini"></div>\n';
+                pieChartSmallConfig.bindto = '#pie-chart-8' + item_id;
+                pieChartSmallConfig.data = getProfileCounts(err);
+            }
+            row += '          </div><!-- /col-md-3 -->\n';
+            row += '         </div><!-- /row -->\n';
+            row += '        </div><!-- /list-group-item-container -->\n';
+            row += '       </div><!-- /list-group-item -->\n';
+            if (itisprofile == "0") {
+                $("#list-group").append(row);
+            }
+            if (itisprofile == "1") {
+                $("#profile-group").append(row);
+                if (pieChartSmallConfig.data.pietotal != '0') {
+                    c3.generate(pieChartSmallConfig);
+                }
+            }
+        }
+        // function that prints alert message at the top
+        function warnMessage(level, m) {
+            var html = '<div class="alert alert-' + level + ' alert-dismissible fade show" role="alert"><strong>' + level + '</strong> ' + m + ' <button type="button" class="close" data-dismiss="alert" aria-label="Close"> <span aria-hidden="true">&times;</span></button></div>';
+            $("#alert_list").append(html);
+        }
+        // Count the number of objects
+        function ObjectLength(object) {
+            var length = 0;
+            for (var key in object) {
+                if (object.hasOwnProperty(key)) {
+                    ++length;
+                }
+            }
+            return length;
+        };
+
+        function checkForFile(f) {
+            var div_otherJsons = $("#otherJsons");
+            return $.ajax({
+                url: f,
+                type: 'HEAD',
+                dataType: "json",
+                async: false,
+                success: function(data) {
+                    if (f == jsonFile) {
+                        div_otherJsons.children("button").html(jsonFile + ' <span class="caret"></span>');
+                    }
+                    div_otherJsons.children("ul").append('<li><a href="#" class="json-files">' + f + '</a></li>')
+                    div_otherJsons.removeClass("hidden")
+                }
+            });
+        }
+
+        function scrollToPlugin() {
+            if (window.location.hash.substr(1)) {
+                var plugin = $("#" + window.location.hash.substr(1))
+                $('html, body').animate({
+                    scrollTop: plugin.offset().top - plugin.height()
+                }, 1000);
+                plugin.show().find(".fa-angle-right:first").toggleClass("fa-angle-down").end().toggleClass("list-view-pf-expand-active").find(".list-group-item-container").removeClass("hidden").end().css("border", "2px solid red");
+            }
+        }
+        // This code is only executed when everything else is loaded
+        $(document).ready(function() {
+            $().setupVerticalNavigation(true);
+            var div_otherJsons = $("#otherJsons");
+            jsonFile = getParameterByName("json");
+            if (jsonFile == null) {
+                jsonFile = "risu.json";
+            }
+            for (i = 0; i < jsonFilesList.length; ++i) {
+                checkForFile(jsonFilesList[i])
+            }
+            // Chrome is too secure
+            var url_file_regex = new RegExp("^file:\/\/");
+            if (window.chrome && window.chrome.webstore && url_file_regex.test(window.location.href)) {
+                warnMessage("warning", "Some browsers (ie: Chrome) are not accepting file:// URLs. Firefox supports it, or you can start Chrome with --allow-file-access-from-files");
+            }
+
+            $(window).bind("hashchange", function(e) {
+                    scrollToPlugin()
+                })
+                // for some unknown reason, this is broken
+            $("#expandAll").click(function(e) {
+                $("#list-group > div").each(function(i, j) {
+                    $(j).toggleClass("list-view-pf-expand-active").find(".list-group-item-container").toggleClass("hidden");
+                });
+            });
+
+            // listener when the user picks a status filter
+            $("body").on("change", ".nx-filter-status", function(e) {
+                filterCards();
+            });
+            // listener when the user writes in the searchbox
+            $("#filter_text").keyup(function(e) {
+                filterCards();
+            });
+
+            // In this section, we have to attach events on the body
+            // because we are using dynamic elements
+
+            // listener when the user clicks on category check boxes
+            $("body").on("change", ".check-category", function() {
+                filterCards();
+            });
+            // listener when the user checks or uncheck the "All categories"
+            $("body").on("change", "#check_all", function() {
+                var cb = $(this);
+                checkAllCat(cb.prop("checked"));
+            });
+            // listener when someone is clicking on a badge in an expanded card
+            $("body").on("click", ".category-badge", function() {
+                var cat = $(this).data("category");
+                checkAllCat(false);
+                $("#cb_cat_" + cat).prop("checked", true).change();
+            });
+            $("body").on("click", '#metadata_table_risu_header', function(e) {
+                $("#metadata_table_risu_body").toggle()
+            });
+            $("body").on("click", '#profile_table_risu_header', function(e) {
+                $("#profile_table_risu_body").toggle()
+            });
+            $("body").on("click", '#report_table_risu_header', function(e) {
+                $("#report_table_risu_body").toggle()
+            });
+            // click the list-view heading then expand a row
+            $("body").on("click", ".list-group-item-header", function(event) {
+                    if (!$(event.target).is("button, a, input, .fa-ellipsis-v")) {
+                        $(this).find(".fa-angle-right").toggleClass("fa-angle-down").end().parent().toggleClass("list-view-pf-expand-active").find(".list-group-item-container").toggleClass("hidden");
+                    }
+                })
+                // click the close button, hide the expand row and remove the active status
+            $("body").on("click", ".list-group-item-container .close", function() {
+                $(this).parent().addClass("hidden").parent().removeClass("list-view-pf-expand-active").find(".fa-angle-right").removeClass("fa-angle-down");
+            })
+            $("body").on("click", "#sortDirection", function(e) {
+                var sortdir = $("#sortDirection");
+                sortdir.removeClass()
+                if (sortdir.data("direction") == "desc") {
+                    sortdir.addClass("fa fa-sort-amount-asc");
+                    sortdir.data("direction", "asc")
+                } else {
+                    sortdir.addClass("fa fa-sort-amount-desc");
+                    sortdir.data("direction", "desc")
+                }
+                sortPlugins($("#plugin-sort").data("sortfield"));
+            });
+            $("body").on("click", ".plugin-sort-field", function(e) {
+                var sortfield = $(this);
+                var sortkey = sortfield.html();
+                var sortkeyl = sortkey.toLowerCase();
+                var sortbutton = $(this).parent().parent().parent().find("button");
+                sortfield.parent().parent().find("li").removeClass("selected");
+                sortfield.parent().addClass("selected");
+                sortbutton.html(sortkey + ' <span class="caret"></span>');
+                sortbutton.data("sortfield", sortkeyl)
+                sortPlugins(sortkeyl);
+            });
+            $("body").on("click", ".json-files", function(e) {
+                window.location.href = [location.protocol, '//', location.host, location.pathname].join('') + "?json=" + $(this).html();
+            });
+            // Here we load the data from risu.json with ajax and we populate the webpage
+            $.ajax({
+                url: jsonFile,
+                dataType: "json",
+                async: true,
+                error: function(jqXHR, exception) {
+                    console.log(jqXHR)
+                    if (jqXHR.status === 0) {
+                        warnMessage("danger", "Unable to get JSON file. [0]");
+                    } else if (jqXHR.status == 404) {
+                        // FIXME infinite loop
+                        for (i = 0; i < jsonFilesList.length; ++i) {
+                            if (jsonFilesList[i] != jsonFile) {
+                                window.location.href = [location.protocol, '//', location.host, location.pathname].join('') + "?json=" + jsonFilesList[i]
+                            }
+                        }
+                    } else if (jqXHR.status == 500) {
+                        warnMessage("danger", "Internal Server Error [500].");
+                    } else if (exception === "parsererror") {
+                        warnMessage("danger", "Requested JSON parse failed.");
+                    } else if (exception === "timeout") {
+                        warnMessage("danger", "Time out error.");
+                    } else if (exception === "abort") {
+                        warnMessage("danger", "Ajax request aborted.");
+                    } else {
+                        warnMessage("danger", "Uncaught Error.\n" + jqXHR.responseText);
+                    }
+                },
+                beforeSend: function() {
+                    $("#report_table_risu_body").append('<tr id="loading"><td>Loading ' + jsonFile + '... <span class="fa fa-refresh"/></td></tr>');
+                },
+                success: function(data) {
+                        // delete row with "loading" message
+                        $('tbody#report_table_risu_body tr#loading').remove();
+                        // We need to generate some kind of plugin id with the filename
+                        $.each(data.metadata, function(i, item) {
+                            var row = '<tr><th>' + i + '</th><td>' + item + '</td></tr>\n';
+                            $("#metadata_table_risu > tbody:last-child").append(row);
+                            // Set title according to metadata
+                            if (i == "title") {
+                                document.getElementById("reporttitle").innerText = item
+                                window.document.title = item
+                            } else if (i == "path") {
+                                document.title = "Report for " + item.split("/").pop()
+                            }
+                        });
+                        div_otherJsons.children("button").html(jsonFile + ' <span class="caret"></span>');
+                        div_otherJsons.children("button").data("jsonFile", jsonFile)
+                        var dataNum = ObjectLength(data.results);
+                        var counter = 0;
+                        $.each(data.results, function(i, item) {
+
+                            // This counter will let us know when we are done looping
+                            // We need this because JS is async
+                            counter++;
+
+                            if (counter == dataNum) {
+                                // Here we are done with looping all the results, we are going to update the filters above
+                                var unique = plugin_cats_array.filter(onlyUnique).sort();
+                                // We generate the category filters here
+                                var div_cat_list = '<div class="row"><label id="label_check_all" class="btn btn-dark active" style="width: 100%"><input type="checkbox" id="check_all" checked autocomplete="off">All</label></div><div class="row">\n';
+                                $.each(unique, function(c, cname) {
+                                    div_cat_list += ' <div class="col-sm-4"><label><input type="checkbox" name="' + cname + '" id="cb_cat_' + cname + '" class="check-category" data-category="' + cname + '" checked autocomplete="off">' + cname + '</label></div>\n';
+                                });
+                                div_cat_list += '</div>';
+                                $("#category-list").html(div_cat_list);
+                                $("#numresults").html(counter);
+                            }
+                            // Here we have a risu.json
+                            if (data.metadata.source == "risu") {
+                                if (item.backend == "profile") {
+                                    var plugins = new Array()
+                                    $.each(JSON.parse(item.result.err), function(i, o) {
+                                        plugins.push({
+                                            server: "localhost",
+                                            hostname: "localhost",
+                                            msg: o.err,
+                                            rc: o.rc,
+                                            plugin_name: o.plugin,
+                                            plugin_id: o.plugin_id
+                                        })
+                                    })
+                                    console.log(plugins)
+                                    item.result.err = plugins
+                                }
+                                printRisuPlugin(item, item.result.out, item.result.err, item.result.rc, data);
+                                // Here we have a magui.json
+                            } else if (data.metadata.source == "magui") {
+                                if (item.plugin == "risu-outputs" || item.plugin == "metadata-outputs") {
+                                    $.each(item.result, function(s, result) {
+                                        if (s == "err") {
+                                            $.each(result, function(plugin, pdata) {
+                                                // Defining defaults for globals
+                                                var gout = "";
+                                                var gerr = "";
+                                                var grc = 30;
+                                                var plugins = new Array()
+                                                $.each(pdata.sosreport, function(server, obj) {
+                                                    // If we have a failed, the global will definitely be failed
+                                                    if (obj.rc == 20) {
+                                                        grc = 20;
+                                                    }
+                                                    if (obj.rc == 40 && grc != 20) {
+                                                        grc = 40
+                                                    }
+                                                    if (obj.rc == 10 && grc != 20 && grc != 40) {
+                                                        grc = 10;
+                                                    }
+                                                    if (obj.rc == 30 && grc != 20 && grc != 40 && grc != 10) {
+                                                        rc = 30;
+                                                    }
+
+                                                    var plugin_state = getPluginState(obj.rc, obj.priority);
+                                                    gout += plugin_state.badge + " " + server + ": " + obj.out + "<br>";
+                                                    gerr += plugin_state.badge + " " + server + ": " + obj.err + "<br>";
+                                                    if (pdata.backend == "profile") {
+                                                        subobject = JSON.parse(obj.err)
+                                                        $.each(subobject, function(i, o) {
+                                                            plugins.push({
+                                                                hostname: server,
+                                                                msg: o.err,
+                                                                rc: o.rc,
+                                                                plugin_name: o.plugin,
+                                                                plugin_id: o.plugin_id
+                                                            })
+                                                        })
+                                                    }
+                                                })
+                                                if (pdata.backend == "profile") gerr = plugins
+                                                printRisuPlugin(pdata, gout, gerr, grc, data, item.plugin)
+                                            }); // each result
+                                        } // s == "err"
+                                    }); // each item.result
+                                } else {
+                                    printRisuPlugin(item, item.result.out, item.result.err, item.result.rc, data, false, "magui")
+                                } // if risu-outputs
+                            } // if data source == "magui"
+                        }); // each data.result
+                        $("#numtests").html(counter);
+                        sortPlugins("priority");
+                        filterCards()
+                        scrollToPlugin()
+                    } // ajax success
+            }); // ajax query
+        }); // doc ready
+    </script>
+
+</body>
+
+</html>
diff --git a/risu.json b/risu.json
new file mode 100644
index 000000000..7b4e077da
--- /dev/null
+++ b/risu.json
@@ -0,0 +1,57 @@
+{
+  "metadata": {
+    "when": "2022-06-13T10:08:54.987278",
+    "live": false,
+    "source": "risu",
+    "time": 0.34719181060791016,
+    "branding": "                                                  ",
+    "extranames": null,
+    "title": "Deployment Validations",
+    "path": "/github/workspace/validations/test"
+  },
+  "results": {
+    "0aa0c93788bf1c7e137f34f600d3f43c683b8eaa3546b374bff5f751db3ae8a0429522fdff3ab2dce0dec6e3dcf97c221e27ce26cf51c41219a1ca2d670c8e37": {
+      "plugin": "validations/core/check_managedcluster.sh",
+      "backend": "core",
+      "id": "0aa0c93788bf1c7e137f34f600d3f43c683b8eaa3546b374bff5f751db3ae8a0429522fdff3ab2dce0dec6e3dcf97c221e27ce26cf51c41219a1ca2d670c8e37",
+      "category": "root",
+      "subcategory": " ",
+      "hash": "22745f3b36508756e1ea6d8942ce9788dfd2da05c9315943acf55b2ac218fa13839bd5dc49556e803c4ee6c60229bad630a8a7663b17e8d87876e7de989bba7a",
+      "name": "check_managedcluster",
+      "description": "Checks managed cluster",
+      "long_name": "Checks if managed cluster has been detached",
+      "bugzilla": "",
+      "priority": 900,
+      "path": "",
+      "kb": "",
+      "result": {
+        "rc": 0,
+        "out": "",
+        "err": "validations/core/check_managedcluster.sh: line 28: oc: command not found\nManaged clusters found:"
+      },
+      "time": 0.13332223892211914
+    },
+    "4294883b193cd51f1112f4ad5dfc18a0bf46df84f879f69ce1ad9f2564f7ac777f1e8a990df0755e26538024a22416a6c977aa775ffd4ea038aaff52c295b25b": {
+      "category": "Profiles: ZTPFW-validations",
+      "hash": "d55c9717677f3ac8ed891befe315d5117a78fec2eec596cb49587de32fe7175f07e2a39161c10c204aa06f49c8dbfb01c291313deaab216b62087017236a167d",
+      "plugin": "validations/profiles/ZTPFW-validations.txt",
+      "name": "Profiles: ZTPFW-validations",
+      "result": {
+        "rc": 10,
+        "err": "[{\"plugin_id\": \"0aa0c93788bf1c7e137f34f600d3f43c683b8eaa3546b374bff5f751db3ae8a0429522fdff3ab2dce0dec6e3dcf97c221e27ce26cf51c41219a1ca2d670c8e37\", \"plugin\": \"validations/core/check_managedcluster.sh\", \"err\": \"validations/core/check_managedcluster.sh: line 28: oc: command not found\\nManaged clusters found:\", \"rc\": 0}]",
+        "out": ""
+      },
+      "time": 0,
+      "backend": "profile",
+      "id": "4294883b193cd51f1112f4ad5dfc18a0bf46df84f879f69ce1ad9f2564f7ac777f1e8a990df0755e26538024a22416a6c977aa775ffd4ea038aaff52c295b25b",
+      "subcategory": "",
+      "description": "Checks ZTPFW Validations results",
+      "long_name": "ZTPFW Validations",
+      "bugzilla": "",
+      "priority": 0,
+      "components": [
+        "0aa0c93788bf1c7e137f34f600d3f43c683b8eaa3546b374bff5f751db3ae8a0429522fdff3ab2dce0dec6e3dcf97c221e27ce26cf51c41219a1ca2d670c8e37"
+      ]
+    }
+  }
+}
\ No newline at end of file
