Index: ow/static/css/main.css
===================================================================
--- ow/static/css/main.css	(revision 8c2b0949ae91540ee5c8101b9d5ff39003773da3)
+++ 	(revision )
@@ -1,1652 +1,0 @@
-@font-face {
-  font-family: 'Open Sans';
-  font-style: italic;
-  font-weight: 300;
-  src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'), url(https://fonts.gstatic.com/s/opensans/v17/memnYaGs126MiZpBA-UFUKWyV9hrIqY.ttf) format('truetype');
-}
-@font-face {
-  font-family: 'Open Sans';
-  font-style: italic;
-  font-weight: 400;
-  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v17/mem6YaGs126MiZpBA-UFUK0Zdcg.ttf) format('truetype');
-}
-@font-face {
-  font-family: 'Open Sans';
-  font-style: italic;
-  font-weight: 700;
-  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(https://fonts.gstatic.com/s/opensans/v17/memnYaGs126MiZpBA-UFUKWiUNhrIqY.ttf) format('truetype');
-}
-@font-face {
-  font-family: 'Open Sans';
-  font-style: normal;
-  font-weight: 300;
-  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN_r8OUuhs.ttf) format('truetype');
-}
-@font-face {
-  font-family: 'Open Sans';
-  font-style: normal;
-  font-weight: 400;
-  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFVZ0e.ttf) format('truetype');
-}
-@font-face {
-  font-family: 'Open Sans';
-  font-style: normal;
-  font-weight: 700;
-  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN7rgOUuhs.ttf) format('truetype');
-}
-@font-face {
-  font-family: 'Open Sans';
-  font-style: normal;
-  font-weight: 800;
-  src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN8rsOUuhs.ttf) format('truetype');
-}
-/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
-/* Document
-   ========================================================================== */
-/**
- * 1. Correct the line height in all browsers.
- * 2. Prevent adjustments of font size after orientation changes in iOS.
- */
-html {
-  line-height: 1.15;
-  /* 1 */
-  -webkit-text-size-adjust: 100%;
-  /* 2 */
-}
-/* Sections
-   ========================================================================== */
-/**
- * Remove the margin in all browsers.
- */
-body {
-  margin: 0;
-}
-/**
- * Render the `main` element consistently in IE.
- */
-main {
-  display: block;
-}
-/**
- * Correct the font size and margin on `h1` elements within `section` and
- * `article` contexts in Chrome, Firefox, and Safari.
- */
-h1 {
-  font-size: 2em;
-  margin: 0.67em 0;
-}
-/* Grouping content
-   ========================================================================== */
-/**
- * 1. Add the correct box sizing in Firefox.
- * 2. Show the overflow in Edge and IE.
- */
-hr {
-  box-sizing: content-box;
-  /* 1 */
-  height: 0;
-  /* 1 */
-  overflow: visible;
-  /* 2 */
-}
-/**
- * 1. Correct the inheritance and scaling of font size in all browsers.
- * 2. Correct the odd `em` font sizing in all browsers.
- */
-pre {
-  font-family: monospace, monospace;
-  /* 1 */
-  font-size: 1em;
-  /* 2 */
-}
-/* Text-level semantics
-   ========================================================================== */
-/**
- * Remove the gray background on active links in IE 10.
- */
-a {
-  background-color: transparent;
-}
-/**
- * 1. Remove the bottom border in Chrome 57-
- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
- */
-abbr[title] {
-  border-bottom: none;
-  /* 1 */
-  text-decoration: underline;
-  /* 2 */
-  text-decoration: underline dotted;
-  /* 2 */
-}
-/**
- * Add the correct font weight in Chrome, Edge, and Safari.
- */
-b,
-strong {
-  font-weight: bolder;
-}
-/**
- * 1. Correct the inheritance and scaling of font size in all browsers.
- * 2. Correct the odd `em` font sizing in all browsers.
- */
-code,
-kbd,
-samp {
-  font-family: monospace, monospace;
-  /* 1 */
-  font-size: 1em;
-  /* 2 */
-}
-/**
- * Add the correct font size in all browsers.
- */
-small {
-  font-size: 80%;
-}
-/**
- * Prevent `sub` and `sup` elements from affecting the line height in
- * all browsers.
- */
-sub,
-sup {
-  font-size: 75%;
-  line-height: 0;
-  position: relative;
-  vertical-align: baseline;
-}
-sub {
-  bottom: -0.25em;
-}
-sup {
-  top: -0.5em;
-}
-/* Embedded content
-   ========================================================================== */
-/**
- * Remove the border on images inside links in IE 10.
- */
-img {
-  border-style: none;
-}
-/* Forms
-   ========================================================================== */
-/**
- * 1. Change the font styles in all browsers.
- * 2. Remove the margin in Firefox and Safari.
- */
-button,
-input,
-optgroup,
-select,
-textarea {
-  font-family: inherit;
-  /* 1 */
-  font-size: 100%;
-  /* 1 */
-  line-height: 1.15;
-  /* 1 */
-  margin: 0;
-  /* 2 */
-}
-/**
- * Show the overflow in IE.
- * 1. Show the overflow in Edge.
- */
-button,
-input {
-  /* 1 */
-  overflow: visible;
-}
-/**
- * Remove the inheritance of text transform in Edge, Firefox, and IE.
- * 1. Remove the inheritance of text transform in Firefox.
- */
-button,
-select {
-  /* 1 */
-  text-transform: none;
-}
-/**
- * Correct the inability to style clickable types in iOS and Safari.
- */
-button,
-[type="button"],
-[type="reset"],
-[type="submit"] {
-  -webkit-appearance: button;
-}
-/**
- * Remove the inner border and padding in Firefox.
- */
-button::-moz-focus-inner,
-[type="button"]::-moz-focus-inner,
-[type="reset"]::-moz-focus-inner,
-[type="submit"]::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-/**
- * Restore the focus styles unset by the previous rule.
- */
-button:-moz-focusring,
-[type="button"]:-moz-focusring,
-[type="reset"]:-moz-focusring,
-[type="submit"]:-moz-focusring {
-  outline: 1px dotted ButtonText;
-}
-/**
- * Correct the padding in Firefox.
- */
-fieldset {
-  padding: 0.35em 0.75em 0.625em;
-}
-/**
- * 1. Correct the text wrapping in Edge and IE.
- * 2. Correct the color inheritance from `fieldset` elements in IE.
- * 3. Remove the padding so developers are not caught out when they zero out
- *    `fieldset` elements in all browsers.
- */
-legend {
-  box-sizing: border-box;
-  /* 1 */
-  color: inherit;
-  /* 2 */
-  display: table;
-  /* 1 */
-  max-width: 100%;
-  /* 1 */
-  padding: 0;
-  /* 3 */
-  white-space: normal;
-  /* 1 */
-}
-/**
- * Add the correct vertical alignment in Chrome, Firefox, and Opera.
- */
-progress {
-  vertical-align: baseline;
-}
-/**
- * Remove the default vertical scrollbar in IE 10+.
- */
-textarea {
-  overflow: auto;
-}
-/**
- * 1. Add the correct box sizing in IE 10.
- * 2. Remove the padding in IE 10.
- */
-[type="checkbox"],
-[type="radio"] {
-  box-sizing: border-box;
-  /* 1 */
-  padding: 0;
-  /* 2 */
-}
-/**
- * Correct the cursor style of increment and decrement buttons in Chrome.
- */
-[type="number"]::-webkit-inner-spin-button,
-[type="number"]::-webkit-outer-spin-button {
-  height: auto;
-}
-/**
- * 1. Correct the odd appearance in Chrome and Safari.
- * 2. Correct the outline style in Safari.
- */
-[type="search"] {
-  -webkit-appearance: textfield;
-  /* 1 */
-  outline-offset: -2px;
-  /* 2 */
-}
-/**
- * Remove the inner padding in Chrome and Safari on macOS.
- */
-[type="search"]::-webkit-search-decoration {
-  -webkit-appearance: none;
-}
-/**
- * 1. Correct the inability to style clickable types in iOS and Safari.
- * 2. Change font properties to `inherit` in Safari.
- */
-::-webkit-file-upload-button {
-  -webkit-appearance: button;
-  /* 1 */
-  font: inherit;
-  /* 2 */
-}
-/* Interactive
-   ========================================================================== */
-/*
- * Add the correct display in Edge, IE 10+, and Firefox.
- */
-details {
-  display: block;
-}
-/*
- * Add the correct display in all browsers.
- */
-summary {
-  display: list-item;
-}
-/* Misc
-   ========================================================================== */
-/**
- * Add the correct display in IE 10+.
- */
-template {
-  display: none;
-}
-/**
- * Add the correct display in IE 10.
- */
-[hidden] {
-  display: none;
-}
-/* Leaflet-elevation openworkouts theme */
-/* background color */
-.openworkouts-theme.leaflet-control.elevation .background {
-  background-color: transparent;
-}
-/* Axis x and y*/
-.openworkouts-theme.leaflet-control.elevation .axis line,
-.openworkouts-theme.leaflet-control.elevation .axis path {
-  stroke: #959595;
-}
-/* selected drag area*/
-.openworkouts-theme.leaflet-control.elevation .mouse-drag {
-  fill: rgba(21, 21, 21, 0.1);
-}
-/* Icon to show when the chart is collapse */
-/*
-.openworkouts-theme.leaflet-control.elevation .elevation-toggle-icon {
-    background: url(images/elevation-steelblue.png) no-repeat center center;
-}
-*/
-/* Graph color area background */
-.openworkouts-theme.leaflet-control.elevation .area {
-  fill: #f8b5be;
-  stroke: transparent;
-}
-/* vertical line to know where are you */
-.openworkouts-theme.leaflet-control.elevation .mouse-focus-line {
-  stroke: #151515;
-}
-/* graph color line area */
-/*.leaflet-control.elevation .area {
-    fill: #f8b5be;
-}
-*/
-/* box with parameters */
-.mouse-focus-label {
-  opacity: 0.8;
-}
-.mouse-focus-label-text {
-  font-size: 13px;
-  font-size: 0.8125rem;
-  font-family: 'Open Sans', sans-serif;
-  font-weight: 100 !important;
-}
-/*.mouse-focus-label-y {}*/
-/* Color line on map */
-.leaflet-interactive {
-  stroke: #151515;
-  opacity: 0.6;
-  stroke-width: 6px;
-  stroke-linecap: round;
-}
-/* indicator on map line*/
-.openworkouts-theme.height-focus.line {
-  stroke: #151515;
-  display: none;
-  /*fill: #4682b4;*/
-}
-/* txt on map */
-.openworkouts-theme.height-focus-label {
-  display: none;
-}
-/* indicator on map circle */
-.openworkouts-theme.height-focus.circle-lower {
-  fill: #151515;
-  stroke: #EE4056;
-  stroke-width: 10px;
-}
-.hidden,
-.hide {
-  display: none;
-}
-body {
-  font-family: 'Open Sans', sans-serif;
-}
-html {
-  box-sizing: border-box;
-}
-*,
-*:before,
-*:after {
-  box-sizing: inherit;
-}
-/* ==========================================================================
-   Wrappers
-   ========================================================================== */
-/**
- * Common wrappers to use in Scms-site.
- * To reducing css size you can use extends instead of mixins
- * to move the selector up to the properties you wish to use.
- *
- * Example LESS:
- * .myclass {
- *		&:extend(.wrapper);
- * }
- */
-.wrapper,
-.wrapper-s,
-.wrapper-l,
-.wrapper-xl,
-.ow-forms,
-.uploading-workout {
-  display: block;
-  width: 100%;
-  padding-left: 1rem;
-  padding-right: 1rem;
-  margin: 0 auto;
-}
-@media (min-width: 480px) {
-  .wrapper,
-  .wrapper-s,
-  .wrapper-l,
-  .wrapper-xl,
-  .ow-forms,
-  .uploading-workout {
-    padding-left: 2rem;
-    padding-right: 2rem;
-  }
-}
-@media (min-width: 800px) {
-  .wrapper,
-  .wrapper-s,
-  .wrapper-l,
-  .wrapper-xl,
-  .ow-forms,
-  .uploading-workout {
-    padding-left: 4rem;
-    padding-right: 4rem;
-  }
-}
-@media (min-width: 1024px) {
-  .wrapper,
-  .wrapper-s,
-  .wrapper-l,
-  .wrapper-xl,
-  .ow-forms,
-  .uploading-workout {
-    padding-left: 5rem;
-    padding-right: 5rem;
-  }
-}
-@media (min-width: 1440px) {
-  .wrapper,
-  .wrapper-s,
-  .wrapper-l,
-  .wrapper-xl,
-  .ow-forms,
-  .uploading-workout {
-    padding-left: 6rem;
-    padding-right: 6rem;
-  }
-}
-@media (min-width: 320px) {
-  .wrapper-s,
-  .ow-forms,
-  .uploading-workout {
-    max-width: 740px;
-  }
-}
-@media (min-width: 320px) {
-  .wrapper-l {
-    max-width: 1280px;
-  }
-}
-@media (min-width: 320px) {
-  .wrapper-xl {
-    max-width: 1440px;
-  }
-}
-/* Layout */
-.ly-flex {
-  display: flex;
-  justify-content: space-between;
-}
-.ly-flex.ly-center {
-  align-items: center;
-}
-.ly-flex.ly-start {
-  justify-content: flex-start;
-}
-.ly-flex.ly-2 {
-  flex-flow: row wrap;
-}
-.ly-flex.ly-2 > div,
-.ly-flex.ly-2 > li,
-.ly-flex.ly-2 > p,
-.ly-flex.ly-2 > a {
-  width: 50%;
-}
-.ly-flex.ly-2.has-gap > div,
-.ly-flex.ly-2.has-gap > li,
-.ly-flex.ly-2.has-gap > p,
-.ly-flex.ly-2.has-gap > a {
-  width: 48%;
-}
-.ly-flex.ly-3 {
-  flex-flow: row wrap;
-}
-.ly-flex.ly-3 > div,
-.ly-flex.ly-3 > li,
-.ly-flex.ly-3 > p {
-  width: 33%;
-}
-.ly-flex.ly-3.has-gap > div,
-.ly-flex.ly-3.has-gap > li,
-.ly-flex.ly-3.has-gap > p {
-  width: 31%;
-}
-.ly-flex.ly-4 {
-  flex-flow: row wrap;
-}
-.ly-flex.ly-4 > div,
-.ly-flex.ly-4 > li,
-.ly-flex.ly-4 > p {
-  width: 25%;
-}
-.ly-flex.ly-4.has-gap > div,
-.ly-flex.ly-4.has-gap > li,
-.ly-flex.ly-4.has-gap > p {
-  width: 23%;
-}
-.ly-flex-end {
-  align-items: flex-end;
-}
-/* Generic default forms */
-form {
-  width: 100%;
-}
-legend {
-  display: none;
-}
-fieldset {
-  border: none;
-  padding: 0;
-}
-fieldset > div,
-fieldset > p {
-  margin-bottom: 1.5em;
-}
-label {
-  display: block;
-  font-size: 13px;
-  margin-bottom: 0.25em;
-}
-input {
-  width: 100%;
-  padding: 0.5em 0.75em;
-  border: 1px solid transparent;
-  border-radius: 2px;
-}
-.ow-forms label {
-  display: block;
-  margin-bottom: 0.35em;
-  color: #959595;
-}
-.ow-forms textarea {
-  resize: vertical;
-  height: 200px;
-}
-.ow-forms textarea,
-.ow-forms input {
-  width: 100%;
-  padding: 0.65em;
-  border-radius: 4px;
-  border: 1px solid #e1e1e1;
-}
-.ow-forms select {
-  width: 100%;
-}
-/* Generic button */
-.button {
-  box-sizing: border-box;
-  display: inline-block;
-  text-align: center;
-  vertical-align: middle;
-  cursor: pointer;
-  border: 1px solid transparent;
-  text-decoration: none;
-  font-style: normal;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  padding: 0.3em 1em;
-  margin: 0;
-  position: relative;
-  overflow: hidden;
-  background: #e1e1e1;
-  color: #151515;
-  font-size: 1em;
-  line-height: 1.25;
-  max-width: 100%;
-  width: auto;
-}
-.button-normal {
-  width: auto;
-}
-.button-normal:hover {
-  background-color: #959595;
-  color: white;
-}
-.button-important {
-  background-color: #EE4056;
-}
-/*
-Very simple way to paint dropdown-like arrows, without
-using any external dependencies.
-
-To use it, add something like this to your html, to display a "down" arrow:
-
-  <i class="arrow down"></i>
-*/
-i.arrow {
-  border: solid black;
-  border-width: 0 3px 3px 0;
-  display: inline-block;
-  padding: 3px;
-  margin: 3px;
-  margin-left: 6px;
-  margin-right: 0px;
-}
-.right {
-  transform: rotate(-45deg);
-  -webkit-transform: rotate(-45deg);
-}
-.left {
-  transform: rotate(135deg);
-  -webkit-transform: rotate(135deg);
-}
-.up {
-  transform: rotate(-135deg);
-  -webkit-transform: rotate(-135deg);
-}
-.down {
-  transform: rotate(45deg);
-  -webkit-transform: rotate(45deg);
-}
-.header-content {
-  padding: 1em 1.5em;
-}
-.header-content a {
-  text-decoration: none;
-}
-.header-content .description {
-  margin: 0;
-}
-/* logo ----------------------------------------------------------------------*/
-.logo {
-  font-size: 24px;
-  font-size: 1.5rem;
-  line-height: 1em;
-  font-weight: 800;
-  text-transform: uppercase;
-  margin: 0;
-  display: inline-block;
-}
-.logo span {
-  transition: all 250ms ease-in-out;
-}
-.logo:hover span {
-  color: #EE4056;
-}
-@media (max-width: 800px) {
-  .logo a {
-    content: "";
-    display: inline-block;
-    width: 34px;
-    height: 34px;
-    background-image: url('/static/media/img/logo-openworkouts.png');
-    background-size: 100%;
-    background-repeat: no-repeat;
-  }
-  .logo a span {
-    display: none !important;
-  }
-}
-.logo-open {
-  display: block;
-  color: #EE4056;
-}
-.logo-work,
-.logo-outs {
-  color: #f8b5be;
-}
-/* menu navigation -----------------------------------------------------------*/
-.nav-site {
-  font-size: 13px;
-  font-size: 0.8125rem;
-}
-.nav-site ul {
-  list-style-type: none;
-  padding: 0;
-  margin: 0;
-  display: flex;
-  flex-direction: row;
-  justify-content: space-between;
-  align-items: center;
-}
-.nav-site li {
-  border-left: 1px solid #e1e1e1;
-  flex-grow: 1;
-  text-align: center;
-  /* this is for the dashboard li element */
-}
-.nav-site li:first-child {
-  display: none;
-}
-@media (min-width: 800px) {
-  .nav-site li:first-child {
-    display: inline-block;
-  }
-}
-.nav-site a {
-  color: #959595;
-  padding: 1.25em;
-  display: block;
-}
-.nav-site a:hover {
-  color: #151515;
-}
-.nav-site .is-active a {
-  color: #151515;
-}
-.icon-dashboard::before,
-.icon-profile::before,
-.icon-logout::before {
-  content: "";
-  display: inline-block;
-}
-.icon-dashboard span,
-.icon-profile span,
-.icon-logout span {
-  display: none;
-}
-@media (min-width: 800px) {
-  .icon-dashboard::before,
-  .icon-profile::before,
-  .icon-logout::before {
-    display: none;
-  }
-  .icon-dashboard span,
-  .icon-profile span,
-  .icon-logout span {
-    display: inline-block;
-  }
-}
-.icon-dashboard:hover,
-.icon-profile:hover,
-.icon-logout:hover {
-  opacity: 0.5;
-}
-.icon-dashboard::before {
-  content: "☰";
-  font-size: 30px;
-  font-size: 1.875rem;
-  line-height: 0em;
-  position: relative;
-  top: 3px;
-  margin: 0;
-}
-.icon-profile {
-  padding: 1em 1.25em !important;
-}
-.icon-profile::before {
-  position: relative;
-  top: 3px;
-  width: 20px;
-  height: 20px;
-  background-image: url('/static/media/img/icon-user.svg');
-  background-size: 100%;
-  margin: 0;
-}
-.icon-logout {
-  padding: 1em 1.25em !important;
-}
-.icon-logout::before {
-  position: relative;
-  top: 3px;
-  width: 20px;
-  height: 20px;
-  background-image: url('/static/media/img/icon-logout.svg');
-  background-size: 100%;
-  margin: 0;
-}
-/* Add workout button with submenu -------------------------------------------*/
-.add-workout {
-  position: relative;
-  /* submenu -------------------------------------------------------------- */
-}
-.add-workout > a {
-  color: #EE4056;
-}
-.add-workout > a:before {
-  content: "+";
-  font-weight: 800;
-  font-size: 32px;
-  font-size: 2rem;
-  line-height: 0;
-  position: relative;
-  top: 8px;
-}
-.add-workout > a span {
-  display: none;
-}
-.add-workout > a:hover {
-  background-color: #EE4056;
-  color: white;
-}
-.add-workout:hover:after {
-  content: "";
-  position: absolute;
-  background-color: white;
-  bottom: -1px;
-  width: 100%;
-  height: 1px;
-  display: block;
-  z-index: 20;
-}
-.add-workout:hover ul {
-  /* This fixes some problems in the "add workout" submenu,
-             where some elements appeared without full width and on wrong
-             positioning */
-  display: flex;
-}
-.add-workout:hover ul li {
-  width: 100%;
-  text-align: center;
-}
-.add-workout ul {
-  display: none;
-  flex-direction: column;
-  position: absolute;
-  background-color: rgba(255, 255, 255, 0.95);
-  right: -1px;
-  border: 1px solid #e1e1e1;
-  width: 153px;
-}
-.add-workout ul li {
-  border-left: transparent;
-  text-align: left;
-}
-.add-workout ul a:hover {
-  background-color: #fbfbfb;
-}
-/* description ---------------------------------------------------------------*/
-.description {
-  font-size: 14px;
-  font-size: 0.875rem;
-  font-weight: 300;
-  letter-spacing: 0.025em;
-  color: #959595;
-}
-/* ------------------------------ STATES ------------------------------------ */
-/* when user is login --------------------------------------------------------*/
-.is-login .header-content {
-  border-bottom: 1px solid #e1e1e1;
-  display: flex;
-  padding: 0em 1.5em;
-  justify-content: space-between;
-  align-items: center;
-}
-.is-login .description {
-  display: none;
-}
-.is-login .logo-open {
-  display: inline-block;
-}
-.workout-content {
-  padding: 2em  1em;
-  display: flex;
-  flex-direction: column;
-}
-@media (min-width: 480px) {
-  .workout-content {
-    padding: 2em 6em;
-  }
-}
-@media (min-width: 800px) {
-  .workout-content {
-    display: flex;
-    flex-direction: row;
-    justify-content: space-between;
-  }
-}
-/* list mode */
-.workout-list {
-  margin-right: 2em;
-  width: 100%;
-  order: 2;
-  /* provisional layout, replace this with grid layout system based on final content */
-}
-.workout-list > h2 {
-  font-weight: 300;
-  margin: 0 0 1.5em;
-}
-@media (min-width: 800px) {
-  .workout-list {
-    order: 1;
-  }
-}
-/* Module resume on dashboard workouts */
-.workout-resume {
-  padding: 1.5em 0;
-  position: relative;
-  max-width: 700px;
-}
-@media (min-width: 800px) {
-  .workout-resume {
-    padding-left: 2em;
-    border-left: 1px solid #e1e1e1;
-    transition: all 250ms ease-in-out;
-  }
-}
-.workout-resume:hover {
-  border-color: #151515;
-}
-.workout-resume:hover .workout-title:before {
-  color: #151515;
-}
-.workout-resume ul {
-  padding: 0;
-  list-style-type: none;
-  font-size: 13px;
-  font-size: 0.8125rem;
-}
-.workout-resume ul a {
-  display: block;
-  text-decoration: none;
-}
-.bike:before {
-  display: block;
-  content: "";
-  width: 30px;
-  height: 30px;
-  background-image: url('../media/img/bike.svg');
-  background-size: 100%;
-}
-.workout-title {
-  font-size: 14px;
-  font-size: 0.875rem;
-  margin: 0 0 0em 0;
-  position: relative;
-}
-.workout-title:before {
-  transition: all 250ms ease-in-out;
-  content: "▶";
-  position: absolute;
-  left: -3.25em;
-  top: 0.35em;
-  color: #e1e1e1;
-  font-size: 10px;
-  font-size: 0.625rem;
-}
-.workout-title a {
-  color: #151515;
-  text-decoration: none;
-}
-.workout-title a:hover {
-  color: #EE4056;
-}
-.workout-info {
-  display: flex;
-  flex-flow: row wrap;
-  margin: 0.25em 0;
-}
-.workout-info li {
-  color: #959595;
-  margin-bottom: 0.25em;
-}
-.workout-info li:after {
-  content: "|";
-  margin: 0 0.5em;
-}
-.workout-info li:last-child:after {
-  content: "";
-  margin: 0;
-}
-.workout-map {
-  margin-top: 1em;
-}
-.workout-map img {
-  width: 100%;
-}
-.workout-intro {
-  font-size: 13px;
-  font-size: 0.8125rem;
-  color: #151515;
-}
-.workout-options {
-  display: inline-block;
-  border: 1px solid #e1e1e1;
-  margin-bottom: 0;
-  border-radius: 4px;
-  padding: 0;
-  width: auto;
-  background-color: white;
-}
-.workout-options li {
-  display: inline-block;
-  border-right: 1px solid #e1e1e1;
-}
-.workout-options li:last-child {
-  border-right: none;
-}
-.workout-options a {
-  display: block;
-  color: #959595;
-  padding: 0.5em 0.75em;
-  text-decoration: none;
-}
-.workout-options a:hover {
-  color: #151515;
-}
-.workout-options a.is-active {
-  background-color: #959595;
-  color: white;
-}
-.owo-del a:hover {
-  color: red;
-}
-.workout-aside {
-  width: 100%;
-  order: 1;
-}
-@media (min-width: 800px) {
-  .workout-aside {
-    order: 2;
-    max-width: 300px;
-    padding-left: 1.5em;
-    border-left: 1px solid #e1e1e1;
-  }
-}
-.aside-profile {
-  margin-bottom: 1em;
-}
-.aside-profile img {
-  width: 80px;
-  height: 80px;
-  object-fit: cover;
-  border-radius: 50%;
-}
-.aside-profile h2 {
-  font-weight: 400;
-  font-size: 18px;
-  font-size: 1.125rem;
-  margin: 0 0 0.5em 0;
-}
-.aside-profile ul {
-  list-style-type: none;
-  margin: 0;
-  padding: 0;
-  font-size: 13px;
-  font-size: 0.8125rem;
-  color: #555555;
-}
-.aside-profile a {
-  text-decoration: none;
-  color: #151515;
-}
-.aside-profile a:hover {
-  color: #959595;
-}
-/* Workout detail */
-#map {
-  width: 100%;
-  height: 400px;
-}
-@media (min-width: 480px) {
-  #map {
-    height: calc(100vh - 465px);
-  }
-}
-.workout-detail {
-  padding: 0em  1em;
-}
-@media (min-width: 480px) {
-  .workout-detail {
-    max-width: 1280px;
-    margin: 0 auto;
-  }
-}
-@media (min-width: 800px) {
-  .workout-detail {
-    display: flex;
-    justify-content: space-between;
-  }
-}
-.workout-detail-resume {
-  max-width: 500px;
-  margin-bottom: 2em;
-  padding-top: 2em;
-}
-@media (min-width: 800px) {
-  .workout-detail-resume {
-    margin-right: 6em;
-  }
-}
-.workout-detail-resume h3 {
-  margin-top: 0;
-  margin-bottom: 0.5em;
-}
-.workout-detail-resume h3 + div {
-  font-size: 14px;
-  font-size: 0.875rem;
-  color: #959595;
-  line-height: 1.35em;
-}
-.workout-detail-resume .workout-options {
-  font-size: 13px;
-  font-size: 0.8125rem;
-}
-.workout-detail-info {
-  max-width: 600px;
-}
-@media (min-width: 800px) {
-  .workout-detail-info {
-    border-right: 1px solid #e1e1e1;
-    border-left: 1px solid #e1e1e1;
-    padding: 2em 1em 2em 2em;
-  }
-}
-.workout-detail-info ul {
-  list-style-type: none;
-  padding: 0;
-  margin: 0;
-  display: flex;
-  justify-content: space-between;
-  flex-flow: row wrap;
-}
-.workout-detail-info ul span {
-  display: block;
-  font-size: 13px;
-  font-size: 0.8125rem;
-  color: #959595;
-  margin-bottom: 0.25em;
-  /* color for future features */
-}
-.workout-detail-info ul span.min,
-.workout-detail-info ul span.avg,
-.workout-detail-info ul span.max {
-  display: inline-block;
-  color: white;
-  padding: 0.5em 0.85em;
-  border-radius: 3px;
-  background-color: #e1e1e1;
-  color: #959595;
-}
-.workout-detail-info li {
-  margin-bottom: 1em;
-  margin-right: 1em;
-  color: #959595;
-  font-size: 15px;
-  font-size: 0.9375rem;
-}
-.workout-detail-info li.important {
-  font-size: 21px;
-  font-size: 1.3125rem;
-  color: #151515;
-}
-/* Week report */
-.svg-content svg {
-  width: 100%;
-  height: 100%;
-}
-.svg-content .label {
-  font-size: 13px;
-  font-size: 0.8125rem;
-  text-anchor: middle;
-}
-.svg-content .tick {
-  font-size: 13px;
-  font-size: 0.8125rem;
-}
-/* dashboard graphics*/
-.x-axis path,
-.x-axis line {
-  fill: none;
-  stroke: none;
-}
-.bar {
-  fill: #f8b5be;
-}
-.bar:hover {
-  fill: #ee4056;
-}
-.current {
-  fill: #ee4056;
-}
-.week-stats {
-  border: 1px solid #e1e1e1;
-  background-color: rgba(225, 225, 225, 0.1);
-  padding: 0.75em;
-  border-radius: 4px;
-  margin-bottom: 2em;
-}
-.week-stats h3 {
-  margin: 0;
-  font-size: 14px;
-  font-size: 0.875rem;
-}
-.week-stats h3 + p {
-  margin: 0.25em 0 2em 0;
-  color: #959595;
-  font-size: 13px;
-  font-size: 0.8125rem;
-}
-.workout-activity-summary {
-  list-style-type: none;
-  padding: 0;
-  margin: 0;
-  background-color: rgba(21, 21, 21, 0.8);
-  margin-bottom: 0.75em;
-}
-.workout-activity-summary li {
-  color: #e1e1e1;
-  border-bottom: 1px solid #959595;
-  padding: 0.75em 1em;
-  display: flex;
-  justify-content: space-between;
-}
-.workout-activity-summary li:last-child {
-  margin-bottom: 0;
-  border: none;
-}
-.workout-activity-summary li span:first-child {
-  font-weight: bold;
-}
-.workout-activity-tree {
-  list-style-type: none;
-  padding: 0;
-  margin: 0;
-  transition: all 250ms ease-in-out;
-  font-size: 13px;
-  font-size: 0.8125rem;
-}
-.workout-activity-tree > li {
-  margin-bottom: 0.5em;
-  padding-bottom: 0.5em;
-  border-bottom: 1px solid #e1e1e1;
-}
-.workout-activity-tree a {
-  text-decoration: none;
-  display: block;
-  color: #EE4056;
-}
-.workout-activity-tree a:hover {
-  color: #151515;
-}
-.workout-activity-tree a.viewing-year {
-  color: #151515;
-  font-weight: 700;
-  margin-bottom: 0.5em;
-  font-size: 16px;
-  font-size: 1rem;
-}
-.workout-activity-tree a.viewing-month {
-  background-color: #e1e1e1;
-  color: #151515;
-  font-weight: 700;
-}
-.workout-activity-tree-year {
-  list-style-type: none;
-  padding: 0;
-  margin: 0;
-}
-.workout-activity-tree-year > li {
-  display: block;
-  margin-bottom: 0.5em;
-}
-.workout-activity-tree-year a {
-  display: flex;
-  justify-content: space-between;
-  padding: 0.5em;
-  background-color: #fbfbfb;
-  color: #555555;
-}
-.workout-activity-tree-year a:hover {
-  background-color: #e1e1e1;
-}
-.uploading-workout {
-  /* Extends ow-forms, as we use a div with this class to show as a
-       replacement of the uploading form while the form is submitting
-       (that could take some time when uploading bigger tracking files) */
-  width: 100%;
-  text-align: center;
-  display: none;
-}
-.ow-forms,
-.uploading-workout {
-  padding-top: 2em;
-}
-.ow-forms h2 {
-  border-top: 1px solid #e1e1e1;
-  padding-top: 0.5em;
-}
-.back {
-  color: #EE4056;
-  text-decoration: none;
-  font-weight: 700;
-}
-.back:before {
-  content: "⬅";
-  margin-right: 0.5em;
-}
-.back:hover {
-  color: #151515;
-}
-.login-content {
-  background-image: url("../media/img/back-01.jpg");
-  background-position: center;
-  background-size: cover;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  min-height: calc(100vh - 98px);
-  padding: 1em 0;
-}
-.login-content form {
-  max-width: 380px;
-  background-color: rgba(21, 21, 21, 0.6);
-  border-radius: 6px;
-  padding: 2em 1.5em;
-}
-.login-content form div {
-  margin-bottom: 1.5em;
-}
-.login-content label {
-  color: #e1e1e1;
-}
-.login-content a {
-  color: #e1e1e1;
-  font-size: 13px;
-  text-decoration: none;
-  margin-right: 0.75em;
-}
-.login-content a:hover {
-  color: white;
-}
-.login-content .button {
-  transition: all 500ms ease-in-out;
-  background-color: #EE4056;
-  color: white;
-  text-transform: uppercase;
-}
-.login-content .button:hover {
-  background-color: #e6152f;
-}
-.login-content .message {
-  padding: 0.5em;
-  margin: 0;
-  text-align: center;
-  font-size: 13px;
-  font-size: 0.8125rem;
-}
-.login-content .message.message-error {
-  color: white;
-  background-color: red;
-}
-.login-content ul.error {
-  list-style: none;
-  color: white;
-  padding: 5px;
-  margin: 0px;
-}
-/*
-.login-remember {
-    color: @color-main-medium;
-    .font-size(14);
-    text-decoration: none;
-    font-weight: 300;
-    &:hover{
-        color: @color-main-light;
-    }
-}
-<a class="login-remember" href="#">Forgot your password?</a>
-*/
-.user-profile .workout-options {
-  font-size: 13px;
-  font-size: 0.8125rem;
-  margin-right: 2em;
-}
-.user-profile-account {
-  background-color: #fbfbfb;
-  border-bottom: 1px solid #e1e1e1;
-  padding: 2em  1em;
-}
-@media (min-width: 480px) {
-  .user-profile-account {
-    padding: 2em 6em;
-  }
-}
-@media (min-width: 800px) {
-  .user-profile-account > div {
-    display: flex;
-    align-items: center;
-  }
-}
-.user-profile-account img {
-  width: 64px;
-  height: 64px;
-  object-fit: cover;
-  border-radius: 50%;
-  margin-bottom: 0.5em;
-  margin-right: 1em;
-}
-@media (min-width: 800px) {
-  .user-profile-account img {
-    width: 140px;
-    height: 140px;
-  }
-}
-.user-profile-account h2 {
-  margin: 0 0 0.15em 0;
-  font-size: 21px;
-  font-size: 1.3125rem;
-  font-weight: 400;
-}
-.user-profile-account p {
-  color: #555555;
-  font-size: 14px;
-  font-size: 0.875rem;
-  margin: 0;
-}
-.user-profile-account p a {
-  color: #EE4056;
-  text-decoration: none;
-}
-.user-profile-account p a:hover {
-  color: #151515;
-}
-.user-profile-account p span {
-  color: #959595;
-}
-.total-workouts {
-  font-size: 13px;
-  font-size: 0.8125rem;
-  font-weight: bold;
-}
-.total-workouts span {
-  color: #959595;
-  margin-right: 0.5em;
-}
-.total-workouts span:first-child {
-  color: #151515;
-}
-.total-workouts span:first-child:after {
-  content: "|";
-  color: #e1e1e1;
-  margin-left: 0.5em;
-}
-.profile-data {
-  list-style-type: none;
-  padding: 0;
-  font-size: 14px;
-  font-size: 0.875rem;
-  background-color: white;
-  padding: 0.5em 0.75em;
-  border-radius: 4px;
-  border: 1px solid #e1e1e1;
-}
-.profile-data li {
-  display: flex;
-  justify-content: space-between;
-  color: #959595;
-}
-.profile-data li:not(:last-child) {
-  margin-bottom: 0.5em;
-  padding-bottom: 0.5em;
-  border-bottom: 1px solid #e1e1e1;
-}
-.profile-data li span {
-  font-weight: bold;
-  color: #151515;
-}
-.profile-data li a {
-  color: #EE4056;
-  text-decoration: none;
-}
-.profile-data li a:hover {
-  color: #151515;
-}
-.profile-data li a:active,
-.profile-data li a:focus {
-  outline: 0;
-  border: none;
-  -moz-outline-style: none;
-}
-.profile-bio {
-  margin: 0.5em 0;
-  font-size: 14px;
-  font-size: 0.875rem;
-}
-.month-stats,
-.latest-workouts {
-  max-width: 700px;
-}
-.center {
-  text-align: center;
-}
-.month-stats {
-  margin-bottom: 4em;
-}
-.latest-workouts h4 {
-  margin: 0;
-}
-.latest-workouts h4 a {
-  color: #151515;
-  text-decoration: none;
-}
-.latest-workouts > span {
-  font-size: 13px;
-  font-size: 0.8125rem;
-}
-.latest-workouts p {
-  margin-top: 0.25em;
-  color: #959595;
-  font-size: 13px;
-  font-size: 0.8125rem;
-}
-.profile-dropdown-sports,
-.profile-dropdown-years {
-  color: #151515;
-  text-decoration: none;
-}
-.profile-dropdown-sports:hover,
-.profile-dropdown-years:hover {
-  color: #151515;
-}
-.profile-dropdown-sports:active,
-.profile-dropdown-years:active,
-.profile-dropdown-sports:focus,
-.profile-dropdown-years:focus {
-  outline: 0;
-  border: none;
-  -moz-outline-style: none;
-}
-/* Calendar heatmap */
-.calendar-heatmap {
-  margin: 20px;
-}
-.calendar-heatmap .month {
-  margin-right: 8px;
-}
-.calendar-heatmap .month-name {
-  font-size: 85%;
-  fill: #777;
-}
-.calendar-heatmap .day-name {
-  font-size: 85%;
-  fill: #777;
-}
-.calendar-heatmap .day:hover {
-  stroke: #e1e1e1;
-  stroke-width: 2;
-}
-.calendar-heatmap .day:focus {
-  stroke: #e1e1e1;
-  stroke-width: 2;
-}
-.calendar-heatmap-tooltip {
-  width: 20%;
-}
-.verify-account-content {
-  background-position: center;
-  background-size: cover;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  /* dynamic min-height based on window height does not work well
-     with premailer and generating the proper html with styles for mails */
-  min-height: 400px;
-  padding: 1em 0;
-  /* RGB calculated color does not work well with premailer and
-       generating the proper html with styles for mails */
-  color: #151515;
-}
-.verify-account-content .info {
-  max-width: 580px;
-  /* RGB calculated color does not work well with premailer and
-         generating the proper html with styles for mails */
-  background-color: #e1e1e1;
-  border-radius: 6px;
-  padding: 2em 1.5em;
-}
-.verify-account-content .info div {
-  margin-bottom: 1.5em;
-}
-.verify-account-content a {
-  /* RGB calculated color does not work well with premailer and
-           generating the proper html with styles for mails */
-  color: #151515;
-  font-size: 13px;
-  text-decoration: none;
-  margin-right: 0.75em;
-}
-.verify-account-content a:hover {
-  color: #151515;
-}
-.verify-account-content .button {
-  background-color: #EE4056;
-  background: #EE4056;
-  color: white;
-  text-transform: uppercase;
-}
-.verify-account-content .button:hover {
-  background-color: #F60002;
-}
Index: ow/static/css/main.min.css
===================================================================
--- ow/static/css/main.min.css	(revision 5ec3a0b5cf5640304a0953320daef2a28bbca9a5)
+++ ow/static/css/main.min.css	(revision 5ec3a0b5cf5640304a0953320daef2a28bbca9a5)
@@ -0,0 +1,1 @@
+img,legend{border:0}legend,td,th{padding:0}.add-workout,.button,sub,sup{position:relative}.button,.header-content a,.workout-resume ul a,.workout-title a{text-decoration:none}@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;src:local('Open Sans Light'),local('OpenSans-Light'),url(http://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTYnF5uFdDttMLvmWuJdhhgs.ttf) format('truetype')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans'),local('OpenSans'),url(http://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3aCWcynf_cDxXwCLxiixG1c.ttf) format('truetype')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'),local('OpenSans-Bold'),url(http://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzInF5uFdDttMLvmWuJdhhgs.ttf) format('truetype')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:800;src:local('Open Sans Extrabold'),local('OpenSans-Extrabold'),url(http://fonts.gstatic.com/s/opensans/v13/EInbV5DfGHOiMmvb1Xr-honF5uFdDttMLvmWuJdhhgs.ttf) format('truetype')}@font-face{font-family:'Open Sans';font-style:italic;font-weight:300;src:local('Open Sans Light Italic'),local('OpenSansLight-Italic'),url(http://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxrfB31yxOzP-czbf6AAKCVo.ttf) format('truetype')}@font-face{font-family:'Open Sans';font-style:italic;font-weight:400;src:local('Open Sans Italic'),local('OpenSans-Italic'),url(http://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBp0EAVxt0G0biEntp43Qt6E.ttf) format('truetype')}@font-face{font-family:'Open Sans';font-style:italic;font-weight:700;src:local('Open Sans Bold Italic'),local('OpenSans-BoldItalic'),url(http://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxp_TkvowlIOtbR7ePgFOpF4.ttf) format('truetype')}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}.hide,[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre,textarea{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}table{border-collapse:collapse;border-spacing:0}body{margin:0;font-family:'Open Sans',sans-serif}*,:after,:before{box-sizing:inherit}.button{box-sizing:border-box;display:inline-block;text-align:center;vertical-align:middle;cursor:pointer;border:1px solid transparent;font-style:normal;white-space:nowrap;text-overflow:ellipsis;padding:.3em 1em;margin:0;overflow:hidden;background:#e1e1e1;color:#151515;font-size:1em;line-height:1.25;max-width:100%}.login-content{background-image:url(../media/img/back-01.jpg);background-size:cover;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;min-height:300px;padding:1em 0;transition:all 250ms ease-in-out}@media (min-width:1024px){.login-content{min-height:550px}}@media (min-width:1440px){.login-content{min-height:650px}}.login-content .message{padding:.5em;margin:0;text-align:center;font-size:13px;font-size:.8125rem}.login-content .message.message-error{color:#fff;background-color:red}.login-content form{width:100%;max-width:350px}.login-content legend{display:none}.login-content fieldset{border:none;background-color:rgba(21,21,21,.6);border-radius:6px;padding:2em}.login-content fieldset>div{margin-bottom:1.5em}.login-content input{width:100%;padding:.5em .75em;border:1px solid transparent;border-radius:2px}.login-content input:focus{border-color:#EE4056}.login-content label{display:block;font-size:14px;font-size:.875rem;color:#959595;margin-bottom:.25em}.login-content .button{transition:all .5s ease-in-out;background-color:#EE4056;color:#fff;margin-bottom:1em;text-transform:uppercase}.login-content .button:hover{background-color:#e6152f}.signup-content{background-image:url(../media/img/signup-01.jpg);background-size:cover;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;min-height:300px;padding:1em 0;transition:all 250ms ease-in-out}@media (min-width:1024px){.signup-content{min-height:550px}}@media (min-width:1440px){.signup-content{min-height:650px}}.signup-content form{width:100%;max-width:40%}.signup-content ul.error li{color:#fff;background-color:red}.signup-content legend{display:none}.signup-content fieldset{border:none;background-color:rgba(21,21,21,.6);border-radius:6px;padding:2em}.signup-content fieldset>div{margin-bottom:1.5em}.signup-content input{width:100%;padding:.5em .75em;border:1px solid transparent;border-radius:2px}.signup-content input:focus{border-color:#EE4056}.signup-content label{display:block;font-size:14px;font-size:.875rem;color:#959595;margin-bottom:.25em}.signup-content .button{transition:all .5s ease-in-out;background-color:#EE4056;color:#fff;margin-bottom:1em;text-transform:uppercase}.logo span,.workout-title:before{transition:all 250ms ease-in-out}.logo-open,.logo:hover span{color:#EE4056}.header-content .description,.logo{margin:0}.signup-content .button:hover{background-color:#e6152f}.header-content{padding:1em 1.5em}.logo{font-size:24px;font-size:1.5rem;line-height:1em;font-weight:800;text-transform:uppercase;display:inline-block}.logo-open{display:block}.logo-outs,.logo-work{color:#f8b5be}.nav-site{font-size:13px;font-size:.8125rem}.nav-site ul{list-style-type:none;padding:0;margin:0;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.nav-site li{border-left:1px solid #e1e1e1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;text-align:center}.nav-site a{color:#959595;padding:1.25em;display:block}.nav-site .is-active a,.nav-site a:hover{color:#151515}.add-workout>a{color:#EE4056}.add-workout>a:before{content:"+";font-weight:800;font-size:32px;font-size:2rem;line-height:0;position:relative;top:8px}.add-workout:hover:after,.bike:before{content:""}.add-workout>a span{display:none}.add-workout>a:hover{background-color:#EE4056;color:#fff}.add-workout:hover:after{position:absolute;background-color:#fff;bottom:-1px;width:100%;height:1px;display:block;z-index:20}.add-workout:hover ul{display:inline-block}.add-workout ul{display:none;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:absolute;background-color:rgba(255,255,255,.95);right:-1px;border:1px solid #e1e1e1;width:153px}.add-workout ul li{border-left:transparent;text-align:left}.add-workout ul a:hover{background-color:#fbfbfb}.description{font-size:14px;font-size:.875rem;font-weight:300;letter-spacing:.025em;color:#959595}.is-login .header-content{border-bottom:1px solid #e1e1e1;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:0 1.5em;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.is-login .description{display:none}.is-login .logo-open{display:inline-block}.workout-content{padding:2em 1em}@media (min-width:480px){.workout-content{padding:2em 6em}}.workout-list{margin-right:2em}.workout-list>h2{font-weight:300;margin:0 0 1.5em}.workout-resume{max-width:540px;padding:1.5em 0;position:relative}@media (min-width:800px){.workout-content{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.workout-resume{padding-left:2em;border-left:1px solid #e1e1e1;transition:all 250ms ease-in-out}}.workout-resume:hover{border-color:#151515}.workout-resume:hover .workout-title:before{color:#151515}.workout-resume ul{padding:0;list-style-type:none;font-size:13px;font-size:.8125rem}.workout-resume ul a{display:block}.bike:before{display:block;width:30px;height:30px;background-image:url(../media/img/bike.svg);background-size:100%}.workout-title{font-size:14px;font-size:.875rem;margin:0;position:relative}.workout-title:before{content:"▶";position:absolute;left:-3.25em;top:.35em;color:#e1e1e1;font-size:10px;font-size:.625rem}.workout-title a{color:#151515}.workout-title a:hover{color:#EE4056}.workout-info{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin:.25em 0}.workout-info li{color:#959595}.workout-info li:after{content:"|";margin:0 .5em}.workout-info li:last-child:after{content:"";margin:0}.workout-intro{font-size:13px;font-size:.8125rem;color:#151515}.workout-options{display:inline-block;border:1px solid #e1e1e1;margin-bottom:0;border-radius:4px}.workout-options li{display:inline-block;border-right:1px solid #e1e1e1}.workout-options li:last-child{border-right:none}.workout-options a{color:#959595;padding:.5em .75em}.workout-options a:hover{color:#151515}.owo-del a:hover{color:red}.workout-aside{width:100%}@media (min-width:800px){.workout-aside{max-width:300px;padding-left:1.5em;border-left:1px solid #e1e1e1}}
Index: ow/static/css/openworkouts.css
===================================================================
--- ow/static/css/openworkouts.css	(revision 5ec3a0b5cf5640304a0953320daef2a28bbca9a5)
+++ ow/static/css/openworkouts.css	(revision 5ec3a0b5cf5640304a0953320daef2a28bbca9a5)
@@ -0,0 +1,12 @@
+
+#map {
+    height: 360px;
+}
+
+#ow-analysis {
+    float: left;
+    width: 98%;
+    padding: 10px;
+    font-size: 0.8em;
+    background-color: #eeeeee;
+}
Index: ow/static/js/ow.js
===================================================================
--- ow/static/js/ow.js	(revision 8c2b0949ae91540ee5c8101b9d5ff39003773da3)
+++ ow/static/js/ow.js	(revision 5ec3a0b5cf5640304a0953320daef2a28bbca9a5)
@@ -16,5 +16,4 @@
 
     // parameters provided when creating an "instance" of a map
