Update team logos for enterprise support (#8516)

Update team logos for enterprise support
keystonejs · May 24, 2023 · 3831641 · 3831641
1 parent 951298b
commit 3831641
Show file tree

Hide file tree

Showing 10 changed files with 112 additions and 52 deletions.
diff --git a/docs/components/Header.tsx b/docs/components/Header.tsx
@@ -294,18 +294,23 @@ export function Header() {
     // yoo hooo
     loadSearch(searchAttempt);
     // search - keyboard shortcut
-    let keysPressed = {};
+    let keysPressed: { [key: KeyboardEvent['key']]: boolean } = {};
     document.body.addEventListener('keydown', event => {
-      // @ts-ignore
+      // If we're typing in an input, don't ever focus the search input
+      if (
+        document.activeElement &&
+        ['TEXTAREA', 'INPUT'].includes(document.activeElement.nodeName)
+      ) {
+        return;
+      }
+
       keysPressed[event.key] = true;
-      // @ts-ignore
       if (keysPressed['Meta'] && event.key == 'k') {
         event.preventDefault();
         document.getElementById('search-field')?.focus();
       }
     });
     document.body.addEventListener('keyup', event => {
-      // @ts-ignore
       delete keysPressed[event.key];
     });
   }, []);

diff --git a/docs/components/MobileMenu.tsx b/docs/components/MobileMenu.tsx
@@ -49,6 +49,7 @@ export function MobileMenu({ handleClose }: MobileMenuProps) {
             <NavItem href="/for-developers">For Developers</NavItem>
             <NavItem href="/for-organisations">For Organisations</NavItem>
             <NavItem href="/for-content-management">For Content Management</NavItem>
+            <NavItem href="/enterprise">For Enterprise</NavItem>
           </div>
           <div
             css={{

diff --git a/docs/components/content/CustomerCard.tsx b/docs/components/content/CustomerCard.tsx
@@ -30,7 +30,7 @@ export function CustomerCard({
         border: '1px solid var(--border-muted)',
         borderRadius: '1rem',
         boxShadow: '0px 20px 38px -7px var(--shadow)',
-        maxWidth: '15.625rem',
+        height: '100%',
       }}
       {...props}
     >

diff --git a/docs/components/icons/DFATLogo.tsx b/docs/components/icons/DFATLogo.tsx
diff --git a/docs/components/icons/EnliticLogo.tsx b/docs/components/icons/EnliticLogo.tsx
@@ -15,9 +15,10 @@ export function EnliticLogo(props: IconProps) {
       aria-label="Enlitic logo"
       {...props}
     >
+      <circle cx="24" cy="24" r="24" fill="#fff" />
       <path
         fill="#1B5CCA"
-        d="M48.026 27.645a27.946 27.946 0 0 1-1.2 4.787l-.023.06H32.76c-2.212 2.25-5.278 3.586-8.622 3.586-6.644 0-12.05-5.405-12.05-12.049 0-6.659 5.406-12.08 12.05-12.08 5.79 0 10.426 3.594 11.808 9.15l.03.114-6.636-.023-.023-.053c-1.132-2.363-3.57-3.503-6.206-2.906-2.332.528-4.68 2.53-4.68 5.798 0 2.71 1.676 4.907 4.258 5.594 2.076.551 5.133.06 6.96-3.125l.038-.068H42.016c.136-.8 1.163-8.161-4.031-14.012l-.181-.204a19.166 19.166 0 0 0-.529-.581 17.397 17.397 0 0 0-2.114-1.835 18.6 18.6 0 0 0-3.457-2.046c-2.099-.959-4.379-1.525-6.599-1.63-1.192-.053-2.4.014-3.578.21a21.159 21.159 0 0 0-3.956 1.05c-3.42 1.291-6.417 3.715-8.433 6.84-1.699 2.627-2.688 5.73-2.869 8.969-.06 1.087-.03 2.204.09 3.322.008.038.507 3.722 2.945 7.429 2.25 3.412 6.666 7.542 14.918 7.829.06.007 5.98.453 11.347-3.987l.023-.022h8.41l-.09.136c-.016.022-1.692 2.604-4.968 5.126-2.967 2.28-7.882 4.975-14.556 4.975h-.37c-.022 0-3.02.075-6.885-1.102-3.563-1.087-8.607-3.488-12.434-8.78-.03-.038-3.85-4.523-4.613-11.717-.015-.091-1.155-9.588 5.338-17.598.068-.091 7.33-9.203 18.594-8.788l.302.007c1.11.038 2.167.076 3.254.234 2.877.423 5.594 1.284 8.086 2.56 3.435 1.766 6.38 4.333 8.5 7.42a23.625 23.625 0 0 1 3.171 6.66c1.027 3.412 1.261 7.127.695 10.75Z"
+        d="M44.049 27.038a23.288 23.288 0 0 1-1 3.988l-.02.05H31.329a10.032 10.032 0 0 1-7.185 2.99c-5.536 0-10.04-4.505-10.04-10.042 0-5.549 4.504-10.066 10.04-10.066 4.826 0 8.688 2.995 9.84 7.625l.025.095-5.53-.02-.019-.043c-.944-1.97-2.976-2.92-5.171-2.422-1.944.44-3.901 2.107-3.901 4.831 0 2.259 1.397 4.09 3.548 4.662 1.73.46 4.278.05 5.8-2.605l.032-.056H39.041c.113-.667.969-6.801-3.36-11.677l-.15-.17c-.145-.163-.29-.327-.44-.484a14.503 14.503 0 0 0-1.762-1.529 15.508 15.508 0 0 0-2.882-1.705c-1.749-.799-3.649-1.27-5.498-1.359-.995-.044-2.001.013-2.983.176a17.632 17.632 0 0 0-3.296.875c-2.85 1.076-5.348 3.095-7.028 5.7-1.415 2.19-2.24 4.775-2.39 7.474a17.04 17.04 0 0 0 .075 2.768c.006.031.422 3.102 2.454 6.19 1.875 2.844 5.555 6.286 12.431 6.525.05.006 4.983.377 9.456-3.322l.02-.019h7.008l-.076.113c-.012.02-1.409 2.17-4.14 4.272C34.008 41.753 29.913 44 24.35 44h-.307c-.02 0-2.517.063-5.738-.918-2.97-.906-7.172-2.907-10.362-7.317-.025-.032-3.209-3.769-3.844-9.764-.013-.076-.963-7.99 4.448-14.665.057-.076 6.109-7.67 15.496-7.324l.251.007c.925.031 1.806.063 2.712.195a21.637 21.637 0 0 1 6.738 2.133c2.862 1.472 5.316 3.61 7.084 6.184a19.689 19.689 0 0 1 2.642 5.549c.856 2.844 1.05 5.939.579 8.959Z"
       />
     </svg>
   );

diff --git a/docs/components/icons/PrintBarLogo.tsx b/docs/components/icons/PrintBarLogo.tsx
@@ -15,18 +15,26 @@ export function PrintBarLogo(props: IconProps) {
       aria-label="The Print Bar logo"
       {...props}
     >
-      <path
-        fill="#2C50FB"
-        d="M43.68 42.204a13.85 13.85 0 0 0 1.386-6.488c0-10.667-8.266-11.912-11.804-11.912h-.693V12.196H20.124v.96a3.555 3.555 0 0 0-3.289 3.555v7.111h-1.013V35.45h12.445v-.96a3.556 3.556 0 0 0 3.288-3.556v-7.11h.96v11.626H28.32v12.195h4.942a13.653 13.653 0 0 0 7.111-1.777l6.258 1.777-2.951-5.44Z"
-      />
-      <path
-        fill="#2C50FB"
-        d="M20.071 12.196V0h-8.889c-1.44 0-3.555.587-3.555 2.684 0 2.098 2.186 2.65 3.626 2.65h.16c1.423 0 3.165.213 3.165 1.955S12.8 9.227 11.413 9.227H5.53c-1.831 0-3.751.746-3.751 2.684 0 1.938 1.902 2.667 3.75 2.667h2.97c1.67 0 3.342.23 3.342 1.938 0 1.706-1.671 1.955-3.342 1.955h-.871c-1.6 0-4.338.196-4.338 2.667 0 2.47 2.72 2.666 4.338 2.666h8.195V12.196h4.25Z"
-      />
-      <path
-        fill="#2C50FB"
-        d="M4.018 4.924a2.24 2.24 0 1 0 0-4.48 2.24 2.24 0 0 0 0 4.48ZM9.69 39.573l-.356-2.613-.356 2.613a1.902 1.902 0 0 1-1.635 1.618l-2.614.373 2.614.356a1.902 1.902 0 0 1 1.635 1.618l.356 2.684.355-2.63a1.884 1.884 0 0 1 1.618-1.619l2.631-.355-2.631-.374a1.884 1.884 0 0 1-1.618-1.67ZM38.72 8.053l.391 2.614.356-2.631a1.92 1.92 0 0 1 1.635-1.618l2.614-.356-2.614-.355a1.92 1.92 0 0 1-1.635-1.636l-.356-2.595-.355 2.613a1.92 1.92 0 0 1-1.618 1.635l-2.631.356 2.63.356a1.92 1.92 0 0 1 1.583 1.617Z"
-      />
+      <g clipPath="url(#a)">
+        <circle cx="24" cy="24" r="24" fill="#fff" />
+        <path
+          fill="#2C50FB"
+          d="M36.906 36.343a9.3 9.3 0 0 0 .93-4.357c0-7.164-5.55-8-7.927-8h-.465V16.19h-8.358v.645a2.388 2.388 0 0 0-2.208 2.388v4.775h-.681v7.808h8.357v-.644a2.388 2.388 0 0 0 2.21-2.388v-4.776h.644v7.808H26.59v8.19h3.32a9.17 9.17 0 0 0 4.775-1.193l4.202 1.194-1.981-3.654Z"
+        />
+        <path
+          fill="#2C50FB"
+          d="M21.05 16.19V8h-5.97c-.966 0-2.387.394-2.387 1.803 0 1.409 1.469 1.779 2.436 1.779h.107c.955 0 2.125.143 2.125 1.313s-1.194 1.301-2.125 1.301h-3.952c-1.23 0-2.519.502-2.519 1.803s1.278 1.791 2.52 1.791h1.993c1.122 0 2.245.155 2.245 1.301 0 1.147-1.123 1.314-2.245 1.314h-.585c-1.074 0-2.913.131-2.913 1.79 0 1.66 1.827 1.791 2.913 1.791h5.504V16.19h2.853Z"
+        />
+        <path
+          fill="#2C50FB"
+          d="M10.27 11.307a1.504 1.504 0 1 0 0-3.009 1.504 1.504 0 0 0 0 3.01ZM14.078 34.576l-.239-1.755-.238 1.755a1.278 1.278 0 0 1-1.099 1.087l-1.755.25 1.755.24a1.277 1.277 0 0 1 1.099 1.086l.238 1.803.24-1.767a1.266 1.266 0 0 1 1.086-1.087l1.767-.239-1.767-.25a1.266 1.266 0 0 1-1.087-1.123ZM33.575 13.408l.263 1.756.238-1.768a1.29 1.29 0 0 1 1.099-1.086l1.755-.239-1.755-.239a1.29 1.29 0 0 1-1.099-1.098l-.238-1.743-.24 1.755a1.29 1.29 0 0 1-1.086 1.098l-1.767.24 1.767.238a1.29 1.29 0 0 1 1.063 1.086Z"
+        />
+      </g>
+      <defs>
+        <clipPath id="a">
+          <path fill="#fff" d="M0 0h48v48H0z" />
+        </clipPath>
+      </defs>
     </svg>
   );
 }
diff --git a/docs/components/icons/RugbyAuLogo.tsx b/docs/components/icons/RugbyAuLogo.tsx
@@ -15,11 +15,27 @@ export function RugbyAuLogo(props: IconProps) {
       aria-label="Rugby Australia logo"
       {...props}
     >
-      <rect width="48" height="48" fill="#171772" rx="7.291" />
-      <path
-        fill="#fff"
-        d="m28.292 39.079-4.894-9.759h-4.296v8.848a2.1 2.1 0 0 1-2.105 2.106H10.68V9.746a2.1 2.1 0 0 1 2.105-2.105h14.226c7.226 0 11.351 4.808 11.351 10.896 0 5.69-3.47 8.735-6.486 9.816l6.657 12.006h-8.336a2.375 2.375 0 0 1-1.906-1.28ZM29.8 18.452c0-2.19-1.85-3.47-4.04-3.47h-6.658v6.998h6.658c2.19 0 4.04-1.223 4.04-3.528Z"
-      />
+      <g clipPath="url(#a)">
+        <circle cx="24" cy="24" r="24" fill="#171772" />
+        <g clipPath="url(#b)">
+          <path
+            fill="#fff"
+            d="m10.601 31.84-.25-.728H7.486l-.25.728a.472.472 0 0 1-.446.319H5l2.735-7.27h2.354l2.747 7.27h-1.788a.472.472 0 0 1-.447-.319Zm-1.688-5.098-.926 2.735H9.84l-.926-2.735ZM9.742 23.128l-1.09-2.18h-.959v1.968c0 .26-.212.473-.472.473H5.818v-6.797c0-.26.212-.472.472-.472h3.168c1.613 0 2.528 1.067 2.528 2.419 0 1.264-.774 1.94-1.45 2.18l1.483 2.67h-1.855a.472.472 0 0 1-.422-.261Zm.338-4.6c0-.49-.414-.774-.905-.774H7.692v1.559h1.483c.49 0 .905-.272.905-.785ZM21.114 19.76c0-2.311 1.766-3.76 3.934-3.76 1.624 0 2.605.86 3.106 1.766l-1.215.633a.467.467 0 0 1-.57-.118c-.438-.503-1.201-.851-2.101-.45a2.124 2.124 0 0 0-1.247 1.932c0 1.186.84 2.1 2.027 2.1.535 0 1.08-.218 1.34-.436v-.567h-1.162a.472.472 0 0 1-.472-.472v-1.173h3.037c.26 0 .472.212.472.472v2.416c-.784.861-1.841 1.417-3.215 1.417-2.169 0-3.934-1.45-3.934-3.76ZM29.359 23.39v-6.798c0-.26.211-.472.472-.472h3.648c1.438 0 2.125.937 2.125 1.853 0 .915-.556 1.515-1.242 1.667.773.12 1.384.861 1.384 1.777 0 1.057-.71 1.972-2.137 1.972h-4.25Zm4.337-5.09c0-.348-.261-.6-.642-.6h-1.82v1.21h1.82c.38 0 .642-.25.642-.61Zm.142 2.856c0-.36-.262-.654-.72-.654h-1.885v1.308h1.886c.447 0 .719-.261.719-.654ZM38.378 23.39v-2.932l-2.757-4.338h1.755c.223 0 .428.117.541.31l1.398 2.371 1.376-2.368a.63.63 0 0 1 .544-.313h1.763l-2.747 4.337v2.931h-1.874l.001.001Z"
+          />
+          <path
+            fill="#4AFFBB"
+            d="M18.595 16.12a.473.473 0 0 0-.472.472v3.79c0 .72-.368 1.27-1.073 1.432v1.688c2.012-.157 2.97-1.379 2.97-3.066V16.12h-1.424ZM16.124 21.81c-.708-.165-1.063-.713-1.063-1.43v-3.788a.472.472 0 0 0-.473-.472h-1.435v4.326c0 1.662.953 2.889 2.97 3.054v-1.69ZM18.595 24.899a.473.473 0 0 0-.472.472v3.79c0 .72-.368 1.27-1.073 1.432v1.689c2.012-.157 2.97-1.38 2.97-3.067V24.9h-1.424v-.001ZM16.124 30.59c-.708-.166-1.063-.714-1.063-1.43v-3.79a.472.472 0 0 0-.473-.472h-1.435v4.327c0 1.661.953 2.888 2.97 3.053v-1.69.001Z"
+          />
+        </g>
+      </g>
+      <defs>
+        <clipPath id="a">
+          <path fill="#fff" d="M0 0h48v48H0z" />
+        </clipPath>
+        <clipPath id="b">
+          <path fill="#fff" d="M5 16h38v16.281H5z" />
+        </clipPath>
+      </defs>
     </svg>
   );
 }
diff --git a/docs/components/icons/VocalLogo.tsx b/docs/components/icons/VocalLogo.tsx
@@ -15,13 +15,18 @@ export function VocalLogo(props: IconProps) {
       aria-label="Vocal logo"
       {...props}
     >
+      <circle cx="24" cy="24" r="24" fill="#fff" />
       <path
-        fill="#1B1B1B"
-        d="M24 48C10.763 48 0 37.237 0 24S10.763 0 24 0s24 10.773 24 24c0 13.237-10.763 24-24 24Zm0-46.684C11.49 1.316 1.316 11.49 1.316 24 1.316 36.51 11.49 46.684 24 46.684c12.51 0 22.684-10.173 22.684-22.684C46.684 11.49 36.51 1.316 24 1.316Z"
+        fill="#181818"
+        fillRule="evenodd"
+        d="M24 43c10.493 0 19-8.507 19-19S34.493 5 24 5 5 13.507 5 24s8.507 19 19 19Zm0 1c11.046 0 20-8.954 20-20S35.046 4 24 4 4 12.954 4 24s8.954 20 20 20Z"
+        clipRule="evenodd"
       />
       <path
-        fill="#1B1B1B"
-        d="M12.905 29.52c-.488 0-.897-.32-.897-.723V18.322c0-.393.396-.723.897-.723.488 0 .897.32.897.723v10.475c0 .404-.396.723-.897.723Zm5.554 2.76c-.488 0-.897-.32-.897-.723V21.082c0-.393.396-.723.897-.723.488 0 .897.319.897.723v10.475c-.013.404-.409.723-.897.723ZM24 35.07c-.488 0-.897-.319-.897-.722V23.873c0-.393.396-.722.897-.722.488 0 .897.319.897.722V34.35c0 .403-.409.722-.897.722Zm5.54-2.77c-.487 0-.896-.319-.896-.723V21.103c0-.393.396-.723.897-.723.488 0 .897.32.897.723v10.475c0 .404-.396.723-.897.723Zm5.542-2.781c-.488 0-.897-.32-.897-.723V18.322c0-.393.395-.723.897-.723.488 0 .897.32.897.723v10.475c0 .404-.396.723-.897.723Z"
+        fill="#181818"
+        fillRule="evenodd"
+        d="M33 18.5a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-1 0v-9a.5.5 0 0 1 .5-.5ZM28.5 21a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-1 0v-9a.5.5 0 0 1 .5-.5ZM24 23a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-1 0v-9a.5.5 0 0 1 .5-.5ZM19.5 21a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-1 0v-9a.5.5 0 0 1 .5-.5ZM15 18.5a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-1 0v-9a.5.5 0 0 1 .5-.5Z"
+        clipRule="evenodd"
       />
     </svg>
   );

diff --git a/docs/pages/enterprise.tsx b/docs/pages/enterprise.tsx
@@ -1,6 +1,7 @@
 /** @jsxRuntime classic */
 /** @jsx jsx  */
 import { jsx } from '@emotion/react';
+import Link from 'next/link';
 import { useMediaQuery } from '../lib/media';
 import { Highlight } from '../components/primitives/Highlight';
 import { MWrapper } from '../components/content/MWrapper';
@@ -18,43 +19,46 @@ import { RugbyAuLogo } from '../components/icons/RugbyAuLogo';
 import { WestpacLogo } from '../components/icons/WestpacLogo';
 import { PrintBarLogo } from '../components/icons/PrintBarLogo';
 import { IntroHeading, IntroLead, IntroWrapper } from '../components/content/Intro';
+import { Stack } from '../components/primitives/Stack';
 
 const customers = [
   {
     icon: VocalLogo,
     title: 'Vocal',
-    copy: 'Large scale creator and content platform on web and mobile.',
+    copy: 'Large scale platform for content creators.',
+    learnMoreHref: 'https://www.thinkmill.com.au/work/vocal',
   },
   {
     icon: PJohnsonLogo,
     title: 'PJohnson Tailors',
-    copy: 'PJT’s custom order and production management system',
+    copy: 'Custom garment order & production management system.',
   },
   {
     icon: DFATLogo,
     title: `Dep't of Foreign Affairs & Trade`,
     accessibleTitle: 'Department of Foreign Affairs and Trade',
-    copy: 'Australian Free Trade Agreements website',
+    copy: 'Australia’s Free Trade Agreements website.',
   },
   {
     icon: EnliticLogo,
     title: 'Enlitic',
-    copy: 'Powering Enlitic’s Medical Annotation Platform and PACS.',
+    copy: 'Medical Annotation Platform & PACS.',
+    learnMoreHref: 'https://www.thinkmill.com.au/work/enlitic',
   },
   {
     icon: RugbyAuLogo,
     title: 'Rugby Australia',
-    copy: 'The home of the latest Rugby news, teams, fixtures & results',
+    copy: 'Headless CMS to power Rugby’s many websites.',
   },
   {
     icon: WestpacLogo,
     title: 'Westpac',
-    copy: 'Content management for Westpac’s GEL system',
+    copy: 'Content management for Westpac’s GEL Design System.',
   },
   {
     icon: PrintBarLogo,
     title: 'The Print Bar',
-    copy: 'Powering The Print Bar’s custom design and ordering platform.',
+    copy: 'Application backend for a custom design and ordering plaform.',
   },
 ];
 
@@ -87,7 +91,6 @@ export default function ForOrganisations() {
             display: 'flex',
             flexDirection: 'column',
             gap: '5rem',
-            alignItems: 'center',
             paddingTop: '5rem',
           })}
         >
