ourworld_web/www_threefold_io
23
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

updated home layout per new mockup

Browse Source
This commit is contained in:
Vilnite
2021-03-25 12:30:20 +03:00
parent f4a437f13b
commit 6430d2bdc8
2 changed files with 42 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
content/page/home/home.md
View File

@@ -1,20 +1,22 @@
--- ---
id: home id: home
header_altImg: ''
solution_image: ./home_header.png
header: home_header
logos: [logo1, logo2, logo3, logo4, logo5, logo6]
productsMain: product
productData: [product1, product6, product3, product2, product5, product4]
header_title: Join the P2P Economy header_title: Join the P2P Economy
header_image: ./token.png header_image: ./token.png
header_altImg: threefold
header_excerpt: TFT fuels the ThreeFold ecosystem and represents a unit of compute and storage capacity on the ThreeFold Grid. Get your TFT now to start your journey on the new Internet. header_excerpt: TFT fuels the ThreeFold ecosystem and represents a unit of compute and storage capacity on the ThreeFold Grid. Get your TFT now to start your journey on the new Internet.
button: More about TFT button: More about TFT
link: /farming/token #link updated link: /farming/token
productsMain: product
productData: [product1, product6, product3, product2, product5, product4]
logos: [logo1, logo2, logo3, logo4, logo5, logo6]
brandPanel: brand_panel
comparisonMain: comparison comparisonMain: comparison
comparisonSecs: [section1, section2, section3] comparisonSecs: [section1, section2, section3]
brandPanel: brand_panel
inTheNews: in_the_news inTheNews: in_the_news
solution_image2: ./cta_image.png solution_image: ./cta_image.png
cta: home_cta cta: home_cta
--- ---
<!-- header: home_header
solution_image: ./home_header.png -->

62
src/pages/Index.vue
View File

@@ -1,20 +1,18 @@
<template> <template>
<Layout :hideHeader="true" :disableScroll="true"> <Layout :hideHeader="true" :disableScroll="true">
<div class="container-fluid sm:pxi-0 mx-auto overflow-x-hidden">
<g-image
v-if="$page.markdownPage.solution_image"
:src="$page.markdownPage.solution_image.src"
/>
</div>
<div class="container sm:pxi-0 mx-auto overflow-x-hidden py-5"> <div class="container sm:pxi-0 mx-auto overflow-x-hidden py-5">
<SolutionsHeader <!-- <SolutionsHeader
v-if="$page.markdownPage.header" v-if="$page.markdownPage.header"
:header="$page.markdownPage.header" :header="$page.markdownPage.header"
/> /> -->
<logoShowcase <Header
v-if="$page.markdownPage.logos.length > 0" :title="$page.markdownPage.header_title"
:logos="$page.markdownPage.logos" :image="$page.markdownPage.header_image"
:altImg="$page.markdownPage.header_altImg"
:excerpt="$page.markdownPage.header_excerpt"
:button="$page.markdownPage.button"
:link="$page.markdownPage.link"
/> />
<ShowcaseProducts <ShowcaseProducts
@@ -26,13 +24,14 @@
" "
/> />
<Header <logoShowcase
:title="$page.markdownPage.header_title" v-if="$page.markdownPage.logos.length > 0"
:image="$page.markdownPage.header_image" :logos="$page.markdownPage.logos"
:altImg="$page.markdownPage.header_altImg" />
:excerpt="$page.markdownPage.header_excerpt"
:button="$page.markdownPage.button" <BrandPanel
:link="$page.markdownPage.link" :brand="$page.markdownPage.brandPanel"
v-if="$page.markdownPage.brandPanel"
/> />
<Comparison <Comparison
@@ -44,16 +43,11 @@
:sections="$page.markdownPage.comparisonSecs" :sections="$page.markdownPage.comparisonSecs"
/> />
<BrandPanel
:brand="$page.markdownPage.brandPanel"
v-if="$page.markdownPage.brandPanel"
/>
<!-- <NewCard <!-- <NewCard
v-for="card in $page.markdownPage.cards" v-for="card in $page.markdownPage.cards"
:key="card.id" :key="card.id"
:card="card" :card="card"
/> --> /> -->
<!-- <SolutionsHeader <!-- <SolutionsHeader
v-if="$page.markdownPage.headerSolution" v-if="$page.markdownPage.headerSolution"
@@ -68,12 +62,11 @@
<!-- <SignUp <!-- <SignUp
v-if="$page.markdownPage.signup" v-if="$page.markdownPage.signup"
:signup="$page.markdownPage.signup" :signup="$page.markdownPage.signup"
/> --> /> -->
</div>
<div class="container-fluid sm:pxi-0 mx-auto overflow-x-hidden">
<g-image <g-image
v-if="$page.markdownPage.solution_image2" v-if="$page.markdownPage.solution_image"
:src="$page.markdownPage.solution_image2.src" :src="$page.markdownPage.solution_image.src"
/> />
<CallToAction <CallToAction
@@ -96,7 +89,6 @@
button button
link link
solution_image solution_image
solution_image2
header{ header{
title title
subtitle subtitle
@@ -227,4 +219,12 @@ export default {
.container-fluid { .container-fluid {
max-width: 100% !important; max-width: 100% !important;
} }
</style> </style>
<!-- <div class="container-fluid sm:pxi-0 mx-auto overflow-x-hidden">
<g-image
v-if="$page.markdownPage.solution_image"
:src="$page.markdownPage.solution_image.src"
/>
</div> -->