From dc00eb85553b709914b86b16c4bb0b6fbe637244 Mon Sep 17 00:00:00 2001
From: Bouncey <staylor1012@gmail.com>
Date: Mon, 3 Sep 2018 11:23:18 +0100
Subject: [PATCH] chore(root): Ensure development environment

---
 .gitignore                                    |    2 +
 CONTRIBUTING.md                               |    4 +-
 api-server/.babelrc.js                        |   21 +-
 api-server/.gitignore                         |    1 +
 api-server/common/app/App.jsx                 |   86 -
 api-server/common/app/Child-Container.jsx     |   25 -
 api-server/common/app/Flash/Flash.jsx         |   43 -
 api-server/common/app/Flash/flash.less        |   20 -
 api-server/common/app/Flash/index.js          |    1 -
 api-server/common/app/Flash/ns.json           |    1 -
 .../app/Flash/redux/get-messages-epic.js      |   17 -
 api-server/common/app/Flash/redux/index.js    |   58 -
 api-server/common/app/Flash/redux/utils.js    |   43 -
 .../common/app/Map/redux/fetch-map-ui-epic.js |   38 -
 api-server/common/app/Map/redux/index.js      |  121 -
 api-server/common/app/Map/redux/utils.js      |  231 --
 api-server/common/app/Map/redux/utils.test.js |  319 --
 api-server/common/app/Nav/LargeNav.jsx        |   38 -
 api-server/common/app/Nav/MediumNav.jsx       |   42 -
 api-server/common/app/Nav/Nav.jsx             |   60 -
 api-server/common/app/Nav/SmallNav.jsx        |   43 -
 .../common/app/Nav/components/Bin-Button.jsx  |   22 -
 .../common/app/Nav/components/BinButtons.jsx  |   35 -
 .../common/app/Nav/components/NavLinks.jsx    |  151 -
 .../common/app/Nav/components/NavLogo.jsx     |   45 -
 .../common/app/Nav/components/Sign-Up.jsx     |   50 -
 api-server/common/app/Nav/components/index.js |    3 -
 api-server/common/app/Nav/index.js            |    1 -
 api-server/common/app/Nav/links.json          |   15 -
 api-server/common/app/Nav/nav.less            |  345 --
 api-server/common/app/Nav/navPropTypes.js     |    5 -
 api-server/common/app/Nav/ns.json             |    1 -
 api-server/common/app/Nav/redux/index.js      |   76 -
 api-server/common/app/NotFound/Not-Found.jsx  |   31 -
 api-server/common/app/NotFound/index.js       |    1 -
 api-server/common/app/Router/Link.jsx         |   85 -
 api-server/common/app/Router/handle-press.js  |   50 -
 api-server/common/app/Router/index.js         |    1 -
 api-server/common/app/Router/redux/index.js   |    8 -
 api-server/common/app/Router/to-url.js        |   41 -
 api-server/common/app/Toasts/Toasts.jsx       |   91 -
 api-server/common/app/Toasts/index.js         |    1 -
 api-server/common/app/Toasts/ns.json          |    1 -
 api-server/common/app/Toasts/redux/index.js   |   47 -
 api-server/common/app/analytics/index.js      |   34 -
 api-server/common/app/app.less                |   26 -
 api-server/common/app/create-app.jsx          |  104 -
 api-server/common/app/entities/index.js       |  331 --
 api-server/common/app/epics.js                |   13 -
 api-server/common/app/index.js                |    3 -
 api-server/common/app/index.less              |    4 -
 api-server/common/app/ns.json                 |    1 -
 api-server/common/app/provide-store.js        |   11 -
 api-server/common/app/reducer.js              |   23 -
 .../common/app/redux/fetch-user-epic.js       |   42 -
 api-server/common/app/redux/index.js          |  220 --
 .../common/app/redux/night-mode-epic.js       |   64 -
 api-server/common/app/redux/utils.js          |    9 -
 api-server/common/app/routes-map.js           |   17 -
 api-server/common/app/routes/Admin/README.md  |    1 -
 .../common/app/routes/Profile/Profile.jsx     |  267 --
 .../routes/Profile/components/CamperHOC.jsx   |   77 -
 .../Profile/components/Certificates.jsx       |  183 -
 .../app/routes/Profile/components/HeatMap.jsx |  125 -
 .../routes/Profile/components/Portfolio.jsx   |   74 -
 .../routes/Profile/components/SocialIcons.jsx |  143 -
 .../routes/Profile/components/Timeline.jsx    |  173 -
 api-server/common/app/routes/Profile/index.js |    7 -
 api-server/common/app/routes/Profile/ns.json  |    1 -
 .../common/app/routes/Profile/profile.less    |  102 -
 .../common/app/routes/Profile/redux/index.js  |   31 -
 .../common/app/routes/Settings/Settings.jsx   |  122 -
 .../app/routes/Settings/ShowSettings.jsx      |   41 -
 .../Settings/Toggle-Button/Toggle-Button.jsx  |   55 -
 .../routes/Settings/Toggle-Button/index.js    |    1 -
 .../app/routes/Settings/Toggle-Button/ns.json |    1 -
 .../routes/Settings/Toggle-Button/toggle.less |   21 -
 .../Settings/components/About-Settings.jsx    |  217 --
 .../app/routes/Settings/components/Camper.jsx |   92 -
 .../Settings/components/Cert-Settings.jsx     |  336 --
 .../routes/Settings/components/DangerZone.jsx |  105 -
 .../Settings/components/DeleteModal.jsx       |   71 -
 .../Settings/components/Email-Settings.jsx    |  170 -
 .../routes/Settings/components/EmailForm.jsx  |  170 -
 .../routes/Settings/components/Honesty.jsx    |   95 -
 .../Settings/components/Internet-Settings.jsx |  113 -
 .../Settings/components/JSAlgoAndDSForm.jsx   |  134 -
 .../components/Portfolio-Settings.jsx         |  178 -
 .../Settings/components/Privacy-Settings.jsx  |  177 -
 .../routes/Settings/components/ResetModal.jsx |   65 -
 .../Settings/components/SectionHeader.jsx     |   25 -
 .../Settings/components/SolutionViewer.jsx    |   80 -
 .../Settings/components/ThemeSettings.jsx     |   38 -
 .../Settings/components/ToggleSetting.jsx     |   55 -
 .../Settings/components/UsernameSettings.jsx  |  187 -
 .../Settings/formHelpers/BlockSaveButton.jsx  |   24 -
 .../Settings/formHelpers/BlockSaveWrapper.jsx |   23 -
 .../app/routes/Settings/formHelpers/Form.jsx  |   87 -
 .../Settings/formHelpers/FormFields.jsx       |  100 -
 .../app/routes/Settings/formHelpers/index.js  |   35 -
 .../common/app/routes/Settings/index.js       |    8 -
 .../common/app/routes/Settings/index.less     |    2 -
 api-server/common/app/routes/Settings/ns.json |    1 -
 .../routes/Settings/redux/certificate-epic.js |   42 -
 .../routes/Settings/redux/danger-zone-epic.js |   53 -
 .../common/app/routes/Settings/redux/index.js |  175 -
 .../Settings/redux/new-username-epic.js       |   30 -
 .../routes/Settings/redux/update-user-epic.js |  230 --
 .../routes/update-email/Update-Email.jsx      |  172 -
 .../Settings/routes/update-email/index.js     |    1 -
 .../common/app/routes/Settings/settings.less  |  144 -
 .../Settings/utils/buildUserProjectsMap.js    |   32 -
 api-server/common/app/routes/index.js         |    8 -
 api-server/common/app/routes/index.less       |    2 -
 api-server/common/app/routes/redux.js         |   33 -
 .../common/app/utils/No-Props-Passthrough.jsx |   12 -
 api-server/common/app/utils/blockNameify.js   |   41 -
 api-server/common/app/utils/challengeTypes.js |   12 -
 api-server/common/app/utils/create-types.js   |   10 -
 api-server/common/app/utils/form.js           |   94 -
 api-server/common/app/utils/shallow-equals.js |   37 -
 .../common/{app => }/utils/empty-protector.js |    0
 api-server/common/utils/map.js                |    2 +-
 api-server/common/utils/polyvinyl.js          |    2 +-
 api-server/development-entry.js               |   13 +
 api-server/package-lock.json                  |   85 +-
 api-server/package.json                       |   10 +-
 api-server/server/boot/a-services.js          |    7 -
 api-server/server/server.js                   |    6 +-
 .../utils/cast-to-observable.js               |    0
 .../components/Header/components/SignedIn.js  |    2 +-
 client/src/components/Header/index.js         |    6 +-
 client/src/components/Layout.js               |    4 -
 client/src/pages/accept-privacy-terms.js      |   12 +-
 client/src/pages/update-email.js              |    2 +-
 client/src/utils/ajax.js                      |    6 +-
 develop-client-server.js                      |   34 +
 development-server.js                         |   27 -
 old-client/client/README.md                   |    4 -
 old-client/client/epics/README.md             |    0
 old-client/client/epics/analytics-epic.js     |   44 -
 old-client/client/epics/err-epic.js           |   10 -
 old-client/client/epics/hard-go-to-epic.js    |   14 -
 old-client/client/epics/index.js              |   13 -
 old-client/client/epics/mouse-trap-epic.js    |   52 -
 old-client/client/epics/title-epic.js         |   10 -
 old-client/client/index.js                    |   74 -
 old-client/client/less/flexgrid.less          |  152 -
 old-client/client/less/lib/animate.less       | 3338 -----------------
 .../bootstrap-social/bootstrap-social.less    |   99 -
 .../client/less/lib/bootstrap/alerts.less     |   68 -
 .../client/less/lib/bootstrap/badges.less     |   55 -
 .../client/less/lib/bootstrap/bootstrap.less  |   49 -
 .../less/lib/bootstrap/breadcrumbs.less       |   26 -
 .../less/lib/bootstrap/button-groups.less     |  247 --
 .../client/less/lib/bootstrap/buttons.less    |  160 -
 .../client/less/lib/bootstrap/carousel.less   |  267 --
 .../client/less/lib/bootstrap/close.less      |   33 -
 .../client/less/lib/bootstrap/code.less       |   69 -
 .../lib/bootstrap/component-animations.less   |   34 -
 .../client/less/lib/bootstrap/dropdowns.less  |  214 --
 .../client/less/lib/bootstrap/forms.less      |  559 ---
 .../client/less/lib/bootstrap/glyphicons.less |  234 --
 .../client/less/lib/bootstrap/grid.less       |   84 -
 .../less/lib/bootstrap/input-groups.less      |  166 -
 .../client/less/lib/bootstrap/jumbotron.less  |   48 -
 .../client/less/lib/bootstrap/labels.less     |   64 -
 .../client/less/lib/bootstrap/list-group.less |  132 -
 .../client/less/lib/bootstrap/media.less      |   47 -
 .../client/less/lib/bootstrap/mixins.less     |   39 -
 .../less/lib/bootstrap/mixins/alerts.less     |   14 -
 .../bootstrap/mixins/background-variant.less  |    8 -
 .../lib/bootstrap/mixins/border-radius.less   |   18 -
 .../less/lib/bootstrap/mixins/buttons.less    |   52 -
 .../lib/bootstrap/mixins/center-block.less    |    7 -
 .../less/lib/bootstrap/mixins/clearfix.less   |   22 -
 .../less/lib/bootstrap/mixins/forms.less      |   85 -
 .../less/lib/bootstrap/mixins/gradients.less  |   59 -
 .../lib/bootstrap/mixins/grid-framework.less  |   91 -
 .../less/lib/bootstrap/mixins/grid.less       |  122 -
 .../less/lib/bootstrap/mixins/hide-text.less  |   21 -
 .../less/lib/bootstrap/mixins/image.less      |   33 -
 .../less/lib/bootstrap/mixins/labels.less     |   12 -
 .../less/lib/bootstrap/mixins/list-group.less |   29 -
 .../lib/bootstrap/mixins/nav-divider.less     |   10 -
 .../bootstrap/mixins/nav-vertical-align.less  |    9 -
 .../less/lib/bootstrap/mixins/opacity.less    |    8 -
 .../less/lib/bootstrap/mixins/pagination.less |   23 -
 .../less/lib/bootstrap/mixins/panels.less     |   24 -
 .../lib/bootstrap/mixins/progress-bar.less    |   10 -
 .../lib/bootstrap/mixins/reset-filter.less    |    8 -
 .../less/lib/bootstrap/mixins/resize.less     |    6 -
 .../mixins/responsive-visibility.less         |   15 -
 .../less/lib/bootstrap/mixins/size.less       |   10 -
 .../less/lib/bootstrap/mixins/tab-focus.less  |    9 -
 .../less/lib/bootstrap/mixins/table-row.less  |   28 -
 .../lib/bootstrap/mixins/text-emphasis.less   |    8 -
 .../lib/bootstrap/mixins/text-overflow.less   |    8 -
 .../lib/bootstrap/mixins/vendor-prefixes.less |  227 --
 .../client/less/lib/bootstrap/modals.less     |  146 -
 .../client/less/lib/bootstrap/navbar.less     |  659 ----
 .../client/less/lib/bootstrap/navs.less       |  244 --
 .../client/less/lib/bootstrap/normalize.less  |  427 ---
 .../client/less/lib/bootstrap/pager.less      |   54 -
 .../client/less/lib/bootstrap/pagination.less |   88 -
 .../client/less/lib/bootstrap/panels.less     |  261 --
 .../client/less/lib/bootstrap/popovers.less   |  134 -
 .../client/less/lib/bootstrap/print.less      |  107 -
 .../less/lib/bootstrap/progress-bars.less     |   87 -
 .../lib/bootstrap/responsive-utilities.less   |  194 -
 .../less/lib/bootstrap/scaffolding.less       |  150 -
 .../client/less/lib/bootstrap/tables.less     |  234 --
 .../client/less/lib/bootstrap/theme.less      |  260 --
 .../client/less/lib/bootstrap/thumbnails.less |   36 -
 .../client/less/lib/bootstrap/tooltip.less    |   95 -
 .../client/less/lib/bootstrap/type.less       |  302 --
 .../client/less/lib/bootstrap/utilities.less  |   56 -
 .../client/less/lib/bootstrap/variables.less  |  874 -----
 .../client/less/lib/bootstrap/wells.less      |   29 -
 old-client/client/less/main.less              | 1075 ------
 old-client/client/less/toastr.less            |   16 -
 old-client/client/less/userHome.less          |    7 -
 old-client/client/utils/flash-to-toast.js     |   16 -
 .../client/utils/flash-to-toast.test.js       |   32 -
 .../client/utils/send-page-analytics.js       |    6 -
 225 files changed, 164 insertions(+), 21387 deletions(-)
 delete mode 100644 api-server/common/app/App.jsx
 delete mode 100644 api-server/common/app/Child-Container.jsx
 delete mode 100644 api-server/common/app/Flash/Flash.jsx
 delete mode 100644 api-server/common/app/Flash/flash.less
 delete mode 100644 api-server/common/app/Flash/index.js
 delete mode 100644 api-server/common/app/Flash/ns.json
 delete mode 100644 api-server/common/app/Flash/redux/get-messages-epic.js
 delete mode 100644 api-server/common/app/Flash/redux/index.js
 delete mode 100644 api-server/common/app/Flash/redux/utils.js
 delete mode 100644 api-server/common/app/Map/redux/fetch-map-ui-epic.js
 delete mode 100644 api-server/common/app/Map/redux/index.js
 delete mode 100644 api-server/common/app/Map/redux/utils.js
 delete mode 100644 api-server/common/app/Map/redux/utils.test.js
 delete mode 100644 api-server/common/app/Nav/LargeNav.jsx
 delete mode 100644 api-server/common/app/Nav/MediumNav.jsx
 delete mode 100644 api-server/common/app/Nav/Nav.jsx
 delete mode 100644 api-server/common/app/Nav/SmallNav.jsx
 delete mode 100644 api-server/common/app/Nav/components/Bin-Button.jsx
 delete mode 100644 api-server/common/app/Nav/components/BinButtons.jsx
 delete mode 100644 api-server/common/app/Nav/components/NavLinks.jsx
 delete mode 100644 api-server/common/app/Nav/components/NavLogo.jsx
 delete mode 100644 api-server/common/app/Nav/components/Sign-Up.jsx
 delete mode 100644 api-server/common/app/Nav/components/index.js
 delete mode 100644 api-server/common/app/Nav/index.js
 delete mode 100644 api-server/common/app/Nav/links.json
 delete mode 100644 api-server/common/app/Nav/nav.less
 delete mode 100644 api-server/common/app/Nav/navPropTypes.js
 delete mode 100644 api-server/common/app/Nav/ns.json
 delete mode 100644 api-server/common/app/Nav/redux/index.js
 delete mode 100644 api-server/common/app/NotFound/Not-Found.jsx
 delete mode 100644 api-server/common/app/NotFound/index.js
 delete mode 100644 api-server/common/app/Router/Link.jsx
 delete mode 100644 api-server/common/app/Router/handle-press.js
 delete mode 100644 api-server/common/app/Router/index.js
 delete mode 100644 api-server/common/app/Router/redux/index.js
 delete mode 100644 api-server/common/app/Router/to-url.js
 delete mode 100644 api-server/common/app/Toasts/Toasts.jsx
 delete mode 100644 api-server/common/app/Toasts/index.js
 delete mode 100644 api-server/common/app/Toasts/ns.json
 delete mode 100644 api-server/common/app/Toasts/redux/index.js
 delete mode 100644 api-server/common/app/analytics/index.js
 delete mode 100644 api-server/common/app/app.less
 delete mode 100644 api-server/common/app/create-app.jsx
 delete mode 100644 api-server/common/app/entities/index.js
 delete mode 100644 api-server/common/app/epics.js
 delete mode 100644 api-server/common/app/index.js
 delete mode 100644 api-server/common/app/index.less
 delete mode 100644 api-server/common/app/ns.json
 delete mode 100644 api-server/common/app/provide-store.js
 delete mode 100644 api-server/common/app/reducer.js
 delete mode 100644 api-server/common/app/redux/fetch-user-epic.js
 delete mode 100644 api-server/common/app/redux/index.js
 delete mode 100644 api-server/common/app/redux/night-mode-epic.js
 delete mode 100644 api-server/common/app/redux/utils.js
 delete mode 100644 api-server/common/app/routes-map.js
 delete mode 100644 api-server/common/app/routes/Admin/README.md
 delete mode 100644 api-server/common/app/routes/Profile/Profile.jsx
 delete mode 100644 api-server/common/app/routes/Profile/components/CamperHOC.jsx
 delete mode 100644 api-server/common/app/routes/Profile/components/Certificates.jsx
 delete mode 100644 api-server/common/app/routes/Profile/components/HeatMap.jsx
 delete mode 100644 api-server/common/app/routes/Profile/components/Portfolio.jsx
 delete mode 100644 api-server/common/app/routes/Profile/components/SocialIcons.jsx
 delete mode 100644 api-server/common/app/routes/Profile/components/Timeline.jsx
 delete mode 100644 api-server/common/app/routes/Profile/index.js
 delete mode 100644 api-server/common/app/routes/Profile/ns.json
 delete mode 100644 api-server/common/app/routes/Profile/profile.less
 delete mode 100644 api-server/common/app/routes/Profile/redux/index.js
 delete mode 100644 api-server/common/app/routes/Settings/Settings.jsx
 delete mode 100644 api-server/common/app/routes/Settings/ShowSettings.jsx
 delete mode 100644 api-server/common/app/routes/Settings/Toggle-Button/Toggle-Button.jsx
 delete mode 100644 api-server/common/app/routes/Settings/Toggle-Button/index.js
 delete mode 100644 api-server/common/app/routes/Settings/Toggle-Button/ns.json
 delete mode 100644 api-server/common/app/routes/Settings/Toggle-Button/toggle.less
 delete mode 100644 api-server/common/app/routes/Settings/components/About-Settings.jsx
 delete mode 100644 api-server/common/app/routes/Settings/components/Camper.jsx
 delete mode 100644 api-server/common/app/routes/Settings/components/Cert-Settings.jsx
 delete mode 100644 api-server/common/app/routes/Settings/components/DangerZone.jsx
 delete mode 100644 api-server/common/app/routes/Settings/components/DeleteModal.jsx
 delete mode 100644 api-server/common/app/routes/Settings/components/Email-Settings.jsx
 delete mode 100644 api-server/common/app/routes/Settings/components/EmailForm.jsx
 delete mode 100644 api-server/common/app/routes/Settings/components/Honesty.jsx
 delete mode 100644 api-server/common/app/routes/Settings/components/Internet-Settings.jsx
 delete mode 100644 api-server/common/app/routes/Settings/components/JSAlgoAndDSForm.jsx
 delete mode 100644 api-server/common/app/routes/Settings/components/Portfolio-Settings.jsx
 delete mode 100644 api-server/common/app/routes/Settings/components/Privacy-Settings.jsx
 delete mode 100644 api-server/common/app/routes/Settings/components/ResetModal.jsx
 delete mode 100644 api-server/common/app/routes/Settings/components/SectionHeader.jsx
 delete mode 100644 api-server/common/app/routes/Settings/components/SolutionViewer.jsx
 delete mode 100644 api-server/common/app/routes/Settings/components/ThemeSettings.jsx
 delete mode 100644 api-server/common/app/routes/Settings/components/ToggleSetting.jsx
 delete mode 100644 api-server/common/app/routes/Settings/components/UsernameSettings.jsx
 delete mode 100644 api-server/common/app/routes/Settings/formHelpers/BlockSaveButton.jsx
 delete mode 100644 api-server/common/app/routes/Settings/formHelpers/BlockSaveWrapper.jsx
 delete mode 100644 api-server/common/app/routes/Settings/formHelpers/Form.jsx
 delete mode 100644 api-server/common/app/routes/Settings/formHelpers/FormFields.jsx
 delete mode 100644 api-server/common/app/routes/Settings/formHelpers/index.js
 delete mode 100644 api-server/common/app/routes/Settings/index.js
 delete mode 100644 api-server/common/app/routes/Settings/index.less
 delete mode 100644 api-server/common/app/routes/Settings/ns.json
 delete mode 100644 api-server/common/app/routes/Settings/redux/certificate-epic.js
 delete mode 100644 api-server/common/app/routes/Settings/redux/danger-zone-epic.js
 delete mode 100644 api-server/common/app/routes/Settings/redux/index.js
 delete mode 100644 api-server/common/app/routes/Settings/redux/new-username-epic.js
 delete mode 100644 api-server/common/app/routes/Settings/redux/update-user-epic.js
 delete mode 100644 api-server/common/app/routes/Settings/routes/update-email/Update-Email.jsx
 delete mode 100644 api-server/common/app/routes/Settings/routes/update-email/index.js
 delete mode 100644 api-server/common/app/routes/Settings/settings.less
 delete mode 100644 api-server/common/app/routes/Settings/utils/buildUserProjectsMap.js
 delete mode 100644 api-server/common/app/routes/index.js
 delete mode 100644 api-server/common/app/routes/index.less
 delete mode 100644 api-server/common/app/routes/redux.js
 delete mode 100644 api-server/common/app/utils/No-Props-Passthrough.jsx
 delete mode 100644 api-server/common/app/utils/blockNameify.js
 delete mode 100644 api-server/common/app/utils/challengeTypes.js
 delete mode 100644 api-server/common/app/utils/create-types.js
 delete mode 100644 api-server/common/app/utils/form.js
 delete mode 100644 api-server/common/app/utils/shallow-equals.js
 rename api-server/common/{app => }/utils/empty-protector.js (100%)
 create mode 100644 api-server/development-entry.js
 rename api-server/{common/app => server}/utils/cast-to-observable.js (100%)
 create mode 100644 develop-client-server.js
 delete mode 100644 development-server.js
 delete mode 100644 old-client/client/README.md
 delete mode 100644 old-client/client/epics/README.md
 delete mode 100644 old-client/client/epics/analytics-epic.js
 delete mode 100644 old-client/client/epics/err-epic.js
 delete mode 100644 old-client/client/epics/hard-go-to-epic.js
 delete mode 100644 old-client/client/epics/index.js
 delete mode 100644 old-client/client/epics/mouse-trap-epic.js
 delete mode 100644 old-client/client/epics/title-epic.js
 delete mode 100644 old-client/client/index.js
 delete mode 100644 old-client/client/less/flexgrid.less
 delete mode 100644 old-client/client/less/lib/animate.less
 delete mode 100755 old-client/client/less/lib/bootstrap-social/bootstrap-social.less
 delete mode 100755 old-client/client/less/lib/bootstrap/alerts.less
 delete mode 100755 old-client/client/less/lib/bootstrap/badges.less
 delete mode 100755 old-client/client/less/lib/bootstrap/bootstrap.less
 delete mode 100755 old-client/client/less/lib/bootstrap/breadcrumbs.less
 delete mode 100755 old-client/client/less/lib/bootstrap/button-groups.less
 delete mode 100755 old-client/client/less/lib/bootstrap/buttons.less
 delete mode 100755 old-client/client/less/lib/bootstrap/carousel.less
 delete mode 100755 old-client/client/less/lib/bootstrap/close.less
 delete mode 100755 old-client/client/less/lib/bootstrap/code.less
 delete mode 100755 old-client/client/less/lib/bootstrap/component-animations.less
 delete mode 100755 old-client/client/less/lib/bootstrap/dropdowns.less
 delete mode 100755 old-client/client/less/lib/bootstrap/forms.less
 delete mode 100755 old-client/client/less/lib/bootstrap/glyphicons.less
 delete mode 100755 old-client/client/less/lib/bootstrap/grid.less
 delete mode 100755 old-client/client/less/lib/bootstrap/input-groups.less
 delete mode 100755 old-client/client/less/lib/bootstrap/jumbotron.less
 delete mode 100755 old-client/client/less/lib/bootstrap/labels.less
 delete mode 100755 old-client/client/less/lib/bootstrap/list-group.less
 delete mode 100755 old-client/client/less/lib/bootstrap/media.less
 delete mode 100755 old-client/client/less/lib/bootstrap/mixins.less
 delete mode 100755 old-client/client/less/lib/bootstrap/mixins/alerts.less
 delete mode 100755 old-client/client/less/lib/bootstrap/mixins/background-variant.less
 delete mode 100755 old-client/client/less/lib/bootstrap/mixins/border-radius.less
 delete mode 100755 old-client/client/less/lib/bootstrap/mixins/buttons.less
 delete mode 100755 old-client/client/less/lib/bootstrap/mixins/center-block.less
 delete mode 100755 old-client/client/less/lib/bootstrap/mixins/clearfix.less
 delete mode 100755 old-client/client/less/lib/bootstrap/mixins/forms.less
 delete mode 100755 old-client/client/less/lib/bootstrap/mixins/gradients.less
 delete mode 100755 old-client/client/less/lib/bootstrap/mixins/grid-framework.less
 delete mode 100755 old-client/client/less/lib/bootstrap/mixins/grid.less
 delete mode 100755 old-client/client/less/lib/bootstrap/mixins/hide-text.less
 delete mode 100755 old-client/client/less/lib/bootstrap/mixins/image.less
 delete mode 100755 old-client/client/less/lib/bootstrap/mixins/labels.less
 delete mode 100755 old-client/client/less/lib/bootstrap/mixins/list-group.less
 delete mode 100755 old-client/client/less/lib/bootstrap/mixins/nav-divider.less
 delete mode 100755 old-client/client/less/lib/bootstrap/mixins/nav-vertical-align.less
 delete mode 100755 old-client/client/less/lib/bootstrap/mixins/opacity.less
 delete mode 100755 old-client/client/less/lib/bootstrap/mixins/pagination.less
 delete mode 100755 old-client/client/less/lib/bootstrap/mixins/panels.less
 delete mode 100755 old-client/client/less/lib/bootstrap/mixins/progress-bar.less
 delete mode 100755 old-client/client/less/lib/bootstrap/mixins/reset-filter.less
 delete mode 100755 old-client/client/less/lib/bootstrap/mixins/resize.less
 delete mode 100755 old-client/client/less/lib/bootstrap/mixins/responsive-visibility.less
 delete mode 100755 old-client/client/less/lib/bootstrap/mixins/size.less
 delete mode 100755 old-client/client/less/lib/bootstrap/mixins/tab-focus.less
 delete mode 100755 old-client/client/less/lib/bootstrap/mixins/table-row.less
 delete mode 100755 old-client/client/less/lib/bootstrap/mixins/text-emphasis.less
 delete mode 100755 old-client/client/less/lib/bootstrap/mixins/text-overflow.less
 delete mode 100755 old-client/client/less/lib/bootstrap/mixins/vendor-prefixes.less
 delete mode 100755 old-client/client/less/lib/bootstrap/modals.less
 delete mode 100755 old-client/client/less/lib/bootstrap/navbar.less
 delete mode 100755 old-client/client/less/lib/bootstrap/navs.less
 delete mode 100755 old-client/client/less/lib/bootstrap/normalize.less
 delete mode 100755 old-client/client/less/lib/bootstrap/pager.less
 delete mode 100755 old-client/client/less/lib/bootstrap/pagination.less
 delete mode 100755 old-client/client/less/lib/bootstrap/panels.less
 delete mode 100755 old-client/client/less/lib/bootstrap/popovers.less
 delete mode 100755 old-client/client/less/lib/bootstrap/print.less
 delete mode 100755 old-client/client/less/lib/bootstrap/progress-bars.less
 delete mode 100755 old-client/client/less/lib/bootstrap/responsive-utilities.less
 delete mode 100755 old-client/client/less/lib/bootstrap/scaffolding.less
 delete mode 100755 old-client/client/less/lib/bootstrap/tables.less
 delete mode 100755 old-client/client/less/lib/bootstrap/theme.less
 delete mode 100755 old-client/client/less/lib/bootstrap/thumbnails.less
 delete mode 100755 old-client/client/less/lib/bootstrap/tooltip.less
 delete mode 100755 old-client/client/less/lib/bootstrap/type.less
 delete mode 100755 old-client/client/less/lib/bootstrap/utilities.less
 delete mode 100755 old-client/client/less/lib/bootstrap/variables.less
 delete mode 100755 old-client/client/less/lib/bootstrap/wells.less
 delete mode 100644 old-client/client/less/main.less
 delete mode 100644 old-client/client/less/toastr.less
 delete mode 100644 old-client/client/less/userHome.less
 delete mode 100644 old-client/client/utils/flash-to-toast.js
 delete mode 100644 old-client/client/utils/flash-to-toast.test.js
 delete mode 100644 old-client/client/utils/send-page-analytics.js

diff --git a/.gitignore b/.gitignore
index c6f492a0fd..6c147de76b 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,5 +1,7 @@
 node_modules
 
+.env
+
 *lib-cov
 *~
 *.seed
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index 12f5673aa5..1219610aab 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -310,13 +310,13 @@ mongod
 npm run only-once
 
 # Start the application without a backend server
-npm run develop
+cd ./client && npm run develop
 
 # If you require the backend server to be operational (persisted user interations/api calls)
 # Use this command instead
 # Note: This command requires that you have a correctly seeded mongodb instance running
 # Note: If you are runnoing the backend server inside a docker container, use the command above
-npm run develop-server
+node develop-client-server.js
 
 ```
 
diff --git a/api-server/.babelrc.js b/api-server/.babelrc.js
index d5b359996f..558ac8759b 100644
--- a/api-server/.babelrc.js
+++ b/api-server/.babelrc.js
@@ -1,12 +1,17 @@
 module.exports = {
-  plugins: [require.resolve('babel-plugin-transform-function-bind')],
+  plugins: [
+    require.resolve('babel-plugin-transform-function-bind'),
+    require.resolve('@babel/plugin-proposal-class-properties'),
+    require.resolve('@babel/plugin-proposal-object-rest-spread')
+  ],
   presets: [
     [
-      require.resolve('@babel/preset-env'), {
+      require.resolve('@babel/preset-env'),
+      {
         targets: {
-          node: 'current'
-        }
-      }
-    ]
-  ]
-}
\ No newline at end of file
+          node: '8',
+        },
+      },
+    ],
+  ],
+}
diff --git a/api-server/.gitignore b/api-server/.gitignore
index 9ea7742cbf..1b0e0e8be7 100644
--- a/api-server/.gitignore
+++ b/api-server/.gitignore
@@ -22,6 +22,7 @@ tmp
 
 npm-debug.log
 node_modules
+compiled
 .idea
 *.iml
 .DS_Store
diff --git a/api-server/common/app/App.jsx b/api-server/common/app/App.jsx
deleted file mode 100644
index 7d32cdc6e6..0000000000
--- a/api-server/common/app/App.jsx
+++ /dev/null
@@ -1,86 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { connect } from 'react-redux';
-
-import ns from './ns.json';
-import {
-  appMounted,
-  fetchUser,
-
-  isSignedInSelector
-} from './redux';
-
-import { fetchMapUi } from './Map/redux';
-
-import Flash from './Flash';
-import Nav from './Nav';
-import Toasts from './Toasts';
-import NotFound from './NotFound';
-import { mainRouteSelector } from './routes/redux';
-import Profile from './routes/Profile';
-import Settings from './routes/Settings';
-
-const mapDispatchToProps = {
-  appMounted,
-  fetchMapUi,
-  fetchUser
-};
-
-const mapStateToProps = state => {
-  const isSignedIn = isSignedInSelector(state);
-  const route = mainRouteSelector(state);
-  return {
-    toast: state.app.toast,
-    isSignedIn,
-    route
-  };
-};
-
-const propTypes = {
-  appMounted: PropTypes.func.isRequired,
-  children: PropTypes.node,
-  fetchMapUi: PropTypes.func.isRequired,
-  fetchUser: PropTypes.func,
-  isSignedIn: PropTypes.bool,
-  route: PropTypes.string,
-  toast: PropTypes.object
-};
-
-const routes = {
-  profile: Profile,
-  settings: Settings
-};
-
-// export plain class for testing
-export class FreeCodeCamp extends React.Component {
-  componentDidMount() {
-    this.props.appMounted();
-    this.props.fetchMapUi();
-    if (!this.props.isSignedIn) {
-      this.props.fetchUser();
-    }
-  }
-
-  render() {
-    const {
-      route
-    } = this.props;
-    const Child = routes[route] || NotFound;
-    return (
-      <div className={ `${ns}-container` }>
-        <Flash />
-        <Nav />
-        <Child />
-        <Toasts />
-      </div>
-    );
-  }
-}
-
-FreeCodeCamp.displayName = 'freeCodeCamp';
-FreeCodeCamp.propTypes = propTypes;
-
-export default connect(
-  mapStateToProps,
-  mapDispatchToProps
-)(FreeCodeCamp);
diff --git a/api-server/common/app/Child-Container.jsx b/api-server/common/app/Child-Container.jsx
deleted file mode 100644
index 068b8170d1..0000000000
--- a/api-server/common/app/Child-Container.jsx
+++ /dev/null
@@ -1,25 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import classnames from 'classnames';
-
-import ns from './ns.json';
-
-const propTypes = {
-  children: PropTypes.node,
-  isFullWidth: PropTypes.bool
-};
-
-export default function ChildContainer({ children, isFullWidth }) {
-  const contentClassname = classnames({
-    [`${ns}-content`]: true,
-    [`${ns}-centered`]: !isFullWidth
-  });
-  return (
-    <div className={ contentClassname }>
-      { children }
-    </div>
-  );
-}
-
-ChildContainer.displayName = 'ChildContainer';
-ChildContainer.propTypes = propTypes;
diff --git a/api-server/common/app/Flash/Flash.jsx b/api-server/common/app/Flash/Flash.jsx
deleted file mode 100644
index 0e9f4b5ae0..0000000000
--- a/api-server/common/app/Flash/Flash.jsx
+++ /dev/null
@@ -1,43 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { CloseButton } from 'react-bootstrap';
-import { connect } from 'react-redux';
-
-import ns from './ns.json';
-import { alertTypes } from '../../utils/flash.js';
-import {
-  latestMessageSelector,
-  clickOnClose
-} from './redux';
-
-const propTypes = {
-  clickOnClose: PropTypes.func.isRequired,
-  message: PropTypes.string,
-  type: PropTypes.oneOf(Object.keys(alertTypes))
-};
-const mapStateToProps = latestMessageSelector;
-const mapDispatchToProps = { clickOnClose };
-
-export function Flash({ type, clickOnClose, message }) {
-  if (!message) {
-    return null;
-  }
-  return (
-    <div className={`${ns}-container bg-${type}`}>
-      <div className={`${ns}-content`}>
-        <p className={ `${ns}-message` }>
-          { message }
-        </p>
-        <CloseButton onClick={ clickOnClose }/>
-      </div>
-    </div>
-  );
-}
-
-Flash.displayName = 'Flash';
-Flash.propTypes = propTypes;
-
-export default connect(
-  mapStateToProps,
-  mapDispatchToProps
-)(Flash);
diff --git a/api-server/common/app/Flash/flash.less b/api-server/common/app/Flash/flash.less
deleted file mode 100644
index edf583f1d4..0000000000
--- a/api-server/common/app/Flash/flash.less
+++ /dev/null
@@ -1,20 +0,0 @@
-@ns: flash;
-
-.@{ns}-container {
-  width: 100%;
-}
-
-.@{ns}-content {
-  .center(@value: @container-lg, @padding: @grid-gutter-width);
-  .row(@justify: around);
-}
-
-.@{ns}-message {
-  flex: 1 0 0px;
-  color: #37474f;
-}
-
-#@{ns}-board {
-  margin-top: 50px;
-}
-
diff --git a/api-server/common/app/Flash/index.js b/api-server/common/app/Flash/index.js
deleted file mode 100644
index 5ad9a0c573..0000000000
--- a/api-server/common/app/Flash/index.js
+++ /dev/null
@@ -1 +0,0 @@
-export { default } from './Flash.jsx';
diff --git a/api-server/common/app/Flash/ns.json b/api-server/common/app/Flash/ns.json
deleted file mode 100644
index 27f9bb8bd4..0000000000
--- a/api-server/common/app/Flash/ns.json
+++ /dev/null
@@ -1 +0,0 @@
-"flash"
diff --git a/api-server/common/app/Flash/redux/get-messages-epic.js b/api-server/common/app/Flash/redux/get-messages-epic.js
deleted file mode 100644
index 9e468a8abc..0000000000
--- a/api-server/common/app/Flash/redux/get-messages-epic.js
+++ /dev/null
@@ -1,17 +0,0 @@
-import { Observable } from 'rx';
-import { ofType } from 'redux-epic';
-
-import {
-  fetchMessagesComplete,
-  fetchMessagesError
-} from './';
-import { types as app } from '../../redux';
-import { getJSON$ } from '../../../utils/ajax-stream.js';
-
-export default function getMessagesEpic(actions) {
-  return actions::ofType(app.appMounted)
-    .flatMap(() => getJSON$('/api/users/get-messages')
-      .map(fetchMessagesComplete)
-      .catch(err => Observable.of(fetchMessagesError(err)))
-    );
-}
diff --git a/api-server/common/app/Flash/redux/index.js b/api-server/common/app/Flash/redux/index.js
deleted file mode 100644
index cd217b8c1e..0000000000
--- a/api-server/common/app/Flash/redux/index.js
+++ /dev/null
@@ -1,58 +0,0 @@
-import _ from 'lodash/fp';
-import {
-  createTypes,
-  createAction,
-  createAsyncTypes,
-  composeReducers,
-  handleActions
-} from 'berkeleys-redux-utils';
-
-import * as utils from './utils.js';
-import getMessagesEpic from './get-messages-epic.js';
-import ns from '../ns.json';
-
-// export all the utils
-export { utils };
-export const epics = [getMessagesEpic];
-export const types = createTypes([
-  'clickOnClose',
-  createAsyncTypes('fetchMessages')
-], ns);
-
-export const clickOnClose = createAction(types.clickOnClose, _.noop);
-export const fetchMessagesComplete = createAction(types.fetchMessages.complete);
-export const fetchMessagesError = createAction(types.fetchMessages.error);
-
-const defaultState = [];
-
-const getNS = _.property(ns);
-
-export const latestMessageSelector = _.flow(
-  getNS,
-  _.head,
-  _.defaultTo({})
-);
-
-export default composeReducers(
-  ns,
-  handleActions(
-    () => ({
-      [types.clickOnClose]: _.tail,
-      [types.fetchMessages.complete]: (state, { payload }) => [
-        ...state,
-        ...utils.expressToStack(payload)
-      ]
-    }),
-    defaultState,
-  ),
-  function metaReducer(state = defaultState, action) {
-    if (utils.isFlashAction(action)) {
-      const { payload } = utils.getFlashAction(action);
-      return [
-        ...state,
-        ...payload
-      ];
-    }
-    return state;
-  }
-);
diff --git a/api-server/common/app/Flash/redux/utils.js b/api-server/common/app/Flash/redux/utils.js
deleted file mode 100644
index 2ebbfb9332..0000000000
--- a/api-server/common/app/Flash/redux/utils.js
+++ /dev/null
@@ -1,43 +0,0 @@
-import _ from 'lodash/fp';
-import { alertTypes, normalizeAlertType } from '../../../utils/flash.js';
-
-// interface ExpressFlash {
-//   [alertType]: [String...]
-// }
-// interface StackFlash {
-//   type: AlertType,
-//   message: String
-// }
-export const expressToStack = _.flow(
-  _.toPairs,
-  _.flatMap(([ type, messages ]) => messages.map(msg => ({
-    message: msg,
-    type: normalizeAlertType(type)
-  })))
-);
-
-export const isExpressFlash = _.flow(
-  _.keys,
-  _.every(type => alertTypes[type])
-);
-
-export const getFlashAction = _.flow(
-  _.property('meta'),
-  _.property('flash')
-);
-
-// FlashMessage
-// createFlashMetaAction(payload: ExpressFlash|StackFlash
-export const createFlashMetaAction = payload => {
-  if (isExpressFlash(payload)) {
-    payload = expressToStack(payload);
-  } else {
-    payload = [payload];
-  }
-  return { flash: { payload } };
-};
-
-export const isFlashAction = _.flow(
-  getFlashAction,
-  Boolean
-);
diff --git a/api-server/common/app/Map/redux/fetch-map-ui-epic.js b/api-server/common/app/Map/redux/fetch-map-ui-epic.js
deleted file mode 100644
index f0cf90eec7..0000000000
--- a/api-server/common/app/Map/redux/fetch-map-ui-epic.js
+++ /dev/null
@@ -1,38 +0,0 @@
-import { ofType } from 'redux-epic';
-import debug from 'debug';
-
-import {
-  types as appTypes,
-  createErrorObservable
-} from '../../redux';
-import { types, fetchMapUiComplete } from './';
-import { shapeChallenges } from '../../redux/utils';
-
-const isDev = debug.enabled('fcc:*');
-
-export default function fetchMapUiEpic(
-  actions,
-  _,
-  { services }
-) {
-  return actions::ofType(
-    appTypes.appMounted,
-    types.fetchMapUi.start
-  )
-    .flatMapLatest(() => {
-      const options = {
-        service: 'map-ui'
-      };
-      return services.readService$(options)
-        .retry(3)
-        .map(({ entities, ...res }) => ({
-          entities: shapeChallenges(
-            entities,
-            isDev
-          ),
-          ...res
-        }))
-        .map(fetchMapUiComplete)
-        .catch(createErrorObservable);
-    });
-  }
diff --git a/api-server/common/app/Map/redux/index.js b/api-server/common/app/Map/redux/index.js
deleted file mode 100644
index 8fdc57c0a7..0000000000
--- a/api-server/common/app/Map/redux/index.js
+++ /dev/null
@@ -1,121 +0,0 @@
-import {
-  createAction,
-  createAsyncTypes,
-  createTypes,
-  handleActions
-} from 'berkeleys-redux-utils';
-import { createSelector } from 'reselect';
-import { capitalize, noop } from 'lodash';
-
-import * as utils from './utils.js';
-import {
-  createEventMetaCreator
-} from '../../redux';
-
-import fetchMapUiEpic from './fetch-map-ui-epic';
-
-const ns = 'map';
-
-export const epics = [ fetchMapUiEpic ];
-
-export const types = createTypes([
-  'onRouteMap',
-  'initMap',
-  createAsyncTypes('fetchMapUi'),
-  'toggleThisPanel',
-
-  'isAllCollapsed',
-  'collapseAll',
-  'expandAll',
-
-  'clickOnChallenge'
-], ns);
-
-export const initMap = createAction(types.initMap);
-
-export const fetchMapUi = createAction(types.fetchMapUi.start);
-export const fetchMapUiComplete = createAction(types.fetchMapUi.complete);
-
-export const toggleThisPanel = createAction(types.toggleThisPanel);
-export const collapseAll = createAction(types.collapseAll);
-
-export const expandAll = createAction(types.expandAll);
-export const clickOnChallenge = createAction(
-  types.clickOnChallenge,
-  noop,
-  createEventMetaCreator({
-    category: capitalize(ns),
-    action: 'click',
-    label: types.clickOnChallenge
-  })
-);
-
-const initialState = {
-  mapUi: { isAllCollapsed: false },
-  superBlocks: []
-};
-
-export const getNS = state => state[ns];
-export const allColapsedSelector = state => state[ns].isAllCollapsed;
-export const mapSelector = state => getNS(state).mapUi;
-export function makePanelOpenSelector(name) {
-  return createSelector(
-    mapSelector,
-    mapUi => {
-      const node = utils.getNode(mapUi, name);
-      return node ? node.isOpen : false;
-    }
-  );
-}
-
-// interface Map{
-//   children: [...{
-//     name: (superBlock: String),
-//     isOpen: Boolean,
-//     children: [...{
-//       name: (blockName: String),
-//       isOpen: Boolean,
-//       children: [...{
-//         name: (challengeName: String),
-//       }]
-//     }]
-//   }
-// }
-export default handleActions(
-  ()=> ({
-    [types.toggleThisPanel]: (state, { payload: name }) => {
-      return {
-        ...state,
-        mapUi: utils.toggleThisPanel(state.mapUi, name)
-      };
-    },
-    [types.collapseAll]: state => {
-      const mapUi = utils.collapseAllPanels(state.mapUi);
-      mapUi.isAllCollapsed = true;
-      return {
-        ...state,
-        mapUi
-      };
-    },
-    [types.expandAll]: state => {
-      const mapUi = utils.expandAllPanels(state.mapUi);
-      mapUi.isAllCollapsed = false;
-      return {
-        ...state,
-        mapUi
-      };
-    },
-    [types.fetchMapUi.complete]: (state, { payload }) => {
-      const { entities, result, initialNode } = payload;
-      const mapUi = utils.createMapUi(entities, result);
-      return {
-        ...state,
-        ...result,
-        mapUi: utils.openPath(mapUi, initialNode)
-      };
-    }
-  }),
-  initialState,
-  ns
-);
-
diff --git a/api-server/common/app/Map/redux/utils.js b/api-server/common/app/Map/redux/utils.js
deleted file mode 100644
index eda0044eea..0000000000
--- a/api-server/common/app/Map/redux/utils.js
+++ /dev/null
@@ -1,231 +0,0 @@
-import protect from '../../utils/empty-protector';
-
-const throwIfUndefined = () => {
-  throw new Error('Challenge does not have a title');
-};
-
-export function createSearchTitle(
-  name = throwIfUndefined(),
-  challengeMap = {}
-) {
-  return challengeMap[name] || name;
-}
-// interface Node {
-//   isHidden: Boolean,
-//   children: Void|[ ...Node ],
-//   isOpen?: Boolean
-// }
-//
-// interface MapUi
-// {
-//   children: [...{
-//     name: (superBlock: String),
-//     isOpen: Boolean,
-//     isHidden: Boolean,
-//     children: [...{
-//       name: (blockName: String),
-//       isOpen: Boolean,
-//       isHidden: Boolean,
-//       children: [...{
-//         name: (challengeName: String),
-//         isHidden: Boolean
-//       }]
-//     }]
-//   }]
-// }
-export function createMapUi(
-  {
-    block: blockMap,
-    challenge: challengeMap,
-    superBlock: superBlockMap
-  } = {},
-  { superBlocks } = {}
-) {
-  if (!superBlocks || !superBlockMap || !blockMap) {
-    return {};
-  }
-  return {
-    children: superBlocks.map(superBlock => {
-      return {
-        name: superBlock,
-        isOpen: false,
-        isHidden: false,
-        children: protect(superBlockMap[superBlock]).blocks.map(block => {
-          return {
-            name: block,
-            isOpen: false,
-            isHidden: false,
-            children: protect(blockMap[block]).challenges.map(challenge => {
-              return {
-                name: challenge,
-                title: createSearchTitle(challenge, challengeMap),
-                isHidden: false,
-                children: null
-              };
-            })
-          };
-        })
-      };
-    })
-  };
-}
-
-// synchronise
-// traverseMapUi(
-//   tree: MapUi|Node,
-//   update: ((MapUi|Node) => MapUi|Node)
-// ) => MapUi|Node
-export function traverseMapUi(tree, update) {
-  let childrenChanged;
-  if (!Array.isArray(tree.children)) {
-    return update(tree);
-  }
-  const newChildren = tree.children.map(node => {
-    const newNode = traverseMapUi(node, update);
-    if (!childrenChanged && newNode !== node) {
-      childrenChanged = true;
-    }
-    return newNode;
-  });
-  if (childrenChanged) {
-    tree = {
-      ...tree,
-      children: newChildren
-    };
-  }
-  return update(tree);
-}
-
-// synchronise
-// getNode(tree: MapUi, name: String) => MapUi
-export function getNode(tree, name) {
-  let node;
-  traverseMapUi(tree, thisNode => {
-    if (thisNode.name === name) {
-      node = thisNode;
-    }
-    return thisNode;
-  });
-  return node;
-}
-
-// synchronise
-// updateSingelNode(
-//   tree: MapUi,
-//   name: String,
-//   update(MapUi|Node) => MapUi|Node
-// ) => MapUi
-export function updateSingleNode(tree, name, update) {
-  return traverseMapUi(tree, node => {
-    if (name !== node.name) {
-      return node;
-    }
-    return update(node);
-  });
-}
-
-// synchronise
-// toggleThisPanel(tree: MapUi, name: String) => MapUi
-export function toggleThisPanel(tree, name) {
-  return updateSingleNode(tree, name, node => {
-    return {
-      ...node,
-      isOpen: !node.isOpen
-    };
-  });
-}
-
-// toggleAllPanels(tree: MapUi, isOpen: Boolean = false ) => MapUi
-export function toggleAllPanels(tree, isOpen = false) {
-  return traverseMapUi(tree, node => {
-    if (!Array.isArray(node.children) || node.isOpen === isOpen) {
-      return node;
-    }
-    return {
-      ...node,
-      isOpen
-    };
-  });
-}
-
-// collapseAllPanels(tree: MapUi) => MapUi
-export function collapseAllPanels(tree) {
-  return toggleAllPanels(tree);
-}
-
-// expandAllPanels(tree: MapUi) => MapUi
-export function expandAllPanels(tree) {
-  return toggleAllPanels(tree, true);
-}
-
-// synchronise
-// updatePath(
-//   tree: MapUi,
-//   name: String,
-//   update(MapUi|Node) => MapUi|Node
-// ) => MapUi
-export function updatePath(tree, name, pathUpdater) {
-  const path = [];
-  let pathFound = false;
-
-  const isInPath = node => !!path.find(name => name === node.name);
-
-  const traverseMap = (tree, update) => {
-    if (pathFound) {
-      return isInPath(tree) ? update(tree) : tree;
-    }
-
-    if (tree.name === name) {
-      pathFound = true;
-      return update(tree);
-    }
-
-    let childrenChanged;
-
-    if (!Array.isArray(tree.children)) {
-      return tree;
-    }
-
-    if (tree.name) {
-      path.push(tree.name);
-    }
-
-    const newChildren = tree.children.map(node => {
-      const newNode = traverseMap(node, update);
-      if (!childrenChanged && newNode !== node) {
-        childrenChanged = true;
-      }
-      return newNode;
-    });
-    if (childrenChanged) {
-      tree = {
-        ...tree,
-        children: newChildren
-      };
-    }
-
-    if (pathFound && isInPath(tree)) {
-      return update(tree);
-    }
-
-    path.pop();
-    return tree;
-  };
-
-
-  return traverseMap(tree, pathUpdater);
-}
-
-// synchronise
-// openPath(tree: MapUi, name: String) => MapUi
-export function openPath(tree, name) {
-  return updatePath(tree, name, node => {
-    if (!Array.isArray(node.children)) {
-      return node;
-    }
-
-    return { ...node, isOpen: true };
-  });
-}
-
-
diff --git a/api-server/common/app/Map/redux/utils.test.js b/api-server/common/app/Map/redux/utils.test.js
deleted file mode 100644
index ffb448dd8d..0000000000
--- a/api-server/common/app/Map/redux/utils.test.js
+++ /dev/null
@@ -1,319 +0,0 @@
-import test from 'tape';
-import sinon from 'sinon';
-
-import {
-  getNode,
-  createMapUi,
-  traverseMapUi,
-  updateSingleNode,
-  toggleThisPanel,
-  expandAllPanels,
-  collapseAllPanels,
-  updatePath,
-  openPath
-} from './utils.js';
-
-test('createMapUi', t => {
-  t.plan(3);
-  t.test('should return an `{}` when proper args not supplied', t => {
-    t.plan(3);
-    t.equal(
-      Object.keys(createMapUi()).length,
-      0
-    );
-    t.equal(
-      Object.keys(createMapUi({}, [])).length,
-      0
-    );
-    t.equal(
-      Object.keys(createMapUi({ superBlock: {} }, [])).length,
-      0
-    );
-  });
-  t.test('should return a map tree', t => {
-    const expected = {
-      children: [{
-        name: 'superBlockA',
-        children: [{
-          name: 'blockA',
-          children: [{
-            name: 'challengeA'
-          }]
-        }]
-      }]
-    };
-    const actual = createMapUi({
-      superBlock: {
-        superBlockA: {
-          blocks: [
-            'blockA'
-          ]
-        }
-      },
-      block: {
-        blockA: {
-          challenges: [
-            'challengeA'
-          ]
-        }
-      }
-    },
-    { superBlocks: ['superBlockA'] },
-    { challengeA: 'ChallengeA title'}
-  );
-    t.plan(3);
-    t.equal(actual.children[0].name, expected.children[0].name);
-    t.equal(
-      actual.children[0].children[0].name,
-      expected.children[0].children[0].name
-    );
-    t.equal(
-      actual.children[0].children[0].children[0].name,
-      expected.children[0].children[0].children[0].name
-    );
-  });
-  t.test('should protect against malformed data', t => {
-    t.plan(2);
-    t.equal(
-      createMapUi({
-        superBlock: {},
-        block: {
-          blockA: {
-            challenges: [
-              'challengeA'
-            ]
-          }
-        }
-      }, { superBlocks: ['superBlockA'] }).children[0].children.length,
-      0
-    );
-    t.equal(
-      createMapUi({
-        superBlock: {
-          superBlockA: {
-            blocks: [
-              'blockA'
-            ]
-          }
-        },
-        block: {}
-      },
-      { superBlocks: ['superBlockA'] }).children[0].children[0].children.length,
-      0
-    );
-  });
-});
-test('traverseMapUi', t => {
-  t.test('should return tree', t => {
-    t.plan(2);
-    const expectedTree = {};
-    const actaulTree = traverseMapUi(expectedTree, tree => {
-      t.equal(tree, expectedTree);
-      return tree;
-    });
-    t.equal(actaulTree, expectedTree);
-  });
-  t.test('should hit every node', t => {
-    t.plan(4);
-    const expected = { children: [{ children: [{}] }] };
-    const spy = sinon.spy(t => t);
-    spy.withArgs(expected);
-    spy.withArgs(expected.children[0]);
-    spy.withArgs(expected.children[0].children[0]);
-    traverseMapUi(expected, spy);
-    t.equal(spy.callCount, 3);
-    t.ok(spy.withArgs(expected).calledOnce, 'foo');
-    t.ok(spy.withArgs(expected.children[0]).calledOnce, 'bar');
-    t.ok(spy.withArgs(expected.children[0].children[0]).calledOnce, 'baz');
-  });
-  t.test('should create new object when children change', t => {
-    t.plan(9);
-    const expected = { children: [{ bar: true }, {}] };
-    const actual = traverseMapUi(expected, node => ({ ...node, foo: true }));
-    t.notEqual(actual, expected);
-    t.notEqual(actual.children, expected.children);
-    t.notEqual(actual.children[0], expected.children[0]);
-    t.notEqual(actual.children[1], expected.children[1]);
-    t.equal(actual.children[0].bar, expected.children[0].bar);
-    t.notOk(expected.children[0].foo);
-    t.notOk(expected.children[1].foo);
-    t.true(actual.children[0].foo);
-    t.true(actual.children[1].foo);
-  });
-});
-test('getNode', t => {
-  t.test('should return node', t => {
-    t.plan(1);
-    const expected = { name: 'foo' };
-    const tree = { children: [{ name: 'notfoo' }, expected ] };
-    const actual = getNode(tree, 'foo');
-    t.equal(expected, actual);
-  });
-  t.test('should returned undefined if not found', t => {
-    t.plan(1);
-    const tree = {
-      children: [ { name: 'foo' }, { children: [ { name: 'bar' } ] } ]
-    };
-    const actual = getNode(tree, 'baz');
-    t.notOk(actual);
-  });
-});
-test('updateSingleNode', t => {
-  t.test('should update single node', t => {
-    const expected = { name: 'foo' };
-    const untouched = { name: 'notFoo' };
-    const actual = updateSingleNode(
-      { children: [ untouched, expected ] },
-      'foo',
-      node => ({ ...node, tag: true })
-    );
-    t.plan(4);
-    t.ok(actual.children[1].tag);
-    t.equal(actual.children[1].name, expected.name);
-    t.notEqual(actual.children[1], expected);
-    t.equal(actual.children[0], untouched);
-  });
-});
-test('toggleThisPanel', t => {
-  t.test('should update single node', t => {
-    const expected = { name: 'foo', isOpen: true };
-    const actual = toggleThisPanel(
-      { children: [ { name: 'foo', isOpen: false }] },
-      'foo'
-    );
-    t.plan(1);
-    t.deepLooseEqual(actual.children[0], expected);
-  });
-});
-test('toggleAllPanels', t => {
-  t.test('should add `isOpen: true` to every node without children', t => {
-    const expected = {
-      isOpen: true,
-      children: [{
-        isOpen: true,
-        children: [{}, {}]
-      }]
-    };
-    const actual = expandAllPanels({ children: [{ children: [{}, {}] }] });
-    t.plan(1);
-    t.deepLooseEqual(actual, expected);
-  });
-  t.test('should add `isOpen: false` to every node without children', t => {
-    const leaf = {};
-    const expected = {
-      isOpen: false,
-      children: [{
-        isOpen: false,
-        children: [{}, leaf]
-      }]
-    };
-    const actual = collapseAllPanels(
-      { isOpen: true, children: [{ children: [{}, leaf]}]},
-    );
-    t.plan(2);
-    t.deepLooseEqual(actual, expected);
-    t.equal(actual.children[0].children[1], leaf);
-  });
-});
-test('updatePath', t => {
-  t.test('should call update function for each node in the path', t => {
-    const expected = {
-      children: [
-        {
-          name: 'superFoo',
-          children: [
-            {
-              name: 'blockBar',
-              children: [{name: 'challBar'}]
-            },
-            {
-              name: 'blockFoo',
-              children: [{name: 'challFoo'}]
-            }
-          ]
-        },
-        {
-          name: 'superBaz',
-          isOpen: false,
-          children: []
-        }
-      ]
-    };
-
-    const spy = sinon.spy(t => ({ ...t}) );
-    spy.withArgs(expected.children[0]);
-    spy.withArgs(expected.children[0].children[1]);
-    spy.withArgs(expected.children[0].children[1].children[0]);
-    updatePath(expected, 'challFoo', spy);
-    t.plan(4);
-    t.equal(spy.callCount, 3);
-    t.ok(spy.withArgs(expected.children[0]).calledOnce, 'superBlock');
-    t.ok(spy.withArgs(expected.children[0].children[1]).calledOnce, 'block');
-    t.ok(
-      spy.withArgs(expected.children[0].children[1].children[0]).calledOnce,
-      'chall'
-    );
-  });
-});
-test('openPath', t=> {
-  t.test('should open all nodes in the path', t => {
-    const expected = {
-      children: [
-        {
-          name: 'superFoo',
-          isOpen: true,
-          children: [
-            {
-              name: 'blockBar',
-              isOpen: false,
-              children: []
-            },
-            {
-              name: 'blockFoo',
-              isOpen: true,
-              children: [{
-                name: 'challFoo'
-              }]
-            }
-          ]
-        },
-        {
-          name: 'superBar',
-          isOpen: false,
-          children: []
-        }
-      ]
-    };
-
-    const actual = openPath({
-      children: [
-        {
-          name: 'superFoo',
-          isOpen: false,
-          children: [
-            {
-              name: 'blockBar',
-              isOpen: false,
-              children: []
-            },
-            {
-              name: 'blockFoo',
-              isOpen: false,
-              children: [{
-                name: 'challFoo'
-              }]
-            }
-          ]
-        },
-        {
-          name: 'superBar',
-          isOpen: false,
-          children: []
-        }
-      ]
-    }, 'challFoo');
-
-    t.plan(1);
-    t.deepLooseEqual(actual, expected);
-  });
-});
diff --git a/api-server/common/app/Nav/LargeNav.jsx b/api-server/common/app/Nav/LargeNav.jsx
deleted file mode 100644
index a1127e3bf4..0000000000
--- a/api-server/common/app/Nav/LargeNav.jsx
+++ /dev/null
@@ -1,38 +0,0 @@
-import React from 'react';
-import Media from 'react-media';
-import { Col, Navbar, Row } from 'react-bootstrap';
-import FCCSearchBar from 'react-freecodecamp-search';
-import { NavLogo, NavLinks } from './components';
-
-import propTypes from './navPropTypes';
-
-function LargeNav({ clickOnLogo }) {
-  return (
-    <Media
-      query='(min-width: 956px)'
-      render={
-        () => (
-          <Row>
-            <Col className='nav-component' sm={ 5 } xs={ 6 }>
-              <Navbar.Header>
-                <NavLogo clickOnLogo={ clickOnLogo } />
-                <FCCSearchBar />
-              </Navbar.Header>
-            </Col>
-            <Col className='nav-component bins' sm={ 3 } xs={ 6 }/>
-            <Col className='nav-component nav-links' sm={ 4 } xs={ 0 }>
-              <Navbar.Collapse>
-                <NavLinks />
-              </Navbar.Collapse>
-          </Col>
-          </Row>
-        )
-      }
-    />
-  );
-}
-
-LargeNav.displayName = 'LargeNav';
-LargeNav.propTypes = propTypes;
-
-export default LargeNav;
diff --git a/api-server/common/app/Nav/MediumNav.jsx b/api-server/common/app/Nav/MediumNav.jsx
deleted file mode 100644
index 76c84095b5..0000000000
--- a/api-server/common/app/Nav/MediumNav.jsx
+++ /dev/null
@@ -1,42 +0,0 @@
-import React from 'react';
-import Media from 'react-media';
-import { Navbar, Row } from 'react-bootstrap';
-import FCCSearchBar from 'react-freecodecamp-search';
-import { NavLogo, NavLinks } from './components';
-
-import propTypes from './navPropTypes';
-
-function MediumNav({ clickOnLogo }) {
-  return (
-    <Media
-      query={{ maxWidth: 955, minWidth: 751 }}
-      >
-      {
-        matches => matches && typeof window !== 'undefined' && (
-          <div>
-          <Row>
-            <Navbar.Header className='medium-nav'>
-              <div className='nav-component header'>
-                  <Navbar.Toggle />
-                  <NavLogo clickOnLogo={ clickOnLogo } />
-                  <FCCSearchBar />
-              </div>
-              <div className='nav-component bins'/>
-            </Navbar.Header>
-          </Row>
-          <Row className='collapse-row'>
-            <Navbar.Collapse>
-                <NavLinks />
-              </Navbar.Collapse>
-          </Row>
-          </div>
-        )
-      }
-    </Media>
-  );
-}
-
-MediumNav.displayName = 'MediumNav';
-MediumNav.propTypes = propTypes;
-
-export default MediumNav;
diff --git a/api-server/common/app/Nav/Nav.jsx b/api-server/common/app/Nav/Nav.jsx
deleted file mode 100644
index 23714fcb0f..0000000000
--- a/api-server/common/app/Nav/Nav.jsx
+++ /dev/null
@@ -1,60 +0,0 @@
-import React from 'react';
-import { bindActionCreators } from 'redux';
-import { connect } from 'react-redux';
-import { Navbar } from 'react-bootstrap';
-
-import LargeNav from './LargeNav.jsx';
-import MediumNav from './MediumNav.jsx';
-import SmallNav from './SmallNav.jsx';
-import {
-  clickOnLogo
-} from './redux';
-import propTypes from './navPropTypes';
-
-const mapStateToProps = () => ({});
-
-function mapDispatchToProps(dispatch) {
-  return bindActionCreators(
-    {
-      clickOnLogo
-    },
-    dispatch
-  );
-}
-
-const allNavs = [
-  LargeNav,
-  MediumNav,
-  SmallNav
-];
-
-function FCCNav(props) {
-  const {
-    clickOnLogo
-  } = props;
-  const withNavProps = Component => (
-    <Component
-      clickOnLogo={ clickOnLogo }
-      key={ Component.displayName }
-    />
-  );
-  return (
-    <Navbar
-    className='nav-height'
-    id='navbar'
-    staticTop={ true }
-    >
-    {
-      allNavs.map(withNavProps)
-    }
-  </Navbar>
-  );
-}
-
-FCCNav.displayName = 'FCCNav';
-FCCNav.propTypes = propTypes;
-
-export default connect(
-  mapStateToProps,
-  mapDispatchToProps
-)(FCCNav);
diff --git a/api-server/common/app/Nav/SmallNav.jsx b/api-server/common/app/Nav/SmallNav.jsx
deleted file mode 100644
index dfa251437e..0000000000
--- a/api-server/common/app/Nav/SmallNav.jsx
+++ /dev/null
@@ -1,43 +0,0 @@
-import React from 'react';
-import Media from 'react-media';
-import { Navbar, Row } from 'react-bootstrap';
-import FCCSearchBar from 'react-freecodecamp-search';
-import { NavLogo, NavLinks } from './components';
-
-import propTypes from './navPropTypes';
-
-function SmallNav({ clickOnLogo }) {
-  return (
-    <Media
-      query='(max-width: 750px)'
-      >
-      {
-        matches => matches && typeof window !== 'undefined' && (
-          <div>
-          <Row>
-            <Navbar.Header className='small-nav'>
-              <div className='nav-component header'>
-                  <Navbar.Toggle />
-                  <NavLogo clickOnLogo={ clickOnLogo } />
-              </div>
-              <div className='nav-component bins'/>
-            </Navbar.Header>
-          </Row>
-          <Row className='collapse-row'>
-            <Navbar.Collapse>
-              <NavLinks>
-                <FCCSearchBar />
-              </NavLinks>
-            </Navbar.Collapse>
-          </Row>
-          </div>
-        )
-      }
-    </Media>
-  );
-}
-
-SmallNav.displayName = 'SmallNav';
-SmallNav.propTypes = propTypes;
-
-export default SmallNav;
diff --git a/api-server/common/app/Nav/components/Bin-Button.jsx b/api-server/common/app/Nav/components/Bin-Button.jsx
deleted file mode 100644
index 3be178145a..0000000000
--- a/api-server/common/app/Nav/components/Bin-Button.jsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { Button } from 'react-bootstrap';
-
-const propTypes = {
-  content: PropTypes.string,
-  disabled: PropTypes.bool,
-  handleClick: PropTypes.func.isRequired
-};
-
-export default function BinButton({ content, handleClick, disabled }) {
-  return (
-    <Button
-      className={ disabled ? 'disabled-button' : 'enabled-button' }
-      onClick={ handleClick }
-      >
-      { content }
-    </Button>
-  );
-}
-BinButton.displayName = 'BinButton';
-BinButton.propTypes = propTypes;
diff --git a/api-server/common/app/Nav/components/BinButtons.jsx b/api-server/common/app/Nav/components/BinButtons.jsx
deleted file mode 100644
index abdc702827..0000000000
--- a/api-server/common/app/Nav/components/BinButtons.jsx
+++ /dev/null
@@ -1,35 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { ButtonGroup } from 'react-bootstrap';
-import BinButton from './Bin-Button.jsx';
-
-const propTypes = {
-  panes: PropTypes.arrayOf(
-    PropTypes.shape({
-      actionCreator: PropTypes.func.isRequired,
-      content: PropTypes.string.isRequired
-    })
-  )
-};
-
-function BinButtons({ panes }) {
-  return (
-    <ButtonGroup>
-      {
-        panes.map(({ content, actionCreator, isHidden }) => (
-          <BinButton
-            content={ content }
-            disabled={ isHidden }
-            handleClick={ actionCreator }
-            key={ content }
-          />
-        ))
-      }
-    </ButtonGroup>
-  );
-}
-
-BinButtons.displayName = 'BinButtons';
-BinButtons.propTypes = propTypes;
-
-export default BinButtons;
diff --git a/api-server/common/app/Nav/components/NavLinks.jsx b/api-server/common/app/Nav/components/NavLinks.jsx
deleted file mode 100644
index ac12ba778b..0000000000
--- a/api-server/common/app/Nav/components/NavLinks.jsx
+++ /dev/null
@@ -1,151 +0,0 @@
-import React, { PureComponent } from 'react';
-import PropTypes from 'prop-types';
-import { capitalize } from 'lodash';
-import { bindActionCreators } from 'redux';
-import { connect } from 'react-redux';
-import { createSelector } from 'reselect';
-import { MenuItem, NavDropdown, NavItem, Nav } from 'react-bootstrap';
-
-import navLinks from '../links.json';
-import SignUp from './Sign-Up.jsx';
-import { Link } from '../../Router';
-
-import {
-  openDropdown,
-  closeDropdown,
-  dropdownSelector,
-  createNavLinkActionCreator
-} from '../redux';
-import { isSignedInSelector, signInLoadingSelector } from '../../redux';
-
-const mapStateToProps = createSelector(
-  isSignedInSelector,
-  dropdownSelector,
-  signInLoadingSelector,
-  (isSignedIn, isDropdownOpen, showLoading) => ({
-    isDropdownOpen,
-    isSignedIn,
-    navLinks,
-    showLoading
-  })
-);
-
-function mapDispatchToProps(dispatch) {
-  return bindActionCreators(
-    {
-      ...navLinks.reduce(
-        (mdtp, { content }) => {
-          const handler = `handle${capitalize(content)}Click`;
-          mdtp[handler] = createNavLinkActionCreator(content);
-          return mdtp;
-        }, {}),
-      closeDropdown,
-      openDropdown
-    },
-    dispatch
-  );
-}
-
-const navLinkPropType = PropTypes.shape({
-  content: PropTypes.string,
-  link: PropTypes.string,
-  isDropdown: PropTypes.bool,
-  target: PropTypes.string,
-  links: PropTypes.array
-});
-
-const propTypes = {
-  children: PropTypes.any,
-  closeDropdown: PropTypes.func.isRequired,
-  isDropdownOpen: PropTypes.bool,
-  isInNav: PropTypes.bool,
-  isSignedIn: PropTypes.bool,
-  navLinks: PropTypes.arrayOf(navLinkPropType),
-  openDropdown: PropTypes.func.isRequired,
-  showLoading: PropTypes.bool
-};
-
-class NavLinks extends PureComponent {
-
-  renderLink(isNavItem, { isReact, isDropdown, content, link, links, target }) {
-    const Component = isNavItem ? NavItem : MenuItem;
-    const {
-      isDropdownOpen,
-      openDropdown,
-      closeDropdown
-    } = this.props;
-
-    if (isDropdown) {
-      // adding a noop to NavDropdown to disable false warning
-      // about controlled component
-      return (
-        <NavDropdown
-          id={ `nav-${content}-dropdown` }
-          key={ content }
-          noCaret={ true }
-          onClick={ openDropdown }
-          onToggle={ isDropdownOpen ? closeDropdown : openDropdown }
-          open={ isDropdownOpen }
-          title={ content }
-          >
-          { links.map(this.renderLink.bind(this, false)) }
-        </NavDropdown>
-      );
-    }
-    if (isReact) {
-      return (
-        <Link
-          key={ content }
-          onClick={ this.props[`handle${content}Click`] }
-          to={ link }
-          >
-          <Component
-            target={ target || null }
-            >
-            { content }
-          </Component>
-        </Link>
-      );
-    }
-    return (
-      <Component
-        href={ link }
-        key={ content }
-        onClick={ this.props[`handle${content}Click`] }
-        target={ target || null }
-        >
-        { content }
-      </Component>
-    );
-  }
-
-  render() {
-    const {
-      showLoading,
-      isSignedIn,
-      navLinks,
-      isInNav = true,
-      children
-    } = this.props;
-    return (
-      <Nav id='nav-links' navbar={ true } pullRight={ true }>
-        { children }
-        {
-          navLinks.map(
-            this.renderLink.bind(this, isInNav)
-          )
-        }
-        <SignUp
-          isInDropDown={ !isInNav }
-          showLoading={ showLoading }
-          showSignUp={ !isSignedIn }
-        />
-      </Nav>
-    );
-  }
-}
-
-NavLinks.displayName = 'NavLinks';
-NavLinks.propTypes = propTypes;
-
-export default connect(mapStateToProps, mapDispatchToProps)(NavLinks);
diff --git a/api-server/common/app/Nav/components/NavLogo.jsx b/api-server/common/app/Nav/components/NavLogo.jsx
deleted file mode 100644
index 31a1d811f5..0000000000
--- a/api-server/common/app/Nav/components/NavLogo.jsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { NavbarBrand } from 'react-bootstrap';
-import Media from 'react-media';
-
-const fCClogo = 'https://s3.amazonaws.com/freecodecamp/freecodecamp_logo.svg';
-const fCCglyph = 'https://s3.amazonaws.com/freecodecamp/FFCFire.png';
-
-const propTypes = {
-  clickOnLogo: PropTypes.func.isRequired
-};
-
-function NavLogo({ clickOnLogo }) {
-  return (
-    <NavbarBrand>
-      <a
-        href='/'
-        onClick={ clickOnLogo }
-        >
-        <Media query='(min-width: 735px)'>
-          {
-            matches => matches ? (
-              <img
-                alt='learn to code javascript at freeCodeCamp logo'
-                className='nav-logo logo'
-                src={ fCClogo }
-              />
-            ) : (
-              <img
-                alt='learn to code javascript at freeCodeCamp logo'
-                className='nav-logo logo'
-                src={ fCCglyph }
-              />
-            )
-          }
-        </Media>
-      </a>
-    </NavbarBrand>
-  );
-}
-
-NavLogo.displayName = 'NavLogo';
-NavLogo.propTypes = propTypes;
-
-export default NavLogo;
diff --git a/api-server/common/app/Nav/components/Sign-Up.jsx b/api-server/common/app/Nav/components/Sign-Up.jsx
deleted file mode 100644
index 6fc2bb30e3..0000000000
--- a/api-server/common/app/Nav/components/Sign-Up.jsx
+++ /dev/null
@@ -1,50 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { MenuItem, NavItem } from 'react-bootstrap';
-
-import { Link } from '../../Router';
-import { onRouteSettings } from '../../routes/Settings/redux';
-
-const propTypes = {
-  isInDropDown: PropTypes.bool,
-  showLoading: PropTypes.bool,
-  showSignUp: PropTypes.bool
-};
-
-function SignUpButton({ isInDropDown, showLoading, showSignUp }) {
-  if (showLoading) {
-    return null;
-  }
-  if (showSignUp) {
-    return isInDropDown ? (
-      <MenuItem
-        href='/signup'
-        key='signup'
-        >
-        Sign Up
-      </MenuItem>
-      ) : (
-      <NavItem
-        href='/signup'
-        key='signup'
-        >
-        Sign Up
-      </NavItem>
-    );
-  }
-  return (
-    <li
-      className='nav-avatar'
-      key='user'
-      >
-      <Link to={ onRouteSettings() }>
-        Settings
-      </Link>
-    </li>
-  );
-}
-
-SignUpButton.displayName = 'SignUpButton';
-SignUpButton.propTypes = propTypes;
-
-export default SignUpButton;
diff --git a/api-server/common/app/Nav/components/index.js b/api-server/common/app/Nav/components/index.js
deleted file mode 100644
index a406b1ec16..0000000000
--- a/api-server/common/app/Nav/components/index.js
+++ /dev/null
@@ -1,3 +0,0 @@
-export { default as BinButtons } from './BinButtons.jsx';
-export { default as NavLogo } from './NavLogo.jsx';
-export { default as NavLinks } from './NavLinks.jsx';
diff --git a/api-server/common/app/Nav/index.js b/api-server/common/app/Nav/index.js
deleted file mode 100644
index 0d1bcba7c2..0000000000
--- a/api-server/common/app/Nav/index.js
+++ /dev/null
@@ -1 +0,0 @@
-export default from './Nav.jsx';
diff --git a/api-server/common/app/Nav/links.json b/api-server/common/app/Nav/links.json
deleted file mode 100644
index 2e47b55a42..0000000000
--- a/api-server/common/app/Nav/links.json
+++ /dev/null
@@ -1,15 +0,0 @@
-[
-  {
-    "content": "Curriculum",
-    "link": "https://learn.freecodecamp.org"
-  },
-  {
-    "content": "Forum",
-    "link": "https://forum.freecodecamp.org/",
-    "target": "_blank"
-  },
-  {
-    "content": "News",
-    "link": "https://www.freecodecamp.org/news"
-  }
-]
\ No newline at end of file
diff --git a/api-server/common/app/Nav/nav.less b/api-server/common/app/Nav/nav.less
deleted file mode 100644
index 6ce16737b2..0000000000
--- a/api-server/common/app/Nav/nav.less
+++ /dev/null
@@ -1,345 +0,0 @@
-.navbar {
-  background-color: @brand-primary;
-  font-size: 14px;
-}
-
-.navbar-nav > li > a {
-  color: @body-bg;
-  &:hover {
-    color: @brand-primary;
-  }
-}
-
-.navbar > .container {
-  padding-right: 0px;
-  width: auto;
-
-  @media (max-width: 767px) {
-    // container default padding size
-    padding-left: 15px;
-    padding-right: 15px;
-  }
-}
-
-.nav-height {
-  border: none;
-  height: @navbar-height;
-  width: 100%;
-}
-
-@navbar-logo-height: 25px;
-@navbar-logo-padding: (@navbar-height - @navbar-logo-height) / 2;
-.navbar-brand {
-  padding-top: @navbar-logo-padding;
-  padding-bottom: @navbar-logo-padding;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.nav-logo {
-  height: @navbar-logo-height;
-}
-
-.navbar-right {
-  background-color: @brand-primary;
-  text-align: center;
-
-  @media (min-width: @screen-md-min) {
-    margin-right:0;
-  }
-  @media (min-width: @screen-md-max) and (max-width: 991px) {
-    left: 0;
-    margin-right: 0;
-    position: absolute;
-    right: 0;
-    white-space: nowrap;
-  }
-}
-
-.navbar {
-  white-space: nowrap;
-  border: none;
-  line-height: 1;
-  @media (min-width: 767px) {
-    padding-left: 15px;
-    padding-right: 30px;
-  }
-}
-
-// li is used here to get more specific
-// and win against navbar.less#273
-li.nav-avatar {
-  span {
-    display: inline-block;
-  }
-  @media (min-width: @screen-sm-min) {
-    height: @navbar-height;
-    margin: 0;
-    padding: 0;
-
-    > a {
-      margin: 0;
-      padding: 7.5px @navbar-padding-horizontal 7.5px @navbar-padding-horizontal;
-    }
-  }
-}
-.navbar-nav a {
-  color: @body-bg;
-  margin-top: -5px;
-  margin-bottom: -5px;
-}
-
-.navbar-toggle {
-  color: @body-bg;
-
-  &:hover,
-  &:focus {
-    color: #4a2b0f;
-  }
-}
-
-.navbar-collapse {
-  border-top: 0;
-}
-
-.divider-vertical {
-  height: 24px;
-  margin-top: 6px;
-  margin-bottom: 6px;
-  border-left: 0.25px solid #ffffff;
-  border-right: 0.25px solid #ffffff;
-}
-
-@media (max-width: @screen-xs-max) {
-  .navbar-header {
-    float: none;
-  }
-
-  .navbar-toggle {
-    display: block;
-  }
-
-  .navbar-collapse.collapse {
-    display: none !important;
-  }
-
-  .navbar-nav {
-    margin-top: 0;
-  }
-
-  .navbar-nav > li {
-    float: none;
-  }
-
-  .navbar-nav > li > a {
-    padding-top: 10px;
-    padding-bottom: 10px;
-  }
-
-  .navbar-text {
-    float: none;
-    margin: 15px 0;
-  }
-
-  /* since 3.1.0 */
-  .navbar-collapse.collapse.in {
-    display: block !important;
-  }
-
-  .collapsing {
-    overflow: hidden !important;
-    position: absolute;
-    left: 0;
-    right: 0;
-  }
-}
-
-.night {
-  .nav-component-wrapper {
-    ::-webkit-input-placeholder {
-      color: @night-text-color;
-    }
-
-    ::-moz-placeholder {
-      color: @night-text-color;
-    }
-
-    ::-ms-placeholder {
-      color: @night-text-color;
-    }
-
-    ::placeholder {
-      color: @night-text-color;
-    }
-
-    .fcc_input {
-      background-color: @night-search-color;
-      color: @night-text-color;
-    }
-  }
-  .navbar-default {
-    .navbar-nav {
-      & > li > a {
-        color: #CCC;
-      }
-      .dropdown-menu {
-        background-color: @gray;
-        a {
-          color: @night-text-color !important;
-        }
-      }
-      a:focus,
-      a:hover,
-      .open #nav-Community-dropdown {
-        background-color: #666 !important;
-        color: @link-hover-color !important;
-      }
-    }
-  }
-  .navbar-toggle {
-    &:hover,
-    &:focus {
-      background-color: #666;
-      color: @link-hover-color;
-      border-color: #666;
-    }
-  }
-}
-
-@media (min-width: 768px) and (max-width: 860px) {
-  .navbar {
-    padding-left: 0;
-    padding-right: 0;
-  }
-
-  .navbar-right {
-    margin-right: 0;
-  }
-
-  .navbar-nav > li > a {
-    padding-left: 10px;
-    padding-right: 10px;
-  }
-}
-
-.nav-component {
-  display: flex;
-  align-items: center;
-
-  &.header{
-
-    .navbar-brand {
-      padding-left: 0px;
-    }
-
-  }
-
-  &.bins {
-    justify-content: center;
-
-    .nav {
-      display: flex;
-    }
-  }
-
-
-  &.nav-links {
-    justify-content: flex-end;
-  }
-
-  .fcc_searchBar {
-    width: auto;
-    flex-grow: 1;
-    ::-webkit-input-placeholder {
-      color: @input-color-placeholder;
-    }
-
-    ::-moz-placeholder {
-      color: @input-color-placeholder;
-    }
-
-    ::-ms-placeholder {
-      color: @input-color-placeholder;
-    }
-
-    ::placeholder {
-      color: @input-color-placeholder;
-    }
-
-    .ais-Hits {
-      background-color: white;
-      z-index: 5;
-    }
-  }
-  .navbar-header {
-    display: flex;
-    align-items: center;
-    width: 100%;
-  }
-}
-
-.medium-nav {
-  display: flex;
-  justify-content: space-between;
-
-  .bins {
-    justify-content: flex-end;
-
-  }
-}
-
-.small-nav {
-  display: flex;
-  justify-content: space-between;
-
-  .bins {
-    justify-content: flex-end;
-
-    .btn {
-      padding: 6px 4px;
-    }
-  }
-}
-
-.bins {
-
-  .disabled-button {
-    color: whitesmoke; 
-  }
-  .enabled-button {
-    color: black;
-  }
-
-  .btn {
-    border-color: @brand-primary;
-    background-color: white;
-
-    &:hover {
-      background-color: @brand-primary;
-    }
-
-  }
-
-}
-
-.collapse-row {
-  background-color: @brand-primary;
-
-  .dropdown-menu {
-
-    li a {
-      display: flex;
-      justify-content: center;
-      background-color: #eeeeee;
-      color: @brand-primary !important;
-
-      &:hover {
-        background-color: @brand-primary !important;
-        color: #eeeeee !important;
-      }
-    }
-
-  }
-
-}
diff --git a/api-server/common/app/Nav/navPropTypes.js b/api-server/common/app/Nav/navPropTypes.js
deleted file mode 100644
index 309c69ecac..0000000000
--- a/api-server/common/app/Nav/navPropTypes.js
+++ /dev/null
@@ -1,5 +0,0 @@
-import PropTypes from 'prop-types';
-
-export default {
-  clickOnLogo: PropTypes.func.isRequired
-};
diff --git a/api-server/common/app/Nav/ns.json b/api-server/common/app/Nav/ns.json
deleted file mode 100644
index ea84de45ff..0000000000
--- a/api-server/common/app/Nav/ns.json
+++ /dev/null
@@ -1 +0,0 @@
-"nav"
diff --git a/api-server/common/app/Nav/redux/index.js b/api-server/common/app/Nav/redux/index.js
deleted file mode 100644
index 6a354b8b31..0000000000
--- a/api-server/common/app/Nav/redux/index.js
+++ /dev/null
@@ -1,76 +0,0 @@
-import capitalize from 'lodash/capitalize';
-import noop from 'lodash/noop';
-import {
-  createAction,
-  createTypes,
-  handleActions
-} from 'berkeleys-redux-utils';
-
-import ns from '../ns.json';
-import { createEventMetaCreator } from '../../analytics/index';
-
-export const epics = [];
-
-export const types = createTypes([
-  'clickOnLogo',
-  'clickOnMap',
-  'navLinkClicked',
-
-  'closeDropdown',
-  'openDropdown'
-], ns);
-
-export const clickOnLogo = createAction(
-  types.clickOnLogo,
-  noop,
-  createEventMetaCreator({
-    category: 'Nav',
-    action: 'clicked',
-    label: 'fcc logo clicked'
-  })
-);
-
-export const clickOnMap = createAction(
-  types.clickOnMap,
-  noop,
-  createEventMetaCreator({
-    category: 'Nav',
-    action: 'clicked',
-    label: 'map button clicked'
-  })
-);
-
-export const closeDropdown = createAction(types.closeDropdown);
-export const openDropdown = createAction(types.openDropdown);
-export function createNavLinkActionCreator(link) {
-  return createAction(
-    types.navLinkClicked,
-    noop,
-    createEventMetaCreator({
-      category: capitalize(ns),
-      action: 'click',
-      label: `${link} link`
-    })
-  );
-}
-
-const initialState = {
-  isDropdownOpen: false
-};
-
-export const dropdownSelector = state => state[ns].isDropdownOpen;
-
-export default handleActions(
-  () => ({
-    [types.closeDropdown]: state => ({
-      ...state,
-      isDropdownOpen: false
-    }),
-    [types.openDropdown]: state => ({
-      ...state,
-      isDropdownOpen: true
-    })
-  }),
-  initialState,
-  ns
-);
diff --git a/api-server/common/app/NotFound/Not-Found.jsx b/api-server/common/app/NotFound/Not-Found.jsx
deleted file mode 100644
index a439c75d90..0000000000
--- a/api-server/common/app/NotFound/Not-Found.jsx
+++ /dev/null
@@ -1,31 +0,0 @@
-import React from 'react';
-// import PropTypes from 'prop-types';
-import {
-  Alert,
-  Button
-} from 'react-bootstrap';
-
-const propTypes = {};
-
-export default function NotFound() {
-  return (
-    <div className='not-found'>
-      <Alert bsStyle='info'>
-        <p>
-          { 'Sorry, we couldn\'t find a page for that address.' }
-        </p>
-      </Alert>
-      <a href={'/map'}>
-        <Button
-          bsSize='lg'
-          bsStyle='primary'
-          >
-          Take me to the Challenges
-        </Button>
-      </a>
-    </div>
-  );
-}
-
-NotFound.displayName = 'NotFound';
-NotFound.propTypes = propTypes;
diff --git a/api-server/common/app/NotFound/index.js b/api-server/common/app/NotFound/index.js
deleted file mode 100644
index b174c4f934..0000000000
--- a/api-server/common/app/NotFound/index.js
+++ /dev/null
@@ -1 +0,0 @@
-export default from './Not-Found.jsx';
diff --git a/api-server/common/app/Router/Link.jsx b/api-server/common/app/Router/Link.jsx
deleted file mode 100644
index df29e53cbf..0000000000
--- a/api-server/common/app/Router/Link.jsx
+++ /dev/null
@@ -1,85 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { connect } from 'react-redux';
-import { createSelector } from 'reselect';
-
-import toUrl from './to-url.js';
-import createHandler from './handle-press.js';
-import { routesMapSelector } from './redux';
-
-const mapStateToProps = createSelector(
-  routesMapSelector,
-  routesMap => ({ routesMap })
-);
-
-const propTypes = {
-  children: PropTypes.node,
-  dispatch: PropTypes.func,
-  onClick: PropTypes.func,
-  redirect: PropTypes.bool,
-  replace: PropTypes.bool,
-  routesMap: PropTypes.object,
-  shouldDispatch: PropTypes.bool,
-  style: PropTypes.object,
-  target: PropTypes.string,
-  to: PropTypes.oneOfType([ PropTypes.object, PropTypes.string ]).isRequired
-};
-
-export const Link = (
-  {
-    children,
-    dispatch,
-    onClick,
-    redirect,
-    replace,
-    routesMap,
-    shouldDispatch = true,
-    style,
-    target,
-    to
-  }
-) => {
-  const url = toUrl(to, routesMap);
-  const handler = createHandler(
-    url,
-    routesMap,
-    onClick,
-    shouldDispatch,
-    target,
-    dispatch,
-    to,
-    replace || redirect
-  );
-
-  const localProps = {};
-
-  if (url) {
-    localProps.href = url;
-  }
-
-  if (handler) {
-    localProps.onMouseDown = handler;
-    localProps.onTouchStart = handler;
-  }
-
-  if (target) {
-    localProps.target = target;
-  }
-
-  return (
-    <a
-      onClick={ handler }
-      style={ style }
-      { ...localProps }
-      >
-      {children}
-    </a>
-  );
-};
-
-Link.contextTypes = {
-  store: PropTypes.object.isRequired
-};
-Link.propTypes = propTypes;
-
-export default connect(mapStateToProps)(Link);
diff --git a/api-server/common/app/Router/handle-press.js b/api-server/common/app/Router/handle-press.js
deleted file mode 100644
index 5cda85860d..0000000000
--- a/api-server/common/app/Router/handle-press.js
+++ /dev/null
@@ -1,50 +0,0 @@
-import { pathToAction, redirect, getOptions } from 'redux-first-router';
-
-const isAction = to => typeof to === 'object' &&
-  !Array.isArray(to);
-
-const isModified = e => !!(
-  e.metaKey ||
-  e.altKey ||
-  e.ctrlKey ||
-  e.shiftKey
-);
-
-export default (
-  url,
-  routesMap,
-  onClick,
-  shouldDispatch,
-  target,
-  dispatch,
-  to,
-  dispatchRedirect
-) => e => {
-  let shouldGo = true;
-
-  if (onClick) {
-    // onClick can return false to prevent dispatch
-    shouldGo = onClick(e);
-    shouldGo = typeof shouldGo === 'undefined' ? true : shouldGo;
-  }
-
-  const prevented = e.defaultPrevented;
-
-  if (!target && e && e.preventDefault && !isModified(e)) {
-    e.preventDefault();
-  }
-
-  if (
-    shouldGo &&
-    shouldDispatch &&
-    !target &&
-    !prevented &&
-    e.button === 0 &&
-    !isModified(e)
-  ) {
-    const { querySerializer: serializer } = getOptions();
-    let action = isAction(to) ? to : pathToAction(url, routesMap, serializer);
-    action = dispatchRedirect ? redirect(action) : action;
-    dispatch(action);
-  }
-};
diff --git a/api-server/common/app/Router/index.js b/api-server/common/app/Router/index.js
deleted file mode 100644
index 79f148eac7..0000000000
--- a/api-server/common/app/Router/index.js
+++ /dev/null
@@ -1 +0,0 @@
-export { default as Link } from './Link.jsx';
diff --git a/api-server/common/app/Router/redux/index.js b/api-server/common/app/Router/redux/index.js
deleted file mode 100644
index 9cae6f2f53..0000000000
--- a/api-server/common/app/Router/redux/index.js
+++ /dev/null
@@ -1,8 +0,0 @@
-import { selectLocationState } from 'redux-first-router';
-
-export const paramsSelector = state => selectLocationState(state).payload || {};
-export const locationTypeSelector =
-  state => selectLocationState(state).type || '';
-export const routesMapSelector = state =>
-  selectLocationState(state).routesMap || {};
-export const pathnameSelector = state => selectLocationState(state).pathname;
diff --git a/api-server/common/app/Router/to-url.js b/api-server/common/app/Router/to-url.js
deleted file mode 100644
index 37a5a4d210..0000000000
--- a/api-server/common/app/Router/to-url.js
+++ /dev/null
@@ -1,41 +0,0 @@
-import { actionToPath, getOptions } from 'redux-first-router';
-
-export default (to, routesMap) => {
-  if (to && typeof to === 'string') {
-    return to;
-  }
-
-  if (typeof to === 'object') {
-    const { payload = {}, ...action } = to;
-
-    try {
-      const { querySerializer } = getOptions();
-      return actionToPath(
-        {
-          ...action,
-          payload: {
-            ...payload
-          }
-        },
-        routesMap,
-        querySerializer
-      );
-    } catch (e) {
-      console.error(e);
-      console.warn(
-        '[Link] could not create path from action:',
-        action,
-        'For reference, here are your current routes:',
-        routesMap
-      );
-
-      return '#';
-    }
-  }
-
-  console.warn(
-    '[Link] `to` prop must be a string or action object. You provided: ',
-    to
-  );
-  return '#';
-};
diff --git a/api-server/common/app/Toasts/Toasts.jsx b/api-server/common/app/Toasts/Toasts.jsx
deleted file mode 100644
index 322712dd93..0000000000
--- a/api-server/common/app/Toasts/Toasts.jsx
+++ /dev/null
@@ -1,91 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { connect } from 'react-redux';
-import { createSelector } from 'reselect';
-import { NotificationStack } from '@freecodecamp/react-notification';
-
-import { removeToast } from './redux';
-
-const registeredActions = {};
-const mapStateToProps = state => ({ toasts: state.toasts });
-// we use styles here to overwrite those built into the library
-// but there are some styles applied using
-// regular css in /client/less/toastr.less
-const barStyle = {
-  fontSize: '2rem',
-  // null values let our css set the style prop
-  padding: null
-};
-const rightBarStyle = {
-  ...barStyle,
-  left: null,
-  right: '-100%'
-};
-const actionStyle = {
-  fontSize: '2rem'
-};
-const addDispatchableActionsToToast = createSelector(
-  state => state.toasts,
-  state => state.dispatch,
-  (toasts, dispatch) => toasts.map(({ position, actionCreator, ...toast }) => {
-    const activeBarStyle = {};
-    let finalBarStyle = barStyle;
-    if (position !== 'left') {
-      activeBarStyle.left = null;
-      activeBarStyle.right = '1rem';
-      finalBarStyle = rightBarStyle;
-    }
-    const onClick = !registeredActions[actionCreator] ?
-      () => {
-        dispatch(removeToast(toast));
-      } :
-      () => {
-        dispatch(registeredActions[actionCreator]());
-        dispatch(removeToast(toast));
-      };
-    return {
-      ...toast,
-      barStyle: finalBarStyle,
-      activeBarStyle,
-      actionStyle,
-      onClick
-    };
-  })
-);
-const propTypes = {
-  dispatch: PropTypes.func,
-  toasts: PropTypes.arrayOf(PropTypes.object)
-};
-
-export class Toasts extends React.Component {
-  constructor(...props) {
-    super(...props);
-    this.handleDismiss = this.handleDismiss.bind(this);
-  }
-  styleFactory(index, style) {
-    return { ...style, bottom: `${4 + index * 8}rem` };
-  }
-
-  handleDismiss(notification) {
-    this.props.dispatch(removeToast(notification));
-  }
-
-  render() {
-    const { toasts = [], dispatch } = this.props;
-    return (
-      <NotificationStack
-        activeBarStyle={ this.styleFactory }
-        barStyle={ this.styleFactory }
-        notifications={
-          addDispatchableActionsToToast({ toasts, dispatch })
-        }
-        onDismiss={ this.handleDismiss }
-      />
-    );
-  }
-}
-
-Toasts.displayName = 'Toasts';
-Toasts.propTypes = propTypes;
-
-export default connect(mapStateToProps)(Toasts);
diff --git a/api-server/common/app/Toasts/index.js b/api-server/common/app/Toasts/index.js
deleted file mode 100644
index 2518a55c0f..0000000000
--- a/api-server/common/app/Toasts/index.js
+++ /dev/null
@@ -1 +0,0 @@
-export default from './Toasts.jsx';
diff --git a/api-server/common/app/Toasts/ns.json b/api-server/common/app/Toasts/ns.json
deleted file mode 100644
index 2471c4eb56..0000000000
--- a/api-server/common/app/Toasts/ns.json
+++ /dev/null
@@ -1 +0,0 @@
-"toasts"
diff --git a/api-server/common/app/Toasts/redux/index.js b/api-server/common/app/Toasts/redux/index.js
deleted file mode 100644
index f39d37cdb2..0000000000
--- a/api-server/common/app/Toasts/redux/index.js
+++ /dev/null
@@ -1,47 +0,0 @@
-import {
-  createAction,
-  createTypes,
-  handleActions
-} from 'berkeleys-redux-utils';
-
-import ns from '../ns.json';
-
-export const types = createTypes([
-  'makeToast',
-  'removeToast'
-], ns);
-
-let key = 0;
-export const makeToast = createAction(
-  types.makeToast,
-  ({ timeout, ...rest }) => ({
-    ...rest,
-    // assign current value of key to new toast
-    // and then increment key value
-    key: key++,
-    dismissAfter: timeout || 6000,
-    position: rest.position === 'left' ? 'left' : 'right'
-  })
-);
-
-export const removeToast = createAction(
-  types.removeToast,
-  ({ key }) => key
-);
-
-
-const initialState = [];
-
-export default handleActions(
-  () => ({
-    [types.makeToast]: (state, { payload: toast }) => [
-      ...state,
-      toast
-    ].filter(toast => !!toast.message),
-    [types.removeToast]: (state, { payload: key }) => state.filter(
-      toast => toast.key !== key
-    )
-  }),
-  initialState,
-  ns
-);
diff --git a/api-server/common/app/analytics/index.js b/api-server/common/app/analytics/index.js
deleted file mode 100644
index 59047cfe8b..0000000000
--- a/api-server/common/app/analytics/index.js
+++ /dev/null
@@ -1,34 +0,0 @@
-const throwIfUndefined = () => {
-  throw new TypeError('Argument must not be of  type `undefined`');
-};
-
-// createEventMetaCreator({
-//   category: String,
-//   action: String,
-//   label?: String,
-//   value?: Number
-// }) => () => Object
-export const createEventMetaCreator = ({
-  // categories are features or namespaces of the app (capitalized):
-  // Map, Nav, Challenges, and so on
-  category = throwIfUndefined,
-  // can be a one word the event
-  // click, play, toggle.
-  // This is not a hard and fast rule
-  action = throwIfUndefined,
-  // any additional information
-  // when in doubt use redux action type
-  // or a short sentence describing the
-  // action
-  label,
-  // used to tack some specific value for a GA event
-  value
-} = throwIfUndefined) => () => ({
-  analytics: {
-    type: 'event',
-    category,
-    action,
-    label,
-    value
-  }
-});
diff --git a/api-server/common/app/app.less b/api-server/common/app/app.less
deleted file mode 100644
index b393cdaf27..0000000000
--- a/api-server/common/app/app.less
+++ /dev/null
@@ -1,26 +0,0 @@
-// should match ./ns.json value and filename
-@ns: app;
-
-.@{ns}-container {
-  // we invert the nav and content since
-  // the content needs to render first
-  // Here we invert the order in which
-  // they are painted using css so the
-  // nav is on top again
-  .grid(@direction: column; @wrap: nowrap);
-  height: 100%;
-  width: 100%;
-}
-
-.@{ns}-content {
-  // makes the initial content height 0px
-  // then lets it grow to fit the rest of the space
-  flex: 1 0 0px;
-  // allow content to adapt to screen size
-  display: flex;
-}
-
-.@{ns}-centered {
-  .center(@value: @container-xl, @padding: @grid-gutter-width);
-  margin-top: @navbar-margin-bottom;
-}
diff --git a/api-server/common/app/create-app.jsx b/api-server/common/app/create-app.jsx
deleted file mode 100644
index 97e5df1669..0000000000
--- a/api-server/common/app/create-app.jsx
+++ /dev/null
@@ -1,104 +0,0 @@
-import { Observable } from 'rx';
-import createDebugger from 'debug';
-import { compose, createStore, applyMiddleware } from 'redux';
-import { selectLocationState, connectRoutes } from 'redux-first-router';
-import { combineReducers } from 'berkeleys-redux-utils';
-
-import { createEpic } from 'redux-epic';
-import appReducer from './reducer.js';
-import routesMap from './routes-map.js';
-import epics from './epics';
-
-import servicesCreator from '../utils/services-creator';
-
-const debug = createDebugger('fcc:app:createApp');
-// createApp(settings: {
-//   history?: History,
-//   defaultState?: Object|Void,
-//   serviceOptions?: Object,
-//   middlewares?: [...Function],
-//   enhancers?: [...Function],
-//   epics?: [...Function],
-// }) => Observable
-//
-// Either location or history must be defined
-export default function createApp({
-  history,
-  defaultState,
-  serviceOptions = {},
-  middlewares: sideMiddlewares = [],
-  enhancers: sideEnhancers = [],
-  epics: sideEpics = [],
-  epicOptions: sideEpicOptions = {}
-}) {
-  const epicOptions = {
-    ...sideEpicOptions,
-    services: servicesCreator(serviceOptions)
-  };
-
-  const epicMiddleware = createEpic(
-    epicOptions,
-    ...epics,
-    ...sideEpics
-  );
-
-  const {
-    reducer: routesReducer,
-    middleware: routesMiddleware,
-    enhancer: routesEnhancer
-  } = connectRoutes(history, routesMap);
-
-  routesReducer.toString = () => 'location';
-
-  const enhancer = compose(
-    routesEnhancer,
-    applyMiddleware(
-      routesMiddleware,
-      epicMiddleware,
-      ...sideMiddlewares
-    ),
-    // enhancers must come after middlewares
-    // on client side these are things like Redux DevTools
-    ...sideEnhancers
-  );
-
-  const reducer = combineReducers(
-    appReducer,
-    routesReducer
-  );
-
-  // create composed store enhancer
-  // use store enhancer function to enhance `createStore` function
-  // call enhanced createStore function with reducer and defaultState
-  // to create store
-  const store = createStore(reducer, defaultState, enhancer);
-  const location = selectLocationState(store.getState());
-
-  // note(berks): should get stripped in production client by webpack
-  // We need to find a way to hoist to top level in production node env
-  // babel plugin, maybe? After a quick search I couldn't find one
-  if (process.env.NODE_ENV === 'development') {
-    if (module.hot) {
-      module.hot.accept('./reducer.js', () => {
-        debug('hot reloading reducers');
-        store.replaceReducer(combineReducers(
-          require('./reducer.js').default,
-          routesReducer
-        ));
-      });
-    }
-  }
-  // ({
-  //   redirect,
-  //   props,
-  //   reducer,
-  //   store,
-  //   epic: epicMiddleware
-  // }));
-  return Observable.of({
-    store,
-    epic: epicMiddleware,
-    location,
-    notFound: false
-  });
-}
diff --git a/api-server/common/app/entities/index.js b/api-server/common/app/entities/index.js
deleted file mode 100644
index 5d95742299..0000000000
--- a/api-server/common/app/entities/index.js
+++ /dev/null
@@ -1,331 +0,0 @@
-import { findIndex, property, merge } from 'lodash';
-import uuid from 'uuid/v4';
-import {
-  composeReducers,
-  createAction,
-  createTypes,
-  handleActions
-} from 'berkeleys-redux-utils';
-
-import { themes } from '../../utils/themes';
-import { usernameSelector } from '../redux';
-import { types as map } from '../Map/redux';
-import legacyProjects from '../../utils/legacyProjectData';
-
-export const ns = 'entities';
-export const getNS = state => state[ns];
-export const entitiesSelector = getNS;
-export const types = createTypes([
-  'addPortfolioItem',
-  'optoUpdatePortfolio',
-  'regresPortfolio',
-  'resetFullBlocks',
-  'updateLocalProfileUI',
-  'updateMultipleUserFlags',
-  'updateTheme',
-  'updateUserFlag',
-  'updateUserEmail',
-  'updateUserLang',
-  'updateUserCurrentChallenge'
-], ns);
-
-// addPortfolioItem(...PortfolioItem) => Action
-export const addPortfolioItem = createAction(types.addPortfolioItem);
-// optoUpdatePortfolio(...PortfolioItem) => Action
-export const optoUpdatePortfolio = createAction(types.optoUpdatePortfolio);
-// regresPortfolio(id: String) => Action
-export const regresPortfolio = createAction(types.regresPortfolio);
-
-// updateMultipleUserFlags({ username: String, flags: { String }) => Action
-export const updateMultipleUserFlags = createAction(
-  types.updateMultipleUserFlags
-);
-
-// updateUserFlag(username: String, flag: String) => Action
-export const updateUserFlag = createAction(
-  types.updateUserFlag,
-  (username, flag) => ({ username, flag })
-);
-// updateUserEmail(username: String, email: String) => Action
-export const updateUserEmail = createAction(
-  types.updateUserEmail,
-  (username, email) => ({ username, email })
-);
-// updateUserLang(username: String, lang: String) => Action
-export const updateUserLang = createAction(
-  types.updateUserLang,
-  (username, lang) => ({ username, languageTag: lang })
-);
-
-export const updateLocalProfileUI = createAction(types.updateLocalProfileUI);
-
-export const resetFullBlocks = createAction(types.resetFullBlocks);
-
-export const updateUserCurrentChallenge = createAction(
-  types.updateUserCurrentChallenge
-);
-
-// entity meta creators
-const getEntityAction = property('meta.entitiesAction');
-
-export const updateThemeMetacreator = (username, theme) => ({
-  entitiesAction: {
-    type: types.updateTheme,
-    payload: {
-      username,
-      theme: !theme || theme === themes.default ? themes.default : themes.night
-    }
-  }
-});
-
-export function emptyPortfolio() {
-  return {
-  id: uuid(),
-  title: '',
-  description: '',
-  url: '',
-  image: ''
-  };
-}
-
-const defaultState = {
-  superBlock: {},
-  block: {},
-  challenge: {},
-  user: {},
-  fullBlocks: []
-};
-
-export function portfolioSelector(state, props) {
-  const username = usernameSelector(state);
-  const { portfolio } = getNS(state).user[username];
-  const pIndex = findIndex(portfolio, p => p.id === props.id);
-  return portfolio[pIndex];
-}
-
-export function projectsSelector(state) {
-  const {
-    block: blocks,
-    challenge: challengeMap
-  } = getNS(state);
-  const idToNameMap = challengeIdToNameMapSelector(state);
-  const legacyWithDashedNames = legacyProjects
-    .reduce((list, current) => ([
-      ...list,
-      {
-        ...current,
-        challenges: current.challenges.map(id => idToNameMap[id])
-      }
-    ]),
-    []
-  );
-
-  blocks['full-stack-projects'] = {
-    dashedName: 'full-stack',
-    title: 'Full Stack Certification',
-    time: '1800 hours',
-    challenges: [],
-    superBlock: 'full-stack'
-  };
-  return Object.keys(blocks)
-    .filter(key =>
-      key.includes('projects') && !(
-        key.includes('coding-interview') || key.includes('take-home')
-      )
-    )
-    .map(key => blocks[key])
-    .concat(legacyWithDashedNames)
-    .map(({ title, challenges, superBlock }) => {
-      const projectChallengeDashNames = challenges
-        // challengeIdToName is not available on appMount
-        .filter(Boolean)
-        // remove any project intros
-        .filter(chal => !chal.includes('get-set-for'));
-      const projectChallenges = projectChallengeDashNames
-        .map(dashedName => {
-          const { id, title } = challengeMap[dashedName];
-          return { id, title, dashedName };
-        });
-      return {
-        projectBlockName: title,
-        superBlock,
-        challenges: projectChallenges
-      };
-    });
-}
-
-export function challengeIdToNameMapSelector(state) {
-  return getNS(state).challengeIdToName || {};
-}
-
-export const challengeMapSelector = state => getNS(state).challenge || {};
-
-export function makeBlockSelector(block) {
-  return state => {
-    const blockMap = getNS(state).block || {};
-    return blockMap[block] || {};
-  };
-}
-
-export function makeSuperBlockSelector(name) {
-  return state => {
-    const superBlock = getNS(state).superBlock || {};
-    return superBlock[name] || {};
-  };
-}
-
-export const isChallengeLoaded = (state, { dashedName }) =>
-  !!challengeMapSelector(state)[dashedName];
-
-export const fullBlocksSelector = state => getNS(state).fullBlocks;
-
-export default composeReducers(
-  ns,
-  function metaReducer(state = defaultState, action) {
-    const { meta } = action;
-    if (meta && meta.entities) {
-      if (meta.entities.user) {
-        return {
-          ...state,
-          user: {
-            ...state.user,
-            ...meta.entities.user
-          }
-        };
-      }
-      return merge({}, state, action.meta.entities);
-    }
-    return state;
-  },
-  function entitiesReducer(state = defaultState, action) {
-    if (getEntityAction(action)) {
-      const { payload: { username, theme } } = getEntityAction(action);
-      return {
-        ...state,
-        user: {
-          ...state.user,
-          [username]: {
-            ...state.user[username],
-            theme
-          }
-        }
-      };
-    }
-    return state;
-  },
-  handleActions(
-    () => ({
-      [map.fetchMapUi.complete]: (state, { payload: { entities } }) =>
-        merge({}, state, entities),
-      [types.addPortfolioItem]: (state, { payload: username }) => ({
-        ...state,
-        user: {
-          ...state.user,
-          [username]: {
-            ...state.user[username],
-            portfolio: [
-              ...state.user[username].portfolio,
-              emptyPortfolio()
-            ]
-          }
-        }
-      }),
-      [types.optoUpdatePortfolio]: (
-        state,
-        { payload: { username, portfolio }}
-      ) => {
-        const currentPortfolio = state.user[username].portfolio.slice(0);
-        const pIndex = findIndex(currentPortfolio, p => p.id === portfolio.id);
-        const updatedPortfolio = currentPortfolio;
-        updatedPortfolio[pIndex] = portfolio;
-        return {
-          ...state,
-          user: {
-            ...state.user,
-            [username]: {
-              ...state.user[username],
-              portfolio: updatedPortfolio
-            }
-          }
-        };
-      },
-      [types.regresPortfolio]: (state, { payload: { username, id } }) => ({
-        ...state,
-        user: {
-          ...state.user,
-          [username]: {
-            ...state.user[username],
-            portfolio: state.user[username].portfolio.filter(p => p.id !== id)
-          }
-        }
-      }),
-      [types.updateMultipleUserFlags]: (
-        state,
-        { payload: { username, flags }}
-      ) => ({
-        ...state,
-        user: {
-          ...state.user,
-          [username]: {
-            ...state.user[username],
-            ...flags
-          }
-        }
-      }),
-      [types.updateUserFlag]: (state, { payload: { username, flag } }) => ({
-        ...state,
-        user: {
-          ...state.user,
-          [username]: {
-            ...state.user[username],
-            [flag]: !state.user[username][flag]
-          }
-        }
-      }),
-      [types.updateUserEmail]: (state, { payload: { username, email } }) => ({
-        ...state,
-        user: {
-          ...state.user,
-          [username]: {
-            ...state.user[username],
-            email
-          }
-        }
-      }),
-      [types.updateUserLang]:
-      (
-        state,
-        {
-          payload: { username, languageTag }
-        }
-      ) => ({
-        ...state,
-        user: {
-          ...state.user,
-          [username]: {
-            ...state.user[username],
-            languageTag
-          }
-        }
-      }),
-      [types.updateLocalProfileUI]:
-      (
-        state,
-        { payload: { username, profileUI } }
-      ) => ({
-        ...state,
-        user: {
-          ...state.user,
-          [username]: {
-            ...state.user[username],
-            profileUI: {
-              ...state.user[username].profileUI,
-              ...profileUI
-            }
-          }
-        }
-      })
-    }),
-    defaultState
-  )
-);
diff --git a/api-server/common/app/epics.js b/api-server/common/app/epics.js
deleted file mode 100644
index 6f11f8f087..0000000000
--- a/api-server/common/app/epics.js
+++ /dev/null
@@ -1,13 +0,0 @@
-import { epics as app } from './redux';
-import { epics as flash } from './Flash/redux';
-import { epics as map } from './Map/redux';
-import { epics as nav } from './Nav/redux';
-import { epics as settings } from './routes/Settings/redux';
-
-export default [
-  ...app,
-  ...flash,
-  ...map,
-  ...nav,
-  ...settings
-];
diff --git a/api-server/common/app/index.js b/api-server/common/app/index.js
deleted file mode 100644
index 1aa4c9e6a6..0000000000
--- a/api-server/common/app/index.js
+++ /dev/null
@@ -1,3 +0,0 @@
-export { default as createApp } from './create-app.jsx';
-export { default as App } from './App.jsx';
-export { default as provideStore } from './provide-store.js';
diff --git a/api-server/common/app/index.less b/api-server/common/app/index.less
deleted file mode 100644
index 67c084f054..0000000000
--- a/api-server/common/app/index.less
+++ /dev/null
@@ -1,4 +0,0 @@
-&{ @import "./app.less"; }
-&{ @import "./Nav/nav.less"; }
-&{ @import "./Flash/flash.less"; }
-&{ @import "./routes/index.less"; }
diff --git a/api-server/common/app/ns.json b/api-server/common/app/ns.json
deleted file mode 100644
index 74999efc4e..0000000000
--- a/api-server/common/app/ns.json
+++ /dev/null
@@ -1 +0,0 @@
-"app"
diff --git a/api-server/common/app/provide-store.js b/api-server/common/app/provide-store.js
deleted file mode 100644
index 4df78e5f67..0000000000
--- a/api-server/common/app/provide-store.js
+++ /dev/null
@@ -1,11 +0,0 @@
-/* eslint-disable react/display-name */
-import React from 'react';
-import { Provider } from 'react-redux';
-
-export default function provideStore(Component, store) {
-  return (
-    <Provider store={ store } >
-      <Component />
-    </Provider>
-  );
-}
diff --git a/api-server/common/app/reducer.js b/api-server/common/app/reducer.js
deleted file mode 100644
index 9555f1095a..0000000000
--- a/api-server/common/app/reducer.js
+++ /dev/null
@@ -1,23 +0,0 @@
-import { combineReducers } from 'berkeleys-redux-utils';
-
-import app from './redux';
-import entities from './entities';
-import { reducer as form } from 'redux-form';
-import map from './Map/redux';
-import nav from './Nav/redux';
-import routes from './routes/redux';
-import toasts from './Toasts/redux';
-import flash from './Flash/redux';
-
-form.toString = () => 'form';
-
-export default combineReducers(
-  app,
-  entities,
-  map,
-  nav,
-  routes,
-  toasts,
-  flash,
-  form
-);
diff --git a/api-server/common/app/redux/fetch-user-epic.js b/api-server/common/app/redux/fetch-user-epic.js
deleted file mode 100644
index 512aaf907e..0000000000
--- a/api-server/common/app/redux/fetch-user-epic.js
+++ /dev/null
@@ -1,42 +0,0 @@
-import { Observable } from 'rx';
-import { ofType, combineEpics } from 'redux-epic';
-
-import { getJSON$ } from '../../utils/ajax-stream';
-import {
-  types,
-
-  fetchUserComplete,
-  fetchOtherUserComplete,
-  createErrorObservable,
-  showSignIn
-} from './';
-import { userFound } from '../routes/Profile/redux';
-
-function getUserEpic(actions, _, { services }) {
-  return actions::ofType('' + types.fetchUser)
-    .flatMap(() => {
-      return services.readService$({ service: 'user' })
-        .filter(({ entities, result }) => entities && !!result)
-        .map(fetchUserComplete)
-        .defaultIfEmpty(showSignIn())
-        .catch(createErrorObservable);
-    });
-}
-
-function getOtherUserEpic(actions$) {
-  return actions$::ofType(types.fetchOtherUser.start)
-    .distinctUntilChanged()
-    .flatMap(({ payload: otherUser }) => {
-      return getJSON$(`/api/users/get-public-profile?username=${otherUser}`)
-        .flatMap(response => Observable.of(
-          fetchOtherUserComplete(response),
-          userFound(!!response.result)
-        ))
-        .catch(createErrorObservable);
-    });
-}
-
-export default combineEpics(
-  getUserEpic,
-  getOtherUserEpic
-);
diff --git a/api-server/common/app/redux/index.js b/api-server/common/app/redux/index.js
deleted file mode 100644
index 96a2521112..0000000000
--- a/api-server/common/app/redux/index.js
+++ /dev/null
@@ -1,220 +0,0 @@
-import { flow, identity } from 'lodash';
-import { Observable } from 'rx';
-import {
-  combineActions,
-  createAction,
-  createAsyncTypes,
-  createTypes,
-  handleActions
-} from 'berkeleys-redux-utils';
-import { createSelector } from 'reselect';
-
-import fetchUserEpic from './fetch-user-epic.js';
-import nightModeEpic from './night-mode-epic.js';
-
-import {
-  updateThemeMetacreator,
-  entitiesSelector
-} from '../entities';
-import { utils } from '../Flash/redux';
-import { paramsSelector } from '../Router/redux';
-import { types as map } from '../Map/redux';
-
-import ns from '../ns.json';
-
-import { themes, invertTheme } from '../../utils/themes.js';
-
-export const epics = [
-  fetchUserEpic,
-  nightModeEpic
-];
-
-export const types = createTypes([
-  'onRouteHome',
-
-  'appMounted',
-  'analytics',
-  'updateTitle',
-
-  createAsyncTypes('fetchOtherUser'),
-  createAsyncTypes('fetchUser'),
-  'showSignIn',
-
-  'handleError',
-  // used to hit the server
-  'hardGoTo',
-  'delayedRedirect',
-
-  // night mode
-  'toggleNightMode',
-  createAsyncTypes('postTheme')
-], ns);
-
-const throwIfUndefined = () => {
-  throw new TypeError('Argument must not be of  type `undefined`');
-};
-
-// createEventMetaCreator({
-//   category: String,
-//   action: String,
-//   label?: String,
-//   value?: Number
-// }) => () => Object
-export function createEventMetaCreator({
-  // categories are features or namespaces of the app (capitalized):
-  //   Map, Nav, Challenges, and so on
-  category = throwIfUndefined,
-  // can be a one word the event
-  // click, play, toggle.
-  // This is not a hard and fast rule
-  action = throwIfUndefined,
-  // any additional information
-  // when in doubt use redux action type
-  // or a short sentence describing the action
-  label,
-  // used to tack some specific value for a GA event
-  value
-} = throwIfUndefined) {
-  return () => ({
-    analytics: {
-      type: 'event',
-      category,
-      action,
-      label,
-      value
-    }
-  });
-}
-
-export const onRouteHome = createAction(types.onRouteHome);
-export const appMounted = createAction(types.appMounted);
-
-// updateTitle(title: String) => Action
-export const updateTitle = createAction(types.updateTitle);
-
-// fetchOtherUser() => Action
-// used in combination with fetch-user-epic
-// to fetch another users profile
-export const fetchOtherUser = createAction(types.fetchOtherUser.start);
-export const fetchOtherUserComplete = createAction(
-  types.fetchOtherUser.complete,
-  ({ result }) => result,
-  identity
-);
-
-// fetchUser() => Action
-// used in combination with fetch-user-epic
-export const fetchUser = createAction(types.fetchUser);
-export const fetchUserComplete = createAction(
-  types.fetchUser.complete,
-  ({ result }) => result,
-  identity
-);
-
-export const showSignIn = createAction(types.showSignIn);
-
-// used when server needs client to redirect
-export const delayedRedirect = createAction(types.delayedRedirect);
-
-// hardGoTo(path: String) => Action
-export const hardGoTo = createAction(types.hardGoTo);
-
-export const createErrorObservable = error => Observable.just({
-  type: types.handleError,
-  error
-});
-// use sparingly
-// doActionOnError(
-//   actionCreator: (() => Action|Null)
-// ) => (error: Error) => Observable[Action]
-export const doActionOnError = actionCreator => error => Observable.of(
-  {
-    type: types.handleError,
-    error
-  },
-  actionCreator()
-);
-
-export const toggleNightMode = createAction(
-  types.toggleNightMode,
-  null,
-  (username, theme) => updateThemeMetacreator(username, invertTheme(theme))
-);
-export const postThemeComplete = createAction(
-  types.postTheme.complete,
-  null,
-  utils.createFlashMetaAction
-);
-
-export const postThemeError = createAction(
-  types.postTheme.error,
-  null,
-  (username, theme, err) => ({
-    ...updateThemeMetacreator(username, invertTheme(theme)),
-    ...utils.createFlashMetaAction(err)
-  })
-);
-
-const defaultState = {
-  title: 'Learn To Code | freeCodeCamp',
-  isSignInAttempted: false,
-  user: '',
-  csrfToken: '',
-  superBlocks: []
-};
-
-export const getNS = state => state[ns];
-export const csrfSelector = state => getNS(state).csrfToken;
-export const titleSelector = state => getNS(state).title;
-
-export const signInLoadingSelector = state => !getNS(state).isSignInAttempted;
-
-export const usernameSelector = state => getNS(state).user || '';
-export const userSelector = createSelector(
-  state => getNS(state).user,
-  state => entitiesSelector(state).user,
-  (username, userMap) => userMap[username] || {}
-);
-
-export const userByNameSelector = state => {
-  const username = paramsSelector(state).username;
-  const userMap = entitiesSelector(state).user;
-  return userMap[username] || {};
-};
-
-export const themeSelector = flow(
-  userSelector,
-  user => user.theme || themes.default
-);
-
-export const isSignedInSelector = state => !!userSelector(state).username;
-
-export default handleActions(
-  () => ({
-    [types.updateTitle]: (state, { payload = 'Learn To Code' }) => ({
-      ...state,
-      title: payload + ' | freeCodeCamp'
-    }),
-
-    [types.fetchUser.complete]: (state, { payload: user }) => ({
-      ...state,
-      user
-    }),
-    [map.fetchMapUi.complete]: (state, { payload }) => ({
-      ...state,
-      superBlocks: payload.result.superBlocks
-    }),
-    [
-      combineActions(types.showSignIn, types.fetchUser.complete)
-    ]: state => ({
-      ...state,
-      isSignInAttempted: true
-    }),
-    [types.delayedRedirect]: (state, { payload }) => ({
-      ...state,
-      delayedRedirect: payload
-    })
-  }),
-  defaultState,
-  ns
-);
diff --git a/api-server/common/app/redux/night-mode-epic.js b/api-server/common/app/redux/night-mode-epic.js
deleted file mode 100644
index 90e97e75f0..0000000000
--- a/api-server/common/app/redux/night-mode-epic.js
+++ /dev/null
@@ -1,64 +0,0 @@
-import _ from 'lodash';
-import { Observable } from 'rx';
-import { ofType } from 'redux-epic';
-import store from '@freecodecamp/store';
-
-import { themes } from '../../utils/themes.js';
-import { postJSON$ } from '../../utils/ajax-stream.js';
-import {
-  csrfSelector,
-  postThemeComplete,
-  postThemeError,
-  themeSelector,
-  types,
-  usernameSelector
-} from './index.js';
-
-function persistTheme(theme) {
-  store.set('fcc-theme', theme);
-}
-
-export default function nightModeEpic(
-  actions,
-  { getState },
-  { document }
-) {
-  return Observable.of(document)
-    // if document is undefined we do nothing (ssr trap)
-    .filter(Boolean)
-    .flatMap(({ body }) => {
-      const toggleBodyClass = actions
-        ::ofType(
-          types.fetchUser.complete,
-          types.toggleNightMode,
-          types.postTheme.complete,
-          types.postTheme.error
-        )
-        .map(_.flow(getState, themeSelector))
-        // catch existing night mode users
-        .do(persistTheme)
-        .do(theme => {
-          if (theme === themes.night) {
-            body.classList.add(themes.night);
-          } else {
-            body.classList.remove(themes.night);
-          }
-        })
-        .ignoreElements();
-
-      const postThemeEpic = actions::ofType(types.toggleNightMode)
-        .debounce(250)
-        .flatMapLatest(() => {
-          const _csrf = csrfSelector(getState());
-          const theme = themeSelector(getState());
-          const username = usernameSelector(getState());
-          return postJSON$('/update-my-theme', { _csrf, theme })
-            .map(postThemeComplete)
-            .catch(err => {
-              return Observable.of(postThemeError(username, theme, err));
-            });
-        });
-
-      return Observable.merge(toggleBodyClass, postThemeEpic);
-    });
-}
diff --git a/api-server/common/app/redux/utils.js b/api-server/common/app/redux/utils.js
deleted file mode 100644
index 87fdb21b91..0000000000
--- a/api-server/common/app/redux/utils.js
+++ /dev/null
@@ -1,9 +0,0 @@
-import flowRight from 'lodash/flowRight';
-import { createNameIdMap } from '../../utils/map.js';
-
-export const shapeChallenges = flowRight(
-  entities => ({
-    ...entities,
-    ...createNameIdMap(entities)
-  })
-);
diff --git a/api-server/common/app/routes-map.js b/api-server/common/app/routes-map.js
deleted file mode 100644
index be99909c26..0000000000
--- a/api-server/common/app/routes-map.js
+++ /dev/null
@@ -1,17 +0,0 @@
-import reduce from 'lodash/reduce';
-import { types } from './redux';
-import routes from './routes';
-
-export default {
-  ...reduce(routes, (routes, route, type) => {
-    let newRoute;
-    if (typeof route === 'string') {
-      newRoute = route;
-    } else {
-      newRoute = { ...route, path: route.path };
-    }
-    routes[type] = newRoute;
-    return routes;
-  }, {}),
-  [types.routeOnHome]: '/'
-};
diff --git a/api-server/common/app/routes/Admin/README.md b/api-server/common/app/routes/Admin/README.md
deleted file mode 100644
index 7d48e2a6bd..0000000000
--- a/api-server/common/app/routes/Admin/README.md
+++ /dev/null
@@ -1 +0,0 @@
-in case we ever want an admin panel
diff --git a/api-server/common/app/routes/Profile/Profile.jsx b/api-server/common/app/routes/Profile/Profile.jsx
deleted file mode 100644
index eaddf002f7..0000000000
--- a/api-server/common/app/routes/Profile/Profile.jsx
+++ /dev/null
@@ -1,267 +0,0 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import { connect } from 'react-redux';
-import { createSelector } from 'reselect';
-import {
-  Alert,
-  Button,
-  Grid
-} from 'react-bootstrap';
-
-
-import {
-  updateTitle,
-  isSignedInSelector,
-  signInLoadingSelector,
-  usernameSelector,
-  userByNameSelector,
-  fetchOtherUser
-} from '../../redux';
-import { userFoundSelector } from './redux';
-import { paramsSelector } from '../../Router/redux';
-import ns from './ns.json';
-import ChildContainer from '../../Child-Container.jsx';
-import { Link } from '../../Router';
-import CamperHOC from './components/CamperHOC.jsx';
-import Portfolio from './components/Portfolio.jsx';
-import Certificates from './components/Certificates.jsx';
-import Timeline from './components/Timeline.jsx';
-import HeatMap from './components/HeatMap.jsx';
-import { FullWidthRow, Loader } from '../../helperComponents';
-
-const mapStateToProps = createSelector(
-  isSignedInSelector,
-  userByNameSelector,
-  paramsSelector,
-  usernameSelector,
-  signInLoadingSelector,
-  userFoundSelector,
-  (
-    isSignedIn,
-    {
-      username: requestedUsername,
-      profileUI: {
-        isLocked,
-        showAbout,
-        showCerts,
-        showHeatMap,
-        showLocation,
-        showName,
-        showPoints,
-        showPortfolio,
-        showTimeLine
-      } = {}
-    },
-    { username: paramsUsername },
-    currentUsername,
-    showLoading,
-    isUserFound
-  ) => ({
-    isSignedIn,
-    currentUsername,
-    isCurrentUserProfile: paramsUsername === currentUsername,
-    isUserFound,
-    fetchOtherUserCompleted: typeof isUserFound === 'boolean',
-    paramsUsername,
-    requestedUsername,
-    isLocked,
-    showLoading,
-    showAbout,
-    showCerts,
-    showHeatMap,
-    showLocation,
-    showName,
-    showPoints,
-    showPortfolio,
-    showTimeLine
-  })
-);
-
-const mapDispatchToProps = {
-  fetchOtherUser,
-  updateTitle
-};
-
-const propTypes = {
-  currentUsername: PropTypes.string,
-  fetchOtherUser: PropTypes.func.isRequired,
-  fetchOtherUserCompleted: PropTypes.bool,
-  isCurrentUserProfile: PropTypes.bool,
-  isLocked: PropTypes.bool,
-  isSignedIn: PropTypes.bool,
-  isUserFound: PropTypes.bool,
-  paramsUsername: PropTypes.string,
-  requestedUsername: PropTypes.string,
-  showAbout: PropTypes.bool,
-  showCerts: PropTypes.bool,
-  showHeatMap: PropTypes.bool,
-  showLoading: PropTypes.bool,
-  showLocation: PropTypes.bool,
-  showName: PropTypes.bool,
-  showPoints: PropTypes.bool,
-  showPortfolio: PropTypes.bool,
-  showTimeLine: PropTypes.bool,
-  updateTitle: PropTypes.func.isRequired
-};
-
-class Profile extends Component {
-
-  componentWillMount() {
-    this.props.updateTitle('Profile');
-  }
-  componentDidUpdate() {
-    const { requestedUsername, currentUsername, paramsUsername } = this.props;
-    if (!requestedUsername && paramsUsername !== currentUsername) {
-      this.props.fetchOtherUser(paramsUsername);
-    }
-  }
-
-  renderRequestedProfile() {
-    const {
-      fetchOtherUserCompleted,
-      isLocked,
-      isUserFound,
-      isCurrentUserProfile,
-      paramsUsername,
-      showAbout,
-      showLocation,
-      showName,
-      showPoints,
-      showHeatMap,
-      showCerts,
-      showPortfolio,
-      showTimeLine
-    } = this.props;
-    const takeMeToChallenges = (
-      <a href='/challenges/current-challenge'>
-        <Button bsSize='lg' bsStyle='primary'>
-          Take me to the Challenges
-        </Button>
-      </a>
-    );
-    if (isLocked) {
-      return (
-        <div className='full-size'>
-          <h3>
-            {
-              `${paramsUsername} has not made their profile public. `
-            }
-          </h3>
-          <Alert bsStyle='info'>
-            <p>
-              {
-                'In order to view their freeCodeCamp certifications, ' +
-                'they need to make their profile public'
-              }
-            </p>
-          </Alert>
-          { takeMeToChallenges }
-        </div>
-      );
-    }
-    if (!isCurrentUserProfile && (fetchOtherUserCompleted && !isUserFound)) {
-      return (
-        <div className='full-size'>
-          <Alert bsStyle='info'>
-            <p>
-              { `We could not find a user by the name of "${paramsUsername}"` }
-            </p>
-          </Alert>
-          { takeMeToChallenges }
-        </div>
-      );
-    }
-    return (
-      <div>
-        <CamperHOC
-          showAbout={ showAbout }
-          showLocation={ showLocation }
-          showName={ showName }
-          showPoints={ showPoints }
-        />
-        { showHeatMap ? <HeatMap /> : null }
-        { showCerts ? <Certificates /> : null }
-        { showPortfolio ? <Portfolio /> : null }
-        { showTimeLine ? <Timeline className='timelime-container' /> : null }
-      </div>
-    );
-  }
-
-  renderReportUserButton() {
-    const {
-      isSignedIn,
-      fetchOtherUserCompleted,
-      isCurrentUserProfile,
-      isUserFound,
-      paramsUsername
-    } = this.props;
-
-    return (
-      !isSignedIn ||
-      isCurrentUserProfile ||
-      (fetchOtherUserCompleted && !isUserFound)
-    ) ?
-    null :
-    (
-      <FullWidthRow>
-          <Button
-            block={ true }
-            bsSize='lg'
-            bsStyle='warning'
-            href={`/user/${paramsUsername}/report-user`}
-            >
-            Report Profile
-          </Button>
-        </FullWidthRow>
-      );
-  }
-
-  renderSettingsLink() {
-    const { isCurrentUserProfile } = this.props;
-    return isCurrentUserProfile ?
-    <FullWidthRow>
-        <Link to='/settings'>
-          <Button
-            block={ true }
-            bsSize='lg'
-            bsStyle='primary'
-            className='btn-link-social'
-            >
-            Update my settings
-          </Button>
-        </Link>
-      </FullWidthRow> :
-      null;
-    }
-
-  render() {
-    const {
-      isCurrentUserProfile,
-      showLoading,
-      fetchOtherUserCompleted
-    } = this.props;
-    if (isCurrentUserProfile && showLoading) {
-      return <Loader />;
-    }
-    if (!isCurrentUserProfile && !fetchOtherUserCompleted) {
-      return <Loader />;
-    }
-    return (
-      <ChildContainer>
-        <Grid className={`${ns}-container`}>
-          { this.renderSettingsLink() }
-          { this.renderRequestedProfile() }
-          { this.renderReportUserButton() }
-        </Grid>
-      </ChildContainer>
-    );
-  }
-}
-
-Profile.displayName = 'Profile';
-Profile.propTypes = propTypes;
-
-export default connect(
-  mapStateToProps,
-  mapDispatchToProps
-)(Profile);
diff --git a/api-server/common/app/routes/Profile/components/CamperHOC.jsx b/api-server/common/app/routes/Profile/components/CamperHOC.jsx
deleted file mode 100644
index beadb648a2..0000000000
--- a/api-server/common/app/routes/Profile/components/CamperHOC.jsx
+++ /dev/null
@@ -1,77 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { createSelector } from 'reselect';
-import { connect } from 'react-redux';
-
-import { userByNameSelector } from '../../../redux';
-import Camper from '../../Settings/components/Camper.jsx';
-
-const mapStateToProps = createSelector(
-  userByNameSelector,
-  ({
-    name,
-    username,
-    location,
-    points,
-    picture,
-    about,
-    yearsTopContributor
-  }) => ({
-    name,
-    username,
-    location,
-    points,
-    picture,
-    about,
-    yearsTopContributor
-  })
-);
-
-const propTypes = {
-  about: PropTypes.string,
-  location: PropTypes.string,
-  name: PropTypes.string,
-  picture: PropTypes.string,
-  points: PropTypes.number,
-  showAbout: PropTypes.bool,
-  showLocation: PropTypes.bool,
-  showName: PropTypes.bool,
-  showPoints: PropTypes.bool,
-  username: PropTypes.string,
-  yearsTopContributor: PropTypes.array
-};
-
-function CamperHOC({
-  name,
-  username,
-  location,
-  points,
-  picture,
-  about,
-  yearsTopContributor,
-  showAbout,
-  showLocation,
-  showName,
-  showPoints
-}) {
-
-  return (
-    <div>
-      <Camper
-        about={ showAbout ? about : '' }
-        location={ showLocation ? location : '' }
-        name={ showName ? name : '' }
-        picture={ picture }
-        points={ showPoints ? points : null }
-        username={ username }
-        yearsTopContributor={ yearsTopContributor }
-      />
-      <hr />
-    </div>
-  );
-}
-
-CamperHOC.displayName = 'CamperHOC';
-CamperHOC.propTypes = propTypes;
-
-export default connect(mapStateToProps)(CamperHOC);
diff --git a/api-server/common/app/routes/Profile/components/Certificates.jsx b/api-server/common/app/routes/Profile/components/Certificates.jsx
deleted file mode 100644
index 0905163856..0000000000
--- a/api-server/common/app/routes/Profile/components/Certificates.jsx
+++ /dev/null
@@ -1,183 +0,0 @@
-import PropTypes from 'prop-types';
-import React from 'react';
-import _ from 'lodash';
-import { createSelector } from 'reselect';
-import { connect } from 'react-redux';
-import {
-  Button,
-  Row,
-  Col
-} from 'react-bootstrap';
-
-import { FullWidthRow } from '../../../helperComponents';
-
-import { userByNameSelector } from '../../../redux';
-
-const mapStateToProps = createSelector(
-  userByNameSelector,
-  ({
-    isRespWebDesignCert,
-    is2018DataVisCert,
-    isFrontEndLibsCert,
-    isJsAlgoDataStructCert,
-    isApisMicroservicesCert,
-    isInfosecQaCert,
-    isFrontEndCert,
-    isBackEndCert,
-    isDataVisCert,
-    isFullStackCert,
-    is2018FullStackCert,
-    username
-  }) => ({
-    username,
-    hasModernCert: (
-      isRespWebDesignCert ||
-      is2018DataVisCert ||
-      isFrontEndLibsCert ||
-      isJsAlgoDataStructCert ||
-      isApisMicroservicesCert ||
-      isInfosecQaCert
-    ),
-    hasLegacyCert: (isFrontEndCert || isBackEndCert || isDataVisCert),
-    currentCerts: [
-      {
-        show: is2018FullStackCert,
-        title: 'Full Stack Certification',
-        showURL: '2018-full-stack'
-      },
-      {
-        show: isRespWebDesignCert,
-        title: 'Responsive Web Design Certification',
-        showURL: 'responsive-web-design'
-      },
-      {
-        show: isJsAlgoDataStructCert,
-        title: 'JavaScript Algorithms and Data Structures Certification',
-        showURL: 'javascript-algorithms-and-data-structures'
-      },
-      {
-        show: isFrontEndLibsCert,
-        title: 'Front End Libraries Certification',
-        showURL: 'front-end-libraries'
-      },
-      {
-        show: is2018DataVisCert,
-        title: 'Data Visualization Certification',
-        showURL: 'data-visualization'
-      },
-      {
-        show: isApisMicroservicesCert,
-        title: 'APIs and Microservices Certification',
-        showURL: 'apis-and-microservices'
-      },
-      {
-        show: isInfosecQaCert,
-        title: 'Information Security and Quality Assurance Certification',
-        showURL: 'information-security-and-quality-assurance'
-      }
-    ],
-    legacyCerts: [
-      {
-        show: isFullStackCert,
-        title: 'Full Stack Certification',
-        showURL: 'legacy-full-stack'
-      },
-      {
-        show: isFrontEndCert,
-        title: 'Front End Certification',
-        showURL: 'legacy-front-end'
-      },
-      {
-        show: isBackEndCert,
-        title: 'Back End Certification',
-        showURL: 'legacy-back-end'
-      },
-      {
-        show: isDataVisCert,
-        title: 'Data Visualization Certification',
-        showURL: 'legacy-data-visualization'
-      }
-    ]
-  })
-);
-
-function mapDispatchToProps() {
-  return {};
-}
-
-const certArrayTypes = PropTypes.arrayOf(
-  PropTypes.shape({
-    show: PropTypes.bool,
-    title: PropTypes.string,
-    showURL: PropTypes.string
-  })
-);
-
-const propTypes = {
-  currentCerts: certArrayTypes,
-  hasLegacyCert: PropTypes.bool,
-  hasModernCert: PropTypes.bool,
-  legacyCerts: certArrayTypes,
-  username: PropTypes.string
-};
-
-function renderCertShow(username, cert) {
-  return cert.show ? (
-    <Row key={ cert.showURL }>
-      <Col sm={ 10 } smPush={ 1 }>
-        <Button
-          block={ true }
-          bsSize='lg'
-          bsStyle='primary'
-          href={ `/certification/${username}/${cert.showURL}`}
-          >
-          View {cert.title}
-        </Button>
-      </Col>
-    </Row>
-    ) :
-    null;
-}
-
-function Certificates({
-  currentCerts,
-  legacyCerts,
-  hasLegacyCert,
-  hasModernCert,
-  username
-}) {
-  const renderCertShowWithUsername = _.curry(renderCertShow)(username);
-  return (
-    <div>
-      <FullWidthRow>
-        <h2 className='text-center'>freeCodeCamp Certifications</h2>
-        <br />
-        {
-          hasModernCert ?
-          currentCerts.map(renderCertShowWithUsername) :
-          <p className='text-center' >
-            No certifications have been earned under the current curriculum
-          </p>
-        }
-        {
-          hasLegacyCert ?
-          <div>
-            <br />
-            <h3 className='text-center'>Legacy Certifications</h3>
-            <br />
-            {
-              legacyCerts.map(renderCertShowWithUsername)
-            }
-          </div> :
-          null
-        }
-      </FullWidthRow>
-      <hr />
-    </div>
-  );
-}
-
-Certificates.propTypes = propTypes;
-Certificates.displayName = 'Certificates';
-
-export default connect(mapStateToProps, mapDispatchToProps)(Certificates);
diff --git a/api-server/common/app/routes/Profile/components/HeatMap.jsx b/api-server/common/app/routes/Profile/components/HeatMap.jsx
deleted file mode 100644
index 4629748b08..0000000000
--- a/api-server/common/app/routes/Profile/components/HeatMap.jsx
+++ /dev/null
@@ -1,125 +0,0 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import d3 from 'react-d3';
-import CalHeatMap from 'cal-heatmap';
-import { createSelector } from 'reselect';
-import { connect } from 'react-redux';
-import { Helmet } from 'react-helmet';
-import differenceInCalendarMonths from 'date-fns/difference_in_calendar_months';
-
-import { FullWidthRow } from '../../../helperComponents';
-import { userByNameSelector } from '../../../redux';
-
-function ensureD3() {
-  // CalHeatMap requires d3 to be available on window
-  if (typeof window !== 'undefined') {
-    if ('d3' in window) {
-      return;
-    } else {
-      window.d3 = d3;
-    }
-    return;
-  }
-  return;
-}
-
-const mapStateToProps = createSelector(
-  userByNameSelector,
-  ({ calendar, streak }) => ({ calendar, streak })
-);
-
-const propTypes = {
-  calendar: PropTypes.object,
-  streak: PropTypes.shape({
-    current: PropTypes.number,
-    longest: PropTypes.number
-  })
-};
-
-class HeatMap extends Component {
-  constructor(props) {
-    super(props);
-
-    this.renderMap = this.renderMap.bind(this);
-  }
-  componentDidMount() {
-    ensureD3();
-    this.renderMap();
-  }
-
-  renderMap() {
-    const { calendar = {} } = this.props;
-    if (Object.keys(calendar).length === 0) {
-      return null;
-    }
-    const today = new Date();
-    const cal = new CalHeatMap();
-    const rectSelector = '#cal-heatmap > svg > svg.graph-legend > g > rect.r';
-    const calLegendTitles = ['0 items', '1 item', '2 items', '3 or more items'];
-    const firstTS = Object.keys(calendar)[0];
-    const sevenMonths = 1000 * 60 * 60 * 24 * 210;
-    // start should not be earlier than 7 months before now:
-    let start = (firstTS * 1000 + sevenMonths < Date.now())
-      ? new Date(Date.now() - sevenMonths)
-      : new Date(firstTS * 1000);
-    const monthsSinceFirstActive = differenceInCalendarMonths(
-      today,
-      start
-    );
-    cal.init({
-      itemSelector: '#cal-heatmap',
-      domain: 'month',
-      subDomain: 'day',
-      domainDynamicDimension: true,
-      domainGutter: 5,
-      data: calendar,
-      cellSize: 15,
-      cellRadius: 3,
-      cellPadding: 2,
-      tooltip: true,
-      range: monthsSinceFirstActive < 12 ? monthsSinceFirstActive + 1 : 12,
-      start,
-      legendColors: ['#cccccc', '#006400'],
-      legend: [1, 2, 3],
-      label: {
-        position: 'top'
-      }
-    });
-    calLegendTitles.forEach(function(title, i) {
-      document
-      .querySelector(rectSelector + (i + 1).toString() + '> title')
-          .innerHTML = title;
-        });
-    return null;
-  }
-
-  render() {
-    const { streak = {} } = this.props;
-    return (
-      <div id='cal-heatmap-container'>
-        <Helmet>
-          <link href='/css/cal-heatmap.css' rel='stylesheet' />
-        </Helmet>
-        <FullWidthRow>
-          <div id='cal-heatmap' />
-        </FullWidthRow>
-        <FullWidthRow>
-          <div className='streak-container'>
-            <span className='streak'>
-              <strong>Longest Streak:</strong> { streak.longest || 1 }
-            </span>
-            <span className='streak'>
-              <strong>Current Streak:</strong> { streak.current || 1 }
-            </span>
-          </div>
-        </FullWidthRow>
-        <hr />
-      </div>
-    );
-  }
-}
-
-HeatMap.displayName = 'HeatMap';
-HeatMap.propTypes = propTypes;
-
-export default connect(mapStateToProps)(HeatMap);
diff --git a/api-server/common/app/routes/Profile/components/Portfolio.jsx b/api-server/common/app/routes/Profile/components/Portfolio.jsx
deleted file mode 100644
index 76a66bd95d..0000000000
--- a/api-server/common/app/routes/Profile/components/Portfolio.jsx
+++ /dev/null
@@ -1,74 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { createSelector } from 'reselect';
-import { connect } from 'react-redux';
-import { Thumbnail, Media } from 'react-bootstrap';
-
-import { FullWidthRow } from '../../../helperComponents';
-import { userByNameSelector } from '../../../redux';
-
-const mapStateToProps = createSelector(
-  userByNameSelector,
-  ({ portfolio }) => ({ portfolio })
-);
-
-const propTypes = {
-  portfolio: PropTypes.arrayOf(
-    PropTypes.shape({
-      description: PropTypes.string,
-      id: PropTypes.string,
-      image: PropTypes.string,
-      title: PropTypes.string,
-      url: PropTypes.string
-    })
-  )
-};
-
-function Portfolio({ portfolio = [] }) {
-  if (!portfolio.length) {
-    return null;
-  }
-  return (
-    <div>
-      <FullWidthRow>
-        <h2 className='text-center'>Portfolio</h2>
-        {
-          portfolio.map(({ title, url, image, description, id}) => (
-            <Media key={ id }>
-              <Media.Left align='middle'>
-              {
-                image && (
-                  <a href={ url } rel='nofollow'>
-                    <Thumbnail
-                      alt={ `A screen shot of ${title}` }
-                      src={ image }
-                      style={{ width: '150px' }}
-                    />
-                  </a>
-                )
-
-              }
-              </Media.Left>
-                <Media.Body>
-                  <Media.Heading>
-                    <a href={ url } rel='nofollow'>
-                      { title }
-                    </a>
-                  </Media.Heading>
-                  <p>
-                    { description }
-                  </p>
-                </Media.Body>
-            </Media>
-          ))
-        }
-      </FullWidthRow>
-      <hr />
-    </div>
-  );
-}
-
-Portfolio.displayName = 'Portfolio';
-Portfolio.propTypes = propTypes;
-
-export default connect(mapStateToProps)(Portfolio);
diff --git a/api-server/common/app/routes/Profile/components/SocialIcons.jsx b/api-server/common/app/routes/Profile/components/SocialIcons.jsx
deleted file mode 100644
index f1010b33f7..0000000000
--- a/api-server/common/app/routes/Profile/components/SocialIcons.jsx
+++ /dev/null
@@ -1,143 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { createSelector } from 'reselect';
-import { connect } from 'react-redux';
-import { Row, Col } from 'react-bootstrap';
-import FontAwesomeIcon from '@fortawesome/react-fontawesome';
-import {
-  faLinkedin,
-  faGithub,
-  faTwitter
-} from '@fortawesome/free-brands-svg-icons';
-import { faLink } from '@fortawesome/free-solid-svg-icons';
-
-import { userByNameSelector } from '../../../redux';
-
-const propTypes = {
-  email: PropTypes.string,
-  githubProfile: PropTypes.string,
-  isGithub: PropTypes.bool,
-  isLinkedIn: PropTypes.bool,
-  isTwitter: PropTypes.bool,
-  isWebsite: PropTypes.bool,
-  linkedIn: PropTypes.string,
-  show: PropTypes.bool,
-  twitter: PropTypes.string,
-  website: PropTypes.string
-};
-
-const mapStateToProps = createSelector(
-  userByNameSelector,
-  ({
-    githubProfile,
-    isLinkedIn,
-    isGithub,
-    isTwitter,
-    isWebsite,
-    linkedIn,
-    twitter,
-    website
-  }) => ({
-    githubProfile,
-    isLinkedIn,
-    isGithub,
-    isTwitter,
-    isWebsite,
-    linkedIn,
-    show: (isLinkedIn || isGithub || isTwitter || isWebsite),
-    twitter,
-    website
-  })
-);
-
-function mapDispatchToProps() {
-  return {};
-}
-
-function LinkedInIcon(linkedIn) {
-  return (
-    <a href={ linkedIn } rel='no-follow' target='_blank'>
-      <FontAwesomeIcon
-        icon={faLinkedin}
-        size='2x'
-      />
-    </a>
-  );
-}
-
-function GithubIcon(ghURL) {
-  return (
-    <a href={ ghURL } rel='no-follow' target='_blank'>
-      <FontAwesomeIcon
-        icon={faGithub}
-        size='2x'
-      />
-    </a>
-  );
-}
-
-function WebsiteIcon(website) {
-  return (
-    <a href={ website } rel='no-follow' target='_blank'>
-      <FontAwesomeIcon
-        icon={faLink}
-        size='2x'
-      />
-    </a>
-  );
-}
-
-function TwitterIcon(handle) {
-  return (
-    <a href={ handle } rel='no-follow' target='_blank' >
-      <FontAwesomeIcon
-        icon={faTwitter}
-        size='2x'
-      />
-    </a>
-  );
-}
-
-function SocialIcons(props) {
-  const {
-    githubProfile,
-    isLinkedIn,
-    isGithub,
-    isTwitter,
-    isWebsite,
-    linkedIn,
-    show,
-    twitter,
-    website
-  } = props;
-  if (!show) {
-    return null;
-  }
-  return (
-    <Row>
-      <Col
-        className='text-center social-media-icons'
-        sm={ 6 }
-        smOffset={ 3 }
-        >
-        {
-          isLinkedIn ? LinkedInIcon(linkedIn) : null
-        }
-        {
-          isGithub ? GithubIcon(githubProfile) : null
-        }
-        {
-          isWebsite ? WebsiteIcon(website) : null
-        }
-        {
-          isTwitter ? TwitterIcon(twitter) : null
-        }
-      </Col>
-    </Row>
-  );
-}
-
-SocialIcons.displayName = 'SocialIcons';
-SocialIcons.propTypes = propTypes;
-
-export default connect(mapStateToProps, mapDispatchToProps)(SocialIcons);
diff --git a/api-server/common/app/routes/Profile/components/Timeline.jsx b/api-server/common/app/routes/Profile/components/Timeline.jsx
deleted file mode 100644
index c340ee8acc..0000000000
--- a/api-server/common/app/routes/Profile/components/Timeline.jsx
+++ /dev/null
@@ -1,173 +0,0 @@
-import React, { PureComponent } from 'react';
-import PropTypes from 'prop-types';
-import { createSelector } from 'reselect';
-import { connect } from 'react-redux';
-import format from 'date-fns/format';
-import { find, reverse, sortBy } from 'lodash';
-import {
-  Button,
-  Modal,
-  Table
-} from 'react-bootstrap';
-
-import { challengeIdToNameMapSelector } from '../../../entities';
-import { userByNameSelector } from '../../../redux';
-import { homeURL } from '../../../../utils/constantStrings.json';
-import blockNameify from '../../../utils/blockNameify';
-import { Link } from '../../../Router';
-import { FullWidthRow } from '../../../helperComponents';
-import SolutionViewer from '../../Settings/components/SolutionViewer.jsx';
-
-const mapStateToProps = createSelector(
-  challengeIdToNameMapSelector,
-  userByNameSelector,
-  (
-    idToNameMap,
-    { completedChallenges: completedMap = [], username }
-  ) => ({
-    completedMap,
-    idToNameMap,
-    username
-  })
-);
-
-const propTypes = {
-  completedMap: PropTypes.arrayOf(
-    PropTypes.shape({
-      id: PropTypes.string,
-      completedDate: PropTypes.number,
-      challengeType: PropTypes.number,
-      solution: PropTypes.string,
-      files: PropTypes.shape({
-        ext: PropTypes.string,
-        contents: PropTypes.string
-      })
-    })
-  ),
-  idToNameMap: PropTypes.objectOf(PropTypes.string),
-  username: PropTypes.string
-};
-
-class Timeline extends PureComponent {
-  constructor(props) {
-    super(props);
-
-    this.state = {
-      solutionToView: null,
-      solutionOpen: false
-    };
-
-    this.closeSolution = this.closeSolution.bind(this);
-    this.renderCompletion = this.renderCompletion.bind(this);
-    this.viewSolution = this.viewSolution.bind(this);
-  }
-
-  renderCompletion(completed) {
-    const { idToNameMap } = this.props;
-    const { id, completedDate } = completed;
-    const challengeDashedName = idToNameMap[id];
-    return (
-        <tr key={ id }>
-          <td>
-            <a href={`/challenges/${challengeDashedName}`}>
-              { blockNameify(challengeDashedName) }
-            </a>
-          </td>
-          <td className='text-center'>
-            <time dateTime={ format(completedDate, 'YYYY-MM-DDTHH:MM:SSZ') }>
-              {
-                format(completedDate, 'MMMM D, YYYY')
-              }
-            </time>
-          </td>
-          <td/>
-        </tr>
-      );
-  }
-  viewSolution(id) {
-    this.setState(state => ({
-      ...state,
-      solutionToView: id,
-      solutionOpen: true
-    }));
-  }
-
-  closeSolution() {
-    this.setState(state => ({
-      ...state,
-      solutionToView: null,
-      solutionOpen: false
-    }));
-  }
-
-  render() {
-    const { completedMap, idToNameMap, username } = this.props;
-    const { solutionToView: id, solutionOpen } = this.state;
-    if (!Object.keys(idToNameMap).length) {
-      return null;
-    }
-    return (
-      <FullWidthRow>
-        <h2 className='text-center'>Timeline</h2>
-        {
-          completedMap.length === 0 ?
-          <p className='text-center'>
-            No challenges have been completed yet.&nbsp;
-            <Link to={ homeURL }>
-              Get started here.
-            </Link>
-          </p> :
-          <Table condensed={true} striped={true}>
-            <thead>
-              <tr>
-                <th>Challenge</th>
-                <th className='text-center'>Completed</th>
-              </tr>
-            </thead>
-            <tbody>
-              {
-                reverse(
-                  sortBy(
-                    completedMap,
-                    [ 'completedDate' ]
-                  ).filter(({id}) => id in idToNameMap)
-                )
-                .map(this.renderCompletion)
-              }
-            </tbody>
-          </Table>
-        }
-        {
-          id &&
-          <Modal
-            aria-labelledby='contained-modal-title'
-            onHide={this.closeSolution}
-            show={ solutionOpen }
-            >
-            <Modal.Header closeButton={ true }>
-              <Modal.Title id='contained-modal-title'>
-                { `${username}'s Solution to ${blockNameify(idToNameMap[id])}` }
-              </Modal.Title>
-            </Modal.Header>
-            <Modal.Body>
-              <SolutionViewer
-                solution={
-                  find(completedMap, ({id: completedId}) => completedId === id)
-                }
-              />
-            </Modal.Body>
-            <Modal.Footer>
-              <Button onClick={this.closeSolution}>Close</Button>
-            </Modal.Footer>
-          </Modal>
-        }
-      </FullWidthRow>
-    );
-  }
-}
-
-
-Timeline.displayName = 'Timeline';
-Timeline.propTypes = propTypes;
-
-export default connect(mapStateToProps)(Timeline);
diff --git a/api-server/common/app/routes/Profile/index.js b/api-server/common/app/routes/Profile/index.js
deleted file mode 100644
index 2ae2f541bf..0000000000
--- a/api-server/common/app/routes/Profile/index.js
+++ /dev/null
@@ -1,7 +0,0 @@
-import { types } from './redux';
-
-export { default } from './Profile.jsx';
-
-export const routes = {
-  [types.onRouteProfile]: '/:username'
-};
diff --git a/api-server/common/app/routes/Profile/ns.json b/api-server/common/app/routes/Profile/ns.json
deleted file mode 100644
index 2c3185e42e..0000000000
--- a/api-server/common/app/routes/Profile/ns.json
+++ /dev/null
@@ -1 +0,0 @@
-"profile"
diff --git a/api-server/common/app/routes/Profile/profile.less b/api-server/common/app/routes/Profile/profile.less
deleted file mode 100644
index 7c600634d2..0000000000
--- a/api-server/common/app/routes/Profile/profile.less
+++ /dev/null
@@ -1,102 +0,0 @@
-// should be the same as the filename and ./ns.json
-@ns: profile;
-
-.avatar-container {
-  margin: 0 auto;
-  text-align: center;
-  .avatar {
-    height: 180px;
-  }
-}
-
-.solution-viewer {
-  background-color: #fff;
-}
-
-.bigger-text {
-  font-size: 1.7rem;
-}
-
-.bio {
-  text-align: center;
-}
-
-.name, .location, .bio, .points, .yearsTopContributor {
-  font-size: 2rem;
-  margin-bottom: 0;
-}
-
-.@{ns}-container {
-
-  a:hover {
-    text-decoration: none;
-    text-decoration-line: none;
-  }
-
-  .full-size {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    flex-direction: column;
-  }
-  .row {
-    margin-bottom: 15px;
-  }
-
-  .social-media-icons {
-    a {
-      &:first-child {
-        margin-left: 0;
-      }
-
-      margin-left: 32px;
-    }
-  }
-
-  h2, h3 {
-    &.name, &.username, &.points, &.location {
-      margin-top: 0;
-      margin-bottom: 0;
-    }
-  }
-
-  .portfolio-description {
-    height: 62px;
-  }
-
-  .timeline-container {
-    display: flex;
-    align-items: center;
-  }
-
-  #cal-heatmap {
-    display: flex;
-    justify-content: center;
-  }
-
-  .streak-container {
-    display: flex;
-    justify-content: space-around;
-    align-items: center;
-    font-size: 18px;
-  }
-
-  .streak {
-    color: @brand-primary;
-
-    strong {
-      color: #333;
-    }
-  }
-
-}
-
-.night {
-  .@{ns}-container {
-    .streak {
-      strong {
-        color: #ccc;
-      }
-    }
-  }
-}
\ No newline at end of file
diff --git a/api-server/common/app/routes/Profile/redux/index.js b/api-server/common/app/routes/Profile/redux/index.js
deleted file mode 100644
index 920fb930b3..0000000000
--- a/api-server/common/app/routes/Profile/redux/index.js
+++ /dev/null
@@ -1,31 +0,0 @@
-import {
-  createAction,
-  createTypes
-} from 'berkeleys-redux-utils';
-
-import ns from '../ns.json';
-import handleActions from 'berkeleys-redux-utils/lib/handle-actions';
-
-export const types = createTypes([
-  'onRouteProfile',
-  'userFound'
-], 'profile');
-
-export const onRouteProfile = createAction(types.onRouteProfile);
-export const userFound = createAction(types.userFound);
-const initialState = {
-  isUserFound: null
-};
-
-export const userFoundSelector = state => state[ns].isUserFound;
-
-export default handleActions(() => (
-  {
-    [types.userFound]: (state, { payload }) => ({
-      ...state,
-      isUserFound: payload
-    })
-  }),
-  initialState,
-  ns
-);
diff --git a/api-server/common/app/routes/Settings/Settings.jsx b/api-server/common/app/routes/Settings/Settings.jsx
deleted file mode 100644
index 7adfd5d25e..0000000000
--- a/api-server/common/app/routes/Settings/Settings.jsx
+++ /dev/null
@@ -1,122 +0,0 @@
-import PropTypes from 'prop-types';
-import React from 'react';
-import { connect } from 'react-redux';
-import { createSelector } from 'reselect';
-import { Button } from 'react-bootstrap';
-
-import { FullWidthRow, Spacer, Loader } from '../../helperComponents';
-import AboutSettings from './components/About-Settings.jsx';
-import InternetSettings from './components/Internet-Settings.jsx';
-import EmailSettings from './components/Email-Settings.jsx';
-import DangerZone from './components/DangerZone.jsx';
-import CertificationSettings from './components/Cert-Settings.jsx';
-import PortfolioSettings from './components/Portfolio-Settings.jsx';
-import PrivacySettings from './components/Privacy-Settings.jsx';
-import Honesty from './components/Honesty.jsx';
-
-import {
-  toggleNightMode,
-  updateTitle,
-
-  signInLoadingSelector,
-  usernameSelector,
-  themeSelector,
-  hardGoTo
-} from '../../redux';
-
-const mapStateToProps = createSelector(
-  usernameSelector,
-  themeSelector,
-  signInLoadingSelector,
-  (
-    username,
-    theme,
-    showLoading,
-  ) => ({
-    showLoading,
-    username
-  })
-);
-
-const mapDispatchToProps = {
-  hardGoTo,
-  toggleNightMode,
-  updateTitle
-};
-
-const propTypes = {
-  hardGoTo: PropTypes.func.isRequired,
-  showLoading: PropTypes.bool,
-  updateTitle: PropTypes.func.isRequired,
-  username: PropTypes.string
-};
-
-export class Settings extends React.Component {
-  componentWillMount() {
-    this.props.updateTitle('Settings');
-  }
-
-  componentWillReceiveProps({ username, showLoading, hardGoTo }) {
-    if (!username && !showLoading) {
-      hardGoTo('/signup');
-    }
-  }
-
-  render() {
-    const {
-      showLoading,
-      username
-    } = this.props;
-    if (!username && showLoading) {
-      return <Loader />;
-    }
-    return (
-      <div>
-        <FullWidthRow>
-            <Button
-              block={ true }
-              bsSize='lg'
-              bsStyle='primary'
-              className='btn-link-social'
-              href={ `/${username}`}
-              >
-              Show me my public portfolio
-            </Button>
-          <Button
-            block={ true }
-            bsSize='lg'
-            bsStyle='primary'
-            className='btn-link-social'
-            href={ '/signout' }
-            >
-            Sign me out of freeCodeCamp
-          </Button>
-        </FullWidthRow>
-        <h1 className='text-center'>{ `Account Settings for ${username}` }</h1>
-        <AboutSettings />
-        <Spacer />
-        <PrivacySettings />
-        <Spacer />
-        <EmailSettings />
-        <Spacer />
-        <InternetSettings />
-        <Spacer />
-        <PortfolioSettings />
-        <Spacer />
-        <Honesty />
-        <Spacer />
-        <CertificationSettings />
-        <Spacer />
-        <DangerZone />
-      </div>
-    );
-  }
-}
-
-Settings.displayName = 'Settings';
-Settings.propTypes = propTypes;
-
-export default connect(
-  mapStateToProps,
-  mapDispatchToProps
-)(Settings);
diff --git a/api-server/common/app/routes/Settings/ShowSettings.jsx b/api-server/common/app/routes/Settings/ShowSettings.jsx
deleted file mode 100644
index 1bcd62c87b..0000000000
--- a/api-server/common/app/routes/Settings/ShowSettings.jsx
+++ /dev/null
@@ -1,41 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { connect } from 'react-redux';
-import { Grid } from 'react-bootstrap';
-
-import ns from './ns.json';
-import { showUpdateEmailViewSelector } from './redux';
-import Settings from './Settings.jsx';
-import UpdateEmail from './routes/update-email';
-import ChildContainer from '../../Child-Container.jsx';
-
-const mapStateToProps = state => ({
-  showUpdateEmailView: showUpdateEmailViewSelector(state)
-});
-
-const propTypes = {
-  showUpdateEmailView: PropTypes.bool
-};
-
-export function ShowSettings({ showUpdateEmailView }) {
-  let ChildComponent = Settings;
-
-  if (showUpdateEmailView) {
-    ChildComponent = UpdateEmail;
-  }
-
-  return (
-    <ChildContainer>
-      <Grid className={ `${ns}-container` }>
-        <ChildComponent />
-      </Grid>
-    </ChildContainer>
-  );
-}
-
-ShowSettings.displayName = 'ShowSettings';
-ShowSettings.propTypes = propTypes;
-
-export default connect(
-  mapStateToProps
-)(ShowSettings);
diff --git a/api-server/common/app/routes/Settings/Toggle-Button/Toggle-Button.jsx b/api-server/common/app/routes/Settings/Toggle-Button/Toggle-Button.jsx
deleted file mode 100644
index 76f58c14ac..0000000000
--- a/api-server/common/app/routes/Settings/Toggle-Button/Toggle-Button.jsx
+++ /dev/null
@@ -1,55 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { ToggleButtonGroup as BSBG, ToggleButton as TB } from 'react-bootstrap';
-
-import ns from './ns.json';
-
-const propTypes = {
-  name: PropTypes.string.isRequired,
-  offLabel: PropTypes.string,
-  onChange: PropTypes.func.isRequired,
-  onLabel: PropTypes.string,
-  value: PropTypes.bool.isRequired
-};
-
-export default function ToggleButton({
-  name,
-  onChange,
-  value,
-  onLabel = 'On',
-  offLabel = 'Off'
-}) {
-  return (
-    <div className={ `${ns}-container` }>
-      <BSBG
-        name={ name }
-        onChange={ onChange }
-        type='radio'
-        >
-        <TB
-          bsSize='lg'
-          bsStyle='primary'
-          className={ value && 'active' }
-          disabled={ value }
-          type='radio'
-          value={ 1 }
-          >
-          { onLabel }
-        </TB>
-        <TB
-          bsSize='lg'
-          bsStyle='primary'
-          className={ !value && 'active' }
-          disabled={ !value }
-          type='radio'
-          value={ 2 }
-          >
-          { offLabel }
-        </TB>
-      </BSBG>
-    </div>
-  );
-}
-
-ToggleButton.displayName = 'ToggleButton';
-ToggleButton.propTypes = propTypes;
diff --git a/api-server/common/app/routes/Settings/Toggle-Button/index.js b/api-server/common/app/routes/Settings/Toggle-Button/index.js
deleted file mode 100644
index 1428299d5f..0000000000
--- a/api-server/common/app/routes/Settings/Toggle-Button/index.js
+++ /dev/null
@@ -1 +0,0 @@
-export { default } from './Toggle-Button.jsx';
diff --git a/api-server/common/app/routes/Settings/Toggle-Button/ns.json b/api-server/common/app/routes/Settings/Toggle-Button/ns.json
deleted file mode 100644
index d2fa2a0525..0000000000
--- a/api-server/common/app/routes/Settings/Toggle-Button/ns.json
+++ /dev/null
@@ -1 +0,0 @@
-"toggle"
diff --git a/api-server/common/app/routes/Settings/Toggle-Button/toggle.less b/api-server/common/app/routes/Settings/Toggle-Button/toggle.less
deleted file mode 100644
index 4ff123406d..0000000000
--- a/api-server/common/app/routes/Settings/Toggle-Button/toggle.less
+++ /dev/null
@@ -1,21 +0,0 @@
-@ns: toggle;
-
-.@{ns}-container > .btn-group {
-  min-width: 180px;
-  float: right;
-  .btn {
-    margin-top: 20px;
-  }
-  .btn[disabled] {
-    opacity: 1;
-  }
-  @media (max-width: 768px) {
-    float: none;
-    .btn {
-      margin-top: 10px;
-      margin-bottom: 20px;
-    }
-  }
-}
-
-
diff --git a/api-server/common/app/routes/Settings/components/About-Settings.jsx b/api-server/common/app/routes/Settings/components/About-Settings.jsx
deleted file mode 100644
index 214722f5e2..0000000000
--- a/api-server/common/app/routes/Settings/components/About-Settings.jsx
+++ /dev/null
@@ -1,217 +0,0 @@
-import React, { PureComponent } from 'react';
-import PropTypes from 'prop-types';
-import { createSelector } from 'reselect';
-import { bindActionCreators } from 'redux';
-import { reduxForm } from 'redux-form';
-import {
-  Nav,
-  NavItem
-} from 'react-bootstrap';
-
-import { FullWidthRow, Spacer } from '../../../helperComponents';
-import ThemeSettings from './ThemeSettings.jsx';
-import Camper from './Camper.jsx';
-import UsernameSettings from './UsernameSettings.jsx';
-import { userSelector, toggleNightMode } from '../../../redux';
-import { updateUserBackend } from '../redux';
-import {
-  BlockSaveButton,
-  BlockSaveWrapper,
-  FormFields,
-  maxLength,
-  validURL
-} from '../formHelpers';
-
-const max288Char = maxLength(288);
-
-const mapStateToProps = createSelector(
-  userSelector,
-  (
-    {
-      about,
-      location,
-      name,
-      picture,
-      points,
-      theme,
-      username
-    },
-  ) => ({
-    about,
-    currentTheme: theme,
-    initialValues: { name, location, about, picture },
-    location,
-    name,
-    picture,
-    points,
-    username
-  })
-);
-
-const formFields = [ 'name', 'location', 'picture', 'about' ];
-
-function validator(values) {
-  const errors = {};
-  const {
-    about,
-    picture
-  } = values;
-  errors.about = max288Char(about);
-  errors.picutre = validURL(picture);
-
-}
-
-function mapDispatchToProps(dispatch) {
-  return bindActionCreators({
-    toggleNightMode,
-    updateUserBackend
-  }, dispatch);
-}
-
-const propTypes = {
-    about: PropTypes.string,
-    currentTheme: PropTypes.string,
-    fields: PropTypes.object,
-    handleSubmit: PropTypes.func.isRequired,
-    location: PropTypes.string,
-    name: PropTypes.string,
-    picture: PropTypes.string,
-    points: PropTypes.number,
-    toggleNightMode: PropTypes.func.isRequired,
-    updateUserBackend: PropTypes.func.isRequired,
-    username: PropTypes.string
-};
-
-class AboutSettings extends PureComponent {
-  constructor(props) {
-    super(props);
-    this.handleSubmit = this.handleSubmit.bind(this);
-    this.handleTabSelect = this.handleTabSelect.bind(this);
-    this.renderEdit = this.renderEdit.bind(this);
-    this.renderPreview = this.renderPreview.bind(this);
-
-    this.state = {
-      view: 'edit'
-    };
-    this.show = {
-      edit: this.renderEdit,
-      preview: this.renderPreview
-    };
-  }
-
-  handleSubmit(values) {
-    this.props.updateUserBackend(values);
-  }
-
-  handleTabSelect(key) {
-    this.setState(state => ({
-      ...state,
-      view: key
-    }));
-  }
-
-  renderEdit() {
-    const { fields } = this.props;
-    const options = {
-      types: {
-        about: 'textarea',
-        picture: 'url'
-      }
-    };
-    return (
-      <div>
-        <FormFields
-          fields={ fields }
-          options={ options }
-        />
-      </div>
-    );
-  }
-
-  renderPreview() {
-    const {
-      fields: {
-      picture: { value: picture },
-      name: { value: name },
-      location: { value: location },
-      about: { value: about }
-      },
-      points,
-      username
-    } = this.props;
-    return (
-      <Camper
-        about={ about }
-        location={ location }
-        name={ name }
-        picture={ picture }
-        points={ points }
-        username={ username }
-      />
-    );
-  }
-
-  render() {
-    const {
-      currentTheme,
-      fields: { _meta: { allPristine } },
-      handleSubmit,
-      toggleNightMode,
-      username
-    } = this.props;
-    const { view } = this.state;
-
-    const toggleTheme = () => toggleNightMode(username, currentTheme);
-    return (
-      <div className='about-settings'>
-        <UsernameSettings username={ username }/>
-        <FullWidthRow>
-          <Nav
-            activeKey={ view }
-            bsStyle='tabs'
-            className='edit-preview-tabs'
-            onSelect={k => this.handleTabSelect(k)}
-            >
-            <NavItem eventKey='edit' title='Edit Bio'>
-              Edit Bio
-            </NavItem>
-            <NavItem eventKey='preview' title='Preview Bio'>
-              Preview Bio
-            </NavItem>
-          </Nav>
-        </FullWidthRow>
-        <br />
-        <FullWidthRow>
-        <form id='camper-identity' onSubmit={ handleSubmit(this.handleSubmit) }>
-          {
-            this.show[view]()
-          }
-          <BlockSaveWrapper>
-            <BlockSaveButton disabled={ allPristine } />
-          </BlockSaveWrapper>
-        </form>
-        </FullWidthRow>
-        <Spacer />
-        <FullWidthRow>
-          <ThemeSettings
-            currentTheme={ currentTheme }
-            toggleNightMode={ toggleTheme }
-          />
-        </FullWidthRow>
-      </div>
-    );
-  }
-}
-
-AboutSettings.displayName = 'AboutSettings';
-AboutSettings.propTypes = propTypes;
-
-export default reduxForm(
-  {
-    form: 'account-settings',
-    fields: formFields,
-    validate: validator
-  },
-  mapStateToProps,
-  mapDispatchToProps
-)(AboutSettings);
diff --git a/api-server/common/app/routes/Settings/components/Camper.jsx b/api-server/common/app/routes/Settings/components/Camper.jsx
deleted file mode 100644
index f80f444451..0000000000
--- a/api-server/common/app/routes/Settings/components/Camper.jsx
+++ /dev/null
@@ -1,92 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { Col, Row } from 'react-bootstrap';
-import FontAwesomeIcon from '@fortawesome/react-fontawesome';
-import { faAward } from '@fortawesome/free-solid-svg-icons';
-
-import SocialIcons from '../../Profile/components/SocialIcons.jsx';
-
-const propTypes = {
-  about: PropTypes.string,
-  location: PropTypes.string,
-  name: PropTypes.string,
-  picture: PropTypes.string,
-  points: PropTypes.number,
-  username: PropTypes.string,
-  yearsTopContributor: PropTypes.array
-};
-
-function pluralise(word, condition) {
-  return condition ? word + 's' : word;
-}
-function joinArray(array) {
-  return array.reduce((string, item, index, array) => {
-    if (string.length > 0) {
-      if (index === array.length - 1) {
-        return `${string} and ${item}`;
-      } else {
-        return `${string}, ${item}`;
-      }
-    } else {
-      return item;
-    }
-  });
-}
-
-function Camper({
-  name,
-  username,
-  location,
-  points,
-  picture,
-  about,
-  yearsTopContributor
-}) {
-
-  return (
-    <div>
-      <Row>
-        <Col className='avatar-container' xs={ 12 }>
-            <img
-              alt={ username + '\'s profile picture' }
-              className='avatar'
-              src={ picture }
-            />
-        </Col>
-      </Row>
-      <SocialIcons />
-      <h2 className='text-center username'>@{ username }</h2>
-      { name && <p className='text-center name'>{ name }</p> }
-      { location && <p className='text-center location'>{ location }</p> }
-      { about && <p className='bio text-center'>{ about }</p> }
-      {
-        typeof points === 'number' ? (
-          <p className='text-center points'>
-            { `${points} ${pluralise('point', points !== 1)}` }
-          </p>
-        ) : null
-      }
-      { yearsTopContributor.filter(Boolean).length > 0 &&
-        (
-          <div>
-          <br/>
-          <p className='text-center yearsTopContributor'>
-            <FontAwesomeIcon
-              icon={faAward}
-            /> Top Contributor
-          </p>
-          <p className='text-center'>
-          { joinArray(yearsTopContributor) }
-          </p>
-          </div>
-        )
-      }
-      <br/>
-    </div>
-  );
-}
-
-Camper.displayName = 'Camper';
-Camper.propTypes = propTypes;
-
-export default Camper;
diff --git a/api-server/common/app/routes/Settings/components/Cert-Settings.jsx b/api-server/common/app/routes/Settings/components/Cert-Settings.jsx
deleted file mode 100644
index a23b1e7069..0000000000
--- a/api-server/common/app/routes/Settings/components/Cert-Settings.jsx
+++ /dev/null
@@ -1,336 +0,0 @@
-import React, { PureComponent } from 'react';
-import PropTypes from 'prop-types';
-import _ from 'lodash';
-import { createSelector } from 'reselect';
-import { bindActionCreators } from 'redux';
-import { connect } from 'react-redux';
-import { Button } from 'react-bootstrap';
-
-import { FullWidthRow } from '../../../helperComponents';
-import { Form } from '../formHelpers';
-import JSAlgoAndDSForm from './JSAlgoAndDSForm.jsx';
-import SectionHeader from './SectionHeader.jsx';
-import { projectsSelector } from '../../../entities';
-import { claimCert, updateUserBackend } from '../redux';
-import {
-  userSelector,
-  hardGoTo,
-  createErrorObservable
-} from '../../../redux';
-import {
-  buildUserProjectsMap,
-  jsProjectSuperBlock
-} from '../utils/buildUserProjectsMap';
-
-const mapStateToProps = createSelector(
-  userSelector,
-  projectsSelector,
-  (
-    {
-      completedChallenges,
-      isRespWebDesignCert,
-      is2018DataVisCert,
-      isFrontEndLibsCert,
-      isJsAlgoDataStructCert,
-      isApisMicroservicesCert,
-      isInfosecQaCert,
-      isFrontEndCert,
-      isBackEndCert,
-      isDataVisCert,
-      isFullStackCert,
-      username
-    },
-    projects
-  ) => {
-    let modernProjects = projects.filter(p => !p.superBlock.includes('legacy'));
-    modernProjects.push(modernProjects.shift());
-
-    return {
-      allProjects: projects,
-      legacyProjects: projects.filter(p => p.superBlock.includes('legacy')),
-      modernProjects: modernProjects,
-      userProjects: projects
-        .map(block => buildUserProjectsMap(block, completedChallenges))
-        .reduce((projects, current) => ({
-          ...projects,
-          ...current
-        }), {}),
-      blockNameIsCertMap: {
-        'Responsive Web Design Projects': isRespWebDesignCert,
-        /* eslint-disable max-len */
-        'JavaScript Algorithms and Data Structures Projects': isJsAlgoDataStructCert,
-        /* eslint-enable max-len */
-        'Front End Libraries Projects': isFrontEndLibsCert,
-        'Data Visualization Projects': is2018DataVisCert,
-        'APIs and Microservices Projects': isApisMicroservicesCert,
-        'Information Security and Quality Assurance Projects': isInfosecQaCert,
-        'Full Stack Certification': isFullStackCert,
-        'Legacy Front End Projects': isFrontEndCert,
-        'Legacy Back End Projects': isBackEndCert,
-        'Legacy Data Visualization Projects': isDataVisCert
-      },
-      username
-    };
-  }
-);
-
-function mapDispatchToProps(dispatch) {
-  return bindActionCreators({
-    claimCert,
-    createError: createErrorObservable,
-    hardGoTo,
-    updateUserBackend
-  }, dispatch);
-}
-
-const projectsTypes = PropTypes.arrayOf(
-  PropTypes.shape({
-    projectBlockName: PropTypes.string,
-    challenges: PropTypes.arrayOf(
-      PropTypes.shape({
-        dashedName: PropTypes.string,
-        id: PropTypes.string,
-        title: PropTypes.string
-      })
-    )
-  }),
-);
-
-const propTypes = {
-  allProjects: projectsTypes,
-  blockNameIsCertMap: PropTypes.objectOf(PropTypes.bool),
-  claimCert: PropTypes.func.isRequired,
-  createError: PropTypes.func.isRequired,
-  hardGoTo: PropTypes.func.isRequired,
-  legacyProjects: projectsTypes,
-  modernProjects: projectsTypes,
-  superBlock: PropTypes.string,
-  updateUserBackend: PropTypes.func.isRequired,
-  userProjects: PropTypes.objectOf(
-    PropTypes.oneOfType(
-      [
-        // this is really messy, it should be addressed
-        // in completedChallenges migration to unify to one type
-        PropTypes.string,
-        PropTypes.arrayOf(PropTypes.object),
-        PropTypes.object
-      ]
-    )
-  ),
-  username: PropTypes.string
-};
-
-class CertificationSettings extends PureComponent {
-  constructor(props) {
-    super(props);
-    this.buildProjectForms = this.buildProjectForms.bind(this);
-    this.handleSubmit = this.handleSubmit.bind(this);
-  }
-
-  buildProjectForms({
-    projectBlockName,
-    challenges,
-    superBlock
-  }) {
-    const {
-      blockNameIsCertMap,
-      claimCert,
-      hardGoTo,
-      userProjects,
-      username
-    } = this.props;
-    const isCertClaimed = blockNameIsCertMap[projectBlockName];
-    const challengeTitles = challenges
-      .map(challenge => challenge.title || 'Unknown Challenge');
-    if (superBlock === jsProjectSuperBlock) {
-      return (
-        <JSAlgoAndDSForm
-          challenges={ challengeTitles }
-          claimCert={ claimCert }
-          hardGoTo={ hardGoTo }
-          isCertClaimed={ isCertClaimed }
-          jsProjects={ userProjects[superBlock] }
-          key={ superBlock }
-          projectBlockName={ projectBlockName }
-          superBlock={ superBlock }
-          username={ username }
-        />
-      );
-    }
-    const options = challengeTitles
-      .reduce((options, current) => {
-        options.types[current] = 'url';
-        return options;
-      }, { types: {} });
-
-    options.types.id = 'hidden';
-    options.placeholder = false;
-
-    const userValues = userProjects[superBlock] || {};
-
-    if (!userValues.id) {
-      userValues.id = superBlock;
-    }
-
-    const initialValues = challengeTitles
-      .reduce((accu, current) => ({
-        ...accu,
-        [current]: ''
-      }), {});
-
-    const completedProjects = _.values(userValues)
-      .filter(Boolean)
-      .filter(_.isString)
-      // minus 1 to account for the id
-      .length - 1;
-
-    const fullForm = completedProjects === challengeTitles.length;
-
-    let isFullStack = superBlock === 'full-stack';
-    let isFullStackClaimable = false;
-    let description = '';
-    if (isFullStack) {
-      isFullStackClaimable = Object.keys(blockNameIsCertMap).every(function(e) {
-        if (e.indexOf('Full Stack') !== -1 || e.indexOf('Legacy') !== -1) {
-          return true;
-        }
-        return blockNameIsCertMap[e];
-      });
-
-      description = (
-        <div>
-          <p>
-            Once you've earned the following freeCodeCamp certifications,
-            you'll be able to claim The Full Stack Developer Certification:
-          </p>
-          <ul>
-            <li>Responsive Web Design</li>
-            <li>Algorithms and Data Structures</li>
-            <li>Front End Libraries</li>
-            <li>Data Visualization</li>
-            <li>APIs and Microservices</li>
-            <li>Information Security and Quality Assurance</li>
-          </ul>
-        </div>
-      );
-    }
-
-    return (
-      <FullWidthRow key={superBlock}>
-        <h3 className='project-heading'>{ projectBlockName }</h3>
-        {description}
-        <Form
-          buttonText={ fullForm || isFullStack
-            ? 'Claim Certification' : 'Save Progress' }
-          enableSubmit={ isFullStack ? isFullStackClaimable : fullForm }
-          formFields={ challengeTitles.concat([ 'id' ]) }
-          hideButton={isCertClaimed}
-          id={ superBlock }
-          initialValues={{
-            ...initialValues,
-            ...userValues
-          }}
-          options={ options }
-          submit={ this.handleSubmit }
-        />
-        {
-          isCertClaimed ?
-            <Button
-              block={ true }
-              bsSize='lg'
-              bsStyle='primary'
-              href={ `/certification/${username}/${superBlock}`}
-              target='_blank'
-              >
-              Show Certification
-            </Button> :
-            null
-        }
-        <hr />
-      </FullWidthRow>
-    );
-  }
-
-  handleSubmit(values) {
-    const { id } = values;
-    const { allProjects } = this.props;
-    let project = _.find(allProjects, { superBlock: id });
-    if (!project) {
-      // the submitted projects do not belong to current/legacy certifications
-      return this.props.createError(
-        new Error(
-          'Submitted projects do not belong to either current or ' +
-          'legacy certifications'
-        )
-      );
-    }
-    const valuesSaved = _.values(this.props.userProjects[id])
-      .filter(Boolean)
-      .filter(_.isString);
-
-    // minus 1 due to the form id being in values
-    const isProjectSectionComplete =
-      (valuesSaved.length - 1) === project.challenges.length;
-
-    if (isProjectSectionComplete) {
-      return this.props.claimCert(id);
-    }
-    const valuesToIds = project.challenges
-      .reduce((valuesMap, current) => {
-        const solution = values[current.title];
-        if (solution) {
-          return {
-            ...valuesMap,
-            [current.id]: solution
-          };
-        }
-        return valuesMap;
-      }, {});
-    return this.props.updateUserBackend({
-      projects: {
-        [id]: valuesToIds
-      }
-    });
-  }
-
-  render() {
-    const {
-      modernProjects,
-      legacyProjects
-    } = this.props;
-    if (!modernProjects.length) {
-      return null;
-    }
-    return (
-      <div>
-        <SectionHeader>
-          Certification Settings
-        </SectionHeader>
-        <FullWidthRow>
-        <p>
-          Add links to the live demos of your projects as you finish them.
-          Then, once you have added all 5 projects required for a certification,
-          you can claim it.
-        </p>
-        </FullWidthRow>
-        {
-          modernProjects.map(this.buildProjectForms)
-        }
-        <SectionHeader>
-          Legacy Certification Settings
-        </SectionHeader>
-        {
-          legacyProjects.map(this.buildProjectForms)
-        }
-      </div>
-    );
-  }
-}
-
-CertificationSettings.displayName = 'CertificationSettings';
-CertificationSettings.propTypes = propTypes;
-
-export default connect(
-  mapStateToProps,
-  mapDispatchToProps
-)(CertificationSettings);
diff --git a/api-server/common/app/routes/Settings/components/DangerZone.jsx b/api-server/common/app/routes/Settings/components/DangerZone.jsx
deleted file mode 100644
index f8f956b0c8..0000000000
--- a/api-server/common/app/routes/Settings/components/DangerZone.jsx
+++ /dev/null
@@ -1,105 +0,0 @@
-import React, { PureComponent } from 'react';
-import PropTypes from 'prop-types';
-import { Panel, Alert, Button } from 'react-bootstrap';
-import { connect } from 'react-redux';
-
-import { ButtonSpacer, FullWidthRow } from '../../../helperComponents';
-import ResetModal from './ResetModal.jsx';
-import DeleteModal from './DeleteModal.jsx';
-import { resetProgress, deleteAccount } from '../redux';
-
-const propTypes = {
-  deleteAccount: PropTypes.func.isRequired,
-  resetProgress: PropTypes.func.isRequired
-};
-
-const mapStateToProps = () => ({});
-const mapDispatchToProps = {
-  deleteAccount,
-  resetProgress
-};
-
-class DangerZone extends PureComponent {
-  constructor(props) {
-    super(props);
-
-    this.state = {
-      delete: false,
-      reset: false
-    };
-
-    this.toggleDeleteModal = this.toggleDeleteModal.bind(this);
-    this.toggleResetModal = this.toggleResetModal.bind(this);
-  }
-
-  toggleDeleteModal() {
-    return this.setState(state => ({
-      ...state,
-      delete: !state.delete
-    }));
-  }
-
-  toggleResetModal() {
-    return this.setState(state => ({
-      ...state,
-      reset: !state.reset
-    }));
-  }
-
-  render() {
-    const { resetProgress, deleteAccount } = this.props;
-    return (
-      <div>
-        <FullWidthRow>
-          <Panel
-            bsStyle='danger'
-            className='danger-zone-panel'
-            header={<h2><strong>Danger Zone</strong></h2>}
-            >
-            <Alert
-              bsStyle='danger'
-              >
-              <p>
-                Please be careful! Changes in this section are permanent.
-              </p>
-            </Alert>
-            <FullWidthRow>
-              <Button
-                block={ true }
-                bsSize='lg'
-                bsStyle='danger'
-                onClick={ this.toggleResetModal }
-                >
-                Reset all of my progress
-              </Button>
-              <ButtonSpacer />
-              <Button
-                block={ true }
-                bsSize='lg'
-                bsStyle='danger'
-                onClick={ this.toggleDeleteModal }
-                >
-                Delete my account
-              </Button>
-            </FullWidthRow>
-          </Panel>
-          <ResetModal
-            onHide={ this.toggleResetModal }
-            reset={ resetProgress }
-            show={ this.state.reset }
-          />
-          <DeleteModal
-            delete={ deleteAccount }
-            onHide={ this.toggleDeleteModal }
-            show={ this.state.delete }
-          />
-        </FullWidthRow>
-      </div>
-    );
-  }
-}
-
-DangerZone.displayName = 'DangerZone';
-DangerZone.propTypes = propTypes;
-
-export default connect(mapStateToProps, mapDispatchToProps)(DangerZone);
diff --git a/api-server/common/app/routes/Settings/components/DeleteModal.jsx b/api-server/common/app/routes/Settings/components/DeleteModal.jsx
deleted file mode 100644
index 9b77378a75..0000000000
--- a/api-server/common/app/routes/Settings/components/DeleteModal.jsx
+++ /dev/null
@@ -1,71 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { Modal, Button } from 'react-bootstrap';
-
-const propTypes = {
-  delete: PropTypes.func.isRequired,
-  onHide: PropTypes.func.isRequired,
-  show: PropTypes.bool
-};
-
-function DeleteModal(props) {
-  const { show, onHide } = props;
-  return (
-    <Modal
-      aria-labelledby='modal-title'
-      autoFocus={ true }
-      backdrop={ true }
-      bsSize='lg'
-      keyboard={ true }
-      onHide={ onHide }
-      show={ show }
-      >
-      <Modal.Header closeButton={ true }>
-        <Modal.Title id='modal-title'>Delete My Account</Modal.Title>
-      </Modal.Header>
-      <Modal.Body>
-        <p>
-          This will really delete all your data, including all your progress
-          and account information.
-        </p>
-        <p>
-          We won't be able to recover any of it for you later,
-          even if you change your mind.
-        </p>
-        <p>
-          If there's something we could do better, send us an email instead and
-          we'll do our best: &thinsp;
-          <a href='mailto:team@freecodecamp.org' title='team@freecodecamp.org'>
-            team@freecodecamp.org
-          </a>
-        </p>
-        <hr />
-        <Button
-          block={ true }
-          bsSize='lg'
-          bsStyle='success'
-          onClick={ props.onHide }
-          >
-          Nevermind, I don't want to delete my account
-        </Button>
-        <div className='button-spacer' />
-        <Button
-          block={ true }
-          bsSize='lg'
-          bsStyle='danger'
-          onClick={ props.delete }
-          >
-          I am 100% certain. Delete everything related to this account
-        </Button>
-      </Modal.Body>
-      <Modal.Footer>
-        <Button onClick={ props.onHide }>Close</Button>
-      </Modal.Footer>
-    </Modal>
-  );
-}
-
-DeleteModal.displayName = 'DeleteModal';
-DeleteModal.propTypes = propTypes;
-
-export default DeleteModal;
diff --git a/api-server/common/app/routes/Settings/components/Email-Settings.jsx b/api-server/common/app/routes/Settings/components/Email-Settings.jsx
deleted file mode 100644
index f1489cc1fc..0000000000
--- a/api-server/common/app/routes/Settings/components/Email-Settings.jsx
+++ /dev/null
@@ -1,170 +0,0 @@
-import React, { PureComponent } from 'react';
-import PropTypes from 'prop-types';
-import { createSelector } from 'reselect';
-import { bindActionCreators } from 'redux';
-import { reduxForm } from 'redux-form';
-import {
-  Alert,
-  Button,
-  Col,
-  ControlLabel,
-  HelpBlock,
-  Row
-} from 'react-bootstrap';
-
-import TB from '../Toggle-Button';
-import EmailForm from './EmailForm.jsx';
-import { Link } from '../../../Router';
-import { FullWidthRow, Spacer } from '../../../helperComponents';
-import SectionHeader from './SectionHeader.jsx';
-import { userSelector } from '../../../redux';
-import { onRouteUpdateEmail, updateMyEmail, updateUserBackend } from '../redux';
-
-const mapStateToProps = createSelector(
-  userSelector,
-  ({
-    email,
-    isEmailVerified,
-    sendQuincyEmail
-  }) => ({
-    email,
-    initialValues: { email },
-    isEmailVerified,
-    sendQuincyEmail
-  })
-);
-
-function mapDispatchToProps(dispatch) {
-  return bindActionCreators({
-    updateMyEmail,
-    updateUserBackend
-  }, dispatch);
-}
-
-const propTypes = {
-  email: PropTypes.string,
-  isEmailVerified: PropTypes.bool,
-  options: PropTypes.arrayOf(
-    PropTypes.shape({
-      flag: PropTypes.string,
-      label: PropTypes.string,
-      bool: PropTypes.bool
-    })
-  ),
-  sendQuincyEmail: PropTypes.bool,
-  updateMyEmail: PropTypes.func.isRequired,
-  updateUserBackend: PropTypes.func.isRequired
-};
-
-export function UpdateEmailButton() {
-  return (
-    <Link
-      style={{ textDecoration: 'none' }}
-      to={ onRouteUpdateEmail() }
-      >
-      <Button
-        block={ true }
-        bsSize='lg'
-        bsStyle='primary'
-        className='btn-link-social'
-        >
-        Edit
-      </Button>
-    </Link>
-  );
-}
-
-class EmailSettings extends PureComponent {
-  constructor(props) {
-    super(props);
-
-    this.handleSubmit = this.handleSubmit.bind(this);
-  }
-
-  handleSubmit({ email }) {
-
-    this.props.updateMyEmail(email);
-  }
-
-  render() {
-    const {
-      email,
-      isEmailVerified,
-      sendQuincyEmail,
-      updateUserBackend
-    } = this.props;
-    if (!email) {
-      return (
-        <div>
-          <FullWidthRow>
-            <p className='large-p text-center'>
-              You do not have an email associated with this account.
-            </p>
-          </FullWidthRow>
-          <FullWidthRow>
-            <UpdateEmailButton />
-          </FullWidthRow>
-        </div>
-      );
-    }
-    return (
-      <div className='email-settings'>
-        <SectionHeader>
-          Email Settings
-        </SectionHeader>
-        {
-          isEmailVerified ? null :
-          <FullWidthRow>
-            <HelpBlock>
-              <Alert bsStyle='info'>
-              Your email has not been verified.
-              To use your email, you must
-              <a href='/update-email'> verify it here first</a>.
-              </Alert>
-            </HelpBlock>
-          </FullWidthRow>
-        }
-        <FullWidthRow>
-          <EmailForm
-            email={ email }
-            initialValues={{ email, confirmEmail: '' }}
-          />
-        </FullWidthRow>
-        <Spacer />
-        <FullWidthRow>
-          <Row className='inline-form-field' key='sendQuincyEmail'>
-            <Col sm={ 8 }>
-              <ControlLabel htmlFor='sendQuincyEmail'>
-                Send me Quincy&apos;s weekly email
-              </ControlLabel>
-            </Col>
-            <Col sm={ 4 }>
-              <TB
-                id='sendQuincyEmail'
-                name='sendQuincyEmail'
-                onChange={
-                  () => updateUserBackend({
-                    sendQuincyEmail: !sendQuincyEmail
-                  })
-                }
-                value={ sendQuincyEmail }
-              />
-            </Col>
-          </Row>
-        </FullWidthRow>
-      </div>
-    );
-  }
-}
-
-EmailSettings.displayName = 'EmailSettings';
-EmailSettings.propTypes = propTypes;
-
-export default reduxForm(
-  {
-    form: 'email-settings',
-    fields: [ 'email' ]
-  },
-  mapStateToProps,
-  mapDispatchToProps
-)(EmailSettings);
diff --git a/api-server/common/app/routes/Settings/components/EmailForm.jsx b/api-server/common/app/routes/Settings/components/EmailForm.jsx
deleted file mode 100644
index 4751589859..0000000000
--- a/api-server/common/app/routes/Settings/components/EmailForm.jsx
+++ /dev/null
@@ -1,170 +0,0 @@
-import React, { PureComponent} from 'react';
-import PropTypes from 'prop-types';
-import { reduxForm } from 'redux-form';
-import {
-  Row,
-  Col,
-  ControlLabel,
-  FormControl,
-  HelpBlock,
-  Alert
-} from 'react-bootstrap';
-import { updateUserBackend } from '../redux';
-import { FullWidthRow, Spacer } from '../../../helperComponents';
-import { BlockSaveButton, BlockSaveWrapper, validEmail } from '../formHelpers';
-
-const propTypes = {
-  email: PropTypes.string,
-  errors: PropTypes.object,
-  fields: PropTypes.objectOf(
-    PropTypes.shape({
-      name: PropTypes.string.isRequired,
-      onChange: PropTypes.func.isRequired,
-      value: PropTypes.string.isRequired
-    })
-  ),
-  handleSubmit: PropTypes.func.isRequired,
-  updateUserBackend: PropTypes.func.isRequired
-};
-
-function mapStateToProps() {
-  return {};
-}
-
-const mapDispatchtoProps = { updateUserBackend };
-
-function validator(values) {
-  const errors = {};
-  const { email = '', confirmEmail = '' } = values;
-
-  errors.email = validEmail(email);
-  if (errors.email || errors.confirmEmail) {
-    return errors;
-  }
-  errors.confirmEmail = email.toLowerCase() === confirmEmail.toLowerCase() ?
-    null :
-    'Emails should be the same';
-
-    return errors;
-}
-
-class EmailForm extends PureComponent {
-  constructor(props) {
-    super(props);
-
-    this.options = {
-      required: [ 'confirmEmail', 'email' ],
-      types: { confirmemail: 'email', email: 'email' }
-    };
-    this.handleSubmit = this.handleSubmit.bind(this);
-  }
-
-  handleSubmit(values) {
-    const { updateUserBackend } = this.props;
-    const update = {
-      email: values.email
-    };
-    updateUserBackend(update);
-  }
-
-  render() {
-
-    const {
-      fields: { email, confirmEmail },
-      handleSubmit
-    } = this.props;
-
-    const disableForm = (email.pristine && confirmEmail.pristine) ||
-      (!!email.error || !!confirmEmail.error);
-
-    return (
-      <form id='email-form' onSubmit={ handleSubmit(this.handleSubmit) }>
-        <Row className='inline-form-field'>
-          <Col sm={ 3 } xs={ 12 }>
-            Current Email
-          </Col>
-          <Col sm={ 9 } xs={ 12 }>
-            <h4>
-              { this.props.email }
-            </h4>
-          </Col>
-        </Row>
-        <Row className='inline-form-field'>
-            <Col sm={ 3 } xs={ 12 }>
-              <ControlLabel htmlFor='email'>
-                New Email
-              </ControlLabel>
-            </Col>
-            <Col sm={ 9 } xs={ 12 }>
-              <FormControl
-                bsSize='lg'
-                id='email'
-                name='email'
-                onChange={ email.onChange }
-                required={ true }
-                type='email'
-                value={ email.value }
-              />
-            </Col>
-          </Row>
-          <FullWidthRow>
-            {
-              !email.pristine && email.error ?
-              <HelpBlock>
-                <Alert bsStyle='danger'>
-                  { email.error }
-                </Alert>
-              </HelpBlock> :
-              null
-            }
-          </FullWidthRow>
-          <Row className='inline-form-field'>
-            <Col sm={ 3 } xs={ 12 }>
-              <ControlLabel htmlFor='confirm-email'>
-                Confirm New Email
-              </ControlLabel>
-            </Col>
-            <Col sm={ 9 } xs={ 12 }>
-              <FormControl
-                bsSize='lg'
-                id='confirm-email'
-                name='confirm-email'
-                onChange={ confirmEmail.onChange }
-                required={ true }
-                type='email'
-                value={ confirmEmail.value }
-              />
-            </Col>
-          </Row>
-          <FullWidthRow>
-            {
-              !confirmEmail.pristine && confirmEmail.error ?
-              <HelpBlock>
-                <Alert bsStyle='danger'>
-                  { confirmEmail.error }
-                </Alert>
-              </HelpBlock> :
-              null
-            }
-          </FullWidthRow>
-          <Spacer />
-          <BlockSaveWrapper>
-            <BlockSaveButton disabled={ disableForm } />
-          </BlockSaveWrapper>
-      </form>
-    );
-  }
-}
-
-EmailForm.displayName = 'EmailForm';
-EmailForm.propTypes = propTypes;
-
-export default reduxForm(
-  {
-    form: 'email-form',
-    fields: [ 'confirmEmail', 'email' ],
-    validate: validator
-  },
-  mapStateToProps,
-  mapDispatchtoProps
-)(EmailForm);
diff --git a/api-server/common/app/routes/Settings/components/Honesty.jsx b/api-server/common/app/routes/Settings/components/Honesty.jsx
deleted file mode 100644
index b846aec01a..0000000000
--- a/api-server/common/app/routes/Settings/components/Honesty.jsx
+++ /dev/null
@@ -1,95 +0,0 @@
-import React, { PureComponent } from 'react';
-import PropTypes from 'prop-types';
-import { Button, Panel } from 'react-bootstrap';
-import { createSelector } from 'reselect';
-import { connect } from 'react-redux';
-
-import { FullWidthRow } from '../../../helperComponents';
-import SectionHeader from './SectionHeader.jsx';
-import { userSelector } from '../../../redux';
-import academicPolicy from '../../../../resource/academicPolicy';
-import { updateUserBackend } from '../redux';
-
-const propTypes = {
-  isHonest: PropTypes.bool,
-  policy: PropTypes.arrayOf(PropTypes.string),
-  updateUserBackend: PropTypes.func.isRequired
-};
-
-const mapStateToProps = createSelector(
-  userSelector,
-  ({ isHonest }) => ({
-    policy: academicPolicy,
-    isHonest
-  })
-);
-
-const mapDispatchToProps = { updateUserBackend };
-
-class Honesty extends PureComponent {
-  constructor(props) {
-    super(props);
-    this.state = {
-      showHonesty: false
-    };
-
-    this.handleAgreeClick = this.handleAgreeClick.bind(this);
-  }
-
-  handleAgreeClick() {
-    this.props.updateUserBackend({ isHonest: true });
-  }
-
-  render() {
-    const { policy, isHonest } = this.props;
-    const isHonestAgreed = (
-      <Panel bsStyle='info'>
-        <p>
-          You have accepted our Academic Honesty Policy.
-        </p>
-      </Panel>
-    );
-    const agreeButton = (
-      <Button
-        block={ true }
-        bsStyle='primary'
-        onClick={ this.handleAgreeClick }
-        >
-        Agree
-      </Button>
-    );
-    return (
-      <div className='honesty-policy'>
-        <SectionHeader>
-          Academic Honesty Policy
-        </SectionHeader>
-        <FullWidthRow>
-          <Panel>
-            {
-              policy.map(
-                (line, i) => (
-                  <p
-                  dangerouslySetInnerHTML={{ __html: line }}
-                  key={ '' + i + line.slice(0, 10) }
-                  />
-                )
-              )
-            }
-            <br />
-            {
-              isHonest ?
-                isHonestAgreed :
-                agreeButton
-            }
-          </Panel>
-        </FullWidthRow>
-      </div>
-    );
-  }
-}
-
-
-Honesty.displayName = 'Honesty';
-Honesty.propTypes = propTypes;
-
-export default connect(mapStateToProps, mapDispatchToProps)(Honesty);
diff --git a/api-server/common/app/routes/Settings/components/Internet-Settings.jsx b/api-server/common/app/routes/Settings/components/Internet-Settings.jsx
deleted file mode 100644
index 8c090c7e55..0000000000
--- a/api-server/common/app/routes/Settings/components/Internet-Settings.jsx
+++ /dev/null
@@ -1,113 +0,0 @@
-import React, { PureComponent } from 'react';
-import PropTypes from 'prop-types';
-import { createSelector } from 'reselect';
-import { bindActionCreators } from 'redux';
-import { reduxForm } from 'redux-form';
-
-import { FullWidthRow, Spacer } from '../../../helperComponents';
-import { BlockSaveButton, BlockSaveWrapper, FormFields } from '../formHelpers';
-import SectionHeader from './SectionHeader.jsx';
-import { userSelector } from '../../../redux';
-import { updateUserBackend } from '../redux';
-
-const mapStateToProps = createSelector(
-  userSelector,
-  ({
-    githubProfile = '',
-    linkedin = '',
-    twitter = '',
-    website = ''
-  }) => ({
-    initialValues: {
-      githubProfile,
-      linkedin,
-      twitter,
-      personalWebsite: website
-    }
-  })
-);
-
-const formFields = [
-  'githubProfile',
-  'linkedin',
-  'twitter',
-  'personalWebsite'
-];
-
-function mapDispatchToProps(dispatch) {
-  return bindActionCreators({
-    updateUserBackend
-  }, dispatch);
-}
-
-const propTypes = {
-  fields: PropTypes.object,
-  githubProfile: PropTypes.string,
-  handleSubmit: PropTypes.func.isRequired,
-  linkedin: PropTypes.string,
-  personalWebsite: PropTypes.string,
-  twitter: PropTypes.string,
-  updateUserBackend: PropTypes.func.isRequired,
-  username: PropTypes.string
-};
-
-class InternetSettings extends PureComponent {
-  constructor(props) {
-    super(props);
-
-    this.handleSubmit = this.handleSubmit.bind(this);
-  }
-
-  handleSubmit({personalWebsite, ...others}) {
-    this.props.updateUserBackend({ ...others, website: personalWebsite });
-  }
-
-  render() {
-    const {
-      fields,
-      fields: { _meta: { allPristine } },
-      handleSubmit
-    } = this.props;
-    const options = {
-      types: formFields.reduce(
-        (all, current) => ({ ...all, [current]: 'url' }),
-        {}
-      ),
-      placeholder: false
-    };
-    return (
-      <div className='internet-settings'>
-        <SectionHeader>
-          Your Internet Presence
-        </SectionHeader>
-        <FullWidthRow>
-          <form
-            id='internet-handle-settings'
-            onSubmit={ handleSubmit(this.handleSubmit) }
-            >
-            <FormFields
-              fields={ fields }
-              options={ options }
-            />
-            <Spacer />
-            <BlockSaveWrapper>
-              <BlockSaveButton disabled={ allPristine }/>
-            </BlockSaveWrapper>
-          </form>
-        </FullWidthRow>
-      </div>
-    );
-  }
-}
-
-InternetSettings.displayName = 'InternetSettings';
-InternetSettings.propTypes = propTypes;
-
-export default reduxForm(
-  {
-    form: 'internet-settings',
-    fields: formFields
-  },
-  mapStateToProps,
-  mapDispatchToProps
-)(InternetSettings);
diff --git a/api-server/common/app/routes/Settings/components/JSAlgoAndDSForm.jsx b/api-server/common/app/routes/Settings/components/JSAlgoAndDSForm.jsx
deleted file mode 100644
index 3a5c14d907..0000000000
--- a/api-server/common/app/routes/Settings/components/JSAlgoAndDSForm.jsx
+++ /dev/null
@@ -1,134 +0,0 @@
-import React, { PureComponent } from 'react';
-import { kebabCase, defaultTo } from 'lodash';
-import PropTypes from 'prop-types';
-import { Button } from 'react-bootstrap';
-
-import { FullWidthRow } from '../../../helperComponents';
-import { BlockSaveButton } from '../formHelpers';
-import { Link } from '../../../Router';
-import SolutionViewer from './SolutionViewer.jsx';
-
-const jsFormPropTypes = {
-  challenges: PropTypes.arrayOf(PropTypes.string),
-  claimCert: PropTypes.func.isRequired,
-  hardGoTo: PropTypes.func.isRequired,
-  isCertClaimed: PropTypes.bool,
-  jsProjects: PropTypes.objectOf(
-    PropTypes.oneOfType([
-      PropTypes.arrayOf(PropTypes.object),
-      PropTypes.string
-    ])
-  ),
-  projectBlockName: PropTypes.string,
-  superBlock: PropTypes.string,
-  username: PropTypes.string
-};
-
-const jsProjectPath = '/challenges/javascript-algorithms-and-data-structures-' +
-  'projects/';
-
-class JSAlgoAndDSForm extends PureComponent {
-  constructor(props) {
-    super(props);
-
-    this.state = {};
-    this.handleSolutionToggle = this.handleSolutionToggle.bind(this);
-    this.handleSubmit = this.handleSubmit.bind(this);
-  }
-
-  handleSolutionToggle(e) {
-    e.persist();
-    return this.setState(state => ({
-      ...state,
-      [e.target.id]: !state[e.target.id]
-    }));
-  }
-
-  handleSubmit(e) {
-    e.preventDefault();
-    const { username, superBlock, isCertClaimed } = this.props;
-    if (isCertClaimed) {
-      return this.props.hardGoTo(`/certification/${username}/${superBlock}`);
-    }
-    return this.props.claimCert(superBlock);
-  }
-
-  render() {
-    const {
-      projectBlockName,
-      challenges = [],
-      jsProjects = {},
-      isCertClaimed
-    } = this.props;
-    const completeCount = Object.values(jsProjects)
-      .map(val => defaultTo(val, {}))
-      .filter(challengeInfo => Object.keys(challengeInfo).length !== 0)
-      .length;
-
-    return (
-      <FullWidthRow>
-        <h3 className='project-heading'>{ projectBlockName }</h3>
-        <p>
-          To complete this certification, you must first complete the
-          JavaScript Algorithms and Data Structures project challenges
-        </p>
-        <ul className='solution-list'>
-          {
-            challenges.map(challenge => (
-              <div key={ challenge }>
-                <li className='solution-list-item'>
-                  <p>{ challenge }</p>
-                  {
-                    Object.keys(jsProjects[challenge] || {}).length ?
-                    <div>
-                      <Button
-                        bsSize='lg'
-                        bsStyle='primary'
-                        id={ challenge }
-                        onClick={ this.handleSolutionToggle }
-                        >
-                        { this.state[challenge] ? 'Hide' : 'Show' } Solution
-                      </Button>
-                    </div> :
-                    <Link
-                      rel='noopener noreferrer'
-                      target='_blank'
-                      to={`${jsProjectPath}${kebabCase(challenge)}`}
-                      >
-                      <Button
-                        bsSize='lg'
-                        bsStyle='primary'
-                        >
-                        Complete Project
-                      </Button>
-                    </Link>
-                  }
-                </li>
-                {
-                  this.state[challenge] ?
-                    <SolutionViewer files={ jsProjects[challenge] } /> :
-                    null
-                }
-              </div>
-            ))
-          }
-        </ul>
-        {
-          Object.keys(jsProjects).length === completeCount ?
-          <form onSubmit={ this.handleSubmit }>
-            <BlockSaveButton>
-              { isCertClaimed ? 'Show' : 'Claim'} Certification
-            </BlockSaveButton>
-          </form> :
-          null
-        }
-        <hr />
-      </FullWidthRow>
-    );
-  }
-}
-
-JSAlgoAndDSForm.displayName = 'JSAlgoAndDSForm';
-JSAlgoAndDSForm.propTypes = jsFormPropTypes;
-
-export default JSAlgoAndDSForm;
diff --git a/api-server/common/app/routes/Settings/components/Portfolio-Settings.jsx b/api-server/common/app/routes/Settings/components/Portfolio-Settings.jsx
deleted file mode 100644
index 257ec0b321..0000000000
--- a/api-server/common/app/routes/Settings/components/Portfolio-Settings.jsx
+++ /dev/null
@@ -1,178 +0,0 @@
-import React, { PureComponent } from 'react';
-import PropTypes from 'prop-types';
-import { createSelector } from 'reselect';
-import { bindActionCreators } from 'redux';
-import { connect } from 'react-redux';
-import { Button } from 'react-bootstrap';
-
-import { FullWidthRow, ButtonSpacer } from '../../../helperComponents';
-import SectionHeader from './SectionHeader.jsx';
-import { userSelector } from '../../../redux';
-import { addPortfolioItem } from '../../../entities';
-import { updateMyPortfolio, deletePortfolio } from '../redux';
-import {
-  Form,
-  maxLength,
-  minLength,
-  validURL
-} from '../formHelpers';
-
-const minTwoChar = minLength(2);
-const max288Char = maxLength(288);
-
-const propTypes = {
-  addPortfolioItem: PropTypes.func.isRequired,
-  deletePortfolio: PropTypes.func.isRequired,
-  picture: PropTypes.string,
-  portfolio: PropTypes.arrayOf(
-    PropTypes.shape({
-      description: PropTypes.string,
-      image: PropTypes.string,
-      title: PropTypes.string,
-      url: PropTypes.string
-    })
-  ),
-  updateMyPortfolio: PropTypes.func.isRequired,
-  username: PropTypes.string
-};
-
-const mapStateToProps = createSelector(
-  userSelector,
-  ({ portfolio, username }) => ({
-    portfolio,
-    username
-  })
-);
-
-function mapDispatchToProps(dispatch) {
-  return bindActionCreators({
-    addPortfolioItem,
-    deletePortfolio,
-    updateMyPortfolio
-  }, dispatch);
-}
-
-const formFields = [ 'title', 'url', 'image', 'description', 'id' ];
-const options = {
-  types: {
-    id: 'hidden',
-    url: 'url',
-    image: 'url',
-    description: 'textarea'
-  },
-  required: [ 'url', 'title', 'id' ]
-};
-
-function validator(values) {
-  const errors = {};
-  const {
-    title = '',
-    url = '',
-    description = '',
-    image = ''
-  } = values;
-  errors.title = minTwoChar(title);
-  errors.description = max288Char(description);
-  errors.url = url && validURL(url);
-  errors.image = image && validURL(image);
-  return errors;
-}
-
-class PortfolioSettings extends PureComponent {
-  constructor(props) {
-    super(props);
-
-    this.handleAdd = this.handleAdd.bind(this);
-    this.handleDelete = this.handleDelete.bind(this);
-    this.handleSave = this.handleSave.bind(this);
-    this.renderPortfolio = this.renderPortfolio.bind(this);
-  }
-
-  handleAdd() {
-    this.props.addPortfolioItem(this.props.username);
-  }
-
-  handleDelete(id) {
-    const { deletePortfolio } = this.props;
-    deletePortfolio({ portfolio: { id } });
-  }
-
-  handleSave(portfolio) {
-    const { updateMyPortfolio } = this.props;
-    updateMyPortfolio(portfolio);
-  }
-
-  renderPortfolio(portfolio, index, arr) {
-    const {
-      id
-    } = portfolio;
-    return (
-      <div key={ id }>
-        <FullWidthRow>
-          <Form
-            buttonText='Save portfolio item'
-            formFields={ formFields }
-            id={ id }
-            initialValues={ portfolio }
-            options={ options }
-            submit={ this.handleSave }
-            validate={ validator }
-          />
-          <ButtonSpacer />
-          <Button
-            block={ true }
-            bsSize='lg'
-            bsStyle='danger'
-            id={`delete-${id}`}
-            onClick={ () => this.handleDelete(id) }
-            type='button'
-            >
-            Remove this portfolio item
-          </Button>
-          {
-            index + 1 !== arr.length && <hr />
-          }
-        </FullWidthRow>
-      </div>
-    );
-  }
-
-  render() {
-    const { portfolio = [] } = this.props;
-    return (
-      <section id='portfolio-settings' >
-        <SectionHeader>
-          Portfolio Settings
-        </SectionHeader>
-        <FullWidthRow>
-        <div className='portfolio-settings-intro'>
-          <p className='p-intro'>
-            Share your non-FreeCodeCamp projects, articles or accepted
-            pull requests.
-          </p>
-        </div>
-        </FullWidthRow>
-        {
-          portfolio.length ? portfolio.map(this.renderPortfolio) : null
-        }
-        <FullWidthRow>
-        <ButtonSpacer />
-        <Button
-          block={ true }
-          bsSize='lg'
-          bsStyle='primary'
-          onClick={ this.handleAdd }
-          type='button'
-          >
-          Add a new portfolio Item
-        </Button>
-        </FullWidthRow>
-      </section>
-    );
-  }
-}
-
-PortfolioSettings.displayName = 'PortfolioSettings';
-PortfolioSettings.propTypes = propTypes;
-
-export default connect(mapStateToProps, mapDispatchToProps)(PortfolioSettings);
diff --git a/api-server/common/app/routes/Settings/components/Privacy-Settings.jsx b/api-server/common/app/routes/Settings/components/Privacy-Settings.jsx
deleted file mode 100644
index 5ef1196470..0000000000
--- a/api-server/common/app/routes/Settings/components/Privacy-Settings.jsx
+++ /dev/null
@@ -1,177 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { bindActionCreators } from 'redux';
-import { connect } from 'react-redux';
-import { createSelector } from 'reselect';
-import { Button } from 'react-bootstrap';
-
-import { updateMyProfileUI } from '../redux';
-import { userSelector } from '../../../redux';
-
-import { FullWidthRow, Spacer } from '../../../helperComponents';
-import SectionHeader from './SectionHeader.jsx';
-import ToggleSetting from './ToggleSetting.jsx';
-
-const mapStateToProps = createSelector(
-  userSelector,
-  user => ({
-    ...user.profileUI,
-    user
-  })
-);
-
-const mapDispatchToProps = dispatch =>
-  bindActionCreators({ updateMyProfileUI }, dispatch);
-
-const propTypes = {
-  isLocked: PropTypes.bool,
-  showAbout: PropTypes.bool,
-  showCerts: PropTypes.bool,
-  showDonation: PropTypes.bool,
-  showHeatMap: PropTypes.bool,
-  showLocation: PropTypes.bool,
-  showName: PropTypes.bool,
-  showPoints: PropTypes.bool,
-  showPortfolio: PropTypes.bool,
-  showTimeLine: PropTypes.bool,
-  updateMyProfileUI: PropTypes.func.isRequired,
-  user: PropTypes.object
-};
-
-function PrivacySettings(props) {
-  const {
-    isLocked = true,
-    showAbout = false,
-    showCerts = false,
-    showDonation = false,
-    showHeatMap = false,
-    showLocation = false,
-    showName = false,
-    showPoints = false,
-    showPortfolio = false,
-    showTimeLine = false,
-    updateMyProfileUI,
-    user
-  } = props;
-  const toggleFlag = flag =>
-    () => updateMyProfileUI({ profileUI: { [flag]: !props[flag] } });
-  return (
-    <div className='privacy-settings'>
-      <SectionHeader>Privacy Settings</SectionHeader>
-      <FullWidthRow>
-      <p>
-        The settings in this section enable you to control what is shown on{' '}
-        your freeCodeCamp public portfolio.
-      </p>
-      <p>There is also a button to see what data we hold on your account</p>
-      <ToggleSetting
-        action='My profile'
-        explain={
-          'While your profile is completely private, no one will be able to ' +
-          'see your certifications'
-        }
-        flag={ isLocked }
-        flagName='isLocked'
-        offLabel='Public'
-        onLabel='Private'
-        toggleFlag={ toggleFlag('isLocked') }
-      />
-      <ToggleSetting
-        action='My name'
-        flag={ !showName }
-        flagName='name'
-        offLabel='Public'
-        onLabel='Private'
-        toggleFlag={ toggleFlag('showName') }
-      />
-      <ToggleSetting
-        action='My location'
-        flag={ !showLocation }
-        flagName='showLocation'
-        offLabel='Public'
-        onLabel='Private'
-        toggleFlag={ toggleFlag('showLocation') }
-      />
-      <ToggleSetting
-        action='My "about me"'
-        flag={ !showAbout }
-        flagName='showAbout'
-        offLabel='Public'
-        onLabel='Private'
-        toggleFlag={ toggleFlag('showAbout') }
-      />
-      <ToggleSetting
-        action='My points'
-        flag={ !showPoints }
-        flagName='showPoints'
-        offLabel='Public'
-        onLabel='Private'
-        toggleFlag={ toggleFlag('showPoints') }
-      />
-      <ToggleSetting
-        action='My heat map'
-        flag={ !showHeatMap }
-        flagName='showHeatMap'
-        offLabel='Public'
-        onLabel='Private'
-        toggleFlag={ toggleFlag('showHeatMap') }
-      />
-      <ToggleSetting
-        action='My certifications'
-        explain='Your certifications will be disabled'
-        flag={ !showCerts }
-        flagName='showCerts'
-        offLabel='Public'
-        onLabel='Private'
-        toggleFlag={ toggleFlag('showCerts') }
-      />
-      <ToggleSetting
-        action='My portfolio'
-        flag={ !showPortfolio }
-        flagName='showPortfolio'
-        offLabel='Public'
-        onLabel='Private'
-        toggleFlag={ toggleFlag('showPortfolio') }
-      />
-      <ToggleSetting
-        action='My time line'
-        explain='Your certifications will be disabled'
-        flag={ !showTimeLine }
-        flagName='showTimeLine'
-        offLabel='Public'
-        onLabel='Private'
-        toggleFlag={ toggleFlag('showTimeLine') }
-      />
-      <ToggleSetting
-        action='My donations'
-        flag={ !showDonation }
-        flagName='showPortfolio'
-        offLabel='Public'
-        onLabel='Private'
-        toggleFlag={ toggleFlag('showDonation') }
-      />
-      </FullWidthRow>
-      <FullWidthRow>
-        <Spacer />
-        <Button
-          block={true}
-          bsSize='lg'
-          bsStyle='primary'
-          download={`${user.username}.json`}
-          href={
-            `data:text/json;charset=utf-8,${
-              encodeURIComponent(JSON.stringify(user))
-            }`
-          }
-          >
-          Download all your data
-        </Button>
-      </FullWidthRow>
-    </div>
-  );
-}
-
-PrivacySettings.displayName = 'PrivacySettings';
-PrivacySettings.propTypes = propTypes;
-
-export default connect(mapStateToProps, mapDispatchToProps)(PrivacySettings);
diff --git a/api-server/common/app/routes/Settings/components/ResetModal.jsx b/api-server/common/app/routes/Settings/components/ResetModal.jsx
deleted file mode 100644
index a4c0ffbd29..0000000000
--- a/api-server/common/app/routes/Settings/components/ResetModal.jsx
+++ /dev/null
@@ -1,65 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { Modal, Button } from 'react-bootstrap';
-
-const propTypes = {
-  onHide: PropTypes.func.isRequired,
-  reset: PropTypes.func.isRequired,
-  show: PropTypes.bool
-};
-
-function ResetModal(props) {
-  const { show, onHide } = props;
-  return (
-    <Modal
-      aria-labelledby='modal-title'
-      autoFocus={ true }
-      backdrop={ true }
-      bsSize='lg'
-      keyboard={ true }
-      onHide={ onHide }
-      show={ show }
-      >
-      <Modal.Header closeButton={ true }>
-        <Modal.Title id='modal-title'>Reset My Progress</Modal.Title>
-      </Modal.Header>
-      <Modal.Body>
-        <p>
-          This will really delete all of your progress, points, completed
-          challenges, our records of your projects, any certifications you have,
-          everything.
-        </p>
-        <p>
-          We won't be able to recover any of it for you later, even if you
-          change your mind.
-        </p>
-        <hr />
-        <Button
-          block={ true }
-          bsSize='lg'
-          bsStyle='success'
-          onClick={ props.onHide }
-          >
-          Nevermind, I don't want to delete all of my progress
-        </Button>
-        <div className='button-spacer' />
-        <Button
-          block={ true }
-          bsSize='lg'
-          bsStyle='danger'
-          onClick={ () =>{ props.reset(); return props.onHide(); } }
-          >
-          Reset everything. I want to start from the beginning
-        </Button>
-      </Modal.Body>
-      <Modal.Footer>
-        <Button onClick={ props.onHide }>Close</Button>
-      </Modal.Footer>
-    </Modal>
-  );
-}
-
-ResetModal.displayName = 'ResetModal';
-ResetModal.propTypes = propTypes;
-
-export default ResetModal;
diff --git a/api-server/common/app/routes/Settings/components/SectionHeader.jsx b/api-server/common/app/routes/Settings/components/SectionHeader.jsx
deleted file mode 100644
index ed92678f33..0000000000
--- a/api-server/common/app/routes/Settings/components/SectionHeader.jsx
+++ /dev/null
@@ -1,25 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { FullWidthRow } from '../../../helperComponents';
-
-const propTypes = {
-  children: PropTypes.oneOfType([
-    PropTypes.string,
-    PropTypes.element,
-    PropTypes.node
-  ])
-};
-
-function SectionHeader({ children }) {
-  return (
-    <FullWidthRow>
-      <h2 className='text-center'>{ children }</h2>
-      <hr />
-    </FullWidthRow>
-  );
-}
-
-SectionHeader.displayName = 'SectionHeader';
-SectionHeader.propTypes = propTypes;
-
-export default SectionHeader;
diff --git a/api-server/common/app/routes/Settings/components/SolutionViewer.jsx b/api-server/common/app/routes/Settings/components/SolutionViewer.jsx
deleted file mode 100644
index 0091ad84e6..0000000000
--- a/api-server/common/app/routes/Settings/components/SolutionViewer.jsx
+++ /dev/null
@@ -1,80 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { Panel } from 'react-bootstrap';
-import Prism from 'prismjs';
-import Helmet from 'react-helmet';
-
-const prismLang = {
-  css: 'css',
-  js: 'javascript',
-  jsx: 'javascript',
-  html: 'markup'
-};
-
-function getContentString(file) {
-  return file.trim() || '// We do not have the solution to this challenge';
-}
-
-function SolutionViewer({ files }) {
-  const solutions = files && Array.isArray(files) ?
-    files.map(file => (
-      <Panel
-        bsStyle='primary'
-        className='solution-viewer'
-        header={ file.ext.toUpperCase() }
-        key={ file.ext }
-        >
-        <pre>
-          <code
-          className={ `language-${prismLang[file.ext]}` }
-            dangerouslySetInnerHTML={{
-              __html: Prism.highlight(
-                file.contents.trim(),
-                Prism.languages[prismLang[file.ext]]
-              )
-            }}
-          />
-        </pre>
-      </Panel>
-    )) : (
-      <Panel
-        bsStyle='primary'
-        className='solution-viewer'
-        header='JS'
-        key={ files.slice(0, 10) }
-        >
-        <pre>
-          <code
-          className='language-markup'
-            dangerouslySetInnerHTML={{
-              __html: Prism.highlight(
-                getContentString(files),
-                Prism.languages.js
-              )
-            }}
-          />
-        </pre>
-      </Panel>
-    )
-    ;
-  return (
-    <div>
-      <Helmet>
-        <link href='/css/prism.css' rel='stylesheet' />
-      </Helmet>
-      {
-        solutions
-      }
-    </div>
-  );
-}
-
-SolutionViewer.displayName = 'SolutionViewer';
-SolutionViewer.propTypes = {
-  files: PropTypes.oneOfType([
-    PropTypes.arrayOf(PropTypes.objectOf(PropTypes.string)),
-    PropTypes.string
-  ])
-};
-
-export default SolutionViewer;
diff --git a/api-server/common/app/routes/Settings/components/ThemeSettings.jsx b/api-server/common/app/routes/Settings/components/ThemeSettings.jsx
deleted file mode 100644
index 314350562b..0000000000
--- a/api-server/common/app/routes/Settings/components/ThemeSettings.jsx
+++ /dev/null
@@ -1,38 +0,0 @@
-import PropTypes from 'prop-types';
-import React from 'react';
-import {
-  Row,
-  Col,
-  ControlLabel
-} from 'react-bootstrap';
-
-import TB from '../Toggle-Button';
-
-const propTypes = {
-  currentTheme: PropTypes.string.isRequired,
-  toggleNightMode: PropTypes.func.isRequired
-};
-
-export default function ThemeSettings({ currentTheme, toggleNightMode }) {
-  return (
-    <Row className='inline-form'>
-      <Col sm={ 8 } xs={ 12 }>
-        <ControlLabel htmlFor='night-mode'>
-          <p className='settings-title'>
-            <strong>Night Mode</strong>
-          </p>
-        </ControlLabel>
-      </Col>
-      <Col sm={ 4 } xs={ 12 }>
-        <TB
-          name='night-mode'
-          onChange={ () => toggleNightMode(currentTheme) }
-          value={ currentTheme === 'night' }
-        />
-      </Col>
-    </Row>
-  );
-}
-
-ThemeSettings.displayName = 'ThemeSettings';
-ThemeSettings.propTypes = propTypes;
diff --git a/api-server/common/app/routes/Settings/components/ToggleSetting.jsx b/api-server/common/app/routes/Settings/components/ToggleSetting.jsx
deleted file mode 100644
index 24fe1a5b2d..0000000000
--- a/api-server/common/app/routes/Settings/components/ToggleSetting.jsx
+++ /dev/null
@@ -1,55 +0,0 @@
-import PropTypes from 'prop-types';
-import React from 'react';
-import {
-  Row,
-  Col,
-  ControlLabel
-} from 'react-bootstrap';
-
-import TB from '../Toggle-Button';
-
-const propTypes = {
-  action: PropTypes.string.isRequired,
-  explain: PropTypes.string,
-  flag: PropTypes.bool.isRequired,
-  flagName: PropTypes.string.isRequired,
-  toggleFlag: PropTypes.func.isRequired
-};
-
-export default function ToggleSetting({
-  action,
-  explain,
-  flag,
-  flagName,
-  toggleFlag,
-  ...restProps
-}) {
-  return (
-    <Row className='inline-form'>
-      <Col sm={ 8 } xs={ 12 }>
-        <ControlLabel className='toggle-label' htmlFor={ flagName }>
-          <p>
-            <strong>
-              { action }
-            </strong>
-            <br />
-            {
-              explain ? <em>{explain}</em> : null
-            }
-          </p>
-        </ControlLabel>
-      </Col>
-      <Col sm={ 4 } xs={ 12 }>
-        <TB
-          name={ flagName }
-          onChange={ toggleFlag }
-          value={ flag }
-          {...restProps}
-        />
-      </Col>
-    </Row>
-  );
-}
-
-ToggleSetting.displayName = 'ToggleSetting';
-ToggleSetting.propTypes = propTypes;
diff --git a/api-server/common/app/routes/Settings/components/UsernameSettings.jsx b/api-server/common/app/routes/Settings/components/UsernameSettings.jsx
deleted file mode 100644
index b244d7e77a..0000000000
--- a/api-server/common/app/routes/Settings/components/UsernameSettings.jsx
+++ /dev/null
@@ -1,187 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import {
-  Col,
-  ControlLabel,
-  FormControl,
-  Alert
-} from 'react-bootstrap';
-import { reduxForm } from 'redux-form';
-import { createSelector } from 'reselect';
-
-import {
-  settingsSelector,
-  updateUserBackend,
-  validateUsername
-} from '../redux';
-import { userSelector } from '../../../redux';
-import { BlockSaveButton, minLength } from '../formHelpers';
-import { FullWidthRow } from '../../../helperComponents';
-
-const minTwoChar = minLength(2);
-
-const propTypes = {
-  fields: PropTypes.objectOf(
-    PropTypes.shape({
-      error: PropTypes.string,
-      name: PropTypes.string.isRequired,
-      onChange: PropTypes.func.isRequired,
-      pristine: PropTypes.bool.isRequired,
-      value: PropTypes.string.isRequired
-    })
-  ),
-  handleSubmit: PropTypes.func.isRequired,
-  isValidUsername: PropTypes.bool,
-  submitAction: PropTypes.func.isRequired,
-  username: PropTypes.string,
-  validateUsername: PropTypes.func.isRequired,
-  validating: PropTypes.bool
-};
-
-const mapStateToProps = createSelector(
-  userSelector,
-  settingsSelector,
-  ({ username }, { isValidUsername, validating }) => ({
-    initialValues: { username },
-    isValidUsername,
-    validate: validator,
-    validating
-  })
-);
-
-const mapDispatchToProps = {
-  validateUsername,
-  submitAction: updateUserBackend
-};
-function normalise(str = '') {
-  return str.toLowerCase().trim();
-}
-
-function makeHandleChange(changeFn, validationAction, valid) {
-  return function handleChange(e) {
-    const { value } = e.target;
-    e.target.value = normalise(value);
-    if (e.target.value && valid) {
-      validationAction(value);
-    }
-    return changeFn(e);
-  };
-}
-
-function validator(values) {
-  const errors = {};
-  const { username } = values;
-  const minWarn = minTwoChar(username);
-  if (minWarn) {
-    errors.username = minWarn;
-    return errors;
-  }
-  if (username.length === 0) {
-    errors.username = 'Username cannot be empty';
-  }
-  return errors;
-}
-
-function renderAlerts(validating, error, isValidUsername) {
-  if (!validating && error) {
-    return (
-      <FullWidthRow>
-        <Alert bsStyle='danger'>
-          { error }
-        </Alert>
-      </FullWidthRow>
-    );
-  }
-  if (!validating && !isValidUsername) {
-    return (
-      <FullWidthRow>
-        <Alert bsStyle='danger'>
-          Username not available
-        </Alert>
-      </FullWidthRow>
-    );
-  }
-  if (validating) {
-    return (
-      <FullWidthRow>
-        <Alert bsStyle='info'>
-          Validating username
-        </Alert>
-      </FullWidthRow>
-    );
-  }
-  if (!validating && isValidUsername) {
-    return (
-      <FullWidthRow>
-        <Alert bsStyle='success'>
-          Username is available
-        </Alert>
-      </FullWidthRow>
-    );
-  }
-  return null;
-}
-
-function UsernameSettings(props) {
-  const {
-    fields: {
-      username: {
-        value,
-        onChange,
-        error,
-        pristine,
-        valid
-      }
-    },
-    handleSubmit,
-    isValidUsername,
-    submitAction,
-    validateUsername,
-    validating
-  } = props;
-  return (
-    <div>
-      {
-        !pristine && renderAlerts(validating, error, isValidUsername)
-      }
-      <FullWidthRow>
-        <form
-          className='inline-form-field'
-          id='usernameSettings'
-          onSubmit={ handleSubmit(submitAction) }
-          >
-          <Col className='inline-form' sm={ 3 } xs={ 12 }>
-            <ControlLabel htmlFor='username-settings'>
-                <strong>Username</strong>
-            </ControlLabel>
-          </Col>
-          <Col sm={ 7 } xs={ 12 }>
-            <FormControl
-              name='username-settings'
-              onChange={ makeHandleChange(onChange, validateUsername, valid) }
-              value={ value }
-            />
-          </Col>
-          <Col sm={ 2 } xs={ 12 }>
-            <BlockSaveButton disabled={
-              !(isValidUsername && valid && !pristine)
-              }
-            />
-          </Col>
-        </form>
-      </FullWidthRow>
-    </div>
-  );
-}
-
-UsernameSettings.displayName = 'UsernameSettings';
-UsernameSettings.propTypes = propTypes;
-
-export default reduxForm(
-  {
-    form: 'usernameSettings',
-    fields: [ 'username' ]
-  },
-  mapStateToProps,
-  mapDispatchToProps
-)(UsernameSettings);
diff --git a/api-server/common/app/routes/Settings/formHelpers/BlockSaveButton.jsx b/api-server/common/app/routes/Settings/formHelpers/BlockSaveButton.jsx
deleted file mode 100644
index c551c87de5..0000000000
--- a/api-server/common/app/routes/Settings/formHelpers/BlockSaveButton.jsx
+++ /dev/null
@@ -1,24 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { Button } from 'react-bootstrap';
-
-function BlockSaveButton(props) {
-  return (
-    <Button
-      block={ true }
-      bsSize='lg'
-      bsStyle='primary'
-      {...props}
-      type='submit'
-      >
-      { props.children || 'Save' }
-    </Button>
-  );
-}
-
-BlockSaveButton.displayName = 'BlockSaveButton';
-BlockSaveButton.propTypes = {
-  children: PropTypes.any
-};
-
-export default BlockSaveButton;
diff --git a/api-server/common/app/routes/Settings/formHelpers/BlockSaveWrapper.jsx b/api-server/common/app/routes/Settings/formHelpers/BlockSaveWrapper.jsx
deleted file mode 100644
index d560793e64..0000000000
--- a/api-server/common/app/routes/Settings/formHelpers/BlockSaveWrapper.jsx
+++ /dev/null
@@ -1,23 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-
-const propTypes = {
-  children: PropTypes.node
-};
-
-const style = {
-  padding: '0 15px'
-};
-
-function BlockSaveWrapper({ children }) {
-  return (
-    <div style={ style }>
-      { children }
-    </div>
-  );
-}
-
-BlockSaveWrapper.displayName = 'BlockSaveWrapper';
-BlockSaveWrapper.propTypes = propTypes;
-
-export default BlockSaveWrapper;
diff --git a/api-server/common/app/routes/Settings/formHelpers/Form.jsx b/api-server/common/app/routes/Settings/formHelpers/Form.jsx
deleted file mode 100644
index c41b47325a..0000000000
--- a/api-server/common/app/routes/Settings/formHelpers/Form.jsx
+++ /dev/null
@@ -1,87 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { reduxForm } from 'redux-form';
-
-import { FormFields, BlockSaveButton } from './';
-
-const propTypes = {
-  buttonText: PropTypes.string,
-  enableSubmit: PropTypes.bool,
-  errors: PropTypes.object,
-  fields: PropTypes.objectOf(
-    PropTypes.shape({
-      name: PropTypes.string.isRequired,
-      onChange: PropTypes.func.isRequired,
-      value: PropTypes.string.isRequired
-    })
-  ),
-  formFields: PropTypes.arrayOf(PropTypes.string).isRequired,
-  handleSubmit: PropTypes.func,
-  hideButton: PropTypes.bool,
-  id: PropTypes.string.isRequired,
-  initialValues: PropTypes.object,
-  options: PropTypes.shape({
-    ignored: PropTypes.arrayOf(PropTypes.string),
-    required: PropTypes.arrayOf(PropTypes.string),
-    types: PropTypes.objectOf(PropTypes.string)
-  }),
-  submit: PropTypes.func.isRequired
-};
-
-function DynamicForm({
-  // redux-form
-  errors,
-  fields,
-  handleSubmit,
-  fields: { _meta: { allPristine }},
-
-  // HOC
-  buttonText,
-  enableSubmit,
-  hideButton,
-  id,
-  options,
-  submit
-}) {
-  return (
-    <form id={`dynamic-${id}`} onSubmit={ handleSubmit(submit) }>
-      <FormFields
-        errors={ errors }
-        fields={ fields }
-        formId={ id }
-        options={ options }
-      />
-      {
-        hideButton ?
-          null :
-        <BlockSaveButton
-          disabled={
-            allPristine && !enableSubmit ||
-            (!!Object.keys(errors).filter(key => errors[key]).length)
-          }
-          >
-          {
-            buttonText ? buttonText : null
-          }
-        </BlockSaveButton>
-      }
-    </form>
-  );
-}
-
-DynamicForm.displayName = 'DynamicForm';
-DynamicForm.propTypes = propTypes;
-
-const DynamicFormWithRedux = reduxForm()(DynamicForm);
-
-export default function Form(props) {
-  return (
-    <DynamicFormWithRedux
-      {...props}
-      fields={ props.formFields }
-      form={ props.id }
-    />
-  );
-}
-
-Form.propTypes = propTypes;
diff --git a/api-server/common/app/routes/Settings/formHelpers/FormFields.jsx b/api-server/common/app/routes/Settings/formHelpers/FormFields.jsx
deleted file mode 100644
index f66c5f2945..0000000000
--- a/api-server/common/app/routes/Settings/formHelpers/FormFields.jsx
+++ /dev/null
@@ -1,100 +0,0 @@
-import React from 'react';
-import _ from 'lodash';
-import PropTypes from 'prop-types';
-import {
-  Alert,
-  Col,
-  ControlLabel,
-  FormControl,
-  HelpBlock,
-  Row
-} from 'react-bootstrap';
-
-const propTypes = {
-  errors: PropTypes.objectOf(PropTypes.string),
-  fields: PropTypes.objectOf(
-    PropTypes.shape({
-      name: PropTypes.string.isRequired,
-      onChange: PropTypes.func.isRequired,
-      value: PropTypes.string.isRequired
-    })
-  ).isRequired,
-  formId: PropTypes.string,
-  options: PropTypes.shape({
-    errors: PropTypes.objectOf(
-      PropTypes.oneOfType([
-        PropTypes.string,
-        PropTypes.instanceOf(null)
-      ])
-    ),
-    ignored: PropTypes.arrayOf(PropTypes.string),
-    placeholder: PropTypes.bool,
-    required: PropTypes.arrayOf(PropTypes.string),
-    types: PropTypes.objectOf(PropTypes.string)
-  })
-};
-
-function FormFields(props) {
-  const { errors = {}, fields, formId, options = {} } = props;
-  const {
-    ignored = [],
-    placeholder = true,
-    required = [],
-    types = {}
-  } = options;
-  return (
-    <div>
-      {
-        Object.keys(fields)
-        .filter(field => !ignored.includes(field))
-        .map(key => fields[key])
-        .map(({ name, onChange, value, pristine }) => {
-          const key = formId ?
-            `${formId}_${_.kebabCase(name)}` :
-            _.kebabCase(name);
-          const type = name in types ? types[name] : 'text';
-          return (
-          <Row className='inline-form-field' key={ key }>
-            <Col sm={ 3 } xs={ 12 }>
-            { type === 'hidden' ?
-              null :
-              <ControlLabel htmlFor={ key }>
-                { _.startCase(name) }
-              </ControlLabel>
-            }
-            </Col>
-            <Col sm={ 9 } xs={ 12 }>
-              <FormControl
-                bsSize='lg'
-                componentClass={ type === 'textarea' ? type : 'input' }
-                id={ key }
-                name={ name }
-                onChange={ onChange }
-                placeholder={ placeholder ? name : '' }
-                required={ !!required[name] }
-                rows={ 4 }
-                type={ type }
-                value={ value }
-              />
-              {
-                name in errors && !pristine ?
-                <HelpBlock>
-                  <Alert bsStyle='danger'>
-                    { errors[name] }
-                  </Alert>
-                </HelpBlock> :
-                null
-              }
-            </Col>
-          </Row>
-        );
-        })
-      }
-    </div>
-  );
-}
-
-FormFields.displayName = 'FormFields';
-FormFields.propTypes = propTypes;
-
-export default FormFields;
diff --git a/api-server/common/app/routes/Settings/formHelpers/index.js b/api-server/common/app/routes/Settings/formHelpers/index.js
deleted file mode 100644
index 29360ee1c6..0000000000
--- a/api-server/common/app/routes/Settings/formHelpers/index.js
+++ /dev/null
@@ -1,35 +0,0 @@
-import { isEmail, isURL } from 'validator';
-
-/** Components **/
-
-export { default as BlockSaveButton } from './BlockSaveButton.jsx';
-export { default as BlockSaveWrapper } from './BlockSaveWrapper.jsx';
-export { default as Form } from './Form.jsx';
-export { default as FormFields } from './FormFields.jsx';
-
-/** Normalise **/
-
-export function lowerAndTrim(str = '') {
-  return str.toLowerCase().trim();
-}
-
-/** Validation **/
-
-export function maxLength(max) {
-  return value => value && value.length > max ?
-    `Must be ${max} characters or less` :
-    null;
-}
-
-export function minLength(min) {
-  return value => value && value.length < min ?
-    `Must be ${min} characters or more` :
-    null;
-}
-export function validEmail(email) {
-  return isEmail(email) ? null : 'Must be a valid email';
-}
-
-export function validURL(str) {
-  return isURL(str) ? null : 'Must be a valid URL';
-}
diff --git a/api-server/common/app/routes/Settings/index.js b/api-server/common/app/routes/Settings/index.js
deleted file mode 100644
index 9ced24862f..0000000000
--- a/api-server/common/app/routes/Settings/index.js
+++ /dev/null
@@ -1,8 +0,0 @@
-import { types } from './redux';
-
-export { default } from './ShowSettings.jsx';
-
-export const routes = {
-  [types.onRouteSettings]: '/settings',
-  [types.onRouteUpdateEmail]: '/settings/update-email'
-};
diff --git a/api-server/common/app/routes/Settings/index.less b/api-server/common/app/routes/Settings/index.less
deleted file mode 100644
index 80c7de4d1f..0000000000
--- a/api-server/common/app/routes/Settings/index.less
+++ /dev/null
@@ -1,2 +0,0 @@
-&{ @import "./settings.less"; }
-&{ @import "./Toggle-Button/toggle.less"; }
diff --git a/api-server/common/app/routes/Settings/ns.json b/api-server/common/app/routes/Settings/ns.json
deleted file mode 100644
index 1beea17991..0000000000
--- a/api-server/common/app/routes/Settings/ns.json
+++ /dev/null
@@ -1 +0,0 @@
-"settings"
diff --git a/api-server/common/app/routes/Settings/redux/certificate-epic.js b/api-server/common/app/routes/Settings/redux/certificate-epic.js
deleted file mode 100644
index afa1725a3c..0000000000
--- a/api-server/common/app/routes/Settings/redux/certificate-epic.js
+++ /dev/null
@@ -1,42 +0,0 @@
-import { Observable } from 'rx';
-import { ofType } from 'redux-epic';
-
-import { doActionOnError, fetchUser } from '../../../redux';
-import { makeToast } from '../../../Toasts/redux';
-import { postJSON$ } from '../../../../utils/ajax-stream';
-import {
-  types,
-  claimCertComplete,
-  claimCertError
-} from '../redux';
-
-function certificateEpic(actions$, { getState }) {
-  const start = actions$::ofType(types.claimCert.start)
-    .flatMap(({ payload: superBlock }) => {
-      const {
-        app: { csrfToken: _csrf }
-      } = getState();
-      return postJSON$('/certificate/verify', { _csrf, superBlock });
-    })
-    .map(claimCertComplete)
-    .catch(doActionOnError(error => claimCertError(error)));
-
-  const complete = actions$::ofType(types.claimCert.complete)
-  .flatMap(({ meta: { message, success }}) => Observable.if(
-    () => success,
-    Observable.of(fetchUser(), makeToast({ message })),
-    Observable.of(makeToast({ message }))
-  ));
-
-  const error = actions$::ofType(types.claimCert.error)
-    .flatMap(error => {
-      return Observable.of(
-        makeToast({ message: 'Something went wrong updating your account' }),
-        { type: 'error', error}
-      );
-    });
-
-  return Observable.merge(start, complete, error);
-}
-
-export default certificateEpic;
diff --git a/api-server/common/app/routes/Settings/redux/danger-zone-epic.js b/api-server/common/app/routes/Settings/redux/danger-zone-epic.js
deleted file mode 100644
index 0d5a0c8138..0000000000
--- a/api-server/common/app/routes/Settings/redux/danger-zone-epic.js
+++ /dev/null
@@ -1,53 +0,0 @@
-import { Observable } from 'rx';
-import { ofType } from 'redux-epic';
-
-import {
-  types,
-  resetProgressError,
-  deleteAccountError,
-  deleteAccountComplete
-} from './';
-import { postJSON$ } from '../../../../utils/ajax-stream';
-import {
-  doActionOnError,
-  hardGoTo,
-  createErrorObservable
-} from '../../../redux';
-
-function dangerZoneEpic(actions$, { getState }) {
-  /** Reset Progress **/
-  const resetStart = actions$::ofType(types.resetProgress.start)
-    .flatMap(() => {
-      const { csrfToken: _csrf } = getState().app;
-      return postJSON$('/account/reset-progress', { _csrf })
-        .map(() => hardGoTo('/'))
-        .catch(doActionOnError(error => resetProgressError(error)));
-    });
-    const resetError = actions$::ofType(types.resetProgress.error)
-      .flatMap(createErrorObservable);
-
-    /** Delete Account **/
-    const deleteStart = actions$::ofType(types.deleteAccount.start)
-    .flatMap(() => {
-      const { csrfToken: _csrf } = getState().app;
-      return postJSON$('/account/delete', { _csrf })
-        .map(deleteAccountComplete)
-        .catch(doActionOnError(error => deleteAccountError(error)));
-    });
-
-    const deleteComplete = actions$::ofType(types.deleteAccount.complete)
-      .map(() => hardGoTo('/'));
-
-    const deleteError = actions$::ofType(types.deleteAccount.error)
-      .flatMap(createErrorObservable);
-
-  return Observable.merge(
-    resetStart,
-    resetError,
-    deleteStart,
-    deleteComplete,
-    deleteError
-  ).filter(Boolean);
-}
-
-export default dangerZoneEpic;
diff --git a/api-server/common/app/routes/Settings/redux/index.js b/api-server/common/app/routes/Settings/redux/index.js
deleted file mode 100644
index b9b13f7b99..0000000000
--- a/api-server/common/app/routes/Settings/redux/index.js
+++ /dev/null
@@ -1,175 +0,0 @@
-import { isLocationAction } from 'redux-first-router';
-import {
-  composeReducers,
-  createAction,
-  createAsyncTypes,
-  createTypes,
-  handleActions
-} from 'berkeleys-redux-utils';
-import { identity } from 'lodash';
-
-import certificateEpic from './certificate-epic';
-import dangerZoneEpic from './danger-zone-epic';
-import userUpdateEpic from './update-user-epic';
-import newUsernameEpic from './new-username-epic';
-import ns from '../ns.json';
-import { utils } from '../../../Flash/redux';
-
-export const epics = [
-  certificateEpic,
-  dangerZoneEpic,
-  newUsernameEpic,
-  userUpdateEpic
-];
-
-const createActionWithFlash = type => createAction(
-  type,
-  null,
-  utils.createFlashMetaAction
-);
-
-export const types = createTypes([
-  createAsyncTypes('claimCert'),
-  createAsyncTypes('updateMyEmail'),
-  createAsyncTypes('updateUserBackend'),
-  createAsyncTypes('deletePortfolio'),
-  createAsyncTypes('updateMyPortfolio'),
-  createAsyncTypes('updateMyProfileUI'),
-  'updateNewUsernameValidity',
-  createAsyncTypes('validateUsername'),
-  createAsyncTypes('refetchCompletedChallenges'),
-  createAsyncTypes('deleteAccount'),
-  createAsyncTypes('resetProgress'),
-
-  'onRouteSettings',
-  'onRouteUpdateEmail'
-], 'settings');
-
-
-export const onRouteSettings = createAction(types.onRouteSettings);
-export const onRouteUpdateEmail = createAction(types.onRouteUpdateEmail);
-
-export const claimCert = createAction(types.claimCert.start);
-export const claimCertComplete = createAction(
-  types.claimCert.complete,
-  ({ result }) => result,
-  identity
-);
-export const claimCertError = createAction(
-  types.claimCert.error,
-  identity
-);
-
-export const updateUserBackend = createAction(types.updateUserBackend.start);
-export const updateUserBackendComplete = createActionWithFlash(
-  types.updateUserBackend.complete
-);
-export const updateUserBackendError = createActionWithFlash(
-  types.updateUserBackend.error
-);
-
-export const updateMyEmail = createAction(types.updateMyEmail.start);
-export const updateMyEmailComplete = createActionWithFlash(
-  types.updateMyEmail.complete
-);
-export const updateMyEmailError = createActionWithFlash(
-  types.updateMyEmail.error
-);
-
-export const updateMyPortfolio = createAction(types.updateMyPortfolio.start);
-export const updateMyPortfolioComplete = createAction(
-  types.updateMyPortfolio.complete
-);
-export const updateMyPortfolioError = createAction(
-  types.updateMyPortfolio.error
-);
-export const deletePortfolio = createAction(types.deletePortfolio.start);
-export const deletePortfolioError = createAction(types.deletePortfolio.error);
-
-export const updateMyProfileUI = createAction(types.updateMyProfileUI.start);
-export const updateMyProfileUIComplete = createAction(
-  types.updateMyProfileUI.complete
-);
-export const updateMyProfileUIError = createAction(
-  types.updateMyProfileUI.error
-);
-
-export const resetProgress = createAction(types.resetProgress.start);
-export const resetProgressComplete = createAction(types.resetProgress.complete);
-export const resetProgressError = createAction(
-  types.resetProgress.error,
-  identity
-);
-
-export const deleteAccount = createAction(types.deleteAccount.start);
-export const deleteAccountComplete = createAction(types.deleteAccount.complete);
-export const deleteAccountError = createAction(
-  types.deleteAccount.error,
-  identity
-);
-
-export const updateNewUsernameValidity = createAction(
-  types.updateNewUsernameValidity
-);
-
-export const refetchCompletedChallenges = createAction(
-  types.refetchCompletedChallenges.start
-);
-
-export const validateUsername = createAction(types.validateUsername.start);
-export const validateUsernameError = createAction(
-  types.validateUsername.error,
-  identity
-);
-
-const defaultState = {
-  showUpdateEmailView: false,
-  isValidUsername: false,
-  validating: false
-};
-
-const getNS = state => state[ns];
-
-export function settingsSelector(state) {
-  return getNS(state);
-}
-
-export const showUpdateEmailViewSelector =
-  state => getNS(state).showUpdateEmailView;
-
-export default composeReducers(
-  ns,
-  function settingsRouteReducer(state = defaultState, action) {
-    if (isLocationAction(action)) {
-      const { type } = action;
-      if (type === types.onRouteUpdateEmail) {
-        return {
-          ...state,
-          showUpdateEmailView: true
-        };
-      }
-      if (state.showUpdateEmailView) {
-        return {
-          ...state,
-          showUpdateEmailView: false
-        };
-      }
-    }
-    return state;
-  },
-  handleActions(() => ({
-    [types.updateNewUsernameValidity]: (state, { payload }) => ({
-      ...state,
-      isValidUsername: payload,
-      validating: false
-    }),
-    [types.validateUsername.start]: state => ({
-      ...state,
-      isValidUsername: false,
-      validating: true
-    }),
-    [types.validateUsername.error]: state => ({ ...state, validating: false })
-  }),
-  defaultState
-)
-);
diff --git a/api-server/common/app/routes/Settings/redux/new-username-epic.js b/api-server/common/app/routes/Settings/redux/new-username-epic.js
deleted file mode 100644
index b6a7055711..0000000000
--- a/api-server/common/app/routes/Settings/redux/new-username-epic.js
+++ /dev/null
@@ -1,30 +0,0 @@
-import { Observable } from 'rx';
-import { ofType } from 'redux-epic';
-
-import {
-  types,
-  updateNewUsernameValidity,
-  validateUsernameError
-} from './';
-import { getJSON$ } from '../../../../utils/ajax-stream';
-import {
-  doActionOnError,
-  createErrorObservable
-} from '../../../redux';
-
-function validateUsernameEpic(actions$) {
-  const start = actions$::ofType(types.validateUsername.start)
-    .debounce(500)
-    .flatMap(({ payload }) =>
-      getJSON$(`/api/users/exists?username=${payload}`)
-        .map(({ exists }) => updateNewUsernameValidity(!exists))
-        .catch(error => doActionOnError(() => validateUsernameError(error)))
-    );
-
-    const error = actions$::ofType(types.validateUsername.error)
-    .flatMap(createErrorObservable);
-
-  return Observable.merge(start, error);
-}
-
-export default validateUsernameEpic;
diff --git a/api-server/common/app/routes/Settings/redux/update-user-epic.js b/api-server/common/app/routes/Settings/redux/update-user-epic.js
deleted file mode 100644
index a148871f15..0000000000
--- a/api-server/common/app/routes/Settings/redux/update-user-epic.js
+++ /dev/null
@@ -1,230 +0,0 @@
-import { Observable } from 'rx';
-import { combineEpics, ofType } from 'redux-epic';
-import { pick } from 'lodash';
-import {
-  types,
-  refetchCompletedChallenges,
-  updateUserBackendComplete,
-  updateMyPortfolioComplete,
-  updateMyProfileUIComplete
-} from './';
-import { makeToast } from '../../../Toasts/redux';
-import {
-  doActionOnError,
-  usernameSelector,
-  userSelector,
-  createErrorObservable
-} from '../../../redux';
-import {
-  updateUserEmail,
-  updateMultipleUserFlags,
-  regresPortfolio,
-  optoUpdatePortfolio,
-  updateLocalProfileUI
-} from '../../../entities';
-
-import { postJSON$ } from '../../../../utils/ajax-stream';
-
-const endpoints = {
-  email: '/update-my-email',
-  projects: '/update-my-projects',
-  username: '/update-my-username'
-};
-
-function backendUserUpdateEpic(actions$, { getState }) {
-  const start = actions$::ofType(types.updateUserBackend.start);
-  const server = start
-    .flatMap(({ payload }) => {
-      const userMap = userSelector(getState());
-      const { username } = userMap;
-      const flagsToCheck = Object.keys(payload);
-      const valuesToCheck = pick(userMap, flagsToCheck);
-      const oldValues = {
-        ...flagsToCheck.reduce((accu, current) => ({ ...accu, [current]: '' })),
-        ...valuesToCheck
-      };
-      const valuesToUpdate = flagsToCheck.reduce((accu, current) => {
-        if (payload[current] !== valuesToCheck[current]) {
-          return { ...accu, [current]: payload[current] };
-        }
-        return accu;
-      }, {});
-      if (!Object.keys(valuesToUpdate).length) {
-        return Observable.of(
-          makeToast({ message: 'No changes in settings detected' })
-        );
-      }
-      const {
-        app: { csrfToken: _csrf }
-      } = getState();
-      let body = { _csrf };
-      let endpoint = '/update-flags';
-      const updateKeys = Object.keys(valuesToUpdate);
-      if (updateKeys.length === 1 && updateKeys[0] in endpoints) {
-        // there is a specific route for this update
-        const flag = updateKeys[0];
-        endpoint = endpoints[flag];
-        body = {
-          ...body,
-          [flag]: valuesToUpdate[flag]
-        };
-      } else {
-        body = {
-          ...body,
-          values: valuesToUpdate
-        };
-      }
-      return postJSON$(endpoint, body)
-        .map(updateUserBackendComplete)
-        .catch(
-          doActionOnError(
-            () => updateMultipleUserFlags({ username, flags: oldValues })
-          )
-        );
-    });
-  const optimistic = start
-    .flatMap(({ payload }) => {
-      const username = usernameSelector(getState());
-      return Observable.of(
-        updateMultipleUserFlags({ username, flags: payload })
-      );
-    });
-    const complete = actions$::ofType(types.updateUserBackend.complete)
-    .flatMap(({ payload: { message } }) => Observable.if(
-      () => message.includes('project'),
-      Observable.of(refetchCompletedChallenges(), makeToast({ message })),
-      Observable.of(makeToast({ message }))
-    )
-    );
-
-  return Observable.merge(server, optimistic, complete);
-}
-
-function refetchCompletedChallengesEpic(actions$, { getState }) {
-  return actions$::ofType(types.refetchCompletedChallenges.start)
-    .flatMap(() => {
-      const {
-        app: { csrfToken: _csrf }
-      } = getState();
-      const username = usernameSelector(getState());
-      return postJSON$('/refetch-user-completed-challenges', { _csrf })
-        .map(({ completedChallenges }) =>
-          updateMultipleUserFlags({ username, flags: { completedChallenges } })
-        )
-        .catch(createErrorObservable);
-    });
-}
-
-function updateMyPortfolioEpic(actions$, { getState }) {
-  const edit = actions$::ofType(types.updateMyPortfolio.start);
-  const remove = actions$::ofType(types.deletePortfolio.start);
-  const serverEdit = edit
-    .flatMap(({ payload }) => {
-      const { id } = payload;
-      const {
-        app: { csrfToken: _csrf, username }
-      } = getState();
-      return postJSON$('/update-my-portfolio', { _csrf, portfolio: payload })
-        .map(updateMyPortfolioComplete)
-        .catch(doActionOnError(() => regresPortfolio({ username, id })));
-    });
-  const optimisticEdit = edit
-    .map(({ payload }) => {
-      const username = usernameSelector(getState());
-      return optoUpdatePortfolio({ username, portfolio: payload });
-    });
-  const complete = actions$::ofType(types.updateMyPortfolio.complete)
-  .flatMap(({ payload: { message } }) =>
-    Observable.of(makeToast({ message }))
-  );
-
-  const serverRemove = remove
-    .flatMap(({ payload: { portfolio } }) => {
-      const {
-        app: { csrfToken: _csrf }
-      } = getState();
-      return postJSON$('/update-my-portfolio', { _csrf, portfolio })
-        .map(updateMyPortfolioComplete)
-        .catch(
-          doActionOnError(
-            () => makeToast({
-              message: 'Something went wrong removing a portfolio item.'
-            })
-          )
-        );
-    });
-    const optimisticRemove = remove
-      .flatMap(({ payload: { portfolio: { id } } }) => {
-        const username = usernameSelector(getState());
-        return Observable.of(regresPortfolio({ username, id }));
-      });
-
-  return Observable.merge(
-    serverEdit,
-    optimisticEdit,
-    complete,
-    serverRemove,
-    optimisticRemove
-  );
-}
-
-function updateUserEmailEpic(actions, { getState }) {
-  return actions::ofType(types.updateMyEmail)
-    .flatMap(({ payload: email }) => {
-      const {
-        app: { user: username, csrfToken: _csrf },
-        entities: { user: userMap }
-      } = getState();
-      const { email: oldEmail } = userMap[username] || {};
-      const body = { _csrf, email };
-      const optimisticUpdate = Observable.just(
-        updateUserEmail(username, email)
-      );
-      const ajaxUpdate = postJSON$('/update-my-email', body)
-        .catch(doActionOnError(() => oldEmail ?
-          updateUserEmail(username, oldEmail) :
-          null
-        ))
-        .filter(Boolean);
-      return Observable.merge(optimisticUpdate, ajaxUpdate);
-    });
-}
-
-function updateMyProfileUIEpic(action$, { getState }) {
-  const toggle = action$::ofType(types.updateMyProfileUI.start);
-
-  const server = toggle.flatMap(({payload: { profileUI }}) => {
-    const state = getState();
-    const { csrfToken: _csrf } = state.app;
-    const username = usernameSelector(state);
-    const oldUI = { ...userSelector(state).profileUI };
-    return postJSON$('/update-my-profile-ui', { _csrf, profileUI })
-      .map(updateMyProfileUIComplete)
-      .catch(
-        doActionOnError(
-          () => Observable.of(
-            makeToast({
-              message:
-                'Something went wrong saving your privacy settings, ' +
-                'please try again.'
-            }),
-            updateLocalProfileUI({username, profileUI: oldUI })
-          )
-        )
-      );
-    });
-  const optimistic = toggle.flatMap(({payload: { profileUI }}) => {
-    const username = usernameSelector(getState());
-    return Observable.of(updateLocalProfileUI({username, profileUI}));
-  });
-
-  return Observable.merge(server, optimistic);
-}
-
-export default combineEpics(
-  backendUserUpdateEpic,
-  refetchCompletedChallengesEpic,
-  updateMyPortfolioEpic,
-  updateUserEmailEpic,
-  updateMyProfileUIEpic
-);
diff --git a/api-server/common/app/routes/Settings/routes/update-email/Update-Email.jsx b/api-server/common/app/routes/Settings/routes/update-email/Update-Email.jsx
deleted file mode 100644
index d241244722..0000000000
--- a/api-server/common/app/routes/Settings/routes/update-email/Update-Email.jsx
+++ /dev/null
@@ -1,172 +0,0 @@
-import PropTypes from 'prop-types';
-import React from 'react';
-import {
-  Button,
-  Col,
-  FormControl,
-  FormGroup,
-  HelpBlock,
-  Row
-} from 'react-bootstrap';
-import { reduxForm } from 'redux-form';
-import { isEmail } from 'validator';
-
-import { Link } from '../../../../Router';
-import { getValidationState, DOMOnlyProps } from '../../../../utils/form';
-import {
-  onRouteSettings,
-  updateMyEmail
-} from '../../redux';
-
-const actions = {
-  updateMyEmail
-};
-const fields = [
-  'email',
-  'duplicate'
-];
-const validateFields = ({ email, duplicate }) => {
-  const errors = {};
-
-  if (!isEmail('' + email)) {
-    errors.email = 'This email is invalid.';
-  }
-
-  if (duplicate && email !== duplicate) {
-    errors.duplicate = 'This email does not match the one above.';
-  }
-
-  return errors;
-};
-
-const mapStateToProps = state => {
-  const {
-    app: { user: username },
-    entities: { user: userMap }
-  } = state;
-  const { email, emailVerified } = userMap[username] || {};
-
-  return {
-    initialValues: { email },
-    isEmailThere: !!email,
-    isVerified: !!emailVerified
-  };
-};
-
-const propTypes = {
-  fields: PropTypes.object.isRequired,
-  handleSubmit: PropTypes.func.isRequired,
-  isEmailThere: PropTypes.bool,
-  isVerified: PropTypes.bool,
-  submitting: PropTypes.bool,
-  updateMyEmail: PropTypes.func.isRequired
-};
-
-export class UpdateEmail extends React.Component {
-  constructor(...props) {
-    super(...props);
-    this.handleSubmit = this.handleSubmit.bind(this);
-  }
-
-  handleSubmit(e) {
-    e.preventDefault();
-    this.props.handleSubmit(({ email }) => this.props.updateMyEmail(email))(e);
-  }
-
-  render() {
-    const {
-      isEmailThere,
-      isVerified,
-      fields: { email, duplicate },
-      submitting
-    } = this.props;
-    const buttonCopy = !isEmailThere || isVerified ?
-      'Update my Email' :
-      'Verify Email';
-    return (
-      <Row>
-        <Col
-          sm={ 4 }
-          smOffset={ 4 }
-          >
-          <h2 className='text-center'>Update your email address here:</h2>
-          <form
-            name='update-email'
-            onSubmit={ this.handleSubmit }
-            >
-            <FormGroup
-              bsSize='lg'
-              controlId='email'
-              validationState={ getValidationState(email) }
-              >
-              <FormControl
-                autoFocus={ true }
-                placeholder='Enter your new email'
-                type='email'
-                { ...DOMOnlyProps(email) }
-              />
-              {
-                !email.error ?
-                  null :
-                  <HelpBlock>{ email.error }</HelpBlock>
-              }
-            </FormGroup>
-            <FormGroup
-              bsSize='lg'
-              controlId='duplicate'
-              validationState={ getValidationState(duplicate) }
-              >
-              <FormControl
-                placeholder='re-type your email address'
-                type='email'
-                { ...DOMOnlyProps(duplicate) }
-              />
-              {
-                !duplicate.error ?
-                  null :
-                  <HelpBlock>{ duplicate.error }</HelpBlock>
-              }
-            </FormGroup>
-            <FormGroup>
-              <Button
-                block={ true }
-                bsSize='lg'
-                bsStyle='primary'
-                disabled={ submitting }
-                type='submit'
-                >
-                { buttonCopy }
-              </Button>
-              <div className='button-spacer' />
-              <Link
-                style={{ textDecoration: 'none' }}
-                to={ onRouteSettings() }
-                >
-                <Button
-                  block={ true }
-                  bsSize='lg'
-                  bsStyle='primary'
-                  >
-                  Go back to Settings
-                </Button>
-              </Link>
-            </FormGroup>
-          </form>
-        </Col>
-      </Row>
-    );
-  }
-}
-
-UpdateEmail.displayName = 'UpdateEmail';
-UpdateEmail.propTypes = propTypes;
-
-export default reduxForm(
-  {
-    form: 'update-email',
-    fields,
-    validate: validateFields
-  },
-  mapStateToProps,
-  actions
-)(UpdateEmail);
diff --git a/api-server/common/app/routes/Settings/routes/update-email/index.js b/api-server/common/app/routes/Settings/routes/update-email/index.js
deleted file mode 100644
index 7d32d33ebe..0000000000
--- a/api-server/common/app/routes/Settings/routes/update-email/index.js
+++ /dev/null
@@ -1 +0,0 @@
-export { default } from './Update-Email.jsx';
diff --git a/api-server/common/app/routes/Settings/settings.less b/api-server/common/app/routes/Settings/settings.less
deleted file mode 100644
index a7f946bd89..0000000000
--- a/api-server/common/app/routes/Settings/settings.less
+++ /dev/null
@@ -1,144 +0,0 @@
-// should be the same as the filename and ./ns.json
-@ns: settings;
-
-@skeleton-gray: #b0bdb7;
-
-.night .@{ns}-container {
-
-  .btn-group {
-
-    label:disabled, label[disabled] {
-      border: 1px solid #999;
-      background-color: #999;
-      color: #333;
-    }
-  }
-  .panel {
-    color:#333333;
-    background-color: #cccccc;
-    a {
-      color: @brand-primary;
-      &:hover {
-        color: #001800;
-      }
-    }
-  }
-  .nav-tabs > li > a:hover {
-    color: #333333;
-  }
-}
-
-.@{ns}-container {
-  .center(@value: @container-xl, @padding: @grid-gutter-width);
-
-  button:disabled, button[disabled] {
-    border: 1px solid #999;
-    background-color: #999;
-    color: #333;
-  }
-
-  a:hover {
-    text-decoration: none;
-    text-decoration-line: none;
-  }
-
-  .panel {
-    background-color: #fff;
-  }
-
-  .solution-list {
-    padding-left:  0px;
-  }
-
-  .solution-list-item {
-    list-style: none;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-
-    p {
-      font-weight: bold;
-      margin-bottom: 0px;
-    }
-  }
-}
-
-.privacy-settings {
-
-  .toggle-label {
-    margin: 0;
-
-    p {
-      display: flex;
-      flex-direction: column;
-      margin: 0;
-    }
-  }
-
-  .inline-form {
-    display: flex;
-    align-items: center;
-    .btn-group > label {
-      margin: 10px 0;
-    }
-    @media (max-width: 450px){
-      flex-wrap: wrap;
-      border-bottom: 1px solid #e0e0e0;
-    }
-  }
-
-  label {
-
-    em {
-      font-weight: 400;
-    }
-  }
-}
-
-.@{ns}-email-container {
-  .below(sm, {
-    text-align: center;
-  })
-}
-
-.inline-form-field {
-  display: flex;
-  align-items: center;
-  margin: 5px 0;
-
-  input, textarea {
-    background-color: #fff;
-    margin: 5px 0;
-  }
-  @media (max-width: 450px) {
-    flex-wrap: wrap;
-  }
-}
-.edit-preview-tabs {
-
-  li {
-    padding-bottom: 0px;
-  }
-}
-
-.avatar-container {
-  display: flex;
-  justify-content: center;
-}
-
-.portfolio-settings-intro {
-  display: flex;
-  justify-content: space-around;
-
-  .p-intro {
-    font-size: 18px;
-  }
-}
-
-.danger-zone-panel {
-  background-color: #fff;
-  .panel-heading {
-    background-color: #880000;
-    color: #fff;
-  }
-}
diff --git a/api-server/common/app/routes/Settings/utils/buildUserProjectsMap.js b/api-server/common/app/routes/Settings/utils/buildUserProjectsMap.js
deleted file mode 100644
index a0226b3909..0000000000
--- a/api-server/common/app/routes/Settings/utils/buildUserProjectsMap.js
+++ /dev/null
@@ -1,32 +0,0 @@
-import { find } from 'lodash';
-
-export const jsProjectSuperBlock = 'javascript-algorithms-and-data-structures';
-
-export function buildUserProjectsMap(projectBlock, completedChallenges) {
-  const {
-    challenges,
-    superBlock
-  } = projectBlock;
-  return {
-    [superBlock]: challenges.reduce((solutions, current) => {
-      const { id } = current;
-      const completed = find(
-        completedChallenges,
-        ({ id: completedId }) => completedId === id
-      );
-      let solution = '';
-      if (superBlock === jsProjectSuperBlock) {
-        solution = {};
-      }
-      if (completed) {
-        solution = 'solution' in completed ?
-          completed.solution :
-          completed.files || '';
-      }
-      return {
-        ...solutions,
-        [current.title]: solution
-      };
-    }, {})
-  };
-}
diff --git a/api-server/common/app/routes/index.js b/api-server/common/app/routes/index.js
deleted file mode 100644
index 36f862f9e9..0000000000
--- a/api-server/common/app/routes/index.js
+++ /dev/null
@@ -1,8 +0,0 @@
-import { routes as settingsRoutes } from './Settings';
-import { routes as profileRoutes } from './Profile';
-
-export default {
-  ...settingsRoutes,
-  // ensure profile routes are last else they hijack other routes
-  ...profileRoutes
-};
diff --git a/api-server/common/app/routes/index.less b/api-server/common/app/routes/index.less
deleted file mode 100644
index d852290ad1..0000000000
--- a/api-server/common/app/routes/index.less
+++ /dev/null
@@ -1,2 +0,0 @@
-&{ @import "./Profile/profile.less"; }
-&{ @import "./Settings/index.less"; }
diff --git a/api-server/common/app/routes/redux.js b/api-server/common/app/routes/redux.js
deleted file mode 100644
index d25ff41ad8..0000000000
--- a/api-server/common/app/routes/redux.js
+++ /dev/null
@@ -1,33 +0,0 @@
-import { isLocationAction } from 'redux-first-router';
-import { combineReducers } from 'berkeleys-redux-utils';
-
-import profileReducer from './Profile/redux';
-import settingsReducer from './Settings/redux';
-import { routes as profileRoutes } from './Profile';
-import { routes as settingsRoutes } from './Settings';
-
-const ns = 'mainRouter';
-
-export const mainRouteSelector = state => state[ns];
-
-export function mainRouter(state = 'NotFound', action) {
-  if (!isLocationAction(action)) {
-    return state;
-  }
-  const { type } = action;
-  if (settingsRoutes[type]) {
-    return 'settings';
-  }
-  if (profileRoutes[type]) {
-    return 'profile';
-  }
-  return '';
-}
-
-mainRouter.toString = () => ns;
-
-export default combineReducers(
-  profileReducer,
-  settingsReducer,
-  mainRouter
-);
diff --git a/api-server/common/app/utils/No-Props-Passthrough.jsx b/api-server/common/app/utils/No-Props-Passthrough.jsx
deleted file mode 100644
index 66281c5e87..0000000000
--- a/api-server/common/app/utils/No-Props-Passthrough.jsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import PropTypes from 'prop-types';
-
-// use when passing a react primitive element as a child to a
-// react-boostrap component that will inject props
-// using cloneElement
-export default function NoPropsPassthrough({ children }) {
-  return children;
-}
-
-NoPropsPassthrough.propTypes = {
-  children: PropTypes.element
-};
diff --git a/api-server/common/app/utils/blockNameify.js b/api-server/common/app/utils/blockNameify.js
deleted file mode 100644
index 72dc1ad157..0000000000
--- a/api-server/common/app/utils/blockNameify.js
+++ /dev/null
@@ -1,41 +0,0 @@
-const preFormattedBlockNames = {
-  'api-projects': 'API Projects',
-  'basic-css': 'Basic CSS',
-  'basic-html-and-html5': 'Basic HTML and HTML5',
-  'css-flexbox': 'CSS Flexbox',
-  'css-grid': 'CSS Grid',
-  devops: 'DevOps',
-  es6: 'ES6',
-  'information-security-with-helmetjs': 'Information Security with HelmetJS',
-  jquery: 'jQuery',
-  'json-apis-and-ajax': 'JSON APIs and Ajax',
-  'mongodb-and-mongoose': 'MongoDB and Mongoose',
-  'the-dom': 'The DOM'
-};
-
-const noFormatting = [
-  'and',
-  'for',
-  'of',
-  'the',
-  'up',
-  'with'
-];
-
-export default function blockNameify(phrase) {
-  const preFormatted = preFormattedBlockNames[phrase] || '';
-  if (preFormatted) {
-    return preFormatted;
-  }
-  return phrase.split('-')
-    .map((word) => {
-      if (noFormatting.indexOf(word) !== -1) {
-        return word;
-      }
-      if (word === 'javascript') {
-        return 'JavaScript';
-      }
-      return word.charAt(0).toUpperCase() + word.slice(1);
-    })
-    .join(' ');
-}
diff --git a/api-server/common/app/utils/challengeTypes.js b/api-server/common/app/utils/challengeTypes.js
deleted file mode 100644
index 92ffcedc24..0000000000
--- a/api-server/common/app/utils/challengeTypes.js
+++ /dev/null
@@ -1,12 +0,0 @@
-export const html = 0;
-export const js = 1;
-export const backend = 2;
-export const zipline = 3;
-export const frontEndProject = 3;
-export const basejump = 4;
-export const backEndProject = 4;
-export const bonfire = 5;
-export const modern = 6;
-export const step = 7;
-export const quiz = 8;
-export const invalid = 9;
diff --git a/api-server/common/app/utils/create-types.js b/api-server/common/app/utils/create-types.js
deleted file mode 100644
index 31a93dba8a..0000000000
--- a/api-server/common/app/utils/create-types.js
+++ /dev/null
@@ -1,10 +0,0 @@
-// createTypes(types: String[], prefix: String) => Object
-export default function createTypes(types = [], prefix = '') {
-  if (!Array.isArray(types) || typeof prefix !== 'string') {
-    return {};
-  }
-  return types.reduce((types, type) => {
-    types[type] = prefix + '.' + type;
-    return types;
-  }, {});
-}
diff --git a/api-server/common/app/utils/form.js b/api-server/common/app/utils/form.js
deleted file mode 100644
index c96f4477f9..0000000000
--- a/api-server/common/app/utils/form.js
+++ /dev/null
@@ -1,94 +0,0 @@
-import omit from 'lodash/omit';
-import normalizeUrl from 'normalize-url';
-import { isURL } from 'validator';
-
-const normalizeOptions = {
-  stripWWW: false
-};
-
-// callIfDefined(fn: (Any) => Any) => (value: Any) => Any
-export function callIfDefined(fn) {
-  return value => value ? fn(value) : value;
-}
-
-// formatUrl(url: String) => String
-export function formatUrl(url) {
-  if (
-    typeof url === 'string' &&
-    url.length > 4 &&
-    url.indexOf('.') !== -1
-  ) {
-    // prevent trailing / from being stripped during typing
-    let lastChar = '';
-    if (url.substring(url.length - 1) === '/') {
-      lastChar = '/';
-    }
-    // prevent normalize-url from stripping last dot during typing
-    if (url.substring(url.length - 1) === '.') {
-      lastChar = '.';
-    }
-    return normalizeUrl(url, normalizeOptions) + lastChar;
-  }
-  return url;
-}
-
-export function isValidURL(data) {
-  /* eslint-disable quote-props */
-  return isURL(data, { 'require_protocol': true });
-  /* eslint-enable quote-props */
-}
-
-export function makeOptional(validator) {
-  return val => val ? validator(val) : true;
-}
-
-export function makeRequired(validator) {
-  return (val) => val ? validator(val) : false;
-}
-
-export function createFormValidator(fieldValidators) {
-  const fieldKeys = Object.keys(fieldValidators);
-  return values => fieldKeys
-    .map(field => {
-      if (fieldValidators[field](values[field])) {
-        return null;
-      }
-      return { [field]: !fieldValidators[field](values[field]) };
-    })
-    .filter(Boolean)
-    .reduce((errors, error) => ({ ...errors, ...error }), {});
-}
-
-
-export function getValidationState(field) {
-  if (field.pristine) {
-    return null;
-  }
-
-  if ((/https?:\/\/glitch\.com\/edit\/#!\/.*/g).test(field.value)) {
-    return 'glitch-warning';
-  }
-
-  return field.error ?
-    'error' :
-    'success';
-}
-
-// this should filter out none-dom props to silence React warnings
-export function DOMOnlyProps(field) {
-  return omit(field, [
-    'initialValue',
-    'autofill',
-    'autocompleted',
-    'onUpdate',
-    'valid',
-    'invalid',
-    'dirty',
-    'pristine',
-    'active',
-    'touched',
-    'visited',
-    'autofilled',
-    'error'
-  ]);
-}
diff --git a/api-server/common/app/utils/shallow-equals.js b/api-server/common/app/utils/shallow-equals.js
deleted file mode 100644
index 3f8ba3912f..0000000000
--- a/api-server/common/app/utils/shallow-equals.js
+++ /dev/null
@@ -1,37 +0,0 @@
-// original sourc
-// https://github.com/rackt/react-redux/blob/master/src/utils/shallowEqual.js
-// MIT license
-export default function shallowEqual(objA, objB) {
-  if (objA === objB) {
-    return true;
-  }
-
-  if (
-    typeof objA !== 'object' ||
-    objA === null ||
-    typeof objB !== 'object' ||
-    objB === null
-  ) {
-    return false;
-  }
-
-  var keysA = Object.keys(objA);
-  var keysB = Object.keys(objB);
-
-  if (keysA.length !== keysB.length) {
-    return false;
-  }
-
-  // Test for A's keys different from B.
-  var bHasOwnProperty = Object.prototype.hasOwnProperty.bind(objB);
-  for (var i = 0; i < keysA.length; i++) {
-    if (
-      !bHasOwnProperty(keysA[i]) ||
-      objA[keysA[i]] !== objB[keysA[i]]
-    ) {
-      return false;
-    }
-  }
-
-  return true;
-}
diff --git a/api-server/common/app/utils/empty-protector.js b/api-server/common/utils/empty-protector.js
similarity index 100%
rename from api-server/common/app/utils/empty-protector.js
rename to api-server/common/utils/empty-protector.js
diff --git a/api-server/common/utils/map.js b/api-server/common/utils/map.js
index 60544ae491..9ce2e1b8ff 100644
--- a/api-server/common/utils/map.js
+++ b/api-server/common/utils/map.js
@@ -1,4 +1,4 @@
-import emptyProtector from '../app/utils/empty-protector';
+import emptyProtector from './empty-protector';
 
 export function checkMapData(
   {
diff --git a/api-server/common/utils/polyvinyl.js b/api-server/common/utils/polyvinyl.js
index 18e5b15ea7..ed3faf53aa 100644
--- a/api-server/common/utils/polyvinyl.js
+++ b/api-server/common/utils/polyvinyl.js
@@ -1,7 +1,7 @@
 // originally based off of https://github.com/gulpjs/vinyl
 import invariant from 'invariant';
 import { Observable } from 'rx';
-import castToObservable from '../app/utils/cast-to-observable.js';
+import castToObservable from '../../server/utils/cast-to-observable';
 
 
 // createFileStream(
diff --git a/api-server/development-entry.js b/api-server/development-entry.js
new file mode 100644
index 0000000000..a71da1f4b5
--- /dev/null
+++ b/api-server/development-entry.js
@@ -0,0 +1,13 @@
+const nodemon = require('nodemon');
+
+nodemon({
+  ext: 'js json',
+  // --silent squashes an ELIFECYCLE error when the server exits
+  exec: 'DEBUG=fcc* npm run --silent babel-dev-server',
+  watch: './server',
+  spawn: true
+});
+
+nodemon.on('restart', function nodemonRestart(files) {
+  console.log('App restarted due to: ', files);
+});
diff --git a/api-server/package-lock.json b/api-server/package-lock.json
index 36593409ba..cd8367ddb3 100644
--- a/api-server/package-lock.json
+++ b/api-server/package-lock.json
@@ -4,6 +4,24 @@
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
+    "@babel/cli": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/@babel/cli/-/cli-7.0.0.tgz",
+      "integrity": "sha512-SH/x7W1dz4FSSBeJZXIiYSbHIOU3ZxNgwQPLTG+I8KXyTS81pzmLouPa2st6hji7VbVrEF/D8EQzQbXAYj1TsA==",
+      "dev": true,
+      "requires": {
+        "chokidar": "2.0.4",
+        "commander": "2.17.1",
+        "convert-source-map": "1.5.1",
+        "fs-readdir-recursive": "1.1.0",
+        "glob": "7.1.3",
+        "lodash": "4.17.10",
+        "mkdirp": "0.5.1",
+        "output-file-sync": "2.0.1",
+        "slash": "2.0.0",
+        "source-map": "0.5.7"
+      }
+    },
     "@babel/code-frame": {
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.0.0.tgz",
@@ -313,6 +331,20 @@
         "@babel/plugin-syntax-async-generators": "7.0.0"
       }
     },
+    "@babel/plugin-proposal-class-properties": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-class-properties/-/plugin-proposal-class-properties-7.0.0.tgz",
+      "integrity": "sha512-mVgsbdySh6kuzv4omXvw0Kuh+3hrUrQ883qTCf75MqfC6zctx2LXrP3Wt+bbJmB5fE5nfhf/Et2pQyrRy4j0Pg==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-function-name": "7.0.0",
+        "@babel/helper-member-expression-to-functions": "7.0.0",
+        "@babel/helper-optimise-call-expression": "7.0.0",
+        "@babel/helper-plugin-utils": "7.0.0",
+        "@babel/helper-replace-supers": "7.0.0",
+        "@babel/plugin-syntax-class-properties": "7.0.0"
+      }
+    },
     "@babel/plugin-proposal-json-strings": {
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-json-strings/-/plugin-proposal-json-strings-7.0.0.tgz",
@@ -363,6 +395,15 @@
         "@babel/helper-plugin-utils": "7.0.0"
       }
     },
+    "@babel/plugin-syntax-class-properties": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-class-properties/-/plugin-syntax-class-properties-7.0.0.tgz",
+      "integrity": "sha512-cR12g0Qzn4sgkjrbrzWy2GE7m9vMl/sFkqZ3gIpAQdrvPDnLM8180i+ANDFIXfjHo9aqp0ccJlQ0QNZcFUbf9w==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "7.0.0"
+      }
+    },
     "@babel/plugin-syntax-json-strings": {
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-json-strings/-/plugin-syntax-json-strings-7.0.0.tgz",
@@ -3029,9 +3070,9 @@
       }
     },
     "dotenv": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-4.0.0.tgz",
-      "integrity": "sha1-hk7xN5rO1Vzm+V3r7NzhefegzR0="
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-6.0.0.tgz",
+      "integrity": "sha512-FlWbnhgjtwD+uNLUGHbMykMOYQaTivdHEmYwAKFjn6GKe/CqY0fNae93ZHTd20snh9ZLr8mTzIL9m0APQ1pjQg=="
     },
     "duplex": {
       "version": "1.0.0",
@@ -3541,6 +3582,21 @@
       "resolved": "https://registry.npmjs.org/eventemitter2/-/eventemitter2-5.0.1.tgz",
       "integrity": "sha1-YZegldX7a1folC9v1+qtY6CclFI="
     },
+    "execa": {
+      "version": "0.7.0",
+      "resolved": "https://registry.npmjs.org/execa/-/execa-0.7.0.tgz",
+      "integrity": "sha1-lEvs00zEHuMqY6n68nrVpl/Fl3c=",
+      "dev": true,
+      "requires": {
+        "cross-spawn": "5.1.0",
+        "get-stream": "3.0.0",
+        "is-stream": "1.1.0",
+        "npm-run-path": "2.0.2",
+        "p-finally": "1.0.0",
+        "signal-exit": "3.0.2",
+        "strip-eof": "1.0.0"
+      }
+    },
     "exit-hook": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/exit-hook/-/exit-hook-1.1.1.tgz",
@@ -9726,6 +9782,12 @@
         }
       }
     },
+    "slash": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/slash/-/slash-2.0.0.tgz",
+      "integrity": "sha512-ZYKh3Wh2z1PpEXWr0MpSBZ0V6mZHAQfYevttO11c51CaWjGTaadiKZ+wVt1PbMlDV5qhMFslpZCemhwOK7C89A==",
+      "dev": true
+    },
     "slice-ansi": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-1.0.0.tgz",
@@ -11032,23 +11094,6 @@
       "dev": true,
       "requires": {
         "execa": "0.7.0"
-      },
-      "dependencies": {
-        "execa": {
-          "version": "0.7.0",
-          "resolved": "https://registry.npmjs.org/execa/-/execa-0.7.0.tgz",
-          "integrity": "sha1-lEvs00zEHuMqY6n68nrVpl/Fl3c=",
-          "dev": true,
-          "requires": {
-            "cross-spawn": "5.1.0",
-            "get-stream": "3.0.0",
-            "is-stream": "1.1.0",
-            "npm-run-path": "2.0.2",
-            "p-finally": "1.0.0",
-            "signal-exit": "3.0.2",
-            "strip-eof": "1.0.0"
-          }
-        }
       }
     },
     "text-encoding": {
diff --git a/api-server/package.json b/api-server/package.json
index 03c2d92259..90a38b5003 100644
--- a/api-server/package.json
+++ b/api-server/package.json
@@ -2,7 +2,10 @@
   "name": "@freecodecamp/api-server",
   "version": "0.1.0",
   "repository": "freecodecamp/freecodecamp",
+  "private": true,
+  "main": "development-entry.js",
   "scripts": {
+    "babel-dev-server": "babel-node ./server/server.js",
     "commit": "git-cz",
     "commitmsg": "validate-commit-msg",
     "ensure-env": "node ./config/ensure-env.js",
@@ -39,7 +42,7 @@
     "date-fns": "^1.29.0",
     "debug": "^2.2.0",
     "dedent": "~0.7.0",
-    "dotenv": "^4.0.0",
+    "dotenv": "^6.0.0",
     "express-flash": "~0.0.2",
     "express-session": "^1.12.1",
     "express-state": "^1.2.0",
@@ -79,8 +82,11 @@
     "validator": "^9.4.1"
   },
   "devDependencies": {
+    "@babel/cli": "^7.0.0",
     "@babel/core": "^7.0.0",
     "@babel/node": "^7.0.0",
+    "@babel/plugin-proposal-class-properties": "^7.0.0",
+    "@babel/plugin-proposal-object-rest-spread": "^7.0.0",
     "@babel/preset-env": "^7.0.0",
     "@babel/register": "^7.0.0",
     "adler32": "~0.1.7",
@@ -95,7 +101,7 @@
     "joi": "^13.1.2",
     "joi-objectid": "^2.0.0",
     "loopback-component-explorer": "^2.1.1",
-    "nodemon": "^1.18.3",
+    "nodemon": "^1.18.4",
     "pm2": "^3.0.3",
     "prettier": "^1.14.2",
     "sinon": "^2.0.0",
diff --git a/api-server/server/boot/a-services.js b/api-server/server/boot/a-services.js
index a14422a2af..f29a5a1cdd 100644
--- a/api-server/server/boot/a-services.js
+++ b/api-server/server/boot/a-services.js
@@ -1,20 +1,13 @@
 import Fetchr from 'fetchr';
 import getUserServices from '../services/user';
-import getMapUiServices from '../services/mapUi';
-import getChallengesForBlockService from '../services/challenge';
 
 export default function bootServices(app) {
 
-  const challenge = getChallengesForBlockService(app);
-  const mapUi = getMapUiServices(app);
   const user = getUserServices(app);
 
-  Fetchr.registerFetcher(challenge);
-  Fetchr.registerFetcher(mapUi);
   Fetchr.registerFetcher(user);
 
   const middleware = Fetchr.middleware();
-  app.use('/services', middleware);
   app.use('/external/services', middleware);
   app.use('/internal/services', middleware);
 }
diff --git a/api-server/server/server.js b/api-server/server/server.js
index 95ed7f029c..0540c5fce7 100755
--- a/api-server/server/server.js
+++ b/api-server/server/server.js
@@ -1,11 +1,13 @@
-require('dotenv').load();
+const path = require('path');
+require('dotenv').config({ path: path.resolve(__dirname, '../.env')});
+
+console.log(path.resolve(__dirname, '../.env'))
 
 const _ = require('lodash');
 const Rx = require('rx');
 const loopback = require('loopback');
 const boot = require('loopback-boot');
 const expressState = require('express-state');
-const path = require('path');
 const createDebugger = require('debug');
 
 const { setupPassport } = require('./component-passport');
diff --git a/api-server/common/app/utils/cast-to-observable.js b/api-server/server/utils/cast-to-observable.js
similarity index 100%
rename from api-server/common/app/utils/cast-to-observable.js
rename to api-server/server/utils/cast-to-observable.js
diff --git a/client/src/components/Header/components/SignedIn.js b/client/src/components/Header/components/SignedIn.js
index a0e398bb64..b61ab15da4 100644
--- a/client/src/components/Header/components/SignedIn.js
+++ b/client/src/components/Header/components/SignedIn.js
@@ -12,7 +12,7 @@ const mapStateToProps = createSelector(userSelector, ({ picture }) => ({
 function SignedIn({ picture }) {
   return (
     <a href='https://www.freecodecamp.org/settings'>
-      <img height='38px' src={picture} />
+      <img alt='' height='38px' src={picture} />
     </a>
   );
 }
diff --git a/client/src/components/Header/index.js b/client/src/components/Header/index.js
index db34116619..9772a2f31d 100644
--- a/client/src/components/Header/index.js
+++ b/client/src/components/Header/index.js
@@ -21,7 +21,11 @@ function Header({ disableSettings }) {
             <Link to='/'>Curriculum</Link>
           </li>
           <li>
-            <a href='https://forum.freecodecamp.org' target='_blank'>
+            <a
+              href='https://forum.freecodecamp.org'
+              rel='noopener noreferrer'
+              target='_blank'
+              >
               Forum
             </a>
           </li>
diff --git a/client/src/components/Layout.js b/client/src/components/Layout.js
index 14147e70b3..0ffe239960 100644
--- a/client/src/components/Layout.js
+++ b/client/src/components/Layout.js
@@ -42,10 +42,6 @@ const mapDispatchToProps = dispatch =>
   bindActionCreators({ fetchUser, removeFlashMessage }, dispatch);
 
 class Layout extends Component {
-  constructor(props) {
-    super(props);
-  }
-
   componentDidMount() {
     if (!this.props.isSignedIn) {
       this.props.fetchUser();
diff --git a/client/src/pages/accept-privacy-terms.js b/client/src/pages/accept-privacy-terms.js
index c733df5214..9776865760 100644
--- a/client/src/pages/accept-privacy-terms.js
+++ b/client/src/pages/accept-privacy-terms.js
@@ -104,7 +104,11 @@ class AcceptPrivacyTerms extends Component {
                     onChange={this.createHandleChange('termsOfService')}
                     >
                     I accept the{' '}
-                    <a href='https://www.freecodecamp/terms' target='_blank'>
+                    <a
+                      href='https://www.freecodecamp/terms'
+                      rel='noopener noreferrer'
+                      target='_blank'
+                      >
                       terms of service
                     </a>{' '}
                     (required)
@@ -122,7 +126,11 @@ class AcceptPrivacyTerms extends Component {
                     onChange={this.createHandleChange('privacyPolicy')}
                     >
                     I accept the{' '}
-                    <a href='https://www.freecodecamp/privacy' target='_blank'>
+                    <a
+                      href='https://www.freecodecamp/privacy'
+                      rel='noopener noreferrer'
+                      target='_blank'
+                      >
                       privacy policy
                     </a>{' '}
                     (required)
diff --git a/client/src/pages/update-email.js b/client/src/pages/update-email.js
index 12b5b0c077..5074d91a05 100644
--- a/client/src/pages/update-email.js
+++ b/client/src/pages/update-email.js
@@ -37,7 +37,7 @@ const mapStateToProps = createSelector(
 const mapDispatchToProps = dispatch =>
   bindActionCreators({ updateMyEmail }, dispatch);
 
-const maybeEmailRE = /[\w\.\+]*?@\w*?\.\w+?/;
+const maybeEmailRE = /[\w.+]*?@\w*?\.\w+?/;
 
 class UpdateEmail extends Component {
   constructor(props) {
diff --git a/client/src/utils/ajax.js b/client/src/utils/ajax.js
index 587888de60..55376bd514 100644
--- a/client/src/utils/ajax.js
+++ b/client/src/utils/ajax.js
@@ -6,9 +6,9 @@ function get(path) {
   return axios.get(`${base}${path}`);
 }
 
-function post(path, body) {
-  return axios.post(`${base}${path}`, body);
-}
+// function post(path, body) {
+//   return axios.post(`${base}${path}`, body);
+// }
 
 function put(path, body) {
   return axios.put(`${base}${path}`, body);
diff --git a/develop-client-server.js b/develop-client-server.js
new file mode 100644
index 0000000000..b234e978ba
--- /dev/null
+++ b/develop-client-server.js
@@ -0,0 +1,34 @@
+const { spawn } = require('child_process');
+const kill = require('tree-kill');
+
+const spawnOpts = {
+  stdio: 'inherit',
+  shell: true
+};
+
+const loopback = spawn(
+  'cd',
+  ['./api-server', '&&', 'node development-entry.js'],
+  spawnOpts
+);
+const gatsby = spawn('cd', ['./client', '&&', 'npm run develop'], spawnOpts);
+
+function cleanUp() {
+  console.log(`
+  Killing processes...
+  `);
+  const promises = [
+    kill(loopback.pid, 'SIGINT', () => Promise.resolve()),
+    kill(gatsby.pid, 'SIGINT', () => Promise.resolve())
+  ];
+  return Promise.all(promises).then(() => {
+    console.log(`
+    All processes have exited
+  `);
+  });
+}
+
+process.on('exit', cleanUp);
+process.on('SIGINT', cleanUp);
+process.on('SIGUSR1', cleanUp);
+process.on('SIGUSR2', cleanUp);
diff --git a/development-server.js b/development-server.js
deleted file mode 100644
index b59f0cb5e0..0000000000
--- a/development-server.js
+++ /dev/null
@@ -1,27 +0,0 @@
-require('@babel/register');
-
-const { spawn } = require('child_process');
-const nodemon = require('nodemon');
-
-const spawnOpts = {
-  stdio: 'inherit',
-  shell: true
-};
-
-// spawns loopback
-
-nodemon({
-  script: './server/server.js',
-  ext: 'js json',
-  // --silent squashes an ELIFECYCLE error when the server exits
-  exec: 'npm run --silent babel-dev-server',
-  watch: './server',
-  spawn: true
-});
-
-nodemon
-  .on('restart', function nodemonRestart(files) {
-    console.log('App restarted due to: ', files);
-  });
-// spawns gatsby in development mode
-spawn('npm', ['run', 'develop'], spawnOpts);
diff --git a/old-client/client/README.md b/old-client/client/README.md
deleted file mode 100644
index dd8e39e772..0000000000
--- a/old-client/client/README.md
+++ /dev/null
@@ -1,4 +0,0 @@
-This is the entry point for the client code.
-Code that should run only on the client should be put here.
-
-NOTE(berks): For react specific stuff this should be the entry point
diff --git a/old-client/client/epics/README.md b/old-client/client/epics/README.md
deleted file mode 100644
index e69de29bb2..0000000000
diff --git a/old-client/client/epics/analytics-epic.js b/old-client/client/epics/analytics-epic.js
deleted file mode 100644
index da9207d167..0000000000
--- a/old-client/client/epics/analytics-epic.js
+++ /dev/null
@@ -1,44 +0,0 @@
-import { Observable } from 'rx';
-import { createErrorObservable } from '../../common/app/redux';
-import capitalize from 'lodash/capitalize';
-
-// analytics types
-// interface social {
-//   network: String, // facebook, twitter, etc
-//   action: String, // like, favorite, etc
-//   target: String // url like fcc.com or any other string
-// }
-// interface event {
-//   category: String,
-//   action: String,
-//   label?: String,
-//   value?: String
-// }
-//
-const types = [ 'event', 'social' ];
-function formatFields({ type, ...fields }) {
-  // make sure type is supported
-  if (!types.some(_type => _type === type)) {
-    return null;
-  }
-  return Object.keys(fields).reduce((_fields, field) => {
-    _fields[ type + capitalize(field) ] = fields[ field ];
-    return _fields;
-  }, { type });
-}
-
-export default function analyticsSaga(actions, _, { window }) {
-  const { ga } = window;
-  if (typeof ga !== 'function') {
-    console.log('GA not found');
-    return Observable.empty();
-  }
-  return actions
-    .filter(({ meta }) => !!(meta && meta.analytics && meta.analytics.type))
-    .map(({ meta: { analytics } }) => formatFields(analytics))
-    .filter(Boolean)
-    // ga always returns undefined
-    .map(({ type, ...fields }) => ga('send', type, fields))
-    .ignoreElements()
-    .catch(createErrorObservable);
-}
diff --git a/old-client/client/epics/err-epic.js b/old-client/client/epics/err-epic.js
deleted file mode 100644
index 12c0689843..0000000000
--- a/old-client/client/epics/err-epic.js
+++ /dev/null
@@ -1,10 +0,0 @@
-import { makeToast } from '../../common/app/Toasts/redux';
-
-export default function errorSaga(actions) {
-  return actions.filter(({ error }) => !!error)
-    .map(({ error }) => error)
-    .doOnNext(error => console.error(error))
-    .map(() => makeToast({
-      message: 'Something went wrong, please try again later'
-    }));
-}
diff --git a/old-client/client/epics/hard-go-to-epic.js b/old-client/client/epics/hard-go-to-epic.js
deleted file mode 100644
index 895ee49b70..0000000000
--- a/old-client/client/epics/hard-go-to-epic.js
+++ /dev/null
@@ -1,14 +0,0 @@
-import _ from 'lodash';
-import { ofType } from 'redux-epic';
-
-import { types } from '../../common/app/redux';
-
-export default function hardGoToSaga(actions, store, { location }) {
-  return actions::ofType(types.hardGoTo)
-    .pluck('payload')
-    .filter(_.isString)
-    .do((payload = '/') => {
-      location.pathname = payload;
-    })
-    .ignoreElements();
-}
diff --git a/old-client/client/epics/index.js b/old-client/client/epics/index.js
deleted file mode 100644
index c21ccd687b..0000000000
--- a/old-client/client/epics/index.js
+++ /dev/null
@@ -1,13 +0,0 @@
-import analyticsEpic from './analytics-epic.js';
-import errEpic from './err-epic.js';
-import hardGoToEpic from './hard-go-to-epic.js';
-import mouseTrapEpic from './mouse-trap-epic.js';
-import titleEpic from './title-epic.js';
-
-export default [
-  analyticsEpic,
-  errEpic,
-  hardGoToEpic,
-  mouseTrapEpic,
-  titleEpic
-];
diff --git a/old-client/client/epics/mouse-trap-epic.js b/old-client/client/epics/mouse-trap-epic.js
deleted file mode 100644
index b5a6298d66..0000000000
--- a/old-client/client/epics/mouse-trap-epic.js
+++ /dev/null
@@ -1,52 +0,0 @@
-import { Observable } from 'rx';
-import MouseTrap from 'mousetrap';
-import { push } from 'redux-first-router';
-import {
-  toggleNightMode,
-  hardGoTo
-} from '../../common/app/redux';
-import {
-  aboutUrl,
-  donateUrl,
-  forumUrl,
-  githubUrl
-} from '../../common/utils/constantStrings.json';
-
-function bindKey(key, actionCreator) {
-  return Observable.fromEventPattern(
-    h => MouseTrap.bind(key, h),
-    h => MouseTrap.unbind(key, h)
-  )
-    .map(actionCreator);
-}
-
-const softRedirects = {
-  'g n n': '/challenges/next-challenge',
-  'g n m': '/map',
-  'g n o': '/settings'
-};
-
-export default function mouseTrapSaga(actions) {
-  const traps = [
-    ...Object.keys(softRedirects)
-      .map(key => bindKey(key, () => push(softRedirects[key]))),
-    bindKey(
-      'g n a',
-      () => hardGoTo(aboutUrl)
-    ),
-    bindKey(
-      'g n r',
-      () => hardGoTo(githubUrl)
-    ),
-    bindKey(
-      'g n d',
-      () => hardGoTo(donateUrl)
-    ),
-    bindKey(
-      'g n w',
-      () => hardGoTo(forumUrl)
-    ),
-    bindKey('g t n', toggleNightMode)
-  ];
-  return Observable.merge(traps).takeUntil(actions.last());
-}
diff --git a/old-client/client/epics/title-epic.js b/old-client/client/epics/title-epic.js
deleted file mode 100644
index 4a9656c4f8..0000000000
--- a/old-client/client/epics/title-epic.js
+++ /dev/null
@@ -1,10 +0,0 @@
-import { ofType } from 'redux-epic';
-import { types, titleSelector } from '../../common/app/redux';
-
-export default function titleSage(actions, { getState }, { document }) {
-  return actions::ofType(types.updateTitle)
-    .do(() => {
-      document.title = titleSelector(getState());
-    })
-    .ignoreElements();
-}
diff --git a/old-client/client/index.js b/old-client/client/index.js
deleted file mode 100644
index 617cf141f8..0000000000
--- a/old-client/client/index.js
+++ /dev/null
@@ -1,74 +0,0 @@
-import Rx from 'rx';
-import debug from 'debug';
-import { render } from 'redux-epic';
-import createHistory from 'history/createBrowserHistory';
-import sendPageAnalytics from './utils/send-page-analytics';
-
-import { App, createApp, provideStore } from '../common/app';
-
-// client specific epics
-import epics from './epics';
-
-const isDev = Rx.config.longStackSupport = debug.enabled('fcc:*');
-const log = debug('fcc:client');
-const hotReloadTimeout = 2000;
-const {
-  devToolsExtension,
-  location,
-  history: _history,
-  document,
-  ga,
-  __fcc__: {
-    data: defaultState = {},
-    csrf: {
-      token: csrfToken
-    } = {}
-  }
-} = window;
-const epicOptions = {
-  isDev,
-  window,
-  document,
-  location,
-  history: _history
-};
-
-const DOMContainer = document.getElementById('fcc');
-
-defaultState.app.csrfToken = csrfToken;
-
-const serviceOptions = {
-  context: { _csrf: csrfToken },
-  xhrPath: '/services',
-  xhrTimeout: 15000
-};
-
-const history = createHistory();
-sendPageAnalytics(history, ga);
-
-createApp({
-    history,
-    serviceOptions,
-    defaultState,
-    epics,
-    epicOptions,
-    enhancers: isDev && devToolsExtension && [ devToolsExtension() ]
-  })
-  .doOnNext(() => {
-    if (module.hot && typeof module.hot.accept === 'function') {
-      module.hot.accept(() => {
-        // note(berks): not sure this ever runs anymore after adding
-        // RHR?
-        log('saving state and refreshing.');
-        log('ignore react ssr warning.');
-        setTimeout(() => location.reload(), hotReloadTimeout);
-      });
-    }
-  })
-  .do(() => log('rendering'))
-  .flatMap(({ store }) => render(provideStore(App, store), DOMContainer))
-  .subscribe(
-    () => debug('react rendered'),
-    err => { throw err; },
-    () => debug('react closed subscription')
-  );
diff --git a/old-client/client/less/flexgrid.less b/old-client/client/less/flexgrid.less
deleted file mode 100644
index 00aad1ecad..0000000000
--- a/old-client/client/less/flexgrid.less
+++ /dev/null
@@ -1,152 +0,0 @@
-.justify-mixin(start) { justify-content: flex-start }
-.justify-mixin(end) { justify-content: flex-end }
-.justify-mixin(center) { justify-content: center }
-.justify-mixin(around) { justify-content: space-around }
-.justify-mixin(between) { justify-content: between }
-.justify-mixin(@_) {}
-
-.items-mixin(top) { align-items: flex-start; }
-.items-mixin(bottom) { align-items: flex-end; }
-.items-mixin(center) { align-items: center; }
-.items-mixin(stretch) { align-items: stretch; }
-.items-mixin(baseline) { align-items: baseline; }
-.items-mixin(@_) {}
-
-.item-mixin(top) { align-self: flex-start; }
-.item-mixin(bottom) { align-self: flex-end; }
-.item-mixin(center) { align-self: center; }
-.item-mixin(stretch) { align-self: stretch; }
-.item-mixin(baseline) { align-self: baseline; }
-.item-mixin(@_) {}
-
-.content-mixin(top) { align-content: flex-start; }
-.content-mixin(bottom) { align-content: flex-end; }
-.content-mixin(center) { align-content: center; }
-.content-mixin(stretch) { align-content: stretch; }
-.content-mixin(baseline) { align-content: baseline; }
-.content-mixin(@_) {}
-
-.grid(@direction: row; @items: none; @justify: none; @content: none; @wrap: wrap) {
-  display: flex;
-  flex-wrap: @wrap;
-  flex-direction: @direction;
-
-  .justify-mixin(@justify);
-  .items-mixin(@item);
-  .content-mixin(@content);
-}
-
-.row(@items: none; @justify: none; @content: none) {
-  .grid(@direction: row, @items, @justify, @content);
-}
-
-.column(@items: none; @justify: none; @content: none) {
-  .grid(@direction: column; @items; @justify; @content);
-}
-
-.margin-mixin(@g) when not (@g = 0) {
-  margin: @g / 2;
-}
-
-.cell(@i: 1; @item; @g: @grid-gutter-width; @cols: @grid-columns) {
-  flex-basis: %('calc(100% * %s - %s)', @i / @cols, @g);
-  min-width: 0; // FF adjustment for responsive images
-  .item-mixin(@item);
-  .margin-mixin(@g);
-}
-
-.cell-offset(@i: 1; @g: @grid-gutter-width; @cols: @grid-columns) {
-  margin-left: e%('calc(100% * %s + %s)', @i / @cols, @g / 2) !important;
-}
-
-.padding-mixin(@pad) when (@pad) {
-  padding-left: @pad;
-  padding-right: @pad;
-}
-
-// center an element
-.center(@value: 50%; @padding: 0) {
-  margin-left: auto;
-  margin-right: auto;
-  max-width: @value;
-  width: 100%;
-
-  .padding-mixin(@padding);
-}
-
-// usage:
-// .some-class {
-//   .between(sm, xl, {
-//     height: 9001px;
-//   });
-// }
-// outputs:
-// .some-class {
-//   @media only screen and (min-width: @screen-sm) and (max-width: @screen-xl) {
-//     height: 9001px;
-//   }
-// }
-//
-// where screen-md, screen-xl are bootstrap vars
-// min/max can be any of: sm, md, lg, xl
-.between(@min; @max; @rules) {
-  // BS logic to do string building with conditions
-  .condition-wrapper(@new) {
-    .redefine-condition() {
-      @condition: @new;
-    }
-  }
-  .init-condition() {
-    .condition-wrapper('only screen');
-  }
-  .init-condition();
-  .add-min-media(@min) when (iskeyword(@min)) {
-    .redefine-condition();
-    .condition-wrapper(%('%s and (min-width: @{screen-%s})', @condition, @min));
-  }
-
-  .add-max-media(@max) when (iskeyword(@max)) {
-    .redefine-condition();
-    .condition-wrapper(%('%s and (max-width: @{screen-%s})', @condition, @max));
-  }
-  .add-min-media(@min);
-  .add-max-media(@max);
-
-  .add-query() {
-    .redefine-condition();
-    @query: e(@condition);
-    @media @query {
-      @rules();
-    }
-  }
-
-  .add-query();
-}
-
-// usage
-// .below(md, {
-//   height: 9001px;
-//  });
-// outputs:
-// .some-class {
-//   @media only screen and (max-width: @screen-xl) {
-//     height: 9001px;
-//   }
-// }
-.below(@max, @rules) {
-  .between(@empty; @max; @rules);
-}
-
-// usage
-// .above(sm, {
-//   height: 9001px;
-// });
-// outputs:
-// .some-class {
-//   @media only screen and (min-width: @screen-sm) {
-//     height: 9001px;
-//   }
-// }
-.above(@min, @rules) {
-  .between(@min; @empty; @rules);
-}
diff --git a/old-client/client/less/lib/animate.less b/old-client/client/less/lib/animate.less
deleted file mode 100644
index c9ed56812f..0000000000
--- a/old-client/client/less/lib/animate.less
+++ /dev/null
@@ -1,3338 +0,0 @@
-/*!
- * animate.css -http://daneden.me/animate
- * Version - 3.5.1
- * Licensed under the MIT license - http://opensource.org/licenses/MIT
- *
- * Copyright (c) 2016 Daniel Eden
- */
-
-.animated {
-  -webkit-animation-duration: 1s;
-  animation-duration: 1s;
-  -webkit-animation-fill-mode: both;
-  animation-fill-mode: both;
-}
-
-.animated.infinite {
-  -webkit-animation-iteration-count: infinite;
-  animation-iteration-count: infinite;
-}
-
-.animated.hinge {
-  -webkit-animation-duration: 2s;
-  animation-duration: 2s;
-}
-
-.animated.flipOutX,
-.animated.flipOutY,
-.animated.bounceIn,
-.animated.bounceOut {
-  -webkit-animation-duration: .75s;
-  animation-duration: .75s;
-}
-
-@-webkit-keyframes bounce {
-  from, 20%, 53%, 80%, to {
-    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-    -webkit-transform: translate3d(0,0,0);
-    transform: translate3d(0,0,0);
-  }
-
-  40%, 43% {
-    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-    -webkit-transform: translate3d(0, -30px, 0);
-    transform: translate3d(0, -30px, 0);
-  }
-
-  70% {
-    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-    -webkit-transform: translate3d(0, -15px, 0);
-    transform: translate3d(0, -15px, 0);
-  }
-
-  90% {
-    -webkit-transform: translate3d(0,-4px,0);
-    transform: translate3d(0,-4px,0);
-  }
-}
-
-@keyframes bounce {
-  from, 20%, 53%, 80%, to {
-    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-    -webkit-transform: translate3d(0,0,0);
-    transform: translate3d(0,0,0);
-  }
-
-  40%, 43% {
-    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-    -webkit-transform: translate3d(0, -30px, 0);
-    transform: translate3d(0, -30px, 0);
-  }
-
-  70% {
-    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-    -webkit-transform: translate3d(0, -15px, 0);
-    transform: translate3d(0, -15px, 0);
-  }
-
-  90% {
-    -webkit-transform: translate3d(0,-4px,0);
-    transform: translate3d(0,-4px,0);
-  }
-}
-
-.bounce {
-  -webkit-animation-name: bounce;
-  animation-name: bounce;
-  -webkit-transform-origin: center bottom;
-  transform-origin: center bottom;
-}
-
-@-webkit-keyframes flash {
-  from, 50%, to {
-    opacity: 1;
-  }
-
-  25%, 75% {
-    opacity: 0;
-  }
-}
-
-@keyframes flash {
-  from, 50%, to {
-    opacity: 1;
-  }
-
-  25%, 75% {
-    opacity: 0;
-  }
-}
-
-.flash {
-  -webkit-animation-name: flash;
-  animation-name: flash;
-}
-
-/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
-
-@-webkit-keyframes pulse {
-  from {
-    -webkit-transform: scale3d(1, 1, 1);
-    transform: scale3d(1, 1, 1);
-  }
-
-  50% {
-    -webkit-transform: scale3d(1.05, 1.05, 1.05);
-    transform: scale3d(1.05, 1.05, 1.05);
-  }
-
-  to {
-    -webkit-transform: scale3d(1, 1, 1);
-    transform: scale3d(1, 1, 1);
-  }
-}
-
-@keyframes pulse {
-  from {
-    -webkit-transform: scale3d(1, 1, 1);
-    transform: scale3d(1, 1, 1);
-  }
-
-  50% {
-    -webkit-transform: scale3d(1.05, 1.05, 1.05);
-    transform: scale3d(1.05, 1.05, 1.05);
-  }
-
-  to {
-    -webkit-transform: scale3d(1, 1, 1);
-    transform: scale3d(1, 1, 1);
-  }
-}
-
-.pulse {
-  -webkit-animation-name: pulse;
-  animation-name: pulse;
-}
-
-@-webkit-keyframes rubberBand {
-  from {
-    -webkit-transform: scale3d(1, 1, 1);
-    transform: scale3d(1, 1, 1);
-  }
-
-  30% {
-    -webkit-transform: scale3d(1.25, 0.75, 1);
-    transform: scale3d(1.25, 0.75, 1);
-  }
-
-  40% {
-    -webkit-transform: scale3d(0.75, 1.25, 1);
-    transform: scale3d(0.75, 1.25, 1);
-  }
-
-  50% {
-    -webkit-transform: scale3d(1.15, 0.85, 1);
-    transform: scale3d(1.15, 0.85, 1);
-  }
-
-  65% {
-    -webkit-transform: scale3d(.95, 1.05, 1);
-    transform: scale3d(.95, 1.05, 1);
-  }
-
-  75% {
-    -webkit-transform: scale3d(1.05, .95, 1);
-    transform: scale3d(1.05, .95, 1);
-  }
-
-  to {
-    -webkit-transform: scale3d(1, 1, 1);
-    transform: scale3d(1, 1, 1);
-  }
-}
-
-@keyframes rubberBand {
-  from {
-    -webkit-transform: scale3d(1, 1, 1);
-    transform: scale3d(1, 1, 1);
-  }
-
-  30% {
-    -webkit-transform: scale3d(1.25, 0.75, 1);
-    transform: scale3d(1.25, 0.75, 1);
-  }
-
-  40% {
-    -webkit-transform: scale3d(0.75, 1.25, 1);
-    transform: scale3d(0.75, 1.25, 1);
-  }
-
-  50% {
-    -webkit-transform: scale3d(1.15, 0.85, 1);
-    transform: scale3d(1.15, 0.85, 1);
-  }
-
-  65% {
-    -webkit-transform: scale3d(.95, 1.05, 1);
-    transform: scale3d(.95, 1.05, 1);
-  }
-
-  75% {
-    -webkit-transform: scale3d(1.05, .95, 1);
-    transform: scale3d(1.05, .95, 1);
-  }
-
-  to {
-    -webkit-transform: scale3d(1, 1, 1);
-    transform: scale3d(1, 1, 1);
-  }
-}
-
-.rubberBand {
-  -webkit-animation-name: rubberBand;
-  animation-name: rubberBand;
-}
-
-@-webkit-keyframes shake {
-  from, to {
-    -webkit-transform: translate3d(0, 0, 0);
-    transform: translate3d(0, 0, 0);
-  }
-
-  10%, 30%, 50%, 70%, 90% {
-    -webkit-transform: translate3d(-10px, 0, 0);
-    transform: translate3d(-10px, 0, 0);
-  }
-
-  20%, 40%, 60%, 80% {
-    -webkit-transform: translate3d(10px, 0, 0);
-    transform: translate3d(10px, 0, 0);
-  }
-}
-
-@keyframes shake {
-  from, to {
-    -webkit-transform: translate3d(0, 0, 0);
-    transform: translate3d(0, 0, 0);
-  }
-
-  10%, 30%, 50%, 70%, 90% {
-    -webkit-transform: translate3d(-10px, 0, 0);
-    transform: translate3d(-10px, 0, 0);
-  }
-
-  20%, 40%, 60%, 80% {
-    -webkit-transform: translate3d(10px, 0, 0);
-    transform: translate3d(10px, 0, 0);
-  }
-}
-
-.shake {
-  -webkit-animation-name: shake;
-  animation-name: shake;
-}
-
-@-webkit-keyframes headShake {
-  0% {
-    -webkit-transform: translateX(0);
-    transform: translateX(0);
-  }
-
-  6.5% {
-    -webkit-transform: translateX(-6px) rotateY(-9deg);
-    transform: translateX(-6px) rotateY(-9deg);
-  }
-
-  18.5% {
-    -webkit-transform: translateX(5px) rotateY(7deg);
-    transform: translateX(5px) rotateY(7deg);
-  }
-
-  31.5% {
-    -webkit-transform: translateX(-3px) rotateY(-5deg);
-    transform: translateX(-3px) rotateY(-5deg);
-  }
-
-  43.5% {
-    -webkit-transform: translateX(2px) rotateY(3deg);
-    transform: translateX(2px) rotateY(3deg);
-  }
-
-  50% {
-    -webkit-transform: translateX(0);
-    transform: translateX(0);
-  }
-}
-
-@keyframes headShake {
-  0% {
-    -webkit-transform: translateX(0);
-    transform: translateX(0);
-  }
-
-  6.5% {
-    -webkit-transform: translateX(-6px) rotateY(-9deg);
-    transform: translateX(-6px) rotateY(-9deg);
-  }
-
-  18.5% {
-    -webkit-transform: translateX(5px) rotateY(7deg);
-    transform: translateX(5px) rotateY(7deg);
-  }
-
-  31.5% {
-    -webkit-transform: translateX(-3px) rotateY(-5deg);
-    transform: translateX(-3px) rotateY(-5deg);
-  }
-
-  43.5% {
-    -webkit-transform: translateX(2px) rotateY(3deg);
-    transform: translateX(2px) rotateY(3deg);
-  }
-
-  50% {
-    -webkit-transform: translateX(0);
-    transform: translateX(0);
-  }
-}
-
-.headShake {
-  -webkit-animation-timing-function: ease-in-out;
-  animation-timing-function: ease-in-out;
-  -webkit-animation-name: headShake;
-  animation-name: headShake;
-}
-
-@-webkit-keyframes swing {
-  20% {
-    -webkit-transform: rotate3d(0, 0, 1, 15deg);
-    transform: rotate3d(0, 0, 1, 15deg);
-  }
-
-  40% {
-    -webkit-transform: rotate3d(0, 0, 1, -10deg);
-    transform: rotate3d(0, 0, 1, -10deg);
-  }
-
-  60% {
-    -webkit-transform: rotate3d(0, 0, 1, 5deg);
-    transform: rotate3d(0, 0, 1, 5deg);
-  }
-
-  80% {
-    -webkit-transform: rotate3d(0, 0, 1, -5deg);
-    transform: rotate3d(0, 0, 1, -5deg);
-  }
-
-  to {
-    -webkit-transform: rotate3d(0, 0, 1, 0deg);
-    transform: rotate3d(0, 0, 1, 0deg);
-  }
-}
-
-@keyframes swing {
-  20% {
-    -webkit-transform: rotate3d(0, 0, 1, 15deg);
-    transform: rotate3d(0, 0, 1, 15deg);
-  }
-
-  40% {
-    -webkit-transform: rotate3d(0, 0, 1, -10deg);
-    transform: rotate3d(0, 0, 1, -10deg);
-  }
-
-  60% {
-    -webkit-transform: rotate3d(0, 0, 1, 5deg);
-    transform: rotate3d(0, 0, 1, 5deg);
-  }
-
-  80% {
-    -webkit-transform: rotate3d(0, 0, 1, -5deg);
-    transform: rotate3d(0, 0, 1, -5deg);
-  }
-
-  to {
-    -webkit-transform: rotate3d(0, 0, 1, 0deg);
-    transform: rotate3d(0, 0, 1, 0deg);
-  }
-}
-
-.swing {
-  -webkit-transform-origin: top center;
-  transform-origin: top center;
-  -webkit-animation-name: swing;
-  animation-name: swing;
-}
-
-@-webkit-keyframes tada {
-  from {
-    -webkit-transform: scale3d(1, 1, 1);
-    transform: scale3d(1, 1, 1);
-  }
-
-  10%, 20% {
-    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
-    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
-  }
-
-  30%, 50%, 70%, 90% {
-    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
-    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
-  }
-
-  40%, 60%, 80% {
-    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
-    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
-  }
-
-  to {
-    -webkit-transform: scale3d(1, 1, 1);
-    transform: scale3d(1, 1, 1);
-  }
-}
-
-@keyframes tada {
-  from {
-    -webkit-transform: scale3d(1, 1, 1);
-    transform: scale3d(1, 1, 1);
-  }
-
-  10%, 20% {
-    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
-    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
-  }
-
-  30%, 50%, 70%, 90% {
-    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
-    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
-  }
-
-  40%, 60%, 80% {
-    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
-    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
-  }
-
-  to {
-    -webkit-transform: scale3d(1, 1, 1);
-    transform: scale3d(1, 1, 1);
-  }
-}
-
-.tada {
-  -webkit-animation-name: tada;
-  animation-name: tada;
-}
-
-/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
-
-@-webkit-keyframes wobble {
-  from {
-    -webkit-transform: none;
-    transform: none;
-  }
-
-  15% {
-    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
-    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
-  }
-
-  30% {
-    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
-    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
-  }
-
-  45% {
-    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
-    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
-  }
-
-  60% {
-    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
-    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
-  }
-
-  75% {
-    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
-    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
-  }
-
-  to {
-    -webkit-transform: none;
-    transform: none;
-  }
-}
-
-@keyframes wobble {
-  from {
-    -webkit-transform: none;
-    transform: none;
-  }
-
-  15% {
-    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
-    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
-  }
-
-  30% {
-    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
-    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
-  }
-
-  45% {
-    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
-    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
-  }
-
-  60% {
-    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
-    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
-  }
-
-  75% {
-    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
-    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
-  }
-
-  to {
-    -webkit-transform: none;
-    transform: none;
-  }
-}
-
-.wobble {
-  -webkit-animation-name: wobble;
-  animation-name: wobble;
-}
-
-@-webkit-keyframes jello {
-  from, 11.1%, to {
-    -webkit-transform: none;
-    transform: none;
-  }
-
-  22.2% {
-    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
-    transform: skewX(-12.5deg) skewY(-12.5deg);
-  }
-
-  33.3% {
-    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
-    transform: skewX(6.25deg) skewY(6.25deg);
-  }
-
-  44.4% {
-    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
-    transform: skewX(-3.125deg) skewY(-3.125deg);
-  }
-
-  55.5% {
-    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
-    transform: skewX(1.5625deg) skewY(1.5625deg);
-  }
-
-  66.6% {
-    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
-    transform: skewX(-0.78125deg) skewY(-0.78125deg);
-  }
-
-  77.7% {
-    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
-    transform: skewX(0.390625deg) skewY(0.390625deg);
-  }
-
-  88.8% {
-    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
-    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
-  }
-}
-
-@keyframes jello {
-  from, 11.1%, to {
-    -webkit-transform: none;
-    transform: none;
-  }
-
-  22.2% {
-    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
-    transform: skewX(-12.5deg) skewY(-12.5deg);
-  }
-
-  33.3% {
-    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
-    transform: skewX(6.25deg) skewY(6.25deg);
-  }
-
-  44.4% {
-    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
-    transform: skewX(-3.125deg) skewY(-3.125deg);
-  }
-
-  55.5% {
-    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
-    transform: skewX(1.5625deg) skewY(1.5625deg);
-  }
-
-  66.6% {
-    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
-    transform: skewX(-0.78125deg) skewY(-0.78125deg);
-  }
-
-  77.7% {
-    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
-    transform: skewX(0.390625deg) skewY(0.390625deg);
-  }
-
-  88.8% {
-    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
-    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
-  }
-}
-
-.jello {
-  -webkit-animation-name: jello;
-  animation-name: jello;
-  -webkit-transform-origin: center;
-  transform-origin: center;
-}
-
-@-webkit-keyframes bounceIn {
-  from, 20%, 40%, 60%, 80%, to {
-    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-  }
-
-  0% {
-    opacity: 0;
-    -webkit-transform: scale3d(.3, .3, .3);
-    transform: scale3d(.3, .3, .3);
-  }
-
-  20% {
-    -webkit-transform: scale3d(1.1, 1.1, 1.1);
-    transform: scale3d(1.1, 1.1, 1.1);
-  }
-
-  40% {
-    -webkit-transform: scale3d(.9, .9, .9);
-    transform: scale3d(.9, .9, .9);
-  }
-
-  60% {
-    opacity: 1;
-    -webkit-transform: scale3d(1.03, 1.03, 1.03);
-    transform: scale3d(1.03, 1.03, 1.03);
-  }
-
-  80% {
-    -webkit-transform: scale3d(.97, .97, .97);
-    transform: scale3d(.97, .97, .97);
-  }
-
-  to {
-    opacity: 1;
-    -webkit-transform: scale3d(1, 1, 1);
-    transform: scale3d(1, 1, 1);
-  }
-}
-
-@keyframes bounceIn {
-  from, 20%, 40%, 60%, 80%, to {
-    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-  }
-
-  0% {
-    opacity: 0;
-    -webkit-transform: scale3d(.3, .3, .3);
-    transform: scale3d(.3, .3, .3);
-  }
-
-  20% {
-    -webkit-transform: scale3d(1.1, 1.1, 1.1);
-    transform: scale3d(1.1, 1.1, 1.1);
-  }
-
-  40% {
-    -webkit-transform: scale3d(.9, .9, .9);
-    transform: scale3d(.9, .9, .9);
-  }
-
-  60% {
-    opacity: 1;
-    -webkit-transform: scale3d(1.03, 1.03, 1.03);
-    transform: scale3d(1.03, 1.03, 1.03);
-  }
-
-  80% {
-    -webkit-transform: scale3d(.97, .97, .97);
-    transform: scale3d(.97, .97, .97);
-  }
-
-  to {
-    opacity: 1;
-    -webkit-transform: scale3d(1, 1, 1);
-    transform: scale3d(1, 1, 1);
-  }
-}
-
-.bounceIn {
-  -webkit-animation-name: bounceIn;
-  animation-name: bounceIn;
-}
-
-@-webkit-keyframes bounceInDown {
-  from, 60%, 75%, 90%, to {
-    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-  }
-
-  0% {
-    opacity: 0;
-    -webkit-transform: translate3d(0, -3000px, 0);
-    transform: translate3d(0, -3000px, 0);
-  }
-
-  60% {
-    opacity: 1;
-    -webkit-transform: translate3d(0, 25px, 0);
-    transform: translate3d(0, 25px, 0);
-  }
-
-  75% {
-    -webkit-transform: translate3d(0, -10px, 0);
-    transform: translate3d(0, -10px, 0);
-  }
-
-  90% {
-    -webkit-transform: translate3d(0, 5px, 0);
-    transform: translate3d(0, 5px, 0);
-  }
-
-  to {
-    -webkit-transform: none;
-    transform: none;
-  }
-}
-
-@keyframes bounceInDown {
-  from, 60%, 75%, 90%, to {
-    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-  }
-
-  0% {
-    opacity: 0;
-    -webkit-transform: translate3d(0, -3000px, 0);
-    transform: translate3d(0, -3000px, 0);
-  }
-
-  60% {
-    opacity: 1;
-    -webkit-transform: translate3d(0, 25px, 0);
-    transform: translate3d(0, 25px, 0);
-  }
-
-  75% {
-    -webkit-transform: translate3d(0, -10px, 0);
-    transform: translate3d(0, -10px, 0);
-  }
-
-  90% {
-    -webkit-transform: translate3d(0, 5px, 0);
-    transform: translate3d(0, 5px, 0);
-  }
-
-  to {
-    -webkit-transform: none;
-    transform: none;
-  }
-}
-
-.bounceInDown {
-  -webkit-animation-name: bounceInDown;
-  animation-name: bounceInDown;
-}
-
-@-webkit-keyframes bounceInLeft {
-  from, 60%, 75%, 90%, to {
-    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-  }
-
-  0% {
-    opacity: 0;
-    -webkit-transform: translate3d(-3000px, 0, 0);
-    transform: translate3d(-3000px, 0, 0);
-  }
-
-  60% {
-    opacity: 1;
-    -webkit-transform: translate3d(25px, 0, 0);
-    transform: translate3d(25px, 0, 0);
-  }
-
-  75% {
-    -webkit-transform: translate3d(-10px, 0, 0);
-    transform: translate3d(-10px, 0, 0);
-  }
-
-  90% {
-    -webkit-transform: translate3d(5px, 0, 0);
-    transform: translate3d(5px, 0, 0);
-  }
-
-  to {
-    -webkit-transform: none;
-    transform: none;
-  }
-}
-
-@keyframes bounceInLeft {
-  from, 60%, 75%, 90%, to {
-    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-  }
-
-  0% {
-    opacity: 0;
-    -webkit-transform: translate3d(-3000px, 0, 0);
-    transform: translate3d(-3000px, 0, 0);
-  }
-
-  60% {
-    opacity: 1;
-    -webkit-transform: translate3d(25px, 0, 0);
-    transform: translate3d(25px, 0, 0);
-  }
-
-  75% {
-    -webkit-transform: translate3d(-10px, 0, 0);
-    transform: translate3d(-10px, 0, 0);
-  }
-
-  90% {
-    -webkit-transform: translate3d(5px, 0, 0);
-    transform: translate3d(5px, 0, 0);
-  }
-
-  to {
-    -webkit-transform: none;
-    transform: none;
-  }
-}
-
-.bounceInLeft {
-  -webkit-animation-name: bounceInLeft;
-  animation-name: bounceInLeft;
-}
-
-@-webkit-keyframes bounceInRight {
-  from, 60%, 75%, 90%, to {
-    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-  }
-
-  from {
-    opacity: 0;
-    -webkit-transform: translate3d(3000px, 0, 0);
-    transform: translate3d(3000px, 0, 0);
-  }
-
-  60% {
-    opacity: 1;
-    -webkit-transform: translate3d(-25px, 0, 0);
-    transform: translate3d(-25px, 0, 0);
-  }
-
-  75% {
-    -webkit-transform: translate3d(10px, 0, 0);
-    transform: translate3d(10px, 0, 0);
-  }
-
-  90% {
-    -webkit-transform: translate3d(-5px, 0, 0);
-    transform: translate3d(-5px, 0, 0);
-  }
-
-  to {
-    -webkit-transform: none;
-    transform: none;
-  }
-}
-
-@keyframes bounceInRight {
-  from, 60%, 75%, 90%, to {
-    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-  }
-
-  from {
-    opacity: 0;
-    -webkit-transform: translate3d(3000px, 0, 0);
-    transform: translate3d(3000px, 0, 0);
-  }
-
-  60% {
-    opacity: 1;
-    -webkit-transform: translate3d(-25px, 0, 0);
-    transform: translate3d(-25px, 0, 0);
-  }
-
-  75% {
-    -webkit-transform: translate3d(10px, 0, 0);
-    transform: translate3d(10px, 0, 0);
-  }
-
-  90% {
-    -webkit-transform: translate3d(-5px, 0, 0);
-    transform: translate3d(-5px, 0, 0);
-  }
-
-  to {
-    -webkit-transform: none;
-    transform: none;
-  }
-}
-
-.bounceInRight {
-  -webkit-animation-name: bounceInRight;
-  animation-name: bounceInRight;
-}
-
-@-webkit-keyframes bounceInUp {
-  from, 60%, 75%, 90%, to {
-    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-  }
-
-  from {
-    opacity: 0;
-    -webkit-transform: translate3d(0, 3000px, 0);
-    transform: translate3d(0, 3000px, 0);
-  }
-
-  60% {
-    opacity: 1;
-    -webkit-transform: translate3d(0, -20px, 0);
-    transform: translate3d(0, -20px, 0);
-  }
-
-  75% {
-    -webkit-transform: translate3d(0, 10px, 0);
-    transform: translate3d(0, 10px, 0);
-  }
-
-  90% {
-    -webkit-transform: translate3d(0, -5px, 0);
-    transform: translate3d(0, -5px, 0);
-  }
-
-  to {
-    -webkit-transform: translate3d(0, 0, 0);
-    transform: translate3d(0, 0, 0);
-  }
-}
-
-@keyframes bounceInUp {
-  from, 60%, 75%, 90%, to {
-    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-  }
-
-  from {
-    opacity: 0;
-    -webkit-transform: translate3d(0, 3000px, 0);
-    transform: translate3d(0, 3000px, 0);
-  }
-
-  60% {
-    opacity: 1;
-    -webkit-transform: translate3d(0, -20px, 0);
-    transform: translate3d(0, -20px, 0);
-  }
-
-  75% {
-    -webkit-transform: translate3d(0, 10px, 0);
-    transform: translate3d(0, 10px, 0);
-  }
-
-  90% {
-    -webkit-transform: translate3d(0, -5px, 0);
-    transform: translate3d(0, -5px, 0);
-  }
-
-  to {
-    -webkit-transform: translate3d(0, 0, 0);
-    transform: translate3d(0, 0, 0);
-  }
-}
-
-.bounceInUp {
-  -webkit-animation-name: bounceInUp;
-  animation-name: bounceInUp;
-}
-
-@-webkit-keyframes bounceOut {
-  20% {
-    -webkit-transform: scale3d(.9, .9, .9);
-    transform: scale3d(.9, .9, .9);
-  }
-
-  50%, 55% {
-    opacity: 1;
-    -webkit-transform: scale3d(1.1, 1.1, 1.1);
-    transform: scale3d(1.1, 1.1, 1.1);
-  }
-
-  to {
-    opacity: 0;
-    -webkit-transform: scale3d(.3, .3, .3);
-    transform: scale3d(.3, .3, .3);
-  }
-}
-
-@keyframes bounceOut {
-  20% {
-    -webkit-transform: scale3d(.9, .9, .9);
-    transform: scale3d(.9, .9, .9);
-  }
-
-  50%, 55% {
-    opacity: 1;
-    -webkit-transform: scale3d(1.1, 1.1, 1.1);
-    transform: scale3d(1.1, 1.1, 1.1);
-  }
-
-  to {
-    opacity: 0;
-    -webkit-transform: scale3d(.3, .3, .3);
-    transform: scale3d(.3, .3, .3);
-  }
-}
-
-.bounceOut {
-  -webkit-animation-name: bounceOut;
-  animation-name: bounceOut;
-}
-
-@-webkit-keyframes bounceOutDown {
-  20% {
-    -webkit-transform: translate3d(0, 10px, 0);
-    transform: translate3d(0, 10px, 0);
-  }
-
-  40%, 45% {
-    opacity: 1;
-    -webkit-transform: translate3d(0, -20px, 0);
-    transform: translate3d(0, -20px, 0);
-  }
-
-  to {
-    opacity: 0;
-    -webkit-transform: translate3d(0, 2000px, 0);
-    transform: translate3d(0, 2000px, 0);
-  }
-}
-
-@keyframes bounceOutDown {
-  20% {
-    -webkit-transform: translate3d(0, 10px, 0);
-    transform: translate3d(0, 10px, 0);
-  }
-
-  40%, 45% {
-    opacity: 1;
-    -webkit-transform: translate3d(0, -20px, 0);
-    transform: translate3d(0, -20px, 0);
-  }
-
-  to {
-    opacity: 0;
-    -webkit-transform: translate3d(0, 2000px, 0);
-    transform: translate3d(0, 2000px, 0);
-  }
-}
-
-.bounceOutDown {
-  -webkit-animation-name: bounceOutDown;
-  animation-name: bounceOutDown;
-}
-
-@-webkit-keyframes bounceOutLeft {
-  20% {
-    opacity: 1;
-    -webkit-transform: translate3d(20px, 0, 0);
-    transform: translate3d(20px, 0, 0);
-  }
-
-  to {
-    opacity: 0;
-    -webkit-transform: translate3d(-2000px, 0, 0);
-    transform: translate3d(-2000px, 0, 0);
-  }
-}
-
-@keyframes bounceOutLeft {
-  20% {
-    opacity: 1;
-    -webkit-transform: translate3d(20px, 0, 0);
-    transform: translate3d(20px, 0, 0);
-  }
-
-  to {
-    opacity: 0;
-    -webkit-transform: translate3d(-2000px, 0, 0);
-    transform: translate3d(-2000px, 0, 0);
-  }
-}
-
-.bounceOutLeft {
-  -webkit-animation-name: bounceOutLeft;
-  animation-name: bounceOutLeft;
-}
-
-@-webkit-keyframes bounceOutRight {
-  20% {
-    opacity: 1;
-    -webkit-transform: translate3d(-20px, 0, 0);
-    transform: translate3d(-20px, 0, 0);
-  }
-
-  to {
-    opacity: 0;
-    -webkit-transform: translate3d(2000px, 0, 0);
-    transform: translate3d(2000px, 0, 0);
-  }
-}
-
-@keyframes bounceOutRight {
-  20% {
-    opacity: 1;
-    -webkit-transform: translate3d(-20px, 0, 0);
-    transform: translate3d(-20px, 0, 0);
-  }
-
-  to {
-    opacity: 0;
-    -webkit-transform: translate3d(2000px, 0, 0);
-    transform: translate3d(2000px, 0, 0);
-  }
-}
-
-.bounceOutRight {
-  -webkit-animation-name: bounceOutRight;
-  animation-name: bounceOutRight;
-}
-
-@-webkit-keyframes bounceOutUp {
-  20% {
-    -webkit-transform: translate3d(0, -10px, 0);
-    transform: translate3d(0, -10px, 0);
-  }
-
-  40%, 45% {
-    opacity: 1;
-    -webkit-transform: translate3d(0, 20px, 0);
-    transform: translate3d(0, 20px, 0);
-  }
-
-  to {
-    opacity: 0;
-    -webkit-transform: translate3d(0, -2000px, 0);
-    transform: translate3d(0, -2000px, 0);
-  }
-}
-
-@keyframes bounceOutUp {
-  20% {
-    -webkit-transform: translate3d(0, -10px, 0);
-    transform: translate3d(0, -10px, 0);
-  }
-
-  40%, 45% {
-    opacity: 1;
-    -webkit-transform: translate3d(0, 20px, 0);
-    transform: translate3d(0, 20px, 0);
-  }
-
-  to {
-    opacity: 0;
-    -webkit-transform: translate3d(0, -2000px, 0);
-    transform: translate3d(0, -2000px, 0);
-  }
-}
-
-.bounceOutUp {
-  -webkit-animation-name: bounceOutUp;
-  animation-name: bounceOutUp;
-}
-
-@-webkit-keyframes fadeIn {
-  from {
-    opacity: 0;
-  }
-
-  to {
-    opacity: 1;
-  }
-}
-
-@keyframes fadeIn {
-  from {
-    opacity: 0;
-  }
-
-  to {
-    opacity: 1;
-  }
-}
-
-.fadeIn {
-  -webkit-animation-name: fadeIn;
-  animation-name: fadeIn;
-}
-
-@-webkit-keyframes fadeInDown {
-  from {
-    opacity: 0;
-    -webkit-transform: translate3d(0, -100%, 0);
-    transform: translate3d(0, -100%, 0);
-  }
-
-  to {
-    opacity: 1;
-    -webkit-transform: none;
-    transform: none;
-  }
-}
-
-@keyframes fadeInDown {
-  from {
-    opacity: 0;
-    -webkit-transform: translate3d(0, -100%, 0);
-    transform: translate3d(0, -100%, 0);
-  }
-
-  to {
-    opacity: 1;
-    -webkit-transform: none;
-    transform: none;
-  }
-}
-
-.fadeInDown {
-  -webkit-animation-name: fadeInDown;
-  animation-name: fadeInDown;
-}
-
-@-webkit-keyframes fadeInDownBig {
-  from {
-    opacity: 0;
-    -webkit-transform: translate3d(0, -2000px, 0);
-    transform: translate3d(0, -2000px, 0);
-  }
-
-  to {
-    opacity: 1;
-    -webkit-transform: none;
-    transform: none;
-  }
-}
-
-@keyframes fadeInDownBig {
-  from {
-    opacity: 0;
-    -webkit-transform: translate3d(0, -2000px, 0);
-    transform: translate3d(0, -2000px, 0);
-  }
-
-  to {
-    opacity: 1;
-    -webkit-transform: none;
-    transform: none;
-  }
-}
-
-.fadeInDownBig {
-  -webkit-animation-name: fadeInDownBig;
-  animation-name: fadeInDownBig;
-}
-
-@-webkit-keyframes fadeInLeft {
-  from {
-    opacity: 0;
-    -webkit-transform: translate3d(-100%, 0, 0);
-    transform: translate3d(-100%, 0, 0);
-  }
-
-  to {
-    opacity: 1;
-    -webkit-transform: none;
-    transform: none;
-  }
-}
-
-@keyframes fadeInLeft {
-  from {
-    opacity: 0;
-    -webkit-transform: translate3d(-100%, 0, 0);
-    transform: translate3d(-100%, 0, 0);
-  }
-
-  to {
-    opacity: 1;
-    -webkit-transform: none;
-    transform: none;
-  }
-}
-
-.fadeInLeft {
-  -webkit-animation-name: fadeInLeft;
-  animation-name: fadeInLeft;
-}
-
-@-webkit-keyframes fadeInLeftBig {
-  from {
-    opacity: 0;
-    -webkit-transform: translate3d(-2000px, 0, 0);
-    transform: translate3d(-2000px, 0, 0);
-  }
-
-  to {
-    opacity: 1;
-    -webkit-transform: none;
-    transform: none;
-  }
-}
-
-@keyframes fadeInLeftBig {
-  from {
-    opacity: 0;
-    -webkit-transform: translate3d(-2000px, 0, 0);
-    transform: translate3d(-2000px, 0, 0);
-  }
-
-  to {
-    opacity: 1;
-    -webkit-transform: none;
-    transform: none;
-  }
-}
-
-.fadeInLeftBig {
-  -webkit-animation-name: fadeInLeftBig;
-  animation-name: fadeInLeftBig;
-}
-
-@-webkit-keyframes fadeInRight {
-  from {
-    opacity: 0;
-    -webkit-transform: translate3d(100%, 0, 0);
-    transform: translate3d(100%, 0, 0);
-  }
-
-  to {
-    opacity: 1;
-    -webkit-transform: none;
-    transform: none;
-  }
-}
-
-@keyframes fadeInRight {
-  from {
-    opacity: 0;
-    -webkit-transform: translate3d(100%, 0, 0);
-    transform: translate3d(100%, 0, 0);
-  }
-
-  to {
-    opacity: 1;
-    -webkit-transform: none;
-    transform: none;
-  }
-}
-
-.fadeInRight {
-  -webkit-animation-name: fadeInRight;
-  animation-name: fadeInRight;
-}
-
-@-webkit-keyframes fadeInRightBig {
-  from {
-    opacity: 0;
-    -webkit-transform: translate3d(2000px, 0, 0);
-    transform: translate3d(2000px, 0, 0);
-  }
-
-  to {
-    opacity: 1;
-    -webkit-transform: none;
-    transform: none;
-  }
-}
-
-@keyframes fadeInRightBig {
-  from {
-    opacity: 0;
-    -webkit-transform: translate3d(2000px, 0, 0);
-    transform: translate3d(2000px, 0, 0);
-  }
-
-  to {
-    opacity: 1;
-    -webkit-transform: none;
-    transform: none;
-  }
-}
-
-.fadeInRightBig {
-  -webkit-animation-name: fadeInRightBig;
-  animation-name: fadeInRightBig;
-}
-
-@-webkit-keyframes fadeInUp {
-  from {
-    opacity: 0;
-    -webkit-transform: translate3d(0, 100%, 0);
-    transform: translate3d(0, 100%, 0);
-  }
-
-  to {
-    opacity: 1;
-    -webkit-transform: none;
-    transform: none;
-  }
-}
-
-@keyframes fadeInUp {
-  from {
-    opacity: 0;
-    -webkit-transform: translate3d(0, 100%, 0);
-    transform: translate3d(0, 100%, 0);
-  }
-
-  to {
-    opacity: 1;
-    -webkit-transform: none;
-    transform: none;
-  }
-}
-
-.fadeInUp {
-  -webkit-animation-name: fadeInUp;
-  animation-name: fadeInUp;
-}
-
-@-webkit-keyframes fadeInUpBig {
-  from {
-    opacity: 0;
-    -webkit-transform: translate3d(0, 2000px, 0);
-    transform: translate3d(0, 2000px, 0);
-  }
-
-  to {
-    opacity: 1;
-    -webkit-transform: none;
-    transform: none;
-  }
-}
-
-@keyframes fadeInUpBig {
-  from {
-    opacity: 0;
-    -webkit-transform: translate3d(0, 2000px, 0);
-    transform: translate3d(0, 2000px, 0);
-  }
-
-  to {
-    opacity: 1;
-    -webkit-transform: none;
-    transform: none;
-  }
-}
-
-.fadeInUpBig {
-  -webkit-animation-name: fadeInUpBig;
-  animation-name: fadeInUpBig;
-}
-
-@-webkit-keyframes fadeOut {
-  from {
-    opacity: 1;
-  }
-
-  to {
-    opacity: 0;
-  }
-}
-
-@keyframes fadeOut {
-  from {
-    opacity: 1;
-  }
-
-  to {
-    opacity: 0;
-  }
-}
-
-.fadeOut {
-  -webkit-animation-name: fadeOut;
-  animation-name: fadeOut;
-}
-
-@-webkit-keyframes fadeOutDown {
-  from {
-    opacity: 1;
-  }
-
-  to {
-    opacity: 0;
-    -webkit-transform: translate3d(0, 100%, 0);
-    transform: translate3d(0, 100%, 0);
-  }
-}
-
-@keyframes fadeOutDown {
-  from {
-    opacity: 1;
-  }
-
-  to {
-    opacity: 0;
-    -webkit-transform: translate3d(0, 100%, 0);
-    transform: translate3d(0, 100%, 0);
-  }
-}
-
-.fadeOutDown {
-  -webkit-animation-name: fadeOutDown;
-  animation-name: fadeOutDown;
-}
-
-@-webkit-keyframes fadeOutDownBig {
-  from {
-    opacity: 1;
-  }
-
-  to {
-    opacity: 0;
-    -webkit-transform: translate3d(0, 2000px, 0);
-    transform: translate3d(0, 2000px, 0);
-  }
-}
-
-@keyframes fadeOutDownBig {
-  from {
-    opacity: 1;
-  }
-
-  to {
-    opacity: 0;
-    -webkit-transform: translate3d(0, 2000px, 0);
-    transform: translate3d(0, 2000px, 0);
-  }
-}
-
-.fadeOutDownBig {
-  -webkit-animation-name: fadeOutDownBig;
-  animation-name: fadeOutDownBig;
-}
-
-@-webkit-keyframes fadeOutLeft {
-  from {
-    opacity: 1;
-  }
-
-  to {
-    opacity: 0;
-    -webkit-transform: translate3d(-100%, 0, 0);
-    transform: translate3d(-100%, 0, 0);
-  }
-}
-
-@keyframes fadeOutLeft {
-  from {
-    opacity: 1;
-  }
-
-  to {
-    opacity: 0;
-    -webkit-transform: translate3d(-100%, 0, 0);
-    transform: translate3d(-100%, 0, 0);
-  }
-}
-
-.fadeOutLeft {
-  -webkit-animation-name: fadeOutLeft;
-  animation-name: fadeOutLeft;
-}
-
-@-webkit-keyframes fadeOutLeftBig {
-  from {
-    opacity: 1;
-  }
-
-  to {
-    opacity: 0;
-    -webkit-transform: translate3d(-2000px, 0, 0);
-    transform: translate3d(-2000px, 0, 0);
-  }
-}
-
-@keyframes fadeOutLeftBig {
-  from {
-    opacity: 1;
-  }
-
-  to {
-    opacity: 0;
-    -webkit-transform: translate3d(-2000px, 0, 0);
-    transform: translate3d(-2000px, 0, 0);
-  }
-}
-
-.fadeOutLeftBig {
-  -webkit-animation-name: fadeOutLeftBig;
-  animation-name: fadeOutLeftBig;
-}
-
-@-webkit-keyframes fadeOutRight {
-  from {
-    opacity: 1;
-  }
-
-  to {
-    opacity: 0;
-    -webkit-transform: translate3d(100%, 0, 0);
-    transform: translate3d(100%, 0, 0);
-  }
-}
-
-@keyframes fadeOutRight {
-  from {
-    opacity: 1;
-  }
-
-  to {
-    opacity: 0;
-    -webkit-transform: translate3d(100%, 0, 0);
-    transform: translate3d(100%, 0, 0);
-  }
-}
-
-.fadeOutRight {
-  -webkit-animation-name: fadeOutRight;
-  animation-name: fadeOutRight;
-}
-
-@-webkit-keyframes fadeOutRightBig {
-  from {
-    opacity: 1;
-  }
-
-  to {
-    opacity: 0;
-    -webkit-transform: translate3d(2000px, 0, 0);
-    transform: translate3d(2000px, 0, 0);
-  }
-}
-
-@keyframes fadeOutRightBig {
-  from {
-    opacity: 1;
-  }
-
-  to {
-    opacity: 0;
-    -webkit-transform: translate3d(2000px, 0, 0);
-    transform: translate3d(2000px, 0, 0);
-  }
-}
-
-.fadeOutRightBig {
-  -webkit-animation-name: fadeOutRightBig;
-  animation-name: fadeOutRightBig;
-}
-
-@-webkit-keyframes fadeOutUp {
-  from {
-    opacity: 1;
-  }
-
-  to {
-    opacity: 0;
-    -webkit-transform: translate3d(0, -100%, 0);
-    transform: translate3d(0, -100%, 0);
-  }
-}
-
-@keyframes fadeOutUp {
-  from {
-    opacity: 1;
-  }
-
-  to {
-    opacity: 0;
-    -webkit-transform: translate3d(0, -100%, 0);
-    transform: translate3d(0, -100%, 0);
-  }
-}
-
-.fadeOutUp {
-  -webkit-animation-name: fadeOutUp;
-  animation-name: fadeOutUp;
-}
-
-@-webkit-keyframes fadeOutUpBig {
-  from {
-    opacity: 1;
-  }
-
-  to {
-    opacity: 0;
-    -webkit-transform: translate3d(0, -2000px, 0);
-    transform: translate3d(0, -2000px, 0);
-  }
-}
-
-@keyframes fadeOutUpBig {
-  from {
-    opacity: 1;
-  }
-
-  to {
-    opacity: 0;
-    -webkit-transform: translate3d(0, -2000px, 0);
-    transform: translate3d(0, -2000px, 0);
-  }
-}
-
-.fadeOutUpBig {
-  -webkit-animation-name: fadeOutUpBig;
-  animation-name: fadeOutUpBig;
-}
-
-@-webkit-keyframes flip {
-  from {
-    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-    -webkit-animation-timing-function: ease-out;
-    animation-timing-function: ease-out;
-  }
-
-  40% {
-    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-    -webkit-animation-timing-function: ease-out;
-    animation-timing-function: ease-out;
-  }
-
-  50% {
-    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-    -webkit-animation-timing-function: ease-in;
-    animation-timing-function: ease-in;
-  }
-
-  80% {
-    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
-    transform: perspective(400px) scale3d(.95, .95, .95);
-    -webkit-animation-timing-function: ease-in;
-    animation-timing-function: ease-in;
-  }
-
-  to {
-    -webkit-transform: perspective(400px);
-    transform: perspective(400px);
-    -webkit-animation-timing-function: ease-in;
-    animation-timing-function: ease-in;
-  }
-}
-
-@keyframes flip {
-  from {
-    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-    -webkit-animation-timing-function: ease-out;
-    animation-timing-function: ease-out;
-  }
-
-  40% {
-    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-    -webkit-animation-timing-function: ease-out;
-    animation-timing-function: ease-out;
-  }
-
-  50% {
-    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-    -webkit-animation-timing-function: ease-in;
-    animation-timing-function: ease-in;
-  }
-
-  80% {
-    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
-    transform: perspective(400px) scale3d(.95, .95, .95);
-    -webkit-animation-timing-function: ease-in;
-    animation-timing-function: ease-in;
-  }
-
-  to {
-    -webkit-transform: perspective(400px);
-    transform: perspective(400px);
-    -webkit-animation-timing-function: ease-in;
-    animation-timing-function: ease-in;
-  }
-}
-
-.animated.flip {
-  -webkit-backface-visibility: visible;
-  backface-visibility: visible;
-  -webkit-animation-name: flip;
-  animation-name: flip;
-}
-
-@-webkit-keyframes flipInX {
-  from {
-    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-    -webkit-animation-timing-function: ease-in;
-    animation-timing-function: ease-in;
-    opacity: 0;
-  }
-
-  40% {
-    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-    -webkit-animation-timing-function: ease-in;
-    animation-timing-function: ease-in;
-  }
-
-  60% {
-    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
-    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
-    opacity: 1;
-  }
-
-  80% {
-    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
-    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
-  }
-
-  to {
-    -webkit-transform: perspective(400px);
-    transform: perspective(400px);
-  }
-}
-
-@keyframes flipInX {
-  from {
-    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-    -webkit-animation-timing-function: ease-in;
-    animation-timing-function: ease-in;
-    opacity: 0;
-  }
-
-  40% {
-    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-    -webkit-animation-timing-function: ease-in;
-    animation-timing-function: ease-in;
-  }
-
-  60% {
-    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
-    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
-    opacity: 1;
-  }
-
-  80% {
-    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
-    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
-  }
-
-  to {
-    -webkit-transform: perspective(400px);
-    transform: perspective(400px);
-  }
-}
-
-.flipInX {
-  -webkit-backface-visibility: visible !important;
-  backface-visibility: visible !important;
-  -webkit-animation-name: flipInX;
-  animation-name: flipInX;
-}
-
-@-webkit-keyframes flipInY {
-  from {
-    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-    -webkit-animation-timing-function: ease-in;
-    animation-timing-function: ease-in;
-    opacity: 0;
-  }
-
-  40% {
-    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-    -webkit-animation-timing-function: ease-in;
-    animation-timing-function: ease-in;
-  }
-
-  60% {
-    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
-    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
-    opacity: 1;
-  }
-
-  80% {
-    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
-    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
-  }
-
-  to {
-    -webkit-transform: perspective(400px);
-    transform: perspective(400px);
-  }
-}
-
-@keyframes flipInY {
-  from {
-    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-    -webkit-animation-timing-function: ease-in;
-    animation-timing-function: ease-in;
-    opacity: 0;
-  }
-
-  40% {
-    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-    -webkit-animation-timing-function: ease-in;
-    animation-timing-function: ease-in;
-  }
-
-  60% {
-    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
-    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
-    opacity: 1;
-  }
-
-  80% {
-    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
-    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
-  }
-
-  to {
-    -webkit-transform: perspective(400px);
-    transform: perspective(400px);
-  }
-}
-
-.flipInY {
-  -webkit-backface-visibility: visible !important;
-  backface-visibility: visible !important;
-  -webkit-animation-name: flipInY;
-  animation-name: flipInY;
-}
-
-@-webkit-keyframes flipOutX {
-  from {
-    -webkit-transform: perspective(400px);
-    transform: perspective(400px);
-  }
-
-  30% {
-    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-    opacity: 1;
-  }
-
-  to {
-    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-    opacity: 0;
-  }
-}
-
-@keyframes flipOutX {
-  from {
-    -webkit-transform: perspective(400px);
-    transform: perspective(400px);
-  }
-
-  30% {
-    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-    opacity: 1;
-  }
-
-  to {
-    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-    opacity: 0;
-  }
-}
-
-.flipOutX {
-  -webkit-animation-name: flipOutX;
-  animation-name: flipOutX;
-  -webkit-backface-visibility: visible !important;
-  backface-visibility: visible !important;
-}
-
-@-webkit-keyframes flipOutY {
-  from {
-    -webkit-transform: perspective(400px);
-    transform: perspective(400px);
-  }
-
-  30% {
-    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
-    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
-    opacity: 1;
-  }
-
-  to {
-    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-    opacity: 0;
-  }
-}
-
-@keyframes flipOutY {
-  from {
-    -webkit-transform: perspective(400px);
-    transform: perspective(400px);
-  }
-
-  30% {
-    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
-    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
-    opacity: 1;
-  }
-
-  to {
-    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-    opacity: 0;
-  }
-}
-
-.flipOutY {
-  -webkit-backface-visibility: visible !important;
-  backface-visibility: visible !important;
-  -webkit-animation-name: flipOutY;
-  animation-name: flipOutY;
-}
-
-@-webkit-keyframes lightSpeedIn {
-  from {
-    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
-    transform: translate3d(100%, 0, 0) skewX(-30deg);
-    opacity: 0;
-  }
-
-  60% {
-    -webkit-transform: skewX(20deg);
-    transform: skewX(20deg);
-    opacity: 1;
-  }
-
-  80% {
-    -webkit-transform: skewX(-5deg);
-    transform: skewX(-5deg);
-    opacity: 1;
-  }
-
-  to {
-    -webkit-transform: none;
-    transform: none;
-    opacity: 1;
-  }
-}
-
-@keyframes lightSpeedIn {
-  from {
-    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
-    transform: translate3d(100%, 0, 0) skewX(-30deg);
-    opacity: 0;
-  }
-
-  60% {
-    -webkit-transform: skewX(20deg);
-    transform: skewX(20deg);
-    opacity: 1;
-  }
-
-  80% {
-    -webkit-transform: skewX(-5deg);
-    transform: skewX(-5deg);
-    opacity: 1;
-  }
-
-  to {
-    -webkit-transform: none;
-    transform: none;
-    opacity: 1;
-  }
-}
-
-.lightSpeedIn {
-  -webkit-animation-name: lightSpeedIn;
-  animation-name: lightSpeedIn;
-  -webkit-animation-timing-function: ease-out;
-  animation-timing-function: ease-out;
-}
-
-@-webkit-keyframes lightSpeedOut {
-  from {
-    opacity: 1;
-  }
-
-  to {
-    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
-    transform: translate3d(100%, 0, 0) skewX(30deg);
-    opacity: 0;
-  }
-}
-
-@keyframes lightSpeedOut {
-  from {
-    opacity: 1;
-  }
-
-  to {
-    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
-    transform: translate3d(100%, 0, 0) skewX(30deg);
-    opacity: 0;
-  }
-}
-
-.lightSpeedOut {
-  -webkit-animation-name: lightSpeedOut;
-  animation-name: lightSpeedOut;
-  -webkit-animation-timing-function: ease-in;
-  animation-timing-function: ease-in;
-}
-
-@-webkit-keyframes rotateIn {
-  from {
-    -webkit-transform-origin: center;
-    transform-origin: center;
-    -webkit-transform: rotate3d(0, 0, 1, -200deg);
-    transform: rotate3d(0, 0, 1, -200deg);
-    opacity: 0;
-  }
-
-  to {
-    -webkit-transform-origin: center;
-    transform-origin: center;
-    -webkit-transform: none;
-    transform: none;
-    opacity: 1;
-  }
-}
-
-@keyframes rotateIn {
-  from {
-    -webkit-transform-origin: center;
-    transform-origin: center;
-    -webkit-transform: rotate3d(0, 0, 1, -200deg);
-    transform: rotate3d(0, 0, 1, -200deg);
-    opacity: 0;
-  }
-
-  to {
-    -webkit-transform-origin: center;
-    transform-origin: center;
-    -webkit-transform: none;
-    transform: none;
-    opacity: 1;
-  }
-}
-
-.rotateIn {
-  -webkit-animation-name: rotateIn;
-  animation-name: rotateIn;
-}
-
-@-webkit-keyframes rotateInDownLeft {
-  from {
-    -webkit-transform-origin: left bottom;
-    transform-origin: left bottom;
-    -webkit-transform: rotate3d(0, 0, 1, -45deg);
-    transform: rotate3d(0, 0, 1, -45deg);
-    opacity: 0;
-  }
-
-  to {
-    -webkit-transform-origin: left bottom;
-    transform-origin: left bottom;
-    -webkit-transform: none;
-    transform: none;
-    opacity: 1;
-  }
-}
-
-@keyframes rotateInDownLeft {
-  from {
-    -webkit-transform-origin: left bottom;
-    transform-origin: left bottom;
-    -webkit-transform: rotate3d(0, 0, 1, -45deg);
-    transform: rotate3d(0, 0, 1, -45deg);
-    opacity: 0;
-  }
-
-  to {
-    -webkit-transform-origin: left bottom;
-    transform-origin: left bottom;
-    -webkit-transform: none;
-    transform: none;
-    opacity: 1;
-  }
-}
-
-.rotateInDownLeft {
-  -webkit-animation-name: rotateInDownLeft;
-  animation-name: rotateInDownLeft;
-}
-
-@-webkit-keyframes rotateInDownRight {
-  from {
-    -webkit-transform-origin: right bottom;
-    transform-origin: right bottom;
-    -webkit-transform: rotate3d(0, 0, 1, 45deg);
-    transform: rotate3d(0, 0, 1, 45deg);
-    opacity: 0;
-  }
-
-  to {
-    -webkit-transform-origin: right bottom;
-    transform-origin: right bottom;
-    -webkit-transform: none;
-    transform: none;
-    opacity: 1;
-  }
-}
-
-@keyframes rotateInDownRight {
-  from {
-    -webkit-transform-origin: right bottom;
-    transform-origin: right bottom;
-    -webkit-transform: rotate3d(0, 0, 1, 45deg);
-    transform: rotate3d(0, 0, 1, 45deg);
-    opacity: 0;
-  }
-
-  to {
-    -webkit-transform-origin: right bottom;
-    transform-origin: right bottom;
-    -webkit-transform: none;
-    transform: none;
-    opacity: 1;
-  }
-}
-
-.rotateInDownRight {
-  -webkit-animation-name: rotateInDownRight;
-  animation-name: rotateInDownRight;
-}
-
-@-webkit-keyframes rotateInUpLeft {
-  from {
-    -webkit-transform-origin: left bottom;
-    transform-origin: left bottom;
-    -webkit-transform: rotate3d(0, 0, 1, 45deg);
-    transform: rotate3d(0, 0, 1, 45deg);
-    opacity: 0;
-  }
-
-  to {
-    -webkit-transform-origin: left bottom;
-    transform-origin: left bottom;
-    -webkit-transform: none;
-    transform: none;
-    opacity: 1;
-  }
-}
-
-@keyframes rotateInUpLeft {
-  from {
-    -webkit-transform-origin: left bottom;
-    transform-origin: left bottom;
-    -webkit-transform: rotate3d(0, 0, 1, 45deg);
-    transform: rotate3d(0, 0, 1, 45deg);
-    opacity: 0;
-  }
-
-  to {
-    -webkit-transform-origin: left bottom;
-    transform-origin: left bottom;
-    -webkit-transform: none;
-    transform: none;
-    opacity: 1;
-  }
-}
-
-.rotateInUpLeft {
-  -webkit-animation-name: rotateInUpLeft;
-  animation-name: rotateInUpLeft;
-}
-
-@-webkit-keyframes rotateInUpRight {
-  from {
-    -webkit-transform-origin: right bottom;
-    transform-origin: right bottom;
-    -webkit-transform: rotate3d(0, 0, 1, -90deg);
-    transform: rotate3d(0, 0, 1, -90deg);
-    opacity: 0;
-  }
-
-  to {
-    -webkit-transform-origin: right bottom;
-    transform-origin: right bottom;
-    -webkit-transform: none;
-    transform: none;
-    opacity: 1;
-  }
-}
-
-@keyframes rotateInUpRight {
-  from {
-    -webkit-transform-origin: right bottom;
-    transform-origin: right bottom;
-    -webkit-transform: rotate3d(0, 0, 1, -90deg);
-    transform: rotate3d(0, 0, 1, -90deg);
-    opacity: 0;
-  }
-
-  to {
-    -webkit-transform-origin: right bottom;
-    transform-origin: right bottom;
-    -webkit-transform: none;
-    transform: none;
-    opacity: 1;
-  }
-}
-
-.rotateInUpRight {
-  -webkit-animation-name: rotateInUpRight;
-  animation-name: rotateInUpRight;
-}
-
-@-webkit-keyframes rotateOut {
-  from {
-    -webkit-transform-origin: center;
-    transform-origin: center;
-    opacity: 1;
-  }
-
-  to {
-    -webkit-transform-origin: center;
-    transform-origin: center;
-    -webkit-transform: rotate3d(0, 0, 1, 200deg);
-    transform: rotate3d(0, 0, 1, 200deg);
-    opacity: 0;
-  }
-}
-
-@keyframes rotateOut {
-  from {
-    -webkit-transform-origin: center;
-    transform-origin: center;
-    opacity: 1;
-  }
-
-  to {
-    -webkit-transform-origin: center;
-    transform-origin: center;
-    -webkit-transform: rotate3d(0, 0, 1, 200deg);
-    transform: rotate3d(0, 0, 1, 200deg);
-    opacity: 0;
-  }
-}
-
-.rotateOut {
-  -webkit-animation-name: rotateOut;
-  animation-name: rotateOut;
-}
-
-@-webkit-keyframes rotateOutDownLeft {
-  from {
-    -webkit-transform-origin: left bottom;
-    transform-origin: left bottom;
-    opacity: 1;
-  }
-
-  to {
-    -webkit-transform-origin: left bottom;
-    transform-origin: left bottom;
-    -webkit-transform: rotate3d(0, 0, 1, 45deg);
-    transform: rotate3d(0, 0, 1, 45deg);
-    opacity: 0;
-  }
-}
-
-@keyframes rotateOutDownLeft {
-  from {
-    -webkit-transform-origin: left bottom;
-    transform-origin: left bottom;
-    opacity: 1;
-  }
-
-  to {
-    -webkit-transform-origin: left bottom;
-    transform-origin: left bottom;
-    -webkit-transform: rotate3d(0, 0, 1, 45deg);
-    transform: rotate3d(0, 0, 1, 45deg);
-    opacity: 0;
-  }
-}
-
-.rotateOutDownLeft {
-  -webkit-animation-name: rotateOutDownLeft;
-  animation-name: rotateOutDownLeft;
-}
-
-@-webkit-keyframes rotateOutDownRight {
-  from {
-    -webkit-transform-origin: right bottom;
-    transform-origin: right bottom;
-    opacity: 1;
-  }
-
-  to {
-    -webkit-transform-origin: right bottom;
-    transform-origin: right bottom;
-    -webkit-transform: rotate3d(0, 0, 1, -45deg);
-    transform: rotate3d(0, 0, 1, -45deg);
-    opacity: 0;
-  }
-}
-
-@keyframes rotateOutDownRight {
-  from {
-    -webkit-transform-origin: right bottom;
-    transform-origin: right bottom;
-    opacity: 1;
-  }
-
-  to {
-    -webkit-transform-origin: right bottom;
-    transform-origin: right bottom;
-    -webkit-transform: rotate3d(0, 0, 1, -45deg);
-    transform: rotate3d(0, 0, 1, -45deg);
-    opacity: 0;
-  }
-}
-
-.rotateOutDownRight {
-  -webkit-animation-name: rotateOutDownRight;
-  animation-name: rotateOutDownRight;
-}
-
-@-webkit-keyframes rotateOutUpLeft {
-  from {
-    -webkit-transform-origin: left bottom;
-    transform-origin: left bottom;
-    opacity: 1;
-  }
-
-  to {
-    -webkit-transform-origin: left bottom;
-    transform-origin: left bottom;
-    -webkit-transform: rotate3d(0, 0, 1, -45deg);
-    transform: rotate3d(0, 0, 1, -45deg);
-    opacity: 0;
-  }
-}
-
-@keyframes rotateOutUpLeft {
-  from {
-    -webkit-transform-origin: left bottom;
-    transform-origin: left bottom;
-    opacity: 1;
-  }
-
-  to {
-    -webkit-transform-origin: left bottom;
-    transform-origin: left bottom;
-    -webkit-transform: rotate3d(0, 0, 1, -45deg);
-    transform: rotate3d(0, 0, 1, -45deg);
-    opacity: 0;
-  }
-}
-
-.rotateOutUpLeft {
-  -webkit-animation-name: rotateOutUpLeft;
-  animation-name: rotateOutUpLeft;
-}
-
-@-webkit-keyframes rotateOutUpRight {
-  from {
-    -webkit-transform-origin: right bottom;
-    transform-origin: right bottom;
-    opacity: 1;
-  }
-
-  to {
-    -webkit-transform-origin: right bottom;
-    transform-origin: right bottom;
-    -webkit-transform: rotate3d(0, 0, 1, 90deg);
-    transform: rotate3d(0, 0, 1, 90deg);
-    opacity: 0;
-  }
-}
-
-@keyframes rotateOutUpRight {
-  from {
-    -webkit-transform-origin: right bottom;
-    transform-origin: right bottom;
-    opacity: 1;
-  }
-
-  to {
-    -webkit-transform-origin: right bottom;
-    transform-origin: right bottom;
-    -webkit-transform: rotate3d(0, 0, 1, 90deg);
-    transform: rotate3d(0, 0, 1, 90deg);
-    opacity: 0;
-  }
-}
-
-.rotateOutUpRight {
-  -webkit-animation-name: rotateOutUpRight;
-  animation-name: rotateOutUpRight;
-}
-
-@-webkit-keyframes hinge {
-  0% {
-    -webkit-transform-origin: top left;
-    transform-origin: top left;
-    -webkit-animation-timing-function: ease-in-out;
-    animation-timing-function: ease-in-out;
-  }
-
-  20%, 60% {
-    -webkit-transform: rotate3d(0, 0, 1, 80deg);
-    transform: rotate3d(0, 0, 1, 80deg);
-    -webkit-transform-origin: top left;
-    transform-origin: top left;
-    -webkit-animation-timing-function: ease-in-out;
-    animation-timing-function: ease-in-out;
-  }
-
-  40%, 80% {
-    -webkit-transform: rotate3d(0, 0, 1, 60deg);
-    transform: rotate3d(0, 0, 1, 60deg);
-    -webkit-transform-origin: top left;
-    transform-origin: top left;
-    -webkit-animation-timing-function: ease-in-out;
-    animation-timing-function: ease-in-out;
-    opacity: 1;
-  }
-
-  to {
-    -webkit-transform: translate3d(0, 700px, 0);
-    transform: translate3d(0, 700px, 0);
-    opacity: 0;
-  }
-}
-
-@keyframes hinge {
-  0% {
-    -webkit-transform-origin: top left;
-    transform-origin: top left;
-    -webkit-animation-timing-function: ease-in-out;
-    animation-timing-function: ease-in-out;
-  }
-
-  20%, 60% {
-    -webkit-transform: rotate3d(0, 0, 1, 80deg);
-    transform: rotate3d(0, 0, 1, 80deg);
-    -webkit-transform-origin: top left;
-    transform-origin: top left;
-    -webkit-animation-timing-function: ease-in-out;
-    animation-timing-function: ease-in-out;
-  }
-
-  40%, 80% {
-    -webkit-transform: rotate3d(0, 0, 1, 60deg);
-    transform: rotate3d(0, 0, 1, 60deg);
-    -webkit-transform-origin: top left;
-    transform-origin: top left;
-    -webkit-animation-timing-function: ease-in-out;
-    animation-timing-function: ease-in-out;
-    opacity: 1;
-  }
-
-  to {
-    -webkit-transform: translate3d(0, 700px, 0);
-    transform: translate3d(0, 700px, 0);
-    opacity: 0;
-  }
-}
-
-.hinge {
-  -webkit-animation-name: hinge;
-  animation-name: hinge;
-}
-
-/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
-
-@-webkit-keyframes rollIn {
-  from {
-    opacity: 0;
-    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
-    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
-  }
-
-  to {
-    opacity: 1;
-    -webkit-transform: none;
-    transform: none;
-  }
-}
-
-@keyframes rollIn {
-  from {
-    opacity: 0;
-    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
-    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
-  }
-
-  to {
-    opacity: 1;
-    -webkit-transform: none;
-    transform: none;
-  }
-}
-
-.rollIn {
-  -webkit-animation-name: rollIn;
-  animation-name: rollIn;
-}
-
-/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
-
-@-webkit-keyframes rollOut {
-  from {
-    opacity: 1;
-  }
-
-  to {
-    opacity: 0;
-    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
-    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
-  }
-}
-
-@keyframes rollOut {
-  from {
-    opacity: 1;
-  }
-
-  to {
-    opacity: 0;
-    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
-    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
-  }
-}
-
-.rollOut {
-  -webkit-animation-name: rollOut;
-  animation-name: rollOut;
-}
-
-@-webkit-keyframes zoomIn {
-  from {
-    opacity: 0;
-    -webkit-transform: scale3d(.3, .3, .3);
-    transform: scale3d(.3, .3, .3);
-  }
-
-  50% {
-    opacity: 1;
-  }
-}
-
-@keyframes zoomIn {
-  from {
-    opacity: 0;
-    -webkit-transform: scale3d(.3, .3, .3);
-    transform: scale3d(.3, .3, .3);
-  }
-
-  50% {
-    opacity: 1;
-  }
-}
-
-.zoomIn {
-  -webkit-animation-name: zoomIn;
-  animation-name: zoomIn;
-}
-
-@-webkit-keyframes zoomInDown {
-  from {
-    opacity: 0;
-    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
-    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
-  }
-
-  60% {
-    opacity: 1;
-    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
-    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
-  }
-}
-
-@keyframes zoomInDown {
-  from {
-    opacity: 0;
-    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
-    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
-  }
-
-  60% {
-    opacity: 1;
-    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
-    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
-  }
-}
-
-.zoomInDown {
-  -webkit-animation-name: zoomInDown;
-  animation-name: zoomInDown;
-}
-
-@-webkit-keyframes zoomInLeft {
-  from {
-    opacity: 0;
-    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
-    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
-  }
-
-  60% {
-    opacity: 1;
-    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
-    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
-  }
-}
-
-@keyframes zoomInLeft {
-  from {
-    opacity: 0;
-    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
-    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
-  }
-
-  60% {
-    opacity: 1;
-    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
-    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
-  }
-}
-
-.zoomInLeft {
-  -webkit-animation-name: zoomInLeft;
-  animation-name: zoomInLeft;
-}
-
-@-webkit-keyframes zoomInRight {
-  from {
-    opacity: 0;
-    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
-    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
-  }
-
-  60% {
-    opacity: 1;
-    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
-    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
-  }
-}
-
-@keyframes zoomInRight {
-  from {
-    opacity: 0;
-    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
-    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
-  }
-
-  60% {
-    opacity: 1;
-    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
-    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
-  }
-}
-
-.zoomInRight {
-  -webkit-animation-name: zoomInRight;
-  animation-name: zoomInRight;
-}
-
-@-webkit-keyframes zoomInUp {
-  from {
-    opacity: 0;
-    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
-    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
-  }
-
-  60% {
-    opacity: 1;
-    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
-    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
-  }
-}
-
-@keyframes zoomInUp {
-  from {
-    opacity: 0;
-    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
-    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
-  }
-
-  60% {
-    opacity: 1;
-    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
-    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
-  }
-}
-
-.zoomInUp {
-  -webkit-animation-name: zoomInUp;
-  animation-name: zoomInUp;
-}
-
-@-webkit-keyframes zoomOut {
-  from {
-    opacity: 1;
-  }
-
-  50% {
-    opacity: 0;
-    -webkit-transform: scale3d(.3, .3, .3);
-    transform: scale3d(.3, .3, .3);
-  }
-
-  to {
-    opacity: 0;
-  }
-}
-
-@keyframes zoomOut {
-  from {
-    opacity: 1;
-  }
-
-  50% {
-    opacity: 0;
-    -webkit-transform: scale3d(.3, .3, .3);
-    transform: scale3d(.3, .3, .3);
-  }
-
-  to {
-    opacity: 0;
-  }
-}
-
-.zoomOut {
-  -webkit-animation-name: zoomOut;
-  animation-name: zoomOut;
-}
-
-@-webkit-keyframes zoomOutDown {
-  40% {
-    opacity: 1;
-    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
-    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
-  }
-
-  to {
-    opacity: 0;
-    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-    -webkit-transform-origin: center bottom;
-    transform-origin: center bottom;
-    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
-    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
-  }
-}
-
-@keyframes zoomOutDown {
-  40% {
-    opacity: 1;
-    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
-    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
-  }
-
-  to {
-    opacity: 0;
-    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-    -webkit-transform-origin: center bottom;
-    transform-origin: center bottom;
-    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
-    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
-  }
-}
-
-.zoomOutDown {
-  -webkit-animation-name: zoomOutDown;
-  animation-name: zoomOutDown;
-}
-
-@-webkit-keyframes zoomOutLeft {
-  40% {
-    opacity: 1;
-    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
-    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
-  }
-
-  to {
-    opacity: 0;
-    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
-    transform: scale(.1) translate3d(-2000px, 0, 0);
-    -webkit-transform-origin: left center;
-    transform-origin: left center;
-  }
-}
-
-@keyframes zoomOutLeft {
-  40% {
-    opacity: 1;
-    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
-    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
-  }
-
-  to {
-    opacity: 0;
-    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
-    transform: scale(.1) translate3d(-2000px, 0, 0);
-    -webkit-transform-origin: left center;
-    transform-origin: left center;
-  }
-}
-
-.zoomOutLeft {
-  -webkit-animation-name: zoomOutLeft;
-  animation-name: zoomOutLeft;
-}
-
-@-webkit-keyframes zoomOutRight {
-  40% {
-    opacity: 1;
-    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
-    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
-  }
-
-  to {
-    opacity: 0;
-    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
-    transform: scale(.1) translate3d(2000px, 0, 0);
-    -webkit-transform-origin: right center;
-    transform-origin: right center;
-  }
-}
-
-@keyframes zoomOutRight {
-  40% {
-    opacity: 1;
-    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
-    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
-  }
-
-  to {
-    opacity: 0;
-    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
-    transform: scale(.1) translate3d(2000px, 0, 0);
-    -webkit-transform-origin: right center;
-    transform-origin: right center;
-  }
-}
-
-.zoomOutRight {
-  -webkit-animation-name: zoomOutRight;
-  animation-name: zoomOutRight;
-}
-
-@-webkit-keyframes zoomOutUp {
-  40% {
-    opacity: 1;
-    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
-    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
-  }
-
-  to {
-    opacity: 0;
-    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-    -webkit-transform-origin: center bottom;
-    transform-origin: center bottom;
-    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
-    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
-  }
-}
-
-@keyframes zoomOutUp {
-  40% {
-    opacity: 1;
-    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
-    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
-  }
-
-  to {
-    opacity: 0;
-    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-    -webkit-transform-origin: center bottom;
-    transform-origin: center bottom;
-    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
-    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
-  }
-}
-
-.zoomOutUp {
-  -webkit-animation-name: zoomOutUp;
-  animation-name: zoomOutUp;
-}
-
-@-webkit-keyframes slideInDown {
-  from {
-    -webkit-transform: translate3d(0, -100%, 0);
-    transform: translate3d(0, -100%, 0);
-    visibility: visible;
-  }
-
-  to {
-    -webkit-transform: translate3d(0, 0, 0);
-    transform: translate3d(0, 0, 0);
-  }
-}
-
-@keyframes slideInDown {
-  from {
-    -webkit-transform: translate3d(0, -100%, 0);
-    transform: translate3d(0, -100%, 0);
-    visibility: visible;
-  }
-
-  to {
-    -webkit-transform: translate3d(0, 0, 0);
-    transform: translate3d(0, 0, 0);
-  }
-}
-
-.slideInDown {
-  -webkit-animation-name: slideInDown;
-  animation-name: slideInDown;
-}
-
-@-webkit-keyframes slideInLeft {
-  from {
-    -webkit-transform: translate3d(-100%, 0, 0);
-    transform: translate3d(-100%, 0, 0);
-    visibility: visible;
-  }
-
-  to {
-    -webkit-transform: translate3d(0, 0, 0);
-    transform: translate3d(0, 0, 0);
-  }
-}
-
-@keyframes slideInLeft {
-  from {
-    -webkit-transform: translate3d(-100%, 0, 0);
-    transform: translate3d(-100%, 0, 0);
-    visibility: visible;
-  }
-
-  to {
-    -webkit-transform: translate3d(0, 0, 0);
-    transform: translate3d(0, 0, 0);
-  }
-}
-
-.slideInLeft {
-  -webkit-animation-name: slideInLeft;
-  animation-name: slideInLeft;
-}
-
-@-webkit-keyframes slideInRight {
-  from {
-    -webkit-transform: translate3d(100%, 0, 0);
-    transform: translate3d(100%, 0, 0);
-    visibility: visible;
-  }
-
-  to {
-    -webkit-transform: translate3d(0, 0, 0);
-    transform: translate3d(0, 0, 0);
-  }
-}
-
-@keyframes slideInRight {
-  from {
-    -webkit-transform: translate3d(100%, 0, 0);
-    transform: translate3d(100%, 0, 0);
-    visibility: visible;
-  }
-
-  to {
-    -webkit-transform: translate3d(0, 0, 0);
-    transform: translate3d(0, 0, 0);
-  }
-}
-
-.slideInRight {
-  -webkit-animation-name: slideInRight;
-  animation-name: slideInRight;
-}
-
-@-webkit-keyframes slideInUp {
-  from {
-    -webkit-transform: translate3d(0, 100%, 0);
-    transform: translate3d(0, 100%, 0);
-    visibility: visible;
-  }
-
-  to {
-    -webkit-transform: translate3d(0, 0, 0);
-    transform: translate3d(0, 0, 0);
-  }
-}
-
-@keyframes slideInUp {
-  from {
-    -webkit-transform: translate3d(0, 100%, 0);
-    transform: translate3d(0, 100%, 0);
-    visibility: visible;
-  }
-
-  to {
-    -webkit-transform: translate3d(0, 0, 0);
-    transform: translate3d(0, 0, 0);
-  }
-}
-
-.slideInUp {
-  -webkit-animation-name: slideInUp;
-  animation-name: slideInUp;
-}
-
-@-webkit-keyframes slideOutDown {
-  from {
-    -webkit-transform: translate3d(0, 0, 0);
-    transform: translate3d(0, 0, 0);
-  }
-
-  to {
-    visibility: hidden;
-    -webkit-transform: translate3d(0, 100%, 0);
-    transform: translate3d(0, 100%, 0);
-  }
-}
-
-@keyframes slideOutDown {
-  from {
-    -webkit-transform: translate3d(0, 0, 0);
-    transform: translate3d(0, 0, 0);
-  }
-
-  to {
-    visibility: hidden;
-    -webkit-transform: translate3d(0, 100%, 0);
-    transform: translate3d(0, 100%, 0);
-  }
-}
-
-.slideOutDown {
-  -webkit-animation-name: slideOutDown;
-  animation-name: slideOutDown;
-}
-
-@-webkit-keyframes slideOutLeft {
-  from {
-    -webkit-transform: translate3d(0, 0, 0);
-    transform: translate3d(0, 0, 0);
-  }
-
-  to {
-    visibility: hidden;
-    -webkit-transform: translate3d(-100%, 0, 0);
-    transform: translate3d(-100%, 0, 0);
-  }
-}
-
-@keyframes slideOutLeft {
-  from {
-    -webkit-transform: translate3d(0, 0, 0);
-    transform: translate3d(0, 0, 0);
-  }
-
-  to {
-    visibility: hidden;
-    -webkit-transform: translate3d(-100%, 0, 0);
-    transform: translate3d(-100%, 0, 0);
-  }
-}
-
-.slideOutLeft {
-  -webkit-animation-name: slideOutLeft;
-  animation-name: slideOutLeft;
-}
-
-@-webkit-keyframes slideOutRight {
-  from {
-    -webkit-transform: translate3d(0, 0, 0);
-    transform: translate3d(0, 0, 0);
-  }
-
-  to {
-    visibility: hidden;
-    -webkit-transform: translate3d(100%, 0, 0);
-    transform: translate3d(100%, 0, 0);
-  }
-}
-
-@keyframes slideOutRight {
-  from {
-    -webkit-transform: translate3d(0, 0, 0);
-    transform: translate3d(0, 0, 0);
-  }
-
-  to {
-    visibility: hidden;
-    -webkit-transform: translate3d(100%, 0, 0);
-    transform: translate3d(100%, 0, 0);
-  }
-}
-
-.slideOutRight {
-  -webkit-animation-name: slideOutRight;
-  animation-name: slideOutRight;
-}
-
-@-webkit-keyframes slideOutUp {
-  from {
-    -webkit-transform: translate3d(0, 0, 0);
-    transform: translate3d(0, 0, 0);
-  }
-
-  to {
-    visibility: hidden;
-    -webkit-transform: translate3d(0, -100%, 0);
-    transform: translate3d(0, -100%, 0);
-  }
-}
-
-@keyframes slideOutUp {
-  from {
-    -webkit-transform: translate3d(0, 0, 0);
-    transform: translate3d(0, 0, 0);
-  }
-
-  to {
-    visibility: hidden;
-    -webkit-transform: translate3d(0, -100%, 0);
-    transform: translate3d(0, -100%, 0);
-  }
-}
-
-.slideOutUp {
-  -webkit-animation-name: slideOutUp;
-  animation-name: slideOutUp;
-}
diff --git a/old-client/client/less/lib/bootstrap-social/bootstrap-social.less b/old-client/client/less/lib/bootstrap-social/bootstrap-social.less
deleted file mode 100755
index b0a0cf0e60..0000000000
--- a/old-client/client/less/lib/bootstrap-social/bootstrap-social.less
+++ /dev/null
@@ -1,99 +0,0 @@
-/*
- * Social Buttons for Bootstrap
- *
- * Copyright 2013-2014 Panayiotis Lipiridis
- * Licensed under the MIT License
- *
- * https://github.com/lipis/bootstrap-social
- */
-
-@bs-height-base: (@line-height-computed + @padding-base-vertical * 2);
-@bs-height-lg:   (floor(@font-size-large * @line-height-base) + @padding-large-vertical * 2);
-@bs-height-sm:   (floor(@font-size-small * 1.5) + @padding-small-vertical * 2);
-@bs-height-xs:   (floor(@font-size-small * 1.2) + @padding-small-vertical + 1);
-
-.btn-social {
-  position: relative;
-  padding-left: (@bs-height-base + @padding-base-horizontal);
-  text-align: left;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  > :first-child {
-    position: absolute;
-    left: 0;
-    top: 0;
-    bottom: 0;
-    width: @bs-height-base;
-    line-height: (@bs-height-base + 2);
-    font-size: 1.6em;
-    text-align: center;
-    border-right: 1px solid rgba(0, 0, 0, 0.2);
-  }
-  &.btn-lg {
-    padding-left: ((@bs-height-lg + @padding-large-horizontal) - 3);
-    > :first-child {
-      line-height: @bs-height-lg;
-      width: @bs-height-lg;
-      font-size: 1.8em;
-    }
-  }
-  &.btn-sm {
-    padding-left: (@bs-height-sm + @padding-small-horizontal);
-    > :first-child {
-      line-height: @bs-height-sm;
-      width: @bs-height-sm;
-      font-size: 1.4em;
-    }
-  }
-  &.btn-xs {
-    padding-left: (@bs-height-xs + @padding-small-horizontal);
-    > :first-child {
-      line-height: @bs-height-xs;
-      width: @bs-height-xs;
-      font-size: 1.2em;
-    }
-  }
-}
-
-.btn-social-icon {
-  .btn-social;
-  height: (@bs-height-base + 2);
-  width: (@bs-height-base + 2);
-  padding: 0;
-  > :first-child {
-    border: none;
-    text-align: center;
-    width: 100%!important;
-  }
-  &.btn-lg {
-    height: @bs-height-lg;
-    width: @bs-height-lg;
-    padding-left: 0;
-    padding-right: 0;
-  }
-  &.btn-sm {
-    height: (@bs-height-sm + 2);
-    width: (@bs-height-sm + 2);
-    padding-left: 0;
-    padding-right: 0;
-  }
-  &.btn-xs {
-    height: (@bs-height-xs + 2);
-    width: (@bs-height-xs + 2);
-    padding-left: 0;
-    padding-right: 0;
-  }
-}
-
-.btn-social(@color-bg, @color: @color-bg) {
-  background-color: @color-bg;
-  .button-variant(@color, @color-bg, rgba(0,0,0,.2));
-}
-
-
-.btn-facebook      { .btn-social(#3b5998); }
-.btn-github        { .btn-social(#444444); }
-.btn-google        { .btn-social(#dd4b39); }
-.btn-linkedin      { .btn-social(#007bb6); }
-.btn-twitter       { .btn-social(#55acee); }
diff --git a/old-client/client/less/lib/bootstrap/alerts.less b/old-client/client/less/lib/bootstrap/alerts.less
deleted file mode 100755
index df070b8ab2..0000000000
--- a/old-client/client/less/lib/bootstrap/alerts.less
+++ /dev/null
@@ -1,68 +0,0 @@
-//
-// Alerts
-// --------------------------------------------------
-
-
-// Base styles
-// -------------------------
-
-.alert {
-  padding: @alert-padding;
-  margin-bottom: @line-height-computed;
-  border: 1px solid transparent;
-  border-radius: @alert-border-radius;
-
-  // Headings for larger alerts
-  h4 {
-    margin-top: 0;
-    // Specified for the h4 to prevent conflicts of changing @headings-color
-    color: inherit;
-  }
-  // Provide class for links that match alerts
-  .alert-link {
-    font-weight: @alert-link-font-weight;
-  }
-
-  // Improve alignment and spacing of inner content
-  > p,
-  > ul {
-    margin-bottom: 0;
-  }
-  > p + p {
-    margin-top: 5px;
-  }
-}
-
-// Dismissible alerts
-//
-// Expand the right padding and account for the close button's positioning.
-
-.alert-dismissable, // The misspelled .alert-dismissable was deprecated in 3.2.0.
-.alert-dismissible {
-  padding-right: (@alert-padding + 20);
-
-  // Adjust close link position
-  .close {
-    position: relative;
-    top: -2px;
-    right: -21px;
-    color: inherit;
-  }
-}
-
-// Alternate styles
-//
-// Generate contextual modifier classes for colorizing the alert.
-
-.alert-success {
-  .alert-variant(@alert-success-bg; @alert-success-border; @alert-success-text);
-}
-.alert-info {
-  .alert-variant(@alert-info-bg; @alert-info-border; @alert-info-text);
-}
-.alert-warning {
-  .alert-variant(@alert-warning-bg; @alert-warning-border; @alert-warning-text);
-}
-.alert-danger {
-  .alert-variant(@alert-danger-bg; @alert-danger-border; @alert-danger-text);
-}
diff --git a/old-client/client/less/lib/bootstrap/badges.less b/old-client/client/less/lib/bootstrap/badges.less
deleted file mode 100755
index 20624f30db..0000000000
--- a/old-client/client/less/lib/bootstrap/badges.less
+++ /dev/null
@@ -1,55 +0,0 @@
-//
-// Badges
-// --------------------------------------------------
-
-
-// Base class
-.badge {
-  display: inline-block;
-  min-width: 10px;
-  padding: 3px 7px;
-  font-size: @font-size-small;
-  font-weight: @badge-font-weight;
-  color: @badge-color;
-  line-height: @badge-line-height;
-  vertical-align: baseline;
-  white-space: nowrap;
-  text-align: center;
-  background-color: @badge-bg;
-  border-radius: @badge-border-radius;
-
-  // Empty badges collapse automatically (not available in IE8)
-  &:empty {
-    display: none;
-  }
-
-  // Quick fix for badges in buttons
-  .btn & {
-    position: relative;
-    top: -1px;
-  }
-  .btn-xs & {
-    top: 0;
-    padding: 1px 5px;
-  }
-
-  // Hover state, but only for links
-  a& {
-    &:hover,
-    &:focus {
-      color: @badge-link-hover-color;
-      text-decoration: none;
-      cursor: pointer;
-    }
-  }
-
-  // Account for badges in navs
-  a.list-group-item.active > &,
-  .nav-pills > .active > a > & {
-    color: @badge-active-color;
-    background-color: @badge-active-bg;
-  }
-  .nav-pills > li > a > & {
-    margin-left: 3px;
-  }
-}
diff --git a/old-client/client/less/lib/bootstrap/bootstrap.less b/old-client/client/less/lib/bootstrap/bootstrap.less
deleted file mode 100755
index 4f85a0dd36..0000000000
--- a/old-client/client/less/lib/bootstrap/bootstrap.less
+++ /dev/null
@@ -1,49 +0,0 @@
-// Core variables and mixins
-@import "variables.less";
-@import "mixins.less";
-
-// Reset and dependencies
-@import "normalize.less";
-@import "print.less";
-@import "glyphicons.less";
-
-// Core CSS
-@import "scaffolding.less";
-@import "type.less";
-@import "code.less";
-@import "grid.less";
-@import "tables.less";
-@import "forms.less";
-@import "buttons.less";
-
-// Components
-@import "component-animations.less";
-@import "dropdowns.less";
-@import "button-groups.less";
-@import "input-groups.less";
-@import "navs.less";
-@import "navbar.less";
-@import "breadcrumbs.less";
-@import "pagination.less";
-@import "pager.less";
-@import "labels.less";
-@import "badges.less";
-@import "jumbotron.less";
-@import "thumbnails.less";
-@import "alerts.less";
-@import "progress-bars.less";
-@import "media.less";
-@import "list-group.less";
-@import "panels.less";
-@import "wells.less";
-@import "close.less";
-
-// Components w/ JavaScript
-@import "modals.less";
-@import "tooltip.less";
-@import "popovers.less";
-@import "carousel.less";
-
-// Utility classes
-@import "utilities.less";
-@import "responsive-utilities.less";
diff --git a/old-client/client/less/lib/bootstrap/breadcrumbs.less b/old-client/client/less/lib/bootstrap/breadcrumbs.less
deleted file mode 100755
index cb01d503fb..0000000000
--- a/old-client/client/less/lib/bootstrap/breadcrumbs.less
+++ /dev/null
@@ -1,26 +0,0 @@
-//
-// Breadcrumbs
-// --------------------------------------------------
-
-
-.breadcrumb {
-  padding: @breadcrumb-padding-vertical @breadcrumb-padding-horizontal;
-  margin-bottom: @line-height-computed;
-  list-style: none;
-  background-color: @breadcrumb-bg;
-  border-radius: @border-radius-base;
-
-  > li {
-    display: inline-block;
-
-    + li:before {
-      content: "@{breadcrumb-separator}\00a0"; // Unicode space added since inline-block means non-collapsing white-space
-      padding: 0 5px;
-      color: @breadcrumb-color;
-    }
-  }
-
-  > .active {
-    color: @breadcrumb-active-color;
-  }
-}
diff --git a/old-client/client/less/lib/bootstrap/button-groups.less b/old-client/client/less/lib/bootstrap/button-groups.less
deleted file mode 100755
index fbcdf457b5..0000000000
--- a/old-client/client/less/lib/bootstrap/button-groups.less
+++ /dev/null
@@ -1,247 +0,0 @@
-//
-// Button groups
-// --------------------------------------------------
-
-// Make the div behave like a button
-.btn-group,
-.btn-group-vertical {
-  position: relative;
-  display: inline-block;
-  vertical-align: middle; // match .btn alignment given font-size hack above
-  > .btn {
-    position: relative;
-    float: left;
-    // Bring the "active" button to the front
-    &:hover,
-    &:focus,
-    &:active,
-    &.active {
-      z-index: 2;
-    }
-    &:focus {
-      // Remove focus outline when dropdown JS adds it after closing the menu
-      outline: 0;
-    }
-  }
-}
-
-// Prevent double borders when buttons are next to each other
-.btn-group {
-  .btn + .btn,
-  .btn + .btn-group,
-  .btn-group + .btn,
-  .btn-group + .btn-group {
-    margin-left: -1px;
-  }
-}
-
-// Optional: Group multiple button groups together for a toolbar
-.btn-toolbar {
-  margin-left: -5px; // Offset the first child's margin
-  &:extend(.clearfix all);
-
-  .btn-group,
-  .input-group {
-    float: left;
-  }
-  > .btn,
-  > .btn-group,
-  > .input-group {
-    margin-left: 5px;
-  }
-}
-
-.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
-  border-radius: 0;
-}
-
-// Set corners individual because sometimes a single button can be in a .btn-group and we need :first-child and :last-child to both match
-.btn-group > .btn:first-child {
-  margin-left: 0;
-  &:not(:last-child):not(.dropdown-toggle) {
-    .border-right-radius(0);
-  }
-}
-// Need .dropdown-toggle since :last-child doesn't apply given a .dropdown-menu immediately after it
-.btn-group > .btn:last-child:not(:first-child),
-.btn-group > .dropdown-toggle:not(:first-child) {
-  .border-left-radius(0);
-}
-
-// Custom edits for including btn-groups within btn-groups (useful for including dropdown buttons within a btn-group)
-.btn-group > .btn-group {
-  float: left;
-}
-.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
-  border-radius: 0;
-}
-.btn-group > .btn-group:first-child {
-  > .btn:last-child,
-  > .dropdown-toggle {
-    .border-right-radius(0);
-  }
-}
-.btn-group > .btn-group:last-child > .btn:first-child {
-  .border-left-radius(0);
-}
-
-// On active and open, don't show outline
-.btn-group .dropdown-toggle:active,
-.btn-group.open .dropdown-toggle {
-  outline: 0;
-}
-
-
-// Sizing
-//
-// Remix the default button sizing classes into new ones for easier manipulation.
-
-.btn-group-xs > .btn { &:extend(.btn-xs); }
-.btn-group-sm > .btn { &:extend(.btn-sm); }
-.btn-group-lg > .btn { &:extend(.btn-lg); }
-
-
-// Split button dropdowns
-// ----------------------
-
-// Give the line between buttons some depth
-.btn-group > .btn + .dropdown-toggle {
-  padding-left: 8px;
-  padding-right: 8px;
-}
-.btn-group > .btn-lg + .dropdown-toggle {
-  padding-left: 12px;
-  padding-right: 12px;
-}
-
-// The clickable button for toggling the menu
-// Remove the gradient and set the same inset shadow as the :active state
-.btn-group.open .dropdown-toggle {
-  .box-shadow(inset 0 3px 5px rgba(0,0,0,.125));
-
-  // Show no shadow for `.btn-link` since it has no other button styles.
-  &.btn-link {
-    .box-shadow(none);
-  }
-}
-
-
-// Reposition the caret
-.btn .caret {
-  margin-left: 0;
-}
-// Carets in other button sizes
-.btn-lg .caret {
-  border-width: @caret-width-large @caret-width-large 0;
-  border-bottom-width: 0;
-}
-// Upside down carets for .dropup
-.dropup .btn-lg .caret {
-  border-width: 0 @caret-width-large @caret-width-large;
-}
-
-
-// Vertical button groups
-// ----------------------
-
-.btn-group-vertical {
-  > .btn,
-  > .btn-group,
-  > .btn-group > .btn {
-    display: block;
-    float: none;
-    width: 100%;
-    max-width: 100%;
-  }
-
-  // Clear floats so dropdown menus can be properly placed
-  > .btn-group {
-    &:extend(.clearfix all);
-    > .btn {
-      float: none;
-    }
-  }
-
-  > .btn + .btn,
-  > .btn + .btn-group,
-  > .btn-group + .btn,
-  > .btn-group + .btn-group {
-    margin-top: -1px;
-    margin-left: 0;
-  }
-}
-
-.btn-group-vertical > .btn {
-  &:not(:first-child):not(:last-child) {
-    border-radius: 0;
-  }
-  &:first-child:not(:last-child) {
-    border-top-right-radius: @border-radius-base;
-    .border-bottom-radius(0);
-  }
-  &:last-child:not(:first-child) {
-    border-bottom-left-radius: @border-radius-base;
-    .border-top-radius(0);
-  }
-}
-.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
-  border-radius: 0;
-}
-.btn-group-vertical > .btn-group:first-child:not(:last-child) {
-  > .btn:last-child,
-  > .dropdown-toggle {
-    .border-bottom-radius(0);
-  }
-}
-.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
-  .border-top-radius(0);
-}
-
-
-// Justified button groups
-// ----------------------
-
-.btn-group-justified {
-  display: table;
-  width: 100%;
-  table-layout: fixed;
-  border-collapse: separate;
-  > .btn,
-  > .btn-group {
-    float: none;
-    display: table-cell;
-    width: 1%;
-  }
-  > .btn-group .btn {
-    width: 100%;
-  }
-
-  > .btn-group .dropdown-menu {
-    left: auto;
-  }
-}
-
-
-// Checkbox and radio options
-//
-// In order to support the browser's form validation feedback, powered by the
-// `required` attribute, we have to "hide" the inputs via `clip`. We cannot use
-// `display: none;` or `visibility: hidden;` as that also hides the popover.
-// Simply visually hiding the inputs via `opacity` would leave them clickable in
-// certain cases which is prevented by using `clip` and `pointer-events`.
-// This way, we ensure a DOM element is visible to position the popover from.
-//
-// See https://github.com/twbs/bootstrap/pull/12794 and
-// https://github.com/twbs/bootstrap/pull/14559 for more information.
-
-[data-toggle="buttons"] {
-  > .btn,
-  > .btn-group > .btn {
-    input[type="radio"],
-    input[type="checkbox"] {
-      position: absolute;
-      clip: rect(0,0,0,0);
-      pointer-events: none;
-    }
-  }
-}
diff --git a/old-client/client/less/lib/bootstrap/buttons.less b/old-client/client/less/lib/bootstrap/buttons.less
deleted file mode 100755
index 66a19bd066..0000000000
--- a/old-client/client/less/lib/bootstrap/buttons.less
+++ /dev/null
@@ -1,160 +0,0 @@
-//
-// Buttons
-// --------------------------------------------------
-
-
-// Base styles
-// --------------------------------------------------
-
-.btn {
-  display: inline-block;
-  margin-bottom: 0; // For input.btn
-  font-weight: @btn-font-weight;
-  text-align: center;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214
-  border: 1px solid transparent;
-  white-space: nowrap;
-  .button-size(@padding-base-vertical; @padding-base-horizontal; @font-size-base; @line-height-base; @border-radius-base);
-  .user-select(none);
-
-  &,
-  &:active,
-  &.active {
-    &:focus,
-    &.focus {
-      .tab-focus();
-    }
-  }
-
-  &:hover,
-  &:focus,
-  &.focus {
-    color: @gray-lighter;
-    text-decoration: none;
-  }
-
-  &:active,
-  &.active {
-    outline: 0;
-    background-image: none;
-    .box-shadow(inset 0 3px 5px rgba(0,0,0,.125));
-  }
-
-  &.disabled,
-  &[disabled],
-  fieldset[disabled] & {
-    cursor: @cursor-disabled;
-    pointer-events: none; // Future-proof disabling of clicks
-    .opacity(.65);
-    .box-shadow(none);
-  }
-}
-
-
-// Alternate buttons
-// --------------------------------------------------
-
-.btn-default {
-  .button-variant(@btn-default-color; @btn-default-bg; @btn-default-border);
-}
-.btn-primary {
-  .button-variant(@btn-primary-color; @btn-primary-bg; @btn-primary-border);
-}
-// Success appears as green
-.btn-success {
-  .button-variant(@btn-success-color; @btn-success-bg; @btn-success-border);
-}
-// Info appears as blue-green
-.btn-info {
-  .button-variant(@btn-info-color; @btn-info-bg; @btn-info-border);
-}
-// Warning appears as orange
-.btn-warning {
-  .button-variant(@btn-warning-color; @btn-warning-bg; @btn-warning-border);
-}
-// Danger and error appear as red
-.btn-danger {
-  .button-variant(@btn-danger-color; @btn-danger-bg; @btn-danger-border);
-}
-
-
-// Link buttons
-// -------------------------
-
-// Make a button look and behave like a link
-.btn-link {
-  color: @link-color;
-  font-weight: normal;
-  border-radius: 0;
-
-  &,
-  &:active,
-  &.active,
-  &[disabled],
-  fieldset[disabled] & {
-    background-color: transparent;
-    .box-shadow(none);
-  }
-  &,
-  &:hover,
-  &:focus,
-  &:active {
-    border-color: transparent;
-  }
-  &:hover,
-  &:focus {
-    color: @link-hover-color;
-    text-decoration: underline;
-    background-color: transparent;
-  }
-  &[disabled],
-  fieldset[disabled] & {
-    &:hover,
-    &:focus {
-      color: @btn-link-disabled-color;
-      text-decoration: none;
-    }
-  }
-}
-
-
-// Button Sizes
-// --------------------------------------------------
-
-.btn-lg {
-  // line-height: ensure even-numbered height of button next to large input
-  .button-size(@padding-large-vertical; @padding-large-horizontal; @font-size-large; @line-height-large; @border-radius-large);
-}
-.btn-sm {
-  // line-height: ensure proper height of button next to small input
-  .button-size(@padding-small-vertical; @padding-small-horizontal; @font-size-small; @line-height-small; @border-radius-small);
-}
-.btn-xs {
-  .button-size(@padding-xs-vertical; @padding-xs-horizontal; @font-size-small; @line-height-small; @border-radius-small);
-}
-
-
-// Block button
-// --------------------------------------------------
-
-.btn-block {
-  display: block;
-  width: 100%;
-}
-
-// Vertically space out multiple block buttons
-.btn-block + .btn-block {
-  margin-top: 5px;
-}
-
-// Specificity overrides
-input[type="submit"],
-input[type="reset"],
-input[type="button"] {
-  &.btn-block {
-    width: 100%;
-  }
-}
diff --git a/old-client/client/less/lib/bootstrap/carousel.less b/old-client/client/less/lib/bootstrap/carousel.less
deleted file mode 100755
index 5724d8a56e..0000000000
--- a/old-client/client/less/lib/bootstrap/carousel.less
+++ /dev/null
@@ -1,267 +0,0 @@
-//
-// Carousel
-// --------------------------------------------------
-
-
-// Wrapper for the slide container and indicators
-.carousel {
-  position: relative;
-}
-
-.carousel-inner {
-  position: relative;
-  overflow: hidden;
-  width: 100%;
-
-  > .item {
-    display: none;
-    position: relative;
-    .transition(.6s ease-in-out left);
-
-    // Account for jankitude on images
-    > img,
-    > a > img {
-      &:extend(.img-responsive);
-      line-height: 1;
-    }
-
-    // WebKit CSS3 transforms for supported devices
-    @media all and (transform-3d), (-webkit-transform-3d) {
-      transition: transform .6s ease-in-out;
-      backface-visibility: hidden;
-      perspective: 1000;
-
-      &.next,
-      &.active.right {
-        transform: translate3d(100%, 0, 0);
-        left: 0;
-      }
-      &.prev,
-      &.active.left {
-        transform: translate3d(-100%, 0, 0);
-        left: 0;
-      }
-      &.next.left,
-      &.prev.right,
-      &.active {
-        transform: translate3d(0, 0, 0);
-        left: 0;
-      }
-    }
-  }
-
-  > .active,
-  > .next,
-  > .prev {
-    display: block;
-  }
-
-  > .active {
-    left: 0;
-  }
-
-  > .next,
-  > .prev {
-    position: absolute;
-    top: 0;
-    width: 100%;
-  }
-
-  > .next {
-    left: 100%;
-  }
-  > .prev {
-    left: -100%;
-  }
-  > .next.left,
-  > .prev.right {
-    left: 0;
-  }
-
-  > .active.left {
-    left: -100%;
-  }
-  > .active.right {
-    left: 100%;
-  }
-
-}
-
-// Left/right controls for nav
-// ---------------------------
-
-.carousel-control {
-  position: absolute;
-  top: 0;
-  left: 0;
-  bottom: 0;
-  width: @carousel-control-width;
-  .opacity(@carousel-control-opacity);
-  font-size: @carousel-control-font-size;
-  color: @carousel-control-color;
-  text-align: center;
-  text-shadow: @carousel-text-shadow;
-  // We can't have this transition here because WebKit cancels the carousel
-  // animation if you trip this while in the middle of another animation.
-
-  // Set gradients for backgrounds
-  &.left {
-    #gradient > .horizontal(@start-color: rgba(0,0,0,.5); @end-color: rgba(0,0,0,.0001));
-  }
-  &.right {
-    left: auto;
-    right: 0;
-    #gradient > .horizontal(@start-color: rgba(0,0,0,.0001); @end-color: rgba(0,0,0,.5));
-  }
-
-  // Hover/focus state
-  &:hover,
-  &:focus {
-    outline: 0;
-    color: @carousel-control-color;
-    text-decoration: none;
-    .opacity(.9);
-  }
-
-  // Toggles
-  .icon-prev,
-  .icon-next,
-  .glyphicon-chevron-left,
-  .glyphicon-chevron-right {
-    position: absolute;
-    top: 50%;
-    z-index: 5;
-    display: inline-block;
-  }
-  .icon-prev,
-  .glyphicon-chevron-left {
-    left: 50%;
-    margin-left: -10px;
-  }
-  .icon-next,
-  .glyphicon-chevron-right {
-    right: 50%;
-    margin-right: -10px;
-  }
-  .icon-prev,
-  .icon-next {
-    width:  20px;
-    height: 20px;
-    margin-top: -10px;
-    font-family: serif;
-  }
-
-
-  .icon-prev {
-    &:before {
-      content: '\2039';// SINGLE LEFT-POINTING ANGLE QUOTATION MARK (U+2039)
-    }
-  }
-  .icon-next {
-    &:before {
-      content: '\203a';// SINGLE RIGHT-POINTING ANGLE QUOTATION MARK (U+203A)
-    }
-  }
-}
-
-// Optional indicator pips
-//
-// Add an unordered list with the following class and add a list item for each
-// slide your carousel holds.
-
-.carousel-indicators {
-  position: absolute;
-  bottom: 10px;
-  left: 50%;
-  z-index: 15;
-  width: 60%;
-  margin-left: -30%;
-  padding-left: 0;
-  list-style: none;
-  text-align: center;
-
-  li {
-    display: inline-block;
-    width:  10px;
-    height: 10px;
-    margin: 1px;
-    text-indent: -999px;
-    border: 1px solid @carousel-indicator-border-color;
-    border-radius: 10px;
-    cursor: pointer;
-
-    // IE8-9 hack for event handling
-    //
-    // Internet Explorer 8-9 does not support clicks on elements without a set
-    // `background-color`. We cannot use `filter` since that's not viewed as a
-    // background color by the browser. Thus, a hack is needed.
-    //
-    // For IE8, we set solid black as it doesn't support `rgba()`. For IE9, we
-    // set alpha transparency for the best results possible.
-    background-color: #000 \9; // IE8
-    background-color: rgba(0,0,0,0); // IE9
-  }
-  .active {
-    margin: 0;
-    width:  12px;
-    height: 12px;
-    background-color: @carousel-indicator-active-bg;
-  }
-}
-
-// Optional captions
-// -----------------------------
-// Hidden by default for smaller viewports
-.carousel-caption {
-  position: absolute;
-  left: 15%;
-  right: 15%;
-  bottom: 20px;
-  z-index: 10;
-  padding-top: 20px;
-  padding-bottom: 20px;
-  color: @carousel-caption-color;
-  text-align: center;
-  text-shadow: @carousel-text-shadow;
-  & .btn {
-    text-shadow: none; // No shadow for button elements in carousel-caption
-  }
-}
-
-
-// Scale up controls for tablets and up
-@media screen and (min-width: @screen-sm-min) {
-
-  // Scale up the controls a smidge
-  .carousel-control {
-    .glyphicon-chevron-left,
-    .glyphicon-chevron-right,
-    .icon-prev,
-    .icon-next {
-      width: 30px;
-      height: 30px;
-      margin-top: -15px;
-      font-size: 30px;
-    }
-    .glyphicon-chevron-left,
-    .icon-prev {
-      margin-left: -15px;
-    }
-    .glyphicon-chevron-right,
-    .icon-next {
-      margin-right: -15px;
-    }
-  }
-
-  // Show and left align the captions
-  .carousel-caption {
-    left: 20%;
-    right: 20%;
-    padding-bottom: 30px;
-  }
-
-  // Move up the indicators
-  .carousel-indicators {
-    bottom: 20px;
-  }
-}
diff --git a/old-client/client/less/lib/bootstrap/close.less b/old-client/client/less/lib/bootstrap/close.less
deleted file mode 100755
index 9b4e74f2b8..0000000000
--- a/old-client/client/less/lib/bootstrap/close.less
+++ /dev/null
@@ -1,33 +0,0 @@
-//
-// Close icons
-// --------------------------------------------------
-
-
-.close {
-  float: right;
-  font-size: (@font-size-base * 1.5);
-  font-weight: @close-font-weight;
-  line-height: 1;
-  color: @close-color;
-  text-shadow: @close-text-shadow;
-  .opacity(.2);
-
-  &:hover,
-  &:focus {
-    color: @close-color;
-    text-decoration: none;
-    cursor: pointer;
-    .opacity(.5);
-  }
-
-  // Additional properties for button version
-  // iOS requires the button element instead of an anchor tag.
-  // If you want the anchor version, it requires `href="#"`.
-  button& {
-    padding: 0;
-    cursor: pointer;
-    background: transparent;
-    border: 0;
-    -webkit-appearance: none;
-  }
-}
diff --git a/old-client/client/less/lib/bootstrap/code.less b/old-client/client/less/lib/bootstrap/code.less
deleted file mode 100755
index a08b4d48c4..0000000000
--- a/old-client/client/less/lib/bootstrap/code.less
+++ /dev/null
@@ -1,69 +0,0 @@
-//
-// Code (inline and block)
-// --------------------------------------------------
-
-
-// Inline and block code styles
-code,
-kbd,
-pre,
-samp {
-  font-family: @font-family-monospace;
-}
-
-// Inline code
-code {
-  padding: 2px 4px;
-  font-size: 90%;
-  color: @code-color;
-  background-color: @code-bg;
-  border-radius: @border-radius-base;
-}
-
-// User input typically entered via keyboard
-kbd {
-  padding: 2px 4px;
-  font-size: 90%;
-  color: @kbd-color;
-  background-color: @kbd-bg;
-  border-radius: @border-radius-small;
-  box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);
-
-  kbd {
-    padding: 0;
-    font-size: 100%;
-    font-weight: bold;
-    box-shadow: none;
-  }
-}
-
-// Blocks of code
-pre {
-  display: block;
-  padding: ((@line-height-computed - 1) / 2);
-  margin: 0 0 (@line-height-computed / 2);
-  font-size: (@font-size-base - 1); // 14px to 13px
-  line-height: @line-height-base;
-  word-break: break-all;
-  word-wrap: break-word;
-  color: @pre-color;
-  background-color: @pre-bg;
-  border: 1px solid @pre-border-color;
-  border-radius: @border-radius-base;
-
-  // Account for some code outputs that place code tags in pre tags
-  code {
-    padding: 0;
-    font-size: inherit;
-    color: inherit;
-    white-space: pre-wrap;
-    background-color: transparent;
-    border-radius: 0;
-  }
-}
-
-// Enable scrollable blocks of code
-.pre-scrollable {
-  max-height: @pre-scrollable-max-height;
-  overflow-y: scroll;
-}
diff --git a/old-client/client/less/lib/bootstrap/component-animations.less b/old-client/client/less/lib/bootstrap/component-animations.less
deleted file mode 100755
index 967715d98b..0000000000
--- a/old-client/client/less/lib/bootstrap/component-animations.less
+++ /dev/null
@@ -1,34 +0,0 @@
-//
-// Component animations
-// --------------------------------------------------
-
-// Heads up!
-//
-// We don't use the `.opacity()` mixin here since it causes a bug with text
-// fields in IE7-8. Source: https://github.com/twbs/bootstrap/pull/3552.
-
-.fade {
-  opacity: 0;
-  .transition(opacity .15s linear);
-  &.in {
-    opacity: 1;
-  }
-}
-
-.collapse {
-  display: none;
-  visibility: hidden;
-
-  &.in      { display: block; visibility: visible; }
-  tr&.in    { display: table-row; }
-  tbody&.in { display: table-row-group; }
-}
-
-.collapsing {
-  position: relative;
-  height: 0;
-  overflow: hidden;
-  .transition-property(~"height, visibility");
-  .transition-duration(.35s);
-  .transition-timing-function(ease);
-}
diff --git a/old-client/client/less/lib/bootstrap/dropdowns.less b/old-client/client/less/lib/bootstrap/dropdowns.less
deleted file mode 100755
index 19fa1fee15..0000000000
--- a/old-client/client/less/lib/bootstrap/dropdowns.less
+++ /dev/null
@@ -1,214 +0,0 @@
-//
-// Dropdown menus
-// --------------------------------------------------
-
-
-// Dropdown arrow/caret
-.caret {
-  display: inline-block;
-  width: 0;
-  height: 0;
-  margin-left: 2px;
-  vertical-align: middle;
-  border-top:   @caret-width-base solid;
-  border-right: @caret-width-base solid transparent;
-  border-left:  @caret-width-base solid transparent;
-}
-
-// The dropdown wrapper (div)
-.dropdown {
-  position: relative;
-}
-
-// Prevent the focus on the dropdown toggle when closing dropdowns
-.dropdown-toggle:focus {
-  outline: 0;
-}
-
-// The dropdown menu (ul)
-.dropdown-menu {
-  position: absolute;
-  top: 100%;
-  left: 0;
-  z-index: @zindex-dropdown;
-  display: none; // none by default, but block on "open" of the menu
-  float: left;
-  min-width: 0;
-  width: 100%;
-  padding: 5px 0;
-  margin: 2px 0 0; // override default ul
-  list-style: none;
-  font-size: @font-size-base;
-  text-align: left; // Ensures proper alignment if parent has it changed (e.g., modal footer)
-  background-color: @dropdown-bg;
-  border: 1px solid @dropdown-fallback-border; // IE8 fallback
-  border: 1px solid @dropdown-border;
-  border-radius: @border-radius-base;
-  .box-shadow(0 6px 12px rgba(0,0,0,.175));
-  background-clip: padding-box;
-
-  // Aligns the dropdown menu to right
-  //
-  // Deprecated as of 3.1.0 in favor of `.dropdown-menu-[dir]`
-  &.pull-right {
-    right: 0;
-    left: auto;
-  }
-
-  // Dividers (basically an hr) within the dropdown
-  .divider {
-    .nav-divider(@dropdown-divider-bg);
-  }
-
-  // Links within the dropdown menu
-  > li > a {
-    display: block;
-    padding: 3px 20px;
-    clear: both;
-    font-weight: normal;
-    line-height: @line-height-base;
-    color: @dropdown-link-color;
-    white-space: nowrap; // prevent links from randomly breaking onto new lines
-  }
-}
-
-// Hover/Focus state
-.dropdown-menu > li > a {
-  &:hover,
-  &:focus {
-    text-decoration: none;
-    color: @dropdown-link-hover-color;
-    background-color: @dropdown-link-hover-bg;
-  }
-}
-
-// Active state
-.dropdown-menu > .active > a {
-  &,
-  &:hover,
-  &:focus {
-    color: @dropdown-link-active-color;
-    text-decoration: none;
-    outline: 0;
-    background-color: @dropdown-link-active-bg;
-  }
-}
-
-// Disabled state
-//
-// Gray out text and ensure the hover/focus state remains gray
-
-.dropdown-menu > .disabled > a {
-  &,
-  &:hover,
-  &:focus {
-    color: @dropdown-link-disabled-color;
-  }
-
-  // Nuke hover/focus effects
-  &:hover,
-  &:focus {
-    text-decoration: none;
-    background-color: transparent;
-    background-image: none; // Remove CSS gradient
-    .reset-filter();
-    cursor: @cursor-disabled;
-  }
-}
-
-// Open state for the dropdown
-.open {
-  // Show the menu
-  > .dropdown-menu {
-    display: block;
-  }
-
-  // Remove the outline when :focus is triggered
-  > a {
-    outline: 0;
-  }
-}
-
-// Menu positioning
-//
-// Add extra class to `.dropdown-menu` to flip the alignment of the dropdown
-// menu with the parent.
-.dropdown-menu-right {
-  left: auto; // Reset the default from `.dropdown-menu`
-  right: 0;
-}
-// With v3, we enabled auto-flipping if you have a dropdown within a right
-// aligned nav component. To enable the undoing of that, we provide an override
-// to restore the default dropdown menu alignment.
-//
-// This is only for left-aligning a dropdown menu within a `.navbar-right` or
-// `.pull-right` nav component.
-.dropdown-menu-left {
-  left: 0;
-  right: auto;
-}
-
-// Dropdown section headers
-.dropdown-header {
-  display: block;
-  padding: 3px 20px;
-  font-size: @font-size-small;
-  line-height: @line-height-base;
-  color: @dropdown-header-color;
-  white-space: nowrap; // as with > li > a
-}
-
-// Backdrop to catch body clicks on mobile, etc.
-.dropdown-backdrop {
-  position: fixed;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  top: 0;
-  z-index: (@zindex-dropdown - 10);
-}
-
-// Right aligned dropdowns
-.pull-right > .dropdown-menu {
-  right: 0;
-  left: auto;
-}
-
-// Allow for dropdowns to go bottom up (aka, dropup-menu)
-//
-// Just add .dropup after the standard .dropdown class and you're set, bro.
-// TODO: abstract this so that the navbar fixed styles are not placed here?
-
-.dropup,
-.navbar-fixed-bottom .dropdown {
-  // Reverse the caret
-  .caret {
-    border-top: 0;
-    border-bottom: @caret-width-base solid;
-    content: "";
-  }
-  // Different positioning for bottom up menu
-  .dropdown-menu {
-    top: auto;
-    bottom: 100%;
-    margin-bottom: 1px;
-  }
-}
-
-
-// Component alignment
-//
-// Reiterate per navbar.less and the modified component alignment there.
-
-@media (min-width: @grid-float-breakpoint) {
-  .navbar-right {
-    .dropdown-menu {
-      .dropdown-menu-right();
-    }
-    // Necessary for overrides of the default right aligned menu.
-    // Will remove come v4 in all likelihood.
-    .dropdown-menu-left {
-      .dropdown-menu-left();
-    }
-  }
-}
diff --git a/old-client/client/less/lib/bootstrap/forms.less b/old-client/client/less/lib/bootstrap/forms.less
deleted file mode 100755
index 38e4ce6d64..0000000000
--- a/old-client/client/less/lib/bootstrap/forms.less
+++ /dev/null
@@ -1,559 +0,0 @@
-//
-// Forms
-// --------------------------------------------------
-
-
-// Normalize non-controls
-//
-// Restyle and baseline non-control form elements.
-
-fieldset {
-  padding: 0;
-  margin: 0;
-  border: 0;
-  // Chrome and Firefox set a `min-width: min-content;` on fieldsets,
-  // so we reset that to ensure it behaves more like a standard block element.
-  // See https://github.com/twbs/bootstrap/issues/12359.
-  min-width: 0;
-}
-
-legend {
-  display: block;
-  width: 100%;
-  padding: 0;
-  margin-bottom: @line-height-computed;
-  font-size: (@font-size-base * 1.5);
-  line-height: inherit;
-  color: @legend-color;
-  border: 0;
-  border-bottom: 1px solid @legend-border-color;
-}
-
-label {
-  display: inline-block;
-  max-width: 100%; // Force IE8 to wrap long content (see https://github.com/twbs/bootstrap/issues/13141)
-  margin-bottom: 5px;
-  font-weight: bold;
-}
-
-
-// Normalize form controls
-//
-// While most of our form styles require extra classes, some basic normalization
-// is required to ensure optimum display with or without those classes to better
-// address browser inconsistencies.
-
-// Override content-box in Normalize (* isn't specific enough)
-input[type="search"] {
-  .box-sizing(border-box);
-}
-
-// Position radios and checkboxes better
-input[type="radio"],
-input[type="checkbox"] {
-  margin: 4px 0 0;
-  margin-top: 1px \9; // IE8-9
-  line-height: normal;
-}
-
-// Set the height of file controls to match text inputs
-input[type="file"] {
-  display: block;
-}
-
-// Make range inputs behave like textual form controls
-input[type="range"] {
-  display: block;
-  width: 100%;
-}
-
-// Make multiple select elements height not fixed
-select[multiple],
-select[size] {
-  height: auto;
-}
-
-// Focus for file, radio, and checkbox
-input[type="file"]:focus,
-input[type="radio"]:focus,
-input[type="checkbox"]:focus {
-  .tab-focus();
-}
-
-// Adjust output element
-output {
-  display: block;
-  padding-top: (@padding-base-vertical + 1);
-  font-size: @font-size-base;
-  line-height: @line-height-base;
-  color: @input-color;
-}
-
-
-// Common form controls
-//
-// Shared size and type resets for form controls. Apply `.form-control` to any
-// of the following form controls:
-//
-// select
-// textarea
-// input[type="text"]
-// input[type="password"]
-// input[type="datetime"]
-// input[type="datetime-local"]
-// input[type="date"]
-// input[type="month"]
-// input[type="time"]
-// input[type="week"]
-// input[type="number"]
-// input[type="email"]
-// input[type="url"]
-// input[type="search"]
-// input[type="tel"]
-// input[type="color"]
-
-.form-control {
-  display: block;
-  width: 100%;
-  height: @input-height-base; // Make inputs at least the height of their button counterpart (base line-height + padding + border)
-  padding: @padding-base-vertical @padding-base-horizontal;
-  font-size: @font-size-base;
-  line-height: @line-height-base;
-  color: @input-color;
-  background-color: @input-bg;
-  background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214
-  border: 1px solid @input-border;
-  border-radius: @input-border-radius;
-  .box-shadow(inset 0 1px 1px rgba(0,0,0,.075));
-  .transition(~"border-color ease-in-out .15s, box-shadow ease-in-out .15s");
-
-  // Customize the `:focus` state to imitate native WebKit styles.
-  .form-control-focus();
-
-  // Placeholder
-  .placeholder();
-
-  // Disabled and read-only inputs
-  //
-  // HTML5 says that controls under a fieldset > legend:first-child won't be
-  // disabled if the fieldset is disabled. Due to implementation difficulty, we
-  // don't honor that edge case; we style them as disabled anyway.
-  &[disabled],
-  &[readonly],
-  fieldset[disabled] & {
-    cursor: @cursor-disabled;
-    background-color: @input-bg-disabled;
-    opacity: 1; // iOS fix for unreadable disabled content
-  }
-
-  // Reset height for `textarea`s
-  textarea& {
-    height: auto;
-  }
-}
-
-
-// Search inputs in iOS
-//
-// This overrides the extra rounded corners on search inputs in iOS so that our
-// `.form-control` class can properly style them. Note that this cannot simply
-// be added to `.form-control` as it's not specific enough. For details, see
-// https://github.com/twbs/bootstrap/issues/11586.
-
-input[type="search"] {
-  -webkit-appearance: none;
-}
-
-
-// Special styles for iOS temporal inputs
-//
-// In Mobile Safari, setting `display: block` on temporal inputs causes the
-// text within the input to become vertically misaligned.
-// As a workaround, we set a pixel line-height that matches the
-// given height of the input. Since this fucks up everything else, we have to
-// appropriately reset it for Internet Explorer and the size variations.
-
-input[type="date"],
-input[type="time"],
-input[type="datetime-local"],
-input[type="month"] {
-  line-height: @input-height-base;
-  // IE8+ misaligns the text within date inputs, so we reset
-  line-height: @line-height-base ~"\0";
-
-  &.input-sm {
-    line-height: @input-height-small;
-    line-height: @line-height-small ~"\0";
-  }
-  &.input-lg {
-    line-height: @input-height-large;
-    line-height: @line-height-large ~"\0";
-  }
-}
-
-// IE 11 hack to reverse the iOS temporal input hack.
-_:-ms-fullscreen, :root input[type="date"],
-_:-ms-fullscreen, :root input[type="time"],
-_:-ms-fullscreen, :root input[type="datetime-local"],
-_:-ms-fullscreen, :root input[type="month"] {
-  line-height: @line-height-base;
-
-  &.input-sm {
-    line-height: @line-height-small;
-  }
-  &.input-lg {
-    line-height: @line-height-large;
-  }
-}
-
-
-// Form groups
-//
-// Designed to help with the organization and spacing of vertical forms. For
-// horizontal forms, use the predefined grid classes.
-
-.form-group {
-  margin-bottom: 15px;
-}
-
-
-// Checkboxes and radios
-//
-// Indent the labels to position radios/checkboxes as hanging controls.
-
-.radio,
-.checkbox {
-  position: relative;
-  display: block;
-  margin-top: 10px;
-  margin-bottom: 10px;
-
-  label {
-    min-height: @line-height-computed; // Ensure the input doesn't jump when there is no text
-    padding-left: 20px;
-    margin-bottom: 0;
-    font-weight: normal;
-    cursor: pointer;
-  }
-}
-.radio input[type="radio"],
-.radio-inline input[type="radio"],
-.checkbox input[type="checkbox"],
-.checkbox-inline input[type="checkbox"] {
-  position: absolute;
-  margin-left: -20px;
-  margin-top: 4px \9;
-}
-
-.radio + .radio,
-.checkbox + .checkbox {
-  margin-top: -5px; // Move up sibling radios or checkboxes for tighter spacing
-}
-
-// Radios and checkboxes on same line
-.radio-inline,
-.checkbox-inline {
-  display: inline-block;
-  padding-left: 20px;
-  margin-bottom: 0;
-  vertical-align: middle;
-  font-weight: normal;
-  cursor: pointer;
-}
-.radio-inline + .radio-inline,
-.checkbox-inline + .checkbox-inline {
-  margin-top: 0;
-  margin-left: 10px; // space out consecutive inline controls
-}
-
-// Apply same disabled cursor tweak as for inputs
-// Some special care is needed because <label>s don't inherit their parent's `cursor`.
-//
-// Note: Neither radios nor checkboxes can be readonly.
-input[type="radio"],
-input[type="checkbox"] {
-  &[disabled],
-  &.disabled,
-  fieldset[disabled] & {
-    cursor: @cursor-disabled;
-  }
-}
-// These classes are used directly on <label>s
-.radio-inline,
-.checkbox-inline {
-  &.disabled,
-  fieldset[disabled] & {
-    cursor: @cursor-disabled;
-  }
-}
-// These classes are used on elements with <label> descendants
-.radio,
-.checkbox {
-  &.disabled,
-  fieldset[disabled] & {
-    label {
-      cursor: @cursor-disabled;
-    }
-  }
-}
-
-
-// Static form control text
-//
-// Apply class to a `p` element to make any string of text align with labels in
-// a horizontal form layout.
-
-.form-control-static {
-  // Size it appropriately next to real form controls
-  padding-top: (@padding-base-vertical + 1);
-  padding-bottom: (@padding-base-vertical + 1);
-  // Remove default margin from `p`
-  margin-bottom: 0;
-
-  &.input-lg,
-  &.input-sm {
-    padding-left: 0;
-    padding-right: 0;
-  }
-}
-
-
-// Form control sizing
-//
-// Build on `.form-control` with modifier classes to decrease or increase the
-// height and font-size of form controls.
-
-.input-sm,
-.form-group-sm .form-control {
-  .input-size(@input-height-small; @padding-small-vertical; @padding-small-horizontal; @font-size-small; @line-height-small; @input-border-radius-small);
-}
-
-.input-lg,
-.form-group-lg .form-control {
-  .input-size(@input-height-large; @padding-large-vertical; @padding-large-horizontal; @font-size-large; @line-height-large; @input-border-radius-large);
-}
-
-
-// Form control feedback states
-//
-// Apply contextual and semantic states to individual form controls.
-
-.has-feedback {
-  // Enable absolute positioning
-  position: relative;
-
-  // Ensure icons don't overlap text
-  .form-control {
-    padding-right: (@input-height-base * 1.25);
-  }
-}
-// Feedback icon (requires .glyphicon classes)
-.form-control-feedback {
-  position: absolute;
-  top: 0;
-  right: 0;
-  z-index: 2; // Ensure icon is above input groups
-  display: block;
-  width: @input-height-base;
-  height: @input-height-base;
-  line-height: @input-height-base;
-  text-align: center;
-  pointer-events: none;
-}
-.input-lg + .form-control-feedback {
-  width: @input-height-large;
-  height: @input-height-large;
-  line-height: @input-height-large;
-}
-.input-sm + .form-control-feedback {
-  width: @input-height-small;
-  height: @input-height-small;
-  line-height: @input-height-small;
-}
-
-// Feedback states
-.has-success {
-  .form-control-validation(@state-success-text; @state-success-text; @state-success-bg);
-}
-.has-warning {
-  .form-control-validation(@state-warning-text; @state-warning-text; @state-warning-bg);
-}
-.has-error {
-  .form-control-validation(@state-danger-text; @state-danger-text; @state-danger-bg);
-}
-
-// Reposition feedback icon if input has visible label above
-.has-feedback label {
-
-  & ~ .form-control-feedback {
-     top: (@line-height-computed + 5); // Height of the `label` and its margin
-  }
-  &.sr-only ~ .form-control-feedback {
-     top: 0;
-  }
-}
-
-
-// Help text
-//
-// Apply to any element you wish to create light text for placement immediately
-// below a form control. Use for general help, formatting, or instructional text.
-
-.help-block {
-  display: block; // account for any element using help-block
-  margin-top: 5px;
-  margin-bottom: 10px;
-  color: lighten(@text-color, 25%); // lighten the text some for contrast
-}
-
-
-// Inline forms
-//
-// Make forms appear inline(-block) by adding the `.form-inline` class. Inline
-// forms begin stacked on extra small (mobile) devices and then go inline when
-// viewports reach <768px.
-//
-// Requires wrapping inputs and labels with `.form-group` for proper display of
-// default HTML form controls and our custom form controls (e.g., input groups).
-//
-// Heads up! This is mixin-ed into `.navbar-form` in navbars.less.
-
-.form-inline {
-
-  // Kick in the inline
-  @media (min-width: @screen-sm-min) {
-    // Inline-block all the things for "inline"
-    .form-group {
-      display: inline-block;
-      margin-bottom: 0;
-      vertical-align: middle;
-    }
-
-    // In navbar-form, allow folks to *not* use `.form-group`
-    .form-control {
-      display: inline-block;
-      width: auto; // Prevent labels from stacking above inputs in `.form-group`
-      vertical-align: middle;
-    }
-
-    // Make static controls behave like regular ones
-    .form-control-static {
-      display: inline-block;
-    }
-
-    .input-group {
-      display: inline-table;
-      vertical-align: middle;
-
-      .input-group-addon,
-      .input-group-btn,
-      .form-control {
-        width: auto;
-      }
-    }
-
-    // Input groups need that 100% width though
-    .input-group > .form-control {
-      width: 100%;
-    }
-
-    .control-label {
-      margin-bottom: 0;
-      vertical-align: middle;
-    }
-
-    // Remove default margin on radios/checkboxes that were used for stacking, and
-    // then undo the floating of radios and checkboxes to match (which also avoids
-    // a bug in WebKit: https://github.com/twbs/bootstrap/issues/1969).
-    .radio,
-    .checkbox {
-      display: inline-block;
-      margin-top: 0;
-      margin-bottom: 0;
-      vertical-align: middle;
-
-      label {
-        padding-left: 0;
-      }
-    }
-    .radio input[type="radio"],
-    .checkbox input[type="checkbox"] {
-      position: relative;
-      margin-left: 0;
-    }
-
-    // Re-override the feedback icon.
-    .has-feedback .form-control-feedback {
-      top: 0;
-    }
-  }
-}
-
-
-// Horizontal forms
-//
-// Horizontal forms are built on grid classes and allow you to create forms with
-// labels on the left and inputs on the right.
-
-.form-horizontal {
-
-  // Consistent vertical alignment of radios and checkboxes
-  //
-  // Labels also get some reset styles, but that is scoped to a media query below.
-  .radio,
-  .checkbox,
-  .radio-inline,
-  .checkbox-inline {
-    margin-top: 0;
-    margin-bottom: 0;
-    padding-top: (@padding-base-vertical + 1); // Default padding plus a border
-  }
-  // Account for padding we're adding to ensure the alignment and of help text
-  // and other content below items
-  .radio,
-  .checkbox {
-    min-height: (@line-height-computed + (@padding-base-vertical + 1));
-  }
-
-  // Make form groups behave like rows
-  .form-group {
-    .make-row();
-  }
-
-  // Reset spacing and right align labels, but scope to media queries so that
-  // labels on narrow viewports stack the same as a default form example.
-  @media (min-width: @screen-sm-min) {
-    .control-label {
-      text-align: right;
-      margin-bottom: 0;
-      padding-top: (@padding-base-vertical + 1); // Default padding plus a border
-    }
-  }
-
-  // Validation states
-  //
-  // Reposition the icon because it's now within a grid column and columns have
-  // `position: relative;` on them. Also accounts for the grid gutter padding.
-  .has-feedback .form-control-feedback {
-    right: (@grid-gutter-width / 2);
-  }
-
-  // Form group sizes
-  //
-  // Quick utility class for applying `.input-lg` and `.input-sm` styles to the
-  // inputs and labels within a `.form-group`.
-  .form-group-lg {
-    @media (min-width: @screen-sm-min) {
-      .control-label {
-        padding-top: ((@padding-large-vertical * @line-height-large) + 1);
-      }
-    }
-  }
-  .form-group-sm {
-    @media (min-width: @screen-sm-min) {
-      .control-label {
-        padding-top: (@padding-small-vertical + 1);
-      }
-    }
-  }
-}
diff --git a/old-client/client/less/lib/bootstrap/glyphicons.less b/old-client/client/less/lib/bootstrap/glyphicons.less
deleted file mode 100755
index 6eab7f7c20..0000000000
--- a/old-client/client/less/lib/bootstrap/glyphicons.less
+++ /dev/null
@@ -1,234 +0,0 @@
-//
-// Glyphicons for Bootstrap
-//
-// Since icons are fonts, they can be placed anywhere text is placed and are
-// thus automatically sized to match the surrounding child. To use, create an
-// inline element with the appropriate classes, like so:
-//
-// <a href="#"><span class="glyphicon glyphicon-star"></span> Star</a>
-
-// Import the fonts
-@font-face {
-  font-family: 'Glyphicons Halflings';
-  src: url('@{icon-font-path}@{icon-font-name}.eot');
-  src: url('@{icon-font-path}@{icon-font-name}.eot?#iefix') format('embedded-opentype'),
-       url('@{icon-font-path}@{icon-font-name}.woff') format('woff'),
-       url('@{icon-font-path}@{icon-font-name}.ttf') format('truetype'),
-       url('@{icon-font-path}@{icon-font-name}.svg#@{icon-font-svg-id}') format('svg');
-}
-
-// Catchall baseclass
-.glyphicon {
-  position: relative;
-  top: 1px;
-  display: inline-block;
-  font-family: 'Glyphicons Halflings';
-  font-style: normal;
-  font-weight: normal;
-  line-height: 1;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-// Individual icons
-.glyphicon-asterisk               { &:before { content: "\2a"; } }
-.glyphicon-plus                   { &:before { content: "\2b"; } }
-.glyphicon-euro,
-.glyphicon-eur                    { &:before { content: "\20ac"; } }
-.glyphicon-minus                  { &:before { content: "\2212"; } }
-.glyphicon-cloud                  { &:before { content: "\2601"; } }
-.glyphicon-envelope               { &:before { content: "\2709"; } }
-.glyphicon-pencil                 { &:before { content: "\270f"; } }
-.glyphicon-glass                  { &:before { content: "\e001"; } }
-.glyphicon-music                  { &:before { content: "\e002"; } }
-.glyphicon-search                 { &:before { content: "\e003"; } }
-.glyphicon-heart                  { &:before { content: "\e005"; } }
-.glyphicon-star                   { &:before { content: "\e006"; } }
-.glyphicon-star-empty             { &:before { content: "\e007"; } }
-.glyphicon-user                   { &:before { content: "\e008"; } }
-.glyphicon-film                   { &:before { content: "\e009"; } }
-.glyphicon-th-large               { &:before { content: "\e010"; } }
-.glyphicon-th                     { &:before { content: "\e011"; } }
-.glyphicon-th-list                { &:before { content: "\e012"; } }
-.glyphicon-ok                     { &:before { content: "\e013"; } }
-.glyphicon-remove                 { &:before { content: "\e014"; } }
-.glyphicon-zoom-in                { &:before { content: "\e015"; } }
-.glyphicon-zoom-out               { &:before { content: "\e016"; } }
-.glyphicon-off                    { &:before { content: "\e017"; } }
-.glyphicon-signal                 { &:before { content: "\e018"; } }
-.glyphicon-cog                    { &:before { content: "\e019"; } }
-.glyphicon-trash                  { &:before { content: "\e020"; } }
-.glyphicon-home                   { &:before { content: "\e021"; } }
-.glyphicon-file                   { &:before { content: "\e022"; } }
-.glyphicon-time                   { &:before { content: "\e023"; } }
-.glyphicon-road                   { &:before { content: "\e024"; } }
-.glyphicon-download-alt           { &:before { content: "\e025"; } }
-.glyphicon-download               { &:before { content: "\e026"; } }
-.glyphicon-upload                 { &:before { content: "\e027"; } }
-.glyphicon-inbox                  { &:before { content: "\e028"; } }
-.glyphicon-play-circle            { &:before { content: "\e029"; } }
-.glyphicon-repeat                 { &:before { content: "\e030"; } }
-.glyphicon-refresh                { &:before { content: "\e031"; } }
-.glyphicon-list-alt               { &:before { content: "\e032"; } }
-.glyphicon-lock                   { &:before { content: "\e033"; } }
-.glyphicon-flag                   { &:before { content: "\e034"; } }
-.glyphicon-headphones             { &:before { content: "\e035"; } }
-.glyphicon-volume-off             { &:before { content: "\e036"; } }
-.glyphicon-volume-down            { &:before { content: "\e037"; } }
-.glyphicon-volume-up              { &:before { content: "\e038"; } }
-.glyphicon-qrcode                 { &:before { content: "\e039"; } }
-.glyphicon-barcode                { &:before { content: "\e040"; } }
-.glyphicon-tag                    { &:before { content: "\e041"; } }
-.glyphicon-tags                   { &:before { content: "\e042"; } }
-.glyphicon-book                   { &:before { content: "\e043"; } }
-.glyphicon-bookmark               { &:before { content: "\e044"; } }
-.glyphicon-print                  { &:before { content: "\e045"; } }
-.glyphicon-camera                 { &:before { content: "\e046"; } }
-.glyphicon-font                   { &:before { content: "\e047"; } }
-.glyphicon-bold                   { &:before { content: "\e048"; } }
-.glyphicon-italic                 { &:before { content: "\e049"; } }
-.glyphicon-text-height            { &:before { content: "\e050"; } }
-.glyphicon-text-width             { &:before { content: "\e051"; } }
-.glyphicon-align-left             { &:before { content: "\e052"; } }
-.glyphicon-align-center           { &:before { content: "\e053"; } }
-.glyphicon-align-right            { &:before { content: "\e054"; } }
-.glyphicon-align-justify          { &:before { content: "\e055"; } }
-.glyphicon-list                   { &:before { content: "\e056"; } }
-.glyphicon-indent-left            { &:before { content: "\e057"; } }
-.glyphicon-indent-right           { &:before { content: "\e058"; } }
-.glyphicon-facetime-video         { &:before { content: "\e059"; } }
-.glyphicon-picture                { &:before { content: "\e060"; } }
-.glyphicon-map-marker             { &:before { content: "\e062"; } }
-.glyphicon-adjust                 { &:before { content: "\e063"; } }
-.glyphicon-tint                   { &:before { content: "\e064"; } }
-.glyphicon-edit                   { &:before { content: "\e065"; } }
-.glyphicon-share                  { &:before { content: "\e066"; } }
-.glyphicon-check                  { &:before { content: "\e067"; } }
-.glyphicon-move                   { &:before { content: "\e068"; } }
-.glyphicon-step-backward          { &:before { content: "\e069"; } }
-.glyphicon-fast-backward          { &:before { content: "\e070"; } }
-.glyphicon-backward               { &:before { content: "\e071"; } }
-.glyphicon-play                   { &:before { content: "\e072"; } }
-.glyphicon-pause                  { &:before { content: "\e073"; } }
-.glyphicon-stop                   { &:before { content: "\e074"; } }
-.glyphicon-forward                { &:before { content: "\e075"; } }
-.glyphicon-fast-forward           { &:before { content: "\e076"; } }
-.glyphicon-step-forward           { &:before { content: "\e077"; } }
-.glyphicon-eject                  { &:before { content: "\e078"; } }
-.glyphicon-chevron-left           { &:before { content: "\e079"; } }
-.glyphicon-chevron-right          { &:before { content: "\e080"; } }
-.glyphicon-plus-sign              { &:before { content: "\e081"; } }
-.glyphicon-minus-sign             { &:before { content: "\e082"; } }
-.glyphicon-remove-sign            { &:before { content: "\e083"; } }
-.glyphicon-ok-sign                { &:before { content: "\e084"; } }
-.glyphicon-question-sign          { &:before { content: "\e085"; } }
-.glyphicon-info-sign              { &:before { content: "\e086"; } }
-.glyphicon-screenshot             { &:before { content: "\e087"; } }
-.glyphicon-remove-circle          { &:before { content: "\e088"; } }
-.glyphicon-ok-circle              { &:before { content: "\e089"; } }
-.glyphicon-ban-circle             { &:before { content: "\e090"; } }
-.glyphicon-arrow-left             { &:before { content: "\e091"; } }
-.glyphicon-arrow-right            { &:before { content: "\e092"; } }
-.glyphicon-arrow-up               { &:before { content: "\e093"; } }
-.glyphicon-arrow-down             { &:before { content: "\e094"; } }
-.glyphicon-share-alt              { &:before { content: "\e095"; } }
-.glyphicon-resize-full            { &:before { content: "\e096"; } }
-.glyphicon-resize-small           { &:before { content: "\e097"; } }
-.glyphicon-exclamation-sign       { &:before { content: "\e101"; } }
-.glyphicon-gift                   { &:before { content: "\e102"; } }
-.glyphicon-leaf                   { &:before { content: "\e103"; } }
-.glyphicon-fire                   { &:before { content: "\e104"; } }
-.glyphicon-eye-open               { &:before { content: "\e105"; } }
-.glyphicon-eye-close              { &:before { content: "\e106"; } }
-.glyphicon-warning-sign           { &:before { content: "\e107"; } }
-.glyphicon-plane                  { &:before { content: "\e108"; } }
-.glyphicon-calendar               { &:before { content: "\e109"; } }
-.glyphicon-random                 { &:before { content: "\e110"; } }
-.glyphicon-comment                { &:before { content: "\e111"; } }
-.glyphicon-magnet                 { &:before { content: "\e112"; } }
-.glyphicon-chevron-up             { &:before { content: "\e113"; } }
-.glyphicon-chevron-down           { &:before { content: "\e114"; } }
-.glyphicon-retweet                { &:before { content: "\e115"; } }
-.glyphicon-shopping-cart          { &:before { content: "\e116"; } }
-.glyphicon-folder-close           { &:before { content: "\e117"; } }
-.glyphicon-folder-open            { &:before { content: "\e118"; } }
-.glyphicon-resize-vertical        { &:before { content: "\e119"; } }
-.glyphicon-resize-horizontal      { &:before { content: "\e120"; } }
-.glyphicon-hdd                    { &:before { content: "\e121"; } }
-.glyphicon-bullhorn               { &:before { content: "\e122"; } }
-.glyphicon-bell                   { &:before { content: "\e123"; } }
-.glyphicon-certificate            { &:before { content: "\e124"; } }
-.glyphicon-thumbs-up              { &:before { content: "\e125"; } }
-.glyphicon-thumbs-down            { &:before { content: "\e126"; } }
-.glyphicon-hand-right             { &:before { content: "\e127"; } }
-.glyphicon-hand-left              { &:before { content: "\e128"; } }
-.glyphicon-hand-up                { &:before { content: "\e129"; } }
-.glyphicon-hand-down              { &:before { content: "\e130"; } }
-.glyphicon-circle-arrow-right     { &:before { content: "\e131"; } }
-.glyphicon-circle-arrow-left      { &:before { content: "\e132"; } }
-.glyphicon-circle-arrow-up        { &:before { content: "\e133"; } }
-.glyphicon-circle-arrow-down      { &:before { content: "\e134"; } }
-.glyphicon-globe                  { &:before { content: "\e135"; } }
-.glyphicon-wrench                 { &:before { content: "\e136"; } }
-.glyphicon-tasks                  { &:before { content: "\e137"; } }
-.glyphicon-filter                 { &:before { content: "\e138"; } }
-.glyphicon-briefcase              { &:before { content: "\e139"; } }
-.glyphicon-fullscreen             { &:before { content: "\e140"; } }
-.glyphicon-dashboard              { &:before { content: "\e141"; } }
-.glyphicon-paperclip              { &:before { content: "\e142"; } }
-.glyphicon-heart-empty            { &:before { content: "\e143"; } }
-.glyphicon-link                   { &:before { content: "\e144"; } }
-.glyphicon-phone                  { &:before { content: "\e145"; } }
-.glyphicon-pushpin                { &:before { content: "\e146"; } }
-.glyphicon-usd                    { &:before { content: "\e148"; } }
-.glyphicon-gbp                    { &:before { content: "\e149"; } }
-.glyphicon-sort                   { &:before { content: "\e150"; } }
-.glyphicon-sort-by-alphabet       { &:before { content: "\e151"; } }
-.glyphicon-sort-by-alphabet-alt   { &:before { content: "\e152"; } }
-.glyphicon-sort-by-order          { &:before { content: "\e153"; } }
-.glyphicon-sort-by-order-alt      { &:before { content: "\e154"; } }
-.glyphicon-sort-by-attributes     { &:before { content: "\e155"; } }
-.glyphicon-sort-by-attributes-alt { &:before { content: "\e156"; } }
-.glyphicon-unchecked              { &:before { content: "\e157"; } }
-.glyphicon-expand                 { &:before { content: "\e158"; } }
-.glyphicon-collapse-down          { &:before { content: "\e159"; } }
-.glyphicon-collapse-up            { &:before { content: "\e160"; } }
-.glyphicon-log-in                 { &:before { content: "\e161"; } }
-.glyphicon-flash                  { &:before { content: "\e162"; } }
-.glyphicon-log-out                { &:before { content: "\e163"; } }
-.glyphicon-new-window             { &:before { content: "\e164"; } }
-.glyphicon-record                 { &:before { content: "\e165"; } }
-.glyphicon-save                   { &:before { content: "\e166"; } }
-.glyphicon-open                   { &:before { content: "\e167"; } }
-.glyphicon-saved                  { &:before { content: "\e168"; } }
-.glyphicon-import                 { &:before { content: "\e169"; } }
-.glyphicon-export                 { &:before { content: "\e170"; } }
-.glyphicon-send                   { &:before { content: "\e171"; } }
-.glyphicon-floppy-disk            { &:before { content: "\e172"; } }
-.glyphicon-floppy-saved           { &:before { content: "\e173"; } }
-.glyphicon-floppy-remove          { &:before { content: "\e174"; } }
-.glyphicon-floppy-save            { &:before { content: "\e175"; } }
-.glyphicon-floppy-open            { &:before { content: "\e176"; } }
-.glyphicon-credit-card            { &:before { content: "\e177"; } }
-.glyphicon-transfer               { &:before { content: "\e178"; } }
-.glyphicon-cutlery                { &:before { content: "\e179"; } }
-.glyphicon-header                 { &:before { content: "\e180"; } }
-.glyphicon-compressed             { &:before { content: "\e181"; } }
-.glyphicon-earphone               { &:before { content: "\e182"; } }
-.glyphicon-phone-alt              { &:before { content: "\e183"; } }
-.glyphicon-tower                  { &:before { content: "\e184"; } }
-.glyphicon-stats                  { &:before { content: "\e185"; } }
-.glyphicon-sd-video               { &:before { content: "\e186"; } }
-.glyphicon-hd-video               { &:before { content: "\e187"; } }
-.glyphicon-subtitles              { &:before { content: "\e188"; } }
-.glyphicon-sound-stereo           { &:before { content: "\e189"; } }
-.glyphicon-sound-dolby            { &:before { content: "\e190"; } }
-.glyphicon-sound-5-1              { &:before { content: "\e191"; } }
-.glyphicon-sound-6-1              { &:before { content: "\e192"; } }
-.glyphicon-sound-7-1              { &:before { content: "\e193"; } }
-.glyphicon-copyright-mark         { &:before { content: "\e194"; } }
-.glyphicon-registration-mark      { &:before { content: "\e195"; } }
-.glyphicon-cloud-download         { &:before { content: "\e197"; } }
-.glyphicon-cloud-upload           { &:before { content: "\e198"; } }
-.glyphicon-tree-conifer           { &:before { content: "\e199"; } }
-.glyphicon-tree-deciduous         { &:before { content: "\e200"; } }
diff --git a/old-client/client/less/lib/bootstrap/grid.less b/old-client/client/less/lib/bootstrap/grid.less
deleted file mode 100755
index e100655b70..0000000000
--- a/old-client/client/less/lib/bootstrap/grid.less
+++ /dev/null
@@ -1,84 +0,0 @@
-//
-// Grid system
-// --------------------------------------------------
-
-
-// Container widths
-//
-// Set the container width, and override it for fixed navbars in media queries.
-
-.container {
-  .container-fixed();
-
-  @media (min-width: @screen-sm-min) {
-    width: @container-sm;
-  }
-  @media (min-width: @screen-md-min) {
-    width: @container-md;
-  }
-  @media (min-width: @screen-lg-min) {
-    width: @container-lg;
-  }
-}
-
-
-// Fluid container
-//
-// Utilizes the mixin meant for fixed width containers, but without any defined
-// width for fluid, full width layouts.
-
-.container-fluid {
-  .container-fixed();
-}
-
-
-// Row
-//
-// Rows contain and clear the floats of your columns.
-
-.row {
-  .make-row();
-}
-
-
-// Columns
-//
-// Common styles for small and large grid columns
-
-.make-grid-columns();
-
-
-// Extra small grid
-//
-// Columns, offsets, pushes, and pulls for extra small devices like
-// smartphones.
-
-.make-grid(xs);
-
-
-// Small grid
-//
-// Columns, offsets, pushes, and pulls for the small device range, from phones
-// to tablets.
-
-@media (min-width: @screen-sm-min) {
-  .make-grid(sm);
-}
-
-
-// Medium grid
-//
-// Columns, offsets, pushes, and pulls for the desktop device range.
-
-@media (min-width: @screen-md-min) {
-  .make-grid(md);
-}
-
-
-// Large grid
-//
-// Columns, offsets, pushes, and pulls for the large desktop device range.
-
-@media (min-width: @screen-lg-min) {
-  .make-grid(lg);
-}
diff --git a/old-client/client/less/lib/bootstrap/input-groups.less b/old-client/client/less/lib/bootstrap/input-groups.less
deleted file mode 100755
index 3568b9469e..0000000000
--- a/old-client/client/less/lib/bootstrap/input-groups.less
+++ /dev/null
@@ -1,166 +0,0 @@
-//
-// Input groups
-// --------------------------------------------------
-
-// Base styles
-// -------------------------
-.input-group {
-  position: relative; // For dropdowns
-  display: table;
-  border-collapse: separate; // prevent input groups from inheriting border styles from table cells when placed within a table
-
-  // Undo padding and float of grid classes
-  &[class*="col-"] {
-    float: none;
-    padding-left: 0;
-    padding-right: 0;
-  }
-
-  .form-control {
-    // Ensure that the input is always above the *appended* addon button for
-    // proper border colors.
-    position: relative;
-    z-index: 2;
-
-    // IE9 fubars the placeholder attribute in text inputs and the arrows on
-    // select elements in input groups. To fix it, we float the input. Details:
-    // https://github.com/twbs/bootstrap/issues/11561#issuecomment-28936855
-    float: left;
-
-    width: 100%;
-    margin-bottom: 0;
-  }
-}
-
-// Sizing options
-//
-// Remix the default form control sizing classes into new ones for easier
-// manipulation.
-
-.input-group-lg > .form-control,
-.input-group-lg > .input-group-addon,
-.input-group-lg > .input-group-btn > .btn {
-  .input-lg();
-}
-.input-group-sm > .form-control,
-.input-group-sm > .input-group-addon,
-.input-group-sm > .input-group-btn > .btn {
-  .input-sm();
-}
-
-
-// Display as table-cell
-// -------------------------
-.input-group-addon,
-.input-group-btn,
-.input-group .form-control {
-  display: table-cell;
-
-  &:not(:first-child):not(:last-child) {
-    border-radius: 0;
-  }
-}
-// Addon and addon wrapper for buttons
-.input-group-addon,
-.input-group-btn {
-  min-width: 1%;
-  white-space: nowrap;
-  vertical-align: middle; // Match the inputs
-}
-
-// Text input groups
-// -------------------------
-.input-group-addon {
-  padding: @padding-base-vertical @padding-base-horizontal;
-  font-size: @font-size-base;
-  font-weight: normal;
-  line-height: 1;
-  color: @input-color;
-  text-align: center;
-  background-color: @input-group-addon-bg;
-  border: 1px solid @input-group-addon-border-color;
-  border-radius: @border-radius-base;
-
-  // Sizing
-  &.input-sm {
-    padding: @padding-small-vertical @padding-small-horizontal;
-    font-size: @font-size-small;
-    border-radius: @border-radius-small;
-  }
-  &.input-lg {
-    padding: @padding-large-vertical @padding-large-horizontal;
-    font-size: @font-size-large;
-    border-radius: @border-radius-large;
-  }
-
-  // Nuke default margins from checkboxes and radios to vertically center within.
-  input[type="radio"],
-  input[type="checkbox"] {
-    margin-top: 0;
-  }
-}
-
-// Reset rounded corners
-.input-group .form-control:first-child,
-.input-group-addon:first-child,
-.input-group-btn:first-child > .btn,
-.input-group-btn:first-child > .btn-group > .btn,
-.input-group-btn:first-child > .dropdown-toggle,
-.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
-.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
-  .border-right-radius(0);
-}
-.input-group-addon:first-child {
-  border-right: 0;
-}
-.input-group .form-control:last-child,
-.input-group-addon:last-child,
-.input-group-btn:last-child > .btn,
-.input-group-btn:last-child > .btn-group > .btn,
-.input-group-btn:last-child > .dropdown-toggle,
-.input-group-btn:first-child > .btn:not(:first-child),
-.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
-  .border-left-radius(0);
-}
-.input-group-addon:last-child {
-  border-left: 0;
-}
-
-// Button input groups
-// -------------------------
-.input-group-btn {
-  position: relative;
-  // Jankily prevent input button groups from wrapping with `white-space` and
-  // `font-size` in combination with `inline-block` on buttons.
-  font-size: 0;
-  white-space: nowrap;
-
-  // Negative margin for spacing, position for bringing hovered/focused/actived
-  // element above the siblings.
-  > .btn {
-    position: relative;
-    + .btn {
-      margin-left: -1px;
-    }
-    // Bring the "active" button to the front
-    &:hover,
-    &:focus,
-    &:active {
-      z-index: 2;
-    }
-  }
-
-  // Negative margin to only have a 1px border between the two
-  &:first-child {
-    > .btn,
-    > .btn-group {
-      margin-right: -1px;
-    }
-  }
-  &:last-child {
-    > .btn,
-    > .btn-group {
-      margin-left: -1px;
-    }
-  }
-}
diff --git a/old-client/client/less/lib/bootstrap/jumbotron.less b/old-client/client/less/lib/bootstrap/jumbotron.less
deleted file mode 100755
index 9d1e29028f..0000000000
--- a/old-client/client/less/lib/bootstrap/jumbotron.less
+++ /dev/null
@@ -1,48 +0,0 @@
-//
-// Jumbotron
-// --------------------------------------------------
-
-
-.jumbotron {
-  padding: @jumbotron-padding (@jumbotron-padding / 2);
-  margin-bottom: @jumbotron-padding;
-  color: @jumbotron-color;
-  background-color: @jumbotron-bg;
-
-  h1,
-  .h1 {
-    color: @jumbotron-heading-color;
-  }
-  p {
-    margin-bottom: (@jumbotron-padding / 2);
-    font-size: @jumbotron-font-size;
-    font-weight: 200;
-  }
-
-  > hr {
-    border-top-color: darken(@jumbotron-bg, 10%);
-  }
-
-  .container &,
-  .container-fluid & {
-    border-radius: @border-radius-large; // Only round corners at higher resolutions if contained in a container
-  }
-
-  .container {
-    max-width: 100%;
-  }
-
-  @media screen and (min-width: @screen-sm-min) {
-    padding: (@jumbotron-padding * 1.6) 0;
-
-    .container & {
-      padding-left:  (@jumbotron-padding * 2);
-      padding-right: (@jumbotron-padding * 2);
-    }
-
-    h1,
-    .h1 {
-      font-size: (@font-size-base * 4.5);
-    }
-  }
-}
diff --git a/old-client/client/less/lib/bootstrap/labels.less b/old-client/client/less/lib/bootstrap/labels.less
deleted file mode 100755
index 9a5a27006a..0000000000
--- a/old-client/client/less/lib/bootstrap/labels.less
+++ /dev/null
@@ -1,64 +0,0 @@
-//
-// Labels
-// --------------------------------------------------
-
-.label {
-  display: inline;
-  padding: .2em .6em .3em;
-  font-size: 75%;
-  font-weight: bold;
-  line-height: 1;
-  color: @label-color;
-  text-align: center;
-  white-space: nowrap;
-  vertical-align: baseline;
-  border-radius: .25em;
-
-  // Add hover effects, but only for links
-  a& {
-    &:hover,
-    &:focus {
-      color: @label-link-hover-color;
-      text-decoration: none;
-      cursor: pointer;
-    }
-  }
-
-  // Empty labels collapse automatically (not available in IE8)
-  &:empty {
-    display: none;
-  }
-
-  // Quick fix for labels in buttons
-  .btn & {
-    position: relative;
-    top: -1px;
-  }
-}
-
-// Colors
-// Contextual variations (linked labels get darker on :hover)
-
-.label-default {
-  .label-variant(@label-default-bg);
-}
-
-.label-primary {
-  .label-variant(@label-primary-bg);
-}
-
-.label-success {
-  .label-variant(@label-success-bg);
-}
-
-.label-info {
-  .label-variant(@label-info-bg);
-}
-
-.label-warning {
-  .label-variant(@label-warning-bg);
-}
-
-.label-danger {
-  .label-variant(@label-danger-bg);
-}
diff --git a/old-client/client/less/lib/bootstrap/list-group.less b/old-client/client/less/lib/bootstrap/list-group.less
deleted file mode 100755
index da657005e9..0000000000
--- a/old-client/client/less/lib/bootstrap/list-group.less
+++ /dev/null
@@ -1,132 +0,0 @@
-//
-// List groups
-// --------------------------------------------------
-
-
-// Base class
-//
-// Easily usable on <ul>, <ol>, or <div>.
-
-.list-group {
-  // No need to set list-style: none; since .list-group-item is block level
-  margin-bottom: 20px;
-  padding-left: 0; // reset padding because ul and ol
-}
-
-
-// Individual list items
-//
-// Use on `li`s or `div`s within the `.list-group` parent.
-
-.list-group-item {
-  position: relative;
-  display: block;
-  padding: 10px 15px;
-  // Place the border on the list items and negative margin up for better styling
-  margin-bottom: -1px;
-  background-color: @list-group-bg;
-  border: 1px solid @list-group-border;
-
-  // Round the first and last items
-  &:first-child {
-    .border-top-radius(@list-group-border-radius);
-  }
-  &:last-child {
-    margin-bottom: 0;
-    .border-bottom-radius(@list-group-border-radius);
-  }
-
-  // Align badges within list items
-  > .badge {
-    float: right;
-  }
-  > .badge + .badge {
-    margin-right: 5px;
-  }
-}
-
-
-// Linked list items
-//
-// Use anchor elements instead of `li`s or `div`s to create linked list items.
-// Includes an extra `.active` modifier class for showing selected items.
-
-a.list-group-item {
-  color: @list-group-link-color;
-
-  .list-group-item-heading {
-    color: @list-group-link-heading-color;
-  }
-
-  // Hover state
-  &:hover,
-  &:focus {
-    text-decoration: none;
-    color: @list-group-link-hover-color;
-    background-color: @list-group-hover-bg;
-  }
-}
-
-.list-group-item {
-  // Disabled state
-  &.disabled,
-  &.disabled:hover,
-  &.disabled:focus {
-    background-color: @list-group-disabled-bg;
-    color: @list-group-disabled-color;
-    cursor: @cursor-disabled;
-
-    // Force color to inherit for custom content
-    .list-group-item-heading {
-      color: inherit;
-    }
-    .list-group-item-text {
-      color: @list-group-disabled-text-color;
-    }
-  }
-
-  // Active class on item itself, not parent
-  &.active,
-  &.active:hover,
-  &.active:focus {
-    z-index: 2; // Place active items above their siblings for proper border styling
-    color: @list-group-active-color;
-    background-color: @list-group-active-bg;
-    border-color: @list-group-active-border;
-
-    // Force color to inherit for custom content
-    .list-group-item-heading,
-    .list-group-item-heading > small,
-    .list-group-item-heading > .small {
-      color: inherit;
-    }
-    .list-group-item-text {
-      color: @list-group-active-text-color;
-    }
-  }
-}
-
-
-// Contextual variants
-//
-// Add modifier classes to change text and background color on individual items.
-// Organizationally, this must come after the `:hover` states.
-
-.list-group-item-variant(success; @state-success-bg; @state-success-text);
-.list-group-item-variant(info; @state-info-bg; @state-info-text);
-.list-group-item-variant(warning; @state-warning-bg; @state-warning-text);
-.list-group-item-variant(danger; @state-danger-bg; @state-danger-text);
-
-
-// Custom content options
-//
-// Extra classes for creating well-formatted content within `.list-group-item`s.
-
-.list-group-item-heading {
-  margin-top: 0;
-  margin-bottom: 5px;
-}
-.list-group-item-text {
-  margin-bottom: 0;
-  line-height: 1.3;
-}
diff --git a/old-client/client/less/lib/bootstrap/media.less b/old-client/client/less/lib/bootstrap/media.less
deleted file mode 100755
index 292e98dbd7..0000000000
--- a/old-client/client/less/lib/bootstrap/media.less
+++ /dev/null
@@ -1,47 +0,0 @@
-.media {
-  // Proper spacing between instances of .media
-  margin-top: 15px;
-
-  &:first-child {
-    margin-top: 0;
-  }
-}
-
-.media-right,
-.media > .pull-right {
-  padding-left: 10px;
-}
-
-.media-left,
-.media > .pull-left {
-  padding-right: 10px;
-}
-
-.media-left,
-.media-right,
-.media-body {
-  display: table-cell;
-  vertical-align: top;
-}
-
-.media-middle {
-  vertical-align: middle;
-}
-
-.media-bottom {
-  vertical-align: bottom;
-}
-
-// Reset margins on headings for tighter default spacing
-.media-heading {
-  margin-top: 0;
-  margin-bottom: 5px;
-}
-
-// Media list variation
-//
-// Undo default ul/ol styles
-.media-list {
-  padding-left: 0;
-  list-style: none;
-}
diff --git a/old-client/client/less/lib/bootstrap/mixins.less b/old-client/client/less/lib/bootstrap/mixins.less
deleted file mode 100755
index af4408fc2d..0000000000
--- a/old-client/client/less/lib/bootstrap/mixins.less
+++ /dev/null
@@ -1,39 +0,0 @@
-// Mixins
-// --------------------------------------------------
-
-// Utilities
-@import "mixins/hide-text.less";
-@import "mixins/opacity.less";
-@import "mixins/image.less";
-@import "mixins/labels.less";
-@import "mixins/reset-filter.less";
-@import "mixins/resize.less";
-@import "mixins/responsive-visibility.less";
-@import "mixins/size.less";
-@import "mixins/tab-focus.less";
-@import "mixins/text-emphasis.less";
-@import "mixins/text-overflow.less";
-@import "mixins/vendor-prefixes.less";
-
-// Components
-@import "mixins/alerts.less";
-@import "mixins/buttons.less";
-@import "mixins/panels.less";
-@import "mixins/pagination.less";
-@import "mixins/list-group.less";
-@import "mixins/nav-divider.less";
-@import "mixins/forms.less";
-@import "mixins/progress-bar.less";
-@import "mixins/table-row.less";
-
-// Skins
-@import "mixins/background-variant.less";
-@import "mixins/border-radius.less";
-@import "mixins/gradients.less";
-
-// Layout
-@import "mixins/clearfix.less";
-@import "mixins/center-block.less";
-@import "mixins/nav-vertical-align.less";
-@import "mixins/grid-framework.less";
-@import "mixins/grid.less";
diff --git a/old-client/client/less/lib/bootstrap/mixins/alerts.less b/old-client/client/less/lib/bootstrap/mixins/alerts.less
deleted file mode 100755
index 396196f438..0000000000
--- a/old-client/client/less/lib/bootstrap/mixins/alerts.less
+++ /dev/null
@@ -1,14 +0,0 @@
-// Alerts
-
-.alert-variant(@background; @border; @text-color) {
-  background-color: @background;
-  border-color: @border;
-  color: @text-color;
-
-  hr {
-    border-top-color: darken(@border, 5%);
-  }
-  .alert-link {
-    color: darken(@text-color, 10%);
-  }
-}
diff --git a/old-client/client/less/lib/bootstrap/mixins/background-variant.less b/old-client/client/less/lib/bootstrap/mixins/background-variant.less
deleted file mode 100755
index 556e490d45..0000000000
--- a/old-client/client/less/lib/bootstrap/mixins/background-variant.less
+++ /dev/null
@@ -1,8 +0,0 @@
-// Contextual backgrounds
-
-.bg-variant(@color) {
-  background-color: @color;
-  a&:hover {
-    background-color: darken(@color, 10%);
-  }
-}
diff --git a/old-client/client/less/lib/bootstrap/mixins/border-radius.less b/old-client/client/less/lib/bootstrap/mixins/border-radius.less
deleted file mode 100755
index ca05dbf457..0000000000
--- a/old-client/client/less/lib/bootstrap/mixins/border-radius.less
+++ /dev/null
@@ -1,18 +0,0 @@
-// Single side border-radius
-
-.border-top-radius(@radius) {
-  border-top-right-radius: @radius;
-   border-top-left-radius: @radius;
-}
-.border-right-radius(@radius) {
-  border-bottom-right-radius: @radius;
-     border-top-right-radius: @radius;
-}
-.border-bottom-radius(@radius) {
-  border-bottom-right-radius: @radius;
-   border-bottom-left-radius: @radius;
-}
-.border-left-radius(@radius) {
-  border-bottom-left-radius: @radius;
-     border-top-left-radius: @radius;
-}
diff --git a/old-client/client/less/lib/bootstrap/mixins/buttons.less b/old-client/client/less/lib/bootstrap/mixins/buttons.less
deleted file mode 100755
index 9714cc206b..0000000000
--- a/old-client/client/less/lib/bootstrap/mixins/buttons.less
+++ /dev/null
@@ -1,52 +0,0 @@
-// Button variants
-//
-// Easily pump out default styles, as well as :hover, :focus, :active,
-// and disabled options for all buttons
-
-.button-variant(@color; @background; @border) {
-  color: @color;
-  background-color: @background;
-  border-color: @border;
-
-  &:hover,
-  &:focus,
-  &.focus,
-  &:active,
-  &.active,
-  .open > .dropdown-toggle& {
-    color: @gray-lighter;
-    background-color: @background;
-        border-color: darken(@border, 12%);
-  }
-  &:active,
-  &.active,
-  .open > .dropdown-toggle& {
-    background-image: none;
-  }
-  &.disabled,
-  &[disabled],
-  fieldset[disabled] & {
-    &,
-    &:hover,
-    &:focus,
-    &.focus,
-    &:active,
-    &.active {
-      background-color: @background;
-          border-color: @border;
-    }
-  }
-
-  .badge {
-    color: @background;
-    background-color: @color;
-  }
-}
-
-// Button sizes
-.button-size(@padding-vertical; @padding-horizontal; @font-size; @line-height; @border-radius) {
-  padding: @padding-vertical @padding-horizontal;
-  font-size: @font-size;
-  line-height: @line-height;
-  border-radius: @border-radius;
-}
diff --git a/old-client/client/less/lib/bootstrap/mixins/center-block.less b/old-client/client/less/lib/bootstrap/mixins/center-block.less
deleted file mode 100755
index d18d6de9ed..0000000000
--- a/old-client/client/less/lib/bootstrap/mixins/center-block.less
+++ /dev/null
@@ -1,7 +0,0 @@
-// Center-align a block level element
-
-.center-block() {
-  display: block;
-  margin-left: auto;
-  margin-right: auto;
-}
diff --git a/old-client/client/less/lib/bootstrap/mixins/clearfix.less b/old-client/client/less/lib/bootstrap/mixins/clearfix.less
deleted file mode 100755
index 3f7a3820c1..0000000000
--- a/old-client/client/less/lib/bootstrap/mixins/clearfix.less
+++ /dev/null
@@ -1,22 +0,0 @@
-// Clearfix
-//
-// For modern browsers
-// 1. The space content is one way to avoid an Opera bug when the
-//    contenteditable attribute is included anywhere else in the document.
-//    Otherwise it causes space to appear at the top and bottom of elements
-//    that are clearfixed.
-// 2. The use of `table` rather than `block` is only necessary if using
-//    `:before` to contain the top-margins of child elements.
-//
-// Source: http://nicolasgallagher.com/micro-clearfix-hack/
-
-.clearfix() {
-  &:before,
-  &:after {
-    content: " "; // 1
-    display: table; // 2
-  }
-  &:after {
-    clear: both;
-  }
-}
diff --git a/old-client/client/less/lib/bootstrap/mixins/forms.less b/old-client/client/less/lib/bootstrap/mixins/forms.less
deleted file mode 100755
index 6f55ed9670..0000000000
--- a/old-client/client/less/lib/bootstrap/mixins/forms.less
+++ /dev/null
@@ -1,85 +0,0 @@
-// Form validation states
-//
-// Used in forms.less to generate the form validation CSS for warnings, errors,
-// and successes.
-
-.form-control-validation(@text-color: #555; @border-color: #ccc; @background-color: #f5f5f5) {
-  // Color the label and help text
-  .help-block,
-  .control-label,
-  .radio,
-  .checkbox,
-  .radio-inline,
-  .checkbox-inline,
-  &.radio label,
-  &.checkbox label,
-  &.radio-inline label,
-  &.checkbox-inline label  {
-    color: @text-color;
-  }
-  // Set the border and box shadow on specific inputs to match
-  .form-control {
-    border-color: @border-color;
-    .box-shadow(inset 0 1px 1px rgba(0,0,0,.075)); // Redeclare so transitions work
-    &:focus {
-      border-color: darken(@border-color, 10%);
-      @shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px lighten(@border-color, 20%);
-      .box-shadow(@shadow);
-    }
-  }
-  // Set validation states also for addons
-  .input-group-addon {
-    color: @text-color;
-    border-color: @border-color;
-    background-color: @background-color;
-  }
-  // Optional feedback icon
-  .form-control-feedback {
-    color: @text-color;
-  }
-}
-
-
-// Form control focus state
-//
-// Generate a customized focus state and for any input with the specified color,
-// which defaults to the `@input-border-focus` variable.
-//
-// We highly encourage you to not customize the default value, but instead use
-// this to tweak colors on an as-needed basis. This aesthetic change is based on
-// WebKit's default styles, but applicable to a wider range of browsers. Its
-// usability and accessibility should be taken into account with any change.
-//
-// Example usage: change the default blue border and shadow to white for better
-// contrast against a dark gray background.
-.form-control-focus(@color: @input-border-focus) {
-  @color-rgba: rgba(red(@color), green(@color), blue(@color), .6);
-  &:focus {
-    border-color: @color;
-    outline: 0;
-    .box-shadow(~"inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px @{color-rgba}");
-  }
-}
-
-// Form control sizing
-//
-// Relative text size, padding, and border-radii changes for form controls. For
-// horizontal sizing, wrap controls in the predefined grid classes. `<select>`
-// element gets special love because it's special, and that's a fact!
-.input-size(@input-height; @padding-vertical; @padding-horizontal; @font-size; @line-height; @border-radius) {
-  height: @input-height;
-  padding: @padding-vertical @padding-horizontal;
-  font-size: @font-size;
-  line-height: @line-height;
-  border-radius: @border-radius;
-
-  select& {
-    height: @input-height;
-    line-height: @input-height;
-  }
-
-  textarea&,
-  select[multiple]& {
-    height: auto;
-  }
-}
diff --git a/old-client/client/less/lib/bootstrap/mixins/gradients.less b/old-client/client/less/lib/bootstrap/mixins/gradients.less
deleted file mode 100755
index 0b88a89cc5..0000000000
--- a/old-client/client/less/lib/bootstrap/mixins/gradients.less
+++ /dev/null
@@ -1,59 +0,0 @@
-// Gradients
-
-#gradient {
-
-  // Horizontal gradient, from left to right
-  //
-  // Creates two color stops, start and end, by specifying a color and position for each color stop.
-  // Color stops are not available in IE9 and below.
-  .horizontal(@start-color: #555; @end-color: #333; @start-percent: 0%; @end-percent: 100%) {
-    background-image: -webkit-linear-gradient(left, @start-color @start-percent, @end-color @end-percent); // Safari 5.1-6, Chrome 10+
-    background-image: -o-linear-gradient(left, @start-color @start-percent, @end-color @end-percent); // Opera 12
-    background-image: linear-gradient(to right, @start-color @start-percent, @end-color @end-percent); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+
-    background-repeat: repeat-x;
-    filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)",argb(@start-color),argb(@end-color))); // IE9 and down
-  }
-
-  // Vertical gradient, from top to bottom
-  //
-  // Creates two color stops, start and end, by specifying a color and position for each color stop.
-  // Color stops are not available in IE9 and below.
-  .vertical(@start-color: #555; @end-color: #333; @start-percent: 0%; @end-percent: 100%) {
-    background-image: -webkit-linear-gradient(top, @start-color @start-percent, @end-color @end-percent);  // Safari 5.1-6, Chrome 10+
-    background-image: -o-linear-gradient(top, @start-color @start-percent, @end-color @end-percent);  // Opera 12
-    background-image: linear-gradient(to bottom, @start-color @start-percent, @end-color @end-percent); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+
-    background-repeat: repeat-x;
-    filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",argb(@start-color),argb(@end-color))); // IE9 and down
-  }
-
-  .directional(@start-color: #555; @end-color: #333; @deg: 45deg) {
-    background-repeat: repeat-x;
-    background-image: -webkit-linear-gradient(@deg, @start-color, @end-color); // Safari 5.1-6, Chrome 10+
-    background-image: -o-linear-gradient(@deg, @start-color, @end-color); // Opera 12
-    background-image: linear-gradient(@deg, @start-color, @end-color); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+
-  }
-  .horizontal-three-colors(@start-color: #00b3ee; @mid-color: #7a43b6; @color-stop: 50%; @end-color: #c3325f) {
-    background-image: -webkit-linear-gradient(left, @start-color, @mid-color @color-stop, @end-color);
-    background-image: -o-linear-gradient(left, @start-color, @mid-color @color-stop, @end-color);
-    background-image: linear-gradient(to right, @start-color, @mid-color @color-stop, @end-color);
-    background-repeat: no-repeat;
-    filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)",argb(@start-color),argb(@end-color))); // IE9 and down, gets no color-stop at all for proper fallback
-  }
-  .vertical-three-colors(@start-color: #00b3ee; @mid-color: #7a43b6; @color-stop: 50%; @end-color: #c3325f) {
-    background-image: -webkit-linear-gradient(@start-color, @mid-color @color-stop, @end-color);
-    background-image: -o-linear-gradient(@start-color, @mid-color @color-stop, @end-color);
-    background-image: linear-gradient(@start-color, @mid-color @color-stop, @end-color);
-    background-repeat: no-repeat;
-    filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",argb(@start-color),argb(@end-color))); // IE9 and down, gets no color-stop at all for proper fallback
-  }
-  .radial(@inner-color: #555; @outer-color: #333) {
-    background-image: -webkit-radial-gradient(circle, @inner-color, @outer-color);
-    background-image: radial-gradient(circle, @inner-color, @outer-color);
-    background-repeat: no-repeat;
-  }
-  .striped(@color: rgba(255,255,255,.15); @angle: 45deg) {
-    background-image: -webkit-linear-gradient(@angle, @color 25%, transparent 25%, transparent 50%, @color 50%, @color 75%, transparent 75%, transparent);
-    background-image: -o-linear-gradient(@angle, @color 25%, transparent 25%, transparent 50%, @color 50%, @color 75%, transparent 75%, transparent);
-    background-image: linear-gradient(@angle, @color 25%, transparent 25%, transparent 50%, @color 50%, @color 75%, transparent 75%, transparent);
-  }
-}
diff --git a/old-client/client/less/lib/bootstrap/mixins/grid-framework.less b/old-client/client/less/lib/bootstrap/mixins/grid-framework.less
deleted file mode 100755
index 631785465f..0000000000
--- a/old-client/client/less/lib/bootstrap/mixins/grid-framework.less
+++ /dev/null
@@ -1,91 +0,0 @@
-// Framework grid generation
-//
-// Used only by Bootstrap to generate the correct number of grid classes given
-// any value of `@grid-columns`.
-
-.make-grid-columns() {
-  // Common styles for all sizes of grid columns, widths 1-12
-  .col(@index) when (@index = 1) { // initial
-    @item: ~".col-xs-@{index}, .col-sm-@{index}, .col-md-@{index}, .col-lg-@{index}";
-    .col((@index + 1), @item);
-  }
-  .col(@index, @list) when (@index =< @grid-columns) { // general; "=<" isn't a typo
-    @item: ~".col-xs-@{index}, .col-sm-@{index}, .col-md-@{index}, .col-lg-@{index}";
-    .col((@index + 1), ~"@{list}, @{item}");
-  }
-  .col(@index, @list) when (@index > @grid-columns) { // terminal
-    @{list} {
-      position: relative;
-      // Prevent columns from collapsing when empty
-      min-height: 1px;
-      // Inner gutter via padding
-      padding-left:  (@grid-gutter-width / 2);
-      padding-right: (@grid-gutter-width / 2);
-    }
-  }
-  .col(1); // kickstart it
-}
-
-.float-grid-columns(@class) {
-  .col(@index) when (@index = 1) { // initial
-    @item: ~".col-@{class}-@{index}";
-    .col((@index + 1), @item);
-  }
-  .col(@index, @list) when (@index =< @grid-columns) { // general
-    @item: ~".col-@{class}-@{index}";
-    .col((@index + 1), ~"@{list}, @{item}");
-  }
-  .col(@index, @list) when (@index > @grid-columns) { // terminal
-    @{list} {
-      float: left;
-    }
-  }
-  .col(1); // kickstart it
-}
-
-.calc-grid-column(@index, @class, @type) when (@type = width) and (@index > 0) {
-  .col-@{class}-@{index} {
-    width: percentage((@index / @grid-columns));
-  }
-}
-.calc-grid-column(@index, @class, @type) when (@type = push) and (@index > 0) {
-  .col-@{class}-push-@{index} {
-    left: percentage((@index / @grid-columns));
-  }
-}
-.calc-grid-column(@index, @class, @type) when (@type = push) and (@index = 0) {
-  .col-@{class}-push-0 {
-    left: auto;
-  }
-}
-.calc-grid-column(@index, @class, @type) when (@type = pull) and (@index > 0) {
-  .col-@{class}-pull-@{index} {
-    right: percentage((@index / @grid-columns));
-  }
-}
-.calc-grid-column(@index, @class, @type) when (@type = pull) and (@index = 0) {
-  .col-@{class}-pull-0 {
-    right: auto;
-  }
-}
-.calc-grid-column(@index, @class, @type) when (@type = offset) {
-  .col-@{class}-offset-@{index} {
-    margin-left: percentage((@index / @grid-columns));
-  }
-}
-
-// Basic looping in LESS
-.loop-grid-columns(@index, @class, @type) when (@index >= 0) {
-  .calc-grid-column(@index, @class, @type);
-  // next iteration
-  .loop-grid-columns((@index - 1), @class, @type);
-}
-
-// Create grid for specific class
-.make-grid(@class) {
-  .float-grid-columns(@class);
-  .loop-grid-columns(@grid-columns, @class, width);
-  .loop-grid-columns(@grid-columns, @class, pull);
-  .loop-grid-columns(@grid-columns, @class, push);
-  .loop-grid-columns(@grid-columns, @class, offset);
-}
diff --git a/old-client/client/less/lib/bootstrap/mixins/grid.less b/old-client/client/less/lib/bootstrap/mixins/grid.less
deleted file mode 100755
index cae5eaff92..0000000000
--- a/old-client/client/less/lib/bootstrap/mixins/grid.less
+++ /dev/null
@@ -1,122 +0,0 @@
-// Grid system
-//
-// Generate semantic grid columns with these mixins.
-
-// Centered container element
-.container-fixed(@gutter: @grid-gutter-width) {
-  margin-right: auto;
-  margin-left: auto;
-  padding-left:  (@gutter / 2);
-  padding-right: (@gutter / 2);
-  &:extend(.clearfix all);
-}
-
-// Creates a wrapper for a series of columns
-.make-row(@gutter: @grid-gutter-width) {
-  margin-left:  (@gutter / -2);
-  margin-right: (@gutter / -2);
-  &:extend(.clearfix all);
-}
-
-// Generate the extra small columns
-.make-xs-column(@columns; @gutter: @grid-gutter-width) {
-  position: relative;
-  float: left;
-  width: percentage((@columns / @grid-columns));
-  min-height: 1px;
-  padding-left:  (@gutter / 2);
-  padding-right: (@gutter / 2);
-}
-.make-xs-column-offset(@columns) {
-  margin-left: percentage((@columns / @grid-columns));
-}
-.make-xs-column-push(@columns) {
-  left: percentage((@columns / @grid-columns));
-}
-.make-xs-column-pull(@columns) {
-  right: percentage((@columns / @grid-columns));
-}
-
-// Generate the small columns
-.make-sm-column(@columns; @gutter: @grid-gutter-width) {
-  position: relative;
-  min-height: 1px;
-  padding-left:  (@gutter / 2);
-  padding-right: (@gutter / 2);
-
-  @media (min-width: @screen-sm-min) {
-    float: left;
-    width: percentage((@columns / @grid-columns));
-  }
-}
-.make-sm-column-offset(@columns) {
-  @media (min-width: @screen-sm-min) {
-    margin-left: percentage((@columns / @grid-columns));
-  }
-}
-.make-sm-column-push(@columns) {
-  @media (min-width: @screen-sm-min) {
-    left: percentage((@columns / @grid-columns));
-  }
-}
-.make-sm-column-pull(@columns) {
-  @media (min-width: @screen-sm-min) {
-    right: percentage((@columns / @grid-columns));
-  }
-}
-
-// Generate the medium columns
-.make-md-column(@columns; @gutter: @grid-gutter-width) {
-  position: relative;
-  min-height: 1px;
-  padding-left:  (@gutter / 2);
-  padding-right: (@gutter / 2);
-
-  @media (min-width: @screen-md-min) {
-    float: left;
-    width: percentage((@columns / @grid-columns));
-  }
-}
-.make-md-column-offset(@columns) {
-  @media (min-width: @screen-md-min) {
-    margin-left: percentage((@columns / @grid-columns));
-  }
-}
-.make-md-column-push(@columns) {
-  @media (min-width: @screen-md-min) {
-    left: percentage((@columns / @grid-columns));
-  }
-}
-.make-md-column-pull(@columns) {
-  @media (min-width: @screen-md-min) {
-    right: percentage((@columns / @grid-columns));
-  }
-}
-
-// Generate the large columns
-.make-lg-column(@columns; @gutter: @grid-gutter-width) {
-  position: relative;
-  min-height: 1px;
-  padding-left:  (@gutter / 2);
-  padding-right: (@gutter / 2);
-
-  @media (min-width: @screen-lg-min) {
-    float: left;
-    width: percentage((@columns / @grid-columns));
-  }
-}
-.make-lg-column-offset(@columns) {
-  @media (min-width: @screen-lg-min) {
-    margin-left: percentage((@columns / @grid-columns));
-  }
-}
-.make-lg-column-push(@columns) {
-  @media (min-width: @screen-lg-min) {
-    left: percentage((@columns / @grid-columns));
-  }
-}
-.make-lg-column-pull(@columns) {
-  @media (min-width: @screen-lg-min) {
-    right: percentage((@columns / @grid-columns));
-  }
-}
diff --git a/old-client/client/less/lib/bootstrap/mixins/hide-text.less b/old-client/client/less/lib/bootstrap/mixins/hide-text.less
deleted file mode 100755
index c2315e572f..0000000000
--- a/old-client/client/less/lib/bootstrap/mixins/hide-text.less
+++ /dev/null
@@ -1,21 +0,0 @@
-// CSS image replacement
-//
-// Heads up! v3 launched with with only `.hide-text()`, but per our pattern for
-// mixins being reused as classes with the same name, this doesn't hold up. As
-// of v3.0.1 we have added `.text-hide()` and deprecated `.hide-text()`.
-//
-// Source: https://github.com/h5bp/html5-boilerplate/commit/aa0396eae757
-
-// Deprecated as of v3.0.1 (will be removed in v4)
-.hide-text() {
-  font: ~"0/0" a;
-  color: transparent;
-  text-shadow: none;
-  background-color: transparent;
-  border: 0;
-}
-
-// New mixin to use as of v3.0.1
-.text-hide() {
-  .hide-text();
-}
diff --git a/old-client/client/less/lib/bootstrap/mixins/image.less b/old-client/client/less/lib/bootstrap/mixins/image.less
deleted file mode 100755
index f233cb3e19..0000000000
--- a/old-client/client/less/lib/bootstrap/mixins/image.less
+++ /dev/null
@@ -1,33 +0,0 @@
-// Image Mixins
-// - Responsive image
-// - Retina image
-
-
-// Responsive image
-//
-// Keep images from scaling beyond the width of their parents.
-.img-responsive(@display: block) {
-  display: @display;
-  max-width: 100%; // Part 1: Set a maximum relative to the parent
-  height: auto; // Part 2: Scale the height according to the width, otherwise you get stretching
-}
-
-
-// Retina image
-//
-// Short retina mixin for setting background-image and -size. Note that the
-// spelling of `min--moz-device-pixel-ratio` is intentional.
-.img-retina(@file-1x; @file-2x; @width-1x; @height-1x) {
-  background-image: url("@{file-1x}");
-
-  @media
-  only screen and (-webkit-min-device-pixel-ratio: 2),
-  only screen and (   min--moz-device-pixel-ratio: 2),
-  only screen and (     -o-min-device-pixel-ratio: 2/1),
-  only screen and (        min-device-pixel-ratio: 2),
-  only screen and (                min-resolution: 192dpi),
-  only screen and (                min-resolution: 2dppx) {
-    background-image: url("@{file-2x}");
-    background-size: @width-1x @height-1x;
-  }
-}
diff --git a/old-client/client/less/lib/bootstrap/mixins/labels.less b/old-client/client/less/lib/bootstrap/mixins/labels.less
deleted file mode 100755
index 9f7a67ee3d..0000000000
--- a/old-client/client/less/lib/bootstrap/mixins/labels.less
+++ /dev/null
@@ -1,12 +0,0 @@
-// Labels
-
-.label-variant(@color) {
-  background-color: @color;
-
-  &[href] {
-    &:hover,
-    &:focus {
-      background-color: darken(@color, 10%);
-    }
-  }
-}
diff --git a/old-client/client/less/lib/bootstrap/mixins/list-group.less b/old-client/client/less/lib/bootstrap/mixins/list-group.less
deleted file mode 100755
index 8b5b065cb8..0000000000
--- a/old-client/client/less/lib/bootstrap/mixins/list-group.less
+++ /dev/null
@@ -1,29 +0,0 @@
-// List Groups
-
-.list-group-item-variant(@state; @background; @color) {
-  .list-group-item-@{state} {
-    color: @color;
-    background-color: @background;
-
-    a& {
-      color: @color;
-
-      .list-group-item-heading {
-        color: inherit;
-      }
-
-      &:hover,
-      &:focus {
-        color: @color;
-        background-color: darken(@background, 5%);
-      }
-      &.active,
-      &.active:hover,
-      &.active:focus {
-        color: #fff;
-        background-color: @color;
-        border-color: @color;
-      }
-    }
-  }
-}
diff --git a/old-client/client/less/lib/bootstrap/mixins/nav-divider.less b/old-client/client/less/lib/bootstrap/mixins/nav-divider.less
deleted file mode 100755
index feb1e9ed0d..0000000000
--- a/old-client/client/less/lib/bootstrap/mixins/nav-divider.less
+++ /dev/null
@@ -1,10 +0,0 @@
-// Horizontal dividers
-//
-// Dividers (basically an hr) within dropdowns and nav lists
-
-.nav-divider(@color: #e5e5e5) {
-  height: 1px;
-  margin: ((@line-height-computed / 2) - 1) 0;
-  overflow: hidden;
-  background-color: @color;
-}
diff --git a/old-client/client/less/lib/bootstrap/mixins/nav-vertical-align.less b/old-client/client/less/lib/bootstrap/mixins/nav-vertical-align.less
deleted file mode 100755
index d458c78613..0000000000
--- a/old-client/client/less/lib/bootstrap/mixins/nav-vertical-align.less
+++ /dev/null
@@ -1,9 +0,0 @@
-// Navbar vertical align
-//
-// Vertically center elements in the navbar.
-// Example: an element has a height of 30px, so write out `.navbar-vertical-align(30px);` to calculate the appropriate top margin.
-
-.navbar-vertical-align(@element-height) {
-  margin-top: ((@navbar-height - @element-height) / 2);
-  margin-bottom: ((@navbar-height - @element-height) / 2);
-}
diff --git a/old-client/client/less/lib/bootstrap/mixins/opacity.less b/old-client/client/less/lib/bootstrap/mixins/opacity.less
deleted file mode 100755
index 33ed25ce67..0000000000
--- a/old-client/client/less/lib/bootstrap/mixins/opacity.less
+++ /dev/null
@@ -1,8 +0,0 @@
-// Opacity
-
-.opacity(@opacity) {
-  opacity: @opacity;
-  // IE8 filter
-  @opacity-ie: (@opacity * 100);
-  filter: ~"alpha(opacity=@{opacity-ie})";
-}
diff --git a/old-client/client/less/lib/bootstrap/mixins/pagination.less b/old-client/client/less/lib/bootstrap/mixins/pagination.less
deleted file mode 100755
index 7deb505d25..0000000000
--- a/old-client/client/less/lib/bootstrap/mixins/pagination.less
+++ /dev/null
@@ -1,23 +0,0 @@
-// Pagination
-
-.pagination-size(@padding-vertical; @padding-horizontal; @font-size; @border-radius) {
-  > li {
-    > a,
-    > span {
-      padding: @padding-vertical @padding-horizontal;
-      font-size: @font-size;
-    }
-    &:first-child {
-      > a,
-      > span {
-        .border-left-radius(@border-radius);
-      }
-    }
-    &:last-child {
-      > a,
-      > span {
-        .border-right-radius(@border-radius);
-      }
-    }
-  }
-}
diff --git a/old-client/client/less/lib/bootstrap/mixins/panels.less b/old-client/client/less/lib/bootstrap/mixins/panels.less
deleted file mode 100755
index 49ee10d4ad..0000000000
--- a/old-client/client/less/lib/bootstrap/mixins/panels.less
+++ /dev/null
@@ -1,24 +0,0 @@
-// Panels
-
-.panel-variant(@border; @heading-text-color; @heading-bg-color; @heading-border) {
-  border-color: @border;
-
-  & > .panel-heading {
-    color: @heading-text-color;
-    background-color: @heading-bg-color;
-    border-color: @heading-border;
-
-    + .panel-collapse > .panel-body {
-      border-top-color: @border;
-    }
-    .badge {
-      color: @heading-bg-color;
-      background-color: @heading-text-color;
-    }
-  }
-  & > .panel-footer {
-    + .panel-collapse > .panel-body {
-      border-bottom-color: @border;
-    }
-  }
-}
diff --git a/old-client/client/less/lib/bootstrap/mixins/progress-bar.less b/old-client/client/less/lib/bootstrap/mixins/progress-bar.less
deleted file mode 100755
index f07996a34d..0000000000
--- a/old-client/client/less/lib/bootstrap/mixins/progress-bar.less
+++ /dev/null
@@ -1,10 +0,0 @@
-// Progress bars
-
-.progress-bar-variant(@color) {
-  background-color: @color;
-
-  // Deprecated parent class requirement as of v3.2.0
-  .progress-striped & {
-    #gradient > .striped();
-  }
-}
diff --git a/old-client/client/less/lib/bootstrap/mixins/reset-filter.less b/old-client/client/less/lib/bootstrap/mixins/reset-filter.less
deleted file mode 100755
index 68cdb5e186..0000000000
--- a/old-client/client/less/lib/bootstrap/mixins/reset-filter.less
+++ /dev/null
@@ -1,8 +0,0 @@
-// Reset filters for IE
-//
-// When you need to remove a gradient background, do not forget to use this to reset
-// the IE filter for IE9 and below.
-
-.reset-filter() {
-  filter: e(%("progid:DXImageTransform.Microsoft.gradient(enabled = false)"));
-}
diff --git a/old-client/client/less/lib/bootstrap/mixins/resize.less b/old-client/client/less/lib/bootstrap/mixins/resize.less
deleted file mode 100755
index 3acd3afdba..0000000000
--- a/old-client/client/less/lib/bootstrap/mixins/resize.less
+++ /dev/null
@@ -1,6 +0,0 @@
-// Resize anything
-
-.resizable(@direction) {
-  resize: @direction; // Options: horizontal, vertical, both
-  overflow: auto; // Per CSS3 UI, `resize` only applies when `overflow` isn't `visible`
-}
diff --git a/old-client/client/less/lib/bootstrap/mixins/responsive-visibility.less b/old-client/client/less/lib/bootstrap/mixins/responsive-visibility.less
deleted file mode 100755
index f7951c3d75..0000000000
--- a/old-client/client/less/lib/bootstrap/mixins/responsive-visibility.less
+++ /dev/null
@@ -1,15 +0,0 @@
-// Responsive utilities
-
-//
-// More easily include all the states for responsive-utilities.less.
-.responsive-visibility() {
-  display: block !important;
-  table&  { display: table; }
-  tr&     { display: table-row !important; }
-  th&,
-  td&     { display: table-cell !important; }
-}
-
-.responsive-invisibility() {
-  display: none !important;
-}
diff --git a/old-client/client/less/lib/bootstrap/mixins/size.less b/old-client/client/less/lib/bootstrap/mixins/size.less
deleted file mode 100755
index a8be650896..0000000000
--- a/old-client/client/less/lib/bootstrap/mixins/size.less
+++ /dev/null
@@ -1,10 +0,0 @@
-// Sizing shortcuts
-
-.size(@width; @height) {
-  width: @width;
-  height: @height;
-}
-
-.square(@size) {
-  .size(@size; @size);
-}
diff --git a/old-client/client/less/lib/bootstrap/mixins/tab-focus.less b/old-client/client/less/lib/bootstrap/mixins/tab-focus.less
deleted file mode 100755
index 1f1f05ab05..0000000000
--- a/old-client/client/less/lib/bootstrap/mixins/tab-focus.less
+++ /dev/null
@@ -1,9 +0,0 @@
-// WebKit-style focus
-
-.tab-focus() {
-  // Default
-  outline: thin dotted;
-  // WebKit
-  outline: 5px auto -webkit-focus-ring-color;
-  outline-offset: -2px;
-}
diff --git a/old-client/client/less/lib/bootstrap/mixins/table-row.less b/old-client/client/less/lib/bootstrap/mixins/table-row.less
deleted file mode 100755
index 0f287f1a8b..0000000000
--- a/old-client/client/less/lib/bootstrap/mixins/table-row.less
+++ /dev/null
@@ -1,28 +0,0 @@
-// Tables
-
-.table-row-variant(@state; @background) {
-  // Exact selectors below required to override `.table-striped` and prevent
-  // inheritance to nested tables.
-  .table > thead > tr,
-  .table > tbody > tr,
-  .table > tfoot > tr {
-    > td.@{state},
-    > th.@{state},
-    &.@{state} > td,
-    &.@{state} > th {
-      background-color: @background;
-    }
-  }
-
-  // Hover states for `.table-hover`
-  // Note: this is not available for cells or rows within `thead` or `tfoot`.
-  .table-hover > tbody > tr {
-    > td.@{state}:hover,
-    > th.@{state}:hover,
-    &.@{state}:hover > td,
-    &:hover > .@{state},
-    &.@{state}:hover > th {
-      background-color: darken(@background, 5%);
-    }
-  }
-}
diff --git a/old-client/client/less/lib/bootstrap/mixins/text-emphasis.less b/old-client/client/less/lib/bootstrap/mixins/text-emphasis.less
deleted file mode 100755
index 0868ef9f2c..0000000000
--- a/old-client/client/less/lib/bootstrap/mixins/text-emphasis.less
+++ /dev/null
@@ -1,8 +0,0 @@
-// Typography
-
-.text-emphasis-variant(@color) {
-  color: @color;
-  a&:hover {
-    color: darken(@color, 10%);
-  }
-}
diff --git a/old-client/client/less/lib/bootstrap/mixins/text-overflow.less b/old-client/client/less/lib/bootstrap/mixins/text-overflow.less
deleted file mode 100755
index c11ad2fb74..0000000000
--- a/old-client/client/less/lib/bootstrap/mixins/text-overflow.less
+++ /dev/null
@@ -1,8 +0,0 @@
-// Text overflow
-// Requires inline-block or block for proper styling
-
-.text-overflow() {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
diff --git a/old-client/client/less/lib/bootstrap/mixins/vendor-prefixes.less b/old-client/client/less/lib/bootstrap/mixins/vendor-prefixes.less
deleted file mode 100755
index 31f8e2f7ab..0000000000
--- a/old-client/client/less/lib/bootstrap/mixins/vendor-prefixes.less
+++ /dev/null
@@ -1,227 +0,0 @@
-// Vendor Prefixes
-//
-// All vendor mixins are deprecated as of v3.2.0 due to the introduction of
-// Autoprefixer in our Gruntfile. They will be removed in v4.
-
-// - Animations
-// - Backface visibility
-// - Box shadow
-// - Box sizing
-// - Content columns
-// - Hyphens
-// - Placeholder text
-// - Transformations
-// - Transitions
-// - User Select
-
-
-// Animations
-.animation(@animation) {
-  -webkit-animation: @animation;
-       -o-animation: @animation;
-          animation: @animation;
-}
-.animation-name(@name) {
-  -webkit-animation-name: @name;
-          animation-name: @name;
-}
-.animation-duration(@duration) {
-  -webkit-animation-duration: @duration;
-          animation-duration: @duration;
-}
-.animation-timing-function(@timing-function) {
-  -webkit-animation-timing-function: @timing-function;
-          animation-timing-function: @timing-function;
-}
-.animation-delay(@delay) {
-  -webkit-animation-delay: @delay;
-          animation-delay: @delay;
-}
-.animation-iteration-count(@iteration-count) {
-  -webkit-animation-iteration-count: @iteration-count;
-          animation-iteration-count: @iteration-count;
-}
-.animation-direction(@direction) {
-  -webkit-animation-direction: @direction;
-          animation-direction: @direction;
-}
-.animation-fill-mode(@fill-mode) {
-  -webkit-animation-fill-mode: @fill-mode;
-          animation-fill-mode: @fill-mode;
-}
-
-// Backface visibility
-// Prevent browsers from flickering when using CSS 3D transforms.
-// Default value is `visible`, but can be changed to `hidden`
-
-.backface-visibility(@visibility){
-  -webkit-backface-visibility: @visibility;
-     -moz-backface-visibility: @visibility;
-          backface-visibility: @visibility;
-}
-
-// Drop shadows
-//
-// Note: Deprecated `.box-shadow()` as of v3.1.0 since all of Bootstrap's
-// supported browsers that have box shadow capabilities now support it.
-
-.box-shadow(@shadow) {
-  -webkit-box-shadow: @shadow; // iOS <4.3 & Android <4.1
-          box-shadow: @shadow;
-}
-
-// Box sizing
-.box-sizing(@boxmodel) {
-  -webkit-box-sizing: @boxmodel;
-     -moz-box-sizing: @boxmodel;
-          box-sizing: @boxmodel;
-}
-
-// CSS3 Content Columns
-.content-columns(@column-count; @column-gap: @grid-gutter-width) {
-  -webkit-column-count: @column-count;
-     -moz-column-count: @column-count;
-          column-count: @column-count;
-  -webkit-column-gap: @column-gap;
-     -moz-column-gap: @column-gap;
-          column-gap: @column-gap;
-}
-
-// Optional hyphenation
-.hyphens(@mode: auto) {
-  word-wrap: break-word;
-  -webkit-hyphens: @mode;
-     -moz-hyphens: @mode;
-      -ms-hyphens: @mode; // IE10+
-       -o-hyphens: @mode;
-          hyphens: @mode;
-}
-
-// Placeholder text
-.placeholder(@color: @input-color-placeholder) {
-  // Firefox
-  &::-moz-placeholder {
-    color: @color;
-    opacity: 1; // See https://github.com/twbs/bootstrap/pull/11526
-  }
-  &:-ms-input-placeholder { color: @color; } // Internet Explorer 10+
-  &::-webkit-input-placeholder  { color: @color; } // Safari and Chrome
-}
-
-// Transformations
-.scale(@ratio) {
-  -webkit-transform: scale(@ratio);
-      -ms-transform: scale(@ratio); // IE9 only
-       -o-transform: scale(@ratio);
-          transform: scale(@ratio);
-}
-.scale(@ratioX; @ratioY) {
-  -webkit-transform: scale(@ratioX, @ratioY);
-      -ms-transform: scale(@ratioX, @ratioY); // IE9 only
-       -o-transform: scale(@ratioX, @ratioY);
-          transform: scale(@ratioX, @ratioY);
-}
-.scaleX(@ratio) {
-  -webkit-transform: scaleX(@ratio);
-      -ms-transform: scaleX(@ratio); // IE9 only
-       -o-transform: scaleX(@ratio);
-          transform: scaleX(@ratio);
-}
-.scaleY(@ratio) {
-  -webkit-transform: scaleY(@ratio);
-      -ms-transform: scaleY(@ratio); // IE9 only
-       -o-transform: scaleY(@ratio);
-          transform: scaleY(@ratio);
-}
-.skew(@x; @y) {
-  -webkit-transform: skewX(@x) skewY(@y);
-      -ms-transform: skewX(@x) skewY(@y); // See https://github.com/twbs/bootstrap/issues/4885; IE9+
-       -o-transform: skewX(@x) skewY(@y);
-          transform: skewX(@x) skewY(@y);
-}
-.translate(@x; @y) {
-  -webkit-transform: translate(@x, @y);
-      -ms-transform: translate(@x, @y); // IE9 only
-       -o-transform: translate(@x, @y);
-          transform: translate(@x, @y);
-}
-.translate3d(@x; @y; @z) {
-  -webkit-transform: translate3d(@x, @y, @z);
-          transform: translate3d(@x, @y, @z);
-}
-.rotate(@degrees) {
-  -webkit-transform: rotate(@degrees);
-      -ms-transform: rotate(@degrees); // IE9 only
-       -o-transform: rotate(@degrees);
-          transform: rotate(@degrees);
-}
-.rotateX(@degrees) {
-  -webkit-transform: rotateX(@degrees);
-      -ms-transform: rotateX(@degrees); // IE9 only
-       -o-transform: rotateX(@degrees);
-          transform: rotateX(@degrees);
-}
-.rotateY(@degrees) {
-  -webkit-transform: rotateY(@degrees);
-      -ms-transform: rotateY(@degrees); // IE9 only
-       -o-transform: rotateY(@degrees);
-          transform: rotateY(@degrees);
-}
-.perspective(@perspective) {
-  -webkit-perspective: @perspective;
-     -moz-perspective: @perspective;
-          perspective: @perspective;
-}
-.perspective-origin(@perspective) {
-  -webkit-perspective-origin: @perspective;
-     -moz-perspective-origin: @perspective;
-          perspective-origin: @perspective;
-}
-.transform-origin(@origin) {
-  -webkit-transform-origin: @origin;
-     -moz-transform-origin: @origin;
-      -ms-transform-origin: @origin; // IE9 only
-          transform-origin: @origin;
-}
-
-
-// Transitions
-
-.transition(@transition) {
-  -webkit-transition: @transition;
-       -o-transition: @transition;
-          transition: @transition;
-}
-.transition-property(@transition-property) {
-  -webkit-transition-property: @transition-property;
-          transition-property: @transition-property;
-}
-.transition-delay(@transition-delay) {
-  -webkit-transition-delay: @transition-delay;
-          transition-delay: @transition-delay;
-}
-.transition-duration(@transition-duration) {
-  -webkit-transition-duration: @transition-duration;
-          transition-duration: @transition-duration;
-}
-.transition-timing-function(@timing-function) {
-  -webkit-transition-timing-function: @timing-function;
-          transition-timing-function: @timing-function;
-}
-.transition-transform(@transition) {
-  -webkit-transition: -webkit-transform @transition;
-     -moz-transition: -moz-transform @transition;
-       -o-transition: -o-transform @transition;
-          transition: transform @transition;
-}
-
-
-// User select
-// For selecting text on the page
-
-.user-select(@select) {
-  -webkit-user-select: @select;
-     -moz-user-select: @select;
-      -ms-user-select: @select; // IE10+
-          user-select: @select;
-}
diff --git a/old-client/client/less/lib/bootstrap/modals.less b/old-client/client/less/lib/bootstrap/modals.less
deleted file mode 100755
index e2a0c6309a..0000000000
--- a/old-client/client/less/lib/bootstrap/modals.less
+++ /dev/null
@@ -1,146 +0,0 @@
-//
-// Modals
-// --------------------------------------------------
-
-// .modal-open      - body class for killing the scroll
-// .modal           - container to scroll within
-// .modal-dialog    - positioning shell for the actual modal
-// .modal-content   - actual modal w/ bg and corners and shit
-
-// Kill the scroll on the body
-.modal-open {
-  overflow: hidden;
-}
-
-// Container that the modal scrolls within
-.modal {
-  display: none;
-  overflow: hidden;
-  position: fixed;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  z-index: @zindex-modal;
-  -webkit-overflow-scrolling: touch;
-
-  // Prevent Chrome on Windows from adding a focus outline. For details, see
-  // https://github.com/twbs/bootstrap/pull/10951.
-  outline: 0;
-
-  // When fading in the modal, animate it to slide down
-  &.fade .modal-dialog {
-    .translate(0, -25%);
-    .transition-transform(~"0.3s ease-out");
-  }
-  &.in .modal-dialog { .translate(0, 0) }
-}
-.modal-open .modal {
-  overflow-x: hidden;
-  overflow-y: auto;
-}
-
-// Shell div to position the modal with bottom padding
-.modal-dialog {
-  position: relative;
-  width: auto;
-  margin: 10px;
-}
-
-// Actual modal
-.modal-content {
-  position: relative;
-  background-color: @modal-content-bg;
-  border: 1px solid @modal-content-fallback-border-color; //old browsers fallback (ie8 etc)
-  border: 1px solid @modal-content-border-color;
-  border-radius: @border-radius-large;
-  .box-shadow(0 3px 9px rgba(0,0,0,.5));
-  background-clip: padding-box;
-  // Remove focus outline from opened modal
-  outline: 0;
-}
-
-// Modal background
-.modal-backdrop {
-  position: fixed;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  z-index: 1030;
-  background-color: @modal-backdrop-bg;
-  // Fade for backdrop
-  &.fade { .opacity(0); }
-  &.in { .opacity(@modal-backdrop-opacity); }
-}
-
-// Modal header
-// Top section of the modal w/ title and dismiss
-.modal-header {
-  padding: @modal-title-padding;
-  border-bottom: 1px solid @modal-header-border-color;
-  min-height: (@modal-title-padding + @modal-title-line-height);
-}
-
-// Title text within header
-.modal-title {
-  margin: 0;
-  line-height: @modal-title-line-height;
-}
-
-// Modal body
-// Where all modal content resides (sibling of .modal-header and .modal-footer)
-.modal-body {
-  position: relative;
-  padding: @modal-inner-padding;
-}
-
-// Footer (for actions)
-.modal-footer {
-  padding: @modal-inner-padding;
-  text-align: right; // right align buttons
-  border-top: 1px solid @modal-footer-border-color;
-  &:extend(.clearfix all); // clear it in case folks use .pull-* classes on buttons
-
-  // Properly space out buttons
-  .btn + .btn {
-    margin-left: 5px;
-    margin-bottom: 0; // account for input[type="submit"] which gets the bottom margin like all other inputs
-  }
-  // but override that for button groups
-  .btn-group .btn + .btn {
-    margin-left: -1px;
-  }
-  // and override it for block buttons as well
-  .btn-block + .btn-block {
-    margin-left: 0;
-  }
-}
-
-// Measure scrollbar width for padding body during modal show/hide
-.modal-scrollbar-measure {
-  position: absolute;
-  top: -9999px;
-  width: 50px;
-  height: 50px;
-  overflow: scroll;
-}
-
-// Scale up the modal
-@media (min-width: @screen-sm-min) {
-  // Automatically set modal's width for larger viewports
-  .modal-dialog {
-    width: @modal-md;
-    margin: 30px auto;
-  }
-  .modal-content {
-    .box-shadow(0 5px 15px rgba(0,0,0,.5));
-  }
-
-  // Modal sizes
-  .modal-sm { width: @modal-sm; }
-}
-
-@media (min-width: @screen-md-min) {
-  .modal-lg { width: @modal-lg; }
-}
diff --git a/old-client/client/less/lib/bootstrap/navbar.less b/old-client/client/less/lib/bootstrap/navbar.less
deleted file mode 100755
index 21f02d52f7..0000000000
--- a/old-client/client/less/lib/bootstrap/navbar.less
+++ /dev/null
@@ -1,659 +0,0 @@
-//
-// Navbars
-// --------------------------------------------------
-
-
-// Wrapper and base class
-//
-// Provide a static navbar from which we expand to create full-width, fixed, and
-// other navbar variations.
-
-.navbar {
-  position: relative;
-  min-height: @navbar-height; // Ensure a navbar always shows (e.g., without a .navbar-brand in collapsed mode)
-  border: 1px solid transparent;
-
-  // Prevent floats from breaking the navbar
-  &:extend(.clearfix all);
-
-  @media (min-width: @grid-float-breakpoint) {
-    border-radius: @navbar-border-radius;
-  }
-}
-
-
-// Navbar heading
-//
-// Groups `.navbar-brand` and `.navbar-toggle` into a single component for easy
-// styling of responsive aspects.
-
-.navbar-header {
-  &:extend(.clearfix all);
-
-  @media (min-width: @grid-float-breakpoint) {
-    float: left;
-  }
-}
-
-
-// Navbar collapse (body)
-//
-// Group your navbar content into this for easy collapsing and expanding across
-// various device sizes. By default, this content is collapsed when <768px, but
-// will expand past that for a horizontal display.
-//
-// To start (on mobile devices) the navbar links, forms, and buttons are stacked
-// vertically and include a `max-height` to overflow in case you have too much
-// content for the user's viewport.
-
-.navbar-collapse {
-  overflow-x: visible;
-  padding-right: @navbar-padding-horizontal;
-  padding-left:  @navbar-padding-horizontal;
-  border-top: 1px solid transparent;
-  box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
-  &:extend(.clearfix all);
-  -webkit-overflow-scrolling: touch;
-
-  &.in {
-    overflow-y: auto;
-  }
-
-  @media (min-width: @grid-float-breakpoint) {
-    width: auto;
-    border-top: 0;
-    box-shadow: none;
-
-    &.collapse {
-      display: block !important;
-      visibility: visible !important;
-      height: auto !important;
-      padding-bottom: 0; // Override default setting
-      overflow: visible !important;
-    }
-
-    &.in {
-      overflow-y: visible;
-    }
-
-    // Undo the collapse side padding for navbars with containers to ensure
-    // alignment of right-aligned contents.
-    .navbar-fixed-top &,
-    .navbar-static-top &,
-    .navbar-fixed-bottom & {
-      padding-left: 0;
-      padding-right: 0;
-    }
-  }
-}
-
-.navbar-fixed-top,
-.navbar-fixed-bottom {
-  .navbar-collapse {
-    max-height: @navbar-collapse-max-height;
-
-    @media (max-device-width: @screen-xs-min) and (orientation: landscape) {
-      max-height: 200px;
-    }
-  }
-}
-
-
-// Both navbar header and collapse
-//
-// When a container is present, change the behavior of the header and collapse.
-
-.container,
-.container-fluid {
-  > .navbar-header,
-  > .navbar-collapse {
-    margin-right: -@navbar-padding-horizontal;
-    margin-left:  -@navbar-padding-horizontal;
-
-    @media (min-width: @grid-float-breakpoint) {
-      margin-right: 0;
-      margin-left:  0;
-    }
-  }
-}
-
-
-//
-// Navbar alignment options
-//
-// Display the navbar across the entirety of the page or fixed it to the top or
-// bottom of the page.
-
-// Static top (unfixed, but 100% wide) navbar
-.navbar-static-top {
-  z-index: @zindex-navbar;
-  border-width: 0 0 1px;
-
-  @media (min-width: @grid-float-breakpoint) {
-    border-radius: 0;
-  }
-}
-
-// Fix the top/bottom navbars when screen real estate supports it
-.navbar-fixed-top,
-.navbar-fixed-bottom {
-  position: fixed;
-  right: 0;
-  left: 0;
-  z-index: @zindex-navbar-fixed;
-
-  // Undo the rounded corners
-  @media (min-width: @grid-float-breakpoint) {
-    border-radius: 0;
-  }
-}
-.navbar-fixed-top {
-  top: 0;
-  border-width: 0 0 1px;
-}
-.navbar-fixed-bottom {
-  bottom: 0;
-  margin-bottom: 0; // override .navbar defaults
-  border-width: 1px 0 0;
-}
-
-
-// Brand/project name
-
-.navbar-brand {
-  float: left;
-  padding: @navbar-padding-vertical @navbar-padding-horizontal;
-  font-size: @font-size-large;
-  line-height: @line-height-computed;
-  height: @navbar-height;
-
-  &:hover,
-  &:focus {
-    text-decoration: none;
-  }
-
-  > img {
-    display: block;
-  }
-
-  @media (min-width: @grid-float-breakpoint) {
-    .navbar > .container &,
-    .navbar > .container-fluid & {
-      margin-left: -@navbar-padding-horizontal;
-    }
-  }
-}
-
-
-// Navbar toggle
-//
-// Custom button for toggling the `.navbar-collapse`, powered by the collapse
-// JavaScript plugin.
-
-@navbar-toggle-height: 30px;
-.navbar-toggle {
-  position: relative;
-  float: right;
-  margin-right: @navbar-padding-horizontal;
-  padding: 6px 10px;
-  .navbar-vertical-align(@navbar-toggle-height);
-  background-color: transparent;
-  background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214
-  border: 1px solid transparent;
-  border-radius: @border-radius-base;
-
-  // We remove the `outline` here, but later compensate by attaching `:hover`
-  // styles to `:focus`.
-  &:focus {
-    outline: 0;
-  }
-
-  // Bars
-  .icon-bar {
-    display: block;
-    width: 22px;
-    height: 2px;
-    border-radius: 1px;
-    background-color: #eeeeee !important;
-  }
-  .icon-bar + .icon-bar {
-    margin-top: 4px;
-  }
-
-  @media (min-width: @grid-float-breakpoint) {
-    display: none;
-  }
-}
-
-
-// Navbar nav links
-//
-// Builds on top of the `.nav` components with its own modifier class to make
-// the nav the full height of the horizontal nav (above 768px).
-
-.navbar-nav {
-  margin: (@navbar-padding-vertical / 2) -@navbar-padding-horizontal;
-
-  > li > a {
-    padding-top:    10px;
-    padding-bottom: 10px;
-    line-height: @line-height-computed;
-  }
-
-  @media (max-width: @grid-float-breakpoint-max) {
-    // Dropdowns get custom display when collapsed
-    .open .dropdown-menu {
-      position: static;
-      float: none;
-      width: auto;
-      margin-top: 0;
-      background-color: transparent;
-      border: 0;
-      box-shadow: none;
-      > li > a,
-      .dropdown-header {
-        padding: 5px 15px 5px 25px;
-      }
-      > li > a {
-        line-height: @line-height-computed;
-        &:hover,
-        &:focus {
-          background-image: none;
-        }
-      }
-    }
-  }
-
-  // Uncollapse the nav
-  @media (min-width: @grid-float-breakpoint) {
-    float: left;
-    margin: 0;
-
-    > li {
-      float: left;
-      > a {
-        padding-top:    @navbar-padding-vertical;
-        padding-bottom: @navbar-padding-vertical;
-      }
-    }
-  }
-}
-
-
-// Navbar form
-//
-// Extension of the `.form-inline` with some extra flavor for optimum display in
-// our navbars.
-
-.navbar-form {
-  margin-left: -@navbar-padding-horizontal;
-  margin-right: -@navbar-padding-horizontal;
-  padding: 10px @navbar-padding-horizontal;
-  border-top: 1px solid transparent;
-  border-bottom: 1px solid transparent;
-  @shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
-  .box-shadow(@shadow);
-
-  // Mixin behavior for optimum display
-  .form-inline();
-
-  .form-group {
-    @media (max-width: @grid-float-breakpoint-max) {
-      margin-bottom: 5px;
-
-      &:last-child {
-        margin-bottom: 0;
-      }
-    }
-  }
-
-  // Vertically center in expanded, horizontal navbar
-  .navbar-vertical-align(@input-height-base);
-
-  // Undo 100% width for pull classes
-  @media (min-width: @grid-float-breakpoint) {
-    width: auto;
-    border: 0;
-    margin-left: 0;
-    margin-right: 0;
-    padding-top: 0;
-    padding-bottom: 0;
-    .box-shadow(none);
-  }
-}
-
-
-// Dropdown menus
-
-// Menu position and menu carets
-.navbar-nav > li > .dropdown-menu {
-  margin-top: 0;
-  .border-top-radius(0);
-}
-// Menu position and menu caret support for dropups via extra dropup class
-.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
-  .border-bottom-radius(0);
-}
-
-
-// Buttons in navbars
-//
-// Vertically center a button within a navbar (when *not* in a form).
-
-.navbar-btn {
-  .navbar-vertical-align(@input-height-base);
-
-  &.btn-sm {
-    .navbar-vertical-align(@input-height-small);
-  }
-  &.btn-xs {
-    .navbar-vertical-align(22);
-  }
-}
-
-
-// Text in navbars
-//
-// Add a class to make any element properly align itself vertically within the navbars.
-
-.navbar-text {
-  .navbar-vertical-align(@line-height-computed);
-
-  @media (min-width: @grid-float-breakpoint) {
-    float: left;
-    margin-left: @navbar-padding-horizontal;
-    margin-right: @navbar-padding-horizontal;
-  }
-}
-
-
-// Component alignment
-//
-// Repurpose the pull utilities as their own navbar utilities to avoid specificity
-// issues with parents and chaining. Only do this when the navbar is uncollapsed
-// though so that navbar contents properly stack and align in mobile.
-//
-// Declared after the navbar components to ensure more specificity on the margins.
-
-@media (min-width: @grid-float-breakpoint) {
-  .navbar-left  { .pull-left(); }
-  .navbar-right {
-    .pull-right();
-    margin-right: -@navbar-padding-horizontal;
-
-    ~ .navbar-right {
-      margin-right: 0;
-    }
-  }
-}
-
-
-// Alternate navbars
-// --------------------------------------------------
-
-// Default navbar
-.navbar-default {
-  background-color: @navbar-default-bg;
-  border-color: @navbar-default-border;
-
-  .navbar-brand {
-    color: @navbar-default-brand-color;
-    &:hover,
-    &:focus {
-      color: @navbar-default-brand-hover-color;
-      background-color: @navbar-default-brand-hover-bg;
-    }
-  }
-
-  .navbar-text {
-    color: @navbar-default-color;
-  }
-
-  .navbar-nav {
-    > li > a {
-      color: @navbar-default-link-color;
-
-      &:hover,
-      &:focus {
-        color: @navbar-default-link-hover-color;
-        background-color: @navbar-default-link-hover-bg;
-      }
-    }
-    > .active > a {
-      &,
-      &:hover,
-      &:focus {
-        color: @navbar-default-link-active-color;
-      }
-    }
-    > .disabled > a {
-      &,
-      &:hover,
-      &:focus {
-        color: @navbar-default-link-disabled-color;
-        background-color: @navbar-default-link-disabled-bg;
-      }
-    }
-  }
-
-  .navbar-toggle {
-    border-color: @navbar-default-toggle-border-color;
-    &:hover,
-    &:focus {
-      background-color: @navbar-default-toggle-hover-bg;
-    }
-    .icon-bar {
-      background-color: @navbar-default-toggle-icon-bar-bg;
-    }
-  }
-
-  .navbar-collapse,
-  .navbar-form {
-    border-color: @navbar-default-border;
-  }
-
-  // Dropdown menu items
-  .navbar-nav {
-    // Remove background color from open dropdown
-    > .open > a {
-      &,
-      &:hover,
-      &:focus {
-        background-color: @navbar-default-link-active-bg;
-        color: @navbar-default-link-active-color;
-      }
-    }
-
-    @media (max-width: @grid-float-breakpoint-max) {
-      // Dropdowns get custom display when collapsed
-      .open .dropdown-menu {
-        > li > a {
-          color: @navbar-default-link-color;
-          &:hover,
-          &:focus {
-            color: @navbar-default-link-hover-color;
-            background-color: @navbar-default-link-hover-bg;
-          }
-        }
-        > .active > a {
-          &,
-          &:hover,
-          &:focus {
-            color: @navbar-default-link-active-color;
-            background-color: @navbar-default-link-active-bg;
-          }
-        }
-        > .disabled > a {
-          &,
-          &:hover,
-          &:focus {
-            color: @navbar-default-link-disabled-color;
-            background-color: @navbar-default-link-disabled-bg;
-          }
-        }
-      }
-    }
-  }
-
-
-  // Links in navbars
-  //
-  // Add a class to ensure links outside the navbar nav are colored correctly.
-
-  .navbar-link {
-    color: @navbar-default-link-color;
-    &:hover {
-      color: @navbar-default-link-hover-color;
-    }
-  }
-
-  .btn-link {
-    color: @navbar-default-link-color;
-    &:hover,
-    &:focus {
-      color: @navbar-default-link-hover-color;
-    }
-    &[disabled],
-    fieldset[disabled] & {
-      &:hover,
-      &:focus {
-        color: @navbar-default-link-disabled-color;
-      }
-    }
-  }
-}
-
-// Inverse navbar
-
-.navbar-inverse {
-  background-color: @navbar-inverse-bg;
-  border-color: @navbar-inverse-border;
-
-  .navbar-brand {
-    color: @navbar-inverse-brand-color;
-    &:hover,
-    &:focus {
-      color: @navbar-inverse-brand-hover-color;
-      background-color: @navbar-inverse-brand-hover-bg;
-    }
-  }
-
-  .navbar-text {
-    color: @navbar-inverse-color;
-  }
-
-  .navbar-nav {
-    > li > a {
-      color: @navbar-inverse-link-color;
-
-      &:hover,
-      &:focus {
-        color: @navbar-inverse-link-hover-color;
-        background-color: @navbar-inverse-link-hover-bg;
-      }
-    }
-    > .active > a {
-      &,
-      &:hover,
-      &:focus {
-        color: @navbar-inverse-link-active-color;
-        background-color: @navbar-inverse-link-active-bg;
-      }
-    }
-    > .disabled > a {
-      &,
-      &:hover,
-      &:focus {
-        color: @navbar-inverse-link-disabled-color;
-        background-color: @navbar-inverse-link-disabled-bg;
-      }
-    }
-  }
-
-  // Darken the responsive nav toggle
-  .navbar-toggle {
-    border-color: @navbar-inverse-toggle-border-color;
-    &:hover,
-    &:focus {
-      background-color: @navbar-inverse-toggle-hover-bg;
-    }
-    .icon-bar {
-      background-color: @navbar-inverse-toggle-icon-bar-bg;
-    }
-  }
-
-  .navbar-collapse,
-  .navbar-form {
-    border-color: darken(@navbar-inverse-bg, 7%);
-  }
-
-  // Dropdowns
-  .navbar-nav {
-    > .open > a {
-      &,
-      &:hover,
-      &:focus {
-        background-color: @navbar-inverse-link-active-bg;
-        color: @navbar-inverse-link-active-color;
-      }
-    }
-
-    @media (max-width: @grid-float-breakpoint-max) {
-      // Dropdowns get custom display
-      .open .dropdown-menu {
-        > .dropdown-header {
-          border-color: @navbar-inverse-border;
-        }
-        .divider {
-          background-color: @navbar-inverse-border;
-        }
-        > li > a {
-          color: @navbar-inverse-link-color;
-          &:hover,
-          &:focus {
-            color: @navbar-inverse-link-hover-color;
-            background-color: @navbar-inverse-link-hover-bg;
-          }
-        }
-        > .active > a {
-          &,
-          &:hover,
-          &:focus {
-            color: @navbar-inverse-link-active-color;
-            background-color: @navbar-inverse-link-active-bg;
-          }
-        }
-        > .disabled > a {
-          &,
-          &:hover,
-          &:focus {
-            color: @navbar-inverse-link-disabled-color;
-            background-color: @navbar-inverse-link-disabled-bg;
-          }
-        }
-      }
-    }
-  }
-
-  .navbar-link {
-    color: @navbar-inverse-link-color;
-    &:hover {
-      color: @navbar-inverse-link-hover-color;
-    }
-  }
-
-  .btn-link {
-    color: @navbar-inverse-link-color;
-    &:hover,
-    &:focus {
-      color: @navbar-inverse-link-hover-color;
-    }
-    &[disabled],
-    fieldset[disabled] & {
-      &:hover,
-      &:focus {
-        color: @navbar-inverse-link-disabled-color;
-      }
-    }
-  }
-}
diff --git a/old-client/client/less/lib/bootstrap/navs.less b/old-client/client/less/lib/bootstrap/navs.less
deleted file mode 100755
index f26fec7a5c..0000000000
--- a/old-client/client/less/lib/bootstrap/navs.less
+++ /dev/null
@@ -1,244 +0,0 @@
-//
-// Navs
-// --------------------------------------------------
-
-
-// Base class
-// --------------------------------------------------
-
-.nav {
-  margin-bottom: 0;
-  padding-left: 0; // Override default ul/ol
-  list-style: none;
-  &:extend(.clearfix all);
-
-  > li {
-    position: relative;
-    display: block;
-
-    > a {
-      position: relative;
-      display: block;
-      padding: @nav-link-padding;
-      &:hover,
-      &:focus {
-        text-decoration: none;
-        background-color: @nav-link-hover-bg;
-      }
-    }
-
-    // Disabled state sets text to gray and nukes hover/tab effects
-    &.disabled > a {
-      color: @nav-disabled-link-color;
-
-      &:hover,
-      &:focus {
-        color: @nav-disabled-link-hover-color;
-        text-decoration: none;
-        background-color: transparent;
-        cursor: @cursor-disabled;
-      }
-    }
-  }
-
-  // Open dropdowns
-  .open > a {
-    &,
-    &:hover,
-    &:focus {
-      background-color: @nav-link-hover-bg;
-      border-color: @link-color;
-    }
-  }
-
-  // Nav dividers (deprecated with v3.0.1)
-  //
-  // This should have been removed in v3 with the dropping of `.nav-list`, but
-  // we missed it. We don't currently support this anywhere, but in the interest
-  // of maintaining backward compatibility in case you use it, it's deprecated.
-  .nav-divider {
-    .nav-divider();
-  }
-
-  // Prevent IE8 from misplacing imgs
-  //
-  // See https://github.com/h5bp/html5-boilerplate/issues/984#issuecomment-3985989
-  > li > a > img {
-    max-width: none;
-  }
-}
-
-
-// Tabs
-// -------------------------
-
-// Give the tabs something to sit on
-.nav-tabs {
-  border-bottom: 1px solid @nav-tabs-border-color;
-  > li {
-    float: left;
-    // Make the list-items overlay the bottom border
-    margin-bottom: -1px;
-
-    // Actual tabs (as links)
-    > a {
-      margin-right: 2px;
-      line-height: @line-height-base;
-      border: 1px solid transparent;
-      border-radius: @border-radius-base @border-radius-base 0 0;
-      &:hover {
-        border-color: @nav-tabs-link-hover-border-color @nav-tabs-link-hover-border-color @nav-tabs-border-color;
-      }
-    }
-
-    // Active state, and its :hover to override normal :hover
-    &.active > a {
-      &,
-      &:hover,
-      &:focus {
-        color: @nav-tabs-active-link-hover-color;
-        background-color: @nav-tabs-active-link-hover-bg;
-        border: 1px solid @nav-tabs-active-link-hover-border-color;
-        border-bottom-color: transparent;
-        cursor: default;
-      }
-    }
-  }
-  // pulling this in mainly for less shorthand
-  &.nav-justified {
-    .nav-justified();
-    .nav-tabs-justified();
-  }
-}
-
-
-// Pills
-// -------------------------
-.nav-pills {
-  > li {
-    float: left;
-
-    // Links rendered as pills
-    > a {
-      border-radius: @nav-pills-border-radius;
-    }
-    + li {
-      margin-left: 2px;
-    }
-
-    // Active state
-    &.active > a {
-      &,
-      &:hover,
-      &:focus {
-        color: @nav-pills-active-link-hover-color;
-        background-color: @nav-pills-active-link-hover-bg;
-      }
-    }
-  }
-}
-
-
-// Stacked pills
-.nav-stacked {
-  > li {
-    float: none;
-    + li {
-      margin-top: 2px;
-      margin-left: 0; // no need for this gap between nav items
-    }
-  }
-}
-
-
-// Nav variations
-// --------------------------------------------------
-
-// Justified nav links
-// -------------------------
-
-.nav-justified {
-  width: 100%;
-
-  > li {
-    float: none;
-    > a {
-      text-align: center;
-      margin-bottom: 5px;
-    }
-  }
-
-  > .dropdown .dropdown-menu {
-    top: auto;
-    left: auto;
-  }
-
-  @media (min-width: @screen-sm-min) {
-    > li {
-      display: table-cell;
-      width: 1%;
-      > a {
-        margin-bottom: 0;
-      }
-    }
-  }
-}
-
-// Move borders to anchors instead of bottom of list
-//
-// Mixin for adding on top the shared `.nav-justified` styles for our tabs
-.nav-tabs-justified {
-  border-bottom: 0;
-
-  > li > a {
-    // Override margin from .nav-tabs
-    margin-right: 0;
-    border-radius: @border-radius-base;
-  }
-
-  > .active > a,
-  > .active > a:hover,
-  > .active > a:focus {
-    border: 1px solid @nav-tabs-justified-link-border-color;
-  }
-
-  @media (min-width: @screen-sm-min) {
-    > li > a {
-      border-bottom: 1px solid @nav-tabs-justified-link-border-color;
-      border-radius: @border-radius-base @border-radius-base 0 0;
-    }
-    > .active > a,
-    > .active > a:hover,
-    > .active > a:focus {
-      border-bottom-color: @nav-tabs-justified-active-link-border-color;
-    }
-  }
-}
-
-
-// Tabbable tabs
-// -------------------------
-
-// Hide tabbable panes to start, show them when `.active`
-.tab-content {
-  > .tab-pane {
-    display: none;
-    visibility: hidden;
-  }
-  > .active {
-    display: block;
-    visibility: visible;
-  }
-}
-
-
-// Dropdowns
-// -------------------------
-
-// Specific dropdowns
-.nav-tabs .dropdown-menu {
-  // make dropdown border overlap tab border
-  margin-top: -1px;
-  // Remove the top rounded corners here since there is a hard edge above the menu
-  .border-top-radius(0);
-}
diff --git a/old-client/client/less/lib/bootstrap/normalize.less b/old-client/client/less/lib/bootstrap/normalize.less
deleted file mode 100755
index 62a085a484..0000000000
--- a/old-client/client/less/lib/bootstrap/normalize.less
+++ /dev/null
@@ -1,427 +0,0 @@
-/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
-
-//
-// 1. Set default font family to sans-serif.
-// 2. Prevent iOS text size adjust after orientation change, without disabling
-//    user zoom.
-//
-
-html {
-  font-family: sans-serif; // 1
-  -ms-text-size-adjust: 100%; // 2
-  -webkit-text-size-adjust: 100%; // 2
-}
-
-//
-// Remove default margin.
-//
-
-body {
-  margin: 0;
-}
-
-// HTML5 display definitions
-// ==========================================================================
-
-//
-// Correct `block` display not defined for any HTML5 element in IE 8/9.
-// Correct `block` display not defined for `details` or `summary` in IE 10/11
-// and Firefox.
-// Correct `block` display not defined for `main` in IE 11.
-//
-
-article,
-aside,
-details,
-figcaption,
-figure,
-footer,
-header,
-hgroup,
-main,
-menu,
-nav,
-section,
-summary {
-  display: block;
-}
-
-//
-// 1. Correct `inline-block` display not defined in IE 8/9.
-// 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
-//
-
-audio,
-canvas,
-progress,
-video {
-  display: inline-block; // 1
-  vertical-align: baseline; // 2
-}
-
-//
-// Prevent modern browsers from displaying `audio` without controls.
-// Remove excess height in iOS 5 devices.
-//
-
-audio:not([controls]) {
-  display: none;
-  height: 0;
-}
-
-//
-// Address `[hidden]` styling not present in IE 8/9/10.
-// Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
-//
-
-[hidden],
-template {
-  display: none;
-}
-
-// Links
-// ==========================================================================
-
-//
-// Remove the gray background color from active links in IE 10.
-//
-
-a {
-  background-color: transparent;
-}
-
-//
-// Improve readability when focused and also mouse hovered in all browsers.
-//
-
-a:active,
-a:hover {
-  outline: 0;
-}
-
-// Text-level semantics
-// ==========================================================================
-
-//
-// Address styling not present in IE 8/9/10/11, Safari, and Chrome.
-//
-
-abbr[title] {
-  border-bottom: 1px dotted;
-}
-
-//
-// Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
-//
-
-b,
-strong {
-  font-weight: bold;
-}
-
-//
-// Address styling not present in Safari and Chrome.
-//
-
-dfn {
-  font-style: italic;
-}
-
-//
-// Address variable `h1` font-size and margin within `section` and `article`
-// contexts in Firefox 4+, Safari, and Chrome.
-//
-
-h1 {
-  font-size: 2em;
-  margin: 0.67em 0;
-}
-
-//
-// Address styling not present in IE 8/9.
-//
-
-mark {
-  background: #ff0;
-  color: #000;
-}
-
-//
-// Address inconsistent and variable font size in all browsers.
-//
-
-small {
-  font-size: 80%;
-}
-
-//
-// Prevent `sub` and `sup` affecting `line-height` in all browsers.
-//
-
-sub,
-sup {
-  font-size: 75%;
-  line-height: 0;
-  position: relative;
-  vertical-align: baseline;
-}
-
-sup {
-  top: -0.5em;
-}
-
-sub {
-  bottom: -0.25em;
-}
-
-// Embedded content
-// ==========================================================================
-
-//
-// Remove border when inside `a` element in IE 8/9/10.
-//
-
-img {
-  border: 0;
-}
-
-//
-// Correct overflow not hidden in IE 9/10/11.
-//
-
-svg:not(:root) {
-  overflow: hidden;
-}
-
-// Grouping content
-// ==========================================================================
-
-//
-// Address margin not present in IE 8/9 and Safari.
-//
-
-figure {
-  margin: 1em 40px;
-}
-
-//
-// Address differences between Firefox and other browsers.
-//
-
-hr {
-  -moz-box-sizing: content-box;
-  box-sizing: content-box;
-  height: 0;
-}
-
-//
-// Contain overflow in all browsers.
-//
-
-pre {
-  overflow: auto;
-}
-
-//
-// Address odd `em`-unit font size rendering in all browsers.
-//
-
-code,
-kbd,
-pre,
-samp {
-  font-family: monospace, monospace;
-  font-size: 1em;
-}
-
-// Forms
-// ==========================================================================
-
-//
-// Known limitation: by default, Chrome and Safari on OS X allow very limited
-// styling of `select`, unless a `border` property is set.
-//
-
-//
-// 1. Correct color not being inherited.
-//    Known issue: affects color of disabled elements.
-// 2. Correct font properties not being inherited.
-// 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
-//
-
-button,
-input,
-optgroup,
-select,
-textarea {
-  color: inherit; // 1
-  font: inherit; // 2
-  margin: 0; // 3
-}
-
-//
-// Address `overflow` set to `hidden` in IE 8/9/10/11.
-//
-
-button {
-  overflow: visible;
-}
-
-//
-// Address inconsistent `text-transform` inheritance for `button` and `select`.
-// All other form control elements do not inherit `text-transform` values.
-// Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
-// Correct `select` style inheritance in Firefox.
-//
-
-button,
-select {
-  text-transform: none;
-}
-
-//
-// 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
-//    and `video` controls.
-// 2. Correct inability to style clickable `input` types in iOS.
-// 3. Improve usability and consistency of cursor style between image-type
-//    `input` and others.
-//
-
-button,
-html input[type="button"], // 1
-input[type="reset"],
-input[type="submit"] {
-  -webkit-appearance: button; // 2
-  cursor: pointer; // 3
-}
-
-//
-// Re-set default cursor for disabled elements.
-//
-
-button[disabled],
-html input[disabled] {
-  cursor: default;
-}
-
-//
-// Remove inner padding and border in Firefox 4+.
-//
-
-button::-moz-focus-inner,
-input::-moz-focus-inner {
-  border: 0;
-  padding: 0;
-}
-
-//
-// Address Firefox 4+ setting `line-height` on `input` using `!important` in
-// the UA stylesheet.
-//
-
-input {
-  line-height: normal;
-}
-
-//
-// It's recommended that you don't attempt to style these elements.
-// Firefox's implementation doesn't respect box-sizing, padding, or width.
-//
-// 1. Address box sizing set to `content-box` in IE 8/9/10.
-// 2. Remove excess padding in IE 8/9/10.
-//
-
-input[type="checkbox"],
-input[type="radio"] {
-  box-sizing: border-box; // 1
-  padding: 0; // 2
-}
-
-//
-// Fix the cursor style for Chrome's increment/decrement buttons. For certain
-// `font-size` values of the `input`, it causes the cursor style of the
-// decrement button to change from `default` to `text`.
-//
-
-input[type="number"]::-webkit-inner-spin-button,
-input[type="number"]::-webkit-outer-spin-button {
-  height: auto;
-}
-
-//
-// 1. Address `appearance` set to `searchfield` in Safari and Chrome.
-// 2. Address `box-sizing` set to `border-box` in Safari and Chrome
-//    (include `-moz` to future-proof).
-//
-
-input[type="search"] {
-  -webkit-appearance: textfield; // 1
-  -moz-box-sizing: content-box;
-  -webkit-box-sizing: content-box; // 2
-  box-sizing: content-box;
-}
-
-//
-// Remove inner padding and search cancel button in Safari and Chrome on OS X.
-// Safari (but not Chrome) clips the cancel button when the search input has
-// padding (and `textfield` appearance).
-//
-
-input[type="search"]::-webkit-search-cancel-button,
-input[type="search"]::-webkit-search-decoration {
-  -webkit-appearance: none;
-}
-
-//
-// Define consistent border, margin, and padding.
-//
-
-fieldset {
-  border: 1px solid #c0c0c0;
-  margin: 0 2px;
-  padding: 0.35em 0.625em 0.75em;
-}
-
-//
-// 1. Correct `color` not being inherited in IE 8/9/10/11.
-// 2. Remove padding so people aren't caught out if they zero out fieldsets.
-//
-
-legend {
-  border: 0; // 1
-  padding: 0; // 2
-}
-
-//
-// Remove default vertical scrollbar in IE 8/9/10/11.
-//
-
-textarea {
-  overflow: auto;
-}
-
-//
-// Don't inherit the `font-weight` (applied by a rule above).
-// NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
-//
-
-optgroup {
-  font-weight: bold;
-}
-
-// Tables
-// ==========================================================================
-
-//
-// Remove most spacing between table cells.
-//
-
-table {
-  border-collapse: collapse;
-  border-spacing: 0;
-}
-
-td,
-th {
-  padding: 0;
-}
diff --git a/old-client/client/less/lib/bootstrap/pager.less b/old-client/client/less/lib/bootstrap/pager.less
deleted file mode 100755
index 41abaaadc5..0000000000
--- a/old-client/client/less/lib/bootstrap/pager.less
+++ /dev/null
@@ -1,54 +0,0 @@
-//
-// Pager pagination
-// --------------------------------------------------
-
-
-.pager {
-  padding-left: 0;
-  margin: @line-height-computed 0;
-  list-style: none;
-  text-align: center;
-  &:extend(.clearfix all);
-  li {
-    display: inline;
-    > a,
-    > span {
-      display: inline-block;
-      padding: 5px 14px;
-      background-color: @pager-bg;
-      border: 1px solid @pager-border;
-      border-radius: @pager-border-radius;
-    }
-
-    > a:hover,
-    > a:focus {
-      text-decoration: none;
-      background-color: @pager-hover-bg;
-    }
-  }
-
-  .next {
-    > a,
-    > span {
-      float: right;
-    }
-  }
-
-  .previous {
-    > a,
-    > span {
-      float: left;
-    }
-  }
-
-  .disabled {
-    > a,
-    > a:hover,
-    > a:focus,
-    > span {
-      color: @pager-disabled-color;
-      background-color: @pager-bg;
-      cursor: @cursor-disabled;
-    }
-  }
-}
diff --git a/old-client/client/less/lib/bootstrap/pagination.less b/old-client/client/less/lib/bootstrap/pagination.less
deleted file mode 100755
index 38c4c3d346..0000000000
--- a/old-client/client/less/lib/bootstrap/pagination.less
+++ /dev/null
@@ -1,88 +0,0 @@
-//
-// Pagination (multiple pages)
-// --------------------------------------------------
-.pagination {
-  display: inline-block;
-  padding-left: 0;
-  margin: @line-height-computed 0;
-  border-radius: @border-radius-base;
-
-  > li {
-    display: inline; // Remove list-style and block-level defaults
-    > a,
-    > span {
-      position: relative;
-      float: left; // Collapse white-space
-      padding: @padding-base-vertical @padding-base-horizontal;
-      line-height: @line-height-base;
-      text-decoration: none;
-      color: @pagination-color;
-      background-color: @pagination-bg;
-      border: 1px solid @pagination-border;
-      margin-left: -1px;
-    }
-    &:first-child {
-      > a,
-      > span {
-        margin-left: 0;
-        .border-left-radius(@border-radius-base);
-      }
-    }
-    &:last-child {
-      > a,
-      > span {
-        .border-right-radius(@border-radius-base);
-      }
-    }
-  }
-
-  > li > a,
-  > li > span {
-    &:hover,
-    &:focus {
-      color: @pagination-hover-color;
-      background-color: @pagination-hover-bg;
-      border-color: @pagination-hover-border;
-    }
-  }
-
-  > .active > a,
-  > .active > span {
-    &,
-    &:hover,
-    &:focus {
-      z-index: 2;
-      color: @pagination-active-color;
-      background-color: @pagination-active-bg;
-      border-color: @pagination-active-border;
-      cursor: default;
-    }
-  }
-
-  > .disabled {
-    > span,
-    > span:hover,
-    > span:focus,
-    > a,
-    > a:hover,
-    > a:focus {
-      color: @pagination-disabled-color;
-      background-color: @pagination-disabled-bg;
-      border-color: @pagination-disabled-border;
-      cursor: @cursor-disabled;
-    }
-  }
-}
-
-// Sizing
-// --------------------------------------------------
-
-// Large
-.pagination-lg {
-  .pagination-size(@padding-large-vertical; @padding-large-horizontal; @font-size-large; @border-radius-large);
-}
-
-// Small
-.pagination-sm {
-  .pagination-size(@padding-small-vertical; @padding-small-horizontal; @font-size-small; @border-radius-small);
-}
diff --git a/old-client/client/less/lib/bootstrap/panels.less b/old-client/client/less/lib/bootstrap/panels.less
deleted file mode 100755
index d0f8f95f44..0000000000
--- a/old-client/client/less/lib/bootstrap/panels.less
+++ /dev/null
@@ -1,261 +0,0 @@
-//
-// Panels
-// --------------------------------------------------
-
-
-// Base class
-.panel {
-  margin-bottom: @line-height-computed;
-  background-color: @panel-bg;
-  border: 1px solid transparent;
-  border-radius: @panel-border-radius;
-  .box-shadow(0 1px 1px rgba(0,0,0,.05));
-}
-
-// Panel contents
-.panel-body {
-  padding: @panel-body-padding;
-  &:extend(.clearfix all);
-}
-
-// Optional heading
-.panel-heading {
-  padding: @panel-heading-padding;
-  border-bottom: 1px solid transparent;
-  .border-top-radius((@panel-border-radius - 1));
-
-  > .dropdown .dropdown-toggle {
-    color: inherit;
-  }
-}
-
-// Within heading, strip any `h*` tag of its default margins for spacing.
-.panel-title {
-  margin-top: 0;
-  margin-bottom: 0;
-  font-size: ceil((@font-size-base * 1.125));
-  color: inherit;
-
-  > a {
-    color: inherit;
-  }
-}
-
-// Optional footer (stays gray in every modifier class)
-.panel-footer {
-  padding: @panel-footer-padding;
-  background-color: @panel-footer-bg;
-  border-top: 1px solid @panel-inner-border;
-  .border-bottom-radius((@panel-border-radius - 1));
-}
-
-
-// List groups in panels
-//
-// By default, space out list group content from panel headings to account for
-// any kind of custom content between the two.
-
-.panel {
-  > .list-group,
-  > .panel-collapse > .list-group {
-    margin-bottom: 0;
-
-    .list-group-item {
-      border-width: 1px 0;
-      border-radius: 0;
-    }
-
-    // Add border top radius for first one
-    &:first-child {
-      .list-group-item:first-child {
-        border-top: 0;
-        .border-top-radius((@panel-border-radius - 1));
-      }
-    }
-    // Add border bottom radius for last one
-    &:last-child {
-      .list-group-item:last-child {
-        border-bottom: 0;
-        .border-bottom-radius((@panel-border-radius - 1));
-      }
-    }
-  }
-}
-// Collapse space between when there's no additional content.
-.panel-heading + .list-group {
-  .list-group-item:first-child {
-    border-top-width: 0;
-  }
-}
-.list-group + .panel-footer {
-  border-top-width: 0;
-}
-
-// Tables in panels
-//
-// Place a non-bordered `.table` within a panel (not within a `.panel-body`) and
-// watch it go full width.
-
-.panel {
-  > .table,
-  > .table-responsive > .table,
-  > .panel-collapse > .table {
-    margin-bottom: 0;
-
-    caption {
-      padding-left: @panel-body-padding;
-      padding-right: @panel-body-padding;
-    }
-  }
-  // Add border top radius for first one
-  > .table:first-child,
-  > .table-responsive:first-child > .table:first-child {
-    .border-top-radius((@panel-border-radius - 1));
-
-    > thead:first-child,
-    > tbody:first-child {
-      > tr:first-child {
-        border-top-left-radius: (@panel-border-radius - 1);
-        border-top-right-radius: (@panel-border-radius - 1);
-
-        td:first-child,
-        th:first-child {
-          border-top-left-radius: (@panel-border-radius - 1);
-        }
-        td:last-child,
-        th:last-child {
-          border-top-right-radius: (@panel-border-radius - 1);
-        }
-      }
-    }
-  }
-  // Add border bottom radius for last one
-  > .table:last-child,
-  > .table-responsive:last-child > .table:last-child {
-    .border-bottom-radius((@panel-border-radius - 1));
-
-    > tbody:last-child,
-    > tfoot:last-child {
-      > tr:last-child {
-        border-bottom-left-radius: (@panel-border-radius - 1);
-        border-bottom-right-radius: (@panel-border-radius - 1);
-
-        td:first-child,
-        th:first-child {
-          border-bottom-left-radius: (@panel-border-radius - 1);
-        }
-        td:last-child,
-        th:last-child {
-          border-bottom-right-radius: (@panel-border-radius - 1);
-        }
-      }
-    }
-  }
-  > .panel-body + .table,
-  > .panel-body + .table-responsive,
-  > .table + .panel-body,
-  > .table-responsive + .panel-body {
-    border-top: 1px solid @table-border-color;
-  }
-  > .table > tbody:first-child > tr:first-child th,
-  > .table > tbody:first-child > tr:first-child td {
-    border-top: 0;
-  }
-  > .table-bordered,
-  > .table-responsive > .table-bordered {
-    border: 0;
-    > thead,
-    > tbody,
-    > tfoot {
-      > tr {
-        > th:first-child,
-        > td:first-child {
-          border-left: 0;
-        }
-        > th:last-child,
-        > td:last-child {
-          border-right: 0;
-        }
-      }
-    }
-    > thead,
-    > tbody {
-      > tr:first-child {
-        > td,
-        > th {
-          border-bottom: 0;
-        }
-      }
-    }
-    > tbody,
-    > tfoot {
-      > tr:last-child {
-        > td,
-        > th {
-          border-bottom: 0;
-        }
-      }
-    }
-  }
-  > .table-responsive {
-    border: 0;
-    margin-bottom: 0;
-  }
-}
-
-
-// Collapsable panels (aka, accordion)
-//
-// Wrap a series of panels in `.panel-group` to turn them into an accordion with
-// the help of our collapse JavaScript plugin.
-
-.panel-group {
-  margin-bottom: @line-height-computed;
-
-  // Tighten up margin so it's only between panels
-  .panel {
-    margin-bottom: 0;
-    border-radius: @panel-border-radius;
-
-    + .panel {
-      margin-top: 5px;
-    }
-  }
-
-  .panel-heading {
-    border-bottom: 0;
-
-    + .panel-collapse > .panel-body,
-    + .panel-collapse > .list-group {
-      border-top: 1px solid @panel-inner-border;
-    }
-  }
-
-  .panel-footer {
-    border-top: 0;
-    + .panel-collapse .panel-body {
-      border-bottom: 1px solid @panel-inner-border;
-    }
-  }
-}
-
-
-// Contextual variations
-.panel-default {
-  .panel-variant(@panel-default-border; @panel-default-text; @panel-default-heading-bg; @panel-default-border);
-}
-.panel-primary {
-  .panel-variant(@panel-primary-border; @panel-primary-text; @panel-primary-heading-bg; @panel-primary-border);
-}
-.panel-success {
-  .panel-variant(@panel-success-border; @panel-success-text; @panel-success-heading-bg; @panel-success-border);
-}
-.panel-info {
-  .panel-variant(@panel-info-border; @panel-info-text; @panel-info-heading-bg; @panel-info-border);
-}
-.panel-warning {
-  .panel-variant(@panel-warning-border; @panel-warning-text; @panel-warning-heading-bg; @panel-warning-border);
-}
-.panel-danger {
-  .panel-variant(@panel-danger-border; @panel-danger-text; @panel-danger-heading-bg; @panel-danger-border);
-}
diff --git a/old-client/client/less/lib/bootstrap/popovers.less b/old-client/client/less/lib/bootstrap/popovers.less
deleted file mode 100755
index ab720f2fb0..0000000000
--- a/old-client/client/less/lib/bootstrap/popovers.less
+++ /dev/null
@@ -1,134 +0,0 @@
-//
-// Popovers
-// --------------------------------------------------
-
-
-.popover {
-  position: absolute;
-  top: 0;
-  left: 0;
-  z-index: @zindex-popover;
-  display: none;
-  max-width: @popover-max-width;
-  padding: 1px;
-  // Reset font and text propertes given new insertion method
-  font-size: @font-size-base;
-  font-weight: normal;
-  line-height: @line-height-base;
-  text-align: left;
-  background-color: @popover-bg;
-  background-clip: padding-box;
-  border: 1px solid @popover-fallback-border-color;
-  border: 1px solid @popover-border-color;
-  border-radius: @border-radius-large;
-  .box-shadow(0 5px 10px rgba(0,0,0,.2));
-
-  // Overrides for proper insertion
-  white-space: normal;
-
-  // Offset the popover to account for the popover arrow
-  &.top     { margin-top: -@popover-arrow-width; }
-  &.right   { margin-left: @popover-arrow-width; }
-  &.bottom  { margin-top: @popover-arrow-width; }
-  &.left    { margin-left: -@popover-arrow-width; }
-}
-
-.popover-title {
-  margin: 0; // reset heading margin
-  padding: 8px 14px;
-  font-size: @font-size-base;
-  background-color: @popover-title-bg;
-  border-bottom: 1px solid darken(@popover-title-bg, 5%);
-  border-radius: (@border-radius-large - 1) (@border-radius-large - 1) 0 0;
-}
-
-.popover-content {
-  padding: 9px 14px;
-}
-
-// Arrows
-//
-// .arrow is outer, .arrow:after is inner
-
-.popover > .arrow {
-  &,
-  &:after {
-    position: absolute;
-    display: block;
-    width: 0;
-    height: 0;
-    border-color: transparent;
-    border-style: solid;
-  }
-}
-.popover > .arrow {
-  border-width: @popover-arrow-outer-width;
-}
-.popover > .arrow:after {
-  border-width: @popover-arrow-width;
-  content: "";
-}
-
-.popover {
-  &.top > .arrow {
-    left: 50%;
-    margin-left: -@popover-arrow-outer-width;
-    border-bottom-width: 0;
-    border-top-color: @popover-arrow-outer-fallback-color; // IE8 fallback
-    border-top-color: @popover-arrow-outer-color;
-    bottom: -@popover-arrow-outer-width;
-    &:after {
-      content: " ";
-      bottom: 1px;
-      margin-left: -@popover-arrow-width;
-      border-bottom-width: 0;
-      border-top-color: @popover-arrow-color;
-    }
-  }
-  &.right > .arrow {
-    top: 50%;
-    left: -@popover-arrow-outer-width;
-    margin-top: -@popover-arrow-outer-width;
-    border-left-width: 0;
-    border-right-color: @popover-arrow-outer-fallback-color; // IE8 fallback
-    border-right-color: @popover-arrow-outer-color;
-    &:after {
-      content: " ";
-      left: 1px;
-      bottom: -@popover-arrow-width;
-      border-left-width: 0;
-      border-right-color: @popover-arrow-color;
-    }
-  }
-  &.bottom > .arrow {
-    left: 50%;
-    margin-left: -@popover-arrow-outer-width;
-    border-top-width: 0;
-    border-bottom-color: @popover-arrow-outer-fallback-color; // IE8 fallback
-    border-bottom-color: @popover-arrow-outer-color;
-    top: -@popover-arrow-outer-width;
-    &:after {
-      content: " ";
-      top: 1px;
-      margin-left: -@popover-arrow-width;
-      border-top-width: 0;
-      border-bottom-color: @popover-arrow-color;
-    }
-  }
-
-  &.left > .arrow {
-    top: 50%;
-    right: -@popover-arrow-outer-width;
-    margin-top: -@popover-arrow-outer-width;
-    border-right-width: 0;
-    border-left-color: @popover-arrow-outer-fallback-color; // IE8 fallback
-    border-left-color: @popover-arrow-outer-color;
-    &:after {
-      content: " ";
-      right: 1px;
-      border-right-width: 0;
-      border-left-color: @popover-arrow-color;
-      bottom: -@popover-arrow-width;
-    }
-  }
-}
diff --git a/old-client/client/less/lib/bootstrap/print.less b/old-client/client/less/lib/bootstrap/print.less
deleted file mode 100755
index 94ca58f12a..0000000000
--- a/old-client/client/less/lib/bootstrap/print.less
+++ /dev/null
@@ -1,107 +0,0 @@
-/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
-
-// ==========================================================================
-// Print styles.
-// Inlined to avoid the additional HTTP request: h5bp.com/r
-// ==========================================================================
-
-@media print {
-    *,
-    *:before,
-    *:after {
-        background: transparent !important;
-        color: #000 !important; // Black prints faster: h5bp.com/s
-        box-shadow: none !important;
-        text-shadow: none !important;
-    }
-
-    a,
-    a:visited {
-        text-decoration: underline;
-    }
-
-    a[href]:after {
-        content: " (" attr(href) ")";
-    }
-
-    abbr[title]:after {
-        content: " (" attr(title) ")";
-    }
-
-    // Don't show links that are fragment identifiers,
-    // or use the `javascript:` pseudo protocol
-    a[href^="#"]:after,
-    a[href^="javascript:"]:after {
-        content: "";
-    }
-
-    pre,
-    blockquote {
-        border: 1px solid #999;
-        page-break-inside: avoid;
-    }
-
-    thead {
-        display: table-header-group; // h5bp.com/t
-    }
-
-    tr,
-    img {
-        page-break-inside: avoid;
-    }
-
-    img {
-        max-width: 100% !important;
-    }
-
-    p,
-    h2,
-    h3 {
-        orphans: 3;
-        widows: 3;
-    }
-
-    h2,
-    h3 {
-        page-break-after: avoid;
-    }
-
-    // Bootstrap specific changes start
-    //
-    // Chrome (OSX) fix for https://github.com/twbs/bootstrap/issues/11245
-    // Once fixed, we can just straight up remove this.
-    select {
-        background: #fff !important;
-    }
-
-    // Bootstrap components
-    .navbar {
-        display: none;
-    }
-    .btn,
-    .dropup > .btn {
-        > .caret {
-            border-top-color: #000 !important;
-        }
-    }
-    .label {
-        border: 1px solid #000;
-    }
-
-    .table {
-        border-collapse: collapse !important;
-
-        td,
-        th {
-            background-color: #fff !important;
-        }
-    }
-    .table-bordered {
-        th,
-        td {
-            border: 1px solid #ddd !important;
-        }
-    }
-
-    // Bootstrap specific changes end
-}
diff --git a/old-client/client/less/lib/bootstrap/progress-bars.less b/old-client/client/less/lib/bootstrap/progress-bars.less
deleted file mode 100755
index 8868a1feef..0000000000
--- a/old-client/client/less/lib/bootstrap/progress-bars.less
+++ /dev/null
@@ -1,87 +0,0 @@
-//
-// Progress bars
-// --------------------------------------------------
-
-
-// Bar animations
-// -------------------------
-
-// WebKit
-@-webkit-keyframes progress-bar-stripes {
-  from  { background-position: 40px 0; }
-  to    { background-position: 0 0; }
-}
-
-// Spec and IE10+
-@keyframes progress-bar-stripes {
-  from  { background-position: 40px 0; }
-  to    { background-position: 0 0; }
-}
-
-
-// Bar itself
-// -------------------------
-
-// Outer container
-.progress {
-  overflow: hidden;
-  height: @line-height-computed;
-  margin-bottom: @line-height-computed;
-  background-color: @progress-bg;
-  border-radius: @progress-border-radius;
-  .box-shadow(inset 0 1px 2px rgba(0,0,0,.1));
-}
-
-// Bar of progress
-.progress-bar {
-  float: left;
-  width: 0%;
-  height: 100%;
-  font-size: @font-size-small;
-  line-height: @line-height-computed;
-  color: @progress-bar-color;
-  text-align: center;
-  background-color: @progress-bar-bg;
-  .box-shadow(inset 0 -1px 0 rgba(0,0,0,.15));
-  .transition(width .6s ease);
-}
-
-// Striped bars
-//
-// `.progress-striped .progress-bar` is deprecated as of v3.2.0 in favor of the
-// `.progress-bar-striped` class, which you just add to an existing
-// `.progress-bar`.
-.progress-striped .progress-bar,
-.progress-bar-striped {
-  #gradient > .striped();
-  background-size: 40px 40px;
-}
-
-// Call animation for the active one
-//
-// `.progress.active .progress-bar` is deprecated as of v3.2.0 in favor of the
-// `.progress-bar.active` approach.
-.progress.active .progress-bar,
-.progress-bar.active {
-  .animation(progress-bar-stripes 2s linear infinite);
-}
-
-
-// Variations
-// -------------------------
-
-.progress-bar-success {
-  .progress-bar-variant(@progress-bar-success-bg);
-}
-
-.progress-bar-info {
-  .progress-bar-variant(@progress-bar-info-bg);
-}
-
-.progress-bar-warning {
-  .progress-bar-variant(@progress-bar-warning-bg);
-}
-
-.progress-bar-danger {
-  .progress-bar-variant(@progress-bar-danger-bg);
-}
diff --git a/old-client/client/less/lib/bootstrap/responsive-utilities.less b/old-client/client/less/lib/bootstrap/responsive-utilities.less
deleted file mode 100755
index b1db31d7bf..0000000000
--- a/old-client/client/less/lib/bootstrap/responsive-utilities.less
+++ /dev/null
@@ -1,194 +0,0 @@
-//
-// Responsive: Utility classes
-// --------------------------------------------------
-
-
-// IE10 in Windows (Phone) 8
-//
-// Support for responsive views via media queries is kind of borked in IE10, for
-// Surface/desktop in split view and for Windows Phone 8. This particular fix
-// must be accompanied by a snippet of JavaScript to sniff the user agent and
-// apply some conditional CSS to *only* the Surface/desktop Windows 8. Look at
-// our Getting Started page for more information on this bug.
-//
-// For more information, see the following:
-//
-// Issue: https://github.com/twbs/bootstrap/issues/10497
-// Docs: http://getbootstrap.com/getting-started/#support-ie10-width
-// Source: http://timkadlec.com/2013/01/windows-phone-8-and-device-width/
-// Source: http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/
-
-@-ms-viewport {
-  width: device-width;
-}
-
-
-// Visibility utilities
-// Note: Deprecated .visible-xs, .visible-sm, .visible-md, and .visible-lg as of v3.2.0
-.visible-xs,
-.visible-sm,
-.visible-md,
-.visible-lg {
-  .responsive-invisibility();
-}
-
-.visible-xs-block,
-.visible-xs-inline,
-.visible-xs-inline-block,
-.visible-sm-block,
-.visible-sm-inline,
-.visible-sm-inline-block,
-.visible-md-block,
-.visible-md-inline,
-.visible-md-inline-block,
-.visible-lg-block,
-.visible-lg-inline,
-.visible-lg-inline-block {
-  display: none !important;
-}
-
-.visible-xs {
-  @media (max-width: @screen-xs-max) {
-    .responsive-visibility();
-  }
-}
-.visible-xs-block {
-  @media (max-width: @screen-xs-max) {
-    display: block !important;
-  }
-}
-.visible-xs-inline {
-  @media (max-width: @screen-xs-max) {
-    display: inline !important;
-  }
-}
-.visible-xs-inline-block {
-  @media (max-width: @screen-xs-max) {
-    display: inline-block !important;
-  }
-}
-
-.visible-sm {
-  @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
-    .responsive-visibility();
-  }
-}
-.visible-sm-block {
-  @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
-    display: block !important;
-  }
-}
-.visible-sm-inline {
-  @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
-    display: inline !important;
-  }
-}
-.visible-sm-inline-block {
-  @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
-    display: inline-block !important;
-  }
-}
-
-.visible-md {
-  @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
-    .responsive-visibility();
-  }
-}
-.visible-md-block {
-  @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
-    display: block !important;
-  }
-}
-.visible-md-inline {
-  @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
-    display: inline !important;
-  }
-}
-.visible-md-inline-block {
-  @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
-    display: inline-block !important;
-  }
-}
-
-.visible-lg {
-  @media (min-width: @screen-lg-min) {
-    .responsive-visibility();
-  }
-}
-.visible-lg-block {
-  @media (min-width: @screen-lg-min) {
-    display: block !important;
-  }
-}
-.visible-lg-inline {
-  @media (min-width: @screen-lg-min) {
-    display: inline !important;
-  }
-}
-.visible-lg-inline-block {
-  @media (min-width: @screen-lg-min) {
-    display: inline-block !important;
-  }
-}
-
-.hidden-xs {
-  @media (max-width: @screen-xs-max) {
-    .responsive-invisibility();
-  }
-}
-.hidden-sm {
-  @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
-    .responsive-invisibility();
-  }
-}
-.hidden-md {
-  @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
-    .responsive-invisibility();
-  }
-}
-.hidden-lg {
-  @media (min-width: @screen-lg-min) {
-    .responsive-invisibility();
-  }
-}
-
-
-// Print utilities
-//
-// Media queries are placed on the inside to be mixin-friendly.
-
-// Note: Deprecated .visible-print as of v3.2.0
-.visible-print {
-  .responsive-invisibility();
-
-  @media print {
-    .responsive-visibility();
-  }
-}
-.visible-print-block {
-  display: none !important;
-
-  @media print {
-    display: block !important;
-  }
-}
-.visible-print-inline {
-  display: none !important;
-
-  @media print {
-    display: inline !important;
-  }
-}
-.visible-print-inline-block {
-  display: none !important;
-
-  @media print {
-    display: inline-block !important;
-  }
-}
-
-.hidden-print {
-  @media print {
-    .responsive-invisibility();
-  }
-}
diff --git a/old-client/client/less/lib/bootstrap/scaffolding.less b/old-client/client/less/lib/bootstrap/scaffolding.less
deleted file mode 100755
index 2a40fbcbe4..0000000000
--- a/old-client/client/less/lib/bootstrap/scaffolding.less
+++ /dev/null
@@ -1,150 +0,0 @@
-//
-// Scaffolding
-// --------------------------------------------------
-
-
-// Reset the box-sizing
-//
-// Heads up! This reset may cause conflicts with some third-party widgets.
-// For recommendations on resolving such conflicts, see
-// http://getbootstrap.com/getting-started/#third-box-sizing
-* {
-  .box-sizing(border-box);
-}
-*:before,
-*:after {
-  .box-sizing(border-box);
-}
-
-
-// Body reset
-
-html {
-  font-size: 10px;
-  -webkit-tap-highlight-color: rgba(0,0,0,0);
-}
-
-body {
-  font-family: @font-family-base;
-  font-size: @font-size-base;
-  line-height: @line-height-base;
-  color: @text-color;
-  background-color: @body-bg;
-}
-
-// Reset fonts for relevant elements
-input,
-button,
-select,
-textarea {
-  font-family: inherit;
-  font-size: inherit;
-  line-height: inherit;
-}
-
-
-// Links
-
-a {
-  color: @link-color;
-  text-decoration: none;
-
-  &:hover,
-  &:focus {
-    color: @link-hover-color;
-    text-decoration: @link-hover-decoration;
-  }
-
-  &:focus {
-    .tab-focus();
-  }
-}
-
-
-// Figures
-//
-// We reset this here because previously Normalize had no `figure` margins. This
-// ensures we don't break anyone's use of the element.
-
-figure {
-  margin: 0;
-}
-
-
-// Images
-
-img {
-  vertical-align: middle;
-}
-
-// Responsive images (ensure images don't scale beyond their parents)
-.img-responsive {
-  .img-responsive();
-}
-
-// Rounded corners
-.img-rounded {
-  border-radius: @border-radius-large;
-}
-
-// Image thumbnails
-//
-// Heads up! This is mixin-ed into thumbnails.less for `.thumbnail`.
-.img-thumbnail {
-  padding: @thumbnail-padding;
-  line-height: @line-height-base;
-  background-color: @thumbnail-bg;
-  border: 1px solid @thumbnail-border;
-  border-radius: @thumbnail-border-radius;
-  .transition(all .2s ease-in-out);
-
-  // Keep them at most 100% wide
-  .img-responsive(inline-block);
-}
-
-// Perfect circle
-.img-circle {
-  border-radius: 50%; // set radius in percents
-}
-
-
-// Horizontal rules
-
-hr {
-  margin-top:    @line-height-computed;
-  margin-bottom: @line-height-computed;
-  border: 0;
-  border-top: 1px solid @hr-border;
-}
-
-
-// Only display content to screen readers
-//
-// See: http://a11yproject.com/posts/how-to-hide-content/
-
-.sr-only {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  margin: -1px;
-  padding: 0;
-  overflow: hidden;
-  clip: rect(0,0,0,0);
-  border: 0;
-}
-
-// Use in conjunction with .sr-only to only display content when it's focused.
-// Useful for "Skip to main content" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
-// Credit: HTML5 Boilerplate
-
-.sr-only-focusable {
-  &:active,
-  &:focus {
-    position: static;
-    width: auto;
-    height: auto;
-    margin: 0;
-    overflow: visible;
-    clip: auto;
-  }
-}
diff --git a/old-client/client/less/lib/bootstrap/tables.less b/old-client/client/less/lib/bootstrap/tables.less
deleted file mode 100755
index ba24498a39..0000000000
--- a/old-client/client/less/lib/bootstrap/tables.less
+++ /dev/null
@@ -1,234 +0,0 @@
-//
-// Tables
-// --------------------------------------------------
-
-
-table {
-  background-color: @table-bg;
-}
-caption {
-  padding-top: @table-cell-padding;
-  padding-bottom: @table-cell-padding;
-  color: @text-muted;
-  text-align: left;
-}
-th {
-  text-align: left;
-}
-
-
-// Baseline styles
-
-.table {
-  width: 100%;
-  max-width: 100%;
-  margin-bottom: @line-height-computed;
-  // Cells
-  > thead,
-  > tbody,
-  > tfoot {
-    > tr {
-      > th,
-      > td {
-        padding: @table-cell-padding;
-        line-height: @line-height-base;
-        vertical-align: top;
-        border-top: 1px solid @table-border-color;
-      }
-    }
-  }
-  // Bottom align for column headings
-  > thead > tr > th {
-    vertical-align: bottom;
-    border-bottom: 2px solid @table-border-color;
-  }
-  // Remove top border from thead by default
-  > caption + thead,
-  > colgroup + thead,
-  > thead:first-child {
-    > tr:first-child {
-      > th,
-      > td {
-        border-top: 0;
-      }
-    }
-  }
-  // Account for multiple tbody instances
-  > tbody + tbody {
-    border-top: 2px solid @table-border-color;
-  }
-
-  // Nesting
-  .table {
-    background-color: @body-bg;
-  }
-}
-
-
-// Condensed table w/ half padding
-
-.table-condensed {
-  > thead,
-  > tbody,
-  > tfoot {
-    > tr {
-      > th,
-      > td {
-        padding: @table-condensed-cell-padding;
-      }
-    }
-  }
-}
-
-
-// Bordered version
-//
-// Add borders all around the table and between all the columns.
-
-.table-bordered {
-  border: 1px solid @table-border-color;
-  > thead,
-  > tbody,
-  > tfoot {
-    > tr {
-      > th,
-      > td {
-        border: 1px solid @table-border-color;
-      }
-    }
-  }
-  > thead > tr {
-    > th,
-    > td {
-      border-bottom-width: 2px;
-    }
-  }
-}
-
-
-// Zebra-striping
-//
-// Default zebra-stripe styles (alternating gray and transparent backgrounds)
-
-.table-striped {
-  > tbody > tr:nth-child(odd) {
-    background-color: @table-bg-accent;
-  }
-}
-
-
-// Hover effect
-//
-// Placed here since it has to come after the potential zebra striping
-
-.table-hover {
-  > tbody > tr:hover {
-    background-color: @table-bg-hover;
-  }
-}
-
-
-// Table cell sizing
-//
-// Reset default table behavior
-
-table col[class*="col-"] {
-  position: static; // Prevent border hiding in Firefox and IE9/10 (see https://github.com/twbs/bootstrap/issues/11623)
-  float: none;
-  display: table-column;
-}
-table {
-  td,
-  th {
-    &[class*="col-"] {
-      position: static; // Prevent border hiding in Firefox and IE9/10 (see https://github.com/twbs/bootstrap/issues/11623)
-      float: none;
-      display: table-cell;
-    }
-  }
-}
-
-
-// Table backgrounds
-//
-// Exact selectors below required to override `.table-striped` and prevent
-// inheritance to nested tables.
-
-// Generate the contextual variants
-.table-row-variant(active; @table-bg-active);
-.table-row-variant(success; @state-success-bg);
-.table-row-variant(info; @state-info-bg);
-.table-row-variant(warning; @state-warning-bg);
-.table-row-variant(danger; @state-danger-bg);
-
-
-// Responsive tables
-//
-// Wrap your tables in `.table-responsive` and we'll make them mobile friendly
-// by enabling horizontal scrolling. Only applies <768px. Everything above that
-// will display normally.
-
-.table-responsive {
-  overflow-x: auto;
-  min-height: 0.01%; // Workaround for IE9 bug (see https://github.com/twbs/bootstrap/issues/14837)
-
-  @media screen and (max-width: @screen-xs-max) {
-    width: 100%;
-    margin-bottom: (@line-height-computed * 0.75);
-    overflow-y: hidden;
-    -ms-overflow-style: -ms-autohiding-scrollbar;
-    border: 1px solid @table-border-color;
-
-    // Tighten up spacing
-    > .table {
-      margin-bottom: 0;
-
-      // Ensure the content doesn't wrap
-      > thead,
-      > tbody,
-      > tfoot {
-        > tr {
-          > th,
-          > td {
-            white-space: nowrap;
-          }
-        }
-      }
-    }
-
-    // Special overrides for the bordered tables
-    > .table-bordered {
-      border: 0;
-
-      // Nuke the appropriate borders so that the parent can handle them
-      > thead,
-      > tbody,
-      > tfoot {
-        > tr {
-          > th:first-child,
-          > td:first-child {
-            border-left: 0;
-          }
-          > th:last-child,
-          > td:last-child {
-            border-right: 0;
-          }
-        }
-      }
-
-      // Only nuke the last row's bottom-border in `tbody` and `tfoot` since
-      // chances are there will be only one `tr` in a `thead` and that would
-      // remove the border altogether.
-      > tbody,
-      > tfoot {
-        > tr:last-child {
-          > th,
-          > td {
-            border-bottom: 0;
-          }
-        }
-      }
-
-    }
-  }
-}
diff --git a/old-client/client/less/lib/bootstrap/theme.less b/old-client/client/less/lib/bootstrap/theme.less
deleted file mode 100755
index 5a19d92422..0000000000
--- a/old-client/client/less/lib/bootstrap/theme.less
+++ /dev/null
@@ -1,260 +0,0 @@
-
-//
-// Load core variables and mixins
-// --------------------------------------------------
-
-@import "variables.less";
-@import "mixins.less";
-
-
-//
-// Buttons
-// --------------------------------------------------
-
-// Common styles
-.btn-default,
-.btn-primary,
-.btn-success,
-.btn-info,
-.btn-warning,
-.btn-danger {
-  text-shadow: 0 -1px 0 rgba(0,0,0,.2);
-  @shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075);
-  .box-shadow(@shadow);
-
-  // Reset the shadow
-  &:active,
-  &.active {
-    .box-shadow(inset 0 3px 5px rgba(0,0,0,.125));
-  }
-
-  .badge {
-    text-shadow: none;
-  }
-}
-
-// Mixin for generating new styles
-.btn-styles(@btn-color: #555) {
-  #gradient > .vertical(@start-color: @btn-color; @end-color: darken(@btn-color, 12%));
-  .reset-filter(); // Disable gradients for IE9 because filter bleeds through rounded corners
-  background-repeat: repeat-x;
-  border-color: darken(@btn-color, 14%);
-
-  &:hover,
-  &:focus  {
-    background-color: darken(@btn-color, 12%);
-    background-position: 0 -15px;
-  }
-
-  &:active,
-  &.active {
-    background-color: darken(@btn-color, 12%);
-    border-color: darken(@btn-color, 14%);
-  }
-
-  &:disabled,
-  &[disabled] {
-    background-color: darken(@btn-color, 12%);
-    background-image: none;
-  }
-}
-
-// Common styles
-.btn {
-  // Remove the gradient for the pressed/active state
-  &:active,
-  &.active {
-    background-image: none;
-  }
-}
-
-// Apply the mixin to the buttons
-.btn-default { .btn-styles(@btn-default-bg); text-shadow: 0 1px 0 #fff; border-color: #ccc; }
-.btn-primary { .btn-styles(@btn-primary-bg); }
-.btn-success { .btn-styles(@btn-success-bg); }
-.btn-info    { .btn-styles(@btn-info-bg); }
-.btn-warning { .btn-styles(@btn-warning-bg); }
-.btn-danger  { .btn-styles(@btn-danger-bg); }
-
-
-//
-// Images
-// --------------------------------------------------
-
-.thumbnail,
-.img-thumbnail {
-  .box-shadow(0 1px 2px rgba(0,0,0,.075));
-}
-
-
-//
-// Dropdowns
-// --------------------------------------------------
-
-.dropdown-menu > li > a:hover,
-.dropdown-menu > li > a:focus {
-  #gradient > .vertical(@start-color: @dropdown-link-hover-bg; @end-color: darken(@dropdown-link-hover-bg, 5%));
-  background-color: darken(@dropdown-link-hover-bg, 5%);
-}
-.dropdown-menu > .active > a,
-.dropdown-menu > .active > a:hover,
-.dropdown-menu > .active > a:focus {
-  #gradient > .vertical(@start-color: @dropdown-link-active-bg; @end-color: darken(@dropdown-link-active-bg, 5%));
-  background-color: darken(@dropdown-link-active-bg, 5%);
-}
-
-
-//
-// Navbar
-// --------------------------------------------------
-
-// Default navbar
-.navbar-default {
-  #gradient > .vertical(@start-color: lighten(@navbar-default-bg, 10%); @end-color: @navbar-default-bg);
-  .reset-filter(); // Remove gradient in IE<10 to fix bug where dropdowns don't get triggered
-  border-radius: @navbar-border-radius;
-  @shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 5px rgba(0,0,0,.075);
-  .box-shadow(@shadow);
-
-  .navbar-nav > .open > a,
-  .navbar-nav > .active > a {
-    #gradient > .vertical(@start-color: darken(@navbar-default-link-active-bg, 5%); @end-color: darken(@navbar-default-link-active-bg, 2%));
-    .box-shadow(inset 0 3px 9px rgba(0,0,0,.075));
-  }
-}
-.navbar-brand,
-.navbar-nav > li > a {
-  text-shadow: 0 1px 0 rgba(255,255,255,.25);
-}
-
-// Inverted navbar
-.navbar-inverse {
-  #gradient > .vertical(@start-color: lighten(@navbar-inverse-bg, 10%); @end-color: @navbar-inverse-bg);
-  .reset-filter(); // Remove gradient in IE<10 to fix bug where dropdowns don't get triggered
-
-  .navbar-nav > .open > a,
-  .navbar-nav > .active > a {
-    #gradient > .vertical(@start-color: @navbar-inverse-link-active-bg; @end-color: lighten(@navbar-inverse-link-active-bg, 2.5%));
-    .box-shadow(inset 0 3px 9px rgba(0,0,0,.25));
-  }
-
-  .navbar-brand,
-  .navbar-nav > li > a {
-    text-shadow: 0 -1px 0 rgba(0,0,0,.25);
-  }
-}
-
-// Undo rounded corners in static and fixed navbars
-.navbar-static-top,
-.navbar-fixed-top,
-.navbar-fixed-bottom {
-  border-radius: 0;
-}
-
-
-//
-// Alerts
-// --------------------------------------------------
-
-// Common styles
-.alert {
-  text-shadow: 0 1px 0 rgba(255,255,255,.2);
-  @shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 1px 2px rgba(0,0,0,.05);
-  .box-shadow(@shadow);
-}
-
-// Mixin for generating new styles
-.alert-styles(@color) {
-  #gradient > .vertical(@start-color: @color; @end-color: darken(@color, 7.5%));
-  border-color: darken(@color, 15%);
-}
-
-// Apply the mixin to the alerts
-.alert-success    { .alert-styles(@alert-success-bg); }
-.alert-info       { .alert-styles(@alert-info-bg); }
-.alert-warning    { .alert-styles(@alert-warning-bg); }
-.alert-danger     { .alert-styles(@alert-danger-bg); }
-
-
-//
-// Progress bars
-// --------------------------------------------------
-
-// Give the progress background some depth
-.progress {
-  #gradient > .vertical(@start-color: darken(@progress-bg, 4%); @end-color: @progress-bg)
-}
-
-// Mixin for generating new styles
-.progress-bar-styles(@color) {
-  #gradient > .vertical(@start-color: @color; @end-color: darken(@color, 10%));
-}
-
-// Apply the mixin to the progress bars
-.progress-bar            { .progress-bar-styles(@progress-bar-bg); }
-.progress-bar-success    { .progress-bar-styles(@progress-bar-success-bg); }
-.progress-bar-info       { .progress-bar-styles(@progress-bar-info-bg); }
-.progress-bar-warning    { .progress-bar-styles(@progress-bar-warning-bg); }
-.progress-bar-danger     { .progress-bar-styles(@progress-bar-danger-bg); }
-
-// Reset the striped class because our mixins don't do multiple gradients and
-// the above custom styles override the new `.progress-bar-striped` in v3.2.0.
-.progress-bar-striped {
-  #gradient > .striped();
-}
-
-
-//
-// List groups
-// --------------------------------------------------
-
-.list-group {
-  border-radius: @border-radius-base;
-  .box-shadow(0 1px 2px rgba(0,0,0,.075));
-}
-.list-group-item.active,
-.list-group-item.active:hover,
-.list-group-item.active:focus {
-  text-shadow: 0 -1px 0 darken(@list-group-active-bg, 10%);
-  #gradient > .vertical(@start-color: @list-group-active-bg; @end-color: darken(@list-group-active-bg, 7.5%));
-  border-color: darken(@list-group-active-border, 7.5%);
-
-  .badge {
-    text-shadow: none;
-  }
-}
-
-
-//
-// Panels
-// --------------------------------------------------
-
-// Common styles
-.panel {
-  .box-shadow(0 1px 2px rgba(0,0,0,.05));
-}
-
-// Mixin for generating new styles
-.panel-heading-styles(@color) {
-  #gradient > .vertical(@start-color: @color; @end-color: darken(@color, 5%));
-}
-
-// Apply the mixin to the panel headings only
-.panel-default > .panel-heading   { .panel-heading-styles(@panel-default-heading-bg); }
-.panel-primary > .panel-heading   { .panel-heading-styles(@panel-primary-heading-bg); }
-.panel-success > .panel-heading   { .panel-heading-styles(@panel-success-heading-bg); }
-.panel-info > .panel-heading      { .panel-heading-styles(@panel-info-heading-bg); }
-.panel-warning > .panel-heading   { .panel-heading-styles(@panel-warning-heading-bg); }
-.panel-danger > .panel-heading    { .panel-heading-styles(@panel-danger-heading-bg); }
-
-
-//
-// Wells
-// --------------------------------------------------
-
-.well {
-  #gradient > .vertical(@start-color: darken(@well-bg, 5%); @end-color: @well-bg);
-  border-color: darken(@well-bg, 10%);
-  @shadow: inset 0 1px 3px rgba(0,0,0,.05), 0 1px 0 rgba(255,255,255,.1);
-  .box-shadow(@shadow);
-}
diff --git a/old-client/client/less/lib/bootstrap/thumbnails.less b/old-client/client/less/lib/bootstrap/thumbnails.less
deleted file mode 100755
index 0713e67d00..0000000000
--- a/old-client/client/less/lib/bootstrap/thumbnails.less
+++ /dev/null
@@ -1,36 +0,0 @@
-//
-// Thumbnails
-// --------------------------------------------------
-
-
-// Mixin and adjust the regular image class
-.thumbnail {
-  display: block;
-  padding: @thumbnail-padding;
-  margin-bottom: @line-height-computed;
-  line-height: @line-height-base;
-  background-color: @thumbnail-bg;
-  border: 1px solid @thumbnail-border;
-  border-radius: @thumbnail-border-radius;
-  .transition(border .2s ease-in-out);
-
-  > img,
-  a > img {
-    &:extend(.img-responsive);
-    margin-left: auto;
-    margin-right: auto;
-  }
-
-  // Add a hover state for linked versions only
-  a&:hover,
-  a&:focus,
-  a&.active {
-    border-color: @link-color;
-  }
-
-  // Image captions
-  .caption {
-    padding: @thumbnail-caption-padding;
-    color: @thumbnail-caption-color;
-  }
-}
diff --git a/old-client/client/less/lib/bootstrap/tooltip.less b/old-client/client/less/lib/bootstrap/tooltip.less
deleted file mode 100755
index bd626996f9..0000000000
--- a/old-client/client/less/lib/bootstrap/tooltip.less
+++ /dev/null
@@ -1,95 +0,0 @@
-//
-// Tooltips
-// --------------------------------------------------
-
-
-// Base class
-.tooltip {
-  position: absolute;
-  z-index: @zindex-tooltip;
-  display: block;
-  visibility: visible;
-  font-size: @font-size-small;
-  line-height: 1.4;
-  .opacity(0);
-
-  &.in     { .opacity(@tooltip-opacity); }
-  &.top    { margin-top:  -3px; padding: @tooltip-arrow-width 0; }
-  &.right  { margin-left:  3px; padding: 0 @tooltip-arrow-width; }
-  &.bottom { margin-top:   3px; padding: @tooltip-arrow-width 0; }
-  &.left   { margin-left: -3px; padding: 0 @tooltip-arrow-width; }
-}
-
-// Wrapper for the tooltip content
-.tooltip-inner {
-  max-width: @tooltip-max-width;
-  padding: 3px 8px;
-  color: @tooltip-color;
-  text-align: center;
-  text-decoration: none;
-  background-color: @tooltip-bg;
-  border-radius: @border-radius-base;
-}
-
-// Arrows
-.tooltip-arrow {
-  position: absolute;
-  width: 0;
-  height: 0;
-  border-color: transparent;
-  border-style: solid;
-}
-.tooltip {
-  &.top .tooltip-arrow {
-    bottom: 0;
-    left: 50%;
-    margin-left: -@tooltip-arrow-width;
-    border-width: @tooltip-arrow-width @tooltip-arrow-width 0;
-    border-top-color: @tooltip-arrow-color;
-  }
-  &.top-left .tooltip-arrow {
-    bottom: 0;
-    left: @tooltip-arrow-width;
-    border-width: @tooltip-arrow-width @tooltip-arrow-width 0;
-    border-top-color: @tooltip-arrow-color;
-  }
-  &.top-right .tooltip-arrow {
-    bottom: 0;
-    right: @tooltip-arrow-width;
-    border-width: @tooltip-arrow-width @tooltip-arrow-width 0;
-    border-top-color: @tooltip-arrow-color;
-  }
-  &.right .tooltip-arrow {
-    top: 50%;
-    left: 0;
-    margin-top: -@tooltip-arrow-width;
-    border-width: @tooltip-arrow-width @tooltip-arrow-width @tooltip-arrow-width 0;
-    border-right-color: @tooltip-arrow-color;
-  }
-  &.left .tooltip-arrow {
-    top: 50%;
-    right: 0;
-    margin-top: -@tooltip-arrow-width;
-    border-width: @tooltip-arrow-width 0 @tooltip-arrow-width @tooltip-arrow-width;
-    border-left-color: @tooltip-arrow-color;
-  }
-  &.bottom .tooltip-arrow {
-    top: 0;
-    left: 50%;
-    margin-left: -@tooltip-arrow-width;
-    border-width: 0 @tooltip-arrow-width @tooltip-arrow-width;
-    border-bottom-color: @tooltip-arrow-color;
-  }
-  &.bottom-left .tooltip-arrow {
-    top: 0;
-    left: @tooltip-arrow-width;
-    border-width: 0 @tooltip-arrow-width @tooltip-arrow-width;
-    border-bottom-color: @tooltip-arrow-color;
-  }
-  &.bottom-right .tooltip-arrow {
-    top: 0;
-    right: @tooltip-arrow-width;
-    border-width: 0 @tooltip-arrow-width @tooltip-arrow-width;
-    border-bottom-color: @tooltip-arrow-color;
-  }
-}
diff --git a/old-client/client/less/lib/bootstrap/type.less b/old-client/client/less/lib/bootstrap/type.less
deleted file mode 100755
index 3ec976eefc..0000000000
--- a/old-client/client/less/lib/bootstrap/type.less
+++ /dev/null
@@ -1,302 +0,0 @@
-//
-// Typography
-// --------------------------------------------------
-
-
-// Headings
-// -------------------------
-
-h1, h2, h3, h4, h5, h6,
-.h1, .h2, .h3, .h4, .h5, .h6 {
-  font-family: @headings-font-family;
-  font-weight: @headings-font-weight;
-  line-height: @headings-line-height;
-  color: @headings-color;
-
-  small,
-  .small {
-    font-weight: normal;
-    line-height: 1;
-    color: @headings-small-color;
-  }
-}
-
-h1, .h1,
-h2, .h2,
-h3, .h3 {
-  margin-top: @line-height-computed;
-  margin-bottom: (@line-height-computed / 2);
-
-  small,
-  .small {
-    font-size: 65%;
-  }
-}
-h4, .h4,
-h5, .h5,
-h6, .h6 {
-  margin-top: (@line-height-computed / 2);
-  margin-bottom: (@line-height-computed / 2);
-
-  small,
-  .small {
-    font-size: 75%;
-  }
-}
-
-h1, .h1 { font-size: @font-size-h1; }
-h2, .h2 { font-size: @font-size-h2; }
-h3, .h3 { font-size: @font-size-h3; }
-h4, .h4 { font-size: @font-size-h4; }
-h5, .h5 { font-size: @font-size-h5; }
-h6, .h6 { font-size: @font-size-h6; }
-
-
-// Body text
-// -------------------------
-
-p {
-  margin: 0 0 (@line-height-computed / 2);
-}
-
-.lead {
-  margin-bottom: @line-height-computed;
-  font-size: floor((@font-size-base * 1.15));
-  font-weight: 300;
-  line-height: 1.4;
-
-  @media (min-width: @screen-sm-min) {
-    font-size: (@font-size-base * 1.5);
-  }
-}
-
-
-// Emphasis & misc
-// -------------------------
-
-// Ex: (12px small font / 14px base font) * 100% = about 85%
-small,
-.small {
-  font-size: floor((100% * @font-size-small / @font-size-base));
-}
-
-mark,
-.mark {
-  background-color: @state-warning-bg;
-  padding: .2em;
-}
-
-// Alignment
-.text-left           { text-align: left; }
-.text-right          { text-align: right; }
-.text-center         { text-align: center; }
-.text-justify        { text-align: justify; }
-.text-nowrap         { white-space: nowrap; }
-
-// Transformation
-.text-lowercase      { text-transform: lowercase; }
-.text-uppercase      { text-transform: uppercase; }
-.text-capitalize     { text-transform: capitalize; }
-
-// Contextual colors
-.text-muted {
-  color: @text-muted;
-}
-.text-primary {
-  .text-emphasis-variant(@brand-primary);
-}
-.text-success {
-  .text-emphasis-variant(@state-success-text);
-}
-.text-info {
-  .text-emphasis-variant(@state-info-text);
-}
-.text-warning {
-  .text-emphasis-variant(@state-warning-text);
-}
-.text-danger {
-  .text-emphasis-variant(@state-danger-text);
-}
-
-// Contextual backgrounds
-// For now we'll leave these alongside the text classes until v4 when we can
-// safely shift things around (per SemVer rules).
-.bg-primary {
-  // Given the contrast here, this is the only class to have its color inverted
-  // automatically.
-  color: #fff;
-  .bg-variant(@brand-primary);
-}
-.bg-success {
-  .bg-variant(@state-success-bg);
-}
-.bg-info {
-  .bg-variant(@state-info-bg);
-}
-.bg-warning {
-  .bg-variant(@state-warning-bg);
-}
-.bg-danger {
-  .bg-variant(@state-danger-bg);
-}
-
-
-// Page header
-// -------------------------
-
-.page-header {
-  padding-bottom: ((@line-height-computed / 2) - 1);
-  margin: (@line-height-computed * 2) 0 @line-height-computed;
-  border-bottom: 1px solid @page-header-border-color;
-}
-
-
-// Lists
-// -------------------------
-
-// Unordered and Ordered lists
-ul,
-ol {
-  margin-top: 0;
-  margin-bottom: (@line-height-computed / 2);
-  ul,
-  ol {
-    margin-bottom: 0;
-  }
-}
-
-// List options
-
-// Unstyled keeps list items block level, just removes default browser padding and list-style
-.list-unstyled {
-  padding-left: 0;
-  list-style: none;
-}
-
-// Inline turns list items into inline-block
-.list-inline {
-  .list-unstyled();
-  margin-left: -5px;
-
-  > li {
-    display: inline-block;
-    padding-left: 5px;
-    padding-right: 5px;
-  }
-}
-
-// Description Lists
-dl {
-  margin-top: 0; // Remove browser default
-  margin-bottom: @line-height-computed;
-}
-dt,
-dd {
-  line-height: @line-height-base;
-}
-dt {
-  font-weight: bold;
-}
-dd {
-  margin-left: 0; // Undo browser default
-}
-
-// Horizontal description lists
-//
-// Defaults to being stacked without any of the below styles applied, until the
-// grid breakpoint is reached (default of ~768px).
-
-.dl-horizontal {
-  dd {
-    &:extend(.clearfix all); // Clear the floated `dt` if an empty `dd` is present
-  }
-
-  @media (min-width: @grid-float-breakpoint) {
-    dt {
-      float: left;
-      width: (@dl-horizontal-offset - 20);
-      clear: left;
-      text-align: right;
-      .text-overflow();
-    }
-    dd {
-      margin-left: @dl-horizontal-offset;
-    }
-  }
-}
-
-
-// Misc
-// -------------------------
-
-// Abbreviations and acronyms
-abbr[title],
-// Add data-* attribute to help out our tooltip plugin, per https://github.com/twbs/bootstrap/issues/5257
-abbr[data-original-title] {
-  cursor: help;
-  border-bottom: 1px dotted @abbr-border-color;
-}
-.initialism {
-  font-size: 90%;
-  text-transform: uppercase;
-}
-
-// Blockquotes
-blockquote {
-  padding: (@line-height-computed / 2) @line-height-computed;
-  margin: 0 0 @line-height-computed;
-  font-size: @blockquote-font-size;
-  border-left: 5px solid @blockquote-border-color;
-
-  p,
-  ul,
-  ol {
-    &:last-child {
-      margin-bottom: 0;
-    }
-  }
-
-  // Note: Deprecated small and .small as of v3.1.0
-  // Context: https://github.com/twbs/bootstrap/issues/11660
-  footer,
-  small,
-  .small {
-    display: block;
-    font-size: 80%; // back to default font-size
-    line-height: @line-height-base;
-    color: @blockquote-small-color;
-
-    &:before {
-      content: '\2014 \00A0'; // em dash, nbsp
-    }
-  }
-}
-
-// Opposite alignment of blockquote
-//
-// Heads up: `blockquote.pull-right` has been deprecated as of v3.1.0.
-.blockquote-reverse,
-blockquote.pull-right {
-  padding-right: 15px;
-  padding-left: 0;
-  border-right: 5px solid @blockquote-border-color;
-  border-left: 0;
-  text-align: right;
-
-  // Account for citation
-  footer,
-  small,
-  .small {
-    &:before { content: ''; }
-    &:after {
-      content: '\00A0 \2014'; // nbsp, em dash
-    }
-  }
-}
-
-// Addresses
-address {
-  margin-bottom: @line-height-computed;
-  font-style: normal;
-  line-height: @line-height-base;
-}
diff --git a/old-client/client/less/lib/bootstrap/utilities.less b/old-client/client/less/lib/bootstrap/utilities.less
deleted file mode 100755
index a26031214b..0000000000
--- a/old-client/client/less/lib/bootstrap/utilities.less
+++ /dev/null
@@ -1,56 +0,0 @@
-//
-// Utility classes
-// --------------------------------------------------
-
-
-// Floats
-// -------------------------
-
-.clearfix {
-  .clearfix();
-}
-.center-block {
-  .center-block();
-}
-.pull-right {
-  float: right !important;
-}
-.pull-left {
-  float: left !important;
-}
-
-
-// Toggling content
-// -------------------------
-
-// Note: Deprecated .hide in favor of .hidden or .sr-only (as appropriate) in v3.0.1
-.hide {
-  display: none !important;
-}
-.show {
-  display: block !important;
-}
-.invisible {
-  visibility: hidden;
-}
-.text-hide {
-  .text-hide();
-}
-
-
-// Hide from screenreaders and browsers
-//
-// Credit: HTML5 Boilerplate
-
-.hidden {
-  display: none !important;
-  visibility: hidden !important;
-}
-
-
-// For Affix plugin
-// -------------------------
-
-.affix {
-  position: fixed;
-}
diff --git a/old-client/client/less/lib/bootstrap/variables.less b/old-client/client/less/lib/bootstrap/variables.less
deleted file mode 100755
index 15fcda30c3..0000000000
--- a/old-client/client/less/lib/bootstrap/variables.less
+++ /dev/null
@@ -1,874 +0,0 @@
-//
-// Variables
-// --------------------------------------------------
-@empty: ~'';
-
-
-//== Colors
-//
-//## Gray and brand colors for use across Bootstrap.
-
-@gray-base:              #000;
-@gray-darker:            lighten(@gray-base, 13.5%); // #222
-@gray-dark:              lighten(@gray-base, 20%);   // #333
-@gray:                   lighten(@gray-base, 33.5%); // #555
-@gray-light:             lighten(@gray-base, 46.7%); // #777
-@gray-lighter:           lighten(@gray-base, 93.5%); // #eee
-@silver-chalice:         lighten(@gray-base, 45%);   // #a6a6a6
-
-@brand-primary:         darkgreen;
-@brand-success:         #457E86;
-@brand-info:            #4A2B0F;
-@brand-warning:         #f0ad4e;
-@brand-danger:          #d9534f;
-
-@icon-gray:             #575757;
-@icon-light-gray:       #888888;
-//== Scaffolding
-//
-//## Settings for some of the most global styles.
-
-//** Background color for `<body>`.
-@body-bg:               #ffffff;
-//** Global text color on `<body>`.
-@text-color:            @gray-dark;
-
-//** Global textual link color.
-@link-color:            @brand-primary;
-//** Link hover color set via `darken()` function.
-@link-hover-color:      darken(@link-color, 15%);
-//** Link hover decoration.
-@link-hover-decoration: underline;
-
-//## Night mode styles
-@night-body-bg:         @gray-dark;
-@night-text-color:      #ccc;
-@night-search-color:    #044421;
-
-//== Typography
-//
-//## Font, line-height, and color for body text, headings, and more.
-
-@font-family-sans-serif:  "Helvetica Neue", Helvetica, Arial, sans-serif;
-@font-family-serif:       Georgia, "Times New Roman", Times, serif;
-//** Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`.
-@font-family-monospace:   Menlo, Monaco, Consolas, "Courier New", monospace;
-@font-family-base:        @font-family-sans-serif;
-
-@font-size-base:          15px;
-@font-size-large:         ceil((@font-size-base * 1.25)); // ~18px
-@font-size-small:         ceil((@font-size-base * 0.85)); // ~12px
-
-@font-size-h1:            floor((@font-size-base * 2.6)); // ~36px
-@font-size-h2:            floor((@font-size-base * 2.15)); // ~30px
-@font-size-h3:            ceil((@font-size-base * 1.7)); // ~24px
-@font-size-h4:            ceil((@font-size-base * 1.25)); // ~18px
-@font-size-h5:            @font-size-base;
-@font-size-h6:            ceil((@font-size-base * 0.85)); // ~12px
-
-//** Unit-less `line-height` for use in components like buttons.
-@line-height-base:        1.428571429; // 20/14
-//** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc.
-@line-height-computed:    floor((@font-size-base * @line-height-base)); // ~20px
-
-//** By default, this inherits from the `<body>`.
-@headings-font-family:    inherit;
-@headings-font-weight:    500;
-@headings-line-height:    1.1;
-@headings-color:          inherit;
-
-
-//== Iconography
-//
-//## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via npm.
-
-//** Load fonts from this directory.
-@icon-font-path:          "../fonts/";
-//** File name for all font files.
-@icon-font-name:          "glyphicons-halflings-regular";
-//** Element ID within SVG icon file.
-@icon-font-svg-id:        "glyphicons_halflingsregular";
-
-
-//== Components
-//
-//## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).
-
-@padding-base-vertical:     6px;
-@padding-base-horizontal:   12px;
-
-@padding-large-vertical:    10px;
-@padding-large-horizontal:  16px;
-
-@padding-small-vertical:    5px;
-@padding-small-horizontal:  10px;
-
-@padding-xs-vertical:       1px;
-@padding-xs-horizontal:     5px;
-
-@line-height-large:         1.33;
-@line-height-small:         1.5;
-
-@border-radius-base:        4px;
-@border-radius-large:       6px;
-@border-radius-small:       3px;
-
-//** Global color for active items (e.g., navs or dropdowns).
-@component-active-color:    @gray-lighter;
-//** Global background color for active items (e.g., navs or dropdowns).
-@component-active-bg:       @brand-primary;
-
-//** Width of the `border` for generating carets that indicator dropdowns.
-@caret-width-base:          4px;
-//** Carets increase slightly in size for larger components.
-@caret-width-large:         5px;
-
-
-//== Tables
-//
-//## Customizes the `.table` component with basic values, each used across all table variations.
-
-//** Padding for `<th>`s and `<td>`s.
-@table-cell-padding:            8px;
-//** Padding for cells in `.table-condensed`.
-@table-condensed-cell-padding:  5px;
-
-//** Default background color used for all tables.
-@table-bg:                      transparent;
-//** Background color used for `.table-striped`.
-@table-bg-accent:               #f9f9f9;
-//** Background color used for `.table-hover`.
-@table-bg-hover:                #f5f5f5;
-@table-bg-active:               @table-bg-hover;
-
-//** Border color for table and cell borders.
-@table-border-color:            #ddd;
-
-
-//== Buttons
-//
-//## For each of Bootstrap's buttons, define text, background and border color.
-
-@btn-font-weight:                normal;
-
-@btn-default-color:              #000000;
-@btn-default-bg:                 @body-bg;
-@btn-default-border:             #000000;
-
-@btn-primary-color:              @brand-primary;
-@btn-primary-bg:                 @brand-primary;
-@btn-primary-border:             darken(@btn-primary-bg, 5%);
-
-@btn-success-color:              @brand-success;
-@btn-success-bg:                 @brand-success;
-@btn-success-border:             darken(@btn-success-bg, 5%);
-
-@btn-info-color:                 @brand-info;
-@btn-info-bg:                    @brand-info;
-@btn-info-border:                darken(@btn-info-bg, 5%);
-
-@btn-warning-color:              @brand-warning;
-@btn-warning-bg:                 @brand-warning;
-@btn-warning-border:             darken(@btn-warning-bg, 5%);
-
-@btn-danger-color:               @brand-danger;
-@btn-danger-bg:                  @brand-danger;
-@btn-danger-border:              darken(@btn-danger-bg, 5%);
-
-@btn-link-disabled-color:        @gray-light;
-
-
-//== Forms
-//
-//##
-
-//** `<input>` background color
-@input-bg:                       @gray-lighter;
-//** `<input disabled>` background color
-@input-bg-disabled:              @gray-lighter;
-
-//** Text color for `<input>`s
-@input-color:                    @gray;
-//** `<input>` border color
-@input-border:                   #ccc;
-
-// TODO: Rename `@input-border-radius` to `@input-border-radius-base` in v4
-//** Default `.form-control` border radius
-@input-border-radius:            @border-radius-base;
-//** Large `.form-control` border radius
-@input-border-radius-large:      @border-radius-large;
-//** Small `.form-control` border radius
-@input-border-radius-small:      @border-radius-small;
-
-//** Border color for inputs on focus
-@input-border-focus:             #66afe9;
-
-//** Placeholder text color
-@input-color-placeholder:        #999;
-
-//** Default `.form-control` height
-@input-height-base:              (@line-height-computed + (@padding-base-vertical * 2) + 2);
-//** Large `.form-control` height
-@input-height-large:             (ceil(@font-size-large * @line-height-large) + (@padding-large-vertical * 2) + 2);
-//** Small `.form-control` height
-@input-height-small:             (floor(@font-size-small * @line-height-small) + (@padding-small-vertical * 2) + 2);
-
-@legend-color:                   @gray-dark;
-@legend-border-color:            #e5e5e5;
-
-//** Background color for textual input addons
-@input-group-addon-bg:           @gray-lighter;
-//** Border color for textual input addons
-@input-group-addon-border-color: @input-border;
-
-//** Disabled cursor for form controls and buttons.
-@cursor-disabled:                not-allowed;
-
-
-//== Dropdowns
-//
-//## Dropdown menu container and contents.
-
-//** Background for the dropdown menu.
-@dropdown-bg:                    @gray-lighter;
-//** Dropdown menu `border-color`.
-@dropdown-border:                rgba(0,0,0,.15);
-//** Dropdown menu `border-color` **for IE8**.
-@dropdown-fallback-border:       #ccc;
-//** Divider color for between dropdown items.
-@dropdown-divider-bg:            #e5e5e5;
-
-//** Dropdown link text color.
-@dropdown-link-color:            darkgreen;
-//** Hover color for dropdown links.
-@dropdown-link-hover-color:      darkgreen;
-//** Hover background for dropdown links.
-@dropdown-link-hover-bg:         #f5f5f5;
-
-//** Active dropdown menu item text color.
-@dropdown-link-active-color:     @component-active-color;
-//** Active dropdown menu item background color.
-@dropdown-link-active-bg:        @component-active-bg;
-
-//** Disabled dropdown menu item background color.
-@dropdown-link-disabled-color:   @gray-light;
-
-//** Text color for headers within dropdown menus.
-@dropdown-header-color:          @gray-light;
-
-//** Deprecated `@dropdown-caret-color` as of v3.1.0
-@dropdown-caret-color:           #000;
-
-
-//-- Z-index master list
-//
-// Warning: Avoid customizing these values. They're used for a bird's eye view
-// of components dependent on the z-axis and are designed to all work together.
-//
-// Note: These variables are not generated into the Customizer.
-
-@zindex-navbar:            1000;
-@zindex-dropdown:          1000;
-@zindex-popover:           1060;
-@zindex-tooltip:           1070;
-@zindex-navbar-fixed:      1030;
-@zindex-modal:             1040;
-
-
-//== Media queries breakpoints
-//
-//## Define the breakpoints at which your layout will change, adapting to different screen sizes.
-
-// Extra small screen / phone
-//** Deprecated `@screen-xs` as of v3.0.1
-@screen-xs:                  480px;
-//** Deprecated `@screen-xs-min` as of v3.2.0
-@screen-xs-min:              @screen-xs;
-//** Deprecated `@screen-phone` as of v3.0.1
-@screen-phone:               @screen-xs-min;
-
-// Small screen / tablet
-//** Deprecated `@screen-sm` as of v3.0.1
-@screen-sm:                  768px;
-@screen-sm-min:              @screen-sm;
-//** Deprecated `@screen-tablet` as of v3.0.1
-@screen-tablet:              @screen-sm-min;
-
-// Medium screen / desktop
-//** Deprecated `@screen-md` as of v3.0.1
-@screen-md:                  1031px;
-@screen-md-min:              @screen-md;
-//** Deprecated `@screen-desktop` as of v3.0.1
-@screen-desktop:             @screen-md-min;
-
-// Large screen / wide desktop
-//** Deprecated `@screen-lg` as of v3.0.1
-@screen-lg:                  1200px;
-@screen-lg-min:              @screen-lg;
-//** Deprecated `@screen-lg-desktop` as of v3.0.1
-@screen-lg-desktop:          @screen-lg-min;
-
-// Large screen / wide desktop
-@screen-xl:                  1400px;
-@screen-lg-min:              @screen-lg;
-
-// So media queries don't overlap when required, provide a maximum
-@screen-xs-max:              (@screen-sm-min - 1);
-@screen-sm-max:              (@screen-md-min - 1);
-@screen-md-max:              (@screen-lg-min - 1);
-
-
-//== Grid system
-//
-//## Define your custom responsive grid.
-
-//** Number of columns in the grid.
-@grid-columns:              12;
-//** Padding between columns. Gets divided in half for the left and right.
-@grid-gutter-width:         30px;
-// Navbar collapse
-//** Point at which the navbar becomes uncollapsed.
-@grid-float-breakpoint:     955px;
-//** Point at which the navbar begins collapsing.
-@grid-float-breakpoint-max: (@grid-float-breakpoint - 1);
-
-
-//== Container sizes
-//
-//## Define the maximum width of `.container` for different screen sizes.
-
-// Small screen / tablet
-@container-tablet:             (720px + @grid-gutter-width);
-//** For `@screen-sm-min` and up.
-@container-sm:                 @container-tablet;
-
-// Medium screen / desktop
-@container-desktop:            (940px + @grid-gutter-width);
-//** For `@screen-md-min` and up.
-@container-md:                 @container-desktop;
-
-// Large screen / wide desktop
-@container-large-desktop:      (1140px + @grid-gutter-width);
-//** For `@screen-lg-min` and up.
-@container-lg:                 @container-large-desktop;
-
-@container-xl:                 (1340px + @grid-gutter-width);
-
-
-//== Navbar
-//
-//##
-
-// Basics of a navbar
-@navbar-height:                    36px;
-@navbar-margin-bottom:             @line-height-computed+10px;
-@navbar-total-height: @navbar-height + @navbar-margin-bottom;
-@navbar-border-radius:             @border-radius-base;
-@navbar-padding-horizontal:        floor((@grid-gutter-width / 2));
-@navbar-padding-vertical:          ((@navbar-height - @line-height-computed) / 2);
-@navbar-collapse-max-height:       340px;
-
-@navbar-default-color:             #777;
-@navbar-default-bg:                #f8f8f8;
-@navbar-default-border:            darken(@navbar-default-bg, 6.5%);
-
-// Navbar links
-@navbar-default-link-color:                @gray-lighter;
-@navbar-default-link-hover-color:          darkgreen;
-@navbar-default-link-hover-bg:             @gray-lighter;
-@navbar-default-link-active-color:         darkgreen;
-@navbar-default-link-active-bg:            @gray-lighter;
-@navbar-default-link-disabled-color:       #ccc;
-@navbar-default-link-disabled-bg:          transparent;
-
-// Navbar brand label
-@navbar-default-brand-color:               @navbar-default-link-color;
-@navbar-default-brand-hover-color:         darken(@navbar-default-brand-color, 10%);
-@navbar-default-brand-hover-bg:            transparent;
-
-// Navbar toggle
-@navbar-default-toggle-hover-bg:           #ddd;
-@navbar-default-toggle-icon-bar-bg:        #888;
-@navbar-default-toggle-border-color:       #ddd;
-
-
-// Inverted navbar
-// Reset inverted navbar basics
-@navbar-inverse-color:                      lighten(@gray-light, 15%);
-@navbar-inverse-bg:                         #222;
-@navbar-inverse-border:                     darken(@navbar-inverse-bg, 10%);
-
-// Inverted navbar links
-@navbar-inverse-link-color:                 @gray-light;
-@navbar-inverse-link-hover-color:           @gray-lighter;
-@navbar-inverse-link-hover-bg:              transparent;
-@navbar-inverse-link-active-color:          @navbar-inverse-link-hover-color;
-@navbar-inverse-link-active-bg:             darken(@navbar-inverse-bg, 10%);
-@navbar-inverse-link-disabled-color:        #444;
-@navbar-inverse-link-disabled-bg:           transparent;
-
-// Inverted navbar brand label
-@navbar-inverse-brand-color:                @navbar-inverse-link-color;
-@navbar-inverse-brand-hover-color:          @gray-lighter;
-@navbar-inverse-brand-hover-bg:             transparent;
-
-// Inverted navbar toggle
-@navbar-inverse-toggle-hover-bg:            #333;
-@navbar-inverse-toggle-icon-bar-bg:         @gray-lighter;
-@navbar-inverse-toggle-border-color:        #333;
-
-
-//== Navs
-//
-//##
-
-//=== Shared nav styles
-@nav-link-padding:                          10px 15px;
-@nav-link-hover-bg:                         @gray-lighter;
-
-@nav-disabled-link-color:                   @gray-light;
-@nav-disabled-link-hover-color:             @gray-light;
-
-@nav-open-link-hover-color:                 @gray-lighter;
-
-//== Tabs
-@nav-tabs-border-color:                     #ddd;
-
-@nav-tabs-link-hover-border-color:          @gray-lighter;
-
-@nav-tabs-active-link-hover-bg:             @body-bg;
-@nav-tabs-active-link-hover-color:          @gray;
-@nav-tabs-active-link-hover-border-color:   #ddd;
-
-@nav-tabs-justified-link-border-color:            #ddd;
-@nav-tabs-justified-active-link-border-color:     @body-bg;
-
-//== Pills
-@nav-pills-border-radius:                   @border-radius-base;
-@nav-pills-active-link-hover-bg:            @component-active-bg;
-@nav-pills-active-link-hover-color:         @component-active-color;
-
-
-//== Pagination
-//
-//##
-
-@pagination-color:                     @link-color;
-@pagination-bg:                        @gray-lighter;
-@pagination-border:                    #ddd;
-
-@pagination-hover-color:               @link-hover-color;
-@pagination-hover-bg:                  @gray-lighter;
-@pagination-hover-border:              #ddd;
-
-@pagination-active-color:              @gray-lighter;
-@pagination-active-bg:                 @brand-primary;
-@pagination-active-border:             @brand-primary;
-
-@pagination-disabled-color:            @gray-light;
-@pagination-disabled-bg:               @gray-lighter;
-@pagination-disabled-border:           #ddd;
-
-
-//== Pager
-//
-//##
-
-@pager-bg:                             @pagination-bg;
-@pager-border:                         @pagination-border;
-@pager-border-radius:                  15px;
-
-@pager-hover-bg:                       @pagination-hover-bg;
-
-@pager-active-bg:                      @pagination-active-bg;
-@pager-active-color:                   @pagination-active-color;
-
-@pager-disabled-color:                 @pagination-disabled-color;
-
-
-//== Jumbotron
-//
-//##
-
-@jumbotron-padding:              30px;
-@jumbotron-color:                inherit;
-@jumbotron-bg:                   @gray-lighter;
-@jumbotron-heading-color:        inherit;
-@jumbotron-font-size:            ceil((@font-size-base * 1.5));
-
-
-//== Form states and alerts
-//
-//## Define colors for form feedback states and, by default, alerts.
-
-@state-success-text:             #215f1e;
-@state-success-bg:               #dff0d8;
-@state-success-border:           darken(spin(@state-success-bg, -10), 5%);
-
-@state-info-text:                #31708f;
-@state-info-bg:                  #d9edf7;
-@state-info-border:              darken(spin(@state-info-bg, -10), 7%);
-
-@state-warning-text:             #8a6d3b;
-@state-warning-bg:               #fcf8e3;
-@state-warning-border:           darken(spin(@state-warning-bg, -10), 5%);
-
-@state-danger-text:              #a94442;
-@state-danger-bg:                #f2dede;
-@state-danger-border:            darken(spin(@state-danger-bg, -10), 5%);
-
-
-//== Tooltips
-//
-//##
-
-//** Tooltip max width
-@tooltip-max-width:           200px;
-//** Tooltip text color
-@tooltip-color:               @gray-lighter;
-//** Tooltip background color
-@tooltip-bg:                  #000;
-@tooltip-opacity:             .9;
-
-//** Tooltip arrow width
-@tooltip-arrow-width:         5px;
-//** Tooltip arrow color
-@tooltip-arrow-color:         @tooltip-bg;
-
-
-//== Popovers
-//
-//##
-
-//** Popover body background color
-@popover-bg:                          @gray-lighter;
-//** Popover maximum width
-@popover-max-width:                   276px;
-//** Popover border color
-@popover-border-color:                rgba(0,0,0,.2);
-//** Popover fallback border color
-@popover-fallback-border-color:       #ccc;
-
-//** Popover title background color
-@popover-title-bg:                    darken(@popover-bg, 3%);
-
-//** Popover arrow width
-@popover-arrow-width:                 10px;
-//** Popover arrow color
-@popover-arrow-color:                 @gray-lighter;
-@popover-arrow-color:                 @popover-bg;
-
-//** Popover outer arrow width
-@popover-arrow-outer-width:           (@popover-arrow-width + 1);
-//** Popover outer arrow color
-@popover-arrow-outer-color:           fadein(@popover-border-color, 5%);
-//** Popover outer arrow fallback color
-@popover-arrow-outer-fallback-color:  darken(@popover-fallback-border-color, 20%);
-
-
-//== Labels
-//
-//##
-
-//** Default label background color
-@label-default-bg:            @gray-light;
-//** Primary label background color
-@label-primary-bg:            @brand-primary;
-//** Success label background color
-@label-success-bg:            @brand-success;
-//** Info label background color
-@label-info-bg:               @brand-info;
-//** Warning label background color
-@label-warning-bg:            @brand-warning;
-//** Danger label background color
-@label-danger-bg:             @brand-danger;
-
-//** Default label text color
-@label-color:                 @gray-lighter;
-//** Default text color of a linked label
-@label-link-hover-color:      @gray-lighter;
-
-
-//== Modals
-//
-//##
-
-//** Padding applied to the modal body
-@modal-inner-padding:         15px;
-
-//** Padding applied to the modal title
-@modal-title-padding:         15px;
-//** Modal title line-height
-@modal-title-line-height:     @line-height-base;
-
-//** Background color of modal content area
-@modal-content-bg:                             @gray-lighter;
-//** Modal content border color
-@modal-content-border-color:                   rgba(0,0,0,.2);
-//** Modal content border color **for IE8**
-@modal-content-fallback-border-color:          #999;
-
-//** Modal backdrop background color
-@modal-backdrop-bg:           #000;
-//** Modal backdrop opacity
-@modal-backdrop-opacity:      .5;
-//** Modal header border color
-@modal-header-border-color:   #e5e5e5;
-//** Modal footer border color
-@modal-footer-border-color:   @modal-header-border-color;
-
-@modal-lg:                    900px;
-@modal-md:                    600px;
-@modal-sm:                    300px;
-
-
-//== Alerts
-//
-//## Define alert colors, border radius, and padding.
-
-@alert-padding:               15px;
-@alert-border-radius:         @border-radius-base;
-@alert-link-font-weight:      bold;
-
-@alert-success-bg:            @state-success-bg;
-@alert-success-text:          @state-success-text;
-@alert-success-border:        @state-success-border;
-
-@alert-info-bg:               @state-info-bg;
-@alert-info-text:             @state-info-text;
-@alert-info-border:           @state-info-border;
-
-@alert-warning-bg:            @state-warning-bg;
-@alert-warning-text:          @state-warning-text;
-@alert-warning-border:        @state-warning-border;
-
-@alert-danger-bg:             @state-danger-bg;
-@alert-danger-text:           @state-danger-text;
-@alert-danger-border:         @state-danger-border;
-
-
-//== Progress bars
-//
-//##
-
-//** Background color of the whole progress component
-@progress-bg:                 #f5f5f5;
-//** Progress bar text color
-@progress-bar-color:          @gray-lighter;
-
-//** Variable for setting rounded corners on progress bar.
-@progress-border-radius:      @border-radius-base;
-
-//** Default progress bar color
-@progress-bar-bg:             @brand-primary;
-//** Success progress bar color
-@progress-bar-success-bg:     @brand-success;
-//** Warning progress bar color
-@progress-bar-warning-bg:     @brand-warning;
-//** Danger progress bar color
-@progress-bar-danger-bg:      @brand-danger;
-//** Info progress bar color
-@progress-bar-info-bg:        @brand-info;
-
-
-//== List group
-//
-//##
-
-//** Background color on `.list-group-item`
-@list-group-bg:                 @body-bg;
-//** `.list-group-item` border color
-@list-group-border:             #ddd;
-//** List group border radius
-@list-group-border-radius:      @border-radius-base;
-
-//** Background color of single list items on hover
-@list-group-hover-bg:           #f5f5f5;
-//** Text color of active list items
-@list-group-active-color:       @component-active-color;
-//** Background color of active list items
-@list-group-active-bg:          @component-active-bg;
-//** Border color of active list elements
-@list-group-active-border:      @list-group-active-bg;
-//** Text color for content within active list items
-@list-group-active-text-color:  lighten(@list-group-active-bg, 40%);
-
-//** Text color of disabled list items
-@list-group-disabled-color:      @gray-light;
-//** Background color of disabled list items
-@list-group-disabled-bg:         @gray-lighter;
-//** Text color for content within disabled list items
-@list-group-disabled-text-color: @list-group-disabled-color;
-
-@list-group-link-color:         #555;
-@list-group-link-hover-color:   @list-group-link-color;
-@list-group-link-heading-color: #333;
-
-
-//== Panels
-//
-//##
-
-@panel-bg:                    @gray-lighter;
-@panel-body-padding:          15px;
-@panel-heading-padding:       10px 15px;
-@panel-footer-padding:        @panel-heading-padding;
-@panel-border-radius:         @border-radius-base;
-
-//** Border color for elements within panels
-@panel-inner-border:          #ccc;
-@panel-footer-bg:             #dedede;
-
-@panel-default-text:          @gray-dark;
-@panel-default-border:        #ddd;
-@panel-default-heading-bg:    #f5f5f5;
-
-@panel-primary-text:          @gray-lighter;
-@panel-primary-border:        @brand-primary;
-@panel-primary-heading-bg:    @brand-primary;
-
-@panel-success-text:          @state-success-text;
-@panel-success-border:        @state-success-border;
-@panel-success-heading-bg:    @state-success-bg;
-
-@panel-info-text:             @gray-lighter;
-@panel-info-border:           darken(@brand-primary, 5%);
-@panel-info-heading-bg:       @brand-primary;
-
-@panel-warning-text:          @state-warning-text;
-@panel-warning-border:        @state-warning-border;
-@panel-warning-heading-bg:    @state-warning-bg;
-
-@panel-danger-text:           @state-danger-text;
-@panel-danger-border:         @state-danger-border;
-@panel-danger-heading-bg:     @state-danger-bg;
-
-
-//== Thumbnails
-//
-//##
-
-//** Padding around the thumbnail image
-@thumbnail-padding:           4px;
-//** Thumbnail background color
-@thumbnail-bg:                @body-bg;
-//** Thumbnail border color
-@thumbnail-border:            #ddd;
-//** Thumbnail border radius
-@thumbnail-border-radius:     @border-radius-base;
-
-//** Custom text color for thumbnail captions
-@thumbnail-caption-color:     @text-color;
-//** Padding around the thumbnail caption
-@thumbnail-caption-padding:   9px;
-
-
-//== Wells
-//
-//##
-
-@well-bg:                     #f5f5f5;
-@well-border:                 darken(@well-bg, 7%);
-
-
-//== Badges
-//
-//##
-
-@badge-color:                 @gray-lighter;
-//** Linked badge text color on hover
-@badge-link-hover-color:      @gray-lighter;
-@badge-bg:                    @gray-light;
-
-//** Badge text color in active nav link
-@badge-active-color:          @link-color;
-//** Badge background color in active nav link
-@badge-active-bg:             @gray-lighter;
-
-@badge-font-weight:           bold;
-@badge-line-height:           1;
-@badge-border-radius:         10px;
-
-
-//== Breadcrumbs
-//
-//##
-
-@breadcrumb-padding-vertical:   8px;
-@breadcrumb-padding-horizontal: 15px;
-//** Breadcrumb background color
-@breadcrumb-bg:                 #f5f5f5;
-//** Breadcrumb text color
-@breadcrumb-color:              #ccc;
-//** Text color of current page in the breadcrumb
-@breadcrumb-active-color:       @gray-light;
-//** Textual separator for between breadcrumb elements
-@breadcrumb-separator:          "/";
-
-
-//== Carousel
-//
-//##
-
-@carousel-text-shadow:                        0 1px 2px rgba(0,0,0,.6);
-
-@carousel-control-color:                      @gray-lighter;
-@carousel-control-width:                      15%;
-@carousel-control-opacity:                    .5;
-@carousel-control-font-size:                  20px;
-
-@carousel-indicator-active-bg:                @gray-lighter;
-@carousel-indicator-border-color:             @gray-lighter;
-
-@carousel-caption-color:                      @gray-lighter;
-
-
-//== Close
-//
-//##
-
-@close-font-weight:           bold;
-@close-color:                 #000;
-@close-text-shadow:           0 1px 0 @gray-lighter;
-
-
-//== Code
-//
-//##
-
-@code-color:                  #c7254e;
-@code-bg:                     #f9f2f4;
-
-@kbd-color:                   @gray-lighter;
-@kbd-bg:                      #333;
-
-@pre-bg:                      #f5f5f5;
-@pre-color:                   @gray-dark;
-@pre-border-color:            #ccc;
-@pre-scrollable-max-height:   340px;
-
-
-//== Type
-//
-//##
-
-//** Horizontal offset for forms and lists.
-@component-offset-horizontal: 180px;
-//** Text muted color
-@text-muted:                  @gray-light;
-//** Abbreviations and acronyms border color
-@abbr-border-color:           @gray-light;
-//** Headings small color
-@headings-small-color:        @gray-light;
-//** Blockquote small color
-@blockquote-small-color:      @gray-light;
-//** Blockquote font size
-@blockquote-font-size:        (@font-size-base * 1.25);
-//** Blockquote border color
-@blockquote-border-color:     @gray-lighter;
-//** Page header border color
-@page-header-border-color:    @gray-lighter;
-//** Width of horizontal description list titles
-@dl-horizontal-offset:        @component-offset-horizontal;
-//** Horizontal line color.
-@hr-border:                   @gray-lighter;
diff --git a/old-client/client/less/lib/bootstrap/wells.less b/old-client/client/less/lib/bootstrap/wells.less
deleted file mode 100755
index 15d072b0cd..0000000000
--- a/old-client/client/less/lib/bootstrap/wells.less
+++ /dev/null
@@ -1,29 +0,0 @@
-//
-// Wells
-// --------------------------------------------------
-
-
-// Base class
-.well {
-  min-height: 20px;
-  padding: 19px;
-  margin-bottom: 20px;
-  background-color: @well-bg;
-  border: 1px solid @well-border;
-  border-radius: @border-radius-base;
-  .box-shadow(inset 0 1px 1px rgba(0,0,0,.05));
-  blockquote {
-    border-color: #ddd;
-    border-color: rgba(0,0,0,.15);
-  }
-}
-
-// Sizes
-.well-lg {
-  padding: 24px;
-  border-radius: @border-radius-large;
-}
-.well-sm {
-  padding: 9px;
-  border-radius: @border-radius-small;
-}
diff --git a/old-client/client/less/main.less b/old-client/client/less/main.less
deleted file mode 100644
index d25f7e2242..0000000000
--- a/old-client/client/less/main.less
+++ /dev/null
@@ -1,1075 +0,0 @@
-@import "./lib/bootstrap/bootstrap";
-@import "./lib/bootstrap-social/bootstrap-social";
-@import "./lib/animate";
-@import "./lib/bootstrap/variables";
-@import "./flexgrid.less";
-
-html,body,div,span,a,li,td,th {
-  font-family: 'Lato', sans-serif;
-}
-
-bold {
-  font-family: 'Lato-Bold', sans-serif;
-  font-weight: Bold;
-}
-
-li, .wrappable {
-  white-space: pre;           /* CSS 2.0 */
-  white-space: pre-wrap;      /* CSS 2.1 */
-  white-space: pre-line;      /* CSS 3.0 */
-  white-space: -pre-wrap;     /* Opera 4-6 */
-  white-space: -o-pre-wrap;   /* Opera 7 */
-  white-space: -moz-pre-wrap; /* Mozilla */
-  white-space: -hp-pre-wrap;  /* HP Printers */
-  word-wrap: break-word;      /* IE 5+ */
-}
-
-pre.wrappable {
-  white-space: pre;           /* CSS 2.0 */
-  white-space: pre-wrap;      /* CSS 2.1 */
-  white-space: -pre-wrap;     /* Opera 4-6 */
-  white-space: -o-pre-wrap;   /* Opera 7 */
-  white-space: -moz-pre-wrap; /* Mozilla */
-  white-space: -hp-pre-wrap;  /* HP Printers */
-  word-wrap: break-word;      /* IE 5+ */
-}
-
-.checkbox label:after {
-  content: '';
-  display: table;
-  clear: both;
-}
-
-.checkbox .cr {
-  position: relative;
-  display: inline-block;
-  border: 1px solid #a9a9a9;
-  border-radius: .25em;
-  width: 1.3em;
-  height: 1.3em;
-  float: left;
-  margin-right: .5em;
-}
-
-.checkbox .cr .cr-icon {
-  position: absolute;
-  font-size: .8em;
-  line-height: 0;
-  top: 50%;
-  transform: translateY(-45%);
-  left: 15%;
-}
-
-.checkbox label input[type="checkbox"] {
-  display: none;
-}
-
-.checkbox label input[type="checkbox"]+.cr>.cr-icon {
-  opacity: 0;
-}
-
-.checkbox label input[type="checkbox"]:checked+.cr>.cr-icon {
-  opacity: 1;
-}
-
-.checkbox label input[type="checkbox"]:disabled+.cr {
-  opacity: .5;
-}
-
-.btn-group {
-  border-color: @brand-primary;
-}
-
-.btn-group-vertical {
-  width: 100%;
-}
-
-.full-screen-body-background {
-  background-color: @body-bg;
-}
-
-.no-top-and-bottom-margins {
-  margin: 75px 20px 0px 20px;
-}
-
-h1, h2 {
-  font-weight: 400;
-}
-
-
-h1, h2, h3, h4, h5, h6, p, li {
-  padding-top: 5px;
-  padding-bottom: 5px;
-}
-
-// Alerts
-// -------------------------
-
-.alert {
-  margin-top: 20px;
-}
-
-.not-found, .not-found .btn-primary {
-  display: grid;
-  margin: auto;
-  a:hover,
-  a:focus,
-  a:active {
-    text-decoration: none;
-  }
-}
-
-// Thumbnails
-// -------------------------
-
-.thumbnail {
-  background-color: #EEEEEE;
-//  box-shadow: 0 0 5px #ccc, inset 0 0 0 #000;
-}
-
-// Font Icons
-// -------------------------
-
-.fa {
-  margin-right: 5px;
-}
-
-.fa:hover {
-  text-decoration: none;
-}
-
-.no-link-underline {
-  text-decoration: none;
-}
-
-.img-center {
-  margin: 0 auto;
-}
-
-.btn-cta {
-  font-size: 40px;
-}
-
-.shadow {
-  white-space: normal;
-  -webkit-box-shadow: 2px 4px 1px rgba(0, 0, 0, 0.3);
-  -moz-box-shadow:    2px 4px 1px rgba(0, 0, 0, 0.3);
-  box-shadow:         2px 4px 1px rgba(0, 0, 0, 0.3);
-}
-
-.large-li > li {
-  list-style: none;
-}
-
-.panel-heading {
-  font-size: 25px;
-}
-
-.panel-heading > h1 {
-  font-size: 25px;
-  padding: 2px;
-  margin: 2px;
-}
-
-.hide-test-frame {
-  position: absolute;
-  top: -9999px;
-  left: -9999px;
-  visibility: hidden;
-}
-
-.landing-icon {
-  height: 100px;
-  width: 100px;
-}
-
-p.stats {
-  font-size: 2rem;
-}
-
-.green-text {
-  color: #006400;
-}
-
-.more-button-container {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-
-  div {
-    flex-grow: 1;
-  }
-}
-
-.completion-icon {
-  font-size: 150px;
-}
-
-.positive-15 {
-  margin-top: 15px;
-}
-
-.positive-20 {
-  margin-top: 20px;
-}
-
-.positive-15-bottom {
-  margin-bottom: 15px;
-}
-
-.positive-10 {
-  margin-top: 10px;
-}
-
-.positive-5 {
-  margin-top: 5px;
-}
-
-.negative-5 {
-  margin-top: -5px;
-}
-
-.negative-10 {
-  margin-top: -10px;
-}
-
-.negative-15 {
-  margin-top: -15px;
-}
-
-.negative-20 {
-  margin-top: -20px;
-}
-
-.negative-28 {
-  margin-top: -28px;
-}
-
-.negative-30 {
-  margin-top: -30px;
-}
-
-.negative-30-bottom {
-  margin-bottom: -30px;
-}
-
-.negative-35 {
-  margin-top: -35px;
-}
-
-.negative-55 {
-  margin-top: -55px;
-  margin-bottom: -55px;
-}
-
-.large-p {
-  font-size: 24px;
-}
-
-.small-p {
-  font-size: 14px;
-}
-
-.map-p {
-  font-size: 20px;
-}
-
-.map-row-numbers {
-  text-align: right;
-  padding-right: 5px;
-  padding-left: 5px;
-}
-
-.link-table td{
-  font-size: 16px;
-  border-top: none !important;
-  @media (min-width: 767px) {
-    font-size: 24px;
-  }
-}
-
-.capitalize {
-  text-transform: capitalize;
-}
-
-.text-success {
-  color: @brand-primary;
-}
-
-.fast-animation {
-  -webkit-animation-duration: 0.5s;
-  animation-duration: 0.5s;
-}
-
-.disabled {
-  pointer-events: none;
-  cursor: default;
-  color: graytext !important;
-}
-
-.hidden-element {
-  display: none;
-}
-
-.thin-progress-bar {
-  height: 8px;
-  margin-top: 3px;
-  margin-bottom: 0px;
-  width: 60%;
-  margin-right: auto;
-  margin-left: auto;
-}
-
-.panel-body {
-  margin-bottom: -6px;
-}
-
-.lb-container {
-  padding: 0px;
-}
-
-.btn-social {
-  width: 100%;
-  max-width: 260px;
-  margin: auto;
-}
-
-.btn-link-social {
-  max-width: 400px;
-  margin: auto;
-  margin-bottom: 10px;
-  @media (max-width: 450px) {
-    max-width: 90vw;
-  }
-}
-
-a {
-  font-weight: 500;
-  font-size : 15px;
-}
-
-.update-link {
-  text-decoration: underline;
-  font-size: 1.4em;
-}
-
-p {
-  font-size: 15px;
-}
-
-.map-aside-body p {
-  line-height: 1.8;
-}
-
-.hug-top {
-  margin-top: -35px;
-  margin-bottom: -10px;
-}
-
-.nonprofit-landing {
-  font-size: 50px;
-}
-
-.big-text {
-  font-size: 63px;
-}
-
-.signup-btn.btn {
-  background-color: #ffac33;
-  background-image: linear-gradient(#ffcc4d, #ffac33);
-  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffcc4d,  endColorstr=#ffac33,  GradientType=0)";
-  border-color: #f1a02a;
-  color: #292f33 !important;
-  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
-}
-.signup-btn:hover, .signup-btn:focus {
-  background-color: #e99110;
-  background-image: linear-gradient(#ffcc4d, #e99110);
-  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffcc4d,  endColorstr=#e99110,  GradientType=0)";
-  border-color: #ec8b11;
-  color: #292f33 !important;
-}
-.signup-btn:active {
-  background-color: #f2a330;
-  background-image: none;
-  box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3);
-}
-
-*, *:before, *:after {
-    box-sizing: border-box !important;
-}
-
-.btn-big {
-  font-size: 20px;
-  border-radius: 6px;
-}
-
-.btn-big.btn-primary[disabled] {
-  color: rgb(141, 139, 132)
-}
-
-.btn-bigger {
-  font-size: 30px;
-}
-
-.big-text-field {
-  font-size: 30px;
-  height: 57px;
-  background-color: @body-bg !important;
-}
-
-h4 {
-  font-size: 22px;
-}
-
-.no-transition {
-  -webkit-transition: height 0.001s;
-  -moz-transition: height 0.001s;
-  -ms-transition: height 0.001s;
-  -o-transition: height 0.001s;
-  transition: height 0.001s;
-}
-
-.margin-left-10 {
-  margin-left: 10px;
-}
-
-.btn-responsive {
-  @media (max-width: 768px) {
-    font-size: 15px;
-    height: 26.5px;
-    padding-top: 1px;
-  }
-}
-
-.field-responsive {
-  @media (max-width: 768px) {
-    font-size: 15px;
-    height: 26.5px;
-  }
-}
-
-thead {
-  font-size: 150%;
-}
-
-.nowrap {
-  white-space: nowrap;
-}
-
-.big-break {
-  margin-top: 50px;
-  margin-bottom: 50px;
-}
-
-form.update-email .btn{
-  margin:0;
-  width:40%;
-  display:inline-block;
-  &:last-child {
-    float:right;
-  }
-}
-
-.flat-top {
-  margin-top: -5px;
-}
-
-.negative-bottom {
-  margin-bottom: -20px;
-}
-
-.min-height-1000 {
-  min-height: 1000px;
-}
-
-.points-on-top {
-  color: @body-bg;
-  font-size: 35px;
-  z-index: 2;
-  width: 60%;
-  margin: 0 auto;
-  position: relative;
-  top: 50%;
-  -webkit-transform: translateY(-50%);
-  transform: translateY(-50%);
-}
-
-.landing-skill-icon {
-  color: @brand-primary;
-  font-size: 150px;
-}
-
-.custom-landing-skill-icon {
-  margin-top: -15px;
-  padding-bottom: 15px;
-}
-
-.black-text {
-  color: #333;
-  font-weight: 400;
-  font-size: 40px;
-}
-
-.font-awesome-padding {
-  margin-top: 45px;
-  margin-bottom: 20px;
-}
-
-.background-svg {
-  width: 220px;
-  height: 220px;
-  background-image: url("https://s3.amazonaws.com/freecodecamp/certificate-icon.svg");
-  background-size: 120%;
-  background-repeat: no-repeat;
-  background-position: center;
-}
-
-.testimonial-image {
-  border-radius: 5px;
-  height: 200px;
-  width: 200px;
-  color: #009900
-}
-
-.testimonial-image-jobs {
-  border-radius: 5px;
-  color: #009900
-}
-
-.default-border-radius {
-  border-radius: 5px;
-}
-
-.height-500 {
-  height: 500px;
-}
-
-.height-400 {
-  height: 400px;
-}
-
-.testimonial-copy {
-  text-align: center;
-  font-size: 18px !important;
-  margin-left: 20px;
-  margin-right: 20px;
-  @media (min-width: 991px) and (max-width: 1199px) {
-    height: 150px;
-  }
-  @media (min-width: 1200px) {
-    height: 100px;
-  }
-}
-
-.nonprofit-testimonial-copy {
-  text-align: justify;
-  font-size: 18px !important;
-  margin-left: 20px;
-  margin-right: 20px;
-  @media (min-width: 991px) and (max-width: 1199px) {
-    height: 300px !important;
-  }
-  @media (min-width: 1200px) {
-    height: 200px !important;
-  }
-}
-
-.challenges-list-header {
-  background-color: @brand-primary;
-  color: @gray-lighter;
-  font-size: 36px;
-  text-align: center;
-  margin-bottom: -30px;
-  border-radius: 5px 5px 0px 0px;
-  padding-left: 50px;
-}
-
-.closing-x {
-  color: @gray-lighter;
-  font-size: 50px;
-  text-align: right;
-}
-
-.graph-rect {
-  fill: #ddd !important
-}
-
-.btn {
-  font-weight: 400;
-  white-space: normal;
-  background: transparent;
-
-  -webkit-transition: background .2s ease-in-out, border .2s ease-in-out;
-  -moz-transition: background .2s ease-in-out, border .2s ease-in-out;
-  -ms-transition: background .2s ease-in-out, border .2s ease-in-out;
-  -o-transition: background .2s ease-in-out, border .2s ease-in-out;
-  transition: background .2s ease-in-out, border .2s ease-in-out;
-}
-
-.population-table {
-  font-size:30px;
-  width:460px;
-  margin:0 auto;
-  padding:0;
-  h2 {
-    margin:0;
-    text-align: left;
-  }
-  .tag {
-      width:165px;
-      display:inline-block;
-  }
-  .text-primary {
-      margin-right:5px;
-  }
-  @media (max-width: 767px) {
-    font-size: 16px;
-    width: 260px;
-    .tag {
-      width:95px;
-    }
-  }
-}
-
-.story-list {
-  padding-bottom: 30px;
-  margin-bottom: 30px;
-}
-
-.button-spacer {
-  padding: 5px 0;
-}
-
-.spacer {
-  padding: 15px 0 15px 0;
-}
-
-//.media ~ .media .media-body-wrapper:nth-child(odd) {
-//  background-color: #e5e5e5;
-//}
-
-.landing-heading {
-  font-size: 50px !important;
-}
-
-hr {
-  border: 0;
-  height: 1px;
-  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
-}
-
-.big-spacer {
-  padding: 30px 0 30px 0;
-}
-
-#reply-to-main-post, #upvote {
-  cursor: pointer;
-}
-
-.btn-no-shadow {
-  -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
-  -moz-box-shadow:    0px 0px 0px rgba(0, 0, 0, 0);
-  box-shadow:         0px 0px 0px rgba(0, 0, 0, 0);
-}
-
-.dotted-underline {
-  border-bottom: dashed 1px @brand-success;
-}
-
-.d3-centered {
-  width: 771px;
-  margin: 0 auto;
-}
-
-.cal-heatmap-container {
-  background-color: @body-bg;
-}
-
-.interested-camper-image {
-  height: 50px;
-  width: 50px;
-  padding: 5px;
-}
-
-.mobile-story-image {
-  border-radius: 5px;
-  width: 100%;
-  @media (max-width: 768px) {
-    margin-right: 5px;
-  }
-}
-
-.alert a {
-  text-decoration: underline;
-}
-
-.step-text {
-  line-height: 120%;
-  padding-bottom: 10px;
-}
-
-.faded {
-  opacity: 0.5;
-}
-
-.slightly-faded {
-  opacity: 0.75;
-}
-
-.night .map-challenge-title.selectedChallenge, .map-challenge-title.selectedChallenge {
-  background-color:rgb(236, 234, 234);
-}
-
-.checklist-element {
-  margin-left: -60px;
-  margin-right: -20px;
-}
-
-.public-profile-img {
-  height: 200px;
-  width: 200px;
-}
-
-.profile-social-icons {
-  margin-left: 8px;
-}
-
-.border-radius-5 {
-  border-radius: 5px;
-}
-
-code {
-  padding: 1px 5px;
-}
-
-// Calculator styles
-
-.chart rect {
-  fill: steelblue;
-}
-
-.chart text {
-  font-size: 14px;
-  text-anchor: end;
-}
-
-.axis path,
-.axis line {
-  fill: none;
-  stroke: #121401;
-  stroke-width: 2px;
-  shape-rendering: crispEdges;
-}
-
-strong {
-  font-weight: 500;
-}
-
-.control-label {
-  font-weight: 400;
-}
-
-//uncomment this to see the dimensions of all elements outlined in red
-//* {
-//  border-color: red;
-//  border-width: 1px;
-//  border-style: solid;
-//}
-
-// source: https://github.com/jlong/css-spinners/blob/master/css/spinner/inner-circles.css
-// license MIT
-/* :not(:required) hides this rule from IE9 and below */
-.inner-circles-loader:not(:required) {
-  -moz-transform: translate3d(0, 0, 0);
-  -ms-transform: translate3d(0, 0, 0);
-  -webkit-transform: translate3d(0, 0, 0);
-  transform: translate3d(0, 0, 0);
-  position: relative;
-  display: inline-block;
-  width: 125px;
-  height: 125px;
-  background: rgba(25, 165, 152, 0.5);
-  border-radius: 50%;
-  overflow: hidden;
-  text-indent: -9999px;
-  margin-top: 10%;
-  /* Hides inner circles outside base circle at safari */
-  -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
-}
-.inner-circles-loader:not(:required):before, .inner-circles-loader:not(:required):after {
-  content: '';
-  position: absolute;
-  top: 0;
-  display: inline-block;
-  width: 125px;
-  height: 125px;
-  border-radius: 50%;
-}
-.inner-circles-loader:not(:required):before {
-  -moz-animation: inner-circles-loader 3s infinite;
-  -webkit-animation: inner-circles-loader 3s infinite;
-  animation: inner-circles-loader 3s infinite;
-  -moz-transform-origin: 0 50%;
-  -ms-transform-origin: 0 50%;
-  -webkit-transform-origin: 0 50%;
-  transform-origin: 0 50%;
-  left: 0;
-  background: #c7efcf;
-}
-.inner-circles-loader:not(:required):after {
-  -moz-animation: inner-circles-loader 3s 0.2s reverse infinite;
-  -webkit-animation: inner-circles-loader 3s 0.2s reverse infinite;
-  animation: inner-circles-loader 3s 0.2s reverse infinite;
-  -moz-transform-origin: 100% 50%;
-  -ms-transform-origin: 100% 50%;
-  -webkit-transform-origin: 100% 50%;
-  transform-origin: 100% 50%;
-  right: 0;
-  background: #eef5db;
-}
-
-@-moz-keyframes inner-circles-loader {
-  0% {
-    -moz-transform: rotate(0deg);
-    transform: rotate(0deg);
-  }
-  50% {
-    -moz-transform: rotate(360deg);
-    transform: rotate(360deg);
-  }
-  100% {
-    -moz-transform: rotate(0deg);
-    transform: rotate(0deg);
-  }
-}
-@-webkit-keyframes inner-circles-loader {
-  0% {
-    -webkit-transform: rotate(0deg);
-    transform: rotate(0deg);
-  }
-  50% {
-    -webkit-transform: rotate(360deg);
-    transform: rotate(360deg);
-  }
-  100% {
-    -webkit-transform: rotate(0deg);
-    transform: rotate(0deg);
-  }
-}
-@keyframes inner-circles-loader {
-  0% {
-    -moz-transform: rotate(0deg);
-    -ms-transform: rotate(0deg);
-    -webkit-transform: rotate(0deg);
-    transform: rotate(0deg);
-  }
-  50% {
-    -moz-transform: rotate(360deg);
-    -ms-transform: rotate(360deg);
-    -webkit-transform: rotate(360deg);
-    transform: rotate(360deg);
-  }
-  100% {
-    -moz-transform: rotate(0deg);
-    -ms-transform: rotate(0deg);
-    -webkit-transform: rotate(0deg);
-    transform: rotate(0deg);
-  }
-}
-
-.night {
-  background-color: @night-body-bg;
-  color: @night-text-color;
-  .btn-group,
-  .text-success,
-  .challenges-list-header,
-  .fcc-footer {
-    background-color: @night-body-bg;
-  }
-  hr {
-    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0));
-  }
-  .modal-dialog {
-    .modal-content {
-      background-color: @gray;
-      .btn-success,
-      .btn-danger {
-        background: #FFFFFF;
-      }
-      .btn-danger:hover,
-      .btn-danger:focus,
-      .btn-danger:active {
-        background: #d9534f !important;
-      }
-    }
-    .modal-header,
-    .modal-footer {
-      border: none;
-    }
-    .fa-check-circle {
-      color: darken(@brand-primary, 5%);
-    }
-  }
-  a, .input-group-addon, .challenge-instructions a, .challenge-instructions #MDN-links a {
-    color: #f8f8f8;
-  }
-  .fa-github-square {
-    color: @brand-primary;
-    &:hover {
-      color: #CCC;
-    }
-  }
-  .black-text {
-    color:#111;
-  }
-  .green-text {
-      color: #8CCA33;
-  }
-  code {
-    background-color: #242424;
-    color: #02a902;
-  }
-  .fcc-footer {
-    a {
-      &hover {
-        background-color: @night-body-bg;
-      }
-    }
-  }
-  .btn-primary {
-    background-color: @brand-primary;
-    border-color: #777;
-    color:#CCC;
-    transition: color 0.2s, background-color 0.2s;
-    &:hover {
-      background-color: #ABABAB!important;
-      color: @night-body-bg!important;
-    }
-  }
-  //** Profile's activity board
-  .cal-heatmap-container {
-    background-color: @night-body-bg;
-  }
-  .graph-rect {
-    fill: @night-text-color !important
-  }
-  //** Profile's odd rows
-  .table-striped > tbody > tr:nth-child(odd) {
-    background-color: @gray;
-  }
-  .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
-    border-color: @night-text-color;
-  }
-  .btn-toggle {
-    background-color: transparent;
-  }
-  .btn-toggle.active {
-    background-color: @brand-primary;
-  }
-}
-
-//make about page contact table reponsive on small screens
-@media only screen
-and (max-width : 400px)  {
-  table.response-table td {
-      width: 100%;
-      display: block;
-  }
-}
-
-// make btn-default hover more visible
-.btn-default:active,
-.btn-default:hover {
-    background-color: @brand-primary;
-}
-
-// user bio
-.bio {
-  font-size: 17px;
-}
-
-
-.editorScrollDiv {
-  -webkit-overflow-scrolling: touch;
-}
-
-// Account Modal Styles
-.modal-dialog {
-  margin: 80px;
-  bottom: 48px;
-
-  .modal-content {
-    background-color: #f9f9f9;
-
-    .btn-success:hover,
-    .btn-success:focus,
-    .btn-success:active {
-      background: #457E86;
-    }
-  }
-
-  .modal-header .close {
-    font-size: 30px;
-    padding-left: 10px;
-  }
-
-  .modal-header {
-    text-align: center;
-    padding: 5px 20px;
-  }
-
-  .modal-footer {
-    .spacer {
-      padding: 8px 0 8px 0;
-    }
-
-    .btn {
-      padding: 12px;
-    }
-
-    .btn-success {
-      color: darkgreen;
-      border-color: darkgreen;
-    }
-
-    .btn-success:hover,
-    .btn-success:focus,
-    .btn-success:active {
-      color: #eee;
-      background-color: #208e36;
-      border-color: darkgreen;
-    }
-
-    .modal-textarea {
-      width: 100%;
-      max-width: 590px;
-      border: 2px solid #ccc;
-      border-radius: 5px;
-      padding: 5px;
-    }
-  }
-}
-
-@media (min-width: 768px) {
-  .modal-dialog {
-    width: 620px;
-    margin: 150px auto;
-  }
-}
-
-.full-size {
-  height: 100%;
-  width: 100%;
-}
-
-.quote-author {
-  font-style: normal;
-}
-
-// surrounding downstream import with &{}
-// creates locally scoped imports
-// and prevents vaiables from overwriting each other
-&{ @import "./toastr.less"; }
-&{ @import "../../common/index.less"; }
-&{ @import "./userHome.less"; }
diff --git a/old-client/client/less/toastr.less b/old-client/client/less/toastr.less
deleted file mode 100644
index 018c3aff77..0000000000
--- a/old-client/client/less/toastr.less
+++ /dev/null
@@ -1,16 +0,0 @@
-.notification-bar {
-  z-index: 999999;
-  overflow: hidden;
-  // margin: 0 0 6px;
-  padding: 2rem;
-}
-
-.notification-bar-message {
-  padding-right: 2rem;
-}
-
-.notification-bar-action > a {
-  &:hover {
-    color: #007c00;
-  }
-}
diff --git a/old-client/client/less/userHome.less b/old-client/client/less/userHome.less
deleted file mode 100644
index 2d029e780b..0000000000
--- a/old-client/client/less/userHome.less
+++ /dev/null
@@ -1,7 +0,0 @@
-.quote-partial {
-
-  blockquote {
-    font-size: 3.5rem;
-    border: none;
-  }
-}
\ No newline at end of file
diff --git a/old-client/client/utils/flash-to-toast.js b/old-client/client/utils/flash-to-toast.js
deleted file mode 100644
index 895c9781c7..0000000000
--- a/old-client/client/utils/flash-to-toast.js
+++ /dev/null
@@ -1,16 +0,0 @@
-import { makeToast } from '../../common/app/Toasts/redux';
-
-export default function flashToToast(flash) {
-  return Object.keys(flash)
-    .map(key => {
-      const messages = flash[key];
-      return messages.map(message => ({
-        message: message.msg,
-        type: key,
-        timeout: 5000
-      }));
-    })
-    .reduce((toasts, messages) => toasts.concat(messages), [])
-    .map(makeToast)
-    .map(({ payload }) => payload);
-}
diff --git a/old-client/client/utils/flash-to-toast.test.js b/old-client/client/utils/flash-to-toast.test.js
deleted file mode 100644
index 9361b11767..0000000000
--- a/old-client/client/utils/flash-to-toast.test.js
+++ /dev/null
@@ -1,32 +0,0 @@
-import test from 'tape';
-
-import flashToToast from './flash-to-toast';
-
-test('client/utils/flash-to-toast.js', t => {
-  t.test('should return an array', t => {
-    t.plan(2);
-    const toasts = flashToToast({});
-    t.assert(Array.isArray(toasts), 'toasts was not an array');
-    t.equal(toasts.length, 0, 'toasts should be empty');
-  });
-  t.test('should convert keyed messages to typed toasts', t => {
-    t.plan(3);
-    const expected = [{ message: 'foo', type: 'info' }];
-    const actual = flashToToast({
-      info: [{ msg: 'foo' }]
-    });
-    t.equal(
-      expected.length,
-      actual.length,
-      'number of toasts does not match number of messages'
-    );
-    t.equal(
-      expected[0].type,
-      actual[0].type
-    );
-    t.equal(
-      expected[0].message,
-      actual[0].message
-    );
-  });
-});
diff --git a/old-client/client/utils/send-page-analytics.js b/old-client/client/utils/send-page-analytics.js
deleted file mode 100644
index 8528a7b50c..0000000000
--- a/old-client/client/utils/send-page-analytics.js
+++ /dev/null
@@ -1,6 +0,0 @@
-export default function sendPageAnalytics(history, ga) {
-  history.listen(location => {
-    ga('set', 'page', location.pathname + location.search);
-    ga('send', 'pageview');
-  });
-}