Set sail

.gitignore

@@ -14,5 +14,6 @@ site/tags/
 site/tour/
 site/release-notes/
 site/cpo-faq/
+site/set-sail/
 .frog
 node_modules

src/page-template.html

@@ -78,7 +78,7 @@
              role="navigation">
           <ul class="nav navbar-nav">
             <li><a class="fancyhover-above" href="/pyret-code/">Why Pyret?</a></li>
-            <li><a class="fancyhover-above" target="_blank" href="https://code.pyret.org">Try Pyret</a></li>
+            <li><a class="fancyhover-above" href="/set-sail/">Try Pyret</a></li>
             <li><a class="fancyhover-above" href="/discuss/">News &amp; Discussion</a></li>
             <li><a class="fancyhover-above" href="/docs/latest/">Documentation</a></li>
             <li><a class="fancyhover-above" href="https://github.com/brownplt/pyret-lang">Code</a></li>
@@ -102,7 +102,7 @@
       <p>
         <a href="/#examples" class="btn btn-primary btn-m hvr-border-fade">Examples</a>
         <a href="./pyret-code/" class="btn btn-primary btn-m hvr-border-fade">Why Pyret?</a>
-        <a target="_blank" href="https://code.pyret.org" class="btn btn-primary btn-m hvr-border-fade">Set Sail</a>
+        <a href="./set-sail" class="btn btn-primary btn-m hvr-border-fade">Set Sail</a>
         <a href="/discuss/" class="btn btn-primary btn-m hvr-border-fade">News &amp; Discussion</a>
       </p>
       </div>

src/set-sail/index.scrbl

@@ -0,0 +1,41 @@
+#lang scribble/manual
+
+@(require "../../lib/bootscrbl.rkt")
+
+@title{Running Pyret}
+
+@section{Running On the Web}
+
+You can run Pyret right in your browser by visiting
+@link["https://code.pyret.org"]{code.pyret.org}. This is the easiest way to get
+started. You can check out the
+@link["https://www.pyret.org/docs/latest/A_Tour_of_Pyret.html"]{tour}
+to see a small sample of programs and syntax.
+
+@section{Using Your Own Editor}
+
+If the command-line is your thing, you can check out the
+@link["https://www.npmjs.com/package/pyret-experimental-cli"]{@code{npm}
+package}, which lets you install a @code{pyret} command that you can use to
+compile and run programs.
+
+If you like to use your own editor offline, there are a few options for syntax
+highlighting:
+
+@itemlist[
+@item{For Visual Studio Code, just search “pyret” in the extensions
+explorer.
+@image[#:scale 0.4 "site/img/vscode.png"]}
+@item{For Atom, see the instructions at
+@link["https://github.com/brownplt/atom-language-pyret"]{atom-language-pyret}.}
+@item{For Emacs, Sublime, and Vim, check out the
+@link["https://github.com/brownplt/pyret-lang/tree/master/tools"]{@code{tools/}
+directory in the pyret-lang repository}.}
+]
+
+@section{Building from Source}
+
+To dig into all the details or contribute, can check out the repository on Github:
+
+@link["https://github.com/brownplt/pyret-lang"]{https://github.com/brownplt/pyret-lang}
+