update css

This commit is contained in:
2021-04-04 23:21:51 +02:00
parent 6c65868791
commit d9c1784bad
4 changed files with 12 additions and 12 deletions

View File

@@ -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: ""

View File

@@ -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.

View File

@@ -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"

View File

@@ -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>