1
0
mirror of https://github.com/oceanprotocol/market.git synced 2024-06-26 03:06:49 +02:00

front page cleanup

This commit is contained in:
Matthias Kretschmann 2020-06-30 13:43:02 +02:00
parent 10c34d74af
commit 4aa885ff4f
Signed by: m
GPG Key ID: 606EEEF3C479A91F
7 changed files with 3 additions and 133 deletions

View File

@ -7,17 +7,13 @@
"siteImage": "../src/images/share.png",
"copyright": "All Rights Reserved. Powered by [Ocean Protocol](https://oceanprotocol.com)",
"menu": [
{
"name": "Explore",
"link": "/explore"
},
{
"name": "Publish",
"link": "/publish"
},
{
"name": "Transactions",
"link": "/transactions"
"name": "History",
"link": "/history"
}
]
}

View File

@ -1,46 +0,0 @@
.actions {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(17rem, 1fr));
gap: var(--spacer);
margin: 0 auto;
}
.action {
composes: box from '../atoms/Box.module.css';
text-align: center;
color: var(--color-secondary);
font-size: var(--font-size-small);
}
.action:hover,
.action:focus {
border-color: var(--color-primary);
}
.action button {
pointer-events: none;
margin-top: calc(var(--spacer) / 4);
}
.actionTitle {
font-size: var(--font-size-large);
margin-bottom: calc(var(--spacer) / 4);
}
.action svg {
width: 5rem;
height: 5rem;
margin-bottom: calc(var(--spacer) / 1.5);
}
.comingSoon {
composes: action;
pointer-events: none;
opacity: 0.5;
}
.comingSoon button {
background: none;
border: 0;
color: var(--color-secondary);
}

View File

@ -1,60 +1,6 @@
import React, { ReactElement } from 'react'
import { Link } from 'gatsby'
import shortid from 'shortid'
import Button from '../atoms/Button'
import SearchBar from '../molecules/SearchBar'
import { ReactComponent as Explore } from '../../images/explore.svg'
import { ReactComponent as Publish } from '../../images/publish.svg'
import { ReactComponent as DataPool } from '../../images/datapool.svg'
import styles from './Home.module.css'
const actions = [
{
title: 'Explore Data Sets',
text: 'Browse and consume a wide range of logistics data.',
link: '/explore',
action: 'Explore Now',
icon: <Explore />
},
{
title: 'Monetize Your Data',
text: 'Publish and monetize on your data to open up new revenue streams.',
link: '/publish',
action: 'Publish Data',
icon: <Publish />,
primary: true
},
{
title: 'Data Pool',
text: 'Create or join data pools to generate more revenue.',
link: '/',
action: 'Coming Soon',
icon: <DataPool />,
comingSoon: true
}
]
export default function HomePage(): ReactElement {
return (
<>
<SearchBar large />
<div className={styles.actions}>
{actions.map((action) => (
<Link
key={shortid.generate()}
to={action.link}
className={action.comingSoon ? styles.comingSoon : styles.action}
>
{action.icon}
<h3 className={styles.actionTitle}>{action.title}</h3>
<p>{action.text}</p>
<Button style={action.primary ? 'primary' : null}>
{action.action}
</Button>
</Link>
))}
</div>
</>
)
return <SearchBar large />
}

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 9.8 KiB

View File

@ -1,6 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="86" height="120" viewBox="0 0 86 120">
<g fill="none" fill-rule="evenodd">
<path fill="#FF4092" d="M85.0478,34.0192 L85.0478,110.5622 C85.0478,115.2574 81.2413,119.0653 76.5446,119.067 L8.5048,119.067 C3.8096,119.067 0.0017,115.2605 0,110.5637 L0,8.505 C0,3.81 3.8065,0.002 8.5033,-1.42108547e-14 L51.0287,-1.42108547e-14 L51.0287,25.5144 C51.0287,30.2096 54.8353,34.0175 59.532,34.0191 L85.0478,34.0192 Z M56.1923,99.02 L65.3046,99.02 L65.3046,65.6083 L56.1923,65.6083 L56.1923,99.02 Z M37.9678,99.02 L47.0801,99.02 L47.0801,53.4587 L37.9678,53.4587 L37.9678,99.02 Z M19.7433,99.02 L28.8556,99.02 L28.8556,71.6832 L19.7433,71.6832 L19.7433,99.02 Z"/>
<path fill="#7B1173" d="M85.0478,34.0192 L59.5335,34.0192 C54.8383,34.0192 51.0304,30.2126 51.0287,25.5159 L51.0287,-1.42108547e-14 L85.0478,34.0192 Z"/>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 877 B

