update wear homepage with layout fixes and replace GIFs with smaller versions

Change-Id: I2e0b4efed83a4de7e095ece18d3c73634a23f964

docs/html/wear/index.html

@@ -94,7 +94,7 @@
 
 
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-<meta name="viewport" content="width=device-width" />
+<meta name="viewport" content="width=970" />
 
 <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
 <title>Android Wear | Android Developers</title>
@@ -297,8 +297,8 @@ onkeyup="return search_changed(event, false, '/')" />
     </div>
     <script src="//ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>
     <div id="ytapiplayer">
-      <a href="http://www.youtube.com/watch?v=i2uvYI6blEE"><img width=600
-      src="https://i1.ytimg.com/vi/i2uvYI6blEE/maxresdefault.jpg"></a><!--You need Flash player 8+ and JavaScript enabled to view this video. -->
+      <a href="http://www.youtube.com/watch?v=0xQ3y902DEQ"><img width=600
+      src="https://i1.ytimg.com/vi/0xQ3y902DEQ/maxresdefault.jpg"></a><!--You need Flash player 8+ and JavaScript enabled to view this video. -->
     </div>
   </div>
 </div>
@@ -650,7 +650,7 @@ $("#icon-video-close").on("click", function() {
         <div class="g-plusone" data-size="medium"></div>
       </div>
     </div>
-    <div id="footer" class="wrap" style="width:940px;position:relative;top:-35px">
+    <div id="footer" class="wrap" style="width:940px;position:relative;top:-35px;z-index:-1">
       <div id="copyright">
         Except as noted, this content is
         licensed under <a href="http://creativecommons.org/licenses/by/2.5/">