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

fix

Browse Source
This commit is contained in:
Ehab Hassan
2021-09-30 16:43:26 +02:00
parent e6399b466d
commit 0b573c29e9
9 changed files with 234 additions and 82 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
content/page/home/cta3/cta3.md
View File

@@ -1,17 +1,14 @@
---
id: home_cta3
title: ''
title2: ''
button: Explore the ThreeFold Universe
link: /universe
title: Our Partners
image: ./our_partners.png
button: Check All Partners
link: /partners
button2: ''
link2: ''
button3: ''
link3: ''
button4: ''
link4: ''
---
<!-- button2: Spread our Message
link: ''
button3: Join our Community
link: '' -->

0
content/page/token/logos/logo1/our_partners.png → content/page/home/cta3/our_partners.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 228 KiB

After

Width:  |  Height:  |  Size: 228 KiB

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

@@ -27,8 +27,7 @@ cta4: home_cta4
cta5: home_cta5
comparisonMain: comparison
comparisonSecs: [private, equal, sustainable]
logos: logo1
logosMain : logo_home
inTheNews: in_the_news
solution_image: ./cta_image.png
cta: home_cta
@@ -62,3 +61,6 @@ solution_image: ./home_header.png -->
header: carbon_neutral -->
<!-- solution_image2: ./qsfs.svg -->
<!-- logos: logo1
logosMain : logo_home -->

BIN
content/page/home/logos/logo1/our_partners.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 228 KiB

1
content/page/token/logos/main/main.md
View File

@@ -3,5 +3,6 @@ id: partnersMain
title: Believers in TFT
button: Check All Partners
link : /partners
image: ./our_partners.png
---

BIN
content/page/token/logos/main/our_partners.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 228 KiB

231
src/components/custom/sections/CallToActionbg1.vue
View File

@@ -1,77 +1,220 @@
<template>
<section class="px-4 bg-cover text-center">
<div class="w-full mx-auto tft_section2">
<h2 class="text-9xl mb-2 leading-none font-heading mx-auto">
{{ cta.title1 }}
<br />
{{ cta.title2 }}
<section class="px-4 text-center">
<div
class="w-full max-w-7xl mx-auto mt-10 px-2 py-16"
>
<h2
v-if="cta.title"
class="
lg:text-6xl
mb-2
uppercase
leading-tight
font-semibold font-heading
"
>
{{ cta.title }}
</h2>
<g-image class="mx-auto" :src="cta.image" />
<div
v-html="cta.content"
class="text-gray-800 mb-4 text-2xl tft_subtitle"
class="mt-6 mb-8 mx-auto text-xl text-gray-800"
></div>
<div class="mt-8 tracking-wide leading-loose" v-if="cta.video_button">
<a
@click="toggleModal"
class="
inline-block
cursor-pointer
bg-blue-900
text-lg
learn-button
hover:bg-blue-800
text-gray-100
px-12
py-2
mr-5
my-2
shadow
rounded-full
"
>{{ cta.video_button }}</a
>
</div>
<div v-if="cta.button" class="inline-block">
<a
class="
inline-block
bg-gray-900
text-2xl
bg-white
text-lg
learn-button
hover:bg-gray-800
text-gray-100
px-16
hover:bg-gray-400
bo
px-12
py-1
mb-4
mr-5
my-2
border-2
shadow
rounded-full
tft_subtitle
tracking-wide
border-black
"
target="_blank"
v-if="cta.button"
v-if="cta.button && cta.link.includes('http')"
:href="cta.link"
>{{ cta.button }}</a
>
<g-link
<a
class="
inline-block
bg-gray-900
text-2xl
bg-white
text-lg
learn-button
hover:bg-gray-800
text-gray-100
px-16
hover:bg-gray-400
bo
px-12
py-1
mb-4
mr-5
my-2
border-2
shadow
rounded-full
tft_subtitle
tracking-wide
border-black
"
v-if="cta.button2"
:to="cta.link2"
>{{ cta.button2 }}</g-link
v-else
:href="cta.link"
>{{ cta.button }}</a
>
<g-link
</div>
<div v-if="cta.button2" class="inline-block">
<a
class="
inline-block
bg-gray-900
text-2xl
bg-white
text-lg
learn-button
hover:bg-gray-800
text-gray-100
px-16
hover:bg-gray-400
bo
px-12
py-1
mb-4
mr-5
my-2
border-2
shadow
rounded-full
tft_subtitle
tracking-wide
border-black
"
v-if="cta.button3"
:to="cta.link3"
>{{ cta.button3 }}</g-link
target="_blank"
v-if="cta.button2 && cta.link2.includes('http')"
:href="cta.link2"
>{{ cta.button2 }}</a
>
<a
class="
inline-block
bg-white
text-lg
learn-button
hover:bg-gray-400
bo
px-12
py-1
mr-5
my-2
border-2
shadow
border-black
"
v-else
:href="cta.link2"
>{{ cta.button2 }}</a
>
</div>
<div v-if="cta.button3" class="inline-block">
<a
class="
inline-block
bg-white
text-lg
learn-button
hover:bg-gray-400
bo
px-12
py-1
mr-5
my-2
border-2
shadow
border-black
"
target="_blank"
v-if="cta.button3 && cta.link3.includes('http')"
:href="cta.link3"
>{{ cta.button3 }}</a
>
<a
class="
inline-block
bg-white
text-lg
learn-button
hover:bg-gray-400
bo
px-12
py-1
mr-5
my-2
border-2
shadow
border-black
"
v-else
:href="cta.link3"
>{{ cta.button3 }}</a
>
</div>
<div v-if="cta.button4" class="inline-block">
<a
class="
inline-block
bg-white
text-lg
learn-button
hover:bg-gray-400
bo
px-12
py-1
mr-5
my-2
border-2
shadow
border-black
"
target="_blank"
v-if="cta.button4 && cta.link4.includes('http')"
:href="cta.link4"
>{{ cta.button4 }}</a
>
<a
class="
inline-block
bg-white
text-lg
learn-button
hover:bg-gray-400
bo
px-12
py-1
mr-5
my-2
border-2
shadow
border-black
"
v-else
:href="cta.link4"
>{{ cta.button4 }}</a
>
</div>
</div>
</section>
</template>

12
src/pages/Index.vue
View File

@@ -31,12 +31,18 @@
:products="$page.markdownPage.productData"
/>
<logoShowcase
<!-- <logoShowcase
v-if="$page.markdownPage.logos"
:id="$page.markdownPage.id"
:logos="$page.markdownPage.logos"
:main="$page.markdownPage.logosMain"
/> -->
<CallToActionbg1
v-if="$page.markdownPage.cta3"
:id="$page.markdownPage.id"
:cta="$page.markdownPage.cta3"
/>
</div>
</div>
@@ -181,14 +187,16 @@
cta3{
id
title
title2
image
content
button
button2
button3
button4
link
link2
link3
link4
}
cta4{
id

1
src/templates/MarkdownPage.vue
View File

@@ -394,6 +394,7 @@
logosMain {
id
title
image
button
link
}