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

2
content/page/newcommunity/brandPanel2/index.md
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 : ''
--- ---

6
content/page/newsupport/InTheNews/inTheNews.md
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

251
src/components/custom/sections/CallToAction.vue
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,79 +575,79 @@
> >
</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"
> >
<h2 <div class="gray py-10 lg:py-20">
v-if="cta.title" <h2
class=" v-if="cta.title"
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
class=" class="
inline-block lg:text-6xl
bg-gray-200 text-center
text-lg uppercase
hover:bg-gray-400 mb-2
px-12 leading-none
py-1 font-normal font-heading
mx-3
my-4
" "
:href="cta.faqlink"
>{{ cta.faqbutton }}</a
> >
<a {{ cta.title }}
class=" <br />
inline-block <span class="font-bold">{{ cta.subtitle }}</span>
bg-gray-200 </h2>
text-lg <div
hover:bg-gray-400 v-html="cta.content"
px-12 class="mt-6 mb-8 text-xl lg:max-w-4xl mx-auto px-4"
py-1 ></div>
mx-3 <div class="mb-32">
my-4 <a
" class="
target="_blank" inline-block
:href="cta.faqlink2" bg-gray-300
>{{ cta.faqbutton2 }}</a text-lg
> hover:bg-gray-400
<a px-12
class=" py-1
inline-block mx-3
bg-gray-200 my-4
text-lg "
hover:bg-gray-400 :href="cta.faqlink"
px-12 >{{ cta.faqbutton }}</a
py-1 >
mx-3 <a
my-4 class="
" inline-block
target="_blank" bg-gray-300
:href="cta.faqlink3" text-lg
>{{ cta.faqbutton3 }}</a hover:bg-gray-400
> px-12
</div> 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=" class="
inline-block inline-block
bg-white bg-white
@@ -685,65 +685,68 @@
: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="
lg:text-5xl lg:text-5xl
text-center text-center
uppercase uppercase
mb-8 mb-8
leading-none leading-none
font-normal font-heading font-normal font-heading
" "
> >
{{ cta.smalltitle }} {{ cta.smalltitle }}
<br /> <br />
<span class="font-bold">{{ cta.smalltitle2 }}</span> <span class="font-bold">{{ cta.smalltitle2 }}</span>
</h2> </h2>
<a <a
class=" class="
inline-block inline-block
bg-white bg-white
text-lg text-lg
learn-button learn-button
hover:bg-gray-400 hover:bg-gray-400
px-12 px-12
py-1 py-1
my-4 my-4
border-2 border-2
shadow shadow
border-black border-black
" "
target="_blank" target="_blank"
v-if="cta.button2 && cta.link2.includes('http')" v-if="cta.button2 && cta.link2.includes('http')"
:href="cta.link2" :href="cta.link2"
>{{ cta.button2 }}</a >{{ cta.button2 }}</a
> >
<a <a
class=" class="
inline-block inline-block
bg-white bg-white
text-lg text-lg
learn-button learn-button
hover:bg-gray-400 hover:bg-gray-400
px-12 px-12
py-1 py-1
my-4 my-4
border-2 border-2
shadow shadow
border-black border-black
" "
v-else v-else
:href="cta.link2" :href="cta.link2"
>{{ cta.button2 }}</a >{{ cta.button2 }}</a
> >
</div> </div>
</div> </div>
@@ -1781,7 +1784,7 @@ export default {
background-color: #70dfc9; background-color: #70dfc9;
} }
.gry { .gray {
background: #f2f2f2; background: #f2f2f2;
} }
</style> </style>

4
src/components/marketing/sections/logo-clouds/off_white_grid.vue
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"