initial import for Open Source 🎉

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>busybox</code> base image:</p>
+
+<pre class="command">
+<code ng-show="tour.tourScope.showSudo">sudo </code>docker run busybox 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">
+<code ng-show="tour.tourScope.showSudo">sudo </code>docker ps -l
+CONTAINER ID        IMAGE               COMMAND             CREATED
+<var class="var1">07f2065197ef</var>          busybox:latest        echo fun            31 seconds ago
+</pre>
+
+<div class="user-enter-box">
+  <div class="control-group">
+    <label class="control-label" for="containerId">Enter the container ID returned:</label>
+    <div class="form-inline">
+      <input type="text" id="containerId" class="form-control" placeholder="containerId" ng-model="tour.tourScope.containerId">
+    </div>
+  </div>
+</div>

static/tutorial/create-image.html

@@ -0,0 +1,22 @@
+<div class="user-enter-box">
+   <div class="control-group">
+    <label class="control-label" for="containerId">Enter a repository name:</label>
+    <div class="form-inline">
+      <form name="repoNameForm">
+        <input type="text" id="repoName" name="repoName" class="form-control"
+               ng-model="tour.tourScope.repoName" ng-pattern="/^[a-z0-9_-]+$/">
+      </form>
+    </div>
+    <span ng-show="!repoNameForm.repoName.$valid" style="margin-left: 10px; margin-top: 7px;">
+      Repository names must match [a-z0-9_-]+
+    </span>
+  </div>
+</div>
+
+<p>Once a container has terminated in Docker, the next step is to <i>commit</i> the container to an image, and then <i>tag</i> that image with a relevant name so it can be saved to a repository.</p>
+
+<p>Docker lets us do this in one step with the <i>commit</i> command. 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>{{ tour.tourScope.domainName }}</code>.
+
+<pre class="command">
+<code ng-show="tour.tourScope.showSudo">sudo </code>docker commit <var class="var1">{{ tour.tourScope.containerId || 'containerId' }}</var> {{ tour.tourScope.domainName }}/{{ tour.tourScope.username }}/<var class="var2">{{ tour.tourScope.repoName || 'myfirstrepo' }}</var>
+</pre>

static/tutorial/docker-login.html

@@ -0,0 +1,24 @@
+<div>
+  <div class="user-enter-box">
+    <div class="checkbox" style="margin: 0px;">
+      <input name="showSudo" type="checkbox" ng-model="tour.tourScope.showSudo" style="display: inline-block; margin-left: 10px; margin-right: 10px;">
+      <label for="showSudo" style="padding-left: 30px;">
+        My OS requires me to run all <code>docker</code> commands with <code>sudo</code>
+      </label>
+    </div>
+  </div>
+
+  <p>The first step when using <span class="registry-name"></span> is to login via the <code>docker login</code> command.</p>
+
+  <p>Enter your <span class="registry-name"></span> username and your <strong quay-show="Features.REQUIRE_ENCRYPTED_BASIC_AUTH">encrypted</strong> password when prompted.</p>
+
+  <div quay-show="Features.REQUIRE_ENCRYPTED_BASIC_AUTH" class="co-alert co-alert-warning">
+    This installation requires encrypted passwords to be used on the Docker command line. To generate an encrypted
+    password, visit the <a href="/user/{{ tour.tourScope.username }}?tab=settings">settings tab under your user page.</a>
+  </div>
+
+  <pre class="command"><code ng-show="tour.tourScope.showSudo">sudo </code>docker login {{ tour.tourScope.domainName }}
+Username: {{ tour.tourScope.username }}
+Password: (<strong quay-show="Features.REQUIRE_ENCRYPTED_BASIC_AUTH">encrypted</strong> password here)
+Email: {{ tour.tourScope.email }}</pre>
+</div>

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" ng-safenewtab>Documentation</a> or <a href="/contact">contact us</a>!

static/tutorial/permissions.html

@@ -0,0 +1,2 @@
+<p>The permissions table displays all the users, robot accounts and tokens that have access to the repository.</p>
+<p>By default, any repository you create will have your user ({{ tour.tourScope.username }}) as the single administrator.</p>

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 <span class="registry-name"></span>:</p>
+
+<pre class="command">
+<code ng-show="tour.tourScope.showSudo">sudo </code>docker push {{ tour.tourScope.domainName }}/{{ tour.tourScope.username }}/<var class="var2">{{ tour.tourScope.repoName || 'myfirstrepo' }}</var>
+The push refers to a repository [{{ tour.tourScope.domainName }}/{{ tour.tourScope.username }}/<var class="var2">{{ tour.tourScope.repoName || 'myfirstrepo' }}</var>] (len: 1)
+Sending image list
+Pushing repository {{ tour.tourScope.domainName }}/{{ tour.tourScope.username }}/<var class="var2">{{ tour.tourScope.repoName || 'myfirstrepo' }}</var> (1 tags)
+</pre>

static/tutorial/pushing.html

@@ -0,0 +1 @@
+Your repository <span class="repo-name-small">{{ tour.tourScope.username }}/{{ tour.tourScope.repoName }}</span> is currently being pushed to <span class="registry-name"></span>...

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/signup.html

@@ -0,0 +1,11 @@
+<div class="container signin-container">
+  <div class="row" style="margin-bottom: 10px">
+    This tutorial will interact with your account, so please sign in to get started
+  </div>
+  <div class="row">
+    <div class="col-sm-6 col-sm-offset-3">
+      <div class="user-setup" redirect-url="'/tutorial/'"></div>
+    </div>
+  </div>
+</div>
+

static/tutorial/view-repo.html

@@ -0,0 +1,3 @@
+<p>Your repository <span class="repo-name-small">{{ tour.tourScope.username }}/{{ tour.tourScope.repoName }}</span> has been pushed to <span class="registry-name"></span>!</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>

static/tutorial/waiting-repo-list.html

@@ -0,0 +1,7 @@
+<p>
+  Waiting for your repository to be listed.
+</p>
+
+<p ng-show="tour.tourScope.inOrganization">
+  Please make sure the <strong>{{ tour.tourScope.username }}</strong> namespace is selected.
+</p>

static/tutorial/welcome.html

@@ -0,0 +1,13 @@
+<p>This tutorial will walk you step-by-step through using <span class="registry-name"></span>, covering:
+<ul>
+<li>Logging into <span class="registry-name"></span> from the Docker CLI</li>
+<li>Starting a container</li>
+<li>Creating images from a container</li>
+<li>Pushing a repository to <span class="registry-name"></span></li>
+<li>Viewing a repository</li>
+<li quay-require="['BUILD_SUPPORT']">Setting up build triggers</li>
+<li>Changing a repository's permissions</li>
+</ul>
+</p>
+
+<p>This tutorial should take about <b>15 minutes</b>, but may take slightly longer depending on the speed of your internet connection</p>