Skip to content
Snippets Groups Projects
index.html 4.87 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
Devon Carew's avatar
Devon Carew committed
      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>
Seth Ladd's avatar
Seth Ladd committed

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

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

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

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

Devon Carew's avatar
Devon Carew committed
        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>

Devon Carew's avatar
Devon Carew committed
      <p>Stagehand contains a highly curated list of templates:</p>
Seth Ladd's avatar
Seth Ladd committed

Devon Carew's avatar
Devon Carew committed
<ul id="template-list">
  <li>console-appengine - <em>A simple AppEngine application.</em></li>
  <li>console-full - <em>A sample command-line application.</em></li>
Devon Carew's avatar
Devon Carew committed
  <li>package - <em>A starting point for Dart libraries or applications.</em></li>
  <li>polymerapp - <em>A web app built using polymer.dart.</em></li>
  <li>server-shelf - <em>A web server built using the shelf package.</em></li>
  <li>ubersimplewebapp - <em>An absolute bare-bones web app.</em></li>
  <li>webapp - <em>A mobile-friendly web app with routing, responsive CSS, and (optional) Sass support.</em></li>
</ul>
Seth Ladd's avatar
Seth Ladd committed

    </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>