Updated advanced-pattern-reload-browser page

Trying to address some overlap issues with the docs
This is part of pattern-lab/patternlab-node#70 for version 1.0.0 release prep

Author: bmuenzenmeyer

patternlabsite/docs/advanced-auto-regenerate.md

@@ -75,32 +75,6 @@ The Node version of Pattern Lab has the ability to watch for changes to patterns
 
 ## How to Start the Watch and Self-Host the Pattern Lab Website
 
-By default, running `grunt serve` or `gulp serve` will compile the Pattern Lab website and host it on <a href="http://localhost:3000">http://localhost:3000</a> via the excellent [BrowserSync](http://www.browsersync.io/docs/) library. This is the recommended way to launch Pattern Lab Node versus using the filesystem.
-
-BrowserSync is a tool with a lot of depth, but Pattern Lab Node ships with the following task configurations inside the [Gruntfile](https://github.com/pattern-lab/patternlab-node/blob/master/Gruntfile.js):
-
-```
-browserSync: {
-  dev: {
-    options: {
-      server:  './public',
-      watchTask: true,
-      plugins: [
-        {
-          module: 'bs-html-injector',
-          options: {
-            files: './public/index.html'
-          }
-        }
-      ]
-    }
-  }
-},
-bsReload: {
-  css: './public/**/*.css'
-}
-```
-
 The watch configuration also tells Pattern Lab Node what files to reload when changes are made. Here's the excerpt from the [Gruntfile](https://github.com/pattern-lab/patternlab-node/blob/master/Gruntfile.js) again:
 
 ```
@@ -125,8 +99,31 @@ watch: {
   }
 },
 ```
+By default, running `grunt serve` or `gulp serve` will compile the Pattern Lab website and open it at [http://localhost:3000](http://localhost:3000) on your default browser via the excellent [BrowserSync](http://www.browsersync.io/docs/) library. This is the recommended way to launch Pattern Lab Node versus using the filesystem.
+
+BrowserSync is a tool with a lot of depth, but Pattern Lab Node ships with the following task configurations inside the [Gruntfile](https://github.com/pattern-lab/patternlab-node/blob/master/Gruntfile.js):
 
-You'll notice that if you have this open across different browsers, we do our best to keep the website in sync, but there is a known issue with synced navigation using the main menu. BrowserSync also hosts an administration interface that sits alongside the Pattern Lab website and by default can be found at [http://localhost:3001](http://localhost:3001).
+```
+browserSync: {
+  dev: {
+    options: {
+      server:  './public',
+      watchTask: true,
+      plugins: [
+        {
+          module: 'bs-html-injector',
+          options: {
+            files: './public/index.html'
+          }
+        }
+      ]
+    }
+  }
+},
+bsReload: {
+  css: './public/**/*.css'
+}
+```
 
 ## How to Stop the Watch
 

patternlabsite/docs/advanced-reload-browser.md

@@ -2,10 +2,20 @@
 layout: docs
 title: Auto Reloading the Browser Window When Changes Are Made | Pattern Lab
 heading: Auto Reloading the Browser Window When Changes Are Made
+languages:
+- language: php
+- language: node
 ---
 
+<!--- start php -->
 
-Rather than manually refreshing your browser when your patterns or CSS change you can have the PHP version of Pattern Lab auto-reload your browser window for you. 
+<div class="tab-panel" id="php">
+<h2 class="language-title">php</h2>
+
+{% capture m %}
+
+
+Rather than manually refreshing your browser when your patterns or CSS change you can have the PHP version of Pattern Lab auto-reload your browser window for you.
 
 ## How to Start the Auto-Reload Server
 
@@ -37,4 +47,34 @@ For Linux and Windows users you can also start the service from the command line
 
 ## How to Stop the Service
 
-To stop the service on Mac OS X you can press `CTRL+C` in the Terminal window where the process is running. If you've used the method above to start the watch and the auto-reload server they  will both shut down when using `CTRL+C`.
+To stop the service on Mac OS X you can press `CTRL+C` in the Terminal window where the process is running. If you've used the method above to start the watch and the auto-reload server they  will both shut down when using `CTRL+C`.
+
+{% endcapture %}
+{{ m | markdownify }}
+
+</div>
+
+<!--- end php -->
+
+
+<!--- start node -->
+
+<div class="tab-panel" id="node">
+<h2 class="language-title">node</h2>
+
+{% capture m %}
+
+Rather than manually refreshing your browser when your patterns or CSS change, the Node version of Pattern Lab auto-reloads your browser window for you using [BrowserSync](http://www.browsersync.io/).
+
+Auto-reloading is a behavior that is done in concert with file watching. You can read more about how these two features work together [here](/docs/advanced-auto-regenerate.html).
+
+## How to Start and Connect to Pattern Lab with BrowserSync
+
+Running 'grunt serve' or 'gulp serve' from the command line of your working directory will start up Pattern Lab Node with BrowserSync and launch [http://localhost:3000](http://localhost:3000) in your default browser.
+
+{% endcapture %}
+{{ m | markdownify }}
+
+</div>
+
+<!--- end node -->