Improved the HTML5 mode docs

Author: andreareginato

index.html

@@ -18,8 +18,8 @@
       <ul>
         <li><a href="#introduction">Introduction</a></li>
         <li><a href="#getting-started">Getting Started</a></li>
-        <li><a href="#html5">HTML5 mode</a></li>
         <li><a href="#howto">How To</a></li>
+        <li><a href="#html5">HTML5 mode</a></li>
         <li><a href="#configurations">Configurations</a></li>
         <li><a href="#customizations">Customizations</a></li>
         <li><a href="#events">Events</a></li>
@@ -95,50 +95,6 @@ <h2>What does it do?</h2>
     </section>
 
 
-    <section>
-    <div class="content">
-
-      <h1 id="html5">HTML5 mode</h1>
-
-
-      <h2>HTML5 mode ON</h2>
-
-      <p>The oauth directive works just straight when the <a href="https://docs.angularjs.org/guide/$location#general-overview-of-the-api">HTML5 mode</a> is active.</p>
-
-      <pre><code><xmp><script>
-  angular.module('app').config(function($locationProvider) {
-    $locationProvider.html5Mode(true).hashPrefix('!');
-  });</script></xmp></code></pre>
-
-
-      <h2>HTML5 mode OFF</h2>
-
-      <p>When the HTML5 mode is off add the following snippet of code to your routing provider.</p>
-
-<pre><code><xmp>angular.module('app').config(function ($routeProvider) {
-  $routeProvider
-    .when('/access_token=:accessToken', {
-      template: '',
-      controller: function ($location, AccessToken) {
-        var hash = $location.path().substr(1);
-        AccessToken.setTokenFromString(hash);
-        $location.path('/');
-        $location.replace();
-      }
-    })
-    ...</xmp></code></pre>
-
-
-      <p>
-        This code is needed because the fragment that the OAuth 2.0 server returns is recognized
-        as the routing path <code>/access_token</code>. For this reason you need to add a routing
-        rule catching the access token, parse it and then redirect to the desired view of your app.
-      </p>
-
-    </div>
-    </section>
-
-
     <section>
     <div class="content">
 
@@ -255,7 +211,7 @@ <h2>AngularJS app definition</h2>
       <h2>Activate the HTML5 mode</h2>
 
       <p>
-      Activate the HTML5 mode to easily catch the access token.
+      Activate the HTML5 mode to catch the access token.
       </p>
 
       <pre><code><xmp>// app/scripts/app.js
@@ -371,6 +327,53 @@ <h2>You're done!</h2>
 
 
 
+    <section>
+    <div class="content">
+
+      <h1 id="html5">HTML5 mode</h1>
+
+
+      <h2>HTML5 mode ON</h2>
+
+      <p>The oauth directive works just straight when the <a href="https://docs.angularjs.org/guide/$location#general-overview-of-the-api">HTML5 mode</a> is active.</p>
+
+      <pre><code><xmp><script>
+  angular.module('app').config(function($locationProvider) {
+    $locationProvider.html5Mode(true).hashPrefix('!');
+  });</script></xmp></code></pre>
+
+
+      <h2>HTML5 mode OFF</h2>
+
+      <p>
+      When the HTML5 mode is off (default setup on AngularJS) add the following
+      snippet of code to your routing provider.
+      </p>
+
+<pre><code><xmp>angular.module('app').config(function ($routeProvider) {
+  $routeProvider
+    .when('/access_token=:accessToken', {
+      template: '',
+      controller: function ($location, AccessToken) {
+        var hash = $location.path().substr(1);
+        AccessToken.setTokenFromString(hash);
+        $location.path('/');
+        $location.replace();
+      }
+    })
+    ...</xmp></code></pre>
+
+
+      <p>
+        This code is needed because the fragment that the OAuth 2.0 server returns is recognized
+        as the routing path <code>/access_token</code>. For this reason you need to add a routing
+        rule catching the access token, parse it and then redirect to the desired view of your app.
+      </p>
+
+    </div>
+    </section>
+
+
     <section>
     <div class="content">
       <h1 id="configurations">Configurations</h1>