<commit_before><!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="Content-Type" content="text/html; 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="OpenStack market place" />
    <meta name="keywords" content="openstack, glance images, heat templates, murano applications" />
    <meta name="author" content="Mirantis on behalf of OpenStack Foundation" />

    <title>Community App Catalog</title>

    <link href="/static/images/favicon.ico" rel="shortcut icon" type="image/x-icon" />

    <!-- Bootstrap core CSS -->
    <link href="http://cdn.jsdelivr.net/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet" type="text/css" />

    <!-- Custom styles for this template -->
    <link href="static/css/theme.css" rel="stylesheet" type="text/css" />
    <link href="http://cdn.jsdelivr.net/fontawesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
    <link href="http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,700" rel="stylesheet" type="text/css" />

    <link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.11.4/themes/cupertino/jquery-ui.css" />
    <link rel="stylesheet" type="text/css" href="http://cdn.jsdelivr.net/jquery.datatables/1.10.4/css/jquery.dataTables.min.css" />
    <link rel="stylesheet" type="text/css" href="http://cdn.jsdelivr.net/select2/3.5.2/select2.css" />

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="http://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="http://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
       </head>

  <body role="document">

    <!-- Google Tag Manager -->
    <noscript><iframe src="http://www.googletagmanager.com/ns.html?id=GTM-K2J65K"
              height="0" width="0"
              style="display:none;visibility:hidden"></iframe></noscript>
    <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
      new Date().getTime(),event:'gtm.js'});var
      f=d.getElementsByTagName(s)[0],
      j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
      '//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
      })(window,document,'script','dataLayer','GTM-K2J65K');</script>
    <!-- End Google Tag Manager -->
    <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','//www.google-analytics.com/analytics.js','ga');
      ga('create', 'UA-17511903-16', {'allowAnchor': true});
      ga('send', 'pageview', { 'page': location.pathname + location.search + location.hash});
    </script>
    <!-- Fixed navbar -->
    <div class="masthead navbar-fixed-top">
      <div class="container">
        <a class="navbar-brand" href="https://www.openstack.org" target="_blank"></a>
    <h1><a href="#">Community App Catalog <sup><small>[beta]</small></sup></a></h1>
 <a href="https://wiki.openstack.org/wiki/App-Catalog#FAQ" target="_blank" class="btn btn-default pull-right">FAQ</a>
      </div>

      <nav class="navbar navbar-inverse">
    <div class="container">
          <div class="navbar-collapse collapse">
            <ul id="navbar" class="nav navbar-nav">
              <li><a href="#murano-apps">Murano packages</a></li>
              <li><a href="#heat-templates">Heat Templates</a></li>
              <li><a href="#glance-images">Glance Images</a></li>
              <li><a href="#addContent">Add New Content</a></li>
            </ul>
          </div>
    </div>
      </nav>

    </div>

    <div class="container" role="main">

      <!-- Main jumbotron for a primary marketing message or call to
      action -->

      <div id="landing-page" class="content" style="display:none">

        <h1>The OpenStack Application Catalog will help you make applications available on your cloud. </h1>
    <div class="row featured">

          <div class="col-md-2 col-sm-6">
            <div class="inner title">
              <div>Recently Added Apps</div>
              <p>(Requires OpenStack)</p>
            </div>
          </div>
          <div class="col-md-2 col-sm-6">
            <div class="inner murano">
              <a href="#tab=murano-apps&asset=Kubernetes%20Cluster">
                <img src="static/images/logo-kubernetes.png">
                <p>Kubernetes</p>
              </a>
            </div>
          </div>
          <div class="col-md-2 col-sm-6">
            <div class="inner glance">
              <a href="#tab=glance-apps&asset=Chef">
              <img src="static/images/Chef-124x90-logo.png">
              <p>Chef</p></a>
            </div>
          </div>
          <div class="col-md-2 col-sm-6">
            <div class="inner murano">
              <a href="#tab=murano-apps&asset=Oracle Pluggable Database">
              <img src="static/images/logo-oracle.png">
              <p>Oracle</p></a>
            </div>
          </div>
          <div class="col-md-2 col-sm-6">
            <div class="inner glance">
              <a href="#tab=glance-images&asset=Debian%20Jessie%208.0.0%20x64">
              <img src="static/images/logo-debian.png">
              <p>Debian</p></a>
            </div>
          </div>
          <div class="col-md-2 col-sm-6">
            <div class="inner heat">
              <a href="#tab=heat-templates&asset=OpenShift%20Origin%203">
              <img src="static/images/logo-openshift.png">
              <p>OpenShift</p></a>
            </div>
          </div>
    </div>
        <p><strong>Don't have OpenStack yet?</strong></p>
        <p>Visit the <a href="https://www.openstack.org/marketplace/" target="_blank">OpenStack Marketplace</a> and select tools and methods for building your cloud. Then come back to the OpenStack Application Catalog to make your cloud sing with applications.</p>

        <div class="row">

          <div class="col-md-4 bluebox">
            <div class="inner">
              <a href="#tab=murano-apps">
                <h2>Murano Packages</h2>
                <img src="static/images/murano-diagram.png">
              </a>
              <p>
                In Murano Packages you will find complete
                applications, in both simple and clustered configurations, ready to deploy
                on your cloud. To use them:
              </p>
              <ol>
                <li>Verify that you have <A href="http://murano.readthedocs.org/en/latest/" target="_blank">Murano</a> installed</li>
                <li>Browse the list and find the app package you want</li>
                <li>Highlight and copy the name of the app package</li>
                <li>In Horizon, navigate to Murano &gt; Manage &gt; Package Definitions and click Import Package</li>
        <li>Paste the app package name into the labeled text field, and click Next. This will download and install the package components.</li>
        <li>Now deploy the app on your cloud by navigating to Application Catalog &gt; Environments, then creating and deploying that environment.</li>
          </ol>
        </div>
      </div>

      <div class="col-md-4 bluebox">
        <div class="inner">
              <a href="#tab=heat-templates">
            <h2>Heat Templates</h2>
            <img src="static/images/heat-diagram.png"
                     class="text-center">
              </a>
          <p>
                In Heat Templates you will find templates for creating
                complete stacks in your cloud. To use them:
              </p>
          <ol>
                <li>Browse the list and find the one you want</li>
                <li>Download the template yaml (.yml) file to your local machine</li>
                <li>Use Horizon to add the template to Heat (by uploading it via file selector, or copy/pasting it into the editable field)</li>
                <li>Use the <a href="http://docs.openstack.org/cli-reference/content/heatclient_commands.html" target="_blank">Heat client</a> to create a stack</li>
          </ol>
        </div>
      </div>

      <div class="col-md-4 bluebox">
        <div class="inner">
              <a href="#tab=glance-images">
            <h2>Glance Images</h2>
            <img src="static/images/glance-diagram.png">
              </a>
              <br/><br/>
          <p>
                In Glance Images you will find a library of
                preconfigured images ready to launch virtual machines
                on your cloud. To use them:
              </p>
          <ol>
                <li>Browse the list and find the one you want</li>
                <li>Copy the URL for the image file</li>
                <li>Use the <a href="http://docs.openstack.org/cli-reference/content/glanceclient_commands.html" target="_blank">Glance client</a> to add it to your cloud with the --copy-from option, or add the image from Horizon by creating a new image, and specifying the URL as the image location.</li>
                <li>You can use Nova to launch a VM from the new image; or, you can choose an image to launch from the Glance images list shown in Horizon. Of course, if a service is preconfigured to launch VMs by itself directly from specific guest images, you're good to go.
                </li>
          </ol>
        </div>
      </div>

    </div>

    <div class="row">
      <p><strong>Contributing to the OpenStack Application Catalog</strong></p>
      <p>
        The application catalog is built from the YAML files found in the
        <a href="https://github.com/stackforge/apps-catalog" target="_blank">repository</a>.
        Consistent with other OpenStack projects, additions to the
        catalog take the form of git commits which are reviewed with Gerrit
        prior to being merged.  Detailed instructions for adding to
        the YAML files can be found on the
        <a href="https://wiki.openstack.org/wiki/App-Catalog" target="_blank">
          OpenStack wiki</a>.
      </p>
      <p><strong>Catalogue Disclaimer</strong></p>
      <p>Please keep in mind that this catalog contains content from many sources,
         contributed by the community, for the community. The OpenStack Foundation is not endorsing any particular item listed. Read the <a href="https://wiki.openstack.org/wiki/App-Catalog/Catalogue_Disclaimer" target="_blank">Catalog Disclaimer</a> for additional information.</p>
    </div>

      </div>


      <div id="glance-images" class="content" style="display:none">

    <div class="row">
      <div class="col-md-6 filters">
            &nbsp;
      </div>
    </div>

    <div class="row">
      <div class="col-md-12">
        <table id="glance-images-table" class="table table-striped">
              <thead>
        <tr>
          <th>Image&nbsp;Name</th>
          <th>Description</th>
          <th>Format</th>
          <th>License</th>
        </tr>
              </thead>
        </table>
      </div>
    </div>

      </div>

      <div id="heat-templates" class="content" style="display:none">

    <div class="row">
      <div class="col-md-6 filters">
        <form class="form-inline">
              <div class="form-group">
        <label>Release</label>
        <input type="hidden" id="heat-release"
               style="width:10em" data-placeholder="Any release"/>
              </div>
        </form>
      </div>
    </div>

    <div class="row">
      <div class="col-md-12">
        <table id="heat-templates-table" class="table table-striped">
              <thead>
        <tr>
          <th>Template&nbsp;Name</th>
          <th>Description</th>
          <th>Release</th>
          <th>Format</th>
        </tr>
              </thead>
        </table>
      </div>
    </div>

      </div>

      <div id="murano-apps" class="content" style="display:none">

    <div class="row">
      <div class="col-md-6 filters">
        <form class="form-inline">
              <div class="form-group">
        <label>Release</label>
        <input type="hidden" id="murano-release"
               style="width:10em" data-placeholder="Any release"/>
              </div>
        </form>
      </div>
    </div>

    <div class="row">
      <div class="col-md-12">
        <table id="murano-apps-table" class="table table-striped">
              <thead>
        <tr>
          <th>Package&nbsp;Name</th>
          <th>Description</th>
          <th>Release</th>
          <th>Format</th>
        </tr>
              </thead>
        </table>
      </div>
    </div>

      </div>

      <div id="info-page" class="content">
    <div class="row">
      <div class="col-md-12">
        <div id="info-content"></div>
      </div>
    </div>
      </div>

      <div id="info-dialog" title="Details">
    <div id="info-container"></div>
      </div>

    </div>

    <!-- core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script type="text/javascript" src="http://cdn.jsdelivr.net/jquery/2.1.3/jquery.min.js"></script>
    <script type="text/javascript" src="http://code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>
    <script type="text/javascript" src="http://cdn.jsdelivr.net/jquery.datatables/1.10.4/js/jquery.dataTables.min.js"></script>
    <script type="text/javascript" src="http://cdn.jsdelivr.net/select2/3.5.2/select2.min.js"></script>
    <script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery.templates/beta1/jquery.tmpl.min.js"></script>
    <script type="text/javascript" src="http://cdn.jsdelivr.net/jquery.timeago/1.4.1/jquery.timeago.js"></script>
    <script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/jquery.matchHeight/0.6.0/jquery.matchHeight-min.js"></script>
    <script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/js-yaml/3.2.7/js-yaml.min.js"></script>

    <script type="text/javascript" src="static/js/apps-catalog.js"></script>

    <script type="text/javascript">
      $(function() { initMarketPlace (); });
      $(document).ready(function () { ; } );
    </script>

    <script id="glance-images-info" type="text/x-jquery-tmpl">

      <h2>${name} (${disk_format})</h2>
      <div>
      {{if attributes['url']}}
      <span class="label">glance image-create:</span>
      <input type="text" value="glance image-create --copy-from ${attributes['url']} --disk-format ${disk_format} --container-format ${container_format} --name '${name}'" onfocus="this.select();" onmouseup="return false;">
      {{else}}
      <span class="label">Website where the image can be downloaded:</span>
      <a href="${attributes['indirect_url']}">Link...</a>
      {{/if}}
      </div>
      {{if supported_by}}
      <div><span class="label">Supported by</span> <span class="value">${supported_by}</span></div>
      {{/if}}
      {{if license}}
      {{if license_url}}
      <div><span class="label">License</span> <a href="${license_url}"> <span class="value">${license}</span></a></div>
      {{else}}
      <div><span class="label">License</span> <span class="value">${license}</span></div>
      {{/if}}
      {{/if}}
      <div><span class="label">Description:</span> <span class="value">${description}</span></div>

      <h3>Author</h3>
      <div><span class="label">Contact:
    </span><a href="${provided_by.href}"> <span class="value">${provided_by.name}</span> </a></div>
      <div><span class="label">Company:</span> <span class="value">${provided_by.company}</span></div>

      {{if attributes }}
      <h3>Attributes</h3>
      {{each( key, value ) attributes }}
      <div><span class="label">${key}:</span> <span class="value">${value}</span></div>
      {{/each}}
      {{/if}}

    </script>

    <script id="heat-templates-info" type="text/x-jquery-tmpl">

      <h2>${name} (${format})</h2>
      {{if supported_by}}
      <div><span class="label">Supported by</span> <span class="value">${supported_by}</span></div>
      {{/if}}
      <div><span class="label">Description:</span> <span class="value">${description}</span></div>
      <div><span class="label">Available in Releases:</span> <span class="value">${release_html}</span></div>

      <h3>Author</h3>
      <div><span class="label">Contact:
    </span><a href="${provided_by.href}"> <span class="value">${provided_by.name}</span> </a></div>
      <div><span class="label">Company:</span> <span class="value">${provided_by.company}</span></div>

      {{if attributes }}
      <h3>Attributes</h3>
      {{each( key, value ) attributes }}
      <div><span class="label">${key}:</span> <span class="value">${value}</span></div>
      {{/each}}
      {{/if}}

    </script>

    <script id="murano-apps-info" type="text/x-jquery-tmpl">

      <h2>${name} (${format})</h2>
      <div>
    <span class="label">{{if format == 'package'}}Package{{else}}Bundle{{/if}} name:</span>
    <input type="text" value="${package_name}" onfocus="this.select();" onmouseup="return false;">
      </div>

      <h3>Description</h3>
      <div><span class="value">${description}</span></div>

      <h3>Supported OpenStack Releases</h3>
      <div><span class="value">${release_html}</span></div>

      <h3>Author</h3>
      <div><span class="label">Contact:	</span><a href="${provided_by.href}"> <span class="value">${provided_by.name}</span> </a></div>
      <div><span class="label">Company:</span> <span class="value">${provided_by.company}</span></div>

      {{if dependsOn }}
      <h3>Depends On</h3>
      <p>Package may depend on image and on other packages, during import of
      this package to Murano following dependencies will be also downloaded
      and imported, but existing entries will not be overwritten.</p>
      {{if dependsOn.image }}
      Base Image: <a href="${dependsOn.image.uri}">${dependsOn.image.name}</a><br />
      {{/if}}
      {{if dependsOn.apps }}
      Dependencies:
      <ul>
         {{each dependsOn.apps }}
         <li>${dependsOn.apps[$index]}</li>
         {{/each}}
      </ul>
      {{/if}}
      {{/if}}

      {{if format == 'bundle' && bundled}}
      <h3>In the Bundle</h3>
      <p>Following packages included to this bundle:</p>
      <ul>
         {{each bundled }}
         <li>${bundled[$index]}</li>
         {{/each}}
      </ul>
      <p>Note: Dependencies of the each package included to the bundle will be also imported.<p>
      {{/if}}

      {{if attributes }}
      <h3>Attributes</h3>
      {{each( key, value ) attributes }}
      <div><span class="label">${key}:</span> <span class="value">${value}</span></div>
      {{/each}}
      {{/if}}

    </script>
  </body>
