Remove .html extension from links

chrome/common/extensions/docs/templates/articles/app_codelab5_data.html

 <h1 id="lab_5_manage_data">Save and Fetch Data</h1>
 
-<p>The <a href="app_codelab3_mvc.html">sample from Lab 3</a>
+<p>The <a href="app_codelab3_mvc">sample from Lab 3</a>
 uses a static array of Todos.
 Every time your app restarts,
 whatever you&#39;ve changed is lost.
 In this section, we will save every change using
-<a href="storage.html">chrome.storage.sync</a>.
+<a href="storage">chrome.storage.sync</a>.
 </p>
 
 <p>
 This lets you store <em>small things</em> that automatically sync to the cloud
 if you are online and logged in to Chrome.
 If you are offline or unlogged, it saves locally and transparently:
 you don&#39;t have to handle online check and offline fallback in your application.
 </p>
 
 <h2 id="save_your_todos_in_the_cloud">Save your Todos in the cloud</h2>
@@ skipping 89 matching lines @@
   var storageSave = function() {
     chrome.storage.sync.set({'todolist': model.todos});
   };
     </pre>
   </content>
 </tabs>
 
 <h3 id="simple-view">Update view</h3>
 
 <p>In the view,
-<a href="https://github.com/GoogleChrome/chrome-app-codelab/blob/master/lab5_data/angularjs/1_storage_sync/index.html">AngularJs index.hmtl</a> or
-<a href="https://github.com/GoogleChrome/chrome-app-codelab/blob/master/lab5_data/javascript/1_storage_sync/index.html">JavaScript index.html</a>,
+<a href="https://github.com/GoogleChrome/chrome-app-codelab/blob/master/lab5_data/angularjs/1_storage_sync/index">AngularJs index.hmtl</a> or

[mkearney1, 2014/04/09 19:43:29]

Check if GitHub links work without .html

[mkearney1, 2014/04/09 19:43:29]

Keep .html here as it refers to a filename in a sample.

+<a href="https://github.com/GoogleChrome/chrome-app-codelab/blob/master/lab5_data/javascript/1_storage_sync/index">JavaScript index</a>,
 save the data whenever it changes.
 In AngularJS,
 we call <code>save()</code> explicitedly
 but there are many ways of doing this.
 For example,
 you could also use <code>$watchers</code> on the scope.
 </p>
 
 <tabs data-group="source">
 
   <header tabindex="0" data-value="angular">Angular</header>
   <header tabindex="0" data-value="js">JavaScript</header>
 
   <content>
-    <pre data-filename="index.html">
+    <pre data-filename="index">

[mkearney1, 2014/04/09 19:43:29]

Keep .html here as it refers to a filename in sample.

 ...
        [ <a href="" ng-click="archive() || save()">archive</a> ]
 ...
             <input type="checkbox" ng-model="todo.done" ng-change="save()">
 ...
        <form ng-submit="addTodo() || save()">
 ...
     </pre>
   </content>
   <content>
-    <pre data-filename="index.html">
+    <pre data-filename="index">

[mkearney1, 2014/04/09 19:43:29]

Keep .html here as it refers to a filename in sample.

 <form>
   <input type="text" size="30"
          placeholder="add new todo here">
   <input class="btn-primary" type="submit" value="add">
 </form>
     </pre>
   </content>
 
 </tabs>
 
@@ skipping 159 matching lines @@
 }
     </pre>
   </content>
 
 </tabs>
 
 <h3 id="dd-view">Update view</h3>
 
 <p>If using AngularJS,
 let&#39;s move the Angular scope definition from the div to the body in the
-<a href="https://github.com/GoogleChrome/chrome-app-codelab/blob/master/lab5_data/angularjs/2_drop_files/index.html">AngularJS index.html</a> file to make all the area of the window accept the drop event and still work on the same scope.
+<a href="https://github.com/GoogleChrome/chrome-app-codelab/blob/master/lab5_data/angularjs/2_drop_files/index">AngularJS index</a> file to make all the area of the window accept the drop event and still work on the same scope.

[mkearney1, 2014/04/09 19:43:29]

Check links work to GitHub samples without .html.

[mkearney1, 2014/04/09 19:43:29]

Keep .html here as it refers to filename in sample.

 Also, let's associate the body's CSS class with the Angular controller's class,
 so we can change the class directly in the scope and have it automatically changed in the DOM:
 </p>
 
 <tabs data-group="source">
 
   <header tabindex="0" data-value="angular">Angular</header>
 
   <content>
-    <pre data-filename="index.html">
+    <pre data-filename="index">
 &lt;body ng-controller=&quot;TodoCtrl&quot; ng-class=&quot;dropClass&quot;&gt;
 &lt;!-- remember to remove the ng-controller attribute from the div where it was before --&gt;
     </pre>
   </content>
 
 </tabs>
 
 <p>Add a message placeholder
