Uses <header> in getting started. Fixes #50

google · Jun 9, 2014 · b8ede09 · b8ede09
1 parent 7a49f3b
commit b8ede09
Show file tree

Hide file tree

Showing 11 changed files with 52 additions and 29 deletions.
diff --git a/src/site/getting-started/your-first-multi-screen-site/_code/addcontent.html b/src/site/getting-started/your-first-multi-screen-site/_code/addcontent.html
@@ -7,8 +7,10 @@
     <!-- // [START headline] -->
     <div id="headline">
       <div class="container">
-        <h1>Mobile Web Development</h1>
-        <h2>Building Mobile Web Experiences</h2>
+        <header>
+          <h1>Mobile Web Development</h1>
+          <p>Building Mobile Web Experiences</p>
+        </header>
         <div id="blurb">
           <p>So you've heard mobile is kind of a big deal, and you're not 
           sure how to transform your traditional desktop-focused web apps 

diff --git a/src/site/getting-started/your-first-multi-screen-site/_code/addform.html b/src/site/getting-started/your-first-multi-screen-site/_code/addform.html
@@ -7,8 +7,10 @@
 
     <div id="headline">
       <div class="container">
-        <h1>Mobile Web Development</h1>
-        <h2>Building Mobile Web Experiences</h2>
+        <header>
+          <h1>Mobile Web Development</h1>
+          <p>Building Mobile Web Experiences</p>
+        </header>
         <div id="blurb">
           <p>So you've heard mobile is kind of a big deal, and you're not 
           sure how to transform your traditional desktop-focused web apps 

diff --git a/src/site/getting-started/your-first-multi-screen-site/_code/addheadline.html b/src/site/getting-started/your-first-multi-screen-site/_code/addheadline.html
@@ -6,8 +6,10 @@
   <body>   
     <!-- // [START headline] -->
     <div id="headline">
-      <h1>Mobile Web Development</h1>
-      <h2>Building Mobile Web Experiences</h2>
+      <header>
+        <h1>Mobile Web Development</h1>
+        <p>Building Mobile Web Experiences</p>
+      </header>
       <div id="blurb">
         <p>So you've heard mobile is kind of a big deal, and you're not 
         sure how to transform your traditional desktop-focused web apps 

diff --git a/src/site/getting-started/your-first-multi-screen-site/_code/addimages.html b/src/site/getting-started/your-first-multi-screen-site/_code/addimages.html
@@ -5,8 +5,10 @@
   <body>   
     <!-- // [START headline] -->
     <div id="headline">
-      <h1>Mobile Web Development</h1>
-      <h2>Building Mobile Web Experiences</h2>
+      <header>
+        <h1>Mobile Web Development</h1>
+        <p>Building Mobile Web Experiences</p>
+      </header>
       <div id="blurb">
         <p>So you’ve heard mobile is kind of a big deal, and you’re not sure how to transform your traditional desktop-focused web apps into fast, effective mobile experiences. This course is designed to teach web developers what they need to know to create great cross-device mobile web experiences. This course will focus on building mobile web apps, which will work across multiple platforms including Android, iOS, and others.</p>
       </div>

diff --git a/src/site/getting-started/your-first-multi-screen-site/_code/addstructure.html b/src/site/getting-started/your-first-multi-screen-site/_code/addstructure.html
@@ -7,8 +7,10 @@
   </head>
   <body>   
     <div id="headline">
-      <h1></h1>
-      <h2></h2>
+      <header>
+        <h1></h1>
+        <p></p>
+      </header>
       <div id="blurb">
         <p></p>
         <ul>

diff --git a/src/site/getting-started/your-first-multi-screen-site/_code/addvideo.html b/src/site/getting-started/your-first-multi-screen-site/_code/addvideo.html
@@ -19,15 +19,15 @@
         }
         /* // [END styles] */
 
-        #headline h1 {
+        #headline header h1 {
           font-family: Roboto, sans-serif;
           font-weight: 100;
           font-size: 60px;
           line-height: 1em;
           margin-bottom: 0;
         }
 
-        #headline h2 {
+        #headline header p {
           font-weight: 200;
           font-size: 30px;
           margin-top: 5px;
@@ -169,8 +169,10 @@
   <body>   
     <!-- // [START headline] -->
     <div id="headline">
-      <h1>Mobile Web Development</h1>
-      <h2>Building Mobile Web Experiences</h2>
+      <header>
+        <h1>Mobile Web Development</h1>
+        <p>Building Mobile Web Experiences</p>
+      </header>
       <div id="blurb">
         <p>So you've heard mobile is kind of a big deal, and you're not sure how to transform your traditional desktop-focused web apps into fast, effective multi-screen experiences.</p>
         <p>This course is designed to teach web developers what they need to know to create great cross-device web experiences.</p>