View File

@ -1,4 +0,0 @@
<svg width="76" height="47" viewBox="0 0 76 47" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M62.2831 20.3571L66.0598 27.8581L71.75 31.6252V38.6785H69.3501C68.5059 36.3065 66.2277 34.6071 63.55 34.6071C60.8723 34.6071 58.5941 36.3065 57.7499 38.6785H48.8501C48.0059 36.3065 45.7277 34.6071 43.05 34.6071C40.3723 34.6071 38.0941 36.3065 37.2499 38.6785H34.85V20.3571H62.2831ZM71.75 42.7499H69.3501C68.5059 45.1219 66.2277 46.8214 63.55 46.8214C60.8723 46.8214 58.5941 45.1219 57.7499 42.7499H48.8501C48.0059 45.1219 45.7277 46.8214 43.05 46.8214C40.3723 46.8214 38.0941 45.1219 37.2499 42.7499H34.85C32.5856 42.7499 30.75 40.9272 30.75 38.6785V20.3571C30.75 18.1085 32.5856 16.2856 34.85 16.2856H62.2831C63.836 16.2856 65.2556 17.1569 65.9501 18.5363L69.2402 25.0704L75.85 29.4461V38.6785C75.85 40.9272 74.0144 42.7499 71.75 42.7499ZM45.1 40.7142C45.1 41.8385 44.1822 42.7499 43.05 42.7499C41.9178 42.7499 41 41.8385 41 40.7142C41 39.5899 41.9178 38.6785 43.05 38.6785C44.1822 38.6785 45.1 39.5899 45.1 40.7142ZM65.6 40.7142C65.6 41.8385 64.6822 42.7499 63.55 42.7499C62.4178 42.7499 61.5 41.8385 61.5 40.7142C61.5 39.5899 62.4178 38.6785 63.55 38.6785C64.6822 38.6785 65.6 39.5899 65.6 40.7142Z" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.187 28.6647L12.3 30.5347L14.413 28.6647C21.1603 22.6935 24.6 17.3893 24.6 12.4242C24.6 5.37516 19.1523 0 12.3 0C5.44761 0 0 5.37516 0 12.4242C0 17.3893 3.43968 22.6935 10.187 28.6647ZM12.3 4.07143C16.8938 4.07143 20.5 7.62959 20.5 12.4242C20.5 15.8231 17.8391 20.0455 12.3 25.0741C6.7609 20.0455 4.1 15.8231 4.1 12.4242C4.1 7.62959 7.70611 4.07143 12.3 4.07143ZM12.3 6.10714C15.6965 6.10714 18.45 8.84141 18.45 12.2143C18.45 15.5872 15.6965 18.3214 12.3 18.3214C8.90346 18.3214 6.15 15.5872 6.15 12.2143C6.15 8.84141 8.90346 6.10714 12.3 6.10714ZM10.25 12.2143C10.25 11.09 11.1678 10.1786 12.3 10.1786C13.4322 10.1786 14.35 11.09 14.35 12.2143C14.35 13.3386 13.4322 14.25 12.3 14.25C11.1678 14.25 10.25 13.3386 10.25 12.2143Z" />
</svg>

Before

Width:  |  Height:  |  Size: 2.0 KiB

View File

