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..30f5b70013220531445237bdd24d7e02f3760833
--- /dev/null
+++ b/chrome/browser/resources/md_user_manager/user_manager_tutorial.html
@@ -0,0 +1,69 @@
+<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_(currentStep_, '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_(currentStep_, '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_(currentStep_, '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_(currentStep_, '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_(currentStep_, '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>