-    var map_id = spec.map_id;
     var latitude = spec.latitude;
     var longitude = spec.longitude;
@@ -24,19 +23,18 @@
     var end_icon = spec.end_icon;
     var shadow = spec.shadow;
-    var elevation = spec.elevation;
-    var zoom_control = spec.zoom_control;
 
     // OpenStreetMap urls and references
-    var openstreetmap_url = 'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png';
-    var openstreetmap_attr = 'Map data &copy; <a href="http://www.osm.org">OpenStreetMap</a>';
+    var openstreetmap_url = 'http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png'
+    var openstreetmap_attr = 'Map data &copy; <a href="http://www.osm.org">OpenStreetMap</a>'
 
-    // Some vars reused through the code
+    // Some constants reused through the code
     var map;
     var gpx;
     var elevation;
+    var ow_charts;
 
     var create_map = function create_map(latitude, longitude, zoom) {
         /* Create a Leaflet map, set center point and add tiles */
-        map = L.map(map_id, {zoomControl: zoom_control});
+        map = L.map('map');
         map.setView([latitude, longitude], zoom);
         var tile_layer = L.tileLayer(openstreetmap_url, {
@@ -51,31 +49,66 @@
            This has to be called *after* create_map and *before* load_gpx.
         */
-
         elevation = L.control.elevation({
             position: "bottomright",
-            theme: "openworkouts-theme",
+            theme: "steelblue-theme", //default: lime-theme
+            width: 600,
+            height: 125,
+            margins: {
+                top: 10,
+                right: 20,
+                bottom: 30,
+                left: 50
+            },
             useHeightIndicator: true, //if false a marker is drawn at map position
-            interpolation: d3.curveLinear,
-            elevationDiv: "#elevation",
-            detachedView: true,
-            responsiveView: true,
-            gpxOptions: {
-		async: true,
-		marker_options: {
-		    startIconUrl: null,
-		    endIconUrl: null,
-		    shadowUrl: null,
-		},
-		polyline_options: {
-		    color: '#EE4056',
-		    opacity: 0.75,
-		    weight: 5,
-		    lineCap: 'round'
-		},
-	    },
+            interpolation: "linear", //see https://github.com/mbostock/d3/wiki/SVG-Shapes#wiki-area_interpolate
+            hoverNumber: {
+                decimalsX: 3, //decimals on distance (always in km)
+                decimalsY: 0, //deciamls on height (always in m)
+                formatter: undefined //custom formatter function may be injected
+            },
+            xTicks: undefined, //number of ticks in x axis, calculated by default according to width
+            yTicks: undefined, //number of ticks on y axis, calculated by default according to height
+            collapsed: false    //collapsed mode, show chart on click or mouseover
         });
-        elevation.loadGPX(map, gpx_url);
-        // var ele_container = elevation.addTo(map);
+
+        var ele_container = elevation.addTo(map);
+        document.getElementById('ow-analysis').appendChild(
+            ele_container._container);
     };
+
+
+    var add_ow_charts = function add_ow_charts() {
+        /*
+           Add the analysis charts to the map (elevation, heartrate, cadence, etc)
+           This has to be called *after* create_map and *before* load_gpx.
+        */
+        ow_charts = L.control.ow({
+            position: "topright",
+            theme: "ow-analysis", //default: lime-theme
+            width: 600,
+            height: 125,
+            margins: {
+                top: 10,
+                right: 20,
+                bottom: 30,
+                left: 50
+            },
+            useHeightIndicator: true, //if false a marker is drawn at map position
+            interpolation: "linear", //see https://github.com/mbostock/d3/wiki/SVG-Shapes#wiki-area_interpolate
+            hoverNumber: {
+                decimalsX: 3, //decimals on distance (always in km)
+                decimalsY: 0, //deciamls on height (always in m)
+                formatter: undefined //custom formatter function may be injected
+            },
+            xTicks: undefined, //number of ticks in x axis, calculated by default according to width
+            yTicks: undefined, //number of ticks on y axis, calculated by default according to height
+            collapsed: false    //collapsed mode, show chart on click or mouseover
+        });
+
+        var ow_charts_container = ow_charts.addTo(map);
+        document.getElementById('ow-analysis').appendChild(
+            ow_charts_container._container);
+    };
+
 
     var load_gpx = function load_gpx(gpx_url) {
@@ -91,35 +124,18 @@
                 shadowUrl: shadow,
             },
-	    polyline_options: {
-		color: '#EE4056',
-		opacity: 0.75,
-		weight: 5,
-		lineCap: 'round'
-	    },
         });
