Correct links for deploy on various deployment environment.

  - Change API reference link to relative link
  - Correct links to other components, all links to other components should end with "/"
  - Update icon-links on home, tutorial and components page

components/AppBar/README.md

@@ -23,8 +23,8 @@ navigation experience.
 ### API Documentation
 
 <ul class="icon-list">
-  <li class="icon-link"><a href="/components/AppBar/apidocs/Classes/MDCAppBarContainerViewController.html">MDCAppBarContainerViewController</a></li>
-  <li class="icon-link"><a href="/components/AppBar/apidocs/Protocols/MDCAppBarParenting.html">MDCAppBarParenting</a></li>
+  <li class="icon-link"><a href="apidocs/Classes/MDCAppBarContainerViewController.html">MDCAppBarContainerViewController</a></li>
+  <li class="icon-link"><a href="apidocs/Protocols/MDCAppBarParenting.html">MDCAppBarParenting</a></li>
 </ul>
 
 - - -
@@ -57,9 +57,9 @@ $ pod install
 The App Bar is a composite component that initializes and provides access to instances of the
 following components:
 
-- [Flexible Header](../FlexibleHeader)
-- [Header Stack View](../HeaderStackView)
-- [Navigation Bar](../NavigationBar)
+- [Flexible Header](../FlexibleHeader/)
+- [Header Stack View](../HeaderStackView/)
+- [Navigation Bar](../NavigationBar/)
 
 The provided view hierarchy looks like so:
 

components/ButtonBar/README.md

@@ -12,8 +12,8 @@ The Button Bar is a view that represents a list of UIBarButtonItems as horizonta
 ### API Documentation
 
 <ul class="icon-list">
-  <li class="icon-link"><a href="/components/ButtonBar/apidocs/Classes/MDCButtonBar.html">MDCButtonBar</a></li>
-  <li class="icon-link"><a href="/components/ButtonBar/apidocs/Protocols/MDCButtonBarDelegate.html">MDCButtonBarDelegate</a></li>
+  <li class="icon-link"><a href="apidocs/Classes/MDCButtonBar.html">MDCButtonBar</a></li>
+  <li class="icon-link"><a href="apidocs/Protocols/MDCButtonBarDelegate.html">MDCButtonBarDelegate</a></li>
 </ul>
 
 

components/Buttons/README.md

@@ -25,10 +25,10 @@ floating action button.
 ### API Documentation
 
 <ul class="icon-list">
-  <li class="icon-link"><a href="/components/Buttons/apidocs/Classes/MDCFlatButton.html">MDCFlatButton</a></li>
-  <li class="icon-link"><a href="/components/Buttons/apidocs/Classes/MDCFloatingButton.html">MDCFloatingButton</a></li>
-  <li class="icon-link"><a href="/components/Buttons/apidocs/Classes/MDCRaisedButton.html">MDCRaisedButton</a></li>
-  <li class="icon-link"><a href="/components/Buttons/apidocs/Classes/MDCButton.html">MDCButton</a></li>
+  <li class="icon-link"><a href="apidocs/Classes/MDCFlatButton.html">MDCFlatButton</a></li>
+  <li class="icon-link"><a href="apidocs/Classes/MDCFloatingButton.html">MDCFloatingButton</a></li>
+  <li class="icon-link"><a href="apidocs/Classes/MDCRaisedButton.html">MDCRaisedButton</a></li>
+  <li class="icon-link"><a href="apidocs/Classes/MDCButton.html">MDCButton</a></li>
 </ul>
 
 

components/CollectionCells/README.md

@@ -21,8 +21,8 @@ Collection view cell classes that adhere to Material design layout and styling.
 ### API Documentation
 
 <ul class="icon-list">
-  <li class="icon-link"><a href="/components/CollectionCells/apidocs/Classes/MDCCollectionViewCell.html">MDCCollectionViewCell</a></li>
-  <li class="icon-link"><a href="/components/CollectionCells/apidocs/Classes/MDCCollectionViewTextCell.html">MDCCollectionViewTextCell</a></li>
+  <li class="icon-link"><a href="apidocs/Classes/MDCCollectionViewCell.html">MDCCollectionViewCell</a></li>
+  <li class="icon-link"><a href="apidocs/Classes/MDCCollectionViewTextCell.html">MDCCollectionViewTextCell</a></li>
 </ul>
 
 - - -
@@ -36,5 +36,5 @@ Collection view cell classes that adhere to Material design layout and styling.
 
 ## Usage
 
-Please see the [Collections](../Collections) component for more information about using Collection
+Please see the [Collections](../Collections/) component for more information about using Collection
 Cells. We do not presently support using Collection Cells as a standalone component.

