From 3d4c1e52769c9c2d77ad3cf422269c12410db32d Mon Sep 17 00:00:00 2001
From: Eug-VS <eug-vs@keemail.me>
Date: Tue, 28 Jan 2020 00:07:44 +0300
Subject: feat: support library preview

---
 src/index.js | 75 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 75 insertions(+)
 create mode 100644 src/index.js

(limited to 'src/index.js')

diff --git a/src/index.js b/src/index.js
new file mode 100644
index 0000000..295f17e
--- /dev/null
+++ b/src/index.js
@@ -0,0 +1,75 @@
+import React, { useState } from 'react';
+import ReactDOM from 'react-dom';
+
+import { CssBaseline, makeStyles, Button } from '@material-ui/core';
+
+import {
+  BenzinThemeProvider,
+  Header,
+  Window,
+  ContentSection,
+} from './lib';
+
+import icon from './lib/assets/icon.png';
+import icon2 from './lib/assets/icon2.svg';
+import HomeIcon from '@material-ui/icons/Home';
+import PlayCircleFilledWhiteIcon from '@material-ui/icons/PlayCircleFilledWhite';
+import ExploreIcon from '@material-ui/icons/Explore';
+import GitHubIcon from '@material-ui/icons/GitHub';
+
+
+
+
+
+const useStyles = makeStyles(theme => ({
+  window: {
+    padding: theme.spacing(4),
+  }
+}));
+
+const headerContents = {
+  home: <HomeIcon />,
+  'getting started': <PlayCircleFilledWhiteIcon />,
+  explore: <ExploreIcon />,
+  contribute: <GitHubIcon />,
+}
+
+const Icon1 = <img src={icon} width="40px" height="46.25px" alt="logo"/>
+const Icon2 = <img src={icon2} height="32px" alt="logo"/>
+
+const App = () => {
+  const classes = useStyles();
+  const [page, setPage] = useState('home');
+
+  return (
+    <BenzinThemeProvider>
+      <CssBaseline />
+      <Header
+        logo={{
+          icon: Icon1,
+          title: 'BENZIN',
+        }}
+        contents={headerContents}
+        page={page}
+        setPage={setPage}
+      />
+      <Window type="mono">
+        <div className={classes.window}>
+          <ContentSection sectionName="Out of fuel? You've came to the right place!">
+            <p> Here is some text about BENZIN library. </p>
+            <Button variant="contained" color="secondary">
+              Charge me up!
+            </Button>
+            <Button variant="contained" color="primary">
+              Learn more
+            </Button>
+          </ContentSection>
+        </div>
+      </Window>
+    </BenzinThemeProvider>
+  );
+};
+
+
+ReactDOM.render(<App />, document.getElementById('root'));
+
-- 
cgit v1.2.3


From 386e4c97fd803aa54e96bf56711d4a6a8873489a Mon Sep 17 00:00:00 2001
From: Eug-VS <eug-vs@keemail.me>
Date: Tue, 28 Jan 2020 11:36:22 +0300
Subject: feat: decrease font-size in Header

---
 src/index.js | 5 +----
 1 file changed, 1 insertion(+), 4 deletions(-)

(limited to 'src/index.js')

diff --git a/src/index.js b/src/index.js
index 295f17e..6fca3b6 100644
--- a/src/index.js
+++ b/src/index.js
@@ -18,9 +18,6 @@ import ExploreIcon from '@material-ui/icons/Explore';
 import GitHubIcon from '@material-ui/icons/GitHub';
 
 
-
-
-
 const useStyles = makeStyles(theme => ({
   window: {
     padding: theme.spacing(4),
@@ -34,7 +31,7 @@ const headerContents = {
   contribute: <GitHubIcon />,
 }
 
-const Icon1 = <img src={icon} width="40px" height="46.25px" alt="logo"/>
+const Icon1 = <img src={icon} width="32px" height="37px" alt="logo"/>
 const Icon2 = <img src={icon2} height="32px" alt="logo"/>
 
 const App = () => {
-- 
cgit v1.2.3


From 9eef9ddf780d5c6e3cbd5d74a9794bab4b5e2f11 Mon Sep 17 00:00:00 2001
From: Eug-VS <eug-vs@keemail.me>
Date: Tue, 28 Jan 2020 12:28:02 +0300
Subject: feat: add CssBaseline to BenzinThemeProvider

---
 src/index.js | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

(limited to 'src/index.js')

diff --git a/src/index.js b/src/index.js
index 6fca3b6..1aec963 100644
--- a/src/index.js
+++ b/src/index.js
@@ -1,7 +1,7 @@
 import React, { useState } from 'react';
 import ReactDOM from 'react-dom';
 
-import { CssBaseline, makeStyles, Button } from '@material-ui/core';
+import { makeStyles, Button } from '@material-ui/core';
 
 import {
   BenzinThemeProvider,
@@ -40,7 +40,6 @@ const App = () => {
 
   return (
     <BenzinThemeProvider>
-      <CssBaseline />
       <Header
         logo={{
           icon: Icon1,
-- 
cgit v1.2.3