From 7805399f56f0cc74cff18d9d0b044117fb898c70 Mon Sep 17 00:00:00 2001
From: Joseph Damiba <joseph.damiba@plot.ly>
Date: Mon, 5 Aug 2019 11:54:31 -0400
Subject: [PATCH] syncronizing footer urls

---
 _data/cache_bust_css.yml                      |  2 +-
 .../_new/_page-components/_footer-main.html   | 46 ++++----------
 all_static/css/main.css                       | 48 ++++++++++++++
 scss/_components/_foot.scss                   | 62 ++++++++++---------
 4 files changed, 94 insertions(+), 64 deletions(-)

diff --git a/_data/cache_bust_css.yml b/_data/cache_bust_css.yml
index 7ea965143a62..a01ae4faf7df 100644
--- a/_data/cache_bust_css.yml
+++ b/_data/cache_bust_css.yml
@@ -1,2 +1,2 @@
-8b86aae596ebea1f9390d418020df20a  ../all_static/css/main.css
+9739c634dee855183734aa6d8b6b0866  ../all_static/css/main.css
 a5765df8bc2358dd61c19edcc0cbef7d  ../all_static/css/normalize.css
diff --git a/_includes/_new/_page-components/_footer-main.html b/_includes/_new/_page-components/_footer-main.html
index 70e3e19be67b..9f5837f52956 100644
--- a/_includes/_new/_page-components/_footer-main.html
+++ b/_includes/_new/_page-components/_footer-main.html
@@ -3,62 +3,42 @@
             <div class="--wrap">
                 <ul class="--footer-body">
                     <li class="--footer-column">
-                        <h6 style="color:#e763fa" class="--footer-heading">DASH</h6>&#x9;&#x9;&#x9;
+                        <h6 style="color:#e763fa" class="--footer-heading">Products</h6>&#x9;&#x9;&#x9;
                         <ul>
-                            <li><a href="https://plot.ly/products/dash/" target="_self">Overview</a></li>
+                            <li><a href="https://plot.ly/dash/" target="_self">Dash</a></li>
                             &#x9;&#x9;&#x9;&#x9;
-                            <li><a href="https://www.dashdaq.io/" target="_self">Dash DAQ</a></li>
+                            <li><a href="https://plot.ly/online-chart-maker/" target="_self">Chart Studio</a></li>
                             &#x9;&#x9;&#x9;&#x9;
-                            <li><a href="https://plot.ly/dash/pricing/" target="_self">Dash Deployment Server</a></li>
+                            <li><a href="https://plot.ly/products/pricing/" target="_self">Plotly OEM</a></li>
                         </ul>
                     </li>
                     &#x9;&#x9;
                     <li class="--footer-column">
-                        <h6 style="color:#636efa" class="--footer-heading">COMPANY</h6>&#x9;&#x9;&#x9;
+                        <h6 style="color:#636efa" class="--footer-heading">Pricing</h6>&#x9;&#x9;&#x9;
                         <ul>
-                            <li><a href="https://plot.ly/company/careers/" target="_self">Careers</a></li>
-                            &#x9;&#x9;&#x9;&#x9;
-                            <li><a href="https://plotly.typeform.com/to/r4OilH" target="_blank">Customer Contact</a></li>
-                            &#x9;&#x9;&#x9;&#x9;
-                            <li><a href="https://www.instagram.com/plotly/?hl=en" target="_blank">#plotlylife</a></li>
-                            &#x9;&#x9;&#x9;&#x9;
-                            <li><a href="https://twitter.com/plotlygraphs" target="_blank">Twitter</a></li>
+                            <li><a href="https://go.plot.ly/get-pricing" target="_self">Enterprise Pricing</a></li>
                             &#x9;&#x9;&#x9;&#x9;
-                            <li><a href="https://github.com/plotly" target="_blank">GitHub</a></li>
                         </ul>
                     </li>
                     &#x9;&#x9;
                     <li class="--footer-column">