@ -1,10 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="117" height="115" viewBox="0 0 117 115">
<g fill="none" fill-rule="evenodd">
<path fill="#7E7E7E" d="M85.9309 17.3457016C85.4489 17.3464 84.9971 17.1114 84.7209 16.7164 79.4554 9.183 71.2241 4.257 62.097 3.175 52.9699 2.094 43.8153 4.961 36.9354 11.055 36.3413 11.59 35.4293 11.555 34.8785 10.976 34.3276 10.396 34.3384 9.483 34.9028 8.917L34.9053 8.915C34.9262 8.894 34.9476 8.874 34.9695 8.854 42.4784 2.198 52.4722-.934 62.4369.244 72.4017 1.423 81.389 6.8 87.1384 15.0237 87.4539 15.4743 87.4926 16.063 87.2389 16.551 86.9851 17.039 86.4809 17.3453 85.9309 17.3457016zM57.334 114.520907C45.8481 114.5125 35.0873 108.9061 28.4986 99.498 28.0311 98.8305 28.1934 97.9104 28.8609 97.443 29.5285 96.9756 30.4485 97.1378 30.916 97.8053 36.1825 105.3397 44.4158 110.2667 53.5447 111.3468 62.6736 112.4268 71.8293 109.5573 78.7087 103.46 79.3078 102.9072 80.2417 102.9447 80.7946 103.5439 81.3474 104.1431 81.3099 105.077 80.7107 105.6298 80.6822 105.6568 80.6527 105.6828 80.6222 105.7077 74.1965 111.3914 65.9127 114.5264 57.334 114.520907z"/>
<path fill="#7b1173" d="M93.1154,33.0352 C93.8805,33.0352 94.6438,33.0727 95.4053,33.1477 C96.1668,33.2227 96.9227,33.3349 97.6732,33.4841 C98.4236,33.6334 99.165,33.8191 99.8972,34.0412 C100.629,34.2633 101.349,34.5208 102.056,34.8136 C102.763,35.1064 103.454,35.4331 104.128,35.7938 C104.803,36.1545 105.459,36.5474 106.095,36.9725 C106.731,37.3976 107.345,37.8529 107.936,38.3383 C108.528,38.8237 109.094,39.3369 109.635,39.8779 C110.176,40.419 110.689,40.9852 111.175,41.5767 C111.66,42.1682 112.115,42.782 112.541,43.4182 C112.966,44.0544 113.359,44.7099 113.719,45.3847 C114.08,46.0595 114.407,46.7504 114.699,47.4573 C114.992,48.1642 115.25,48.8837 115.472,49.6159 C115.694,50.3481 115.88,51.0895 116.029,51.8399 C116.178,52.5903 116.29,53.3463 116.365,54.1078 C116.44,54.8692 116.478,55.6325 116.478,56.3977 C116.478,57.1628 116.44,57.9261 116.365,58.6876 C116.29,59.4491 116.178,60.205 116.029,60.9555 C115.88,61.7059 115.694,62.4473 115.472,63.1795 C115.25,63.9117 114.992,64.6312 114.699,65.3381 C114.407,66.045 114.08,66.7359 113.719,67.4107 C113.359,68.0855 112.966,68.741 112.541,69.3772 C112.115,70.0134 111.66,70.6272 111.175,71.2187 C110.689,71.8101 110.176,72.3764 109.635,72.9174 C109.094,73.4585 108.528,73.9717 107.936,74.4571 C107.345,74.9425 106.731,75.3978 106.095,75.8229 C105.459,76.248 104.803,76.6409 104.128,77.0015 C103.454,77.3622 102.763,77.689 102.056,77.9818 C101.349,78.2746 100.629,78.5321 99.8972,78.7542 C99.165,78.9763 98.4236,79.162 97.6732,79.3112 C96.9227,79.4605 96.1668,79.5727 95.4053,79.6477 C94.6438,79.7227 93.8805,79.7602 93.1154,79.7602 C92.3502,79.7602 91.5869,79.7227 90.8255,79.6477 C90.064,79.5727 89.308,79.4605 88.5576,79.3112 C87.8072,79.162 87.0658,78.9763 86.3336,78.7542 C85.6014,78.5321 84.8819,78.2746 84.175,77.9818 C83.4681,77.689 82.7772,77.3622 82.1024,77.0015 C81.4276,76.6409 80.7721,76.248 80.1359,75.8229 C79.4997,75.3978 78.8859,74.9425 78.2944,74.4571 C77.7029,73.9717 77.1367,73.4585 76.5956,72.9174 C76.0546,72.3764 75.5414,71.8102 75.056,71.2187 C74.5706,70.6272 74.1153,70.0134 73.6902,69.3772 C73.2651,68.741 72.8722,68.0855 72.5115,67.4107 C72.1508,66.7359 71.8241,66.045 71.5313,65.3381 C71.2385,64.6312 70.981,63.9117 70.7589,63.1795 C70.5368,62.4473 70.3511,61.7059 70.2018,60.9555 C70.0526,60.205 69.9404,59.4491 69.8654,58.6876 C69.7904,57.9261 69.7529,57.1628 69.7529,56.3977 C69.7529,55.6325 69.7904,54.8692 69.8654,54.1078 C69.9404,53.3463 70.0526,52.5903 70.2018,51.8399 C70.3511,51.0895 70.5368,50.3481 70.7589,49.6159 C70.981,48.8837 71.2385,48.1642 71.5313,47.4573 C71.8241,46.7504 72.1508,46.0595 72.5115,45.3847 C72.8722,44.7099 73.2651,44.0544 73.6902,43.4182 C74.1153,42.782 74.5706,42.1682 75.056,41.5767 C75.5414,40.9852 76.0546,40.419 76.5956,39.8779 C77.1367,39.3369 77.7029,38.8237 78.2944,38.3383 C78.8859,37.8529 79.4997,37.3976 80.1359,36.9725 C80.7721,36.5474 81.4276,36.1545 82.1024,35.7938 C82.7772,35.4331 83.4681,35.1064 84.175,34.8136 C84.8819,34.5208 85.6014,34.2633 86.3336,34.0412 C87.0658,33.8191 87.8072,33.6334 88.5576,33.4841 C89.308,33.3349 90.064,33.2227 90.8255,33.1477 C91.5869,33.0727 92.3502,33.0352 93.1154,33.0352 Z"/>
<polygon fill="#7E7E7E" points="79.688 104.564 73.575 98.45 85.91 98.45 85.91 110.786"/>
<polygon fill="#7E7E7E" points="35.949 9.958 42.062 16.072 29.729 16.072 29.729 3.736"/>
<path fill="#e000cf" d="M39.3473,41.3522 L39.3473,59.7594 C39.3473,64.1491 36.411,69.6921 32.7911,72.1612 L19.6737,81.1053 L6.5587,72.1612 C2.9363,69.6921 0,64.122 0,59.7594 L0,41.3227 L19.6737,31.6875 L39.3473,41.3522 Z"/>
<path fill="#FFF" d="M93.1671 54.7844C90.6833 54.7831 88.6708 52.7687 88.6717 50.2849 88.6726 47.8011 90.6866 45.7882 93.1704 45.7887 95.6533 45.7887 97.667 47.8019 97.6674 50.2857 97.6672 51.1006 98.3277 51.7614 99.1426 51.7617 99.9575 51.7619 100.618 51.1015 100.619 50.2865 100.613 46.7423 98.1159 43.6906 94.6427 42.9847L94.6427 41.0325C94.6427 40.2177 93.9821 39.557 93.1671 39.557 92.3522 39.557 91.6916 40.2177 91.6916 41.0325L91.6916 42.9849C87.9409 43.7434 85.375 47.2202 85.7559 51.0278 86.1368 54.8353 89.3406 57.735 93.1671 57.7355 95.6516 57.7286 97.6712 59.7372 97.6781 62.2217 97.6848 64.7062 95.6762 66.7258 93.1917 66.7326 93.1839 66.7325 93.176 66.7325 93.1671 66.7325L93.1425 66.7325C90.6696 66.7166 88.6723 64.7089 88.6692 62.2359 88.6692 61.4209 88.0086 60.7603 87.1937 60.7603 86.3788 60.7603 85.7181 61.421 85.7181 62.2359 85.7229 65.7793 88.2192 68.8307 91.6916 69.5372L91.6916 71.7628C91.6916 72.5777 92.3522 73.2383 93.1671 73.2383 93.9821 73.2383 94.6427 72.5777 94.6427 71.7628L94.6427 69.5375C98.3898 68.7747 100.951 65.2993 100.571 61.4943 100.19 57.6893 96.9911 54.79 93.1671 54.7844zM17.2931 63.0990018C16.9079 63.0996 16.5378 62.9489 16.2625 62.6795L10.3186 56.8782C9.7354 56.309 9.724 55.3748 10.2932 54.7916 10.8624 54.2084 11.7967 54.197 12.3799 54.7662L17.2929 59.5617 26.9672 50.1144C27.5501 49.545 28.4843 49.5561 29.0537 50.1391 29.623 50.7221 29.612 51.6563 29.029 52.2257L18.324 62.6797C18.0485 62.9491 17.6784 63.0996 17.2931 63.0990018z"/>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 6.0 KiB