ChromeOS: Implement minumal material design OOBE.

chrome/browser/resources/chromeos/login/oobe_welcome.html

Index: chrome/browser/resources/chromeos/login/oobe_welcome.html
diff --git a/chrome/browser/resources/chromeos/login/oobe_welcome.html b/chrome/browser/resources/chromeos/login/oobe_welcome.html
new file mode 100644
index 0000000000000000000000000000000000000000..079bd0d3db161486cb08396ff8d3112c7cde3bf0
--- /dev/null
+++ b/chrome/browser/resources/chromeos/login/oobe_welcome.html
@@ -0,0 +1,63 @@
+<dom-module name="oobe-welcome-md">
+  <style>
+    :host {
+      display: flex;
+      flex-direction: column;
+      font-size: 18px;
+      overflow: hidden;
+      position: relative;
+    }
+    
+    paper-dialog {

[dzhioev_at_google, 2016/05/25 01:01:32]

not used

[Alexander Alekseev, 2016/05/25 23:47:29]

Done.

+      --paper-dialog-title: {
+        font-size: 15px;
+      };
+      width: 384px;
+    }
+    
+    #oobe-welcome-md .buttonbox {
+      font-size: 32px;
+      padding: 15px 24px 24px;
+      width: 100px;
+    }
+    
+    #oobe-welcome-md .welcome-next {
+      padding: 15px 24px 24px;
+    }
+    
+    #oobe-welcome-md .bottom-button {
+        --iron-icon-height: 32px;
+        --iron-icon-width: 32px;
+    }
+  </style>
+  <template>
+    <neon-animated-pages id="animatedPages" class="fit" attr-for-selected="id"

[dzhioev_at_google, 2016/05/25 01:01:32]

We don't need animations yet. Please remove.

[Alexander Alekseev, 2016/05/25 23:47:29]

Done.

+        entry-animation="slide-from-right-animation"
+        exit-animation="slide-to-left-animation"
+        on-neon-animation-finish="onAnimationFinish_" selected="welcomeSection">
+
+      <neon-animatable id="welcomeSection" class="fit">
+        <oobe-card class="fit">
+          <div class="header flex vertical layout end-justified start">
+            <h1 class="welcome-message" i18n-content="networkScreenGreeting"></h1>
+          </div>
+          <div class="footer flex vertical layout justified">
+            <div class="welcome-next flex vertical layout center">
+              <oobe-next-button id="welcomeNextButton" on-tap="onWelcomeNextButtonClicked_"></oobe-next-button>
+            </div>
+            <div class="flex horizontal layout justified">
+              <div class="buttonbox layout vertical">
+                <iron-icon icon="icons:language" class="bottom-button self-center"></iron-icon>
+                <div id="currentLanguage">[[currentLanguage]]</div>
+              </div>
+              <div class="buttonbox layout vertical">
+                <iron-icon icon="icons:accessibility" class="bottom-button self-center"></iron-icon>
+                <div id="accessibilityLabel" i18n-content="accessibilityLink"></div>
+              </div>
+            </div>
+          </div>
+        </oobe-card>
+      </neon-animatable>
+  </template>
+</dom-module>
+