add Inter font, fix warnings, rename link to homepage

.docz/src/gatsby-theme-docz/components/Header/index.js

@@ -78,7 +78,7 @@ export const Header = props => {
           <div class="box">
             <ul sx={styles.links}>
               <li sx={styles.linksli}>
-                <a sx={styles.linksa} href="http://kerberos.io" title="Welcome">Welcome</a>
+                <a sx={styles.linksa} href="http://kerberos.io" title="Homepage">Homepage</a>
               </li>
               <li sx={styles.linksli}>
                 <a sx={styles.linksa} href="http://cloud.kerberos.io" title="Cloud">Cloud</a>

src/gatsby-theme-docz/components/Header/index.js

@@ -78,16 +78,16 @@ export const Header = props => {
           <div class="box">
             <ul sx={styles.links}>
               <li sx={styles.linksli}>
-                <a sx={styles.linksa} href="http://kerberos.io" title="Welcome">Welcome</a>
+                <a sx={styles.linksa} href="http://kerberos.io" title="Homepage">Homepage</a>
               </li>
               <li sx={styles.linksli}>
                 <a sx={styles.linksa} href="http://cloud.kerberos.io" title="Cloud">Cloud</a>
               </li>
               <li sx={styles.linksli2}>
-                <a sx={styles.linksa} target="_blank" href="https://github.com/kerberos-io" title="Github">Github</a>
+                <a sx={styles.linksa} target="_blank" href="https://github.com/kerberos-io" rel="noopener noreferrer" title="Github">Github</a>
               </li>
               <li sx={styles.linksli2}>
-                <a sx={styles.linksa} target="_blank" href="https://kerberosio.zendesk.com/" title="Zendesk">Help</a>
+                <a sx={styles.linksa} target="_blank" href="https://kerberosio.zendesk.com/" rel="noopener noreferrer" title="Zendesk">Help</a>
               </li>
             </ul>
           </div>

src/gatsby-theme-docz/components/Header/styles.js

@@ -8,6 +8,7 @@ export const wrapper = {
   zIndex: 1,
   borderBottom: t => `1px solid ${t.colors.border}`,
   padding: '15px 0',
+  fontFamily: 'Inter var,sans-serif',
 }
 
 export const innerContainer = {
@@ -70,23 +71,23 @@ export const editButton = {
 }
 
 export const primary = {
-    background: '#fff',
-    borderBottom: '1px solid #e5e5e5',
-    boxShadow: '0 -5px 0 rgba(0,0,0,.03)',
-    float: 'left',
-    minHeight: '2.35em',
-    position: 'relative',
-    zIndex: '999',
-    width: '100%',
+  background: '#fff',
+  borderBottom: '1px solid #e5e5e5',
+  boxShadow: '0 -5px 0 rgba(0,0,0,.03)',
+  float: 'left',
+  minHeight: '2.35em',
+  position: 'relative',
+  zIndex: '999',
+  width: '100%',
 }
 
 export const branches = {
-    float: 'left',
-    background: '0 0',
-    border: '0',
-    boxShadow: 'none',
-    display: 'block',
-    margin: '0px !important',
+  float: 'left',
+  background: '0 0',
+  border: '0',
+  boxShadow: 'none',
+  display: 'block',
+  margin: '0px !important',
 }
 
 export const branchesli = {
@@ -101,7 +102,7 @@ export const branchesa = {
   fontSize: '12px',
   margin: '0 25px 0 0',
   width: 'auto',
-  fontFamily: 'Source Sans Pro,sans-serif',
+  fontFamily: 'Inter var,sans-serif',
   color: '#943633',
   display: 'block',
   fontWeight: '600',
@@ -111,12 +112,12 @@ export const branchesa = {
 }
 
 export const links = {
-    float: 'right',
-    background: '0 0',
-    border: '0',
-    boxShadow: 'none',
-    display: 'block',
-    margin: '0px !important',
+  float: 'right',
+  background: '0 0',
+  border: '0',
+  boxShadow: 'none',
+  display: 'block',
+  margin: '0px !important',
 }
 
 export const linksli = {
@@ -141,7 +142,7 @@ export const linksa = {
   fontSize: '12px',
   margin: '0 25px 0 0',
   width: 'auto',
-  fontFamily: 'Source Sans Pro,sans-serif',
+  fontFamily: 'Inter var,sans-serif',
   color: '#943633',
   display: 'block',
   fontWeight: '600',

src/gatsby-theme-docz/index.css

@@ -1,6 +1,12 @@
 @import url('https://fonts.googleapis.com/css?family=Inconsolata&display=swap');
 @import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro&display=swap');
 
+@import url('https://rsms.me/inter/inter.css');
+html { font-family: 'Inter', sans-serif; }
+@supports (font-variation-settings: normal) {
+  html { font-family: 'Inter var', sans-serif; }
+}
+
 ul {
   margin-left: 40px !important;
 }