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

update new support page2

Browse Source
This commit is contained in:
Ehab Hassan
2021-11-04 16:57:03 +02:00
parent f5cb8ec693
commit 5bb551b482
4 changed files with 133 additions and 130 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -4,7 +4,7 @@
:class="{
pink: id == 'home' && !lastCta,
green: id == 'mission' && lastCta,
gry: id == 'developer',
gray: id == 'developer',
}"
>
<!-- mission -->
@@ -575,79 +575,79 @@
>
</div>
<!-- newsupport -->
<!-- newsupport -->
<div
class="w-full mx-auto lg:mt-20 py-10 lg:p-20 bg-gray-100"
class="w-full mx-auto lg:mt-20 py-10"
v-else-if="id == 'newsupport' && textOnly"
>
<h2
v-if="cta.title"
class="
lg:text-6xl
text-center
uppercase
mb-2
leading-none
font-normal font-heading
"
>
{{ cta.title }}
<br />
<span class="font-bold">{{ cta.subtitle }}</span>
</h2>
<div
v-html="cta.content"
class="mt-6 mb-8 text-xl lg:max-w-4xl mx-auto px-4"
></div>
<div>
<a
<div class="gray py-10 lg:py-20">
<h2
v-if="cta.title"
class="
inline-block
bg-gray-200
text-lg
hover:bg-gray-400
px-12
py-1
mx-3
my-4
lg:text-6xl
text-center
uppercase
mb-2
leading-none
font-normal font-heading
"
:href="cta.faqlink"
>{{ cta.faqbutton }}</a
>
<a
class="
inline-block
bg-gray-200
text-lg
hover:bg-gray-400
px-12
py-1
mx-3
my-4
"
target="_blank"
:href="cta.faqlink2"
>{{ cta.faqbutton2 }}</a
>
<a
class="
inline-block
bg-gray-200
text-lg
hover:bg-gray-400
px-12
py-1
mx-3
my-4
"
target="_blank"
:href="cta.faqlink3"
>{{ cta.faqbutton3 }}</a
>
</div>
{{ cta.title }}
<br />
<span class="font-bold">{{ cta.subtitle }}</span>
</h2>
<div
v-html="cta.content"
class="mt-6 mb-8 text-xl lg:max-w-4xl mx-auto px-4"
></div>
<div class="mb-32">
<a
class="
inline-block
bg-gray-300
text-lg
hover:bg-gray-400
px-12
py-1
mx-3
my-4
"
:href="cta.faqlink"
>{{ cta.faqbutton }}</a
>
<a
class="
inline-block
bg-gray-300
text-lg
hover:bg-gray-400
px-12
py-1
mx-3
my-4
"
target="_blank"
:href="cta.faqlink2"
>{{ cta.faqbutton2 }}</a
>
<a
class="
inline-block
bg-gray-300
text-lg
hover:bg-gray-400
px-12
py-1
mx-3
my-4
"
target="_blank"
:href="cta.faqlink3"
>{{ cta.faqbutton3 }}</a
>
</div>
<!-- <a
<!-- <a
class="
inline-block
bg-white
@@ -685,65 +685,68 @@
:href="cta.link"
>{{ cta.button }}</a
> -->
<div>
<g-image :src="cta.image" class="lg:my-16 mx-auto" />
</div>
<div class="relative lg:mt-48 mt-28">
<g-image
:src="cta.image"
class="lg:my-16 mx-auto absolute inset-x-0 bottom-0 h-60 w-60 "
/>
</div>
<div class="mt-40">
<h2
v-if="cta.smalltitle"
class="
lg:text-5xl
text-center
uppercase
mb-8
leading-none
font-normal font-heading
"
>
{{ cta.smalltitle }}
<br />
<span class="font-bold">{{ cta.smalltitle2 }}</span>
</h2>
v-if="cta.smalltitle"
class="
lg:text-5xl
text-center
uppercase
mb-8
leading-none
font-normal font-heading
"
>
{{ cta.smalltitle }}
<br />
<span class="font-bold">{{ cta.smalltitle2 }}</span>
</h2>
<a
class="
inline-block
bg-white
text-lg
learn-button
hover:bg-gray-400
px-12
py-1
my-4
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
px-12
py-1
my-4
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
px-12
py-1
my-4
border-2
shadow
border-black
"
v-else
:href="cta.link2"
>{{ cta.button2 }}</a
>
<a
class="
inline-block
bg-white
text-lg
learn-button
hover:bg-gray-400
px-12
py-1
my-4
border-2
shadow
border-black
"
v-else
:href="cta.link2"
>{{ cta.button2 }}</a
>
</div>
</div>
@@ -1781,7 +1784,7 @@ export default {
background-color: #70dfc9;
}
.gry {
.gray {
background: #f2f2f2;
}
</style>