- add further views

- also use constants via Webpack DefinePlugin

src/assets/scss/main-styles.scss

@@ -134,7 +134,7 @@ hr.center-line {
     opacity: 1;
 }
 body H1 {
-    font-family: Verdana;
+    // font-family: Verdana;
     text-transform: uppercase;
     font-weight: bold;
     font-size: 1.6em;
@@ -198,46 +198,35 @@ body {
     color: rgb(74, 74, 74);
 }
 
-.icon-spacing {
-    margin-right: 3px;
-}
-
-svg,
-:before,
-:after {
-    box-sizing: border-box;
-    padding: auto;
-    margin: auto;
-}
 
 .hide {
     display: none;
 }
 
-.animate_content {
-    animation: animate 3s ease;
-}
+// .animate_content {
+//     animation: animate 3s ease;
+// }
 
-@keyframes animate {
-    10% {
-        transform: scale(1, 0.004);
-    }
-    35% {
-        transform: scale(0.001, 0.004);
-        opacity: 1;
-    }
-    50% {
-        transform: scale(0.001, 0.004);
-        opacity: 0;
-    }
-    85% {
-        transform: scale(1, 0.004);
-        opacity: 1;
-    }
-    100% {
-        transform: scale(1, 1);
-    }
-}
+// @keyframes animate {
+//     10% {
+//         transform: scale(1, 0.004);
+//     }
+//     35% {
+//         transform: scale(0.001, 0.004);
+//         opacity: 1;
+//     }
+//     50% {
+//         transform: scale(0.001, 0.004);
+//         opacity: 0;
+//     }
+//     85% {
+//         transform: scale(1, 0.004);
+//         opacity: 1;
+//     }
+//     100% {
+//         transform: scale(1, 1);
+//     }
+// }
 
 .page_description {
     font-weight: 300;
@@ -256,78 +245,7 @@ svg,
     overflow: hidden;
 }
 
-.rabbit-grid {
-    padding-left: 2%;
-    padding-right: 2%;
-}
 
-.rabbit-card {
-    height: 10vh;
-    margin: auto;
-    justify-content: center;
-    border-radius: 6px;
-}
-
-.rabbit-text {
-    font-size: 1.75vh;
-}
-
-/* flip the pane when hovered */
-.flip-container:hover .flipper,
-.flip-container.hover .flipper {
-    transform: rotateY(180deg);
-}
-
-.flip-container,
-.front,
-.back {
-    width: 100%;
-    height: 100%;
-}
-
-/* flip speed goes here */
-.flipper {
-    transition: 0.6s;
-    transform-style: preserve-3d;
-
-    position: relative;
-}
-
-/* hide back of pane during swap */
-.front,
-.back {
-    backface-visibility: hidden;
-
-    position: absolute;
-    top: 0;
-    left: 0;
-}
-
-/* front pane, placed above back */
-.front {
-    z-index: 2;
-    /* for firefox 31 */
-    transform: rotateY(0deg);
-    border-radius: 6px;
-}
-
-/* back, initially hidden pane */
-.back {
-    position: absolute;
-    transform: rotateY(180deg);
-    width: 100%;
-    display: table;
-    justify-content: center;
-    border-radius: 6px;
-    border-style: solid;
-    border-width: 1px;
-}
-
-.back a {
-    display: table-cell;
-    vertical-align: middle;
-    text-align: center;
-}
 
 #home_padding {
     margin-top: 7%;
@@ -391,7 +309,7 @@ svg,
 }
 
 .navbar-light .navbar-menu .navbar-item {
-    font-family: Verdana, sans-serif;
+    // font-family: Verdana, sans-serif;
     color: #212529;
     font-size: 0.9em;
     font-weight: 700;