<commit_before>---
title: Setting Up PatternFly
author: ajolicoeur
layout: page
---
<div class="row">
  <div class="col-md-12">
    <h2>Directly introduce PatternFly with CDN provider</h2>
  </div>
</div>
<div class="row">
  <div class="col-md-12">
    <p>
      If you want to try out the components provided by PatternFly in a fast way. Just use these <a href="https://cdnjs.com/libraries/patternfly" target="top">PatternFly</a> CDN links.
    </p>
  </div>
  <div class="col-xs-12 col-sm-12 col-md-12">
    <pre class="prettyprint">
    <code class="language-html">{% escape_html %}
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/patternfly/3.24.0/css/patternfly.min.css">
  <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/patternfly/3.24.0/css/patternfly-additions.min.css">
</head>
<body>
  <div class="container">

    <!-- Just enjoy various PatternFly components -->
    <div class="alert alert-success">
      <span class="pficon pficon-ok"></span>
      <strong>Great job!</strong> This is really working out <a href="#" class="alert-link">great for us</a>.
    </div>

  </div>

  <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.24.0/css/patternfly.min.css"></script>
</body>
</html>
{% endescape_html %}</code>
    </pre>
  </div>
</div>
<div class="row">
  <div class="col-md-12">
    <h2>Setting Up PatternFly with npm</h2>
  </div>
</div>
<div class="row">
  <div class="col-md-12">
    <h3>Step 1: Prerequisites</h3>
    <div class="row">
      <div class="col-xs-12 col-sm-12 col-md-12">
        <p>Before you build up web apps with npm and PatternFly, there are a few things that you have to do first:</p>
        <ul>
          <li>Make sure that you have node.js installed.</li>
          <li><kbd>mkdir myProject && cd myProject</kbd></li>
          <li>Type <kbd>npm init</kbd> to create package.json file.</li>
        </ul>
      </div>
    </div>
  </div><commit_msg>Fix PatternFly JS URL in setup page<commit_after>---
title: Setting Up PatternFly
author: ajolicoeur
layout: page
---
<div class="row">
  <div class="col-md-12">
    <h2>Directly introduce PatternFly with CDN provider</h2>
  </div>
</div>
<div class="row">
  <div class="col-md-12">
    <p>
      If you want to try out the components provided by PatternFly in a fast way. Just use these <a href="https://cdnjs.com/libraries/patternfly" target="top">PatternFly</a> CDN links.
    </p>
  </div>
  <div class="col-xs-12 col-sm-12 col-md-12">
    <pre class="prettyprint">
    <code class="language-html">{% escape_html %}
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/patternfly/3.24.0/css/patternfly.min.css">
  <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/patternfly/3.24.0/css/patternfly-additions.min.css">
</head>
<body>
  <div class="container">

    <!-- Just enjoy various PatternFly components -->
    <div class="alert alert-success">
      <span class="pficon pficon-ok"></span>
      <strong>Great job!</strong> This is really working out <a href="#" class="alert-link">great for us</a>.
    </div>

  </div>

  <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.24.0/js/patternfly.min.js"></script>
</body>
</html>
{% endescape_html %}</code>
    </pre>
  </div>
</div>
<div class="row">
  <div class="col-md-12">
    <h2>Setting Up PatternFly with npm</h2>
  </div>
</div>
<div class="row">
  <div class="col-md-12">
    <h3>Step 1: Prerequisites</h3>
    <div class="row">
      <div class="col-xs-12 col-sm-12 col-md-12">
        <p>Before you build up web apps with npm and PatternFly, there are a few things that you have to do first:</p>
        <ul>
          <li>Make sure that you have node.js installed.</li>
          <li><kbd>mkdir myProject && cd myProject</kbd></li>
          <li>Type <kbd>npm init</kbd> to create package.json file.</li>
        </ul>
      </div>
    </div>
  </div>
{'fraction_non_alphanumeric': 0.18982300884955752, 'fraction_numerical': 0.020353982300884955, 'mean_word_length': 3.318051575931232, 'pattern_counts': {'":': 0, '<': 155, '<?xml version=': 0, '>': 155, 'https://': 12, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4803106', 'n_tokens_mistral': 1726, 'n_tokens_neox': 1616, 'n_words': 375}