Renamed /src to /frontend

frontend/components/FullscreenField/FullscreenField.js

@@ -0,0 +1,39 @@
+import React from 'react';
+
+import CenteredContent from 'components/CenteredContent';
+import { Button } from 'rebass';
+
+import styles from './FullscreenField.scss';
+import classNames from 'classnames/bind';
+const cx = classNames.bind(styles);
+
+class FullscreenField extends React.Component {
+  render() {
+    return (
+      <div className={ styles.container }>
+        <CenteredContent>
+          <div className={ styles.content }>
+            <h2>Create a new atlas</h2>
+            <p>Atlases are collections where you, your teams or friends can share and collect information.</p>
+
+            <div className={ styles.field }>
+              <div className={ styles.label }>Atlas name</div>
+              <input type="text" placeholder="Meeting notes" />
+            </div>
+
+            <div className={ cx(styles.field, styles.description) }>
+              <div className={ styles.label }>Description</div>
+              <input type="text" placeholder="All your note are belong to us" />
+            </div>
+
+            <div className={ styles.field }>
+              <button className={ styles.button }>Create atlas</button>
+            </div>
+          </div>
+        </CenteredContent>
+      </div>
+    );
+  }
+}
+
+export default FullscreenField;

frontend/components/FullscreenField/FullscreenField.scss

@@ -0,0 +1,46 @@
+.container {
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+
+  display: flex;
+  justify-content: center;
+
+  background-color: #fff;
+}
+
+.content {
+  padding: 100px 0;
+}
+
+.field {
+  padding: 20px 0;
+
+  .label {
+    font-size: 16px;
+    font-weight: bold;
+    color: #242425;
+  }
+
+  input {
+    font-size: 32px;
+    width: 100%;
+    padding: 5px 0;
+
+    border: 0;
+    border-bottom: 1px solid #242425;
+    border-radius: 0;
+
+    outline: none;
+  }
+}
+
+.button {
+  font-size: 20px;
+  background-color: #171B35;
+  color: #FAFAFA;
+  padding: 8px 20px 5px;
+  border: none;
+}

frontend/components/FullscreenField/index.js

@@ -0,0 +1,2 @@
+import FullscreenField from './FullscreenField';
+export default FullscreenField;