material design user manager with create profile flow

chrome/browser/resources/md_user_manager/user_manager_tutorial.html

Index: chrome/browser/resources/md_user_manager/user_manager_tutorial.html
diff --git a/chrome/browser/resources/md_user_manager/user_manager_tutorial.html b/chrome/browser/resources/md_user_manager/user_manager_tutorial.html
new file mode 100644
index 0000000000000000000000000000000000000000..362a145e987a0639ec6e2b66c039c4ca42d9ff1c
--- /dev/null
+++ b/chrome/browser/resources/md_user_manager/user_manager_tutorial.html
@@ -0,0 +1,80 @@
+<link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-button.html">
+<link rel="import" href="chrome://resources/polymer/v1_0/polymer/polymer.html">
+
+<dom-module id="user-manager-tutorial">
+  <link rel="stylesheet" type="css" href="user_manager_tutorial.css">
+  <template>
+    <div hidden$="{{hidden}}">
+      <div class="tutorial-slide" id="yourChrome"
+          hidden$="{{isSlideHidden_(currentSlide_, 'yourChrome')}}">
+        <div class="slide-image"></div>
+        <div class="slide-contents">
+          <div class="slide-title" i18n-content="slideYourChromeTitle"></div>
+          <div class="slide-text" i18n-content="slideYourChromeText"></div>
+        </div>
+        <div class="slide-buttons">
+          <paper-button on-tap="next_" i18n-content="tutorialNext">
+          </paper-button>
+        </div>
+      </div>
+
+      <div class="tutorial-slide" id="guests"
+          hidden$="{{isSlideHidden_(currentSlide_, 'guests')}}">
+        <div class="slide-image"></div>
+        <div class="slide-contents">
+          <div class="slide-title" i18n-content="slideGuestsTitle"></div>
+          <div class="slide-text" i18n-content="slideGuestsText"></div>
+        </div>
+        <div class="slide-buttons">
+          <paper-button on-tap="next_" i18n-content="tutorialNext">
+          </paper-button>
+        </div>
+        <div class="arrow-down"></div>
+      </div>
+
+      <div class="tutorial-slide" id="friends"
+          hidden$="{{isSlideHidden_(currentSlide_, 'friends')}}">
+        <div class="slide-image"></div>
+        <div class="slide-contents">
+          <div class="slide-title" i18n-content="slideFriendsTitle"></div>
+          <div class="slide-text" i18n-content="slideFriendsText"></div>
+        </div>
+        <div class="slide-buttons">
+          <paper-button on-tap="next_" i18n-content="tutorialNext">
+          </paper-button>
+        </div>
+        <div class="arrow-down"></div>
+      </div>
+
+      <div class="tutorial-slide" id="complete"
+          hidden$="{{isSlideHidden_(currentSlide_, 'complete')}}">
+        <div class="slide-image"></div>
+        <div class="slide-contents">
+          <div class="slide-title" i18n-content="slideCompleteTitle"></div>
+          <div class="slide-text" i18n-content="slideCompleteText"></div>
+        </div>
+        <div class="slide-buttons">
+          <paper-button on-tap="next_" i18n-content="tutorialDone">
+          </paper-button>
+        </div>
+      </div>
+
+      <div class="tutorial-slide" id="notYou"
+          hidden$="{{isSlideHidden_(currentSlide_, 'notYou')}}">
+        <paper-button id="dismiss-bubble-button" on-tap="endTutorial_">
+          <img src="chrome://theme/IDR_CLOSE_1">
+        </paper-button>
+        <div class="slide-buttons">
+          <div class="slide-text" i18n-content="slideCompleteUserNotFound">
+          </div>
+          <div id="slide-add-user">
+            <a is="action-link" on-tap="handleAddUser_"
+                i18n-content="slideCompleteAddUser"></a>
+          </div>
+        </div>
+        <div class="arrow-down"></div>
+      </div>
+    </div>
+  </template>
+  <script src="chrome://md-user-manager/user_manager_tutorial.js"></script>
+</dom-module>