Get the basic tutorial working completely, including reacting to server-side events

static/tutorial/create-container.html

@@ -0,0 +1,24 @@
+<p>The first step to creating an image is to create a container and fill it with some data.</p>
+
+<p>First we'll create a container with a single new file based off of the <code>ubuntu</code> base image:</p>
+
+<pre class="command">
+docker run ubuntu echo "fun" > newfile
+</pre>
+
+<p>The container will immediately terminate (because its one command is <code>echo</code>), so we'll use <code>docker ps -l</code> to list it:
+
+<pre class="command">
+docker ps -l
+CONTAINER ID        IMAGE               COMMAND             CREATED 
+<var class="var1">07f2065197ef</var>          ubuntu:12.04        echo fun            31 seconds ago   
+</pre>
+
+<div class="alert alert-info">
+  <div class="control-group">
+    <label class="control-label" for="containerId">Enter the command ID:</label>
+    <div class="form-inline">
+      <input type="text" id="containerId" class="form-control" ng-model="tour.tourScope.containerId">
+    </div>
+  </div>
+</div>

static/tutorial/create-image.html

@@ -0,0 +1,16 @@
+<div class="alert alert-info">
+   <div class="control-group">
+    <label class="control-label" for="containerId">Enter a repo name:</label>
+    <div class="form-inline">
+      <input type="text" id="containerId" class="form-control" ng-model="tour.tourScope.repoName">
+    </div>
+  </div>
+</div>
+
+<p>Once a container has terminated in Docker, the next step is to <i>tag</i> the container to an image, so it can be saved to a repository.</p>
+
+<p>To do so, we run the <code>docker commit</code> with the container ID from the previous step and tag it to be a repository under <code>quay.io</code>.
+
+<pre class="command">
+docker commit <var class="var1">{{ tour.tourScope.containerId }}</var> quay.io/{{ tour.tourScope.username }}/<var class="var2">{{ tour.tourScope.repoName }}</var>
+</pre>

static/tutorial/done.html

@@ -0,0 +1 @@
+That's it for the introduction tutorial! If you have any questions, please check the <a href="http://docs.quay.io" target="_blank">Quay Documentation</a> or <a href="/contact">contact us</a>!

static/tutorial/push-image.html

@@ -0,0 +1,8 @@
+<p>Now that we've tagged our image with a repository name, we can <code>push</code> the repository to Quay.io:</p>
+
+<pre class="command">
+docker push quay.io/{{ tour.tourScope.username }}/<var class="var2">{{ tour.tourScope.repoName }}</var>
+The push refers to a repository [quay.io/{{ tour.tourScope.username }}/<var class="var2">{{ tour.tourScope.repoName }}</var>] (len: 1)
+Sending image list
+Pushing repository quay.io/{{ tour.tourScope.username }}/<var class="var2">{{ tour.tourScope.repoName }}</var> (1 tags)
+</pre>

static/tutorial/pushing.html

@@ -0,0 +1 @@
+Your repository {{ tour.tourScope.username }}/{{ tour.tourScope.repoName }} is currently being pushed to Quay.io...

static/tutorial/repo-list.html

@@ -0,0 +1,3 @@
+<p>This page displays all your personal repositories, as well as select public repositories</p>
+
+<p>To view your new repository, click on <strong>{{ tour.tourScope.username }}/{{ tour.tourScope.repoName }}</strong></p>

static/tutorial/view-repo.html

@@ -0,0 +1,3 @@
+<p>Your repository {{ tour.tourScope.username }}/{{ tour.tourScope.repoName }} has been pushed to Quay.io!</p>
+
+<p>To view your repository, first click on the <strong>Repositories</strong> link in the header to continue. This will display the repositories list.</p>