binary-com · OskarAhl · Jun 14, 2019 · Jun 14, 2019 · Jun 17, 2019
diff --git a/.gitignore b/.gitignore
@@ -59,3 +59,4 @@ typings/
 
 # next.js build output
 .next
+out/
diff --git a/.prettierrc b/.prettierrc
@@ -0,0 +1,7 @@
+{
+	"semi": false,
+	"singleQuote": true,
+	"useTabs": true,
+	"tabWidth": 2,
+	"trailingComma": "all"
+}
diff --git a/common/binary_socket.js b/common/binary_socket.js
diff --git a/components/button.js b/components/button.js
@@ -0,0 +1,12 @@
+const Button = ({ text }) => (
+	<button className="btn">
+		{text}
+		<style jsx>{`
+			.btn {
+				background-color: var(--main-color);
+			}
+		`}</style>
+	</button>
+)
+
+export default Button
diff --git a/components/card.js b/components/card.js
diff --git a/components/footer.js b/components/footer.js
diff --git a/components/header.js b/components/header.js
diff --git a/components/hero.js b/components/hero.js
diff --git a/components/layout.js b/components/layout.js
diff --git a/next.config.js b/next.config.js
@@ -0,0 +1,12 @@
+const withCSS = require('@zeit/next-css');
+
+module.exports = withCSS({
+  exportPathMap: function() {
+    return {
+      '/': { page: '/' },
+      '/about': { page: '/about' },
+      '/contact': { page: '/contact' },
+      '/terms-and-conditions': { page: '/terms-and-conditions' }
+    };
+  }
+});
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -0,0 +1,22 @@
+{
+  "name": "deriv-com",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "dev": "next",
+    "build": "next build",
+    "start": "next start",
+    "export": "next export",
+    "deploy": "npm run build && npm run export"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "@zeit/next-css": "^1.0.1",
+    "next": "^8.1.0",
+    "react": "^16.8.6",
+    "react-dom": "^16.8.6"
+  }
+}
diff --git a/pages/about.js b/pages/about.js
@@ -0,0 +1,9 @@
+export default function About() {
+    return (
+      <div>
+        <p>About</p>
+      </div>
+    )
+  }
+
+
diff --git a/pages/contact.js b/pages/contact.js
@@ -0,0 +1,9 @@
+export default function Contact() {
+    return (
+      <div>
+        <p>Contact</p>
+      </div>
+    )
+  }
+
+
diff --git a/pages/index.js b/pages/index.js
@@ -0,0 +1,14 @@
+import '../styles/common.css';
+
+export default function Index() {
+  return (
+    <div>
+      <p>Hello Next.js a</p>
+      <style jsx>{`
+        p {
+          color: var(--main-color);
+        }
+      `}</style>
+    </div>
+  );
+}
diff --git a/pages/terms-and-conditions.js b/pages/terms-and-conditions.js
@@ -0,0 +1,9 @@
+export default function TermsAndConditions() {
+    return (
+      <div>
+        <p>TermsAndConditions</p>
+      </div>
+    )
+  }
+
+
diff --git a/styles/common.css b/styles/common.css
@@ -0,0 +1,21 @@
+@import './reset.css';
+
+body {
+  font-family: sans-serif;
+  margin: 0;
+}
+
+* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  font-size: 62.5%; /* 1 rem = 10px */
+}
+
+:root {
+  /* TODO: naming, colors */
+  --main-color: #c69963;
+  --main-text-color: #54483a;
+  --secondary-color: #f9f7f6;
+  --ternary-color: #aaa;
+}
diff --git a/styles/reset.css b/styles/reset.css
@@ -0,0 +1,137 @@
+/*------------------------------------*
+ *  # Reset SCSS
+ *  - to make browsers render all elements more consistently
+ *  - Reference:  https://github.com/AdamMarsden/simple-typography/blob/master/_reset.scss
+ *------------------------------------*/
+
+/* stylelint-disable */
+html,
+body,
+div,
+span,
+applet,
+object,
+iframe,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+blockquote,
+pre,
+a,
+abbr,
+acronym,
+address,
+big,
+cite,
+code,
+del,
+dfn,
+em,
+img,
+ins,
+kbd,
+q,
+s,
+samp,
+small,
+strike,
+strong,
+sub,
+sup,
+tt,
+var,
+b,
+u,
+i,
+center,
+dl,
+dt,
+dd,
+ol,
+ul,
+li,
+fieldset,
+form,
+label,
+legend,
+table,
+caption,
+tbody,
+tfoot,
+thead,
+tr,
+th,
+td,
+article,
+aside,
+canvas,
+details,
+embed,
+figure,
+figcaption,
+footer,
+header,
+hgroup,
+input,
+menu,
+nav,
+output,
+ruby,
+section,
+summary,
+time,
+mark,
+audio,
+video {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  font-size: 100%;
+  font: inherit;
+  vertical-align: baseline;
+}
+/* HTML5 display-role reset for older browsers */
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+menu,
+nav,
+section {
+  display: block;
+}
+html {
+  height: 100%;
+}
+body {
+  line-height: 1;
+  height: 100%;
+}
+ol,
+ul {
+  list-style: none;
+}
+blockquote,
+q {
+  quotes: none;
+}
+blockquote:before,
+blockquote:after,
+q:before,
+q:after {
+  content: '';
+  content: none;
+}
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+/* stylelint-enable */
diff --git a/translations/README.md b/translations/README.md
Original file line number	Diff line number	Diff line change
Expand Up		@@ -59,3 +59,4 @@ typings/

		# next.js build output
		.next
		out/