update home css
This commit is contained in:
@@ -6,107 +6,17 @@ navLinks:
|
||||
external: false
|
||||
expandable: false
|
||||
|
||||
- name: Grid
|
||||
- name: ThreeFold Grid
|
||||
link: /grid
|
||||
external: false
|
||||
expandable: false
|
||||
|
||||
- name: Token
|
||||
link: ""
|
||||
link: /token
|
||||
external: false
|
||||
expandable: true
|
||||
submenu:
|
||||
- title: Token Introduction
|
||||
path: /token
|
||||
- title: Buy TFT
|
||||
path: https://threefold.io/info/threefold#/threefold__how_to_buy_and_sell
|
||||
external: true
|
||||
- title: Tokenomics
|
||||
path: https://threefold.io/info/threefold#/threefold__tokenomics
|
||||
external: true
|
||||
- title: Distribution
|
||||
path: https://threefold.io/info/threefold#/threefold__token_overview
|
||||
external: true
|
||||
- title: FAQ / Forum
|
||||
path: https://forum.threefold.io/c/threefold-token/tft-faq/57
|
||||
external: true
|
||||
expandable: false
|
||||
|
||||
|
||||
- name: Farming
|
||||
link: "" # /dropdown
|
||||
external: false
|
||||
expandable: true
|
||||
submenu:
|
||||
- title: Grid Introduction
|
||||
path: https://threefold.io/farming/
|
||||
external: true
|
||||
- title: Start Farming
|
||||
path: https://threefold.io/farming/farming
|
||||
external: true
|
||||
- title: Get a 3Node
|
||||
path: https://threefold.io/farming/get_3node
|
||||
external: true
|
||||
- title: FAQ / Forum
|
||||
path: https://forum.threefold.io/c/farming/farming-faq/53
|
||||
external: true
|
||||
- title: Explorer
|
||||
path: https://explorer.threefold.io/
|
||||
external: true
|
||||
|
||||
- name: Use
|
||||
link: "https://cloud.threefold.io/"
|
||||
external: true
|
||||
expandable: true
|
||||
submenu:
|
||||
- title: Partners
|
||||
path: /partners
|
||||
- title: Cloud
|
||||
path: https://cloud.threefold.io
|
||||
external: true
|
||||
- title: Marketplace
|
||||
path: https://threefold.io/marketplace
|
||||
external: true
|
||||
- title: Digital Twin
|
||||
path: https://mydigitaltwin.io/
|
||||
external: true
|
||||
- title: Developers (SDK)
|
||||
path: https://sdk.threefold.io/
|
||||
external: true
|
||||
# - title: Kubernetes Cloud
|
||||
# path: https://threefold.io/info/cloud#/cloud__evdc
|
||||
# external: true
|
||||
# - title: Quantum-Safe Storage
|
||||
# path: https://threefold.io/info/cloud#/cloud__threefold_filesystem
|
||||
# external: true
|
||||
|
||||
# - name: Partners
|
||||
# link: "/partners" # /dropdown
|
||||
# external: false
|
||||
# expandable: false
|
||||
|
||||
- name: Technology
|
||||
link: "" # /dropdown
|
||||
external: false
|
||||
expandable: true
|
||||
submenu:
|
||||
- title: Grid Technology
|
||||
path: https://threefold.io/info/threefold#/internet4__technology
|
||||
external: true
|
||||
- title: Zero-OS
|
||||
path: https://threefold.io/info/threefold#/internet4__tfgrid_primitives
|
||||
external: true
|
||||
- title: Smart Contract for IT
|
||||
path: https://threefold.io/info/threefold#/internet4__smartcontract_it
|
||||
external: true
|
||||
- title: P2P Network
|
||||
path: https://threefold.io/info/threefold#/internet4__planetary_network
|
||||
external: true
|
||||
- title: Web2 vs Web3 vs P2P
|
||||
path: https://threefold.io/info/threefold#/threefold__grid_compare
|
||||
external: true
|
||||
- title: FAQ / Forum
|
||||
path: https://forum.threefold.io/c/technical-discussion/technical-faq/55
|
||||
external: true
|
||||
|
||||
- name: Community
|
||||
link: "" # /dropdown
|
||||
external: false
|
||||
@@ -215,4 +125,100 @@ social:
|
||||
|
||||
- title: ThreeFold Tech
|
||||
path: https://threefold.tech
|
||||
external: true -->
|
||||
external: true -->
|
||||
<!--
|
||||
- name: Token
|
||||
link: ""
|
||||
external: false
|
||||
expandable: true
|
||||
submenu:
|
||||
- title: Token Introduction
|
||||
path: /token
|
||||
- title: Buy TFT
|
||||
path: https://threefold.io/info/threefold#/threefold__how_to_buy_and_sell
|
||||
external: true
|
||||
- title: Tokenomics
|
||||
path: https://threefold.io/info/threefold#/threefold__tokenomics
|
||||
external: true
|
||||
- title: Distribution
|
||||
path: https://threefold.io/info/threefold#/threefold__token_overview
|
||||
external: true
|
||||
- title: FAQ / Forum
|
||||
path: https://forum.threefold.io/c/threefold-token/tft-faq/57
|
||||
external: true
|
||||
|
||||
- name: Farming
|
||||
link: "" # /dropdown
|
||||
external: false
|
||||
expandable: true
|
||||
submenu:
|
||||
- title: Grid Introduction
|
||||
path: https://threefold.io/farming/
|
||||
external: true
|
||||
- title: Start Farming
|
||||
path: https://threefold.io/farming/farming
|
||||
external: true
|
||||
- title: Get a 3Node
|
||||
path: https://threefold.io/farming/get_3node
|
||||
external: true
|
||||
- title: FAQ / Forum
|
||||
path: https://forum.threefold.io/c/farming/farming-faq/53
|
||||
external: true
|
||||
- title: Explorer
|
||||
path: https://explorer.threefold.io/
|
||||
external: true
|
||||
|
||||
- name: Use
|
||||
link: "https://cloud.threefold.io/"
|
||||
external: true
|
||||
expandable: true
|
||||
submenu:
|
||||
- title: Partners
|
||||
path: /partners
|
||||
- title: Cloud
|
||||
path: https://cloud.threefold.io
|
||||
external: true
|
||||
- title: Marketplace
|
||||
path: https://threefold.io/marketplace
|
||||
external: true
|
||||
- title: Digital Twin
|
||||
path: https://mydigitaltwin.io/
|
||||
external: true
|
||||
- title: Developers (SDK)
|
||||
path: https://sdk.threefold.io/
|
||||
external: true
|
||||
- title: Kubernetes Cloud
|
||||
path: https://threefold.io/info/cloud#/cloud__evdc
|
||||
external: true
|
||||
- title: Quantum-Safe Storage
|
||||
path: https://threefold.io/info/cloud#/cloud__threefold_filesystem
|
||||
external: true
|
||||
|
||||
- name: Partners
|
||||
link: "/partners" # /dropdown
|
||||
external: false
|
||||
expandable: false
|
||||
|
||||
- name: Technology
|
||||
link: "" # /dropdown
|
||||
external: false
|
||||
expandable: true
|
||||
submenu:
|
||||
- title: Grid Technology
|
||||
path: https://threefold.io/info/threefold#/internet4__technology
|
||||
external: true
|
||||
- title: Zero-OS
|
||||
path: https://threefold.io/info/threefold#/internet4__tfgrid_primitives
|
||||
external: true
|
||||
- title: Smart Contract for IT
|
||||
path: https://threefold.io/info/threefold#/internet4__smartcontract_it
|
||||
external: true
|
||||
- title: P2P Network
|
||||
path: https://threefold.io/info/threefold#/internet4__planetary_network
|
||||
external: true
|
||||
- title: Web2 vs Web3 vs P2P
|
||||
path: https://threefold.io/info/threefold#/threefold__grid_compare
|
||||
external: true
|
||||
- title: FAQ / Forum
|
||||
path: https://forum.threefold.io/c/technical-discussion/technical-faq/55
|
||||
external: true -->
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 168 KiB After Width: | Height: | Size: 163 KiB |
@@ -11,9 +11,9 @@ header_altImg: threefold
|
||||
header_excerpt: The digital infrastructure for an interconnected world.
|
||||
button: Expand the network
|
||||
link: /
|
||||
button2: Expand the network2
|
||||
button2: Peer-to-Peer Cloud
|
||||
link2: /
|
||||
button3: Expand the network3
|
||||
button3: How it Works
|
||||
link3: /
|
||||
|
||||
cta2: home_cta2
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<section
|
||||
class="pb-10 px-4 bg-cover text-center"
|
||||
class="lg:pb-20 px-4 bg-cover text-center"
|
||||
:class="{
|
||||
pink: id == 'home' && !lastCta,
|
||||
green: id == 'about-us' && lastCta,
|
||||
@@ -199,14 +199,14 @@
|
||||
>
|
||||
<h2
|
||||
v-if="cta.title"
|
||||
class="text-3xl uppercase leading-tight font-semibold font-heading"
|
||||
class="text-5xl uppercase mb-0 leading-tight font-semibold font-heading"
|
||||
>
|
||||
{{ cta.title }}
|
||||
</h2>
|
||||
|
||||
<h2
|
||||
v-if="cta.subtitle"
|
||||
class="text-3xl uppercase leading-tight font-semibold font-heading"
|
||||
class="text-5xl uppercase mt-0 leading-tight font-semibold font-heading"
|
||||
>
|
||||
{{ cta.subtitle }}
|
||||
</h2>
|
||||
@@ -480,7 +480,7 @@
|
||||
<g-image :src="cta.image" />
|
||||
<h2
|
||||
v-if="cta.title"
|
||||
class="text-3xl mb-2 uppercase leading-tight font-semibold font-heading"
|
||||
class="text-5xl mb-2 uppercase leading-tight font-semibold font-heading"
|
||||
>
|
||||
{{ cta.title }}
|
||||
</h2>
|
||||
|
||||
@@ -7,12 +7,11 @@
|
||||
<div class="text-center">
|
||||
<h2
|
||||
class="
|
||||
text-4xl
|
||||
text-5xl
|
||||
leading-tight
|
||||
mb-6
|
||||
font-bold font-heading
|
||||
uppercase
|
||||
sm:text-4xl
|
||||
sm:leading-10
|
||||
"
|
||||
>
|
||||
|
||||
@@ -42,7 +42,7 @@
|
||||
</span>
|
||||
|
||||
<div
|
||||
class="mb-8 text-center text-md mx-10 text-gray-600"
|
||||
class="mb-8 text-center text-xl mx-10 text-gray-600"
|
||||
v-html="excerpt"
|
||||
></div>
|
||||
<div v-if="button">
|
||||
@@ -116,7 +116,7 @@
|
||||
mb-8
|
||||
px-10
|
||||
text-center
|
||||
lg:text-5xl
|
||||
lg:text-xl
|
||||
text-extrabold
|
||||
leading-tight
|
||||
"
|
||||
@@ -262,7 +262,7 @@
|
||||
><br />
|
||||
{{ title }}
|
||||
</h2>
|
||||
<div class="mb-8 text-lg leading-relaxed" v-html="excerpt"></div>
|
||||
<div class="mb-8 text-xl leading-relaxed" v-html="excerpt"></div>
|
||||
|
||||
<a
|
||||
v-if="link.includes('http')"
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<template>
|
||||
<div class="py-0 mb-5 mx-4">
|
||||
<div class="text-center mx-auto my-4" v-if="id == 'why'">
|
||||
<h1 class="text-4xl text-gray-900 font-light sm:text-9xl sm:leading-10">
|
||||
<h1 class="text-5xl text-gray-900 font-light sm:text-9xl sm:leading-10">
|
||||
{{ main.title }} <span class="font-extrabold">{{ main.subtitle }}</span>
|
||||
</h1>
|
||||
<div
|
||||
@@ -12,7 +12,7 @@
|
||||
<div class="w-full text-center" v-else>
|
||||
<h2
|
||||
v-if="main !== null && main.title"
|
||||
class="text-4xl font-semibold leading-tight font-heading"
|
||||
class="text-5xl font-semibold leading-tight font-heading"
|
||||
>
|
||||
{{ main.title }}
|
||||
</h2>
|
||||
|
||||
@@ -3,11 +3,11 @@
|
||||
<div class="w-full max-w-7xl mx-auto mt-10 px-16 text-center">
|
||||
<h2
|
||||
v-if="main !== null"
|
||||
class="text-4xl font-semibold leading-tight font-heading"
|
||||
class="text-5xl font-semibold leading-tight font-heading"
|
||||
>
|
||||
{{ main.title }}
|
||||
</h2>
|
||||
<p v-if="main !== null" class="mb-6 text-gray-700">
|
||||
<p v-if="main !== null" class="mb-6 text-xl">
|
||||
{{ main.subtitle }}
|
||||
</p>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user