Massive clobber of all template files in developer site for new design

Change-Id: I5f243dcb377a8b2e573c404a9e685cc64e0e06d2
diff --git a/tools/droiddoc/templates-sdk/docpage.cs b/tools/droiddoc/templates-sdk/docpage.cs
index c9ced96..181f777 100644
--- a/tools/droiddoc/templates-sdk/docpage.cs
+++ b/tools/droiddoc/templates-sdk/docpage.cs
@@ -2,98 +2,103 @@
 <?cs include:"macros.cs" ?>
 <html>
 <?cs include:"head_tag.cs" ?>
-<body class="gc-documentation" itemscope itemtype="http://schema.org/Article">
+<body class="gc-documentation
+  <?cs if:(guide||develop||training||reference||tools||sdk) ?>develop<?cs if:guide ?> guide<?cs /if ?><?cs
+  elif:about ?>about<?cs
+  elif:design ?>design<?cs
+  elif:distribute ?>distribute<?cs
+  /if ?>" itemscope itemtype="http://schema.org/Article">
+<a name="top"></a>
 <?cs include:"header.cs" ?>
 
-<div class="g-unit" id="doc-content"><a name="top"></a>
+<div <?cs if:fullpage
+?><?cs elif:design||tools||about||sdk||distribute
+?>class="col-13" id="doc-col"<?cs else 
+?>class="col-12" id="doc-col"<?cs /if ?> >
 
-<div id="jd-header" class="guide-header">
-  <span class="crumb" itemprop="breadcrumb">
-    <?cs if:parent.link ?>
-      <a href="<?cs var:parent.link ?>"><?cs var:parent.title ?></a>:
-    <?cs else ?>&nbsp;
+<?cs if:(design||training||walkthru) ?><?cs # header logic for docs that provide previous/next buttons ?>
+  <?cs if:header.hide ?>
+  <?cs else ?>
+  <div class="layout-content-row content-header <?cs if:header.justLinks ?>just-links<?cs /if ?>">
+    <div class="layout-content-col <?cs if:training ?>span-7<?cs else ?>span-9<?cs /if ?>">
+      <?cs if:header.justLinks ?>&nbsp;
+      <?cs else ?><h1 itemprop="name"><?cs var:page.title ?></h1>
+      <?cs /if ?>
+    </div>
+    <?cs if:training ?>
+      <div class="training-nav-top layout-content-col span-5" itemscope itemtype="http://schema.org/SiteNavigationElement">
+        <a href="#" class="prev-page-link hide">Previous</a>
+        <a href="#" class="next-page-link hide">Next</a>
+        <a href="#" class="start-class-link hide">Get started</a>
+        <a href="#" class="start-course-link hide">First class</a>
+      </div>
+    <?cs else ?>
+      <div class="paging-links layout-content-col span-4" itemscope itemtype="http://schema.org/SiteNavigationElement">
+        <a href="#" class="prev-page-link hide">Previous</a>
+        <a href="#" class="next-page-link hide">Next</a>
+      </div>
+    <?cs /if ?><?cs # end if training ?>
+  </div>
+  <?cs /if ?>
+<?cs else ?>
+  <?cs if:(!fullpage && !header.hide) ?>
+    <?cs if:page.landing ?><?cs # header logic for docs that are landing pages ?>
+      <div class="landing-banner">
+        <div class="col-6">
+          <?cs if:page.landing.image ?>
+          <img src="<?cs var:toroot ?><?cs var:page.landing.image ?>" alt="" />
+          <?cs /if ?>
+        </div>
+        <div class="col-6">
+          <h1 itemprop="name" style="margin-bottom:0;"><?cs var:page.title ?></h1>
+          <p itemprop="description"><?cs var:page.landing.intro ?></p>
+          
+          <p><a href="<?cs var:page.landing.next ?>" class="next-page-link">LEARN MORE</a></p>
+        </div>
+      </div>
+    <?cs else ?>
+      <h1 itemprop="name"><?cs var:page.title ?></h1>
     <?cs /if ?>
-  </span>
-<h1 itemprop="name"><?cs var:page.title ?></h1>
-</div>
+  <?cs /if ?>
+<?cs /if ?><?cs # end if design ?>
 
   <?cs # THIS IS THE MAIN DOC CONTENT ?>
   <div id="jd-content">
