use leaner footer from production site; make link animation snappier

Author: mojavelinux

src/css/footer.css

@@ -21,7 +21,7 @@
   height: 1px;
   background-color: var(--color-footer-text);
   transform: scale3d(0, 0.9999, 0.9999);
-  transition: transform 0.3s;
+  transition: transform 0.1s;
 }
 
 .footer a.icon::after,
@@ -32,6 +32,7 @@
 .footer a:focus::after,
 .footer a:hover::after {
   transform: scale3d(1, 0.9999, 0.9999);
+  transition-duration: 0.05s;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
 }
 
@@ -79,7 +80,7 @@
   margin: 1rem 0;
   display: inline-block;
   /* FIXME this should be max-height 52px */
-  padding: 0.75rem 2.5rem;
+  padding: 1rem 3.5rem;
   border: 2px solid var(--color-footer-text);
   font-weight: var(--weight-bold);
   font-size: 1.125rem;
@@ -190,10 +191,6 @@
 }
 
 @media screen and (min-width: 769px) {
-  .footer-links a.white-btn {
-    padding: 1rem 3.5rem;
-  }
-
   .footer-links .col {
     flex-basis: 22%;
   }
@@ -207,7 +204,7 @@
   }
 
   .footer-links li {
-    padding-bottom: 1.5rem;
+    padding-bottom: 0.5rem;
   }
 
   .footer-terms span {
@@ -223,7 +220,7 @@
 
 @media screen and (min-width: 1024px) {
   footer.footer {
-    padding: 3.75rem 0 3.125rem;
+    padding: 1rem 0 1rem;
   }
 
   .footer-links {

src/css/home.css

@@ -61,17 +61,16 @@
   height: 1px;
   background-color: currentColor;
   transform: scale3d(0, 0.9999, 0.9999);
-  transition-property: transform;
-  transition-duration: 0.3s;
+  transition: transform 0.1s;
 }
 
 .home .card a:focus::before,
 .home .card a:hover::before,
 .home .tile a:focus::before,
 .home .tile a:hover::before {
   transform: scale3d(1, 0.9999, 0.9999);
+  transition-duration: 0.05s;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 0.3s;
 }
 
 .home .conceal-title > h2 {

src/partials/footer-content.hbs

@@ -7,48 +7,26 @@
             <img src="{{{uiRootPath}}}/img/logo.svg" alt="Couchbase">
           </a>
         </div>
-        <div class="contact">
-          <p class="address">3250 Olcott Street
-Santa Clara, CA 95054
-United States</p>
-          <a href="https://www.couchbase.com/contact" class="btn white-btn">Contact Us</a>
-          <a class="tel" href="tel:1-650-417-7500">1-650-417-7500</a>
-        </div>
       </div>
       <div class="col">
         <ul>
-          <li><span class="heading">Company</span></li>
-          <li><a href="https://www.couchbase.com/about">About</a></li>
-          <li><a href="https://www.couchbase.com/leadership">Leadership</a></li>
-          <li><a href="https://www.couchbase.com/news-and-press-releases">News &amp; Press</a></li>
-          <li><a href="https://www.couchbase.com/careers">Careers</a></li>
-          <li><a href="https://www.couchbase.com/resources/events">Events</a></li>
-          <li><a href="https://www.couchbase.com/contact">Contact Us</a></li>
-          <li><a href="https://www.couchbase.com/request-pricing">Pricing</a></li>
+          <li><a href="https://docs.couchbase.com" target="_blank" rel="noopener">Documentation</a></li>
+          <li><a href="https://forums.couchbase.com" target="_blank" rel="noopener">Forums</a></li>
+          <li><a href="https://support.couchbase.com" target="_blank" rel="noopener">Support</a></li>
         </ul>
       </div>
       <div class="col">
         <ul>
-          <li><span class="heading">Support</span></li>
           <li><a href="https://developer.couchbase.com" target="_blank" rel="noopener">Developer Portal</a></li>
-          <li><a href="https://docs.couchbase.com" target="_blank" rel="noopener">Documentation</a></li>
-          <li><a href="https://forums.couchbase.com" target="_blank" rel="noopener">Forums</a></li>
-          <li><a href="https://www.couchbase.com/services">Professional Services</a></li>
-          <li><a href="https://support.couchbase.com" target="_blank" rel="noopener">Support Login</a></li>
-          <li><a href="https://learn.couchbase.com/store" target="_blank" rel="noopener">Training</a></li>
+          <li><a href="https://blog.couchbase.com" target="_blank" rel="noopener">Blog</a></li>
+          <li><a href="https://www.couchbase.com/resources">Resources</a></li>
         </ul>
       </div>
       <div class="col">
         <ul>
-          <li><span class="heading">Quicklinks</span></li>
-          <li><a href="https://blog.couchbase.com" target="_blank" rel="noopener">Blog</a></li>
-          <li><a href="https://www.couchbase.com/downloads">Downloads</a></li>
           <li><a href="https://www.couchbase.com/get-started-developing-nosql">Get Started</a></li>
-          <li><a href="https://learn.couchbase.com/store?utf8=%E2%9C%93&ss=1&ct=78327&commit=Filter" target="_blank" rel="noopener">Online Training</a></li>
-          <li><a href="https://www.couchbase.com/resources">Resources</a></li>
-          <li><a href="https://www.couchbase.com/nosql-resources/why-nosql">Why NoSQL</a></li>
-          <li><a href="https://www.couchbase.com/resources/security">Security</a></li>
-          <li><a href="https://www.couchbase.com/resources/gdpr">GDPR</a></li>
+          <li><a href="https://www.couchbase.com/downloads">Downloads</a></li>
+          <li><a href="https://learn.couchbase.com/store?utf8=%E2%9C%93&ss=1&ct=78327&commit=Filter" target="_blank" rel="noopener">Training</a></li>
         </ul>
       </div>
       <div class="col">
@@ -74,8 +52,9 @@ United States</p>
     <div class="footer-terms">
       <span>{{{year}}} COUCHBASE All rights reserved.</span>
       <a href="https://www.couchbase.com/privacy-policy">Privacy Policy</a>
-      <a href="https://www.couchbase.com/terms-of-use">Terms of Use</a>
       <a href="https://www.couchbase.com/cookie-policy">Cookie Policy</a>
+      <a href="https://www.couchbase.com/support-policy">Support Policy</a>
+      <a href="https://www.couchbase.com/terms-of-use">Terms of Use</a>
       <a href="https://info.couchbase.com/unsubscribe-or-manage-preferences.html" target="_blank" rel="noopener">Marketing Preference Center</a>
     </div>
   </div>