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

Fix cta

Browse Source
This commit is contained in:
samaradel
2021-09-30 18:05:02 +02:00
parent 3f11c2a0a5
commit c4f1910161
3 changed files with 6 additions and 172 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -4,11 +4,5 @@ title: Our Partners
image: ./our_partners.jpg
button: Check All Partners
link: /partners
button2: ''
link2: ''
button3: ''
link3: ''
button4: ''
link4: ''
---

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

@@ -1,10 +1,7 @@
<template>
<section class="px-4 text-center">
<div
class="w-full max-w-7xl mx-auto mt-10 px-2 py-16"
>
<h2
<div class="w-full max-w-7xl mx-auto mt-10 px-2 py-16">
<h2
v-if="cta.title"
class="
lg:text-6xl
@@ -17,32 +14,12 @@
{{ cta.title }}
</h2>
<g-image class="mx-auto w-3/4" :src="cta.image" />
<div
v-if="cta.content"
v-html="cta.content"
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="
@@ -86,141 +63,12 @@
>{{ cta.button }}</a
>
</div>
<div v-if="cta.button2" 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.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>
<script>
export default {
props: ["cta"],
props: ["id", "cta"],
};
</script>

10
src/pages/Index.vue
View File

@@ -47,8 +47,6 @@
/>
</div>
</div>
<div class="container-fluid sm:pxi-0 mx-auto overflow-x-hidden">
<CallToAction
v-if="$page.markdownPage.cta"
@@ -194,14 +192,8 @@
title
image
content
button
button2
button3
button4
link
link2
link3
link4
button
}
cta4{
id