From e23155b75d8ca0bf47674ed34cb51664ae01952e Mon Sep 17 00:00:00 2001
From: Joseph Schorr <joseph.schorr@coreos.com>
Date: Wed, 8 Apr 2015 15:19:01 -0400
Subject: [PATCH] Redo styling of the tutorial page

---
 static/css/pages/tutorial.css          |  3 +++
 static/directives/angular-tour-ui.html |  5 -----
 static/js/pages/tutorial.js            |  8 ++++++--
 static/partials/old-tutorial.html      |  3 +++
 static/partials/tutorial.html          | 13 ++++++++++---
 5 files changed, 22 insertions(+), 10 deletions(-)
 create mode 100644 static/css/pages/tutorial.css
 create mode 100644 static/partials/old-tutorial.html

diff --git a/static/css/pages/tutorial.css b/static/css/pages/tutorial.css
new file mode 100644
index 000000000..8f68a4061
--- /dev/null
+++ b/static/css/pages/tutorial.css
@@ -0,0 +1,3 @@
+.tutorial-view .co-main-content-panel {
+  padding: 30px;
+}
\ No newline at end of file
diff --git a/static/directives/angular-tour-ui.html b/static/directives/angular-tour-ui.html
index d2fc3ed9d..a3a59abc7 100644
--- a/static/directives/angular-tour-ui.html
+++ b/static/directives/angular-tour-ui.html
@@ -1,11 +1,6 @@
 <div class="angular-tour-ui-element"
      ng-class="[tour ? 'touring' : 'nottouring', inline ? 'inline' : 'overlay']">
 
-  <div class="tour-title">
-    <h4><i class="fa fa-dot-circle-o"></i> {{ tour.title }}</h4>
-    <button type="button" class="close" ng-click="stop()" aria-hidden="true">&times;</button>
-  </div>
-
   <div class="tour-contents" ng-show="!supported">
     Your browser does not support features required for this tour. Please upgrade and try again.
   </div>
diff --git a/static/js/pages/tutorial.js b/static/js/pages/tutorial.js
index d5661c73b..c61021825 100644
--- a/static/js/pages/tutorial.js
+++ b/static/js/pages/tutorial.js
@@ -4,9 +4,13 @@
    */
   angular.module('quayPages').config(['pages', function(pages) {
     pages.create('tutorial', 'tutorial.html', TutorialCtrl, {
+      'newLayout': true,
       'title': 'Tutorial',
-      'description': 'Basic tutorial on using Docker with Quay.io'
-    });
+      'description': 'Basic tutorial on using Quay.io'
+    }, ['layout'])
+
+    pages.create('tutorial', 'old-tutorial.html', TutorialCtrl, {
+    }, ['old-layout']);
   }]);
 
   function TutorialCtrl($scope, AngularTour, AngularTourSignals, UserService, Config) {
diff --git a/static/partials/old-tutorial.html b/static/partials/old-tutorial.html
new file mode 100644
index 000000000..c590ac9ff
--- /dev/null
+++ b/static/partials/old-tutorial.html
@@ -0,0 +1,3 @@
+<div class="cor-container">
+  <div class="angular-tour-ui" tour="tour" inline="true"></div>
+</div>
diff --git a/static/partials/tutorial.html b/static/partials/tutorial.html
index c590ac9ff..cb8620ac5 100644
--- a/static/partials/tutorial.html
+++ b/static/partials/tutorial.html
@@ -1,3 +1,10 @@
-<div class="cor-container">
-  <div class="angular-tour-ui" tour="tour" inline="true"></div>
-</div>
+<div class="tutorial-view page-content">
+  <div class="cor-title">
+    <span class="cor-title-link"></span>
+    <span class="cor-title-content">Tutorial</span>
+  </div>
+
+  <div class="co-main-content-panel">
+    <div class="angular-tour-ui" tour="tour" inline="true"></div>
+  </div>
+</div>
\ No newline at end of file