- 
-    <?cs if:trainingnavtop ?>
-    <div class="training-nav-top">
-
-      <?cs if:next.link ?>
-        <?cs if:startpage ?>
-        <div class="training-nav-button-next">
-          <a href="<?cs var:next.link ?>">
-            Get started
-            <span style="font-size:1.2em">&rsaquo;</span>
-            <span class="training-nav-button-title"><?cs var:next.title ?></span>
-          </a>
-        </div>
-
-        <?cs else ?><?cs # if not startpage ?>
-
-        <div class="training-nav-button-next">
-          <a href="<?cs var:next.link ?>">
-            Next lesson
-            <span style="font-size:1.2em">&rsaquo;</span>
-            <span class="training-nav-button-title"><?cs var:next.title ?></span>
-          </a>
-        </div>
-        <?cs /if ?><?cs # end if/else startpage ?>
-
-      <?cs /if ?><?cs # end if next.link ?>
-
-      <?cs if:previous.link ?>
-      <div class="training-nav-button-previous">
-        <a href="<?cs var:previous.link ?>">
-          <span style="font-size:1.2em">&lsaquo;</span>
-          Previous lesson
-          <span class="training-nav-button-title"><?cs var:previous.title ?></span>
-        </a>
-      </div>
-
-      <?cs /if ?><?cs # end if previous.link ?>
-
-    </div><!-- end training-nav-top -->
-    <?cs /if ?><?cs # end if trainingnavtop ?>
 
 
     <div class="jd-descr" itemprop="articleBody">
     <?cs call:tag_list(root.descr) ?>
     </div>
-
-    <?cs if:!startpage && (previous.link || next.link) ?>
-    <div class="training-nav-bottom">
-      <?cs if:next.link ?>
-      <div class="training-nav-button-next">
-        <a href="<?cs var:next.link ?>">
-          Next lesson
-          <span style="font-size:1.2em">&rsaquo;</span>
-          <br/><span class="training-nav-button-title"><?cs var:next.title ?></span>
-        </a>
+      
+      <div class="content-footer <?cs 
+                    if:fullpage ?>wrap<?cs
+                    else ?>layout-content-row<?cs /if ?>" 
+                    itemscope itemtype="http://schema.org/SiteNavigationElement">
+        <div class="layout-content-col <?cs 
+                    if:fullpage ?>col-16<?cs 
+                    elif:training||guide ?>col-8<?cs 
+                    else ?>col-9<?cs /if ?>" style="padding-top:4px">
+          <?cs if:!page.noplus ?><?cs if:fullpage ?><style>#___plusone_0 {float:right !important;}</style><?cs /if ?>
+            <div class="g-plusone" data-size="medium"></div>
+          <?cs /if ?>
+        </div>
+        <?cs if:!fullscreen ?>
+        <div class="paging-links layout-content-col col-4">
+          <?cs if:(design||training||guide||walkthru) && !page.landing && !footer.hide ?>
+            <a href="#" class="prev-page-link hide">Previous</a>
+            <a href="#" class="next-page-link hide">Next</a>
+          <?cs /if ?>
+        </div>
+        <?cs /if ?>
+      </div>
+      
+      <?cs # for training classes, provide a different kind of link when the next page is a different class ?>
+      <?cs if:training ?>
+      <div class="layout-content-row content-footer next-class" style="display:none" itemscope itemtype="http://schema.org/SiteNavigationElement">
+          <a href="#" class="next-class-link hide">Next class: </a>
       </div>
       <?cs /if ?>
 
-      <?cs if:previous.link ?>
-      <div class="training-nav-button-previous">
-        <a href="<?cs var:previous.link ?>">
-          <span style="font-size:1.2em">&lsaquo;</span>
-          Previous lesson
-          <br/><span class="training-nav-button-title"><?cs var:previous.title ?></span>
-        </a>
-      </div>
-      <?cs /if ?>
-    </div> <!-- end training-nav -->
-    <?cs /if ?>
-    
-    <a href="#top" style="float:right">&uarr; Go to top</a>
-    <?cs if:parent.link ?>
-      <p><a href="<?cs var:parent.link ?>">&larr; Back to <?cs var:parent.title ?></a></p>
-    <?cs /if ?>
-
   </div> <!-- end jd-content -->
 
 <?cs include:"footer.cs" ?>