components/CollectionLayoutAttributes/README.md

@@ -12,7 +12,7 @@ Allows passing layout attributes to the cells and supplementary views.
 ### API Documentation
 
 <ul class="icon-list">
-  <li class="icon-link"><a href="/components/CollectionLayoutAttributesCells/apidocs/Classes/MDCCollectionViewLayoutAttributes.html">MDCCollectionViewLayoutAttributes</a></li>
+  <li class="icon-link"><a href="apidocs/Classes/MDCCollectionViewLayoutAttributes.html">MDCCollectionViewLayoutAttributes</a></li>
 </ul>
 
 - - -

components/Collections/README.md

@@ -21,12 +21,12 @@ Collection view classes that adhere to Material design layout and styling.
 ### API Documentation
 
 <ul class="icon-list">
-  <li class="icon-link"><a href="/components/Collections/apidocs/Classes/MDCCollectionViewController.html">MDCCollectionViewController</a></li>
-  <li class="icon-link"><a href="/components/Collections/apidocs/Protocols/MDCCollectionViewEditing.html">MDCCollectionViewEditing</a></li>
-  <li class="icon-link"><a href="/components/Collections/apidocs/Protocols/MDCCollectionViewEditingDelegate.html">MDCCollectionViewEditingDelegate</a></li>
-  <li class="icon-link"><a href="/components/Collections/apidocs/Classes/MDCCollectionViewFlowLayout.html">MDCCollectionViewFlowLayout</a></li>
-  <li class="icon-link"><a href="/components/Collections/apidocs/Protocols/MDCCollectionViewStyling.html">MDCCollectionViewStyling</a></li>
-  <li class="icon-link"><a href="/components/Collections/apidocs/Protocols/MDCCollectionViewStylingDelegate.html">MDCCollectionViewStylingDelegate</a></li>
+  <li class="icon-link"><a href="apidocs/Classes/MDCCollectionViewController.html">MDCCollectionViewController</a></li>
+  <li class="icon-link"><a href="apidocs/Protocols/MDCCollectionViewEditing.html">MDCCollectionViewEditing</a></li>
+  <li class="icon-link"><a href="apidocs/Protocols/MDCCollectionViewEditingDelegate.html">MDCCollectionViewEditingDelegate</a></li>
+  <li class="icon-link"><a href="apidocs/Classes/MDCCollectionViewFlowLayout.html">MDCCollectionViewFlowLayout</a></li>
+  <li class="icon-link"><a href="apidocs/Protocols/MDCCollectionViewStyling.html">MDCCollectionViewStyling</a></li>
+  <li class="icon-link"><a href="apidocs/Protocols/MDCCollectionViewStylingDelegate.html">MDCCollectionViewStylingDelegate</a></li>
 </ul>
 
 - - -
