Commit 9377b4f7 authored by Wolf's avatar Wolf 💯
Browse files

added eco

parent fdcdc4d4
This diff is collapsed.
<svg
class="logo"
xmlns="http://www.w3.org/2000/svg"
height="50"
:viewBox="full ? '0 0 835 190' : '0 0 222 190'"
>
<g fill="none">
<g class="logo__icon">
<path
d="M157.272625,107.263942 C157.998992,107.263942 158.45262,108.051463 158.088736,108.68075 L111.33839,189.528945 C111.169808,189.820485 110.858795,190 110.522279,190 L81.9443812,190 C81.2180145,190 80.764386,189.212478 81.1282705,188.583191 L127.878616,107.734996 C128.047199,107.443456 128.358211,107.263942 128.694727,107.263942 L157.272625,107.263942 Z M129.477721,84.0901367 C129.141205,84.0901367 128.830192,83.9106218 128.66161,83.6190818 L81.1282705,1.41680884 C80.764386,0.787521511 81.2180145,0 81.9443812,0 L110.522279,0 C110.858795,0 111.169808,0.179514873 111.33839,0.471054898 L158.87173,82.6733278 C159.235614,83.3026152 158.781986,84.0901367 158.055619,84.0901367 L129.477721,84.0901367 Z"
/>
<path
d="M135.128406 1.41635199C134.76385.787064228 135.218932 0 135.947343 0L164.565951 0C164.903712 0 165.215845.179714185 165.384888.47151174L219.873006 94.5275799C220.042331 94.8198642 220.042331 95.1801358 219.873006 95.4724201L165.384888 189.528488C165.215845 189.820286 164.903712 190 164.565951 190L135.947343 190C135.218932 190 134.76385 189.212936 135.128406 188.583648L189.342845 95 135.128406 1.41635199zM111.870216 94.5240823C112.042446 94.816752 112.043313 95.1785591 111.872487 95.4720377L57.1252257 189.528106C56.7599958 190.155572 55.8478414 190.157723 55.4796094 189.531986L.129783614 95.4759177C-.0424457704 95.183248-.0433125021 94.8214409.127512727 94.5279623L54.8747743.471894257C55.2400042-.15557243 56.1521586-.157723129 56.5203906.468014185L111.870216 94.5240823z"
/>
</g>
<path
v-if="full"
:style="`${dark ? 'fill: white;' : ''}`"
class="logo__text"
fill-rule="nonzero"
d="M371.507904,36 L403.108995,36 L403.108995,152.798507 L371.507904,152.798507 L371.507904,107.24709 L326.601091,107.24709 L326.601091,152.798507 L295,152.798507 L295,36 L326.601091,36 L326.601091,78.2143177 L371.507904,78.2143177 L371.507904,36 Z M469.637608,36 L500.822895,36 L500.822895,152.798507 L469.637608,152.798507 L469.637608,36 Z M602.709958,152.798507 L556.956412,37.5016951 L556.956412,36 L591.229977,36 L619.846741,115.25613 L648.463504,36 L682.73707,36 L682.73707,37.5016951 L636.983523,152.798507 L602.709958,152.798507 Z M769.500274,124.099446 L834.505467,124.099446 L834.505467,152.798507 L737.831077,152.798507 L737.831077,36 L833.338707,36 L833.338707,64.6990618 L769.500274,64.6990618 L769.500274,80.8839979 L810.003509,80.8839979 L810.003509,107.5808 L769.500274,107.5808 L769.500274,124.099446 Z"
/>
</g>
</svg>
\ No newline at end of file
......@@ -5,7 +5,10 @@
target="_blank"
rel="nofollow noopener noreferrer"
class="statWebsite__inner"
:class="{'statWebsite__inner--hover': hover}"
:class="{
'statWebsite__inner--hover': hover,
'statWebsite__inner--transparent': transparent,
}"
@mouseenter="hover = true"
@mouseleave="hover = false"
>
......@@ -53,6 +56,7 @@ export default defineComponent({
type: Object,
default: () => {},
},
transparent: Boolean,
},
setup(_props) {
......@@ -93,6 +97,11 @@ export default defineComponent({
&--hover {
transform: translateY(-10%);
}
&--transparent {
background: transparent;
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
}
}
&__icons {
......
import {EcoType, IEcoItem} from '~/types'
/**
* Hive Blockchain Explorers
*/
export const BLOCKEXPLORERS = [
export const BLOCKEXPLORERS: IEcoItem[] = [
{
id: 'hiveblocks',
name: 'HiveBlocks',
website: 'https://hiveblocks.com',
description: 'Block explorer for Hive.',
image: 'redhive.png',
types: [EcoType.tools],
},
{
id: 'hiveblockexplorer',
name: 'Hive Blockexplorer',
website: 'https://hiveblockexplorer.com',
description: 'Block explorer for Hive.',
image: 'blackhive.png',
types: [EcoType.tools],
},
]
import {IEcoItem} from '~/types/index'
import {BLOCKEXPLORERS} from './blockexplorers'
import {IEcoItem, EcoType} from '~/types/index'
/**
* Hive Ecosystem
......@@ -10,7 +11,7 @@ export const ECOSYSTEM: IEcoItem[] = [
description: 'A digital trading card game built on blockchain technology.',
image: 'splinterlands.png',
website: 'https://splinterlands.com',
types: ['game', 'nft'],
types: [EcoType.game, EcoType.nft],
featured: true,
},
{
......@@ -19,7 +20,7 @@ export const ECOSYSTEM: IEcoItem[] = [
description: 'Decentralized social media with true ownership.',
image: 'peakd.svg',
website: 'https://peakd.com',
types: ['social'],
types: [EcoType.social],
featured: true,
},
{
......@@ -29,7 +30,7 @@ export const ECOSYSTEM: IEcoItem[] = [
'Communities without borders. A social network owned and operated by its users.',
image: 'blackhive.png',
website: 'https://hive.blog',
types: ['social'],
types: [EcoType.social],
featured: false,
},
{
......@@ -39,7 +40,7 @@ export const ECOSYSTEM: IEcoItem[] = [
'A digital art marketplace that makes creating and collecting rare digital art simple and accessible.',
image: 'nftshowroom.png',
website: 'https://nftshowroom.com',
types: ['nft'],
types: [EcoType.nft],
featured: true,
},
{
......@@ -48,7 +49,7 @@ export const ECOSYSTEM: IEcoItem[] = [
description: 'Tokenised video communities.',
image: 'threespeak.svg',
website: 'https://3speak.co',
types: ['social', 'video'],
types: [EcoType.social, EcoType.video],
featured: true,
},
{
......@@ -58,7 +59,7 @@ export const ECOSYSTEM: IEcoItem[] = [
'Hot topics on a social network owned and operated by its users.',
image: 'ecency.svg',
website: 'https://ecency.com',
types: ['social'],
types: [EcoType.social],
featured: true,
},
{
......@@ -68,7 +69,7 @@ export const ECOSYSTEM: IEcoItem[] = [
'A social platform where users get paid for creating, and interacting with crypto and finance content.',
image: 'leofinance.png',
website: 'https://leofinance.io',
types: ['social'],
types: [EcoType.social],
featured: true,
},
{
......@@ -77,7 +78,7 @@ export const ECOSYSTEM: IEcoItem[] = [
description: 'Soccer manager built on the Hive blockchain.',
image: 'rabona.png',
website: 'https://rabona.io',
types: ['game'],
types: [EcoType.game],
featured: true,
},
{
......@@ -86,7 +87,7 @@ export const ECOSYSTEM: IEcoItem[] = [
description: 'Craft beer brewing business card game.',
image: 'cryptobrewmaster.png',
website: 'https://www.cryptobrewmaster.io/',
types: ['game'],
types: [EcoType.game],
featured: true,
},
......@@ -96,7 +97,7 @@ export const ECOSYSTEM: IEcoItem[] = [
description: 'Micro-blogging for Hive.',
image: 'dbuzz.png',
website: 'https://d.buzz',
types: ['social'],
types: [EcoType.social],
},
{
id: 'travelfeed',
......@@ -104,7 +105,7 @@ export const ECOSYSTEM: IEcoItem[] = [
description: 'TravelFeed makes travel blogging easy and fun.',
image: 'travelfeed.png',
website: 'https://travelfeed.io',
types: ['social'],
types: [EcoType.social],
},
{
id: 'truvvl',
......@@ -113,7 +114,7 @@ export const ECOSYSTEM: IEcoItem[] = [
'With truvvl stories, swiping through your favorite travel blogs is fun.',
image: 'truvvl.svg',
website: 'https://truvvl.com',
types: ['social'],
types: [EcoType.social],
},
// {
// id: 'stemsocial',
......@@ -129,7 +130,7 @@ export const ECOSYSTEM: IEcoItem[] = [
description: 'Power your wordpress blog with blockchain technology.',
image: 'exxp.svg',
website: 'https://exxp.io',
types: ['tools'],
types: [EcoType.social],
},
{
id: 'actifit',
......@@ -137,7 +138,7 @@ export const ECOSYSTEM: IEcoItem[] = [
description: 'An innovative dapp that rewards your everyday activity.',
image: 'actifit.png',
website: 'https://actifit.io',
types: ['social'],
types: [EcoType.social],
},
{
id: 'dlease',
......@@ -146,7 +147,7 @@ export const ECOSYSTEM: IEcoItem[] = [
'Invest with confidence using our state of the art Digital Asset Leasing platform.',
image: 'dlease.png',
website: 'https://dlease.io',
types: ['defi'],
types: [EcoType.defi],
},
{
id: 'engrave',
......@@ -155,7 +156,7 @@ export const ECOSYSTEM: IEcoItem[] = [
'Create blog and start earning money in three simple steps with HIVE blockchain technology.',
image: 'engrave.png',
website: 'https://dblog.org',
types: ['tools'],
types: [EcoType.social],
},
{
......@@ -164,7 +165,15 @@ export const ECOSYSTEM: IEcoItem[] = [
description: 'A set of tools to help tokenise the web.',
image: 'fullalt.png',
website: 'https://www.fullalt.com',
types: ['tools'],
types: [EcoType.tools],
},
{
id: 'dcrops',
name: 'dCrops',
description: 'A decentralized farm simulator.',
image: 'dcrops.svg',
website: 'https://dcrops.com',
types: [EcoType.game, EcoType.nft],
},
{
id: 'lucksacks',
......@@ -173,7 +182,7 @@ export const ECOSYSTEM: IEcoItem[] = [
'Host a custom poker league, tournament, ring game or sit-n-go.',
image: 'lucksacks.png',
website: 'https://lucksacks.com',
types: ['game'],
types: [EcoType.game],
},
{
......@@ -182,7 +191,7 @@ export const ECOSYSTEM: IEcoItem[] = [
description: 'A Science, Technology, Engineering, and Math community.',
image: 'stemgeeks.png',
website: 'https://stemgeeks.net',
types: ['social'],
types: [EcoType.social],
},
{
id: 'dcity',
......@@ -190,7 +199,7 @@ export const ECOSYSTEM: IEcoItem[] = [
description: 'Build your dCITY on NFT assets.',
image: 'dcity.png',
website: 'https://dcity.io',
types: ['game'],
types: [EcoType.game],
},
{
......@@ -200,7 +209,7 @@ export const ECOSYSTEM: IEcoItem[] = [
'Go from poor busker to super star with this crypto currency trading card game.',
image: 'risingstar.png',
website: 'https://www.risingstargame.com/',
types: ['game'],
types: [EcoType.game],
},
{
id: 'nftmart',
......@@ -208,7 +217,7 @@ export const ECOSYSTEM: IEcoItem[] = [
description: 'An NFT market for Hive. Mostly card games.',
image: 'nftmart.png',
website: 'https://www.nftm.art/',
types: ['nft'],
types: [EcoType.nft],
},
{
id: 'vimm',
......@@ -216,7 +225,7 @@ export const ECOSYSTEM: IEcoItem[] = [
description: 'Web3 video platform for gamers and independent creators.',
image: 'vimm.png',
website: 'https://www.vimm.tv/',
types: ['social', 'video'],
types: [EcoType.social, EcoType.video],
},
{
id: 'dlux',
......@@ -225,9 +234,9 @@ export const ECOSYSTEM: IEcoItem[] = [
'Build, post, and monetize virtual reality experiences without needing to know any code.',
image: 'dlux.svg',
website: 'https://www.dlux.io/',
types: ['tools'],
types: [EcoType.tools],
},
]
].concat(BLOCKEXPLORERS)
export const TYPE_COLORS = {
game: {
......@@ -262,11 +271,7 @@ export const TYPE_COLORS = {
background: '#faea7e8c',
text: '#faea7e8c',
},
app: {
background: '#faea7e8c',
text: '#faea7e8c',
},
extension: {
explorer: {
background: '#faea7e8c',
text: '#faea7e8c',
},
......
......@@ -28,3 +28,10 @@ export const STATISTIC_WEBSITES = [
image: 'hivedapps-com.svg',
},
]
export const HIVE_PROJECTS = {
id: 'hiveprojects',
name: 'HiveProjects.io',
website: 'https://hiveprojects.io',
image: 'hiveprojects.png',
}
......@@ -33,7 +33,7 @@ export default {
eco: {
title: 'Hive Ecosystem',
text:
'Hive has a thriving ecosystem of apps, communities & individuals, leveraging the Hive blockchain & decentralised structure.',
'Below is a selection of apps & communities leveraging Hive.',
subTitle: 'Interested in statistics?',
subText:
'Thousands of people across numerous dApps are using Hive every day.',
......
......@@ -37,6 +37,13 @@
app-type="eco"
/>
</div>
<h2 style="margin-top: 40px">But wait, there's more...</h2>
<p>
Over <b>126 projects</b> have been BUIDL'd by the Hive community. You
can view all of them via HiveProjects.io
</p>
<StatWebsite :item="HIVE_PROJECTS" :transparent="true" />
<h2 class="eco__subTitle">{{ $t(`eco.subTitle`) }}</h2>
<p class="eco__subText">
{{ $t(`eco.subText`) }}
......@@ -63,7 +70,12 @@ import {
computed,
useAsync,
} from '@nuxtjs/composition-api'
import {ECOSYSTEM, STATISTIC_WEBSITES, TYPE_COLORS} from '../helpers/var'
import {
ECOSYSTEM,
STATISTIC_WEBSITES,
TYPE_COLORS,
HIVE_PROJECTS,
} from '../helpers/var'
import {routerPush} from '~/helpers/util'
import EcoDetailed from '~/components/app/ecoDetailed.vue'
......@@ -108,6 +120,7 @@ export default defineComponent({
appTypes,
ECOSYSTEM,
STATISTIC_WEBSITES,
HIVE_PROJECTS,
}
},
methods: {
......@@ -138,13 +151,14 @@ export default defineComponent({
margin-top: 100px;
padding: 0 0 20px 0;
max-width: 720px;
min-height: 160px;
min-height: 120px;
width: 100%;
text-align: center;
}
&__text {
max-width: 820px;
margin-bottom: 0;
}
&__types {
......
> Hive Red
HEX: #E31337
RGB: 227 / 19/ 55
CMYK: 0 / 91.63 / 75.77 / 10.98
> Hive Black
HEX: #212529
RGB: 33 / 37 / 41
CMYK: 19.51 / 9.76 / 0 / 83.92
> Hive White
HEX: #ffffff
RGB: 255 / 255 / 255
CMYK: 0 / 0 / 0 / 0
> Hive LightGrey
HEX: #f0f0f8
RGB: 240 / 240 / 248
CMYK: 3.23 / 3.23 / 0 / 2.75
> Hive Grey
HEX: #e7e7f1
RGB: 231 / 231 / 241
CMYK: 4.15 / 4.15 / 0 / 5.49
> Font Logo
Ridley Grotesk ExtraBold
> Font Body
Work Sans (Google)
\ No newline at end of file
{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}
\ No newline at end of file
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 218.26 189.74"><defs><style>.cls-1{fill:#00960f;}</style></defs><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="cls-1" d="M157.13,107.34a.36.36,0,0,0-.3-.17H127.54a.35.35,0,0,0-.3.17l-47,81.35a.36.36,0,0,0,.31.53h29.28a.37.37,0,0,0,.31-.18l47-81.35A.36.36,0,0,0,157.13,107.34Z"/><path class="cls-1" d="M128,83.39a.34.34,0,0,0,.3.18h29.29a.35.35,0,0,0,.3-.18.36.36,0,0,0,0-.35L110.14.34a.38.38,0,0,0-.31-.17H80.55a.38.38,0,0,0-.31.17.36.36,0,0,0,0,.35Z"/><path class="cls-1" d="M218.21,94.52,163.94.34a.37.37,0,0,0-.31-.17h-29.2a.35.35,0,0,0-.3.17.32.32,0,0,0,0,.35l54.17,94-54.17,94a.32.32,0,0,0,0,.35.34.34,0,0,0,.3.18h29.2a.35.35,0,0,0,.31-.18l54.27-94.17A.36.36,0,0,0,218.21,94.52Z"/><path class="cls-1" d="M110.62,94.69,55.34.17A.38.38,0,0,0,55,0h0a.36.36,0,0,0-.3.17L.05,94.7a.32.32,0,0,0,0,.35l55.28,94.52a.38.38,0,0,0,.31.17h0a.36.36,0,0,0,.3-.17L110.62,95A.32.32,0,0,0,110.62,94.69Z"/></g></g></svg>
\ No newline at end of file
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment