added Inter font and intro image

dlevacher · Feb 14, 2019 · 2a8a8ab · 2a8a8ab
1 parent 4d8f27e
commit 2a8a8ab
Show file tree

Hide file tree

Showing 44 changed files with 146 additions and 2 deletions.
diff --git a/app/ui/intro.js b/app/ui/intro.js
@@ -13,7 +13,7 @@ module.exports = function intro(state) {
         <p class="max-w-sm font-light leading-normal">
           ${state.translate('uploadPageExplainer')}
         </p>
-        <img class="my-6" src="${assets.get('illustration_download.svg')}" />
+        <img class="-mb-12" src="${assets.get('intro.png')}" />
       </div>
     </send-intro>
   `;

diff --git a/assets/intro.png b/assets/intro.png
diff --git a/public/Inter-Black.woff b/public/Inter-Black.woff
diff --git a/public/Inter-Black.woff2 b/public/Inter-Black.woff2
diff --git a/public/Inter-BlackItalic.woff b/public/Inter-BlackItalic.woff
diff --git a/public/Inter-BlackItalic.woff2 b/public/Inter-BlackItalic.woff2
diff --git a/public/Inter-Bold.woff b/public/Inter-Bold.woff
diff --git a/public/Inter-Bold.woff2 b/public/Inter-Bold.woff2
diff --git a/public/Inter-BoldItalic.woff b/public/Inter-BoldItalic.woff
diff --git a/public/Inter-BoldItalic.woff2 b/public/Inter-BoldItalic.woff2
diff --git a/public/Inter-ExtraBold.woff b/public/Inter-ExtraBold.woff
diff --git a/public/Inter-ExtraBold.woff2 b/public/Inter-ExtraBold.woff2
diff --git a/public/Inter-ExtraBoldItalic.woff b/public/Inter-ExtraBoldItalic.woff
diff --git a/public/Inter-ExtraBoldItalic.woff2 b/public/Inter-ExtraBoldItalic.woff2
diff --git a/public/Inter-ExtraLight-BETA.woff b/public/Inter-ExtraLight-BETA.woff
diff --git a/public/Inter-ExtraLight-BETA.woff2 b/public/Inter-ExtraLight-BETA.woff2
diff --git a/public/Inter-ExtraLightItalic-BETA.woff b/public/Inter-ExtraLightItalic-BETA.woff
diff --git a/public/Inter-ExtraLightItalic-BETA.woff2 b/public/Inter-ExtraLightItalic-BETA.woff2
diff --git a/public/Inter-Italic.woff b/public/Inter-Italic.woff
diff --git a/public/Inter-Italic.woff2 b/public/Inter-Italic.woff2
diff --git a/public/Inter-Light-BETA.woff b/public/Inter-Light-BETA.woff
diff --git a/public/Inter-Light-BETA.woff2 b/public/Inter-Light-BETA.woff2
diff --git a/public/Inter-LightItalic-BETA.woff b/public/Inter-LightItalic-BETA.woff
diff --git a/public/Inter-LightItalic-BETA.woff2 b/public/Inter-LightItalic-BETA.woff2
diff --git a/public/Inter-Medium.woff b/public/Inter-Medium.woff
diff --git a/public/Inter-Medium.woff2 b/public/Inter-Medium.woff2
diff --git a/public/Inter-MediumItalic.woff b/public/Inter-MediumItalic.woff
diff --git a/public/Inter-MediumItalic.woff2 b/public/Inter-MediumItalic.woff2
diff --git a/public/Inter-Regular.woff b/public/Inter-Regular.woff
diff --git a/public/Inter-Regular.woff2 b/public/Inter-Regular.woff2
diff --git a/public/Inter-SemiBold.woff b/public/Inter-SemiBold.woff
diff --git a/public/Inter-SemiBold.woff2 b/public/Inter-SemiBold.woff2
diff --git a/public/Inter-SemiBoldItalic.woff b/public/Inter-SemiBoldItalic.woff
diff --git a/public/Inter-SemiBoldItalic.woff2 b/public/Inter-SemiBoldItalic.woff2
diff --git a/public/Inter-Thin-BETA.woff b/public/Inter-Thin-BETA.woff
diff --git a/public/Inter-Thin-BETA.woff2 b/public/Inter-Thin-BETA.woff2
diff --git a/public/Inter-ThinItalic-BETA.woff b/public/Inter-ThinItalic-BETA.woff
diff --git a/public/Inter-ThinItalic-BETA.woff2 b/public/Inter-ThinItalic-BETA.woff2
diff --git a/public/Inter-italic.var.woff2 b/public/Inter-italic.var.woff2
diff --git a/public/Inter-upright.var.woff2 b/public/Inter-upright.var.woff2
diff --git a/public/Inter.var.woff2 b/public/Inter.var.woff2
diff --git a/public/inter.css b/public/inter.css
@@ -0,0 +1,143 @@
+@font-face {
+  font-family: 'Inter';
+  font-style: normal;
+  font-weight: 100;
+  src: url('Inter-Thin.woff2') format('woff2'),
+    url('Inter-Thin.woff') format('woff');
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-style: italic;
+  font-weight: 100;
+  src: url('Inter-ThinItalic.woff2') format('woff2'),
+    url('Inter-ThinItalic.woff') format('woff');
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-style: normal;
+  font-weight: 200;
+  src: url('Inter-ExtraLight.woff2') format('woff2'),
+    url('Inter-ExtraLight.woff') format('woff');
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-style: italic;
+  font-weight: 200;
+  src: url('Inter-ExtraLightItalic.woff2') format('woff2'),
+    url('Inter-ExtraLightItalic.woff') format('woff');
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-style: normal;
+  font-weight: 300;
+  src: url('Inter-Light.woff2') format('woff2'),
+    url('Inter-Light.woff') format('woff');
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-style: italic;
+  font-weight: 300;
+  src: url('Inter-LightItalic.woff2') format('woff2'),
+    url('Inter-LightItalic.woff') format('woff');
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-style: normal;
+  font-weight: 400;
+  src: url('Inter-Regular.woff2') format('woff2'),
+    url('Inter-Regular.woff') format('woff');
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-style: italic;
+  font-weight: 400;
+  src: url('Inter-Italic.woff2') format('woff2'),
+    url('Inter-Italic.woff') format('woff');
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-style: normal;
+  font-weight: 500;
+  src: url('Inter-Medium.woff2') format('woff2'),
+    url('Inter-Medium.woff') format('woff');
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-style: italic;
+  font-weight: 500;
+  src: url('Inter-MediumItalic.woff2') format('woff2'),
+    url('Inter-MediumItalic.woff') format('woff');
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-style: normal;
+  font-weight: 600;
+  src: url('Inter-SemiBold.woff2') format('woff2'),
+    url('Inter-SemiBold.woff') format('woff');
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-style: italic;
+  font-weight: 600;
+  src: url('Inter-SemiBoldItalic.woff2') format('woff2'),
+    url('Inter-SemiBoldItalic.woff') format('woff');
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-style: normal;
+  font-weight: 700;
+  src: url('Inter-Bold.woff2') format('woff2'),
+    url('Inter-Bold.woff') format('woff');
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-style: italic;
+  font-weight: 700;
+  src: url('Inter-BoldItalic.woff2') format('woff2'),
+    url('Inter-BoldItalic.woff') format('woff');
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-style: normal;
+  font-weight: 800;
+  src: url('Inter-ExtraBold.woff2') format('woff2'),
+    url('Inter-ExtraBold.woff') format('woff');
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-style: italic;
+  font-weight: 800;
+  src: url('Inter-ExtraBoldItalic.woff2') format('woff2'),
+    url('Inter-ExtraBoldItalic.woff') format('woff');
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-style: normal;
+  font-weight: 900;
+  src: url('Inter-Black.woff2') format('woff2'),
+    url('Inter-Black.woff') format('woff');
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-style: italic;
+  font-weight: 900;
+  src: url('Inter-BlackItalic.woff2') format('woff2'),
+    url('Inter-BlackItalic.woff') format('woff');
+}
diff --git a/server/layout.js b/server/layout.js
@@ -40,7 +40,7 @@ module.exports = function(state, body = '') {
         <link rel="manifest" href="/app.webmanifest" />
 
         <title>${state.title}</title>
-
+        <link rel="stylesheet" type="text/css" href="/inter.css" />
         <link
           rel="stylesheet"
           type="text/css"

diff --git a/tailwind.js b/tailwind.js
@@ -191,6 +191,7 @@ module.exports = {
 
   fonts: {
     sans: [
+      'Inter',
       'system-ui',
       'BlinkMacSystemFont',
       '-apple-system',