From 9fcfb5d784c38c1c3ddda33184b0d8f1be4db3e0 Mon Sep 17 00:00:00 2001
From: Eug-VS <eug-vs@keemail.me>
Date: Mon, 3 Feb 2020 17:40:45 +0300
Subject: feat!: remove icons, simplify lib preview

---
 src/assets/icon.png | Bin 10550 -> 0 bytes
 src/assets/icon.svg | 108 ++++++++++++++++++++++++++++++++++++++++++++++++++++
 src/index.tsx       |  32 +++++++---------
 3 files changed, 122 insertions(+), 18 deletions(-)
 delete mode 100644 src/assets/icon.png
 create mode 100644 src/assets/icon.svg

(limited to 'src')

diff --git a/src/assets/icon.png b/src/assets/icon.png
deleted file mode 100644
index 4335637..0000000
Binary files a/src/assets/icon.png and /dev/null differ
diff --git a/src/assets/icon.svg b/src/assets/icon.svg
new file mode 100644
index 0000000..be5b465
--- /dev/null
+++ b/src/assets/icon.svg
@@ -0,0 +1,108 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="128"
+   height="148"
+   viewBox="0 0 33.866666 39.158334"
+   version="1.1"
+   id="svg838"
+   inkscape:version="0.92.4 (5da689c313, 2019-01-14)"
+   sodipodi:docname="icon.svg">
+  <defs
+     id="defs832" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1.979899"
+     inkscape:cx="6.1279585"
+     inkscape:cy="-8.3014472"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     inkscape:window-width="1850"
+     inkscape:window-height="1016"
+     inkscape:window-x="70"
+     inkscape:window-y="27"
+     inkscape:window-maximized="1"
+     units="px" />
+  <metadata
+     id="metadata835">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-257.84165)">
+    <g
+       id="g1434"
+       transform="matrix(0.37628092,0,0,0.37628092,22.053442,178.70523)">
+      <path
+         inkscape:export-filename="/home/eug-vs/Documents/Projects/react-benzin/src/assets/icon.svg.png"
+         transform="rotate(-150,58.946792,68.460286)"
+         inkscape:export-ydpi="36.122967"
+         inkscape:export-xdpi="36.122967"
+         inkscape:transform-center-y="3.4957186"
+         inkscape:transform-center-x="0.20210213"
+         d="M 0.45641909,-93.617205 -23.89006,-135.78654 l 24.34647889,-42.16934 48.69295911,0 24.346479,42.16934 -24.346479,42.169334 z"
+         inkscape:randomized="0"
+         inkscape:rounded="0"
+         inkscape:flatsided="true"
+         sodipodi:arg2="2.6179939"
+         sodipodi:arg1="2.0943951"
+         sodipodi:r2="24.346479"
+         sodipodi:r1="48.692959"
+         sodipodi:cy="-135.78654"
+         sodipodi:cx="24.802898"
+         sodipodi:sides="6"
+         id="path4554"
+         style="fill:none;fill-opacity:1;stroke:#ffa726;stroke-width:5.66499996;stroke-miterlimit:3.5;stroke-dasharray:none;stroke-opacity:1"
+         sodipodi:type="star" />
+      <g
+         inkscape:export-filename="/home/eug-vs/Documents/Projects/react-benzin/src/assets/icon.svg.png"
+         inkscape:export-ydpi="36.122967"
+         inkscape:export-xdpi="36.122967"
+         transform="translate(-45.866168,397.4575)"
+         id="g4921">
+        <circle
+           style="fill:#ffa726;fill-opacity:1;stroke:#000000;stroke-width:0.25526616;stroke-opacity:0"
+           id="circle4912"
+           cx="13.032428"
+           cy="-135.63423"
+           r="14.182178" />
+        <circle
+           r="14.182178"
+           cy="-152.1581"
+           cx="41.652004"
+           id="circle4914"
+           style="fill:#ffa726;fill-opacity:1;stroke:#000000;stroke-width:0.25526616;stroke-opacity:0" />
+        <circle
+           style="fill:#ffa726;fill-opacity:1;stroke:#000000;stroke-width:0.25526616;stroke-opacity:0"
+           id="circle4916"
+           cx="41.652004"
+           cy="-119.11036"
+           r="14.182178" />
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/src/index.tsx b/src/index.tsx
index 19c118e..4e1f35f 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -11,12 +11,7 @@ import {
   SmartList,
 } from './lib';
 
-import icon from './assets/icon.png';
-import icon2 from './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';
+import icon from './assets/icon.svg';
 
 
 const useStyles = makeStyles(theme => ({
@@ -25,11 +20,13 @@ const useStyles = makeStyles(theme => ({
   }
 }));
 
+
+const Icon = <img src={icon} width="32px" height="37px" alt="logo"/>
+
 const headerContents = {
-  home: <HomeIcon />,
-  'getting started': <PlayCircleFilledWhiteIcon />,
-  explore: <ExploreIcon />,
-  contribute: <GitHubIcon />,
+  home: null,
+  page: null,
+  'another page': null,
 };
 
 const renderItem = ({ index, style }: any) => {
@@ -38,9 +35,6 @@ const renderItem = ({ index, style }: any) => {
   );
 };
 
-const Icon1 = <img src={icon} width="32px" height="37px" alt="logo"/>
-const Icon2 = <img src={icon2} height="32px" alt="logo"/>
-
 const App = () => {
   const classes = useStyles();
   const [page, setPage] = useState('home');
@@ -49,7 +43,7 @@ const App = () => {
     <BenzinThemeProvider>
       <Header
         logo={{
-          icon: Icon1,
+          icon: Icon,
           title: 'BENZIN',
         }}
         contents={headerContents}
@@ -58,13 +52,15 @@ const App = () => {
       />
       <Window type="primary">
         <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>
+          <ContentSection sectionName="Library preview">
+            <p>
+              Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+            </p>
             <Button variant="contained" color="secondary">
-              Charge me up!
+              secondary
             </Button>
             <Button variant="contained" color="primary">
-              Learn more
+              primary
             </Button>
           </ContentSection>
         </div>
-- 
cgit v1.2.3