<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->

    <meta name="description" content="Landing page for the Fedora QA Taskotron instance.">
    <meta name="author" content="Fedora QA">

    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="static/css/style.css">

    <title>Taskotron {{ landingpage_title }}</title>
    <link rel="icon" type="image/png" href="static/img/favicon.png">

</head>


<body>
  <nav class="navbar navbar-default navbar-static-top navbar-dark">
    <div class="container-fluid">
      <div class="navbar-header">
        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
          <span class="sr-only">Toggle navigation</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
        <div class="dropdown">
          <a class="navbar-brand {{landingpage_title|lower}} dropdown-toggle" id="dropdownMenu1" data-toggle="dropdown">
            {{landingpage_title}} Instance
            <span class="caret"></span>
          </a>
          <ul class="dropdown-menu" style="top: 30px;">
            {% for instance in instances %}
              <li><a href="{{instance.url}}">{{instance.name}} Instance</a></li>
            {% endfor %}
          </ul>
        </div>
      </div>

      <div id="navbar" class="navbar-collapse collapse navbar-dark">
        <ul class="nav navbar-nav navbar-right">
          <li><a href="https://fedoraproject.org/wiki/Taskotron">Wiki</a></li>
          <li><a href="https://pagure.io/taskotron">Issue Tracker</a></li>
          <li><a href="https://fedoraproject.org/wiki/Taskotron/Tasks">Information about Tasks</a></li>
        </ul>
      </div>
    </div>
  </nav>

  <div class="bg fullpage">

    <div class="jumbotron text-center">
      <div class="container">
      <div class="vfill-40"></div>
      <img src="static/img/taskotron-{{landingpage_instance}}.svg" class="img-responsive center-block logo">
      <div class="vfill-120"></div>
      <p class="punchline">automated task execution framework</p>
      <div class="vfill-120"></div>
      <p>
      <a class="btn btn-lg btn-primary hvr-fade" href="/{{ resultsdb_fe_endpoint }}/results" role="button">Browse Task Results</a>
        <a class="btn btn-lg btn-primary hvr-fade" href="/taskmaster/#/builders" role="button">Recently Executed Tasks</a>
        <a class="btn btn-lg btn-primary hvr-fade" href="https://qa.fedoraproject.org/docs/libtaskotron/latest" role="button">Documentation</a>
      </p>
      </div>
    </div>
  </div>

  <div class="container">

    <div class="row vertical-center">
      <div class="col-md-9">
        <h2>Trivial local execution</h2><p class="text-muted">No need to replicate the production environment with all its servers and configurations, the check authors can easily run and develop their checks on their local machine with no unnecessary software setup hassle.</p>
      </div>
      <div class="col-md-3">
        <div class="featurette text-right"  style="color: #cc8f60;">
        <i class="fa fa-desktop"></i></div>
      </div>
    </div>

    <hr>

    <div class="row vertical-center">
      <div class="col-md-3">
        <div class="featurette text-left" style="color: #639a81;">
        <i class="fa fa-bar-chart"></i></div>
      </div>
      <div class="col-md-9">
        <h2>Simple check management</h2><p class="text-muted">Package maintainers in full control of their package-related checks, no hurdles.</p>
      </div>
    </div>

    <hr>

    <div class="row vertical-center">
        <div class="col-md-9">
          <h2>Support for package-related checks</h2><p class="text-muted">Can this new build of firefox package be safely updated? Do the functional tests pass for this new build of openssh?</p>
        </div>
      <div class="col-md-3">
        <div class="featurette text-right" style="color: #cc8f60;">
        <i class="fa fa-cubes"></i></div>
      </div>
    </div>

    <hr>

    <div class="row vertical-center">
      <div class="col-md-3">
        <div class="featurette text-left" style="color: #639a81;">
        <i class="fa fa-globe"></i></div>
      </div>
      <div class="col-md-9">
        <h2>Support for distribution-wide checks</h2><p class="text-muted">Can this set of packages be pushed to stable? Is this new system compose installable?</p>
      </div>
    </div>

    <hr>

    <div class="row vertical-center">
        <div class="col-md-9">
          <h2>Event-based</h2><p class="text-muted">Where applicable only the simplest interaction between services is used - passing messages through a message bus - for both check triggering and result reporting. No hardcoded tie-ins to specific services.</p>
        </div>
      <div class="col-md-3">
        <div class="featurette text-right"  style="color: #cc8f60;">
        <i class="fa fa-paper-plane"></i></div>
      </div>
    </div>

    <hr>

    <div class="row vertical-center">
      <div class="col-md-3">
        <div class="featurette text-left"  style="color: #639a81;">
        <i class="fa fa-puzzle-piece"></i></div>
      </div>
      <div class="col-md-9">
        <h2>Decoupled design</h2><p class="text-muted">Comprised of loosely-coupled standalone units (tools, libraries) so that important logical functions are separated and one unit can be replaced with a different unit with similar functionality.</p>
      </div>
    </div>

    <hr>

    <div class="row vertical-center">
        <div class="col-md-9">
          <h2>Open source rockstar</h2><p class="text-muted">Taskotron is under active development. If you're interested in contributing, check out our <a href="{{ taskotron_docs_url }}/devguide.html">development guide</a> and the tickets and tasks on our <a href="https://pagure.io/taskotron">project page</a><!--, or pick some <a href="https://phab.qa.fedoraproject.org/project/board/12/">easy to handle tasks</a> -->.</p>
        </div>
      <div class="col-md-3">
        <div class="featurette text-right" style="color: #cc8f60;">
        <i class="fa fa-code-fork"></i></div>
      </div>
    </div>
  </div>

  <footer class="fullpage">
    <div class="container text-center">
      <div class="punchline">Get in touch!</div>
      <div class="vfill-120"></div>
      <p class="text-muted">Email on <a href="https://lists.fedoraproject.org/archives/list/qa-devel@lists.fedoraproject.org/">The Fedora qa-devel list</a></p>
      <p class="text-muted">In #fedora-qa on <a href="https://webchat.freenode.net/">Freenode IRC</a></p>
      <p class="text-muted">Check the <a href="https://pagure.io/taskotron">Pagure</a></p>
      <div class="vfill-120"></div>
      <img src="static/img/taskotron-box.svg">
    </div>
  </footer>
</body>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>

<script src="https://apps.fedoraproject.org/fedmenu/js/fedmenu.js"></script>
    <script>
      fedmenu({
        'url': 'https://apps.fedoraproject.org/js/data.js',
        'mimeType': 'application/javascript',
        'position': 'bottom-right',
      });
    </script>

</html>