-                        <h6 style="color:#00cc96" class="--footer-heading">RESOURCES</h6>&#x9;&#x9;&#x9;
+                        <h6 style="color:#00cc96" class="--footer-heading">About Us</h6>&#x9;&#x9;&#x9;
                         <ul>
-                            <li><a href="https://support.plot.ly/" target="_self">Developer Support</a></li>
+                            <li><a href="https://plot.ly/company/careers" target="_self">Careers</a></li>
                             &#x9;&#x9;&#x9;&#x9;
-                            <li><a href="https://community.plot.ly/" target="_self">Community Support</a></li>
+                            <li><a href="https://plot.ly/newsroom" target="_self">Newsroom</a></li>
                             &#x9;&#x9;&#x9;&#x9;
-                            <li><a href="http://help.plot.ly/" target="_self">Documentation</a></li>
                         </ul>
                     </li>
                     &#x9;&#x9;
                     <li class="--footer-column">
-                        <h6 style="color:#EF553B" class="--footer-heading">GRAPHING LIBRARIES</h6>&#x9;&#x9;&#x9;
+                        <h6 style="color:#EF553B" class="--footer-heading">Support</h6>&#x9;&#x9;&#x9;
                         <ul>
-                            <li><a href="https://plot.ly/dash/" target="_self">Dash</a></li>
-                            &#x9;&#x9;&#x9;&#x9;
-                            <li><a href="https://plot.ly/plotly-js-scientific-d3-charting-library/" target="_self">Plotly.js</a></li>
-                            &#x9;&#x9;&#x9;&#x9;
-                            <li><a href="https://plot.ly/d3-js-for-python-and-pandas-charts/" target="_self">Plotly.py</a>
-                            </li>
+                            <li><a href="https://community.plot.ly/" target="_self">Community Support</a></li>
                             &#x9;&#x9;&#x9;&#x9;
-                            <li><a href="https://plot.ly/d3-js-for-r-and-shiny-charts/" target="_self">Plotly.R</a></li>
-                        </ul>
-                    </li>
-                    &#x9;&#x9;
-                    <li class="--footer-column">
-                        <h6 style="color:#19d3f3" class="--footer-heading">EMBEDDED BI/OEM</h6>&#x9;&#x9;&#x9;
-                        <ul>
-                            <li><a href="https://plot.ly/online-chart-maker/" target="_self">Chart Studio</a></li>
+                            <li><a href="https://plot.ly/graphing-libraries" target="_self">Documentation</a></li>
                             &#x9;&#x9;&#x9;&#x9;
-                            <li><a href="https://plot.ly/dashboards/" target="_self">Dashboards</a></li>
+
                         </ul>
                     </li>
                     &#x9;&#x9;