@@ -276,7 +276,7 @@ self.styler.gridColumnCount = 2
 The styler allows customizing cell separators for the entire collection view. Individual
 cell customization is also available by using an `MDCCollectionViewCell` cell or a subclass of it.
 Learn more by reading the section on [Cell Separators](../CollectionCells/#cell-separators) in the
-[CollectionCells](../CollectionCells) component.
+[CollectionCells](../CollectionCells/) component.
 
 <!--<div class="material-code-render" markdown="1">-->
 #### Objective-C

components/FlexibleHeader/README.md

@@ -24,11 +24,11 @@ UIScrollViewDelegate events.
 ### API Documentation
 
 <ul class="icon-list">
-  <li class="icon-link"><a href="/components/FlexibleHeader/apidocs/Classes/MDCFlexibleHeaderContainerViewController.html">MDCFlexibleHeaderContainerViewController</a></li>
-  <li class="icon-link"><a href="/components/FlexibleHeader/apidocs/Classes/MDCFlexibleHeaderView.html">MDCFlexibleHeaderView</a></li>
-  <li class="icon-link"><a href="/components/FlexibleHeader/apidocs/Classes/MDCFlexibleHeaderViewController.html">MDCFlexibleHeaderViewController</a></li>
-  <li class="icon-link"><a href="/components/FlexibleHeader/apidocs/Protocols/MDCFlexibleHeaderViewDelegate.html">MDCFlexibleHeaderViewDelegate</a></li>
-  <li class="icon-link"><a href="/components/FlexibleHeader/apidocs/Protocols/MDCFlexibleHeaderViewLayoutDelegate.html">MDCFlexibleHeaderViewLayoutDelegate</a></li>
+  <li class="icon-link"><a href="apidocs/Classes/MDCFlexibleHeaderContainerViewController.html">MDCFlexibleHeaderContainerViewController</a></li>
+  <li class="icon-link"><a href="apidocs/Classes/MDCFlexibleHeaderView.html">MDCFlexibleHeaderView</a></li>
+  <li class="icon-link"><a href="apidocs/Classes/MDCFlexibleHeaderViewController.html">MDCFlexibleHeaderViewController</a></li>
+  <li class="icon-link"><a href="apidocs/Protocols/MDCFlexibleHeaderViewDelegate.html">MDCFlexibleHeaderViewDelegate</a></li>
+  <li class="icon-link"><a href="apidocs/Protocols/MDCFlexibleHeaderViewLayoutDelegate.html">MDCFlexibleHeaderViewLayoutDelegate</a></li>
 </ul>
 
 

components/FontDiskLoader/README.md

@@ -25,7 +25,7 @@ Registers a single custom font asset from disk
 
 <ul class="icon-list">
   <li class="icon-link">
-    <a href="/apidocs/<FontDiskLoader>/Classes/MDCFontDiskLoader.html">
+    <a href="apidocs/<FontDiskLoader>/Classes/MDCFontDiskLoader.html">
       MDCFontDiskLoader
     </a>
   </li>

components/HeaderStackView/README.md

@@ -22,7 +22,7 @@ bar views.
 ### API Documentation
 
 <ul class="icon-list">
-  <li class="icon-link"><a href="/components/HeaderStackView/apidocs/Classes/MDCHeaderStackView.html">MDCHeaderStackView</a></li>
+  <li class="icon-link"><a href="apidocs/Classes/MDCHeaderStackView.html">MDCHeaderStackView</a></li>
 </ul>
 
 

components/Ink/README.md

@@ -22,9 +22,9 @@ outward from the user's touch.
 ### API Documentation
 
 <ul class="icon-list">
-  <li class="icon-link"><a href="/components/Ink/apidocs/Classes/MDCInkTouchController.html">MDCInkTouchController</a></li>
-  <li class="icon-link"><a href="/components/Ink/apidocs/Classes/MDCInkView.html">MDCInkView</a></li>
-  <li class="icon-link"><a href="/components/Ink/apidocs/Protocols/MDCInkTouchControllerDelegate.html">MDCInkTouchControllerDelegate</a></li>
+  <li class="icon-link"><a href="apidocs/Classes/MDCInkTouchController.html">MDCInkTouchController</a></li>
+  <li class="icon-link"><a href="apidocs/Classes/MDCInkView.html">MDCInkView</a></li>
+  <li class="icon-link"><a href="apidocs/Protocols/MDCInkTouchControllerDelegate.html">MDCInkTouchControllerDelegate</a></li>
 </ul>
 
 

components/NavigationBar/README.md

@@ -19,8 +19,8 @@ label or a custom title view.
 ### API Documentation
 
 <ul class="icon-list">
-  <li class="icon-link"><a href="/components/NavigationBar/apidocs/Classes/MDCNavigationBar.html">MDCNavigationBar</a></li>
-  <li class="icon-link"><a href="/components/NavigationBar/apidocs/Protocols/MDCUINavigationItemObservables.html">MDCUINavigationItemObservables</a></li>
+  <li class="icon-link"><a href="apidocs/Classes/MDCNavigationBar.html">MDCNavigationBar</a></li>
+  <li class="icon-link"><a href="apidocs/Protocols/MDCUINavigationItemObservables.html">MDCUINavigationItemObservables</a></li>
 </ul>
 
 

components/PageControl/README.md

@@ -23,7 +23,7 @@ desired animation of the control.
 ### API Documentation
 
 <ul class="icon-list">
-  <li class="icon-link"><a href="/components/PageControl/apidocs/Classes/MDCPageControl.html">MDCPageControl</a></li>
+  <li class="icon-link"><a href="apidocs/Classes/MDCPageControl.html">MDCPageControl</a></li>
 </ul>
 
 

components/README.md

@@ -12,13 +12,13 @@ interface components for iOS. These components implement Google's
 and are developed by a team of iOS engineers and UX designers at Google.
 
 
-- [Development Guide](/howto/)
+- [Development Guide]({{ site.folder }}/howto/)
   <!--{: .icon-guide }-->
 
-- [Code Samples](/howto/#sample-code)
+- [Code Samples]({{ site.folder }}/howto/tutorial/#sample-code)
   <!--{: .icon-sample }-->
 
-- [Stack Overflow](http://stackoverflow.com/questions/tagged/material-components-ios)
+- [Stack Overflow "material-components-ios"](http://stackoverflow.com/questions/tagged/material-components-ios)
   <!--{: .icon-stackoverflow }-->
 
 - [Github](https://github.com/google/material-components-ios/)

components/RobotoFontLoader/README.md

@@ -30,7 +30,7 @@ The Roboto Font Loader lazy loads the Roboto font.
 
 <ul class="icon-list">
   <li class="icon-link">
-    <a href="/components/RobotoFontLoader/apidocs/Classes/MDCRobotoFontLoader.html">
+    <a href="apidocs/Classes/MDCRobotoFontLoader.html">
       MDCRobotoFontLoader
     </a>
   </li>

components/ShadowElevations/README.md

@@ -18,7 +18,7 @@ This component provides the most commonly-used Material Design elevations.
 ### API Documentation
 
 <ul class="icon-list">
-  <li class="icon-link"><a href="/components/ShadowElevations/apidocs/Constants.html">ShadowElevations Constants</a></li>
+  <li class="icon-link"><a href="apidocs/Constants.html">ShadowElevations Constants</a></li>
 </ul>
 
 

components/ShadowLayer/README.md

@@ -25,7 +25,7 @@ return `MDCShadowLayer`.
 
 `elevation` sets the diffusion level of the shadow. The higher the shadow elevation, the more
 diffused the shadow becomes. Elevation uses points as a unit to specify height. Common shadow
-elevations are defined in [MDCShadowElevations](../ShadowElevations) and range from 0 to 24 points.
+elevations are defined in [MDCShadowElevations](../ShadowElevations/) and range from 0 to 24 points.
 The shadow diffusion effect diminishes as elevations exceed 24 points.
 
 Set `shadowMaskEnabled` to ensure the interior, non-shadow portion of the layer is visible.
@@ -46,8 +46,8 @@ shadow that adheres to defined height and light source principles.
 ### API Documentation
 
 <ul class="icon-list">
-  <li class="icon-link"><a href="/components/ShadowLayer/apidocs/Classes/MDCShadowLayer.html">MDCShadowLayer</a></li>
-  <li class="icon-link"><a href="/components/ShadowLayer/apidocs/Classes/MDCShadowMetrics.html">MDCShadowMetrics</a></li>
+  <li class="icon-link"><a href="apidocs/Classes/MDCShadowLayer.html">MDCShadowLayer</a></li>
+  <li class="icon-link"><a href="apidocs/Classes/MDCShadowMetrics.html">MDCShadowMetrics</a></li>
 </ul>
 
 

components/Slider/README.md

@@ -22,7 +22,7 @@ or discrete set of values.
 ### API Documentation
 
 <ul class="icon-list">
-  <li class="icon-link"><a href="/components/Slider/apidocs/Classes/MDCSlider.html">MDCSlider</a></li>
+  <li class="icon-link"><a href="apidocs/Classes/MDCSlider.html">MDCSlider</a></li>
 </ul>
 
 - - -

components/Switch/README.md

@@ -23,8 +23,8 @@ that `MDCSwitch` objects have an intrinsic size and are not resizable.
 ### API Documentation
 
 <ul class="icon-list">
-  <li class="icon-link"><a href="/components/Switch/apidocs/Classes/MDCSwitch.html">MDCSwitch</a></li>
-  <li class="icon-link"><a href="/components/Switch/apidocs/Functions.html">Global Functions</a></li>
+  <li class="icon-link"><a href="apidocs/Classes/MDCSwitch.html">MDCSwitch</a></li>
+  <li class="icon-link"><a href="apidocs/Functions.html">Global Functions</a></li>
 </ul>
 
 
@@ -79,8 +79,8 @@ import MaterialComponents
 
 <!--<div class="material-code-render" markdown="1">-->
 ### Objective C
-~~~ objc
 
+~~~ objc
 - (void)viewDidLoad {
   [super viewDidLoad];
 
@@ -95,8 +95,8 @@ import MaterialComponents
 - (void)didChangeSliderValue:(id)sender {
   ...
 }
-
 ~~~
+
 #### Swift
 ~~~ swift
   override func viewDidLoad() {
@@ -112,6 +112,5 @@ import MaterialComponents
   func didChangeSwitchValue(senderSwitch:MDCSwitch) {
     NSLog("did change value: %@", senderSwitch.on);
   }
-
 ~~~
 <!--</div>-->

components/Typography/README.md

@@ -22,11 +22,11 @@ from the Material Design specifications.
 ### API Documentation
 
 <ul class="icon-list">
-<li class="icon-link"><a href="/components/Typography/apidocs/Classes/MDCTypography.html">MDCTypography</a></li>
-<li class="icon-link"><a href="/components/FontDiskLoader/apidocs/Classes/MDCFontDiskLoader.html">MDCFontDiskLoader</a></li>
-<li class="icon-link"><a href="/components/RobotoFontLoader/apidocs/Classes/MDCRobotoFontLoader.html">MDCRobotoFontLoader</a></li>
-<li class="icon-link"><a href="/components/Typography/apidocs/Classes.html#/c:objc(cs)MDCSystemFontLoader">MDCSystemFontLoader</a></li>
-<li class="icon-link"><a href="/components/Typography/apidocs/Protocols/MDCTypographyFontLoader.html">MDCTypographyFontLoader</a></li>
+<li class="icon-link"><a href="apidocs/Classes/MDCTypography.html">MDCTypography</a></li>
+<li class="icon-link"><a href="../FontDiskLoader/apidocs/Classes/MDCFontDiskLoader.html">MDCFontDiskLoader</a></li>
+<li class="icon-link"><a href="../RobotoFontLoader/apidocs/Classes/MDCRobotoFontLoader.html">MDCRobotoFontLoader</a></li>
+<li class="icon-link"><a href="apidocs/Classes.html#/c:objc(cs)MDCSystemFontLoader">MDCSystemFontLoader</a></li>
+<li class="icon-link"><a href="apidocs/Protocols/MDCTypographyFontLoader.html">MDCTypographyFontLoader</a></li>
 </ul>
 
 ## Installation
@@ -286,15 +286,17 @@ func application(application: UIApplication, didFinishLaunchingWithOptions launc
 
 #### The default FontLoaer
 If no font loader has been set, Typography attempts to use the Material
-[RobotoFontLoader](https://github.com/google/material-components-ios/tree/develop/components/FontDiskLoader)
+[RobotoFontLoader](../FontDiskLoader/)
 which results in Roboto fonts being used when text styles are requested. If that runtime check
 fails to find MDCRobotoFontLoader, the Material MDCSystemFontLoader font is used resulting in San
 Francisco or Helvetica being used.
 
 If your Podfile.lock has:
+
 ~~~ bash
 MaterialComponents/RobotoFontLoader
 ~~~
+
 Then one of your specs depends on RobotoFontLoader and the Roboto will be used if no font loader has
 been set. If you set your own Font Loader it is recomened that you not pull in the Roboto Font
 Loader Component because that will add font assets to your app that you will not use.

howto/README.md

@@ -9,10 +9,10 @@ section: howto
 Material Components iOS should be immediately useable out of the box with
 Apple's standard development tool chain.
 
-- [Tutorial](/howto/tutorial/)
+- [Tutorial]({{ site.folder }}/howto/tutorial/)
   <!--{: .icon-guide }-->
 
-- [Build environment](/howto/build-env/)
+- [Build environment]({{ site.folder }}/howto/build-env/)
   <!--{: .icon-guide }-->
   <!-- TODO Correct icon -->
 <!--{: .icon-list }-->

howto/tutorial/README.md

@@ -693,7 +693,7 @@ Also see our examples and catalog apps that are in the project to show how to us
 advanced features.
 
 
-- [Read the Component Documentation](/components/)
+- [Read the Component Documentation]({{ site.folder }}/components/)
   <!--{: .icon-components }-->
 
 - [Stack Overflow "material-components-ios"](http://stackoverflow.com/questions/tagged/material-components-ios)

site-index.md

@@ -3,7 +3,7 @@ title:  "Material Components for iOS"
 layout: "homepage"
 ---
 
-![Material Components Pesto App](/images/hero_exampleapp.png)
+![Material Components Pesto App]({{ site.folder }}/images/hero_exampleapp.png)
 <!--{: #heroimg }-->
 
 # Material Components for&nbsp;iOS
@@ -131,13 +131,13 @@ An easy way to create beautiful apps with modular and customizable UI&nbsp;compo
 
 5.  ## What's next?
 
-    - [Read the Development Guide](/howto/)
+    - [Read the Development Guide]({{ site.folder }}/howto/)
       <!--{: .icon-guide }-->
 
-    - [View the Component Documentation](/components/)
+    - [View the Component Documentation]({{ site.folder }}/components/)
       <!--{: .icon-components }-->
 
-    - [Explore our Code Samples](/howto/#sample-code)
+    - [Explore our Code Samples]({{ site.folder }}/howto/tutorial/#sample-code)
       <!--{: .icon-sample }-->
     <!--{: .icon-list }-->
 <!--{: .step-sequence }-->