fix doc links

Author: jscottsmith

README.md

@@ -29,16 +29,16 @@ yarn add react-scroll-parallax
 ## Overview
 
 - [Usage](#usage)
-- [`<Parallax>`](/parallax-component.md)
-  - [Parallax Props](/parallax-component.md#parallax-props)
-- [`<ParallaxBanner>`](/parallax-banner-component.md)
-  - [Banner Usage](/parallax-banner-component.md#banner-usage)
-  - [Banner Props](/parallax-banner-component.md#banner-props)
-  - [Banner Layers Prop](/parallax-banner-component.md#banner-layers-prop)
-- [`<ParallaxProvider>`](/parallax-provider-component.md)
-  - [ParallaxProvider Props](/parallax-provider-component.md#parallaxprovider-props)
-- [Parallax Controller Context](/parallax-controller-context.md)
-  - [Available Methods](/parallax-controller-context.md#available-methods)
+- [`<Parallax>`](/docs/parallax-component.md)
+  - [Parallax Props](/docs/parallax-component.md#parallax-props)
+- [`<ParallaxBanner>`](/docs/parallax-banner-component.md)
+  - [Banner Usage](/docs/parallax-banner-component.md#banner-usage)
+  - [Banner Props](/docs/parallax-banner-component.md#banner-props)
+  - [Banner Layers Prop](/docs/parallax-banner-component.md#banner-layers-prop)
+- [`<ParallaxProvider>`](/docs/parallax-provider-component.md)
+  - [ParallaxProvider Props](/docs/parallax-provider-component.md#parallaxprovider-props)
+- [Parallax Controller Context](/docs/parallax-controller-context.md)
+  - [Available Methods](/docs/parallax-controller-context.md#available-methods)
 - [Browser Support](#browser-support)
 - [Optimizations to Reduce Jank](#optimizations-to-reduce-jank)
   - [PSA](#psa)

docs/parallax-banner-component.md

@@ -1,8 +1,8 @@
-## \<ParallaxBanner>
+# \<ParallaxBanner>
 
 Component that utilizes `<Parallax>` components to achieve a parallaxing banner effect. Allows a single or multiple images to be parallaxed at different rates within the banner area.
 
-### Banner Usage
+## Banner Usage
 
 Use the `layers` prop to indicate all images, offset amounts, and scroll rates. Optionally pass additional children to be rendered. Styles of the outermost banner element can also be changed. Here's an example:
 
@@ -27,7 +27,7 @@ Use the `layers` prop to indicate all images, offset amounts, and scroll rates.
 </ParallaxBanner>
 ```
 
-### Banner Props
+## Banner Props
 
 The following are all props that can be passed to the `<ParallaxBanner>` component:
 
@@ -38,7 +38,7 @@ The following are all props that can be passed to the `<ParallaxBanner>` compone
 | **layers**    |  `array`  |         | A required `array` of `objects` with layer properties: `[{ amount: 0.1, image: 'foo.jpg' }]`. [See layers prop below](#banner-layers-prop) |
 | **style**     | `object`  |         | Optionally pass a style object to be added to the outermost parallax banner element.                                                       |
 
-### Banner Layers Prop
+## Banner Layers Prop
 
 The `layers` prop takes an array of objects that will represent each image (or custom children) of the parallax banner. The following properties describe a layer object:
 

docs/parallax-component.md

@@ -1,8 +1,8 @@
-## \<Parallax>
+# \<Parallax>
 
 The main component for manipulating a DOM element's position based on it's position within the viewport.
 
-### Parallax Props
+## Parallax Props
 
 The following are all props that can be passed to the `<Parallax>` component:
 

docs/parallax-controller-context.md

@@ -15,7 +15,7 @@ const MyComponent = () => {
 };
 ```
 
-### Available Methods
+## Available Methods
 
 Access the following methods on `parallaxController` via context:
 
@@ -27,7 +27,7 @@ Updates all cached attributes for parallax elements then updates their positions
 
 Removes window scroll and resize listeners then resets all styles applied to parallax elements.
 
-### Example usage of context
+## Example usage of context
 
 The most common use case that would require access to the controller is dealing with images. Since the controller caches attributes for performance they will need to be updated with the correct values once the image loads. Here's an example of how you could do that with an `<Image />` component:
 

docs/parallax-provider-component.md

@@ -1,4 +1,4 @@
-## \<ParallaxProvider>
+# \<ParallaxProvider>
 
 The `<ParallaxProvider />` component is meant to wrap a top level component in your application and is necessary to provide access though React context API to the parallax controller. This component should only be used once in you app, for instance in an `<AppContainer />` component that won't be mounted/unmounted during route changes. Like so:
 
@@ -12,7 +12,7 @@ const AppContainer = () => (
 );
 ```
 
-### ParallaxProvider Props
+## ParallaxProvider Props
 
 The following props configure the `<ParallaxProvider>` component: