Angular ui-router not loading template

I'm building a toy app in Angular/Rails and I have most of the angular ui routing working, but it doesnt seem to display the template. I know the controller is being loaded because I put a debugger and it freezes in the chrome dev tools.

Link to github branch

EDIT: Its probably because the templateUrl specified isnt a valid route. It's injected the root html file into itself and requiring angular multiple times. Absolute paths don't work either. Still no solution.

Here's some of my code:

I also know the redirect routing works because I've tested it in local host.

angular.module('SwoleMetrics', [
        'ui.router',
        'templates'
    ])
    .config(function ($stateProvider, $urlRouterProvider, $locationProvider) {
      /**
       * Routes and States
       */
      $stateProvider
          .state('dashboard', {
              url: '/dashboard',
              templateUrl: 'dashboard.html',
              controller: 'DashboardCtrl'
          });

      // default fall back route
      $urlRouterProvider.otherwise('/dashboard');

      // enable HTML5 Mode for SEO
      $locationProvider.html5Mode(true);
    });

Here's the controller:

angular.module('SwoleMetrics')
    .controller('DashboardCtrl', function ($scope) {
        $scope.things = ['Angular', 'Rails 4.1', 'UI Router', 'Together!!'];
    });

And finally the template:

<div class="container">
    <h1>The Home View!</h1>
    <ul>
        <li ng-repeat="thing in things">{{thing}}</li>
    </ul>
</div>

It goes inside this tag but I dont think this is the issue:

<div class="main-view-container" ui-view></div>

I'm using angular-ui-templates 1.4.0 if that helps.