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

get old cta back

Browse Source
This commit is contained in:
samaradel
2021-09-19 13:46:15 +02:00
parent 4f0f8d36d6
commit d314dd2d51
6 changed files with 217 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
content/page/home/cta2/cta2.md
View File

@@ -1,16 +1,15 @@
---
id: home_cta2
title: Technology for humanity to thrive and heal our planet
video_button: ""
video_link: ""
button: ""
link: ""
button2: ""
link2: ""
title: Join the ThreeFold Movement
image: ./cta_image.png
button: ThreeFold Connect
link: https://library.threefold.me/info/tfgrid/#/threefold__threefold_connect
button2: Buy the Token
link2: https://library.threefold.me/info/tfgrid/#/tokens/how_to_buy
button3: Grow the Grid
link3: https://threefold.io/farming
button4: Stay Updated
link4: https://t.me/threefoldnews
---
The ThreeFold Movement is building a new peer-to-peer digital world – starting with compute and storage developer solutions and communication tools to empower humans with ultra-secure, scalable, and affordable technologies.
<!-- button2: Spread our Message
link: ''
button3: Join our Community
link: '' -->
We are not a company, but more like humans helping other humans. Our mission is bold and motivates every step we take

BIN
content/page/home/cta2/cta_image.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 338 KiB

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

@@ -7,7 +7,6 @@ header_slogan: from zero
header_title: to one
header_image: ./home_bg.jpg
header_altImg: threefold
header_excerpt: The digital infrastructure for an interconnected world.
button: Expand the network

2
src/components/custom/Navbar/Navbar.vue
View File

@@ -17,7 +17,7 @@
'opacity-0': !disableScroll && scrollPosition < headerHeight,
}"
>
<div class="flex items-center justify-between px-4 py-2 lg:py-3 sm:p-0">
<div class="flex items-center justify-between px-4 lg:py-3 sm:p-0">
<div class="inline-flex items-center flex-shrink-0">
<a href="/">
<g-image

198
src/components/custom/sections/CallToAction.vue
View File

@@ -2,7 +2,7 @@
<section
class="pb-10 px-4 bg-cover text-center"
:class="{
pink: id == 'home',
pink: id == 'home' && !lastCta,
green: id == 'about-us' && lastCta,
}"
>
@@ -193,7 +193,10 @@
<!-- home -->
<div class="w-full mx-auto mt-10 py-16" v-else-if="id == 'home'">
<div
class="w-full mx-auto mt-10 py-16"
v-else-if="id == 'home' && !lastCta"
>
<h2
v-if="cta.title"
class="text-3xl uppercase leading-tight font-semibold font-heading"
@@ -470,6 +473,197 @@
</div>
</div>
<div
class="w-full max-w-7xl mx-auto mt-10 px-16"
v-else-if="id == 'home' && lastCta"
>
<g-image :src="cta.image" />
<h2
v-if="cta.title"
class="text-3xl mb-2 uppercase leading-tight font-semibold font-heading"
>
{{ cta.title }}
</h2>
<div v-html="cta.content" class="mt-6 mb-8 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-sm
learn-button
hover:bg-blue-800
text-gray-100
px-12
py-2
mr-5
mb-4
shadow
rounded-full
"
>{{ cta.video_button }}</a
>
</div>
<a
class="
inline-block
bg-white
text-sm
learn-button
hover:bg-gray-400
bo
px-12
py-1
mr-5
border-2
shadow
border-black
"
target="_blank"
v-if="cta.button && cta.link.includes('http')"
:href="cta.link"
>{{ cta.button }}</a
>
<a
class="
inline-block
bg-white
text-sm
learn-button
hover:bg-gray-400
bo
px-12
py-1
mr-5
border-2
shadow
border-black
"
v-else
:href="cta.link"
>{{ cta.button }}</a
>
<a
class="
inline-block
bg-white
text-sm
learn-button
hover:bg-gray-400
bo
px-12
py-1
mr-5
border-2
shadow
border-black
"
target="_blank"
v-if="cta.button2 && cta.link2.includes('http')"
:href="cta.link2"
>{{ cta.button2 }}</a
>
<a
class="
inline-block
bg-white
text-sm
learn-button
hover:bg-gray-400
bo
px-12
py-1
mr-5
border-2
shadow
border-black
"
v-else
:href="cta.link2"
>{{ cta.button2 }}</a
>
<a
class="
inline-block
bg-white
text-sm
learn-button
hover:bg-gray-400
bo
px-12
py-1
mr-5
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-sm
learn-button
hover:bg-gray-400
bo
px-12
py-1
mr-5
border-2
shadow
border-black
"
v-else
:href="cta.link3"
>{{ cta.button3 }}</a
>
<a
class="
inline-block
bg-white
text-sm
learn-button
hover:bg-gray-400
bo
px-12
py-1
mr-5
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-sm
learn-button
hover:bg-gray-400
bo
px-12
py-1
mr-5
border-2
shadow
border-black
"
v-else
:href="cta.link4"
>{{ cta.button4 }}</a
>
</div>
<!-- grid -->
<div class="w-full max-w-3xl mx-auto py-12" v-else-if="id == 'grid'">
<g-image :src="cta.image" class="mx-auto w-1/2 my-5" />

14
src/pages/Index.vue
View File

@@ -109,11 +109,12 @@
:src="$page.markdownPage.solution_image.src"
/> -->
<!-- <CallToAction
v-if="$page.markdownPage.cta"
<CallToAction
v-if="$page.markdownPage.cta2"
:id="$page.markdownPage.id"
:cta="$page.markdownPage.cta"
/> -->
:cta="$page.markdownPage.cta2"
:lastCta="true"
/>
</div>
</Layout>
</template>
@@ -195,15 +196,16 @@
cta2{
id
title
image
content
video_button
video_link
button
button2
button3
button4
link
link2
link3
link4
}
cta3{
id