Remove .html extension from links

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

 <h1 id="lab_8_web_resources">Access Web Resources</h1>
 
 <p>Chrome Apps have a strict
-<a href="contentSecurityPolicy.html">Content Security Policy</a>
+<a href="contentSecurityPolicy">Content Security Policy</a>
 which will not let the user execute code or load resources that are hosted remotely.</p>
 
 <p>Many applications, however, need to be able to load and display content from a remote location. A News Reader, for example, needs to display remote content inline or load and show images from a remote URL.</p>
 
 <h2 id="loading_external_web_content_into_an_element">Load external web content</h2>
 
 <p>Sites on the internet are inherently a security risk and rendering arbitrary web pages directly into your application with elevated privileges would be a potential source of exploits.</p>
 
 <p>Chrome Apps offer developers the ability
 to securely render third-party content in the <code>&lt;webview&gt;</code> tag.
-A <a href="webview_tag.html">webview</a>
+A <a href="webview_tag">webview</a>
 is like an iframe that you can control with greater flexibility and added security.
 It runs in a separate sandboxed process and can&#39;t communicate directly with the application.</p>
 
 <p>The <code>webview</code> has a very simple API.
 From your app you can:</p>
 
 <ul>
 <li> Change the URL of the <code>webview</code>.</li>
 <li> Navigate forwards and backward, stop loading and reload.</li>
 <li> Check if the <code>webview</code> has finished loading and if it is possible, go back and forward in the history stack.</li>
 </ul>
 
 <p>We will change our code to render the content of URLs dropped
 in the drag-and-drop operations in a <code>webview</code> when the user clicks on a link.</p>
 
 <h3 id="manifest">Update manifest</h3>
 
 <p>Request a new permission, &quot;webview&quot;, in the manifest.
 <a href="https://github.com/GoogleChrome/chrome-app-codelab/blob/master/lab8_webresources/angularjs/1_webview/manifest.json">Angular JS manifest.json</a> and
 <a href="https://github.com/GoogleChrome/chrome-app-codelab/blob/master/lab8_webresources/javascript/1_webview/manifest.json">JavaScript manifest.json</a> are the same:
 </p>
 
 <pre data-filename="manifest.json">
 &quot;permissions&quot;: [&quot;storage&quot;, &quot;webview&quot;]
 </pre>
 
 <h3 id="view">Update view</h3>
 
 <p>Add a <code>&lt;webview&gt;</code> tag and a link to the view:
-<a href="https://github.com/GoogleChrome/chrome-app-codelab/blob/master/lab8_webresources/angularjs/1_webview/index.html">AngularJS index.html</a> or
-<a href="https://github.com/GoogleChrome/chrome-app-codelab/blob/master/lab8_webresources/javascript/1_webview/index.html">JavaScript index.html</a>:
+<a href="https://github.com/GoogleChrome/chrome-app-codelab/blob/master/lab8_webresources/angularjs/1_webview/index">AngularJS index</a> or

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

Dropping the .html to GitHub links doesn't seem to work.

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

Keep .html as it refers to filename in sample.

+<a href="https://github.com/GoogleChrome/chrome-app-codelab/blob/master/lab8_webresources/javascript/1_webview/index">JavaScript index</a>:

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

Dropping the .html to GitHub links doesn't seem to work.

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

Keep .html as it refers to 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 as it refers to filename in sample.

 <!-- in TODO item: -->
 <a ng-show="todo.uri" href="" ng-click="showUri(todo.uri)">(view url)</a>
 <!-- at the bottom, below the end of body: -->
 <webview></webview>
     </pre>
   </content>
   <content>
-    <pre data-filename="index.html">
+    <pre data-filename="index">

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

Keep .html as it refers to filename in sample.

 <!-- right after the "dropText" div: -->
 <webview></webview>
 <!-- in the TODO template, right before the end of the li: -->
 <a style="display: none;" href="">(view url)</a>
     </pre>
   </content>
 
 </tabs>
 
 <h3 id="css">Update stylesheet</h3>
@@ skipping 60 matching lines @@
 
 <p>If you get stuck and want to see the app in action,
 go to <code>chrome://extensions</code>,
 load the unpacked
 <a href="https://github.com/GoogleChrome/chrome-app-codelab/tree/master/lab8_webresources/angularjs/1_webview">AngularJS 1_webview</a> or
 <a href="https://github.com/GoogleChrome/chrome-app-codelab/tree/master/lab8_webresources/javascript/1_webview">JavaScript 1_webview</a>,
 and launch the app from a new tab.</p>
 
 <h2 id="loading_external_images">Load external images</h2>
 
-<p>If you try to add an <code>&lt;img&gt;</code> tag to your <code>index.html</code>, and point its <code>src</code> attribute to any site on the web, the following exception is thrown in the console and the image isn&#39;t loaded:</p>
+<p>If you try to add an <code>&lt;img&gt;</code> tag to your <code>index</code>, and point its <code>src</code> attribute to any site on the web, the following exception is thrown in the console and the image isn&#39;t loaded:</p>

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