</html>
<commit_msg>Chef Server Link was wrong<commit_after><!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="Content-Type" content="text/html; 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="OpenStack market place" />
    <meta name="keywords" content="openstack, glance images, heat templates, murano applications" />
    <meta name="author" content="Mirantis on behalf of OpenStack Foundation" />

    <title>Community App Catalog</title>

    <link href="/static/images/favicon.ico" rel="shortcut icon" type="image/x-icon" />

    <!-- Bootstrap core CSS -->
    <link href="http://cdn.jsdelivr.net/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet" type="text/css" />

    <!-- Custom styles for this template -->
    <link href="static/css/theme.css" rel="stylesheet" type="text/css" />
    <link href="http://cdn.jsdelivr.net/fontawesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
    <link href="http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,700" rel="stylesheet" type="text/css" />

    <link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.11.4/themes/cupertino/jquery-ui.css" />
    <link rel="stylesheet" type="text/css" href="http://cdn.jsdelivr.net/jquery.datatables/1.10.4/css/jquery.dataTables.min.css" />
    <link rel="stylesheet" type="text/css" href="http://cdn.jsdelivr.net/select2/3.5.2/select2.css" />

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="http://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="http://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
       </head>

  <body role="document">

    <!-- Google Tag Manager -->
    <noscript><iframe src="http://www.googletagmanager.com/ns.html?id=GTM-K2J65K"
              height="0" width="0"
              style="display:none;visibility:hidden"></iframe></noscript>
    <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
      new Date().getTime(),event:'gtm.js'});var
      f=d.getElementsByTagName(s)[0],
      j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
      '//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
      })(window,document,'script','dataLayer','GTM-K2J65K');</script>
    <!-- End Google Tag Manager -->
    <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','//www.google-analytics.com/analytics.js','ga');
      ga('create', 'UA-17511903-16', {'allowAnchor': true});
      ga('send', 'pageview', { 'page': location.pathname + location.search + location.hash});
    </script>
    <!-- Fixed navbar -->
    <div class="masthead navbar-fixed-top">
      <div class="container">
        <a class="navbar-brand" href="https://www.openstack.org" target="_blank"></a>
    <h1><a href="#">Community App Catalog <sup><small>[beta]</small></sup></a></h1>
 <a href="https://wiki.openstack.org/wiki/App-Catalog#FAQ" target="_blank" class="btn btn-default pull-right">FAQ</a>
      </div>

      <nav class="navbar navbar-inverse">
    <div class="container">
          <div class="navbar-collapse collapse">
            <ul id="navbar" class="nav navbar-nav">
              <li><a href="#murano-apps">Murano packages</a></li>
              <li><a href="#heat-templates">Heat Templates</a></li>
              <li><a href="#glance-images">Glance Images</a></li>
              <li><a href="#addContent">Add New Content</a></li>
            </ul>
          </div>
    </div>
      </nav>

    </div>

    <div class="container" role="main">

      <!-- Main jumbotron for a primary marketing message or call to
      action -->

      <div id="landing-page" class="content" style="display:none">

        <h1>The OpenStack Application Catalog will help you make applications available on your cloud. </h1>
    <div class="row featured">

          <div class="col-md-2 col-sm-6">
            <div class="inner title">
              <div>Recently Added Apps</div>
              <p>(Requires OpenStack)</p>
            </div>
          </div>
          <div class="col-md-2 col-sm-6">
            <div class="inner murano">
              <a href="#tab=murano-apps&asset=Kubernetes%20Cluster">
                <img src="static/images/logo-kubernetes.png">
                <p>Kubernetes</p>
              </a>
            </div>
          </div>
          <div class="col-md-2 col-sm-6">
            <div class="inner glance">
              <a href="#tab=glance-apps&asset=Chef%20Server">
              <img src="static/images/Chef-124x90-logo.png">
              <p>Chef</p></a>
            </div>
          </div>
          <div class="col-md-2 col-sm-6">
            <div class="inner murano">
              <a href="#tab=murano-apps&asset=Oracle Pluggable Database">
              <img src="static/images/logo-oracle.png">
              <p>Oracle</p></a>
            </div>
          </div>
          <div class="col-md-2 col-sm-6">
            <div class="inner glance">
              <a href="#tab=glance-images&asset=Debian%20Jessie%208.0.0%20x64">
              <img src="static/images/logo-debian.png">
              <p>Debian</p></a>
            </div>
          </div>
          <div class="col-md-2 col-sm-6">
            <div class="inner heat">
              <a href="#tab=heat-templates&asset=OpenShift%20Origin%203">
              <img src="static/images/logo-openshift.png">
              <p>OpenShift</p></a>
            </div>
          </div>
    </div>
        <p><strong>Don't have OpenStack yet?</strong></p>
        <p>Visit the <a href="https://www.openstack.org/marketplace/" target="_blank">OpenStack Marketplace</a> and select tools and methods for building your cloud. Then come back to the OpenStack Application Catalog to make your cloud sing with applications.</p>

        <div class="row">

          <div class="col-md-4 bluebox">
            <div class="inner">
              <a href="#tab=murano-apps">
                <h2>Murano Packages</h2>
                <img src="static/images/murano-diagram.png">
              </a>
              <p>
                In Murano Packages you will find complete
                applications, in both simple and clustered configurations, ready to deploy
                on your cloud. To use them:
              </p>
              <ol>
                <li>Verify that you have <A href="http://murano.readthedocs.org/en/latest/" target="_blank">Murano</a> installed</li>
                <li>Browse the list and find the app package you want</li>
                <li>Highlight and copy the name of the app package</li>
                <li>In Horizon, navigate to Murano &gt; Manage &gt; Package Definitions and click Import Package</li>
        <li>Paste the app package name into the labeled text field, and click Next. This will download and install the package components.</li>
        <li>Now deploy the app on your cloud by navigating to Application Catalog &gt; Environments, then creating and deploying that environment.</li>
          </ol>
        </div>
      </div>

      <div class="col-md-4 bluebox">
        <div class="inner">
              <a href="#tab=heat-templates">
            <h2>Heat Templates</h2>
            <img src="static/images/heat-diagram.png"
                     class="text-center">
              </a>
          <p>
                In Heat Templates you will find templates for creating
                complete stacks in your cloud. To use them:
              </p>
          <ol>
                <li>Browse the list and find the one you want</li>
                <li>Download the template yaml (.yml) file to your local machine</li>
                <li>Use Horizon to add the template to Heat (by uploading it via file selector, or copy/pasting it into the editable field)</li>
                <li>Use the <a href="http://docs.openstack.org/cli-reference/content/heatclient_commands.html" target="_blank">Heat client</a> to create a stack</li>
          </ol>
        </div>
      </div>

      <div class="col-md-4 bluebox">
        <div class="inner">
              <a href="#tab=glance-images">
            <h2>Glance Images</h2>
            <img src="static/images/glance-diagram.png">
              </a>
              <br/><br/>
          <p>
                In Glance Images you will find a library of
                preconfigured images ready to launch virtual machines
                on your cloud. To use them:
              </p>
          <ol>
                <li>Browse the list and find the one you want</li>
                <li>Copy the URL for the image file</li>
                <li>Use the <a href="http://docs.openstack.org/cli-reference/content/glanceclient_commands.html" target="_blank">Glance client</a> to add it to your cloud with the --copy-from option, or add the image from Horizon by creating a new image, and specifying the URL as the image location.</li>
                <li>You can use Nova to launch a VM from the new image; or, you can choose an image to launch from the Glance images list shown in Horizon. Of course, if a service is preconfigured to launch VMs by itself directly from specific guest images, you're good to go.
                </li>
          </ol>
        </div>
      </div>

    </div>

    <div class="row">
      <p><strong>Contributing to the OpenStack Application Catalog</strong></p>
      <p>
        The application catalog is built from the YAML files found in the
        <a href="https://github.com/stackforge/apps-catalog" target="_blank">repository</a>.
        Consistent with other OpenStack projects, additions to the
        catalog take the form of git commits which are reviewed with Gerrit
        prior to being merged.  Detailed instructions for adding to
        the YAML files can be found on the
        <a href="https://wiki.openstack.org/wiki/App-Catalog" target="_blank">
          OpenStack wiki</a>.
      </p>
      <p><strong>Catalogue Disclaimer</strong></p>
      <p>Please keep in mind that this catalog contains content from many sources,
         contributed by the community, for the community. The OpenStack Foundation is not endorsing any particular item listed. Read the <a href="https://wiki.openstack.org/wiki/App-Catalog/Catalogue_Disclaimer" target="_blank">Catalog Disclaimer</a> for additional information.</p>
    </div>

      </div>


      <div id="glance-images" class="content" style="display:none">

    <div class="row">
      <div class="col-md-6 filters">
            &nbsp;
      </div>
    </div>

    <div class="row">
      <div class="col-md-12">
        <table id="glance-images-table" class="table table-striped">
              <thead>
        <tr>
          <th>Image&nbsp;Name</th>
          <th>Description</th>
          <th>Format</th>
          <th>License</th>
        </tr>
              </thead>
        </table>
      </div>
    </div>

      </div>

      <div id="heat-templates" class="content" style="display:none">

    <div class="row">
      <div class="col-md-6 filters">
        <form class="form-inline">
              <div class="form-group">
        <label>Release</label>
        <input type="hidden" id="heat-release"
               style="width:10em" data-placeholder="Any release"/>
              </div>
        </form>
      </div>
    </div>

    <div class="row">
      <div class="col-md-12">
        <table id="heat-templates-table" class="table table-striped">
              <thead>
        <tr>
          <th>Template&nbsp;Name</th>
          <th>Description</th>
          <th>Release</th>
          <th>Format</th>
        </tr>
              </thead>
        </table>
      </div>
    </div>

      </div>

      <div id="murano-apps" class="content" style="display:none">

    <div class="row">
      <div class="col-md-6 filters">
        <form class="form-inline">
              <div class="form-group">
        <label>Release</label>
        <input type="hidden" id="murano-release"
               style="width:10em" data-placeholder="Any release"/>
              </div>
        </form>
      </div>
    </div>

    <div class="row">
      <div class="col-md-12">
        <table id="murano-apps-table" class="table table-striped">
              <thead>
        <tr>
          <th>Package&nbsp;Name</th>
          <th>Description</th>
          <th>Release</th>
          <th>Format</th>
        </tr>
              </thead>
        </table>
      </div>
    </div>

      </div>

      <div id="info-page" class="content">
    <div class="row">
      <div class="col-md-12">
        <div id="info-content"></div>
      </div>
    </div>
      </div>

      <div id="info-dialog" title="Details">
    <div id="info-container"></div>
      </div>

    </div>

    <!-- core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script type="text/javascript" src="http://cdn.jsdelivr.net/jquery/2.1.3/jquery.min.js"></script>
    <script type="text/javascript" src="http://code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>
    <script type="text/javascript" src="http://cdn.jsdelivr.net/jquery.datatables/1.10.4/js/jquery.dataTables.min.js"></script>
    <script type="text/javascript" src="http://cdn.jsdelivr.net/select2/3.5.2/select2.min.js"></script>
    <script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery.templates/beta1/jquery.tmpl.min.js"></script>
    <script type="text/javascript" src="http://cdn.jsdelivr.net/jquery.timeago/1.4.1/jquery.timeago.js"></script>
    <script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/jquery.matchHeight/0.6.0/jquery.matchHeight-min.js"></script>
    <script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/js-yaml/3.2.7/js-yaml.min.js"></script>

    <script type="text/javascript" src="static/js/apps-catalog.js"></script>

    <script type="text/javascript">
      $(function() { initMarketPlace (); });
      $(document).ready(function () { ; } );
    </script>

    <script id="glance-images-info" type="text/x-jquery-tmpl">

      <h2>${name} (${disk_format})</h2>
      <div>
      {{if attributes['url']}}
      <span class="label">glance image-create:</span>
      <input type="text" value="glance image-create --copy-from ${attributes['url']} --disk-format ${disk_format} --container-format ${container_format} --name '${name}'" onfocus="this.select();" onmouseup="return false;">
      {{else}}
      <span class="label">Website where the image can be downloaded:</span>
      <a href="${attributes['indirect_url']}">Link...</a>
      {{/if}}
      </div>
      {{if supported_by}}
      <div><span class="label">Supported by</span> <span class="value">${supported_by}</span></div>
      {{/if}}
      {{if license}}
      {{if license_url}}
      <div><span class="label">License</span> <a href="${license_url}"> <span class="value">${license}</span></a></div>
      {{else}}
      <div><span class="label">License</span> <span class="value">${license}</span></div>
      {{/if}}
      {{/if}}
      <div><span class="label">Description:</span> <span class="value">${description}</span></div>

      <h3>Author</h3>
      <div><span class="label">Contact:
    </span><a href="${provided_by.href}"> <span class="value">${provided_by.name}</span> </a></div>
      <div><span class="label">Company:</span> <span class="value">${provided_by.company}</span></div>

      {{if attributes }}
      <h3>Attributes</h3>
      {{each( key, value ) attributes }}
      <div><span class="label">${key}:</span> <span class="value">${value}</span></div>
      {{/each}}
      {{/if}}

    </script>

    <script id="heat-templates-info" type="text/x-jquery-tmpl">

      <h2>${name} (${format})</h2>
      {{if supported_by}}
      <div><span class="label">Supported by</span> <span class="value">${supported_by}</span></div>
      {{/if}}
      <div><span class="label">Description:</span> <span class="value">${description}</span></div>
      <div><span class="label">Available in Releases:</span> <span class="value">${release_html}</span></div>

      <h3>Author</h3>
      <div><span class="label">Contact:
    </span><a href="${provided_by.href}"> <span class="value">${provided_by.name}</span> </a></div>
      <div><span class="label">Company:</span> <span class="value">${provided_by.company}</span></div>

      {{if attributes }}
      <h3>Attributes</h3>
      {{each( key, value ) attributes }}
      <div><span class="label">${key}:</span> <span class="value">${value}</span></div>
      {{/each}}
      {{/if}}

    </script>

    <script id="murano-apps-info" type="text/x-jquery-tmpl">

      <h2>${name} (${format})</h2>
      <div>
    <span class="label">{{if format == 'package'}}Package{{else}}Bundle{{/if}} name:</span>
    <input type="text" value="${package_name}" onfocus="this.select();" onmouseup="return false;">
      </div>

      <h3>Description</h3>
      <div><span class="value">${description}</span></div>

      <h3>Supported OpenStack Releases</h3>
      <div><span class="value">${release_html}</span></div>

      <h3>Author</h3>
      <div><span class="label">Contact:	</span><a href="${provided_by.href}"> <span class="value">${provided_by.name}</span> </a></div>
      <div><span class="label">Company:</span> <span class="value">${provided_by.company}</span></div>

      {{if dependsOn }}
      <h3>Depends On</h3>
      <p>Package may depend on image and on other packages, during import of
      this package to Murano following dependencies will be also downloaded
      and imported, but existing entries will not be overwritten.</p>
      {{if dependsOn.image }}
      Base Image: <a href="${dependsOn.image.uri}">${dependsOn.image.name}</a><br />
      {{/if}}
      {{if dependsOn.apps }}
      Dependencies:
      <ul>
         {{each dependsOn.apps }}
         <li>${dependsOn.apps[$index]}</li>
         {{/each}}
      </ul>
      {{/if}}
      {{/if}}

      {{if format == 'bundle' && bundled}}
      <h3>In the Bundle</h3>
      <p>Following packages included to this bundle:</p>
      <ul>
         {{each bundled }}
         <li>${bundled[$index]}</li>
         {{/each}}
      </ul>
      <p>Note: Dependencies of the each package included to the bundle will be also imported.<p>
      {{/if}}

      {{if attributes }}
      <h3>Attributes</h3>
      {{each( key, value ) attributes }}
      <div><span class="label">${key}:</span> <span class="value">${value}</span></div>
      {{/each}}
      {{/if}}

    </script>
  </body>
</html>

{'fraction_non_alphanumeric': 0.18190132747987875, 'fraction_numerical': 0.009511863698128986, 'mean_word_length': 2.4723709282279285, 'pattern_counts': {'":': 0, '<': 1097, '<?xml version=': 0, '>': 1097, 'https://': 12, 'lorem ipsum': 0, 'www.': 10, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 8, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1664158', 'n_tokens_mistral': 12386, 'n_tokens_neox': 11854, 'n_words': 2608}