diff --git a/static/css/quay.css b/static/css/quay.css index 42be7e72d..cbedebb12 100644 --- a/static/css/quay.css +++ b/static/css/quay.css @@ -3173,3 +3173,23 @@ pre.command:before { .about-basic-text { display: inline-block; } + +.repo-name-small:before { + content: "\f0a0"; + font-family: FontAwesome; + font-size: 20px; + margin-right: 6px; + vertical-align: middle; + font-weight: normal; +} + +.repo-name-small { + background: none repeat scroll 0 0 #D9EDF7; + border-radius: 10px; + margin-left: 6px; + margin-right: 6px; + display: inline-block; + font-size: 14px; + font-weight: bold; + padding: 4px 8px; +} \ No newline at end of file diff --git a/static/js/controllers.js b/static/js/controllers.js index 679935a3e..c4c4271c1 100644 --- a/static/js/controllers.js +++ b/static/js/controllers.js @@ -49,9 +49,13 @@ function PlansCtrl($scope, $location, UserService, PlanService) { } function TutorialCtrl($scope, AngularTour, AngularTourSignals, UserService) { + // Default to showing sudo on all commands if on linux. + var showSudo = navigator.appVersion.indexOf("Linux") != -1; + $scope.tour = { 'title': 'Quay.io Tutorial', 'initialScope': { + 'showSudo': showSudo }, 'steps': [ { diff --git a/static/tutorial/create-container.html b/static/tutorial/create-container.html index b3668e26b..a190d1018 100644 --- a/static/tutorial/create-container.html +++ b/static/tutorial/create-container.html @@ -3,13 +3,13 @@

First we'll create a container with a single new file based off of the ubuntu base image:

-docker run ubuntu echo "fun" > newfile
+sudo docker run ubuntu echo "fun" > newfile
 

The container will immediately terminate (because its one command is echo), so we'll use docker ps -l to list it:

-docker ps -l
+sudo docker ps -l
 CONTAINER ID        IMAGE               COMMAND             CREATED 
 07f2065197ef          ubuntu:12.04        echo fun            31 seconds ago   
 
diff --git a/static/tutorial/create-image.html b/static/tutorial/create-image.html index 4b753dfc3..ad56d91fc 100644 --- a/static/tutorial/create-image.html +++ b/static/tutorial/create-image.html @@ -18,5 +18,5 @@

Docker lets us do this in one step with the commit command. To do so, we run the docker commit with the container ID from the previous step and tag it to be a repository under quay.io.

-docker commit {{ tour.tourScope.containerId || 'containerId' }} quay.io/{{ tour.tourScope.username }}/{{ tour.tourScope.repoName || 'myfirstrepo' }}
+sudo docker commit {{ tour.tourScope.containerId || 'containerId' }} quay.io/{{ tour.tourScope.username }}/{{ tour.tourScope.repoName || 'myfirstrepo' }}
 
diff --git a/static/tutorial/docker-login.html b/static/tutorial/docker-login.html index 7427147c0..9e784ac60 100644 --- a/static/tutorial/docker-login.html +++ b/static/tutorial/docker-login.html @@ -1,7 +1,16 @@
+
+
+ +
+
+

The first step when using Quay.io is to login via the docker login command.

Enter your Quay.io username and your password when prompted.

-
docker login quay.io
+  
sudo docker login quay.io
 Username: {{ tour.tourScope.username }}
 Password: (password here)
 Email: {{ tour.tourScope.email }}
diff --git a/static/tutorial/push-image.html b/static/tutorial/push-image.html index 5eed732fe..e700a6901 100644 --- a/static/tutorial/push-image.html +++ b/static/tutorial/push-image.html @@ -1,7 +1,7 @@

Now that we've tagged our image with a repository name, we can push the repository to Quay.io:

-docker push quay.io/{{ tour.tourScope.username }}/{{ tour.tourScope.repoName || 'myfirstrepo' }}
+sudo docker push quay.io/{{ tour.tourScope.username }}/{{ tour.tourScope.repoName || 'myfirstrepo' }}
 The push refers to a repository [quay.io/{{ tour.tourScope.username }}/{{ tour.tourScope.repoName || 'myfirstrepo' }}] (len: 1)
 Sending image list
 Pushing repository quay.io/{{ tour.tourScope.username }}/{{ tour.tourScope.repoName || 'myfirstrepo' }} (1 tags)
diff --git a/static/tutorial/pushing.html b/static/tutorial/pushing.html
index 8bae75ae4..93ac65ad0 100644
--- a/static/tutorial/pushing.html
+++ b/static/tutorial/pushing.html
@@ -1 +1 @@
-Your repository {{ tour.tourScope.username }}/{{ tour.tourScope.repoName }} is currently being pushed to Quay.io...
+Your repository {{ tour.tourScope.username }}/{{ tour.tourScope.repoName }} is currently being pushed to Quay.io...
diff --git a/static/tutorial/view-repo.html b/static/tutorial/view-repo.html
index 3687c3d56..83cdc95ca 100644
--- a/static/tutorial/view-repo.html
+++ b/static/tutorial/view-repo.html
@@ -1,3 +1,3 @@
-

Your repository {{ tour.tourScope.username }}/{{ tour.tourScope.repoName }} has been pushed to Quay.io!

+

Your repository {{ tour.tourScope.username }}/{{ tour.tourScope.repoName }} has been pushed to Quay.io!

To view your repository, first click on the Repositories link in the header to continue. This will display the repositories list.

diff --git a/static/tutorial/welcome.html b/static/tutorial/welcome.html index 9be990cd9..5eba1f9bc 100644 --- a/static/tutorial/welcome.html +++ b/static/tutorial/welcome.html @@ -1 +1 @@ -This tutorial will walk you step-by-step through using Quay.io, including pushing/pulling repositories, making permissions changes and managing your repository. +

This tutorial will walk you step-by-step through using Quay.io, including pushing/pulling repositories, making permissions changes and managing your repository.