@@ -104,19 +107,34 @@ export default function ForOrganisations() {
 
             <ul
               css={{
-                display: 'flex',
-                flexWrap: 'wrap',
+                display: 'grid',
+                gridTemplateColumns: 'repeat(auto-fill, minmax(15.625rem, 1fr))',
                 gap: '2rem',
                 listStyle: 'none',
                 padding: 0,
                 margin: 0,
+                '@media (min-width: 54rem)': {
+                  gridTemplateColumns: 'repeat(3, 15.625rem)',
+                },
+                '@media (min-width: 85rem)': {
+                  gridTemplateColumns: 'repeat(4, 15.625rem)',
+                },
               }}
               role="list"
             >
-              {customers.map(({ icon, accessibleTitle, title, copy }) => (
+              {customers.map(({ icon, accessibleTitle, title, copy, learnMoreHref }) => (
                 <li key={title}>
                   <CustomerCard title={title} icon={icon} accessibleTitle={accessibleTitle}>
-                    {copy}
+                    {learnMoreHref ? (
+                      <Stack gap={0}>
+                        {copy}
+                        <div>
+                          <Link href={learnMoreHref}>Learn more</Link>.
+                        </div>
+                      </Stack>
+                    ) : (
+                      copy
+                    )}
                   </CustomerCard>
                 </li>
               ))}

diff --git a/examples/nextjs-keystone-two-servers/nextjs-frontend/next-env.d.ts b/examples/nextjs-keystone-two-servers/nextjs-frontend/next-env.d.ts
@@ -0,0 +1,5 @@
+/// <reference types="next" />
+/// <reference types="next/image-types/global" />
+
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/basic-features/typescript for more information.