<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="en-US">

    <head>
        <!--// Metadata ---------------------------------------------------- -->
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta charset="UTF-8" />
        <link rel="apple-touch-icon" sizes="57x57" href="img/favicon/apple-icon-57x57.png">
        <link rel="apple-touch-icon" sizes="60x60" href="img/favicon/apple-icon-60x60.png">
        <link rel="apple-touch-icon" sizes="72x72" href="img/favicon/apple-icon-72x72.png">
        <link rel="apple-touch-icon" sizes="76x76" href="img/favicon/apple-icon-76x76.png">
        <link rel="apple-touch-icon" sizes="114x114" href="img/favicon/apple-icon-114x114.png">
        <link rel="apple-touch-icon" sizes="120x120" href="img/favicon/apple-icon-120x120.png">
        <link rel="apple-touch-icon" sizes="144x144" href="img/favicon/apple-icon-144x144.png">
        <link rel="apple-touch-icon" sizes="152x152" href="img/favicon/apple-icon-152x152.png">
        <link rel="apple-touch-icon" sizes="180x180" href="img/favicon/apple-icon-180x180.png">
        <link rel="icon" type="image/png" sizes="192x192"  href="img/favicon/android-icon-192x192.png">
        <link rel="icon" type="image/png" sizes="32x32" href="img/favicon/favicon-32x32.png">
        <link rel="icon" type="image/png" sizes="96x96" href="img/favicon/favicon-96x96.png">
        <link rel="icon" type="image/png" sizes="16x16" href="img/favicon/favicon-16x16.png">
        <link rel="manifest" href="img/favicon/manifest.json">
        <meta name="msapplication-TileColor" content="#ffffff">
        <meta name="msapplication-TileImage" content="img/favicon/ms-icon-144x144.png">
        <meta name="theme-color" content="#ffffff">

        <!-- Open Graph data -->
        <meta property="og:title" content="scRNA-tools" />
        <meta property="og:url" content="https://www.scrna-tools.org/" />
        <meta property="og:type" content="website" />
        <meta property="og:description" content="A catalogue of single-cell RNA-sequencing analysis tools" />
        <meta property="og:image" content="https://cdn.rawgit.com/Oshlack/scRNA-tools/f45942d5/docs/img/square.png" />

        <!-- Twitter Card -->
        <meta name="twitter:card" content="summary" />
        <meta name="twitter:site" content="@scRNAtools" />
        <meta name="twitter:title" content="scRNA-tools analysis page" />
        <meta name="twitter:description" content="Analysis of tools in the scRNA-tools database" />
        <meta name="twitter:image" content="https://cdn.rawgit.com/Oshlack/scRNA-tools/f45942d5/docs/img/square.png" />

        <meta name="description" content="A catalogue of single-cell RNA-sequencing analysis tools">
        <title>scRNA-tools</title>

        <!--// Styles ------------------------------------------------------ -->
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
        <link rel="stylesheet" type="text/css" href="css/layout.css"/>
        <link rel="stylesheet" type="text/css" href="css/analysis.css"/>
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

        <!--// Scripts ----------------------------------------------------- -->
        <script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
        <script type="text/javascript" src="https://pym.nprapps.org/pym.v1.min.js"></script>

        <script>
        (function (i,s,o,g,r,a,m) {i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
            m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
        })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

        ga('create', 'UA-52309538-3', 'auto');
        ga('send', 'pageview')
        </script>

        <script>
        $(function(){
          $("#footerContent").load("footer_content.html")
        })
        </script>

    </head>

    <body>

        <!--// NavBar ------------------------------------------------------ -->

        <nav class="navbar navbar-default">
            <div class="container-fluid">
                <div class="navbar-header">
                    <a class="navbar-brand" href="#">
                        <img id="logo-image" alt="scRNA-tools" src="img/banner.svg" />
                    </a>
                </div>
                <ul class="nav navbar-nav">
                    <li><a href="index.html">Table</a></li>
                    <li><a href="tools.html">Tools</a></li>
                    <li><a href="categories.html">Categories</a></li>
                    <li class="active"><a href="#">Analysis</a></li>
                    <li><a href="updates.html">Updates</a></li>
                    <li><a href="submit.html">Submit</a></li>
                    <li><a href="faqs.html">FAQs</a></li>
                </ul>
                <ul class="nav navbar-nav navbar-right">
                    <li><a href="https://twitter.com/scRNAtools"><i class="fa fa-twitter" style="font-size:28px"></i></a></li>
                    <li><a href="https://github.com/Oshlack/scRNA-tools"><i class="fa fa-github" style="font-size:28px"></i></a></li>
                </ul>
            </div>
        </nav>

        <div class="container-fluid">

            <!--// Intro --------------------------------------------------- -->

            <div class="page-header">
                <h1>Analysis</h1>
            </div>

            <!--// Plots --------------------------------------------------- -->

            <div class="row">
                <div class="plot col-xs-12 col-md-6">
                    <div id="number"></div>
                </div>
                <div class="plot col-xs-12 col-md-6">
                    <div id="publication"></div>
                </div>
                <div class="plot col-xs-12 col-md-6">
                    <div id="platforms"></div>
                </div>
                <div class="plot col-xs-12 col-md-6">
                    <div id="licenses"></div>
                </div>
                <div class="plot col-xs-12">
                    <div id="categories"></div>
                </div>
            </div>

            <script>
            var p1 = new pym.Parent('number', 'plots/number.html', {})
            var p2 = new pym.Parent('publication', 'plots/publication.html', {})
            var p3 = new pym.Parent('platforms', 'plots/platforms.html', {})
            var p4 = new pym.Parent('licenses', 'plots/licenses.html', {})
            var p5 = new pym.Parent('categories', 'plots/categories.html', {})
            </script>

        </div>

        <footer class="footer">
            <div id="footerContent" class="container"></div>
        </footer>

    </body>
</html>
