From 4180723f5142f54196c2e401bb5aaf4c10824890 Mon Sep 17 00:00:00 2001 From: Liz Shigetoshi Date: Thu, 7 Dec 2017 10:20:44 -0800 Subject: [PATCH] Update page shell --- vendor/dotcom-page-shell/react-page-shell.js | 58 ++++++++++++++------ 1 file changed, 41 insertions(+), 17 deletions(-) diff --git a/vendor/dotcom-page-shell/react-page-shell.js b/vendor/dotcom-page-shell/react-page-shell.js index 6403f973e5e..fb599dcb2f4 100644 --- a/vendor/dotcom-page-shell/react-page-shell.js +++ b/vendor/dotcom-page-shell/react-page-shell.js @@ -2076,18 +2076,34 @@ var FooterSocialMediaStrip = function (_React$Component) { return React.createElement( 'div', { className: this.props.className }, + React.createElement( + 'a', + { + 'aria-label': 'Github', + className: 'shell-color-blue shell-color-gray-dark-on-hover', + href: 'https://github.com/mapbox' + }, + React.createElement( + 'svg', + { + viewBox: '0 0 1790 1790', + className: 'shell-mr18 shell-icon shell-icon--s shell-inline' + }, + React.createElement('path', { d: 'M704 1216q0 40-12.5 82t-43 76-72.5 34-72.5-34-43-76-12.5-82 12.5-82 43-76 72.5-34 72.5 34 43 76 12.5 82zm640 0q0 40-12.5 82t-43 76-72.5 34-72.5-34-43-76-12.5-82 12.5-82 43-76 72.5-34 72.5 34 43 76 12.5 82zm160 0q0-120-69-204t-187-84q-41 0-195 21-71 11-157 11t-157-11q-152-21-195-21-118 0-187 84t-69 204q0 88 32 153.5t81 103 122 60 140 29.5 149 7h168q82 0 149-7t140-29.5 122-60 81-103 32-153.5zm224-176q0 207-61 331-38 77-105.5 133t-141 86-170 47.5-171.5 22-167 4.5q-78 0-142-3t-147.5-12.5-152.5-30-137-51.5-121-81-86-115q-62-123-62-331 0-237 136-396-27-82-27-170 0-116 51-218 108 0 190 39.5t189 123.5q147-35 309-35 148 0 280 32 105-82 187-121t189-39q51 102 51 218 0 87-27 168 136 160 136 398z' }) + ) + ), React.createElement( 'a', { 'aria-label': 'Twitter', - className: 'shell-mr18 shell-color-blue shell-color-gray-dark-on-hover', + className: 'shell-color-blue shell-color-gray-dark-on-hover ', href: 'https://twitter.com/mapbox/' }, React.createElement( 'svg', { viewBox: '0 0 50 50', - className: 'shell-icon shell-icon--s shell-inline' + className: 'shell-mr18 shell-icon shell-icon--s shell-inline' }, React.createElement( 'g', @@ -2100,14 +2116,14 @@ var FooterSocialMediaStrip = function (_React$Component) { 'a', { 'aria-label': 'LinkedIn', - className: 'shell-mr18 shell-color-blue shell-color-gray-dark-on-hover', + className: 'shell-color-blue shell-color-gray-dark-on-hover', href: 'https://www.linkedin.com/company/mapbox' }, React.createElement( 'svg', { viewBox: '0 0 50 50', - className: 'shell-icon shell-icon--s shell-inline' + className: 'shell-mr18 shell-icon shell-icon--s shell-inline' }, React.createElement( 'g', @@ -2122,14 +2138,14 @@ var FooterSocialMediaStrip = function (_React$Component) { 'a', { 'aria-label': 'Facebook', - className: 'shell-mr18 shell-color-blue shell-color-gray-dark-on-hover', + className: 'shell-color-blue shell-color-gray-dark-on-hover', href: 'https://www.facebook.com/Mapbox' }, React.createElement( 'svg', { viewBox: '0 0 50 50', - className: 'shell-icon shell-icon--s shell-inline' + className: 'shell-mr18 shell-icon shell-icon--s shell-inline' }, React.createElement( 'g', @@ -2145,39 +2161,47 @@ var FooterSocialMediaStrip = function (_React$Component) { React.createElement( 'a', { - 'aria-label': 'Instagram', + 'aria-label': 'Dribbble', className: 'shell-color-blue shell-color-gray-dark-on-hover', - href: 'https://www.instagram.com/Mapbox' + href: 'https://dribbble.com/mapbox' }, React.createElement( 'svg', { - viewBox: '0 0 50 50', + viewBox: '0 0 216 216', className: 'shell-mr18 shell-icon shell-icon--s shell-inline' }, React.createElement( 'g', - { id: 'fb2f6c01-da64-4dee-86ea-29fec95d4f45', 'data-name': 'svg' }, - React.createElement('path', { d: 'M25,0c-6.79,0-7.64,0-10.31.15A18.35,18.35,0,0,0,8.62,1.31,12.25,12.25,0,0,0,4.2,4.2,12.25,12.25,0,0,0,1.31,8.62,18.35,18.35,0,0,0,.15,14.69C0,17.36,0,18.21,0,25s0,7.64.15,10.31a18.35,18.35,0,0,0,1.16,6.07A12.26,12.26,0,0,0,4.2,45.8a12.25,12.25,0,0,0,4.43,2.88,18.35,18.35,0,0,0,6.07,1.16C17.36,50,18.21,50,25,50s7.64,0,10.31-.15a18.35,18.35,0,0,0,6.07-1.16,12.78,12.78,0,0,0,7.31-7.31,18.35,18.35,0,0,0,1.16-6.07C50,32.64,50,31.79,50,25s0-7.64-.15-10.31a18.35,18.35,0,0,0-1.16-6.07A12.25,12.25,0,0,0,45.8,4.2a12.26,12.26,0,0,0-4.43-2.88A18.35,18.35,0,0,0,35.31.15C32.64,0,31.79,0,25,0Zm0,4.5c6.68,0,7.47,0,10.1.15a13.83,13.83,0,0,1,4.64.86,7.75,7.75,0,0,1,2.87,1.87,7.75,7.75,0,0,1,1.87,2.87,13.83,13.83,0,0,1,.86,4.64c.12,2.64.15,3.43.15,10.1s0,7.47-.15,10.1a13.83,13.83,0,0,1-.86,4.64,8.28,8.28,0,0,1-4.74,4.74,13.83,13.83,0,0,1-4.64.86c-2.64.12-3.43.15-10.1.15s-7.47,0-10.1-.15a13.83,13.83,0,0,1-4.64-.86,7.74,7.74,0,0,1-2.87-1.87,7.75,7.75,0,0,1-1.87-2.87,13.83,13.83,0,0,1-.86-4.64C4.53,32.47,4.5,31.68,4.5,25s0-7.47.15-10.1a13.83,13.83,0,0,1,.86-4.64A7.75,7.75,0,0,1,7.38,7.38a7.75,7.75,0,0,1,2.87-1.87,13.83,13.83,0,0,1,4.64-.86c2.64-.12,3.43-.15,10.1-.15' }), - React.createElement('path', { d: 'M25,33.33A8.33,8.33,0,1,1,33.33,25,8.33,8.33,0,0,1,25,33.33Zm0-21.17A12.84,12.84,0,1,0,37.84,25,12.84,12.84,0,0,0,25,12.16Z' }), - React.createElement('path', { d: 'M41.35,11.65a3,3,0,1,1-3-3,3,3,0,0,1,3,3Z' }) + { id: 'bce6e84c-15aa-4744-93d1-a9e4a673398a', 'data-name': 'ball' }, + React.createElement( + 'g', + { id: '99079e24-a239-40f3-bf61-84ebc8f0b2ce', 'data-name': 'ball' }, + React.createElement('path', { d: 'M108,15.78a92.16,92.16,0,1,0,92.16,92.16A92.27,92.27,0,0,0,108,15.78ZM169,58.28a78.31,78.31,0,0,1,17.78,49c-2.6-.55-28.62-5.83-54.81-2.54-.55-1.35-1.12-2.7-1.7-4.06-1.63-3.84-3.39-7.65-5.22-11.4C154.1,77.44,167.29,60.53,169,58.28ZM108,29.34A78.41,78.41,0,0,1,160.2,49.18c-1.41,2-13.26,17.94-41.25,28.43A421.91,421.91,0,0,0,89.58,31.53,79,79,0,0,1,108,29.34ZM74.56,36.82a503.63,503.63,0,0,1,29.18,45.53A293.82,293.82,0,0,1,31,91.94,79,79,0,0,1,74.56,36.82ZM29.31,108.06c0-.8,0-1.61,0-2.41,3.44.08,41.59.57,80.9-11.2,2.25,4.41,4.4,8.89,6.38,13.36-1,.29-2.08.61-3.1.94-40.6,13.12-62.2,48.89-64,51.94A78.39,78.39,0,0,1,29.31,108.06ZM108,186.78a78.29,78.29,0,0,1-48.31-16.62c1.41-2.9,17.35-33.69,61.75-49.16l.52-.17a326.92,326.92,0,0,1,16.79,59.69A78.19,78.19,0,0,1,108,186.78Zm44-13.47a338.31,338.31,0,0,0-15.29-56.12c24.67-4,46.34,2.51,49,3.36A78.84,78.84,0,0,1,152,173.31Z' }) + ) ) ) ), React.createElement( 'a', { - 'aria-label': 'Github', + 'aria-label': 'Instagram', className: 'shell-color-blue shell-color-gray-dark-on-hover', - href: 'https://github.com/mapbox' + href: 'https://www.instagram.com/Mapbox' }, React.createElement( 'svg', { - viewBox: '0 0 1790 1790', + viewBox: '0 0 50 50', className: 'shell-icon shell-icon--s shell-inline' }, - React.createElement('path', { d: 'M704 1216q0 40-12.5 82t-43 76-72.5 34-72.5-34-43-76-12.5-82 12.5-82 43-76 72.5-34 72.5 34 43 76 12.5 82zm640 0q0 40-12.5 82t-43 76-72.5 34-72.5-34-43-76-12.5-82 12.5-82 43-76 72.5-34 72.5 34 43 76 12.5 82zm160 0q0-120-69-204t-187-84q-41 0-195 21-71 11-157 11t-157-11q-152-21-195-21-118 0-187 84t-69 204q0 88 32 153.5t81 103 122 60 140 29.5 149 7h168q82 0 149-7t140-29.5 122-60 81-103 32-153.5zm224-176q0 207-61 331-38 77-105.5 133t-141 86-170 47.5-171.5 22-167 4.5q-78 0-142-3t-147.5-12.5-152.5-30-137-51.5-121-81-86-115q-62-123-62-331 0-237 136-396-27-82-27-170 0-116 51-218 108 0 190 39.5t189 123.5q147-35 309-35 148 0 280 32 105-82 187-121t189-39q51 102 51 218 0 87-27 168 136 160 136 398z' }) + React.createElement( + 'g', + { id: 'fb2f6c01-da64-4dee-86ea-29fec95d4f45', 'data-name': 'svg' }, + React.createElement('path', { d: 'M25,0c-6.79,0-7.64,0-10.31.15A18.35,18.35,0,0,0,8.62,1.31,12.25,12.25,0,0,0,4.2,4.2,12.25,12.25,0,0,0,1.31,8.62,18.35,18.35,0,0,0,.15,14.69C0,17.36,0,18.21,0,25s0,7.64.15,10.31a18.35,18.35,0,0,0,1.16,6.07A12.26,12.26,0,0,0,4.2,45.8a12.25,12.25,0,0,0,4.43,2.88,18.35,18.35,0,0,0,6.07,1.16C17.36,50,18.21,50,25,50s7.64,0,10.31-.15a18.35,18.35,0,0,0,6.07-1.16,12.78,12.78,0,0,0,7.31-7.31,18.35,18.35,0,0,0,1.16-6.07C50,32.64,50,31.79,50,25s0-7.64-.15-10.31a18.35,18.35,0,0,0-1.16-6.07A12.25,12.25,0,0,0,45.8,4.2a12.26,12.26,0,0,0-4.43-2.88A18.35,18.35,0,0,0,35.31.15C32.64,0,31.79,0,25,0Zm0,4.5c6.68,0,7.47,0,10.1.15a13.83,13.83,0,0,1,4.64.86,7.75,7.75,0,0,1,2.87,1.87,7.75,7.75,0,0,1,1.87,2.87,13.83,13.83,0,0,1,.86,4.64c.12,2.64.15,3.43.15,10.1s0,7.47-.15,10.1a13.83,13.83,0,0,1-.86,4.64,8.28,8.28,0,0,1-4.74,4.74,13.83,13.83,0,0,1-4.64.86c-2.64.12-3.43.15-10.1.15s-7.47,0-10.1-.15a13.83,13.83,0,0,1-4.64-.86,7.74,7.74,0,0,1-2.87-1.87,7.75,7.75,0,0,1-1.87-2.87,13.83,13.83,0,0,1-.86-4.64C4.53,32.47,4.5,31.68,4.5,25s0-7.47.15-10.1a13.83,13.83,0,0,1,.86-4.64A7.75,7.75,0,0,1,7.38,7.38a7.75,7.75,0,0,1,2.87-1.87,13.83,13.83,0,0,1,4.64-.86c2.64-.12,3.43-.15,10.1-.15' }), + React.createElement('path', { d: 'M25,33.33A8.33,8.33,0,1,1,33.33,25,8.33,8.33,0,0,1,25,33.33Zm0-21.17A12.84,12.84,0,1,0,37.84,25,12.84,12.84,0,0,0,25,12.16Z' }), + React.createElement('path', { d: 'M41.35,11.65a3,3,0,1,1-3-3,3,3,0,0,1,3,3Z' }) + ) ) ) );