update css
This commit is contained in:
@@ -1,7 +1,7 @@
|
|||||||
---
|
---
|
||||||
id: why_cta2
|
id: why_cta2
|
||||||
title: THE INTERNET CHANGES LIVES.
|
title: THE INTERNET CHANGES LIVES.
|
||||||
slogan: A BETTER INTERNET CHANGES THE WORLD.
|
slogan: A BETTER INTERNET CHANGES THE WORLD
|
||||||
button: "Take Part"
|
button: "Take Part"
|
||||||
link: "#home"
|
link: "#home"
|
||||||
button2: ""
|
button2: ""
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
---
|
---
|
||||||
id: why
|
id: why
|
||||||
header_slogan: We need a way of archiving it.
|
header_slogan: We need a way of archiving it
|
||||||
header_title: We do not need a reason to want a better future.
|
header_title: We do not need a reason to want a better future
|
||||||
header_image: ./why-home.jpg
|
header_image: ./why-home.jpg
|
||||||
header_altImg: threefold
|
header_altImg: threefold
|
||||||
header_excerpt: Our mission is accelerate the transition of the data economy to a decentralized P2P model and make it possible for every person to learn, partake and succeed.
|
header_excerpt: Our mission is accelerate the transition of the data economy to a decentralized P2P model and make it possible for every person to learn, partake and succeed.
|
||||||
|
|||||||
@@ -3,7 +3,7 @@
|
|||||||
<div class="w-full max-w-2xl mx-auto" v-if="id == 'why'">
|
<div class="w-full max-w-2xl mx-auto" v-if="id == 'why'">
|
||||||
<h2
|
<h2
|
||||||
v-if="cta.title"
|
v-if="cta.title"
|
||||||
class="text-6xl text-center uppercase mb-2 leading-none font-light font-heading"
|
class="text-5xl text-center uppercase mb-2 leading-none font-light font-heading"
|
||||||
>
|
>
|
||||||
{{ cta.title }}
|
{{ cta.title }}
|
||||||
</h2>
|
</h2>
|
||||||
@@ -23,12 +23,12 @@
|
|||||||
>{{ cta.video_button }}</a
|
>{{ cta.video_button }}</a
|
||||||
>
|
>
|
||||||
</div>
|
</div>
|
||||||
<a
|
<g-link
|
||||||
class="inline-block bg-gray-900 text-md learn-button hover:bg-gray-800 text-gray-100 px-12 py-2 mr-5 mb-4 rounded shadow rounded-full"
|
class="inline-block bg-gray-900 text-md learn-button hover:bg-gray-800 text-gray-100 px-12 py-2 mr-5 mb-4 rounded shadow rounded-full"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
v-if="cta.button"
|
v-if="cta.button"
|
||||||
:href="cta.link"
|
:to="cta.link"
|
||||||
>{{ cta.button }}</a
|
>{{ cta.button }}</g-link
|
||||||
>
|
>
|
||||||
<g-link
|
<g-link
|
||||||
class="inline-block bg-gray-900 text-sm learn-button hover:bg-gray-800 text-gray-100 px-12 py-2 mr-5 mb-4 rounded shadow rounded-full"
|
class="inline-block bg-gray-900 text-sm learn-button hover:bg-gray-800 text-gray-100 px-12 py-2 mr-5 mb-4 rounded shadow rounded-full"
|
||||||
|
|||||||
@@ -1,18 +1,18 @@
|
|||||||
<template>
|
<template>
|
||||||
<section class="py-15 mb-10 px-4 lg:mx-40">
|
<section class="py-15 mb-10 px-4 lg:mx-40">
|
||||||
<div
|
<div
|
||||||
class="flex flex-wrap text-center lg:text-left -mx-2"
|
class="flex flex-wrap text-center lg:mt-10 lg:text-left -mx-2"
|
||||||
v-if="id == 'why'"
|
v-if="id == 'why'"
|
||||||
>
|
>
|
||||||
<div class="lg:w-3/5 px-2"><g-image :src="img" :alt="altImg" /></div>
|
<div class="lg:w-1/2 px-2"><g-image :src="img" :alt="altImg" /></div>
|
||||||
<div class="lg:w-2/5 px-2 py-20 lg:pr-20 lg:mt-10 order-1 lg:order-none">
|
<div class="lg:w-1/2 px-2 py-20 lg:pr-20 px-10 lg:mt-10 order-1 lg:order-none">
|
||||||
<h1
|
<h1
|
||||||
class="flex text-center uppercase mb-6 mt-20 leading-none text-5xl font-light font-heading"
|
class="flex text-center uppercase mb-6 mt-10 leading-none text-5xl font-light font-heading"
|
||||||
>
|
>
|
||||||
{{ title }}
|
{{ title }}
|
||||||
</h1>
|
</h1>
|
||||||
<span
|
<span
|
||||||
class="flex text-center uppercase mb-6 leading-none text-5xl font-black font-heading"
|
class="flex text-center uppercase mb-6 leading-none text-6xl font-black font-heading"
|
||||||
>
|
>
|
||||||
{{ slogan }}
|
{{ slogan }}
|
||||||
</span>
|
</span>
|
||||||
|
|||||||
Reference in New Issue
Block a user