Skip to content
Snippets Groups Projects
index.html 4.64 KiB
Newer Older
Seth Ladd's avatar
Seth Ladd committed
<!doctype html>
Seth Ladd's avatar
Seth Ladd committed
<html lang="en" itemscope itemtype="http://schema.org/SoftwareApplication">
Seth Ladd's avatar
Seth Ladd committed
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
Seth Ladd's avatar
Seth Ladd committed
    <meta name="description" content="Stagehand is a project generator for Dart apps.">
    <meta itemprop="image" content="stagehand_guy.jpg">
Seth Ladd's avatar
Seth Ladd committed
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Stagehand - Easily create your Dart apps</title>

    <link href='http://fonts.googleapis.com/css?family=Roboto|Oswald:700' rel='stylesheet' type='text/css'>
Seth Ladd's avatar
Seth Ladd committed
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
Seth Ladd's avatar
Seth Ladd committed
    <link rel="stylesheet" href="styles.css">

  </head>
  <body>
    <!-- Static navbar -->
    <div class="navbar navbar-default navbar-static-top" role="navigation">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="#">Stagehand</a>
        </div>
        <div class="navbar-collapse collapse">
          <ul class="nav navbar-nav">
Seth Ladd's avatar
Seth Ladd committed
            <li><a href="#about">About</a></li>
Seth Ladd's avatar
Seth Ladd committed
            <li><a href="#get-started">Get Started</a></li>
            <li><a href="#usage">Usage</a></li>
          </ul>
          <ul class="nav navbar-nav navbar-right">
            <li><a href="https://github.com/google/stagehand/issues">Feedback</a></li>
            <li><a href="https://github.com/google/stagehand">Get Involved</a></li>
          </ul>
        </div><!--/.nav-collapse -->
      </div>
    </div>

    <!-- Main component for a primary marketing message or call to action -->
Seth Ladd's avatar
Seth Ladd committed
    <div class="jumbowrapper">
Seth Ladd's avatar
Seth Ladd committed
      <div class="jumbotron">
Seth Ladd's avatar
Seth Ladd committed
        <h1><span>STAGEHAND</span></h1>
Seth Ladd's avatar
Seth Ladd committed
        <p>Easily create your next Dart app.</p>
      </div>
Seth Ladd's avatar
Seth Ladd committed
    </div>
Seth Ladd's avatar
Seth Ladd committed

    <div class="container">

Seth Ladd's avatar
Seth Ladd committed
      <aside class="alert alert-warning">
Seth Ladd's avatar
Seth Ladd committed
        Stagehand is beta. We love
        <a href="https://github.com/google/stagehand/issues">feedback</a>!
Seth Ladd's avatar
Seth Ladd committed
      </aside>

Seth Ladd's avatar
Seth Ladd committed
      <h1 id="about">About Stagehand</h1>

      <p>Stagehand helps you quickly, easily, and correctly create Dart
      applications. It generates the scaffolding that you need so you
      can get productive, faster. Stagehand supports generating client-side web
      apps and server-side apps.</p>

      <h1 id="get-started">Get Started</h1>

      <p>Installing Stagehand requires the Dart SDK, version 1.6 or greater
      (Dart 1.7 is highly recommended).
Seth Ladd's avatar
Seth Ladd committed
      Once Dart SDK is on your path, you can install the stagehand pub
      package:</p>

      <p>
      <pre><code>
$ pub global activate stagehand
      </code></pre>

      <h1 id="usage">Usage</h1>

      <p>
        Stagehand is easy to use.
        First, make sure
        <a href="https://www.dartlang.org/tools/pub/cmd/pub-global.html#running-a-script-from-your-path">pub scripts are on your PATH</a>. Then:
Seth Ladd's avatar
Seth Ladd committed

      <p>
      <pre><code>
$ mkdir fancy_project
$ cd fancy_project
$ stagehand webapp
Seth Ladd's avatar
Seth Ladd committed
      </code></pre>

      <p>Stagehand contains a highly curated list of templates.</p>

      <ul>
Seth Ladd's avatar
Seth Ladd committed
      <li>consoleapp - <em>A minimal command-line app.</em></li>
      <li>webapp - <em>A HTML app.</em></li>
Seth Ladd's avatar
Seth Ladd committed
      <li>package - <em>A library, with tests, as a pub package.</em></li>
      <li>polymer - <em>A polymer and paper HTML app.</em></li>
      <li>shelfapp - <em>A web server using the shelf package.</em></li>
Seth Ladd's avatar
Seth Ladd committed
      </ul>

    </div> <!-- /container -->

    <div class="footer">
      <div class="container">
Seth Ladd's avatar
Seth Ladd committed
        <p class="text-muted">
Seth Ladd's avatar
Seth Ladd committed
          This work is licensed under
          <a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/">CC BY-SA 4.0</a>.
          Illustration by <a href="http://www.sambeck.ca/">Sam Beck</a>.
        </p>
Seth Ladd's avatar
Seth Ladd committed
      </div>
    </div>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.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','//www.google-analytics.com/analytics.js','ga');
      ga('create', 'UA-55033590-2', 'auto');
      ga('send', 'pageview');
    </script>
  </body>
</html>