Merge pull request #5 from PracticumTeam04/feat/fonts_and_config

Feat/fonts and config

Author: gremwiz1

package.json

@@ -23,7 +23,7 @@
     "superagent-promise": "^1.1.0"
   },
   "scripts": {
-    "start": "cross-env PORT=4100 react-scripts start",
+    "start": "cross-env PORT=4100 REACT_APP_API_ROOT=http://localhost:3000/api react-scripts start",
     "build": "react-scripts build",
     "test": "cross-env PORT=4100 react-scripts test --env=jsdom",
     "eject": "react-scripts eject"

src/agent.js

@@ -1,10 +1,9 @@
 import superagentPromise from 'superagent-promise';
 import _superagent from 'superagent';
+import { REACT_APP_API_ROOT as API_ROOT } from './config';
 
 const superagent = superagentPromise(_superagent, global.Promise);
 
-const API_ROOT = 'http://localhost:3000/api';
-
 const encode = encodeURIComponent;
 const responseBody = res => res.body;
 

src/config.js

@@ -0,0 +1,2 @@
+// todo: change build api domain
+export const { REACT_APP_API_ROOT = 'buildApiDomain' } = process.env;

src/index.css

@@ -0,0 +1 @@
+@import url(./vendor/fonts/fonts.css);

src/index.js

@@ -8,6 +8,8 @@ import { ConnectedRouter } from 'react-router-redux';
 
 import App from './components/App';
 
+import './index.css';
+
 ReactDOM.render((
   <Provider store={store}>
     <ConnectedRouter history={history}>

src/utils/index.js

@@ -0,0 +1,35 @@
+@font-face {
+  font-family: 'GolosText';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: 
+    url('./Golos-Text_Regular.woff2') format('woff2'),
+    url('./Golos-Text_Regular.woff') format('woff');
+}
+
+@font-face {
+  font-family: 'GolosText';
+  font-style: normal;
+  font-weight: 500;
+  font-display: swap;
+  src: 
+    url('./Golos-Text_Medium.woff2') format('woff2'),
+    url('./Golos-Text_Medium.woff') format('woff');
+}
+
+@font-face {
+  font-family: 'NeueMachina';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url('./PPNeueMachina-Regular.otf') format('opentype');
+}
+
+@font-face {
+  font-family: 'NeueMachina';
+  font-style: normal;
+  font-weight: 800;
+  font-display: swap;
+  src: url('./PPNeueMachina-Ultrabold.otf') format('opentype');
+}