Bring in assets from nteract.github.io

This uses the assets from [nteract.github.io](https://github.com/nteract/nteract.github.io/tree/dev/src/assets/images)

components/button/index.js

@@ -2,12 +2,8 @@ import React from "react";
 
 import { StyledButton, StyledButtons } from "@components/button/styled";
 
-const Icon = ({ icon }) => {
-  if (icon && icon.includes("http")) {
-    return <img src={icon} role="presentational" />;
-  }
-  return null;
-};
+const Icon = ({ icon }) =>
+  icon ? <img src={icon} role="presentational" /> : null;
 
 const Button = ({ label, children, icon, ...rest }) => {
   return (

components/download-buttons.js

@@ -13,7 +13,7 @@ export const DownloadFeaturette = ({ platform, assetUrl }: OSProps) => {
           primary
           label={`Download for ${platform} (beta)`}
           href={assetUrl}
-          icon="https://nteract.github.io/assets/images/icon-nteract-download.svg"
+          icon="/static/icon_nteract_download.svg"
         />
       </Buttons>
       <Type.p small padding="10px 0 0 0">

components/footer/index.js

@@ -10,7 +10,7 @@ const Footer = props => (
         <Link href="https://numfocus.org/">
           <a target="_blank">
             <img
-              src="https://nteract.github.io/assets/images/sponsor-numfocus.png"
+              src="/static/sponsor-numfocus.png"
               alt="NumFocus"
             />
           </a>

components/head/index.js

@@ -21,91 +21,84 @@ export default ({
     <link rel="author" href="humans.txt" />
 
     <link rel="dns-prefetch" href="//nteract.io/" />
-    <link rel="dns-prefetch" href="//nteract.github.io/" />
 
     <link
       rel="apple-touch-icon"
       sizes="57x57"
-      href="https://nteract.github.io/assets/images/icons/apple-icon-57x57.png"
+      href="/static/icons/apple-icon-57x57.png"
     />
     <link
       rel="apple-touch-icon"
       sizes="60x60"
-      href="https://nteract.github.io/assets/images/icons/apple-icon-60x60.png"
+      href="/static/icons/apple-icon-60x60.png"
     />
     <link
       rel="apple-touch-icon"
       sizes="72x72"
-      href="https://nteract.github.io/assets/images/icons/apple-icon-72x72.png"
+      href="/static/icons/apple-icon-72x72.png"
     />
     <link
       rel="apple-touch-icon"
       sizes="76x76"
-      href="https://nteract.github.io/assets/images/icons/apple-icon-76x76.png"
+      href="/static/icons/apple-icon-76x76.png"
     />
     <link
       rel="apple-touch-icon"
       sizes="114x114"
-      href="https://nteract.github.io/assets/images/icons/apple-icon-114x114.png"
+      href="/static/icons/apple-icon-114x114.png"
     />
     <link
       rel="apple-touch-icon"
       sizes="120x120"
-      href="https://nteract.github.io/assets/images/icons/apple-icon-120x120.png"
+      href="/static/icons/apple-icon-120x120.png"
     />
     <link
       rel="apple-touch-icon"
       sizes="144x144"
-      href="https://nteract.github.io/assets/images/icons/apple-icon-144x144.png"
+      href="/static/icons/apple-icon-144x144.png"
     />
     <link
       rel="apple-touch-icon"
       sizes="152x152"
-      href="https://nteract.github.io/assets/images/icons/apple-icon-152x152.png"
+      href="/static/icons/apple-icon-152x152.png"
     />
     <link
       rel="apple-touch-icon"
       sizes="180x180"
-      href="https://nteract.github.io/assets/images/icons/apple-icon-180x180.png"
+      href="/static/icons/apple-icon-180x180.png"
     />
     <link
       rel="icon"
       type="image/png"
       sizes="192x192"
-      href="https://nteract.github.io/assets/images/icons/android-icon-192x192.png"
+      href="/static/icons/android-icon-192x192.png"
     />
     <link
       rel="icon"
       type="image/png"
       sizes="32x32"
-      href="https://nteract.github.io/assets/images/icons/favicon-32x32.png"
+      href="/static/icons/favicon-32x32.png"
     />
     <link
       rel="icon"
       type="image/png"
       sizes="96x96"
-      href="https://nteract.github.io/assets/images/icons/favicon-96x96.png"
+      href="/static/icons/favicon-96x96.png"
     />
     <link
       rel="icon"
       type="image/png"
       sizes="16x16"
-      href="https://nteract.github.io/assets/images/icons/favicon-16x16.png"
-    />
-    <link
-      rel="manifest"
-      href="https://nteract.github.io/assets/images/icons/manifest.json"
+      href="/static/icons/favicon-16x16.png"
     />
+    <link rel="manifest" href="/static/icons/manifest.json" />
     <meta name="msapplication-TileColor" content="#334865" />
     <meta
       name="msapplication-TileImage"
-      content="https://nteract.github.io/assets/images/icons/ms-icon-144x144.png"
+      content="/static/icons/ms-icon-144x144.png"
     />
     <meta name="theme-color" content="#334865" />
-    <link
-      rel="shortcut icon"
-      href="https://nteract.github.io/assets/images/icons/favicon.ico"
-    />
+    <link rel="shortcut icon" href="/static/icons/favicon.ico" />
 
     <link rel="preconnect" href="https://nteract.io/" />
     <link rel="prefetch" href="https://nteract.io/" />
@@ -128,10 +121,7 @@ export default ({
       property="og:title"
       content="Take your computing experience to the next level."
     />
-    <meta
-      property="og:image"
-      content="https://nteract.io/static/images/opengraph.png"
-    />
+    <meta property="og:image" content="/static/opengraph.png" />
     <meta
       property="og:description"
       content="nteract is a desktop application that allows you to develop rich documents that contain prose, executable code, and images."
@@ -150,10 +140,7 @@ export default ({
       name="twitter:description"
       content="nteract is a desktop application that allows you to develop rich documents that contain prose, executable code, and images."
     />
-    <meta
-      name="twitter:image"
-      content="https://nteract.io/static/images/opengraph.png"
-    />
+    <meta name="twitter:image" content="/static/opengraph.png" />
 
     <meta name="theme-color" content={themeColor} />
   </Head>

components/header/index.js

@@ -129,7 +129,7 @@ class Header extends React.PureComponent {
                 <Link href="/" prefetch>
                   <StyledHeader.Logo>
                     <img
-                      src="https://nteract.github.io/assets/images/[email protected]"
+                      src="/static/[email protected]"
                       alt="nteract"
                     />
                   </StyledHeader.Logo>

components/page-header/styled/index.js

@@ -20,7 +20,7 @@ const Left = styled.div``;
 const Right = styled.div``;
 const PageHeader = styled.div`
 background-color: transparent;
-background-image: url(https://nteract.github.io/assets/images/[email protected]);
+background-image: url(/static/[email protected]);
 background-position: top center;
 background-attachment: fixed;
 background-size: ${spacing.globalWidth + 200}px;

pages/index.js

@@ -12,20 +12,14 @@ import type { Context } from "next";
 
 const DemoVideo = () => (
   <video
-    poster="https://nteract.github.io/assets/images/[email protected]"
+    poster="/static/[email protected]"
     preload="auto"
     autoPlay
     muted
     loop="loop"
   >
-    <source
-      src="https://nteract.github.io/assets/images/video/[email protected]"
-      type="video/mp4"
-    />
-    <source
-      src="https://nteract.github.io/assets/images/video/[email protected]"
-      type="video/webm"
-    />
+    <source src="/static/[email protected]" type="video/mp4" />
+    <source src="/static/[email protected]" type="video/webm" />
   </video>
 );
 
@@ -83,7 +77,7 @@ class Home extends React.Component<OSProps, null> {
 
             <ContentSection.Pane visual>
               <img
-                src="https://nteract.github.io/assets/images/[email protected]"
+                src="/static/[email protected]"
                 alt="interactivity"
               />
             </ContentSection.Pane>
@@ -103,7 +97,7 @@ class Home extends React.Component<OSProps, null> {
 
             <ContentSection.Pane visual>
               <img
-                src="https://nteract.github.io/assets/images/[email protected]"
+                src="/static/[email protected]"
                 alt="Composability"
               />
             </ContentSection.Pane>
@@ -121,7 +115,7 @@ class Home extends React.Component<OSProps, null> {
             </ContentSection.Pane>
             <ContentSection.Pane visual>
               <img
-                src="https://nteract.github.io/assets/images/[email protected]"
+                src="/static/[email protected]"
                 alt="Composability"
               />
             </ContentSection.Pane>

static/icons/manifest.json

@@ -0,0 +1,41 @@
+{
+ "name": "App",
+ "icons": [
+  {
+   "src": "\/android-icon-36x36.png",
+   "sizes": "36x36",
+   "type": "image\/png",
+   "density": "0.75"
+  },
+  {
+   "src": "\/android-icon-48x48.png",
+   "sizes": "48x48",
+   "type": "image\/png",
+   "density": "1.0"
+  },
+  {
+   "src": "\/android-icon-72x72.png",
+   "sizes": "72x72",
+   "type": "image\/png",
+   "density": "1.5"
+  },
+  {
+   "src": "\/android-icon-96x96.png",
+   "sizes": "96x96",
+   "type": "image\/png",
+   "density": "2.0"
+  },
+  {
+   "src": "\/android-icon-144x144.png",
+   "sizes": "144x144",
+   "type": "image\/png",
+   "density": "3.0"
+  },
+  {
+   "src": "\/android-icon-192x192.png",
+   "sizes": "192x192",
+   "type": "image\/png",
+   "density": "4.0"
+  }
+ ]
+}