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

Add header

Browse Source
This commit is contained in:
samaradel
2021-10-04 14:44:47 +02:00
parent 1c8a8045f7
commit 0ee109210c
6 changed files with 77 additions and 195 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
content/page/home/from_zero.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 16 KiB

BIN
content/page/home/home-bg_new.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 342 KiB

27
content/page/home/home.md
View File

@@ -1,23 +1,16 @@
---
id: 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.
metaImg: ./home-bg_new.jpg
header_slogan: from
header_slogan2: zero
header_title: to
header_title2: one
header_image: ./home-bg_new.jpg
header_img2 : ./from_zero.png
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: ./new_home_header.jpg
header_slogan: Ready to serve all of humanity
header_title: WELCOME TO THE
header_title2: THREEFOLD GRID
header_image: ./new_home_header.jpg
header_altImg: threefold
header_excerpt: The digital infrastructure for an interconnected world.
button: Expand the Network
link: /grid
button2: Peer-to-Peer Cloud
link2: https://cloud.threefold.io/
button3: How it Works
link3: /how-it-works
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: Get Involved
link: '#'
cta2: home_cta2
productsMain: product
productData: [nodes_home, tokens_home, storage_home]
@@ -62,7 +55,5 @@ solution_image: ./home_header.png -->
<!-- solution_image3: ./carbon_neutral.png
header: carbon_neutral -->
<!-- logos: logo1
logosMain : logo_home -->

BIN
content/page/home/new_home_header.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 187 KiB

238
src/components/marketing/sections/cta-sections/Header.vue
View File

@@ -1,12 +1,5 @@
<template>
<section
class="mb-10 bg-no-repeats bg-home"
:style="[
id == 'home'
? { background: 'url(' + img + ') no-repeat' }
: { background: 'transparent' },
]"
>
<section class="mb-10 bg-no-repeats">
<div
class="flex flex-wrap text-center items-center pb-20 lg:text-left -mx-2"
v-if="id == 'why'"
@@ -256,168 +249,6 @@
</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
class="flex flex-wrap text-center lg:text-left lg:pt-10 -mx-2"
v-else-if="id == 'token'"
@@ -485,6 +316,73 @@
</div>
<g-image class="order-2 lg:order-none" :src="img" :alt="altImg" />
</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
class="flex flex-wrap text-center lg:text-left lg:mt-10 lg:pt-10 lg:mx-40"
v-else

7
src/pages/Index.vue
View File

@@ -98,19 +98,12 @@
metaImg
header_slogan
header_title
header_slogan2
header_title2
header_image
header_img2
header_excerpt
header_altImg
button
link
button2
link2
button3
link3
solution_image
# solution_image2
# solution_image3