Keep .html as it refers to filename.

 
 <p class="note"><b></b> Refused to load the image &#39;http://angularjs.org/img/AngularJS-large.png&#39; because it violates the following Content Security Policy directive: &quot;img-src &#39;self&#39; data: chrome-extension-resource:&quot;.</p>
 
-<p>Chrome Apps cannot load any external resource directly in the DOM, because of the <a href="contentSecurityPolicy.html">CSP restrictions</a>.</p>
+<p>Chrome Apps cannot load any external resource directly in the DOM, because of the <a href="contentSecurityPolicy">CSP restrictions</a>.</p>
 
 <p>To avoid this restriction, you can use XHR requests, grab the blob corresponding to the remote file and use it appropriately.
 For example, <code>&lt;img&gt;</code> tags can use a blob URL.
 Let&#39;s change our application to show a small icon in the Todo list if the dropped URL represents an image.</p>
 
 <h3 id="manifest2">Update manifest</h3>
 
 <p>Before you start firing XHR requests, you must request permissions.
 Since we want to allow users to drag and drop images from any server,
 we need to request permission to XHR to any URL.
 Change
 <a href="https://github.com/GoogleChrome/chrome-app-codelab/blob/master/lab8_webresources/angularjs/2_loading_resources/manifest.json">AngularJS manifest.json</a> or
 <a href="https://github.com/GoogleChrome/chrome-app-codelab/blob/master/lab8_webresources/javascript/2_loading_resources/manifest.json">JavaScript manifest.json</a>:
 </p>
 
 <pre data-filename="manifest.json">
 &quot;permissions&quot;: [&quot;storage&quot;, &quot;webview&quot;, &quot;&lt;all_urls&gt;&quot;]
 </pre>
 
 <h3 id="image">Add image</h3>
 
 <p>Add to your project a placeholder image
 <img src="https://github.com/GoogleChrome/chrome-app-codelab/raw/master/lab8_webresources/angularjs/2_loading_resources/loading.gif" alt="loading.gif">
 that will be shown while we are loading the proper image.</p>
 
 <p>Then add the <code>&lt;img&gt;</code> tag to the Todo item on the view:
-<a href="https://github.com/GoogleChrome/chrome-app-codelab/blob/master/lab8_webresources/angularjs/2_loading_resources/index.html">AngularJS index.html</a> or
-<a href="https://github.com/GoogleChrome/chrome-app-codelab/blob/master/lab8_webresources/javascript/2_loading_resources/index.html">JavaScript index_html</a>:
+<a href="https://github.com/GoogleChrome/chrome-app-codelab/blob/master/lab8_webresources/angularjs/2_loading_resources/index">AngularJS index</a> or

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

GitHub links without .html don't seem to work.

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

Keep .html as it refers to filename in sample.

+<a href="https://github.com/GoogleChrome/chrome-app-codelab/blob/master/lab8_webresources/javascript/2_loading_resources/index">JavaScript index_html</a>:

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

GitHub links without .html don't seem to work.

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

Keep .html as it refers to 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="loader.js">
 &lt;img style=&quot;max-height: 48px; max-width: 120px;&quot; ng-show=&quot;todo.validImage&quot;
@@ skipping 253 matching lines @@
 <p>The <code>loadImage()</code> method above is not the best solution for this problem, because it doesn&#39;t handle errors correctly and it could cache images in a local filesystem.
 We've created the
 <a href="https://github.com/GoogleChrome/apps-resource-loader">apps-resource-loader library</a>
 that's much more robust.</p>
 
 <h2 id="takeaways_">Takeaways</h2>
 
 <ul>
 <li><p>The <code>&lt;webview&gt;</code> tag allows you to have a controlled browser inside your app.
 You can use it if you have part of your application that is not CSP compatible and you don&#39;t have resources to migrate it immediately, for example.
-One feature we didn&#39;t mention here is that webviews can communicate with your app and vice-versa using asynchronous <a href="app_external.html#postMessage">postMessages</a>.</p></li>
+One feature we didn&#39;t mention here is that webviews can communicate with your app and vice-versa using asynchronous <a href="app_external#postMessage">postMessages</a>.</p></li>
 <li><p>Loading resources like images from the web is not straightforward compared to a standard web page.
 But it&#39;s not too different from traditional native platforms, where you need to handle the resource download and, only when it is correctly downloaded, you can render it in the UI. We have also developed <a href="https://github.com/GoogleChrome/apps-resource-loader">a sample library</a> to asynchronously handle resource loading from XHR calls. Feel free to use it in your projects.</p></li>
 </ul>
 
 <h2 id="you_should_also_read">You should also read</h2>
 
 <ul>
-<li><a href="webview_tag.html">Webview Tag API</a> reference</li>
-<li><a href="app_external.html">Embed Content</a> tutorial</li>
+<li><a href="webview_tag">Webview Tag API</a> reference</li>
+<li><a href="app_external">Embed Content</a> tutorial</li>
 </ul>
 
 <h2 id="what_39_s_next_">What's next?</h2>
 
-<p>In <a href="app_codelab_10_publishing.html">8 - Publish App</a>,
+<p>In <a href="app_codelab_10_publishing">8 - Publish App</a>,
 we finish off with instructions on how to publish your app in the Chrome Web Store.</p>