-(in <a href="https://github.com/GoogleChrome/chrome-app-codelab/blob/master/lab5_data/angularjs/2_drop_files/index.html">AngularJS index.html</a> or
-<a href="https://github.com/GoogleChrome/chrome-app-codelab/blob/master/lab5_data/javascript/2_drop_files/index.html">JavaScript index.html</a>) to warn the user that some types of dragging are not allowed:
+(in <a href="https://github.com/GoogleChrome/chrome-app-codelab/blob/master/lab5_data/angularjs/2_drop_files/index">AngularJS index</a> or

[mkearney1, 2014/04/09 19:43:29]

Check this link works without .html.

[mkearney1, 2014/04/09 19:43:29]

Keep this .html in as it refers to a filename in sample.

+<a href="https://github.com/GoogleChrome/chrome-app-codelab/blob/master/lab5_data/javascript/2_drop_files/index">JavaScript index</a>) to warn the user that some types of dragging are not allowed:

[mkearney1, 2014/04/09 19:43:29]

Check this link works without .html.

[mkearney1, 2014/04/09 19:43:29]

Keep .html in as it refers to a filename in sample.

 </p>
 
 <tabs data-group="source">
 
   <header tabindex="0" data-value="angular">Angular</header>
   <header tabindex="0" data-value="js">JavaScript</header>
   
   <content>
-    <pre data-filename="index.html">
+    <pre data-filename="index">

[mkearney1, 2014/04/09 19:43:29]

Keep .html in as it refers to filename in sample.

 <div>
  {{dropText}}
 </div>
     </pre>
   </content>
   <content>
-    <pre data-filename="index.html">
+    <pre data-filename="index">

[mkearney1, 2014/04/09 19:43:29]

Keep .html in as it refers to filename in sample.

 <div id="dropText">
 </div>
     </pre>
   </content>
 
 </tabs>
 
 <h3 id="dd-css">Update stylesheet</h3>
 
 <p>Add appropriate styling for the <code>dragging</code> and
@@ skipping 28 matching lines @@
 <p>
 If you get stuck and want to see the app in action,
 go to <code>chrome://extensions</code>, load the unpacked app,
 and launch the app from a new tab:
 <a href="https://github.com/GoogleChrome/chrome-app-codelab/tree/master/lab5_data/angularjs/2_drop_files">AngularJS 2_drop_files</a>
 or <a href="https://github.com/GoogleChrome/chrome-app-codelab/tree/master/lab5_data/javascript/2_drop_files">JavaScript 2_drop_files</a>.
 </p>
 
 <h2 id="challenge_">Challenge</h2>
 
-<p>The current code only saves the file reference, but it doesn&#39;t open the file. Using the <a href="http://www.html5rocks.com/en/tutorials/file/filesystem/">HTML5 Filesystem API</a>, save the file contents in a sandboxed filesystem. When the Todo item is archived, remove the corresponding file from the sandboxed filesystem. Add an &quot;open&quot; link on each Todo that has an associated file. When the item is clicked and the file exists in the sandboxed filesystem, use the Chrome App <a href="fileSystem.html">Filesystem API</a> to request a writable FileEntry from the user. Save the file data from the sandboxed filesystem into that entry.</p>
+<p>The current code only saves the file reference, but it doesn&#39;t open the file. Using the <a href="http://www.html5rocks.com/en/tutorials/file/filesystem/">HTML5 Filesystem API</a>, save the file contents in a sandboxed filesystem. When the Todo item is archived, remove the corresponding file from the sandboxed filesystem. Add an &quot;open&quot; link on each Todo that has an associated file. When the item is clicked and the file exists in the sandboxed filesystem, use the Chrome App <a href="fileSystem">Filesystem API</a> to request a writable FileEntry from the user. Save the file data from the sandboxed filesystem into that entry.</p>
 
 <p class="note"><b>Tip:</b>  managing file entries using the raw HTML5 Filesystem API is not trivial. You might want to use a wrapper library, like Eric Bidelman&#39;s <a href="https://github.com/ebidel/filer.js">filer.js</a>.</p>
 
 <h2 id="takeaways_">Takeaways</h2>
 
 <ul>
-<li><p>Use <a href="storage.html">chrome.storage.sync</a> to save small data that you need to be sync&#39;ed among devices, like configuration options, application state, etc. The sync is automatic, as long as the same user is logged into Chrome on all devices.</p></li>
+<li><p>Use <a href="storage">chrome.storage.sync</a> to save small data that you need to be sync&#39;ed among devices, like configuration options, application state, etc. The sync is automatic, as long as the same user is logged into Chrome on all devices.</p></li>
 <li><p>Chrome Apps support almost all HTML5 APIs, such as drag and drop.
 HTML Filesystem API is also supported, with extra features from the Chrome App&#39;s
-<a href="fileSystem.html">Filesystem API</a>,
+<a href="fileSystem">Filesystem API</a>,
 like asking the user to pick files on her local disk for read and write.
 The vanilla HTML5 Filesystem API only allows access to a sandboxed filesystem.</p></li>
 </ul>
 
 <h2 id="you_should_also_read">You should also read</h2>
 
-<p><a href="app_storage.html">Manage Data</a> tutorial</p>
+<p><a href="app_storage">Manage Data</a> tutorial</p>
 
 <h2 id="what_39_s_next_">What's next?</h2>
 
-<p>In <a href="app_codelab6_lifecycle.html">5 - Manage App Lifecycle</a>,
+<p>In <a href="app_codelab6_lifecycle">5 - Manage App Lifecycle</a>,
 you will learn the basics of the Chrome App lifecycle. </p>