diff --git a/all_static/css/main.css b/all_static/css/main.css
index a0aa69d7f012..6c267e50d88b 100644
--- a/all_static/css/main.css
+++ b/all_static/css/main.css
@@ -141,6 +141,7 @@ h6 {
   margin-left: -80px;
   padding: 7px;
   width: 160px;
+  -webkit-border-radius: 3px;
   border-radius: 3px;
   background-color: #000;
   background-color: rgba(51, 51, 51, 0.9);
@@ -343,6 +344,7 @@ pre {
 
 .page404-bars {
   background-color: #447ADB;
+  -webkit-border-radius: 50%;
   border-radius: 50%;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
@@ -390,6 +392,7 @@ pre {
 
 .\--sidebar-fixed::-webkit-scrollbar-thumb {
   background: rgba(68, 123, 220, 0.8);
+  -webkit-border-radius: 0;
   border-radius: 0;
   width: 3px; }
 
@@ -427,6 +430,7 @@ body {
     color: #f4f4f8 !important; }
   .header-large--wrap .header--blue-bg {
     background-image: -webkit-gradient(linear, left bottom, left top, color-stop(-10%, rgba(29, 156, 252, 0.9)), to(#1e427d));
+    background-image: -webkit-linear-gradient(bottom, rgba(29, 156, 252, 0.9) -10%, #1e427d 100%);
     background-image: linear-gradient(0deg, rgba(29, 156, 252, 0.9) -10%, #1e427d 100%);
     width: 100%;
     height: 100%; }
@@ -486,6 +490,7 @@ body {
         text-align: center;
         font-size: 1.4rem;
         border: solid;
+        -webkit-border-radius: 8px;
         border-radius: 8px;
         border-width: .1em;
         padding: 30px;
@@ -494,6 +499,7 @@ body {
         text-decoration: none; }
       .header-large--wrap .header--blue-bg .header--meta-content .banner-button {
         border: solid;
+        -webkit-border-radius: 6px;
         border-radius: 6px;
         padding: 7px;
         background-color: #e569e3;
@@ -793,6 +799,7 @@ header.header-main {
       font-weight: 600;
       opacity: 1;
       background-color: #119dff;
+      -webkit-border-radius: 4px;
       border-radius: 4px;
       color: white; }
       header.header-main .\--wrap .button:hover {
@@ -855,6 +862,8 @@ header.header-main {
     flex: 1 1 20%;
     padding: 10px;
     min-width: 125px; }
+    .\--footer-main .\--footer-column .social-icons-wrapper .social-icons a {
+      height: 40px; }
     @media (max-width: 1023px) {
       .\--footer-main .\--footer-column {
         -webkit-box-flex: 1;
@@ -1281,6 +1290,7 @@ aside.\--sidebar-container {
               margin-top: -9px;
               left: 20px;
               position: absolute;
+              -webkit-border-radius: 50%;
               border-radius: 50%;
               border: 1px solid #e7e7e7;
               border-color: #2391fe;
@@ -1447,6 +1457,7 @@ aside.\--sidebar-container {
             justify-content: center;
             background-color: white;
             border: 1px solid #e7e7e7;
+            -webkit-border-radius: 50%;
             border-radius: 50%;
             padding: 10px;
             -webkit-transition: 0.2s all ease-in-out;
@@ -1992,6 +2003,7 @@ div.output_subarea::-webkit-scrollbar {
 
 div.output_subarea::-webkit-scrollbar-thumb {
   background: rgba(68, 123, 220, 0.8);
+  -webkit-border-radius: 0;
   border-radius: 0;
   width: 3px; }
 
@@ -2310,6 +2322,7 @@ code {
 .fa-border {
   padding: .2em .25em .15em;
   border: solid .08em #eee;
+  -webkit-border-radius: .1em;
   border-radius: .1em; }
 
 .pull-right {
@@ -3988,6 +4001,7 @@ label {
   -webkit-box-sizing: border-box; }
 
 .corner-all {
+  -webkit-border-radius: 2px;
   border-radius: 2px; }
 
 .no-padding {
@@ -4403,6 +4417,7 @@ ul.breadcrumb span {
   margin-top: 4px;
   margin-bottom: 20px;
   border: 1px solid #ddd;
+  -webkit-border-radius: 2px;
   border-radius: 2px; }
 
 .list_container > div {
@@ -4646,6 +4661,7 @@ ul#new-menu {
   margin-top: 0;
   margin-bottom: 0;
   border: 0;
+  -webkit-border-radius: 0;
   border-radius: 0; }
 
 #running .panel-group .panel .panel-body .list_container .list_item {
@@ -4871,6 +4887,7 @@ div.cell {
   -webkit-align-items: stretch;
   -ms-flex-align: stretch;
   align-items: stretch;
+  -webkit-border-radius: 2px;
   border-radius: 2px;
   box-sizing: border-box;
   -moz-box-sizing: border-box;
@@ -4938,6 +4955,7 @@ div.inner_cell {
 
 div.input_area {
   border: 1px solid #cfcfcf;
+  -webkit-border-radius: 2px;
   border-radius: 2px;
   background: #f7f7f7;
   line-height: 1.21429em; }
@@ -4967,6 +4985,7 @@ div.unrecognized_cell {
   align-items: stretch; }
 
 div.unrecognized_cell .inner_cell {
+  -webkit-border-radius: 2px;
   border-radius: 2px;
   padding: 5px;
   font-weight: bold;
@@ -5066,12 +5085,15 @@ div.input_area > div.highlight > pre {
   padding: 0 8px 0 4px; }
 
 .CodeMirror-gutters {
+  -webkit-border-bottom-left-radius: 2px;
   border-bottom-left-radius: 2px;
+  -webkit-border-top-left-radius: 2px;
   border-top-left-radius: 2px; }
 
 .CodeMirror pre {
   padding: 0;
   border: 0;
+  -webkit-border-radius: 0;
   border-radius: 0; }
 
 .highlight-base {
@@ -5239,6 +5261,7 @@ div.output_scroll {
   height: 24em;
   width: 100%;
   overflow: auto;
+  -webkit-border-radius: 2px;
   border-radius: 2px;
   -webkit-box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.8);
   box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.8);
@@ -5269,6 +5292,7 @@ div.out_prompt_overlay {
   height: 100%;
   padding: 0 .4em;
   position: absolute;
+  -webkit-border-radius: 2px;
   border-radius: 2px; }
 
 div.out_prompt_overlay:hover {
@@ -5366,6 +5390,7 @@ div.output_area pre {
   vertical-align: baseline;
   color: black;
   background-color: transparent;
+  -webkit-border-radius: 0;
   border-radius: 0; }
 
 div.output_subarea {
@@ -5739,6 +5764,7 @@ h1:hover .anchor-link, section.section h2:hover .anchor-link, h2:hover .anchor-l
 .slide-track {
   border: 1px solid #ccc;
   background: #fff;
+  -webkit-border-radius: 2px;
   border-radius: 2px; }
 
 .widget-hslider {
@@ -5752,6 +5778,7 @@ h1:hover .anchor-link, section.section h2:hover .anchor-link, h2:hover .anchor-l
   margin-bottom: 10px;
   border: 1px solid #ccc;
   background: #fff;
+  -webkit-border-radius: 2px;
   border-radius: 2px;
   display: -webkit-box;
   -webkit-box-orient: horizontal;
@@ -5801,6 +5828,7 @@ h1:hover .anchor-link, section.section h2:hover .anchor-link, h2:hover .anchor-l
   width: 12px;
   height: 28px;
   margin-top: -8px;
+  -webkit-border-radius: 2px;
   border-radius: 2px; }
 
 .widget-hslider .ui-slider .ui-slider-range {
@@ -5817,6 +5845,7 @@ h1:hover .anchor-link, section.section h2:hover .anchor-link, h2:hover .anchor-l
   margin-left: 12px;
   border: 1px solid #ccc;
   background: #fff;
+  -webkit-border-radius: 2px;
   border-radius: 2px;
   display: -webkit-box;
   -webkit-box-orient: vertical;
@@ -5868,6 +5897,7 @@ h1:hover .anchor-link, section.section h2:hover .anchor-link, h2:hover .anchor-l
   width: 28px;
   height: 12px;
   margin-left: -9px;
+  -webkit-border-radius: 2px;
   border-radius: 2px; }
 
 .widget-vslider .ui-slider .ui-slider-range {
@@ -6056,6 +6086,7 @@ div.ui-widget-content {
 pre.dialog {
   background-color: #f7f7f7;
   border: 1px solid #ddd;
+  -webkit-border-radius: 2px;
   border-radius: 2px;
   padding: .4em;
   padding-left: 2em; }
@@ -6089,6 +6120,7 @@ p, section.section div.content-box {
   border: thin solid #cfcfcf;
   border-bottom: none;
   background: #eee;
+  -webkit-border-radius: 2px 2px 0 0;
   border-radius: 2px 2px 0 0;
   width: 100%;
   height: 29px;
@@ -6128,7 +6160,9 @@ p, section.section div.content-box {
   display: block; }
 
 .ctb_global_show .ctb_show + .input_area, .ctb_global_show .ctb_show + div.text_cell_input, .ctb_global_show .ctb_show ~ div.text_cell_render {
+  -webkit-border-top-right-radius: 0;
   border-top-right-radius: 0;
+  -webkit-border-top-left-radius: 0;
   border-top-left-radius: 0; }
 
 .ctb_global_show .ctb_show ~ div.text_cell_render {
@@ -6149,6 +6183,7 @@ p, section.section div.content-box {
   background-color: #fff;
   background-image: none;
   border: 1px solid #ccc;
+  -webkit-border-radius: 2px;
   border-radius: 2px;
   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
@@ -6161,6 +6196,7 @@ p, section.section div.content-box {
   padding: 5px 10px;
   font-size: 12px;
   line-height: 1.5;
+  -webkit-border-radius: 1px;
   border-radius: 1px;
   width: inherit;
   font-size: inherit;
@@ -6208,6 +6244,7 @@ textarea.celltoolbar select, select[multiple].celltoolbar select {
   z-index: 10;
   overflow: hidden;
   border: 1px solid #ababab;
+  -webkit-border-radius: 2px;
   border-radius: 2px;
   -webkit-box-shadow: 0 6px 10px -1px #adadad;
   box-shadow: 0 6px 10px -1px #adadad; }
@@ -6246,6 +6283,7 @@ textarea.celltoolbar select, select[multiple].celltoolbar select {
 
 #menubar .navbar {
   border-top: 1px;
+  -webkit-border-radius: 0 0 2px 2px;
   border-radius: 0 0 2px 2px;
   margin-bottom: 0; }
 
@@ -6696,6 +6734,7 @@ span.save_widget span.filename {
   margin-left: 16px;
   border: none;
   font-size: 146.5%;
+  -webkit-border-radius: 2px;
   border-radius: 2px; }
 
 span.save_widget span.filename:hover {
@@ -6824,6 +6863,7 @@ span.checkpoint_status, span.autosave_status {
   min-height: 50px;
   -webkit-box-shadow: 0 6px 10px -1px #adadad;
   box-shadow: 0 6px 10px -1px #adadad;
+  -webkit-border-radius: 2px;
   border-radius: 2px;
   position: absolute;
   z-index: 1000; }
@@ -6833,6 +6873,7 @@ span.checkpoint_status, span.autosave_status {
 
 .ipython_tooltip .tooltiptext pre {
   border: 0;
+  -webkit-border-radius: 0;
   border-radius: 0;
   font-size: 100%;
   background-color: #f7f7f7; }
@@ -6875,6 +6916,7 @@ span.checkpoint_status, span.autosave_status {
   color: white;
   background: black;
   padding: .4em;
+  -webkit-border-radius: 2px;
   border-radius: 2px;
   -webkit-box-shadow: 0 0 12px 1px rgba(87, 87, 87, 0.4);
   box-shadow: 0 0 12px 1px rgba(87, 87, 87, 0.4); }
@@ -7259,6 +7301,7 @@ div#notebook {
   padding: .25rem .5rem;
   border-color: #2391fe;
   width: 250px;
+  -webkit-border-radius: 4px;
   border-radius: 4px; }
 
 /* Search results container */
@@ -8488,14 +8531,17 @@ pre, code, .hljs {
   display: block; }
   .\--tutorial-section.no-image .\--grid-list {
     -webkit-columns: 2;
+    -moz-columns: 2;
     columns: 2;
     border: 1px solid #e7e7e7;
     margin-top: 20px;
     -webkit-column-gap: 0;
+    -moz-column-gap: 0;
     column-gap: 0; }
     @media (max-width: 1023px) {
       .\--tutorial-section.no-image .\--grid-list {
         -webkit-columns: 1;
+        -moz-columns: 1;
         columns: 1; } }
   .\--tutorial-section.no-image .\--grid-item {
     background: white;
@@ -8504,6 +8550,7 @@ pre, code, .hljs {
     border: 0;
     -webkit-column-break-inside: avoid;
     /* Chrome, Safari */
+    page-break-inside: avoid;
     /* Theoretically FF 20+ */
     break-inside: avoid-column;
     /* IE 11 */
@@ -8590,6 +8637,7 @@ pre, code, .hljs {
   -ms-flex-direction: column;
   flex-direction: column;
   font-size: 1rem;
+  -webkit-border-radius: 5px;
   border-radius: 5px;
   max-width: 1120px;
   padding: 0;
diff --git a/scss/_components/_foot.scss b/scss/_components/_foot.scss
index cad7219ea9dd..e0692b8b6632 100644
--- a/scss/_components/_foot.scss
+++ b/scss/_components/_foot.scss
@@ -8,16 +8,16 @@
   font-size: 1rem;
   //display: flex;
   flex-direction: column;
-  flex:0;
+  flex: 0;
 
   //padding:;
   //padding:0 $unit*2;
   .\--footer-top {
-    padding: $unit*2;
-    flex:0 0;
+    padding: $unit * 2;
+    flex: 0 0;
   }
   ul.\--footer-body {
-    flex:0 0;
+    flex: 0 0;
     display: flex;
     list-style: none;
     flex-wrap: wrap;
@@ -38,14 +38,21 @@
     padding: $unit;
     min-width: 125px;
 
+    .social-icons-wrapper {
+      .social-icons {
+        a {
+          height: 40px;
+        }
+      }
+    }
+
     @include tablet {
       flex: 1 1 33.3333%;
-      max-width:33.3333%;
+      max-width: 33.3333%;
     }
     @include handheld {
       flex: 1 1 50%;
     }
-
   }
   ul {
     list-style-type: none;
@@ -79,7 +86,6 @@
         //flex: 1 1 33.3333%;
       }
     }
-
   }
 }
 
@@ -87,51 +93,48 @@
   max-width: $mw;
   margin: 0 auto;
   width: 100%;
-
-
 }
-.plotly-social-media-small{
-  li{
-    &:hover{
-      a{
-        div.icon{
-          opacity:1;
-          svg path{
+.plotly-social-media-small {
+  li {
+    &:hover {
+      a {
+        div.icon {
+          opacity: 1;
+          svg path {
             fill: $blue !important;
           }
         }
       }
     }
-    a{
+    a {
       display: flex;
       align-items: center;
       justify-content: flex-start;
-      div.icon{
+      div.icon {
         transform: scale(0.7);
-        opacity:0.8;
+        opacity: 0.8;
       }
 
-      span{
-        margin:0 !important;
-        padding:0 !important;
+      span {
+        margin: 0 !important;
+        padding: 0 !important;
       }
     }
   }
 }
 .\--footer-meta {
-  padding:$unit*2;
-  flex:0 0;
+  padding: $unit * 2;
+  flex: 0 0;
   border-top: $border;
   font-size: 0.85rem;
   //height:48px;
-  font-weight:400;
+  font-weight: 400;
   width: 100%;
   .\--wrap {
     display: flex;
     justify-content: space-between;
     align-items: center;
-    opacity:0.8;
-
+    opacity: 0.8;
   }
   background: rgb(244, 244, 248);
   //padding: $unit*2;
@@ -139,10 +142,9 @@
   .right {
     display: flex;
     a {
-      font-weight:400;
+      font-weight: 400;
       display: inline-block;
-      margin-left: $unit*2;
+      margin-left: $unit * 2;
     }
   }
 }
-