diff options
Diffstat (limited to 'src')
| -rw-r--r-- | src/assets/icon.png | bin | 10550 -> 0 bytes | |||
| -rw-r--r-- | src/assets/icon.svg | 108 | ||||
| -rw-r--r-- | src/index.tsx | 32 |
3 files changed, 122 insertions, 18 deletions
diff --git a/src/assets/icon.png b/src/assets/icon.png Binary files differdeleted file mode 100644 index 4335637..0000000 --- a/src/assets/icon.png +++ /dev/null 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> |
