diff --git a/resources/frontend_client/app/home/home.html b/resources/frontend_client/app/home/home.html
deleted file mode 100644
index 2cb9e843133b6d18a668ece260fc76fea8a1b5af..0000000000000000000000000000000000000000
--- a/resources/frontend_client/app/home/home.html
+++ /dev/null
@@ -1,118 +0,0 @@
-<div class="Home" ng-controller="Home">
- <div class="bg-brand text-white">
- <div class="wrapper">
- <div class="Grid Grid--full large-Grid--1of2 align-center">
- <div class="Grid-cell" ng-controller="HomeGreeting">
- <div class="Greeting">
- <h1 class="text-light">{{greeting}}</h1>
- <h2 class="text-light text-brand-light">{{subheading}}</h2>
- </div>
- </div>
- </div>
- </div>
- <div class="wrapper">
- <a class="HomeTab inline-block" ng-class="{'HomeTab--active text-dark' : currentView === 'data' }" ng-click="currentView = 'data'">A new question</a>
- <a class="HomeTab inline-block" ng-class="{'HomeTab--active text-dark' : currentView === 'questions'}" ng-click="currentView = 'questions'">Start from a saved question</a>
- </div>
- </div>
-
- <div ng-if="showOnboarding"><mb-new-user-onboarding></mb-new-user-onboarding></div>
-
-
- <div ng-controller="CardList" ng-if="currentView != 'data'">
-
- <div class="flex align-center py2 lg-py3 bg-white border-bottom">
- <div class="wrapper flex">
- <a href="#" class="flex text-grey-3 no-decoration transition-color align-center mr2" ng-click="filter('all')" ng-class="{'text-brand': filterMode === 'all', 'text-brand-hover': filterMode != 'all'}">
- <mb-icon class="mr1" name="popular" width="32px" height="32px"></mb-icon>
- Popular
- </a>
- <a href="#" class="flex text-grey-3 no-decoration transition-color align-center mr2" ng-click="filter('mine')" ng-class="{'text-brand': filterMode === 'mine', 'text-brand-hover': filterMode != 'mine' }">
- <mb-icon class="mr1" name="mine" width="18px" height="18px"></mb-icon>
- Mine
- </a>
- <a href="#" class="flex text-grey-3 no-decoration transition-color align-center mr2" ng-click="filter('fav')" ng-class="{'text-brand': filterMode === 'fav', 'text-brand-hover': filterMode != 'fav' }">
- <mb-icon class="mr1" name="star" width="18px" height="18px"></mb-icon>
- Favorites
- </a>
- </div>
- </div>
-
- <div class="wrapper">
- <div ng-if="!cards" class="text-brand">
- <mb-loading-icon></mb-loading-icon>
- </div>
-
- <div class="Grid">
- <ul class="Grid-cell">
- <li ng-repeat="card in cards | filter:searchFilter">
- <div class="Entity flex align-center mb2 py2 lg-p2 border-bottom">
- <a href="/card/{{card.id}}?clone" class="flex flex-column no-decoration">
- <div class="flex align-center">
- <h4 class="Entity-title break-word text-brand-hover">{{card.name}}</h4>
- <mb-icon class="ml1 text-grey-4" name="lock" width="12px" height="12px" ng-if="card.public_perms === 0"></mb-icon>
- </div>
- <span class="Entity-attribution">
- Asked by: {{card.creator.common_name}}
- </span>
- </a>
- <a href="/card/{{card.id}}" class="flex-align-right IconCircle flex text-grey-1 text-grey-3-hover transition-color layout-centered">
- <mb-icon name="pencil" width="18px" height="18px"></mb-icon>
- </a>
- </div>
- </li>
- </ul>
- </div>
- </div>
- </div>
-
- <div ng-if="currentView === 'data'" ng-controller="HomeDatabaseList">
- <div class="flex py2 lg-py3 align-center border-bottom">
- <div class="wrapper">
- <span class="h2 text-grey-2">Data source:</span>
- <div class="Dropdown inline-block" dropdown on-toggle="toggled(open)">
- <div class="DataSourceDropdown-title text-brand" dropdown-toggle>
- <span class="h2 ml1 text-brand-darken-hover transition-color cursor-pointer">
- {{currentDB.name}}
- <mb-icon name="chevrondown" width="8px" height="8px"></mb-icon>
- </span>
- <ul class="Dropdown-content">
- <li ng-repeat="(id, db) in databases">
- <a class="Dropdown-item block" ng-click="selectCurrentDB(id)">
- {{db.name}}
- </a>
- </li>
- </ul>
- </div>
- </div>
- </div>
- </div>
- <div>
- <div class="wrapper">
- <h4 class="mt1 lg-mt3 text-grey-2">Tables:</h4>
- </div>
- <ul class="wrapper" ng-if="tables">
- <li ng-repeat="table in tables" ng-if="table.rows > 0">
- <a class="no-decoration py2 border-bottom flex align-center" href="/q?db={{currentDB.id}}&table={{table.id}}">
- <div class="flex flex-column pr3 lg-pr0">
- <h2 class="text-dark text-brand-hover break-word">{{table.display_name}}</h2>
- <h4 class="TableDescription text-grey-4 text-normal mt1">{{table.description}}</h4>
- </div>
- <div class="flex flex-align-right align-center">
- <div class="text-right text-brand text-brand-darken-hover mr2">
- <h3>{{table.rows}}</h3>
- <h6 class="text-uppercase ">total</h6>
- </div>
- <mb-icon class="text-grey-1" name="chevronright" width="18px" height="18px"></mb-icon>
- </div>
- </a>
- </li>
- </ul>
- </div>
- <div ng-if="tables.length === 0">
- <div class="wrapper flex layout-centered">
- <h2>No data is avaliable for this database</h2>
- </div>
- </div>
- </div>
-</div>