diff --git a/src/site/getting-started/your-first-multi-screen-site/_code/content-with-styles.html b/src/site/getting-started/your-first-multi-screen-site/_code/content-with-styles.html
@@ -292,8 +292,10 @@
     <!-- // [START headline] -->
     <div id="headline">
       <div class="container">
-        <h1>Mobile Web Development</h1>
-        <h2>Building Mobile Web Experiences</h2>
+        <header>
+          <h1>Mobile Web Development</h1>
+          <p>Building Mobile Web Experiences</p>
+        </header>
         <div id="blurb">
           <p>So you've heard mobile is kind of a big deal, and you're not sure how to transform your traditional desktop-focused web apps into fast, effective multi-screen experiences.</p>
           <p>This course is designed to teach web developers what they need to know to create great cross-device web experiences.</p>

diff --git a/src/site/getting-started/your-first-multi-screen-site/_code/content-without-styles.html b/src/site/getting-started/your-first-multi-screen-site/_code/content-without-styles.html
@@ -6,8 +6,10 @@
   <body>   
     <!-- // [START headline] -->
     <div id="headline">
-      <h1>Mobile Web Development</h1>
-      <h2>Building Mobile Web Experiences</h2>
+      <header>
+        <h1>Mobile Web Development</h1>
+        <p>Building Mobile Web Experiences</p>
+      </header>
       <div id="blurb">
         <p>So you’ve heard mobile is kind of a big deal, and you’re not sure how to transform your traditional desktop-focused web apps into fast, effective mobile experiences. This course is designed to teach web developers what they need to know to create great cross-device mobile web experiences. This course will focus on building mobile web apps, which will work across multiple platforms including Android, iOS, and others.</p>
       </div>

diff --git a/src/site/getting-started/your-first-multi-screen-site/_code/firstbreakpoint.html b/src/site/getting-started/your-first-multi-screen-site/_code/firstbreakpoint.html
@@ -19,14 +19,15 @@
         background-size: cover;
       }
 
-      #headline h1 {
-        font-weight: 200;
+      #headline header h1 {
+        font-family: Roboto, sans-serif;
+        font-weight: 100;
         font-size: 60px;
         line-height: 1em;
         margin-bottom: 0;
       }
 
-      #headline h2 {
+      #headline header p {
         font-weight: 200;
         font-size: 30px;
         margin-top: 5px;
@@ -176,8 +177,10 @@
     <!-- // [START headline] -->
     <div id="headline">
       <div class="container">
-        <h1>Mobile Web Development</h1>
-        <h2>Building Mobile Web Experiences</h2>
+        <header>
+          <h1>Mobile Web Development</h1>
+          <p>Building Mobile Web Experiences</p>
+        </header>
         <div id="blurb">
           <p>So you've heard mobile is kind of a big deal, and you're not sure how to transform your traditional desktop-focused web apps into fast, effective multi-screen experiences.</p>
           <p>This course is designed to teach web developers what they need to know to create great cross-device web experiences.</p>

diff --git a/src/site/getting-started/your-first-multi-screen-site/_code/fixingfirstbreakpoint.html b/src/site/getting-started/your-first-multi-screen-site/_code/fixingfirstbreakpoint.html
@@ -257,8 +257,10 @@
     <!-- // [START headline] -->
     <div id="headline">
       <div class="container">
-        <h1>Mobile Web Development</h1>
-        <h2>Building Mobile Web Experiences</h2>
+        <header>
+          <h1>Mobile Web Development</h1>
+          <p>Building Mobile Web Experiences</p>
+        </header>
         <div id="blurb">
           <p>So you've heard mobile is kind of a big deal, and you're not sure how to transform your traditional desktop-focused web apps into fast, effective multi-screen experiences.</p>
           <p>This course is designed to teach web developers what they need to know to create great cross-device web experiences.</p>

diff --git a/src/site/getting-started/your-first-multi-screen-site/_code/withform.html b/src/site/getting-started/your-first-multi-screen-site/_code/withform.html
@@ -17,15 +17,15 @@
           background-size: cover;
         }
 
-        #headline h1 {
+        #headline header h1 {
           font-family: Roboto, sans-serif;
           font-weight: 100;
           font-size: 60px;
           line-height: 1em;
           margin-bottom: 0;
         }
 
-        #headline h2 {
+        #headline header p {
           font-weight: 200;
           font-size: 30px;
           margin-top: 5px;
@@ -165,8 +165,10 @@
   </head>
   <body>   
     <div id="headline">
-      <h1>Mobile Web Development</h1>
-      <h2>Building Mobile Web Experiences</h2>
+      <header>
+        <h1>Mobile Web Development</h1>
+        <p>Building Mobile Web Experiences</p>
+      </header>
       <div id="blurb">
         <p>So you've heard mobile is kind of a big deal, and you're not sure how to transform your traditional desktop-focused web apps into fast, effective multi-screen experiences.</p>
         <p>This course is designed to teach web developers what they need to know to create great cross-device web experiences.</p>