-
-        gpx.on('loaded', function(e) {
-	    map.fitBounds(e.target.getBounds());
-	});
-
-        if (elevation) {
-            gpx.on("addline",function(e){
-                elevation.addData(e.line);
-            });
-        };
-
+        gpx.on("addline",function(e){
+            // elevation.addData(e.line);
+            ow_charts.addData(e.line);
+        });
         gpx.addTo(map);
     };
 
     var render = function render() {
-        // create the map, add elevation, load gpx (only if needed, as the
-        // elevation plugin already loads the gpx data)
+        // create the map, add elevation, load gpx
         create_map(latitude, longitude, zoom);
-        if (elevation) {
-            add_elevation_chart();
-        }
-        else {
-            load_gpx(gpx_url);
-        }
+        // add_elevation_chart();
+        add_ow_charts();
+        load_gpx(gpx_url);
     };
 
@@ -129,661 +145,2 @@
 
 };
-
-
-owjs.week_chart = function(spec) {
-
-    "use strict";
-
-    // parameters provided when creating an "instance" of the chart
-    var chart_selector = spec.chart_selector,
-        url = spec.url,
-        current_day_name = spec.current_day_name
-
-    // Helpers
-    function select_x_axis_label(d) {
-        /* Given a value, return the label associated with it */
-        return d3.select('.x-axis')
-    	    .selectAll('text')
-    	    .filter(function(x) { return x == d.name; });
-    }
-
-    // Methods
-    var render = function render() {
-        /*
-           Build a d3 bar chart, populated with data from the given url.
-         */
-        var chart = d3.select(chart_selector),
-            margin = {top: 17, right: 0, bottom: 20, left: 0},
-
-            width = +chart.attr("width") - margin.left - margin.right,
-            height = +chart.attr("height") - margin.top - margin.bottom,
-            g = chart.append("g").attr("transform", "translate(" + margin.left + "," + margin.top + ")"),
-            x = d3.scaleBand().rangeRound([0, width]).padding(0.1),
-            y = d3.scaleLinear().rangeRound([height, 0]);
-
-        d3.json(url, {credentials: "same-origin"}).then(function (data) {
-	    x.domain(data.map(function (d) {
-	        return d.name;
-	    }));
-
-	    y.domain([0, d3.max(data, function (d) {
-	        return Number(d.distance);
-	    })]);
-
-	    g.append("g")
-                .attr('class', 'x-axis')
-	        .attr("transform", "translate(0," + height + ")")
-	        .call(d3.axisBottom(x))
-
-	    g.selectAll(".bar")
-	        .data(data)
-	        .enter().append("rect")
-                .attr("class", function(d) {
-                    if (d.name == current_day_name){
-                        select_x_axis_label(d).attr('style', "font-weight: bold;");
-                        return 'bar current'
-                    }
-                    else {
-                        return 'bar'
-                    }
-                })
-	        .attr("x", function (d) {
-		    return x(d.name);
-	        })
-	        .attr("y", function (d) {
-		    return y(Number(d.distance));
-	        })
-	        .attr("width", x.bandwidth())
-	        .attr("height", function (d) {
-		    return height - y(Number(d.distance));
-	        })
-                .on('mouseover', function(d) {
-                    if (d.name != current_day_name){
-                        select_x_axis_label(d).attr('style', "font-weight: bold;");
-                    }
-  		})
-  		.on('mouseout', function(d) {
-                    if (d.name != current_day_name){
-        	        select_x_axis_label(d).attr('style', "font-weight: regular;");
-                    }
-                });
-
-            g.selectAll(".text")
-                .data(data)
-                .enter()
-                .append("text")
-                .attr("class","label")
-	        .attr("x", function (d) {
-		    return x(d.name) + x.bandwidth()/2;
-	        })
-	        .attr("y", function (d) {
-                    /*
-                      Get the value for the current bar, then get the maximum
-                      value to be displayed in the bar, which is used to
-                      calculate the proper position of the label for this bar,
-                      relatively to its height (1% above the bar)
-                     */
-                    var max = y.domain()[1];
-                    return y(d.distance + y.domain()[1] * 0.02);
-            })
-                .text(function(d) {
-                    if (Number(d.distance) > 0) {
-                        return d.distance;
-                    }
-                });
-
-        });
-    };
-
-    var that = {}
-    that.render = render;
-    return that
-
-};
-
-
-owjs.year_chart = function(spec) {
-
-    "use strict";
-
-    // parameters provided when creating an "instance" of the chart
-    var chart_selector = spec.chart_selector,
-        filters_selector = spec.filters_selector,
-        switcher_selector = spec.switcher_selector,
-        is_active_class = spec.is_active_class,
-        is_active_selector = '.' + is_active_class,
-        urls = spec.urls,
-        current_month = spec.current_month,
-        current_week = spec.current_week,
-        y_axis_labels = spec.y_axis_labels,
-        filter_by = spec.filter_by,
-        url = spec.url;
-
-    // Helpers
-    function select_x_axis_label(d) {
-        /* Given a value, return the label associated with it */
-        return d3.select('.x-axis-b')
-    	    .selectAll('text')
-    	    .filter(function(x) { return x == d.name; });
-    };
-
-    function get_y_value(d, filter_by) {
-        return Number(d[filter_by]);
-    };
-
-    function get_y_axis_label(filter_by) {
-        return y_axis_labels[filter_by];
-    };
-
-    function get_name_for_x(d) {
-        if (d.week == undefined || d.week == 0) {
-            // Monthly chart or first week of the weekly chart, return
-            // the name of the month, which will be shown in the x-axis
-            // ticks
-            return d.name;
-        }
-        else {
-            // Weekly chart, week other than the first, return the id so
-            // we can place it in the chart, we won't show this to the
-            // user
-            return d.id
-        }
-    }
-
-    // Methods
-    var filters_setup = function filters_setup() {
-        $(filters_selector).on('click', function(e) {
-            e.preventDefault();
-            $(filters_selector + is_active_selector).removeClass(is_active_class);
-            /* $(this).removeClass('is-active'); */
-            filter_by = $(this).attr('class').split('-')[1]
-            $(this).addClass(is_active_class);
-            var chart = d3.select(chart_selector);
-            chart.selectAll("*").remove();
-            render(filter_by, url);
-
-        });
-    };
-
-    var switcher_setup = function switcher_setup() {
-        $(switcher_selector).on('click', function(e) {
-            e.preventDefault();
-            $(switcher_selector + is_active_selector).removeClass(is_active_class);
-            url = $(this).attr('class').split('-')[1]
-            $(this).addClass(is_active_class);
-            var chart = d3.select(chart_selector);
-            chart.selectAll("*").remove();
-            render(filter_by, url);
-        });
-    };
-
-    var render = function render(filter_by, url) {
-        /*
-          Build a d3 bar chart, populated with data from the given url.
-        */
-        var chart = d3.select(chart_selector),
-            margin = {top: 20, right: 20, bottom: 30, left: 50},
-            width = +chart.attr("width") - margin.left - margin.right,
-            height = +chart.attr("height") - margin.top - margin.bottom,
-            g = chart.append("g").attr("transform", "translate(" + margin.left + "," + margin.top + ")"),
-            x = d3.scaleBand().rangeRound([0, width]).padding(0.1),
-            y = d3.scaleLinear().rangeRound([height, 0]);
-
-        d3.json(urls[url], {credentials: "same-origin"}).then(function (data) {
-	    x.domain(data.map(function (d) {
-                return get_name_for_x(d);
-	        // return d.name;
-	    }));
-
-	    y.domain([0, d3.max(data, function (d) {
-                return get_y_value(d, filter_by);
-	    })]);
-
-	    g.append("g")
-                .attr('class', 'x-axis-b')
-	        .attr("transform", "translate(0," + height + ")")
-                .call(d3.axisBottom(x))
-
-            g.append("g")
-	        .call(d3.axisLeft(y))
-	        .append("text")
-	        .attr("fill", "#000")
-	        .attr("transform", "rotate(-90)")
-	        .attr("y", 6)
-	        .attr("dy", "0.71em")
-	        .attr("text-anchor", "end")
-	        .text(get_y_axis_label(filter_by));
-
-	    g.selectAll(".bar")
-	        .data(data)
-	        .enter().append("rect")
-                .attr("class", function(d) {
-                    var sel_week = current_month + '-' + current_week;
-                    if (d.id == current_month || d.id == sel_week){
-                        /* Bar for the currently selected month or week */
-                        select_x_axis_label(d).attr('style', "font-weight: bold;");
-                        return 'bar current';
-                    }
-                    else {
-                        if (!current_week && d.id.indexOf(current_month) >=0 ) {
-                            /*
-                               User selected a month, then switched to weekly
-                               view, we do highlight all the bars for weeks in
-                               that month
-                            */
-                            select_x_axis_label(d).attr('style', "font-weight: bold;");
-                            return 'bar current';
-                        }
-                        else {
-                            /* Non-selected bar */
-                            return 'bar';
-                        }
-
-                    }
-                })
-	        .attr("x", function (d) {
-		    return x(get_name_for_x(d));
-	        })
-	        .attr("y", function (d) {
-		    return y(get_y_value(d, filter_by));
-	        })
-	        .attr("width", x.bandwidth())
-	        .attr("height", function (d) {
-		    return height - y(get_y_value(d, filter_by));
-	        })
-                .on('mouseover', function(d) {
-                    if (d.id != current_month){
-                        select_x_axis_label(d).attr('style', "font-weight: bold;");
-                    }
-  		})
-  		.on('mouseout', function(d) {
-                    if (d.id != current_month){
-        	        select_x_axis_label(d).attr('style', "font-weight: regular;");
-                    }
-                })
-                .on('click', function(d) {
-                    window.location.href = d.url+'&filter_by='+filter_by;
-                });
-
-            if (url == 'monthly') {
-                g.selectAll(".text")
-                    .data(data)
-                    .enter()
-                    .append("text")
-                    .attr("class","label")
-	            .attr("x", function (d) {
-		        return x(get_name_for_x(d)) + x.bandwidth()/2;
-	            })
-	            .attr("y", function (d) {
-                        /*
-                          Get the value for the current bar, then get the maximum
-                          value to be displayed in the bar, which is used to
-                          calculate the proper position of the label for this bar,
-                          relatively to its height (1% above the bar)
-                        */
-                        var value = get_y_value(d, filter_by);
-                        var max = y.domain()[1];
-                        return y(value + y.domain()[1] * 0.01);
-	            })
-                    .text(function(d) {
-                        var value = get_y_value(d, filter_by)
-                        if ( value > 0) {
-                            return value;
-                        }
-                    });
-            }
-
-            if (url == 'weekly') {
-                g.selectAll(".tick")
-                    .each(function (d, i) {
-                        /*
-                          Remove from the x-axis tickets those without letters
-                          on them (useful for the weekly chart)
-                        */
-                        if (d !== parseInt(d, 10)) {
-                            if(!d.match(/[a-z]/i)) {
-                                this.remove();
-                            }
-                        }
-                    });
-            }
-        });
-    };
-
-    var that = {}
-    that.filters_setup = filters_setup;
-    that.switcher_setup = switcher_setup;
-    that.render = render;
-    return that
-
-};
-
-owjs.calendar_heatmap_chart = function(spec) {
-
-    "use strict"
-
-    var chart_selector = spec.chart_selector,
-        tooltip_selector = spec.tooltip_selector,
-        url = spec.url,
-        day_names_list = spec.day_names_list;
-
-    var calendar_rows = function(month) {
-        /*
-          Given a date object that "marks" the beginning of a month
-          return the number of "rows" we need to show all days in that
-          month
-        */
-        // m will be actually the last day of the previous month
-        var m = d3.timeMonth.floor(month);
-        return d3.timeWeeks(d3.timeWeek.floor(m),
-                            d3.timeMonth.offset(m,1)).length;
-    }
-
-    // defaults for the squares/"cells" we will show with the info
-    var cell_margin = 3,
-        cell_size = 25;
-
-
-    var render = function render() {
-        /*
-          Method to actually perform all the loading and rendering of
-          the chart
-        */
-
-        // Hide the tooltip
-        $(tooltip_selector).hide()
-
-        var chart = d3.select(chart_selector);
-
-        d3.json(url, {credentials: "same-origin"}).then(function (data) {
-
-            if (data.length == 0){
-                // No data for this month, go on with an empty month.
-                var url_year = url.match(/year=([^&]+)/);
-                var url_month = url.match(/month=([^&]+)/);
-                if (url_year != null && url_month != null) {
-                    // if year/month has been passed in the url to retrieve
-                    // workout data, use that to build the current month range.
-                    //
-                    // url_month is 1-12, while js Date() expects 0-11, so we use
-                    // the currently selected month number as the next month and we
-                    // use the previous number as the min date (start of the month)
-                    var min_date = new Date(url_year[1], url_month[1] - 1);
-                    var max_date = new Date(url_year[1], url_month[1])
-                }
-                else {
-                    // otherwise, get the current month range
-                    var min_date = new Date();
-                    var max_date = new Date();
-                    max_date.setDate(min_date.getDate() + 1);
-                }
-            }
-            else {
-                // We have got some workout data, build the min/max dates
-                // from the workouts data, so we can build the proper month
-                // range
-                var min_date = d3.min(data, function(d) {
-                    return new Date(d.day);
-                });
-
-                var max_date = d3.max(data, function(d) {
-                    return new Date(d.day);
-                });
-            }
-
-            // sunday-starting week:
-            // day = d3.timeFormat("%w")
-            // week = d3.timeFormat("%W")
-            // monday-starting week:
-            // day = function(d) {return d3.timeFormat("%u")(d) - 1}
-            // week = d3.timeFormat("%W")
-            var day = function(d) {return d3.timeFormat("%u")(d) - 1},
-                week = d3.timeFormat("%W"),
-                format = d3.timeFormat("%Y-%m-%d"),
-                titleFormat = d3.utcFormat("%a, %d %b"),
-                monthName = d3.timeFormat("%B / %Y"),
-                months = d3.timeMonth.range(d3.timeMonth.floor(min_date), max_date),
-                rows = calendar_rows(max_date);
-
-            var find_day = function(day) {
-                var found = data.find(function(d) {
-                    return d.day == day;
-                });
-                return found;
-            }
-
-            // Build the svg image where the chart will be
-            var svg = chart.selectAll("svg")
-                .data(months)
-                .enter().append("svg")
-                .attr("class", "month")
-                .attr("width", (cell_size * 7) + (cell_margin * 8))
-                .attr("height", function(d) {
-                    // we add 50 extra so the month/year label fits
-                    return (cell_size * rows) + (cell_margin * (rows + 1)) + 50;
-                })
-                .append("g");
-
-            // This adds the month/year label above the chart
-            svg.append("text")
-                .attr("class", "month-name")
-                .attr("x", ((cell_size * 7) + (cell_margin * 8)) / 2 )
-                .attr("y", 15)
-                .attr("text-anchor", "middle")
-                .text(function(d) { return monthName(d); });
-
-            // Now, go through each day and add a square/cell for them
-            var rect = svg.selectAll("rect.day")
-                .data(function(d, i) {
-                    return d3.timeDays(
-                        d, new Date(d.getFullYear(), d.getMonth()+1, 1));
-                })
-                .enter().append("rect")
-                .attr("class", "day")
-                .attr("width", cell_size)
-                .attr("height", cell_size)
-                .attr("rx", 6).attr("ry", 6) // rounded corners
-                .attr("fill", '#eaeaea') // default light grey fill
-                .attr("x", function(d) {
-                    return (day(d) * cell_size) + (day(d) * cell_margin) + cell_margin;
-                })
-                .attr("y", function(d) {
-                    var base_value = (week(d) - week(new Date(d.getFullYear(), d.getMonth(), 1)));
-                    return (base_value * cell_size) + (base_value * cell_margin) + cell_margin + 20;
-                })
-                .on("mouseover", function(d) {
-                    d3.select(this).classed('hover', true);
-                    var day = find_day(d);
-                    $(tooltip_selector + '-date').html(titleFormat(new Date(d)));
-                    if (day != undefined) {
-                        $(tooltip_selector + '-workouts').html(day.workouts);
-                        $(tooltip_selector + '-time').html(day.time_formatted);
-                        $(tooltip_selector + '-distance').html(day.distance_formatted);
-                        $(tooltip_selector + '-elevation').html(day.elevation_formatted);
-                    }
-                    else {
-                        $(tooltip_selector + '-workouts').html(' - ');
-                        $(tooltip_selector + '-time').html(' - ');
-                        $(tooltip_selector + '-distance').html(' - ');
-                        $(tooltip_selector + '-elevation').html(' - ');
-                    }
-                    $(tooltip_selector).stop( true, true ).fadeIn('fast');
-                })
-                .on("mouseout", function(d) {
-                    d3.select(this).classed('hover', false);
-                    $(tooltip_selector).stop( true, true ).fadeOut('fast');
-                })
-                .datum(format);
-
-            rect.append("title")
-                .text(function(d) {return titleFormat(new Date(d));});
-
-            // Add the row with the names of the days
-            var day_names = svg.selectAll('.day-name')
-                .data(day_names_list)
-                .enter().append("text")
-                .attr("class", "day-name")
-                .attr("width", cell_size)
-                .attr("height", cell_size)
-                .attr("x", function(d) {
-                    return (day_names_list.indexOf(d) * cell_size) + (day_names_list.indexOf(d) * cell_margin) + cell_margin * 2;
-                })
-                .attr("y", function(d) {
-                    return ((cell_size * rows) + (cell_margin * (rows + 1))) + 40;
-                })
-                .text(function(d) {
-                    return d;
-                });
-
-            var lookup = d3.nest()
-                .key(function(d) {
-                    return d.day;
-                })
-                .rollup(function(leaves) {
-                    return leaves[0].time;
-                })
-                .object(data);
-
-            var count = d3.nest()
-                .key(function(d) {
-                    return d.day;
-                })
-                .rollup(function(leaves) {
-                    return leaves[0].time;
-                })
-                .entries(data);
-
-            var scale = d3.scaleLinear()
-                .domain(d3.extent(count, function(d) {
-                    return d.value;
-                }))
-                .range(['#f8b5be', '#f60002']);
-
-            rect.filter(function(d) {
-                return d in lookup;
-            })
-                .style("fill", function(d) {
-                    // Fill in with the proper color
-                    return scale([lookup[d]]);
-                })
-                .classed("clickable", true)
-                .on("click", function(d){
-                    if(d3.select(this).classed('focus')){
-                        d3.select(this).classed('focus', false);
-                    } else {
-                        d3.select(this).classed('focus', true)
-                    }
-                    // doSomething();
-                })
-        });
-
-    };
-
-    var that = {}
-    that.render = render;
-    return that
-
-};
-
-
-owjs.map_shots = function(spec) {
-
-    "use strict";
-
-    var img_selector = spec.img_selector;
-
-    var run = function run(){
-        $(img_selector).each(function(){
-            var img = $(this);
-            var a = $(this).parent();
-            var url = a.attr('href') + 'map-shot';
-            var jqxhr = $.getJSON(url, function(info) {
-                img.fadeOut('fast', function () {
-                    img.attr('src', info['url']);
-                    img.fadeIn('fast');
-                });
-                img.removeClass('js-needs-map');
-            });
-        });
-    };
-
-    var that = {}
-    that.run = run;
-    return that
-
-};
-
-
-owjs.sport_stats = function(spec) {
-
-    "use strict";
-
-    var link_selector = spec.link_selector;
-    var stats_selector = spec.stats_selector;
-    var selected = spec.selected;
-    var dropdown_selector = spec.dropdown_selector;
-    var current_year = spec.current_year;
-    var year_link_selector = spec.year_link_selector;
-
-    var setup = function setup() {
-        // Hide all sports stats by default
-        $(stats_selector).hide();
-        // Show the pre-selected one
-        $(selected).show();
-
-        $(link_selector).on('click', function(e) {
-            e.preventDefault();
-            var selected = $(this).attr('class').split(' ')[1];
-            var sport = selected.split('-')[1]
-            // Hide them all
-            $(stats_selector).hide();
-            // Show the selected one
-            $(stats_selector + '.' + selected).show();
-            // Update the sport on the sports selector widget
-            $(dropdown_selector + ' strong').html(sport);
-            // finally "click" on the proper year to be displayed for this sport
-            $(year_link_selector + sport + '-' + current_year).click();
-        });
-    };
-
-    var that = {}
-    that.setup = setup;
-    return that
-
-};
-
-
-owjs.year_stats = function(spec) {
-
-    "use strict";
-
-    var link_selector = spec.link_selector;
-    var stats_selector = spec.stats_selector;
-    var selected = spec.selected;
-    var dropdown_selector = spec.dropdown_selector;
-
-    var setup = function setup() {
-        // Hide all years stats by default
-        $(stats_selector).hide();
-        // Show the pre-selected one
-        $(selected).show();
-
-        $(link_selector).on('click', function(e) {
-            e.preventDefault();
-            var selected = $(this).attr('class').split(' ')[1];
-            var sport = selected.split('-')[1]
-            var year = selected.split('-')[2]
-            // Hide them all
-            $(stats_selector).hide();
-            // Show the selected one
-            $(stats_selector + '.' + selected).show();
-            // Update the year on the years selector widget
-            $(dropdown_selector + sport + ' strong').html(year);
-        });
-    };
-
-    var that = {}
-    that.setup = setup;
-    return that
-
-};
Index: ow/static/less/common.less
===================================================================
--- ow/static/less/common.less	(revision 8c2b0949ae91540ee5c8101b9d5ff39003773da3)
+++ 	(revision )
@@ -1,10 +1,0 @@
-body {
-    font-family: 'Open Sans', sans-serif;
-}
-
-html {
-	box-sizing: border-box;
-}
-*, *:before, *:after {
-	box-sizing: inherit;
-}
Index: ow/static/less/layout/layout.less
===================================================================
--- ow/static/less/layout/layout.less	(revision 8c2b0949ae91540ee5c8101b9d5ff39003773da3)
+++ 	(revision )
@@ -1,50 +1,0 @@
-/* Layout */
-
-.ly-flex {
-    display: flex;
-    justify-content: space-between;
-    &.ly-center {
-        align-items: center;
-    }
-    &.ly-start {
-        justify-content: flex-start;
-    }
-
-    &.ly-2 {
-        flex-flow: row wrap;
-        >div, >li, >p, >a {
-            width: 50%;
-        }
-        &.has-gap {
-            >div, >li, >p, >a   {
-                width: 48%;
-            }
-        }
-    }
-    &.ly-3 {
-        flex-flow: row wrap;
-        >div, >li, >p {
-            width: 33%;
-        }
-        &.has-gap {
-            >div, >li, >p   {
-                width: 31%;
-            }
-        }
-    }
-
-    &.ly-4 {
-        flex-flow: row wrap;
-        >div, >li, >p {
-            width: 25%;
-        }
-        &.has-gap {
-            >div, >li, >p   {
-                width: 23%;
-            }
-        }
-    }
-}
-.ly-flex-end {
-    align-items: flex-end;
-}
Index: ow/static/less/layout/wrapper.less
===================================================================
--- ow/static/less/layout/wrapper.less	(revision 8c2b0949ae91540ee5c8101b9d5ff39003773da3)
+++ 	(revision )
@@ -1,64 +1,0 @@
-/* ==========================================================================
-   Wrappers
-   ========================================================================== */
-
-/**
- * Common wrappers to use in Scms-site.
- * To reducing css size you can use extends instead of mixins
- * to move the selector up to the properties you wish to use.
- *
- * Example LESS:
- * .myclass {
- *		&:extend(.wrapper);
- * }
- */
-
-.wrapper,
-.wrapper-s,
-.wrapper-l,
-.wrapper-xl {
- 	display: block;
- 	width: 100%;
- 	padding-left: 1rem;
- 	padding-right: 1rem;
- 	margin: 0 auto;
-
- 	@media (min-width: @screen-s) {
- 		padding-left: 2rem;
-		padding-right: 2rem;
- 	}
-
- 	@media (min-width: @screen-m) {
- 		padding-left: 4rem;
-		padding-right: 4rem;
- 	}
-
- 	@media (min-width: @screen-l) {
- 		padding-left: 5rem;
-		padding-right: 5rem;
- 	}
-
- 	@media (min-width: @screen-xl) {
- 		padding-left: 6rem;
-		padding-right: 6rem;
- 	}
-}
-.wrapper-s{
-	@media (min-width: @screen-xs) {
- 		max-width: 740px;
- 	}
-}
-
-
-.wrapper-l{
-	@media (min-width: @screen-xs) {
- 		max-width: 1280px;
- 	}
-}
-
-
-.wrapper-xl{
-	@media (min-width: @screen-xs) {
- 		max-width: 1440px;
- 	}
-}
Index: ow/static/less/main.less
===================================================================
--- ow/static/less/main.less	(revision 8c2b0949ae91540ee5c8101b9d5ff39003773da3)
+++ 	(revision )
@@ -1,36 +1,0 @@
-// Import google font open sans 300 400, 700, 800
-@import "https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,700,700italic,800";
-
-// Normalize
-@import "vendors/normalize.less";
-@import "vendors/leaflet-elevation.less";
-
-
-// Variables
-@import "variables.less";
-
-// Mixins
-@import "mixins/mixins.less";
-
-// Common styles
-@import "common.less";
-
-// layout
-@import "layout/wrapper.less";
-@import "layout/layout.less";
-
-// ui
-@import "ui/form.less";
-@import "ui/buttons.less";
-@import "ui/arrows.less";
-
-// Modules
-@import "modules/header.less";
-@import "modules/workout.less";
-@import "modules/forms.less";
-
-// Pages
-@import "pages/login.less";
-@import "pages/profile.less";
-// @import "pages/promo.less";
-@import "pages/verify_account.less";
Index: ow/static/less/mixins/mixins.less
===================================================================
--- ow/static/less/mixins/mixins.less	(revision 8c2b0949ae91540ee5c8101b9d5ff39003773da3)
+++ 	(revision )
@@ -1,12 +1,0 @@
-
-.font-size(@sizeValue) {
-    @remValue: @sizeValue / 16;
-    @pxValue: (@sizeValue);
-    font-size: ~"@{pxValue}px";
-    font-size: ~"@{remValue}rem";
-}
-
-.hidden,
-.hide{
-	display: none;
-}
Index: ow/static/less/modules/forms.less
===================================================================
--- ow/static/less/modules/forms.less	(revision 8c2b0949ae91540ee5c8101b9d5ff39003773da3)
+++ 	(revision )
@@ -1,33 +1,0 @@
-.ow-forms {
-	&:extend(.wrapper-s);
-	padding-top: 2em;
-
-	h2 {
-		border-top: 1px solid @color-main-light;
-		padding-top: .5em;
-	}
-}
-
-// .error {
-// 	list-style-type: none;
-// 	padding: 0;
-// 	margin: 0;
-// 	li {
-// 		background-color: @color-app;
-// 		padding:.5em;
-// 		color: white;
-// 	}
-// }
-
-.back {
-	color: @color-app;
-	text-decoration: none;
-	font-weight: 700;
-	&:before {
-		content: "⬅";
-		margin-right: .5em;
-	}
-	&:hover {
-		color: @color-main;
-	}
-}
Index: ow/static/less/modules/header.less
===================================================================
--- ow/static/less/modules/header.less	(revision 8c2b0949ae91540ee5c8101b9d5ff39003773da3)
+++ 	(revision )
@@ -1,246 +1,0 @@
-.header-content {
-    padding:1em 1.5em;
-    a{
-        text-decoration: none;
-    }
-    .description{
-        margin: 0;
-    }
-}
-
-
-/* logo ----------------------------------------------------------------------*/
-.logo {
-    .font-size(24);
-    line-height: 1em;
-    font-weight: 800;
-    text-transform: uppercase;
-    margin: 0;
-    display: inline-block;
-    span{
-        transition: all 250ms ease-in-out;
-    }
-    &:hover{
-        span{
-            color: @color-app;
-        }
-    }
-    a {
-        @media (max-width: @screen-m){
-            content: "";
-            display: inline-block;
-            width: 34px;
-            height: 34px;
-            background-image: url('/static/media/img/logo-openworkouts.png');
-            background-size: 100%;
-            background-repeat: no-repeat;
-            span {
-                display: none !important;
-            }
-        }
-    }
-}
-.logo-open {
-    display: block;
-    color: @color-app;
-}
-.logo-work,
-.logo-outs {
-    color: @color-app-light;
-}
-
-/* menu navigation -----------------------------------------------------------*/
-.nav-site{
-    .font-size (13);
-
-    ul {
-        list-style-type: none;
-        padding: 0;
-        margin: 0;
-        display: flex;
-        flex-direction: row;
-        justify-content: space-between;
-        align-items: center;
-    }
-    li{
-        border-left: 1px solid @color-main-light;
-        flex-grow: 1;
-        text-align: center;
-        /* this is for the dashboard li element */
-        &:first-child {
-            display: none;
-            @media (min-width: @screen-m){
-                display: inline-block;
-            }
-        }
-    }
-    a{
-        color: @color-main-medium;
-        padding: 1.25em;
-        display: block;
-        &:hover {
-            color: @color-main;
-        }
-    }
-    .is-active {
-        a {
-            color: @color-main;
-        }
-    }
-}
-
-.icon-dashboard,
-.icon-profile,
-.icon-logout {
-    &::before {
-        content: "";
-        display: inline-block;
-    }
-    span {
-        display: none;
-    }
-    @media (min-width: @screen-m){
-        &::before {
-            display: none;
-        }
-        span{
-            display: inline-block;
-        }
-    }
-    &:hover {
-        opacity: .5;
-    }
-}
-
-.icon-dashboard {
-    &::before {
-        content: "☰";
-        .font-size(30);
-        line-height: 0em;
-        position: relative;
-        top: 3px;
-        margin: 0;
-    }
-}
-
-.icon-profile {
-    padding: 1em 1.25em !important;
-    &::before {
-        position: relative;
-        top: 3px;
-        width: 20px;
-        height: 20px;
-        background-image: url('/static/media/img/icon-user.svg');
-        background-size: 100%;
-        margin: 0;
-    }
-}
-
-
-.icon-logout {
-    padding: 1em 1.25em !important;
-    &::before {
-        position: relative;
-        top: 3px;
-        width: 20px;
-        height: 20px;
-        background-image: url('/static/media/img/icon-logout.svg');
-        background-size: 100%;
-        margin: 0;
-    }
-}
-
-
-
-/* Add workout button with submenu -------------------------------------------*/
-.add-workout {
-    position: relative;
-    >a{
-        color: @color-app;
-        &:before{
-            content: "+";
-            font-weight: 800;
-            .font-size(32);
-            line-height: 0;
-            position: relative;
-            top: 8px;
-        }
-        span{
-            display: none;
-        }
-        &:hover{
-            background-color: @color-app;
-            color:white;
-        }
-    }
-    &:hover{
-        &:after{
-            content: "";
-            position: absolute;
-            background-color: white;
-            bottom: -1px;
-            width: 100%;
-            height: 1px;
-            display: block;
-            z-index: 20;
-        }
-        ul{
-            /* This fixes some problems in the "add workout" submenu,
-             where some elements appeared without full width and on wrong
-             positioning */
-            display: flex;
-            li {
-                width: 100%;
-                text-align: center;
-            }
-        }
-    }
-
-    /* submenu -------------------------------------------------------------- */
-    ul{
-        display: none;
-        flex-direction: column;
-        position: absolute;
-        background-color: fade(white, 95%);
-        right: -1px;
-        border: 1px solid @color-main-light;
-        width: 153px;
-        li{
-            border-left:transparent;
-            text-align: left;
-        }
-        a{
-            &:hover{
-                background-color: @color-main-xtralight;
-            }
-        }
-    }
-}
-
-/* description ---------------------------------------------------------------*/
-.description {
-    .font-size(14);
-    font-weight: 300;
-    letter-spacing: .025em;
-    color: @color-main-medium;
-}
-
-
-/* ------------------------------ STATES ------------------------------------ */
-
-/* when user is login --------------------------------------------------------*/
-.is-login {
-    .header-content {
-        border-bottom: 1px solid @color-main-light;
-        display: flex;
-        padding: 0em 1.5em;
-        justify-content: space-between;
-        align-items: center;
-    }
-    .description {
-        .hide;
-    }
-    .logo-open {
-        display: inline-block;
-    }
-}
Index: ow/static/less/modules/workout.less
===================================================================
--- ow/static/less/modules/workout.less	(revision 8c2b0949ae91540ee5c8101b9d5ff39003773da3)
+++ 	(revision )
@@ -1,452 +1,0 @@
-.workout-content {
-    padding: 2em  1em;
-    display: flex;
-    flex-direction: column;
-    @media (min-width: @screen-s){
-        padding: 2em 6em;
-    }
-    @media (min-width: @screen-m){
-        display: flex;
-        flex-direction: row;
-        justify-content:space-between;
-    }
-}
-
-/* list mode */
-.workout-list {
-    margin-right: 2em;
-    width: 100%;
-    >h2{
-        font-weight: 300;
-        margin: 0 0 1.5em;
-    }
-    order: 2;
-    @media (min-width: @screen-m){
-        order: 1;
-    }
-    /* provisional layout, replace this with grid layout system based on final content */
-}
-
-/* Module resume on dashboard workouts */
-.workout-resume {
-    padding: 1.5em 0;
-    position: relative;
-    max-width: 700px;
-    @media (min-width: @screen-m){
-        padding-left: 2em;
-        border-left: 1px solid @color-main-light;
-        transition: all 250ms ease-in-out;
-    }
-    &:hover{
-        border-color: @color-main;
-        .workout-title{
-            &:before{
-                color: @color-main;
-            }
-        }
-    }
-    ul{
-        padding: 0;
-        list-style-type: none;
-        .font-size(13);
-        a{
-            display: block;
-            text-decoration: none;
-        }
-    }
-}
-.bike{
-    &:before{
-        display: block;
-        //position: absolute;
-        content: "";
-        width: 30px;
-        height: 30px;
-        //left:-3.25em;
-        //top: 1.6em;
-        background-image: url('../media/img/bike.svg');
-        background-size: 100%;
-    }
-}
-
-.workout-title{
-    .font-size(14);
-    margin: 0 0 0em 0;
-    position: relative;
-    &:before{
-        transition: all 250ms ease-in-out;
-        content: "▶";
-        position: absolute;
-        left: -3.25em;
-        top:.35em;
-        color:@color-main-light;
-        .font-size(10);
-    }
-    a{
-        color: @color-main;
-        text-decoration: none;
-        &:hover {
-            color: @color-app;
-        }
-    }
-}
-
-.workout-info {
-    display: flex;
-    flex-flow: row wrap;
-    //align-items:center;
-    margin: .25em 0;
-    li{
-        color: @color-main-medium;
-        margin-bottom: .25em;
-        &:after{
-            content: "|";
-            margin: 0 .5em;
-        }
-        &:last-child{
-            &:after{
-                content: "";
-                margin:0;
-            }
-        }
-    }
-}
-
-.workout-map {
-    margin-top: 1em;
-    img {
-        width: 100%;
-    }
-}
-
-.workout-intro {
-    .font-size(13);
-    color: @color-main;
-}
-
-.workout-options{
-    display: inline-block;
-    border:1px solid @color-main-light;
-    margin-bottom: 0;
-    border-radius: 4px;
-    padding: 0;
-    width: auto;
-    background-color: white;
-    li{
-        display: inline-block;
-        border-right: 1px solid @color-main-light;
-        &:last-child{
-            border-right:none;
-        }
-    }
-    a{
-        display: block;
-        color: @color-main-medium;
-        padding: .5em .75em;
-        text-decoration: none;
-        &:hover{
-            color: @color-main;
-        }
-        &.is-active {
-            background-color: @color-main-medium;
-            color: white;
-        }
-    }
-}
-
-.owo-del{
-    a{
-        &:hover{
-            color: red;
-        }
-    }
-}
-
-.workout-aside{
-    width: 100%;
-    order: 1;
-    @media (min-width: @screen-m){
-        order: 2;
-        max-width: 300px;
-        padding-left: 1.5em;
-        border-left:1px solid @color-main-light;
-    }
-}
-
-
-
-.aside-profile {
-    margin-bottom: 1em;
-    img {
-        width: 80px;
-        height: 80px;
-        object-fit: cover;
-        border-radius: 50%;
-    }
-    h2 {
-        font-weight: 400;
-        .font-size(18);
-         margin: 0 0 .5em 0;
-    }
-    ul {
-        list-style-type: none;
-        margin:0;
-        padding:0;
-        .font-size(13);
-        color: @color-main-dark;
-    }
-    a {
-        text-decoration: none;
-        color: @color-main;
-        &:hover {
-            color: @color-main-medium;
-        }
-    }
-}
-
-
-
-/* Workout detail */
-#map {
-    width: 100%;
-    height: 400px;
-    @media (min-width: @screen-s){
-        height: calc(100vh - 465px);
-    }
-}
-
-.workout-detail {
-    padding: 0em  1em;
-    @media (min-width: @screen-s){
-        max-width: 1280px;
-        margin: 0 auto;
-    }
-     @media (min-width: @screen-m){
-        display: flex;
-        justify-content:space-between;
-    }
-}
-
-.workout-detail-resume {
-    max-width: 500px;
-    margin-bottom: 2em;
-    padding-top: 2em;
-    @media (min-width: @screen-m){
-        margin-right: 6em;
-    }
-    h3 {
-        margin-top: 0;
-        margin-bottom: .5em;
-        & + div {
-            .font-size(14);
-            color: @color-main-medium;
-            line-height: 1.35em;
-        }
-    }
-    .workout-options {
-        .font-size(13);
-    }
-}
-
-.workout-detail-info {
-    max-width: 600px;
-    @media (min-width: @screen-m){
-        border-right: 1px solid @color-main-light;
-        border-left: 1px solid @color-main-light;
-        padding:2em 1em 2em 2em;
-    }
-    ul {
-        list-style-type: none;
-        padding:0;
-        margin: 0;
-        display: flex;
-        justify-content:space-between;
-        flex-flow: row wrap;
-        span {
-            display: block;
-            .font-size(13);
-            color: @color-main-medium;
-            margin-bottom: .25em;
-            &.min,
-            &.avg,
-            &.max {
-                display: inline-block;
-                color: white;
-                padding: .5em .85em;
-                border-radius: 3px;
-                background-color: @color-main-light;
-                color: @color-main-medium;
-            }
-
-            /* color for future features */
-            // &.max {
-            //     background-color: @color-app;
-            // }
-            // &.min {
-            //     background-color: #1395CA;
-            //     margin-right: .5em;
-            // }
-
-            // &.avg {
-            //     background-color: #17C898;
-            //     margin-right: .5em;
-            // }
-        }
-    }
-    li {
-        margin-bottom: 1em;
-        margin-right: 1em;
-        color: @color-main-medium;
-        .font-size(15);
-        &.important {
-            .font-size(21);
-            color: @color-main;
-        }
-    }
-}
-
-
-
-/* Week report */
-.svg-content {
-    svg {
-        width: 100%;
-        height: 100%;
-    }
-
-    .label {
-        .font-size(13);
-        text-anchor: middle;
-    }
-    .tick {
-        .font-size(13);
-    }
-
-}
-
-/* dashboard graphics*/
-.x-axis path, .x-axis line {
-    fill: none;
-    stroke: none;
-}
-
-.bar {
-    fill: #f8b5be;
-    &:hover {
-        fill: #ee4056;
-    }
-}
-
-.current {
-    fill: #ee4056;
-}
-
-
-
-.week-stats {
-    border: 1px solid @color-main-light;
-    background-color: fade(@color-main-light, 10%);
-    padding: .75em;
-    border-radius: 4px;
-    margin-bottom: 2em;
-    h3 {
-        margin: 0;
-        .font-size(14);
-        & + p {
-            margin: .25em 0 2em 0;
-            color: @color-main-medium;
-            .font-size(13);
-        }
-    }
-}
-
-.workout-activity-summary {
-    list-style-type: none;
-    padding: 0;
-    margin: 0;
-    background-color: fade(@color-main, 80%);
-    margin-bottom: .75em;
-    li {
-        color: @color-main-light;
-        border-bottom: 1px solid @color-main-medium;
-        padding: .75em 1em;
-        display: flex;
-        justify-content: space-between;
-        &:last-child {
-            margin-bottom: 0;
-            border: none;
-        }
-        span {
-            &:first-child {
-                font-weight: bold;
-            }
-        }
-    }
-}
-
-.workout-activity-tree {
-    list-style-type: none;
-    padding: 0;
-    margin: 0;
-    transition:all 250ms ease-in-out;
-    .font-size(13);
-    >li {
-        margin-bottom: .5em;
-        padding-bottom: .5em;
-        border-bottom: 1px solid @color-main-light;
-    }
-    a {
-        text-decoration: none;
-        display: block;
-        color: @color-app;
-        &:hover{
-            color: @color-main;
-        }
-
-        &.viewing-year {
-            color: @color-main;
-            font-weight: 700;
-            margin-bottom: .5em;
-            .font-size(16);
-        }
-        &.viewing-month {
-            background-color: @color-main-light;
-            color: @color-main;
-            font-weight: 700;
-        }
-    }
-}
-
-
-.workout-activity-tree-year {
-    list-style-type: none;
-    padding: 0;
-    margin: 0;
-    >li {
-        display: block;
-        margin-bottom: .5em;
-    }
-    a {
-        display: flex;
-        justify-content: space-between;
-        padding: .5em;
-        background-color: @color-main-xtralight;
-        color: @color-main-dark;
-        &:hover {
-            background-color: @color-main-light;
-        }
-    }
-}
-
-
-.uploading-workout {
-    /* Extends ow-forms, as we use a div with this class to show as a
-       replacement of the uploading form while the form is submitting
-       (that could take some time when uploading bigger tracking files) */
-    &:extend(.ow-forms);
-    width: 100%;
-    text-align: center;
-    // We need to force this here, extending from ow-forms invalidates using
-    // the "hidden" mixin class elements with this class
-    display: none;
-}
Index: ow/static/less/pages/login.less
===================================================================
--- ow/static/less/pages/login.less	(revision 8c2b0949ae91540ee5c8101b9d5ff39003773da3)
+++ 	(revision )
@@ -1,76 +1,0 @@
-.login-content {
-    background-image: url("@{path-img}/back-01.jpg");
-    background-position: center;
-    background-size: cover;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    min-height: calc(100vh - 98px);
-    padding: 1em 0;
-
-
-    form{
-        max-width: 380px;
-        background-color: fadeout(@color-main, 40%);
-        border-radius: 6px;
-        padding: 2em  1.5em;
-        div {
-            margin-bottom: 1.5em;
-        }
-    }
-
-    label {
-        color: @color-main-light;
-    }
-    a {
-        color: @color-main-light;
-        font-size: 13px;
-        text-decoration: none;
-        margin-right: .75em;
-        &:hover {
-            color: white;
-        }
-    }
-
-    .button {
-        transition: all 500ms ease-in-out;
-        background-color: @color-app;
-        color: white;
-        text-transform: uppercase;
-        &:hover {
-            background-color: darken(@color-app, 10%);
-        }
-    }
-
-    .message {
-        padding: .5em;
-        margin: 0;
-        text-align: center;
-        .font-size(13);
-        &.message-error{
-            color: white;
-            background-color: red;
-        }
-    }
-
-    ul.error {
-        list-style: none;
-        color: white;
-        padding: 5px;
-        margin: 0px;
-    }
-
-}
-
-/*
-.login-remember {
-    color: @color-main-medium;
-    .font-size(14);
-    text-decoration: none;
-    font-weight: 300;
-    &:hover{
-        color: @color-main-light;
-    }
-}
-<a class="login-remember" href="#">Forgot your password?</a>
-*/
Index: ow/static/less/pages/profile.less
===================================================================
--- ow/static/less/pages/profile.less	(revision 8c2b0949ae91540ee5c8101b9d5ff39003773da3)
+++ 	(revision )
@@ -1,186 +1,0 @@
-.user-profile {
-    .workout-options {
-    	.font-size(13);
-		margin-right: 2em;
-    }
-}
-
-.user-profile-account {
-	background-color: @color-main-xtralight;
-	border-bottom: 1px solid @color-main-light;
-    padding: 2em  1em;
-    @media (min-width: @screen-s){
-        padding: 2em 6em;
-    }
-    >div {
-	    @media (min-width: @screen-m){
-	    	display: flex;
-	    	align-items: center;
-	    }
-    }
-    img {
-        width: 64px;
-        height: 64px;
-        object-fit: cover;
-        border-radius: 50%;
-        margin-bottom: .5em;
-        margin-right: 1em;
-	    @media (min-width: @screen-m){
-	        width: 140px;
-	        height: 140px;
-	    }
-    }
-	h2 {
-		margin: 0 0 .15em 0;
-		.font-size(21);
-		font-weight: 400;
-	}
-	p{
-		color: @color-main-dark;
-		.font-size(14);
-		margin: 0;
-		a {
-			color: @color-app;
-			text-decoration: none;
-			&:hover {
-				color: @color-main;
-			}
-		}
-		span {
-			color: @color-main-medium;
-		}
-	}
-}
-.total-workouts {
-	.font-size(13);
-	font-weight: bold;
-	span {
-		color: @color-main-medium;
-		margin-right: .5em;
-		&:first-child {
-			color: @color-main;
-			&:after {
-				content: "|";
-				color: @color-main-light;
-				margin-left:  .5em;
-			}
-		}
-	}
-}
-
-.profile-data {
-	list-style-type: none;
-	padding: 0;
-	.font-size(14);
-	background-color: white;
-	padding: .5em .75em;
-	border-radius: 4px;
-	border: 1px solid @color-main-light;
-	li {
-		display: flex;
-		justify-content: space-between;
-		color: @color-main-medium;
-		&:not(:last-child) {
-			margin-bottom: .5em;
-			padding-bottom: .5em;
-			border-bottom: 1px solid @color-main-light;
-		}
-		span {
-			font-weight: bold;
-			color: @color-main;
-		}
-                a {
-                    color: @color-app;
-                    text-decoration: none;
-                    &:hover {
-	                color: @color-main;
-                    }
-                    &:active, &:focus {
-                        outline: 0;
-                        border: none;
-                        -moz-outline-style: none;
-                    }
-                }
-	}
-}
-
-.profile-bio {
-	margin: .5em 0;
-	.font-size(14);
-}
-
-.month-stats,
-.latest-workouts {
-	max-width: 700px
-}
-
-.center {
-	text-align: center;
-}
-
-.month-stats {
-	margin-bottom: 4em;
-}
-
-.latest-workouts {
-	h4 {
-		margin:0;
-		a {
-			color: @color-main;
-			text-decoration: none;
-		}
-	}
-	>span {
-		.font-size(13);
-	}
-	p {
-		margin-top: .25em;
-		color: @color-main-medium;
-		.font-size(13);
-	}
-}
-
-.profile-dropdown-sports,
-.profile-dropdown-years {
-    color: @color-main;
-    text-decoration: none;
-    &:hover {
-	color: @color-main;
-    }
-    &:active, &:focus {
-        outline: 0;
-        border: none;
-        -moz-outline-style: none;
-    }
-}
-
-
-/* Calendar heatmap */
-.calendar-heatmap {
-    margin: 20px;
-    .month {
-        margin-right: 8px;
-    }
-    .month-name {
-        font-size: 85%;
-        fill: #777;
-    }
-    .day-name {
-        font-size: 85%;
-        fill: #777;
-    }
-    .day {
-        &:hover {
-            stroke: #e1e1e1;
-            stroke-width: 2;
-        }
-        &:focus {
-            stroke: #e1e1e1;
-            stroke-width: 2;
-        }
-    }
-}
-
-.calendar-heatmap-tooltip {
-        width: 20%;
-}
Index: ow/static/less/pages/promo.less
===================================================================
--- ow/static/less/pages/promo.less	(revision 8c2b0949ae91540ee5c8101b9d5ff39003773da3)
+++ 	(revision )
@@ -1,1 +1,0 @@
-promo.
Index: ow/static/less/pages/verify_account.less
===================================================================
--- ow/static/less/pages/verify_account.less	(revision 8c2b0949ae91540ee5c8101b9d5ff39003773da3)
+++ 	(revision )
@@ -1,49 +1,0 @@
-.verify-account-content {
-    background-position: center;
-    background-size: cover;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    /* dynamic min-height based on window height does not work well
-     with premailer and generating the proper html with styles for mails */
-    min-height: 400px;
-    padding: 1em 0;
-    /* RGB calculated color does not work well with premailer and
-       generating the proper html with styles for mails */
-    color: #151515;
-
-    .info {
-        max-width: 580px;
-        /* RGB calculated color does not work well with premailer and
-         generating the proper html with styles for mails */
-        background-color: #e1e1e1;
-        border-radius: 6px;
-        padding: 2em  1.5em;
-        div {
-            margin-bottom: 1.5em;
-        }
-    }
-
-    a {
-        /* RGB calculated color does not work well with premailer and
-           generating the proper html with styles for mails */
-        color: #151515;
-        font-size: 13px;
-        text-decoration: none;
-        margin-right: .75em;
-        &:hover {
-            color: #151515;
-        }
-    }
-
-    .button {
-        background-color: @color-app;
-        background: @color-app;
-        color: white;
-        text-transform: uppercase;
-        &:hover {
-            background-color: @color-app-important;
-        }
-    }
-
-}
Index: ow/static/less/ui/arrows.less
===================================================================
--- ow/static/less/ui/arrows.less	(revision 8c2b0949ae91540ee5c8101b9d5ff39003773da3)
+++ 	(revision )
@@ -1,38 +1,0 @@
-/*
-Very simple way to paint dropdown-like arrows, without
-using any external dependencies.
-
-To use it, add something like this to your html, to display a "down" arrow:
-
-  <i class="arrow down"></i>
-*/
-
-i.arrow {
-    border: solid black;
-    border-width: 0 3px 3px 0;
-    display: inline-block;
-    padding: 3px;
-    margin: 3px;
-    margin-left: 6px;
-    margin-right: 0px;
-}
-
-.right {
-    transform: rotate(-45deg);
-    -webkit-transform: rotate(-45deg);
-}
-
-.left {
-    transform: rotate(135deg);
-    -webkit-transform: rotate(135deg);
-}
-
-.up {
-    transform: rotate(-135deg);
-    -webkit-transform: rotate(-135deg);
-}
-
-.down {
-    transform: rotate(45deg);
-    -webkit-transform: rotate(45deg);
-}
Index: ow/static/less/ui/buttons.less
===================================================================
--- ow/static/less/ui/buttons.less	(revision 8c2b0949ae91540ee5c8101b9d5ff39003773da3)
+++ 	(revision )
@@ -1,34 +1,0 @@
-/* Generic button */
-.button {
-    box-sizing: border-box;
-    display: inline-block;
-    text-align: center;
-    vertical-align: middle;
-    cursor: pointer;
-    border: 1px solid transparent;
-    text-decoration: none;
-    font-style: normal;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-    padding: 0.3em 1em;
-    margin: 0;
-    position: relative;
-    overflow: hidden;
-    background: @color-main-light;
-    color: @color-main;
-    font-size: 1em;
-    line-height: 1.25;
-    max-width: 100%;
-    width: auto;
-}
-
-.button-normal {
-    width: auto;
-    &:hover {
-        background-color: @color-main-medium;
-        color: white;
-    }
-}
-.button-important {
-    background-color: @color-app;
-}
Index: ow/static/less/ui/form.less
===================================================================
--- ow/static/less/ui/form.less	(revision 8c2b0949ae91540ee5c8101b9d5ff39003773da3)
+++ 	(revision )
@@ -1,52 +1,0 @@
-/* Generic default forms */
-form{
-    width: 100%;
-}
-
-legend {
-    display: none;
-}
-
-fieldset {
-    border: none;
-    padding: 0;
-}
-
-fieldset > div,
-fieldset > p {
-    margin-bottom: 1.5em;
-}
-
-label {
-    display: block;
-    font-size: 13px;
-    margin-bottom: .25em;
-}
-input {
-    width: 100%;
-    padding: .5em .75em;
-    border: 1px solid transparent;
-    border-radius: 2px;
-}
-
-.ow-forms {
-    label {
-        display: block;
-        margin-bottom: .35em;
-        color: @color-main-medium;
-    }
-    textarea {
-        resize: vertical;
-        height: 200px;
-    }
-    textarea,
-    input {
-        width: 100%;
-        padding: .65em;
-        border-radius: 4px;
-        border: 1px solid @color-main-light;
-    }
-    select {
-        width: 100%;
-    }
-}
Index: ow/static/less/variables.less
===================================================================
--- ow/static/less/variables.less	(revision 8c2b0949ae91540ee5c8101b9d5ff39003773da3)
+++ 	(revision )
@@ -1,24 +1,0 @@
-// colors:
-@color-main: #151515;
-@color-main-dark: lighten(@color-main, 25%);
-@color-main-medium: lighten(@color-main, 50%);
-@color-main-light: lighten(@color-main, 80%);
-@color-main-xtralight: lighten(@color-main, 90%);
-
-@color-app: #EE4056;
-@color-app-medium: lighten(@color-app, 15%);
-@color-app-light: lighten(@color-app, 25%);
-
-@color-app-important: #F60002;
-
-
-// Img paths
-@path-img: "../media/img";
-
-
-// Media queries
-@screen-xs: 320px;
-@screen-s: 480px;
-@screen-m: 800px;
-@screen-l: 1024px;
-@screen-xl: 1440px;
Index: ow/static/less/vendors/leaflet-elevation.less
===================================================================
--- ow/static/less/vendors/leaflet-elevation.less	(revision 8c2b0949ae91540ee5c8101b9d5ff39003773da3)
+++ 	(revision )
@@ -1,83 +1,0 @@
-
-/* Leaflet-elevation openworkouts theme */
-
-/* background color */
-.openworkouts-theme.leaflet-control.elevation .background {
-    background-color: transparent;
-}
-
-/* Axis x and y*/
-.openworkouts-theme.leaflet-control.elevation .axis line, .openworkouts-theme.leaflet-control.elevation .axis path {
-    stroke: @color-main-medium;
-}
-
-/* selected drag area*/
-.openworkouts-theme.leaflet-control.elevation .mouse-drag {
-    fill: fade(@color-main, 10%);
-}
-
-/* Icon to show when the chart is collapse */
-/*
-.openworkouts-theme.leaflet-control.elevation .elevation-toggle-icon {
-    background: url(images/elevation-steelblue.png) no-repeat center center;
-}
-*/
-
-/* Graph color area background */
-.openworkouts-theme.leaflet-control.elevation .area {
-    fill: @color-app-light;
-    stroke: transparent;
-}
-
-/* vertical line to know where are you */
-.openworkouts-theme.leaflet-control.elevation .mouse-focus-line {
-    stroke: @color-main;
-}
-
-/* graph color line area */
-/*.leaflet-control.elevation .area {
-    fill: #f8b5be;
-}
-*/
-
-/* box with parameters */
-.mouse-focus-label {
-    opacity: .8;
-}
-
-
-.mouse-focus-label-text {
-    .font-size(13);
-    font-family: 'Open Sans', sans-serif;
-    font-weight: 100 !important;
-}
-/*.mouse-focus-label-y {}*/
-
-
-/* Color line on map */
-.leaflet-interactive {
-    stroke: @color-main;
-    opacity: .6;
-    stroke-width: 6px;
-    stroke-linecap: round;
-}
-
-/* indicator on map line*/
-.openworkouts-theme.height-focus.line{
-    stroke: @color-main;
-    display: none;
-
-    /*fill: #4682b4;*/
-}
-
-/* txt on map */
-.openworkouts-theme.height-focus-label {
-    display: none;
-}
-
-/* indicator on map circle */
-.openworkouts-theme.height-focus.circle-lower {
-    fill:  @color-main;
-    stroke: @color-app;
-    stroke-width: 10px;
-}
Index: ow/static/less/vendors/normalize.less
===================================================================
--- ow/static/less/vendors/normalize.less	(revision 8c2b0949ae91540ee5c8101b9d5ff39003773da3)
+++ 	(revision )
@@ -1,349 +1,0 @@
-/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
-
-/* Document
-   ========================================================================== */
-
-/**
- * 1. Correct the line height in all browsers.
- * 2. Prevent adjustments of font size after orientation changes in iOS.
- */
-
-html {
-  line-height: 1.15; /* 1 */
-  -webkit-text-size-adjust: 100%; /* 2 */
-}
-
-/* Sections
-   ========================================================================== */
-
-/**
- * Remove the margin in all browsers.
- */
-
-body {
-  margin: 0;
-}
-
-/**
- * Render the `main` element consistently in IE.
- */
-
-main {
-  display: block;
-}
-
-/**
- * Correct the font size and margin on `h1` elements within `section` and
- * `article` contexts in Chrome, Firefox, and Safari.
- */
-
-h1 {
-  font-size: 2em;
-  margin: 0.67em 0;
-}
-
-/* Grouping content
-   ========================================================================== */
-
-/**
- * 1. Add the correct box sizing in Firefox.
- * 2. Show the overflow in Edge and IE.
- */
-
-hr {
-  box-sizing: content-box; /* 1 */
-  height: 0; /* 1 */
-  overflow: visible; /* 2 */
-}
-
-/**
- * 1. Correct the inheritance and scaling of font size in all browsers.
- * 2. Correct the odd `em` font sizing in all browsers.
- */
-
-pre {
-  font-family: monospace, monospace; /* 1 */
-  font-size: 1em; /* 2 */
-}
-
-/* Text-level semantics
-   ========================================================================== */
-
-/**
- * Remove the gray background on active links in IE 10.
- */
-
-a {
-  background-color: transparent;
-}
-
-/**
- * 1. Remove the bottom border in Chrome 57-
- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
- */
-
-abbr[title] {
-  border-bottom: none; /* 1 */
-  text-decoration: underline; /* 2 */
-  text-decoration: underline dotted; /* 2 */
-}
-
-/**
- * Add the correct font weight in Chrome, Edge, and Safari.
- */
-
-b,
-strong {
-  font-weight: bolder;
-}
-
-/**
- * 1. Correct the inheritance and scaling of font size in all browsers.
- * 2. Correct the odd `em` font sizing in all browsers.
- */
-
-code,
-kbd,
-samp {
-  font-family: monospace, monospace; /* 1 */
-  font-size: 1em; /* 2 */
-}
-
-/**
- * Add the correct font size in all browsers.
- */
-
-small {
-  font-size: 80%;
-}
-
-/**
- * Prevent `sub` and `sup` elements from affecting the line height in
- * all browsers.
- */
-
-sub,
-sup {
-  font-size: 75%;
-  line-height: 0;
-  position: relative;
-  vertical-align: baseline;
-}
-
-sub {
-  bottom: -0.25em;
-}
-
-sup {
-  top: -0.5em;
-}
-
-/* Embedded content
-   ========================================================================== */
-
-/**
- * Remove the border on images inside links in IE 10.
- */
-
-img {
-  border-style: none;
-}
-
-/* Forms
-   ========================================================================== */
-
-/**
- * 1. Change the font styles in all browsers.
- * 2. Remove the margin in Firefox and Safari.
- */
-
-button,
-input,
-optgroup,
-select,
-textarea {
-  font-family: inherit; /* 1 */
-  font-size: 100%; /* 1 */
-  line-height: 1.15; /* 1 */
-  margin: 0; /* 2 */
-}
-
-/**
- * Show the overflow in IE.
- * 1. Show the overflow in Edge.
- */
-
-button,
-input { /* 1 */
-  overflow: visible;
-}
-
-/**
- * Remove the inheritance of text transform in Edge, Firefox, and IE.
- * 1. Remove the inheritance of text transform in Firefox.
- */
-
-button,
-select { /* 1 */
-  text-transform: none;
-}
-
-/**
- * Correct the inability to style clickable types in iOS and Safari.
- */
-
-button,
-[type="button"],
-[type="reset"],
-[type="submit"] {
-  -webkit-appearance: button;
-}
-
-/**
- * Remove the inner border and padding in Firefox.
- */
-
-button::-moz-focus-inner,
-[type="button"]::-moz-focus-inner,
-[type="reset"]::-moz-focus-inner,
-[type="submit"]::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-/**
- * Restore the focus styles unset by the previous rule.
- */
-
-button:-moz-focusring,
-[type="button"]:-moz-focusring,
-[type="reset"]:-moz-focusring,
-[type="submit"]:-moz-focusring {
-  outline: 1px dotted ButtonText;
-}
-
-/**
- * Correct the padding in Firefox.
- */
-
-fieldset {
-  padding: 0.35em 0.75em 0.625em;
-}
-
-/**
- * 1. Correct the text wrapping in Edge and IE.
- * 2. Correct the color inheritance from `fieldset` elements in IE.
- * 3. Remove the padding so developers are not caught out when they zero out
- *    `fieldset` elements in all browsers.
- */
-
-legend {
-  box-sizing: border-box; /* 1 */
-  color: inherit; /* 2 */
-  display: table; /* 1 */
-  max-width: 100%; /* 1 */
-  padding: 0; /* 3 */
-  white-space: normal; /* 1 */
-}
-
-/**
- * Add the correct vertical alignment in Chrome, Firefox, and Opera.
- */
-
-progress {
-  vertical-align: baseline;
-}
-
-/**
- * Remove the default vertical scrollbar in IE 10+.
- */
-
-textarea {
-  overflow: auto;
-}
-
-/**
- * 1. Add the correct box sizing in IE 10.
- * 2. Remove the padding in IE 10.
- */
-
-[type="checkbox"],
-[type="radio"] {
-  box-sizing: border-box; /* 1 */
-  padding: 0; /* 2 */
-}
-
-/**
- * Correct the cursor style of increment and decrement buttons in Chrome.
- */
-
-[type="number"]::-webkit-inner-spin-button,
-[type="number"]::-webkit-outer-spin-button {
-  height: auto;
-}
-
-/**
- * 1. Correct the odd appearance in Chrome and Safari.
- * 2. Correct the outline style in Safari.
- */
-
-[type="search"] {
-  -webkit-appearance: textfield; /* 1 */
-  outline-offset: -2px; /* 2 */
-}
-
-/**
- * Remove the inner padding in Chrome and Safari on macOS.
- */
-
-[type="search"]::-webkit-search-decoration {
-  -webkit-appearance: none;
-}
-
-/**
- * 1. Correct the inability to style clickable types in iOS and Safari.
- * 2. Change font properties to `inherit` in Safari.
- */
-
-::-webkit-file-upload-button {
-  -webkit-appearance: button; /* 1 */
-  font: inherit; /* 2 */
-}
-
-/* Interactive
-   ========================================================================== */
-
-/*
- * Add the correct display in Edge, IE 10+, and Firefox.
- */
-
-details {
-  display: block;
-}
-
-/*
- * Add the correct display in all browsers.
- */
-
-summary {
-  display: list-item;
-}
-
-/* Misc
-   ========================================================================== */
-
-/**
- * Add the correct display in IE 10+.
- */
-
-template {
-  display: none;
-}
-
-/**
- * Add the correct display in IE 10.
- */
-
-[hidden] {
-  display: none;
-}
Index: ow/static/media/img/bike.svg
===================================================================
--- ow/static/media/img/bike.svg	(revision 8c2b0949ae91540ee5c8101b9d5ff39003773da3)
+++ 	(revision )
@@ -1,20 +1,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 17.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 width="100px" height="100px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
-<path fill="#CCCCCC" d="M78.793,38.432c-2.427,0-4.751,0.444-6.896,1.249l-3.136-11.032l-0.915,0.281l-1.12-3.832h5.952
-	c1.878,0,4.498,0.56,4.498,2.51s-1.167,2.333-3.047,2.333h-1.472v1.938h1.83c3.094,0,4.476-1.574,4.476-4.358
-	c0-3.431-3.548-4.358-5.926-4.358h-8.96l1.604,6.333l-0.826,0.215l0.186,0.795l-28.429,1.839l-2.915-9.619l0.096-0.156
-	c0,0,0.355-1.911,1.936-1.911s4.744-1.122,4.744-1.682c0-0.561-0.816-0.682-0.816-0.682S23.24,17.907,23.24,18.978
-	c0,1.071,2.698,2.04,4.329,2.04s1.07,0.459,2.6,1.784c0.666,0.577,1.322,0.786,1.852,0.84l3.008,9.991l-4.446,7.179
-	c-2.785-1.516-5.979-2.377-9.375-2.377C10.362,38.434,1.572,47.226,1.572,58.07s8.79,19.636,19.636,19.636
-	c7.901,0,14.708-4.669,17.823-11.397c1.106,1.606,2.984,2.512,5.114,2.512c3.246,0,5.899-2.074,6.138-5.948h4.062
-	c0.571,0,1.035-0.397,1.035-0.968s-0.464-0.968-1.035-0.968h-4.256c-0.169,0-0.433-1.035-0.781-1.567l17.96-21.019l0.891,3.175
-	c-5.414,3.497-9.001,9.599-9.001,16.523c0,10.844,8.79,19.646,19.636,19.646s19.635-8.787,19.635-19.631
-	C98.429,47.219,89.639,38.432,78.793,38.432z M21.207,72.268c-7.842,0-14.199-6.357-14.199-14.199S13.364,43.87,21.207,43.87
-	s14.199,6.357,14.199,14.199C35.406,65.913,29.048,72.268,21.207,72.268z M40.833,57.721c-0.116-6.639-3.521-12.475-8.66-15.941
-	l3.584-5.786l6.511,21.052C41.756,57.207,41.277,57.437,40.833,57.721z M46.305,57.303c-0.673-0.253-1.365-0.231-1.37-0.231
-	L38.31,35.084l27.455-1.853l0.24,0.881L46.305,57.303z M78.793,72.268c-7.842,0-14.199-6.357-14.199-14.199
-	S70.951,43.87,78.793,43.87s14.199,6.357,14.199,14.199C92.993,65.913,86.637,72.268,78.793,72.268z"/>
-</svg>
Index: ow/static/media/img/icon-logout.svg
===================================================================
--- ow/static/media/img/icon-logout.svg	(revision 8c2b0949ae91540ee5c8101b9d5ff39003773da3)
+++ 	(revision )
@@ -1,14 +1,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 17.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 width="50px" height="50px" viewBox="0 0 50 50" style="enable-background:new 0 0 50 50;" xml:space="preserve">
-<path d="M0,26.888c0.138-7.195,2.492-12.812,7.271-17.473c1.749-1.705,4.47-1.741,6.226-0.118c1.749,1.616,1.82,4.209,0.073,5.929
-	c-2.545,2.506-4.102,5.453-4.623,8.901C7.75,32.052,13.402,39.666,21.69,41.296C31,43.127,39.915,37.13,41.104,28.141
-	c0.65-4.912-0.912-9.199-4.512-12.791c-1.78-1.777-1.833-4.318-0.114-5.98c1.72-1.663,4.504-1.695,6.224-0.03
-	c4.278,4.14,6.739,9.099,7.217,14.9c1.007,12.237-7.561,22.965-20.182,25.319c-13.401,2.5-26.549-5.884-29.192-18.649
-	C0.226,29.361,0.117,27.773,0,26.888z"/>
-<path d="M29.413,15.682c0,3.788,0.009,7.576-0.004,11.364c-0.008,2.272-1.671,3.986-4.053,4.219
-	c-2.134,0.209-4.163-1.258-4.629-3.363c-0.068-0.307-0.078-0.63-0.078-0.945c-0.005-7.556-0.007-15.113-0.003-22.669
-	C20.647,1.873,22.558,0.007,25.015,0c2.463-0.007,4.389,1.846,4.395,4.258C29.42,8.066,29.413,11.874,29.413,15.682z"/>
-</svg>
Index: ow/static/media/img/icon-user.svg
===================================================================
--- ow/static/media/img/icon-user.svg	(revision 8c2b0949ae91540ee5c8101b9d5ff39003773da3)
+++ 	(revision )
@@ -1,16 +1,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 17.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 width="50px" height="50px" viewBox="0 0 50 50" style="enable-background:new 0 0 50 50;" xml:space="preserve">
-<g id="cMzsll_1_">
-	<g>
-		<path d="M24.998,0C38.774-0.001,50.029,11.282,50,25.065C49.971,38.769,38.711,50,25,50C11.232,50-0.028,38.709,0,24.93
-			C0.028,11.217,11.274,0.001,24.998,0z M31.086,35.622c-0.029-3.041,1.413-5.638,2.404-8.319c0.702-1.899,1.378-3.722,1.293-5.78
-			c-0.07-1.711-0.217-3.453,0.007-5.136c0.556-4.169-1.392-8.013-5.376-9.322c-1.969-0.647-4.221-0.862-6.293-0.68
-			c-5.344,0.467-8.556,4.797-7.865,10.098c0.17,1.304,0.442,2.684,0.191,3.933c-0.518,2.579,0.238,4.777,1.189,7.101
-			c0.899,2.196,1.347,4.581,1.937,6.897c0.264,1.036-0.293,1.455-1.294,1.774c-3.279,1.044-6.513,2.231-9.837,3.389
-			c9.245,11.409,26.75,10.703,35.055-0.017C38.714,38.253,34.987,36.968,31.086,35.622z"/>
-	</g>
-</g>
-</svg>
Index: ow/static/safari-pinned-tab.svg
===================================================================
--- ow/static/safari-pinned-tab.svg	(revision 8c2b0949ae91540ee5c8101b9d5ff39003773da3)
+++ 	(revision )
@@ -1,23 +1,0 @@
-<?xml version="1.0" standalone="no"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
- "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
-<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
- width="500.000000pt" height="500.000000pt" viewBox="0 0 500.000000 500.000000"
- preserveAspectRatio="xMidYMid meet">
-<metadata>
-Created by potrace 1.11, written by Peter Selinger 2001-2013
-</metadata>
-<g transform="translate(0.000000,500.000000) scale(0.100000,-0.100000)"
-fill="#000000" stroke="none">
-<path d="M2265 4929 c-632 -61 -1220 -365 -1631 -842 -791 -918 -791 -2266 0
--3184 845 -982 2319 -1137 3354 -353 228 173 405 361 562 597 608 915 533
-2107 -184 2940 -470 546 -1157 857 -1881 851 -77 0 -176 -4 -220 -9z m672
--1914 c147 -641 198 -887 247 -1170 l32 -190 18 110 c31 192 102 531 249 1190
-l142 640 338 3 c185 1 337 1 337 -1 0 -11 -632 -2551 -636 -2559 -3 -4 -189
--8 -414 -8 -380 0 -409 1 -414 18 -5 16 -237 1071 -322 1464 -21 97 -42 172
--45 165 -4 -7 -10 -34 -14 -62 -15 -105 -79 -410 -207 -983 l-132 -592 -410 0
--411 0 -314 1258 c-173 691 -316 1265 -319 1275 -4 16 17 17 330 17 l334 0
-167 -767 c170 -778 206 -952 228 -1100 7 -46 14 -82 15 -80 2 2 19 95 38 208
-52 302 112 582 255 1189 l128 545 59 6 c33 3 178 5 324 5 l265 -1 132 -580z"/>
-</g>
-</svg>
Index: ow/static/site.webmanifest
===================================================================
--- ow/static/site.webmanifest	(revision 8c2b0949ae91540ee5c8101b9d5ff39003773da3)
+++ 	(revision )
@@ -1,19 +1,0 @@
-{
-    "name": "",
-    "short_name": "",
-    "icons": [
-        {
-            "src": "/android-chrome-192x192.png",
-            "sizes": "192x192",
-            "type": "image/png"
-        },
-        {
-            "src": "/android-chrome-384x384.png",
-            "sizes": "384x384",
-            "type": "image/png"
-        }
-    ],
-    "theme_color": "#ffffff",
-    "background_color": "#ffffff",
-    "display": "standalone"
-}
