Initial commit

lib/assets/javascripts/new-dashboard/styles/pages/_catalog.scss

@@ -0,0 +1,67 @@
+.catalog__icon {
+  width: 100%;
+  height: 100%;
+  background-image: url("../assets/icons/catalog/default-flag.svg");
+  background-repeat: no-repeat;
+  background-position: center;
+
+  &--financial {
+    background-image: url("../assets/icons/catalog/financial.svg");
+  }
+
+  &--human-mobility {
+    background-image: url("../assets/icons/catalog/human-mobility.svg");
+  }
+
+  &--demographics {
+    background-image: url("../assets/icons/catalog/demographics.svg");
+  }
+
+  &--housing {
+    background-image: url("../assets/icons/catalog/housing.svg");
+  }
+
+  &--road-traffic {
+    background-image: url("../assets/icons/catalog/road-traffic.svg");
+  }
+
+  &--points-of-interest {
+    background-image: url("../assets/icons/catalog/points-of-interest.svg");
+  }
+
+  &--environmental {
+    background-image: url("../assets/icons/catalog/environmental.svg");
+  }
+
+  &--global-boundaries {
+    background-image: url("../assets/icons/catalog/global-boundaries.svg");
+  }
+
+  &--united-states {
+    background-image: url("../assets/icons/catalog/united-states.svg");
+  }
+
+  &--united-states-of-america {
+    background-image: url("../assets/icons/catalog/united-states.svg");
+  }
+
+  &--canada {
+    background-image: url("../assets/icons/catalog/canada.svg");
+  }
+
+  &--spain {
+    background-image: url("../assets/icons/catalog/spain.svg");
+  }
+
+  &--united-kingdom {
+    background-image: url("../assets/icons/catalog/united-kingdom.svg");
+  }
+
+  &--australia {
+    background-image: url("../assets/icons/catalog/australia.svg");
+  }
+
+  &--france {
+    background-image: url("../assets/icons/catalog/france.svg");
+  }
+}

lib/assets/javascripts/new-dashboard/styles/pages/_solutionsIcons.scss

@@ -0,0 +1,139 @@
+.solutions-card {
+  #marker,
+  .marker {
+    animation: 2s slidein infinite linear;
+    animation-play-state: paused;
+  }
+
+  #cloud02,
+  .cloud--02 {
+    animation: 20s move infinite alternate linear;
+    animation-play-state: paused;
+  }
+
+  #cloud01,
+  .cloud--01 {
+    animation: 40s move infinite alternate linear;
+    animation-play-state: paused;
+  }
+
+  .sun {
+    transform-box: fill-box;
+    transform-origin: 50% 50%;
+    animation: 60s rotate infinite linear;
+    animation-play-state: paused;
+  }
+
+  .plane {
+    animation: 0.5s flying infinite alternate linear;
+    animation-play-state: paused;
+  }
+
+  .user {
+    animation: 2s user infinite alternate linear;
+    animation-play-state: paused;
+  }
+}
+
+.solutions-card {
+  &:hover {
+    #marker,
+    .marker {
+      animation-play-state: running;
+    }
+
+    .marker--01 {
+      animation-delay: 1s;
+    }
+
+    .marker--02 {
+      animation-delay: 2s;
+    }
+
+    #cloud02,
+    .cloud--02 {
+      animation-play-state: running;
+    }
+
+    #cloud01,
+    .cloud--01 {
+      animation-play-state: running;
+    }
+
+    .sun {
+      animation-play-state: running;
+    }
+
+    .plane {
+      animation-play-state: running;
+    }
+
+    .user {
+      animation-play-state: running;
+    }
+
+    .user--01 {
+      animation-delay: 0s;
+    }
+
+    .user--02 {
+      animation-delay: 1.5s;
+    }
+
+    .user--03 {
+      animation-delay: 2.5s;
+    }
+  }
+}
+
+@keyframes flying {
+  0% {
+    transform: translate3d(0, 0, 0);
+  }
+
+  50% {
+    transform: translate3d(0, 1px, 0);
+  }
+
+  100% {
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+@keyframes user {
+  0% {
+    transform: translate3d(0, 0, 0);
+  }
+
+  50% {
+    transform: translate3d(0, 12px, 0);
+  }
+
+  100% {
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+@keyframes slidein {
+  0% {
+    transform: translate3d(0, 0, 0);
+  }
+
+  50% {
+    transform: translate3d(0, 20px, 0);
+  }
+
+  100% {
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+@keyframes rotate {
+  0% {
+    transform: rotate(0deg);
+  }
+
+  100% {
+    transform: rotate(360deg);
+  }
+}

lib/assets/javascripts/new-dashboard/styles/pages/_visualizations.scss

@@ -0,0 +1,26 @@
+.viz-column--main-info,
+.viz-column--extra-info,
+.viz-column--status,
+.viz-column--share {
+  @extend .grid;
+  @extend .grid--no-wrap;
+}
+
+.viz-column--main-info,
+.viz-column--share {
+  @extend .grid-cell--col5;
+  @extend .grid--align-center;
+}
+
+.viz-column--extra-info,
+.viz-column--status {
+  @extend .grid-cell--col7;
+}
+
+.viz-column--status {
+  @extend .grid--align-center;
+}
+
+.viz-column--share {
+  @extend .grid--justify-end;
+}