Issue #29 - Set all the resource values to being relative to ./ so th… (

#113)

* Issue #29 - Set all the resource values to being relative to ./ so that base href will be followed correctly

* Update the README.md file to include very simple instructions on how to set relative url for the app

README.md

@@ -68,6 +68,11 @@ The most relevant configuration entries are shown below. Make sure you make your
 - The rest of the configuration entries are all pretty much all UI strings.
   - Change them to localize or brand this utility to meet your needs
 
+## Running as a sub application
+To run as a sub application you need to modify the `base href="/"` value in the `wwwroot/index.html` file to be the base url for PassCore. For example you might have PassCore setup at /PassCore so you would put
+```
+<base href="/PassCore/" />
+```
 ## Troubleshooting
 - If you find a HTTP Error 502.5
   - Ensure you have installed [.NET Framework 4.6.1](https://www.microsoft.com/en-us/download/details.aspx?id=49982) or better

src/Unosquare.PassCore.Web/ClientApp/app/change-password/change-password.html

@@ -3,7 +3,7 @@
         <h2 class="title" fxFlex="50">{{ViewOptions.changePasswordTitle}}</h2>
         <span class="fill-remaining-space"></span>
         <div matTooltip="{{ViewOptions.changePasswordForm.helpText}}" matTooltipPosition="left">
-            <img src="/assets/images/help.png" alt="Help" />
+            <img src="./assets/images/help.png" alt="Help" />
         </div>
     </mat-toolbar>
     <div fxLayout="column" fxLayoutAlign="center center">

src/Unosquare.PassCore.Web/ClientApp/app/footer/footer.html

@@ -2,13 +2,13 @@
     <div fxLayout.xs="column" fxLayout="row" fxLayoutAlign="center" fxLayoutGap="10px">
         <div fxLayout="column" fxLayoutAlign.xs="center center" fxLayoutAlign="center start" class="footer-logo" fxFlex="30">
             <a target="_blank" tabindex="-1" href="https://github.com/unosquare/passcore">
-                <img src="../../assets/images/passcore-logo.png" alt="PassCore logo" />
+                <img src="./assets/images/passcore-logo.png" alt="PassCore logo" />
             </a>
         </div>
         <div fxLayout="row" fxLayoutAlign="end center" fxLayoutAlign.xs="center center" class="footer-img" fxFlex="70" fxLayoutGap="10px">
-            <a target="_blank" tabindex="-1" href="https://opensource.org/"><img src="../../assets/images/osi.png" alt="OSI"></a>
-            <a target="_blank" tabindex="-1" href="https://opensource.org/licenses/MIT"><img src="../../assets/images/License_icon-mit.svg.png" alt="MIT"></a>
-            <a target="_blank" tabindex="-1" href="http://unosquare.com"><img src="../../assets/images/logo.png" alt="Unosquare"></a>
+            <a target="_blank" tabindex="-1" href="https://opensource.org/"><img src="./assets/images/osi.png" alt="OSI"></a>
+            <a target="_blank" tabindex="-1" href="https://opensource.org/licenses/MIT"><img src="./assets/images/License_icon-mit.svg.png" alt="MIT"></a>
+            <a target="_blank" tabindex="-1" href="http://unosquare.com"><img src="./assets/images/logo.png" alt="Unosquare"></a>
         </div>
     </div>
     <div fxLayout="column" fxLayoutAlign="center">