Add header
This commit is contained in:
samaradel
Binary file not shown.
|
Before Width: | Height: | Size: 16 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 342 KiB |
@@ -1,23 +1,16 @@
|
|||||||
---
|
---
|
||||||
id: home
|
id: home
|
||||||
metaTitle: ThreeFold | Home
|
metaTitle: ThreeFold | Home
|
||||||
metaDesc: ThreeFold is the engine for a planet positive and data sovereign Internet. A collaborative movement of people who care about a better future.
|
metaDesc: The world’s most advanced peer-to-peer and fully decentralized Internet infrastructure, now ready to host the world’s data and workloads.
|
||||||
metaImg: ./home-bg_new.jpg
|
metaImg: ./new_home_header.jpg
|
||||||
header_slogan: from
|
header_slogan: Ready to serve all of humanity
|
||||||
header_slogan2: zero
|
header_title: WELCOME TO THE
|
||||||
header_title: to
|
header_title2: THREEFOLD GRID
|
||||||
header_title2: one
|
header_image: ./new_home_header.jpg
|
||||||
header_image: ./home-bg_new.jpg
|
|
||||||
header_img2 : ./from_zero.png
|
|
||||||
|
|
||||||
header_altImg: threefold
|
header_altImg: threefold
|
||||||
header_excerpt: The digital infrastructure for an interconnected world.
|
header_excerpt: The world’s most advanced peer-to-peer and fully decentralized Internet infrastructure, now ready to host the world’s data and workloads.
|
||||||
button: Expand the Network
|
button: Get Involved
|
||||||
link: /grid
|
link: '#'
|
||||||
button2: Peer-to-Peer Cloud
|
|
||||||
link2: https://cloud.threefold.io/
|
|
||||||
button3: How it Works
|
|
||||||
link3: /how-it-works
|
|
||||||
cta2: home_cta2
|
cta2: home_cta2
|
||||||
productsMain: product
|
productsMain: product
|
||||||
productData: [nodes_home, tokens_home, storage_home]
|
productData: [nodes_home, tokens_home, storage_home]
|
||||||
@@ -62,7 +55,5 @@ solution_image: ./home_header.png -->
|
|||||||
<!-- solution_image3: ./carbon_neutral.png
|
<!-- solution_image3: ./carbon_neutral.png
|
||||||
header: carbon_neutral -->
|
header: carbon_neutral -->
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<!-- logos: logo1
|
<!-- logos: logo1
|
||||||
logosMain : logo_home -->
|
logosMain : logo_home -->
|
||||||
|
|||||||
BIN
content/page/home/new_home_header.jpg
Normal file
BIN
content/page/home/new_home_header.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 187 KiB |
@@ -1,12 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<section
|
<section class="mb-10 bg-no-repeats">
|
||||||
class="mb-10 bg-no-repeats bg-home"
|
|
||||||
:style="[
|
|
||||||
id == 'home'
|
|
||||||
? { background: 'url(' + img + ') no-repeat' }
|
|
||||||
: { background: 'transparent' },
|
|
||||||
]"
|
|
||||||
>
|
|
||||||
<div
|
<div
|
||||||
class="flex flex-wrap text-center items-center pb-20 lg:text-left -mx-2"
|
class="flex flex-wrap text-center items-center pb-20 lg:text-left -mx-2"
|
||||||
v-if="id == 'why'"
|
v-if="id == 'why'"
|
||||||
@@ -256,168 +249,6 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div
|
|
||||||
class="flex flex-wrap lg:pt-10 pb-10"
|
|
||||||
v-else-if="id == 'home'"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="lg:py-40 px-2 lg:mt-10 order-1 lg:order-none text-center mx-auto"
|
|
||||||
>
|
|
||||||
<!-- <div class="px-2 mt-20">
|
|
||||||
<g-image :src="img2" :alt="altImg" />
|
|
||||||
</div> -->
|
|
||||||
<h2 class="text-9xl uppercase mt-10 mb-0 leading-none font-normal text-left
|
|
||||||
">
|
|
||||||
{{ slogan }}
|
|
||||||
<span class="font-extrabold">{{ slogan2 }}</span>
|
|
||||||
|
|
||||||
</h2>
|
|
||||||
<h2 class="text-9xl uppercase mb-6 mt-0 leading-none font-normal text-right
|
|
||||||
">
|
|
||||||
{{ title }}
|
|
||||||
<span class="font-extrabold">{{ title2 }}</span>
|
|
||||||
</h2>
|
|
||||||
|
|
||||||
<div class="mb-8 text-xl leading-relaxed" v-html="excerpt"></div>
|
|
||||||
|
|
||||||
<div v-if="link" class="inline-block">
|
|
||||||
<a
|
|
||||||
v-if="link.includes('http')"
|
|
||||||
target="_blank"
|
|
||||||
class="
|
|
||||||
inline-block
|
|
||||||
bg-white
|
|
||||||
lg:text-lg
|
|
||||||
learn-button
|
|
||||||
hover:bg-gray-400
|
|
||||||
bo
|
|
||||||
px-12
|
|
||||||
py-1
|
|
||||||
mr-5
|
|
||||||
mb-2
|
|
||||||
border-2
|
|
||||||
shadow
|
|
||||||
border-black
|
|
||||||
"
|
|
||||||
:href="link"
|
|
||||||
>{{ button }}</a
|
|
||||||
>
|
|
||||||
<a
|
|
||||||
v-else
|
|
||||||
class="
|
|
||||||
inline-block
|
|
||||||
bg-white
|
|
||||||
lg:text-lg
|
|
||||||
learn-button
|
|
||||||
hover:bg-gray-400
|
|
||||||
bo
|
|
||||||
px-12
|
|
||||||
py-1
|
|
||||||
mr-5
|
|
||||||
mb-2
|
|
||||||
border-2
|
|
||||||
shadow
|
|
||||||
border-black
|
|
||||||
"
|
|
||||||
:href="link"
|
|
||||||
>{{ button }}</a
|
|
||||||
>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div v-if="link2" class="inline-block">
|
|
||||||
<a
|
|
||||||
v-if="link2.includes('http')"
|
|
||||||
target="_blank"
|
|
||||||
class="
|
|
||||||
inline-block
|
|
||||||
bg-white
|
|
||||||
lg:text-lg
|
|
||||||
learn-button
|
|
||||||
hover:bg-gray-400
|
|
||||||
bo
|
|
||||||
px-12
|
|
||||||
py-1
|
|
||||||
mr-5
|
|
||||||
mb-2
|
|
||||||
border-2
|
|
||||||
shadow
|
|
||||||
border-black
|
|
||||||
"
|
|
||||||
:href="link2"
|
|
||||||
>{{ button2 }}</a
|
|
||||||
>
|
|
||||||
<a
|
|
||||||
v-else
|
|
||||||
class="
|
|
||||||
inline-block
|
|
||||||
bg-white
|
|
||||||
lg:text-lg
|
|
||||||
learn-button
|
|
||||||
hover:bg-gray-400
|
|
||||||
bo
|
|
||||||
px-12
|
|
||||||
py-1
|
|
||||||
mr-5
|
|
||||||
mb-2
|
|
||||||
border-2
|
|
||||||
shadow
|
|
||||||
border-black
|
|
||||||
"
|
|
||||||
:href="link2"
|
|
||||||
>{{ button2 }}</a
|
|
||||||
>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div v-if="link3" class="inline-block">
|
|
||||||
<a
|
|
||||||
v-if="link3.includes('http')"
|
|
||||||
target="_blank"
|
|
||||||
class="
|
|
||||||
inline-block
|
|
||||||
bg-white
|
|
||||||
lg:text-lg
|
|
||||||
learn-button
|
|
||||||
hover:bg-gray-400
|
|
||||||
bo
|
|
||||||
px-12
|
|
||||||
py-1
|
|
||||||
mr-5
|
|
||||||
mb-2
|
|
||||||
border-2
|
|
||||||
shadow
|
|
||||||
border-black
|
|
||||||
"
|
|
||||||
:href="link3"
|
|
||||||
>{{ button3 }}</a
|
|
||||||
>
|
|
||||||
<a
|
|
||||||
v-else
|
|
||||||
class="
|
|
||||||
inline-block
|
|
||||||
bg-white
|
|
||||||
lg:text-lg
|
|
||||||
learn-button
|
|
||||||
hover:bg-gray-400
|
|
||||||
bo
|
|
||||||
px-12
|
|
||||||
py-1
|
|
||||||
mr-5
|
|
||||||
mb-2
|
|
||||||
border-2
|
|
||||||
shadow
|
|
||||||
border-black
|
|
||||||
"
|
|
||||||
:href="link3"
|
|
||||||
>{{ button3 }}</a
|
|
||||||
>
|
|
||||||
</div>
|
|
||||||
<!-- <a class="text-gray-600 hover:underline" href="#">Learn more</a> -->
|
|
||||||
</div>
|
|
||||||
<!-- <div class="lg:w-3/5 px-2 self-center">
|
|
||||||
<g-image :src="img" :alt="altImg" />
|
|
||||||
</div> -->
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div
|
<div
|
||||||
class="flex flex-wrap text-center lg:text-left lg:pt-10 -mx-2"
|
class="flex flex-wrap text-center lg:text-left lg:pt-10 -mx-2"
|
||||||
v-else-if="id == 'token'"
|
v-else-if="id == 'token'"
|
||||||
@@ -485,6 +316,73 @@
|
|||||||
</div>
|
</div>
|
||||||
<g-image class="order-2 lg:order-none" :src="img" :alt="altImg" />
|
<g-image class="order-2 lg:order-none" :src="img" :alt="altImg" />
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="flex flex-wrap text-center lg:text-left lg:pt-10 -mx-2"
|
||||||
|
v-else-if="id == 'home'"
|
||||||
|
>
|
||||||
|
<div class="px-3 lg:mt-5 order-1 lg:order-none mx-auto text-center">
|
||||||
|
<h2
|
||||||
|
class="
|
||||||
|
text-8xl
|
||||||
|
font-light
|
||||||
|
uppercase
|
||||||
|
mb-6
|
||||||
|
mt-20
|
||||||
|
leading-none
|
||||||
|
font-heading
|
||||||
|
"
|
||||||
|
>
|
||||||
|
{{ title }}
|
||||||
|
<span class="block leading-none font-bold">{{ title2 }}</span>
|
||||||
|
</h2>
|
||||||
|
|
||||||
|
<h3 class="text-5xl leading-none font-light">{{ slogan }}</h3>
|
||||||
|
<div class="mb-8 mx-auto text-xl max-w-2xl" v-html="excerpt"></div>
|
||||||
|
|
||||||
|
<a
|
||||||
|
v-if="link.includes('http')"
|
||||||
|
target="_blank"
|
||||||
|
class="
|
||||||
|
inline-block
|
||||||
|
bg-white
|
||||||
|
text-lg
|
||||||
|
learn-button
|
||||||
|
hover:bg-gray-400
|
||||||
|
px-12
|
||||||
|
py-1
|
||||||
|
mr-5
|
||||||
|
mb-4
|
||||||
|
border-2
|
||||||
|
shadow
|
||||||
|
border-black
|
||||||
|
"
|
||||||
|
:href="link"
|
||||||
|
>{{ button }}</a
|
||||||
|
>
|
||||||
|
<a
|
||||||
|
v-else
|
||||||
|
class="
|
||||||
|
inline-block
|
||||||
|
bg-white
|
||||||
|
text-lg
|
||||||
|
learn-button
|
||||||
|
hover:bg-gray-400
|
||||||
|
px-12
|
||||||
|
py-1
|
||||||
|
mr-5
|
||||||
|
mb-4
|
||||||
|
border-2
|
||||||
|
shadow
|
||||||
|
border-black
|
||||||
|
"
|
||||||
|
:href="link"
|
||||||
|
>{{ button }}</a
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
<g-image class="order-2 lg:order-none" :src="img" :alt="altImg" />
|
||||||
|
</div>
|
||||||
|
|
||||||
<div
|
<div
|
||||||
class="flex flex-wrap text-center lg:text-left lg:mt-10 lg:pt-10 lg:mx-40"
|
class="flex flex-wrap text-center lg:text-left lg:mt-10 lg:pt-10 lg:mx-40"
|
||||||
v-else
|
v-else
|
||||||
|
|||||||
@@ -98,19 +98,12 @@
|
|||||||
metaImg
|
metaImg
|
||||||
header_slogan
|
header_slogan
|
||||||
header_title
|
header_title
|
||||||
header_slogan2
|
|
||||||
header_title2
|
header_title2
|
||||||
header_image
|
header_image
|
||||||
header_img2
|
|
||||||
header_excerpt
|
header_excerpt
|
||||||
header_altImg
|
header_altImg
|
||||||
button
|
button
|
||||||
link
|
link
|
||||||
button2
|
|
||||||
link2
|
|
||||||
button3
|
|
||||||
link3
|
|
||||||
|
|
||||||
solution_image
|
solution_image
|
||||||
# solution_image2
|
# solution_image2
|
||||||
# solution_image3
|
# solution_image3
|
||||||
|
|||||||
Reference in New Issue
Block a user