update new support page2

This commit is contained in:
2021-11-04 16:57:03 +02:00
parent f5cb8ec693
commit 5bb551b482
4 changed files with 133 additions and 130 deletions

View File

@@ -4,7 +4,7 @@ title: BECOME A THREEFOLD
subtitle : PATHFINDER subtitle : PATHFINDER
image: pathfinder.jpg # src/assets/brandPanel/.. image: pathfinder.jpg # src/assets/brandPanel/..
btnTxt : Apply btnTxt : Apply
sourceUrl : '' sourceUrl : https://honf2dpejik.typeform.com/to/Hubtbirs
btnTxt2 : '' btnTxt2 : ''
sourceUrl2 : '' sourceUrl2 : ''
--- ---

View File

@@ -1,13 +1,13 @@
--- ---
id: support_faq id: support_faq
partners: partners:
- path: '' - path: https://t.me/threefold
logo: ./logos/for_caht.png logo: ./logos/for_caht.png
- path: '' - path: 'mailto:press@threefold.io'
logo: ./logos/for_press.png logo: ./logos/for_press.png
- path: '' - path: "mailto:info@threefold.io"
logo: ./logos/for_all.png logo: ./logos/for_all.png

View File

@@ -4,7 +4,7 @@
:class="{ :class="{
pink: id == 'home' && !lastCta, pink: id == 'home' && !lastCta,
green: id == 'mission' && lastCta, green: id == 'mission' && lastCta,
gry: id == 'developer', gray: id == 'developer',
}" }"
> >
<!-- mission --> <!-- mission -->
@@ -575,11 +575,12 @@
> >
</div> </div>
<!-- newsupport --> <!-- newsupport -->
<div <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" v-else-if="id == 'newsupport' && textOnly"
> >
<div class="gray py-10 lg:py-20">
<h2 <h2
v-if="cta.title" v-if="cta.title"
class=" class="
@@ -599,11 +600,11 @@
v-html="cta.content" v-html="cta.content"
class="mt-6 mb-8 text-xl lg:max-w-4xl mx-auto px-4" class="mt-6 mb-8 text-xl lg:max-w-4xl mx-auto px-4"
></div> ></div>
<div> <div class="mb-32">
<a <a
class=" class="
inline-block inline-block
bg-gray-200 bg-gray-300
text-lg text-lg
hover:bg-gray-400 hover:bg-gray-400
px-12 px-12
@@ -611,14 +612,13 @@
mx-3 mx-3
my-4 my-4
" "
:href="cta.faqlink" :href="cta.faqlink"
>{{ cta.faqbutton }}</a >{{ cta.faqbutton }}</a
> >
<a <a
class=" class="
inline-block inline-block
bg-gray-200 bg-gray-300
text-lg text-lg
hover:bg-gray-400 hover:bg-gray-400
px-12 px-12
@@ -633,7 +633,7 @@
<a <a
class=" class="
inline-block inline-block
bg-gray-200 bg-gray-300
text-lg text-lg
hover:bg-gray-400 hover:bg-gray-400
px-12 px-12
@@ -685,11 +685,14 @@
:href="cta.link" :href="cta.link"
>{{ cta.button }}</a >{{ cta.button }}</a
> --> > -->
</div>
<div> <div class="relative lg:mt-48 mt-28">
<g-image
<g-image :src="cta.image" class="lg:my-16 mx-auto" /> :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 <h2
v-if="cta.smalltitle" v-if="cta.smalltitle"
class=" class="
@@ -1781,7 +1784,7 @@ export default {
background-color: #70dfc9; background-color: #70dfc9;
} }
.gry { .gray {
background: #f2f2f2; background: #f2f2f2;
} }
</style> </style>

View File

@@ -23,9 +23,9 @@
class="max-w-screen-xl mx-auto py-12 px-4 sm:px-6 lg:py-24 lg:px-2"> class="max-w-screen-xl mx-auto py-12 px-4 sm:px-6 lg:py-24 lg:px-2">
<div <div
v-html="news.content" v-html="news.content"
class="text-center text-6xl font-semibold leading-tight font-heading" class="text-center lg:text-6xl text-4xl font-semibold leading-tight font-heading"
></div> ></div>
<div class="mt-6 grid grid-cols-2 gap-3 md:grid-cols-3 lg:mt-10 "> <div class="mt-6 grid grid-cols-1 gap-3 md:grid-cols-3 lg:mt-10 ">
<g-link <g-link
v-for="partner in news.partners" v-for="partner in news.partners"
:key="partner.id" :key="partner.id"