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

rm empty spaces

Browse Source
This commit is contained in:
samaradel
2021-07-12 13:56:26 +00:00
parent b12d470c4b
commit ade6f7842a
1 changed files with 128 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,18 +1,35 @@
<template>
<section class="py-15 mb-10 px-4">
<div
class="flex flex-wrap text-center items-center lg:mt-20 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'"
>
<div class="lg:w-1/2 px-2"><g-image :src="img" :alt="altImg" /></div>
<div class="lg:w-1/2 px-2 lg:pr-20 order-1 lg:order-none">
<h1
class="flex text-center uppercase mb-6 mt-10 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 }}
</h1>
<span
class="flex text-center uppercase mb-6 leading-none text-6xl font-black font-heading"
class="
flex
text-center
uppercase
mb-6
leading-none
text-6xl
font-black font-heading
"
>
{{ slogan }}
</span>
@@ -25,13 +42,41 @@
<a
v-if="link.includes('http')"
target="_blank"
class="nline-block bg-blue-900 text-sm learn-button hover:bg-blue-800 text-gray-100 px-12 py-2 mr-5 mb-4 rounded shadow rounded-full"
class="
nline-block
bg-blue-900
text-sm
learn-button
hover:bg-blue-800
text-gray-100
px-12
py-2
mr-5
mb-4
rounded
shadow
rounded-full
"
:href="link"
>{{ button }}</a
>
<a
v-else
class="nline-block bg-blue-900 text-md learn-button hover:bg-blue-800 text-gray-100 px-12 py-2 mr-5 mb-4 rounded shadow rounded-full"
class="
nline-block
bg-blue-900
text-md
learn-button
hover:bg-blue-800
text-gray-100
px-12
py-2
mr-5
mb-4
rounded
shadow
rounded-full
"
:href="link"
>{{ button }}</a
>
@@ -47,10 +92,28 @@
<div class="lg:w-1/2 px-2 lg:pr-10 lg:mt-10 order-1 lg:order-none">
<h1
v-if="id == 'token'"
class="text-center uppercase mb-6 mt-10 leading-none text-4xl font-light font-heading"
class="
text-center
uppercase
mb-6
mt-10
leading-none
text-4xl
font-light font-heading
"
>
{{ title }} <br />
<span class="text-center uppercase mb-6 leading-none text-4xl font-black font-heading">{{ slogan }}</span>
<span
class="
text-center
uppercase
mb-6
leading-none
text-4xl
font-black font-heading
"
>{{ slogan }}</span
>
</h1>
<div
class="mb-8 text-center text-gray-600 leading-relaxed"
@@ -60,13 +123,35 @@
<a
v-if="link.includes('http')"
target="_blank"
class="bg-blue-900 text-md learn-button hover:bg-blue-800 text-gray-100 px-12 py-2 mb-4 shadow rounded-full"
class="
bg-blue-900
text-md
learn-button
hover:bg-blue-800
text-gray-100
px-12
py-2
mb-4
shadow
rounded-full
"
:href="link"
>{{ button }}</a
>
<a
v-else
class="bg-blue-900 text-md learn-button hover:bg-blue-800 text-gray-100 px-12 py-2 mb-4 shadow rounded-full"
class="
bg-blue-900
text-md
learn-button
hover:bg-blue-800
text-gray-100
px-12
py-2
mb-4
shadow
rounded-full
"
:href="link"
>{{ button }}</a
>
@@ -81,9 +166,7 @@
v-else
>
<div class="lg:w-2/5 px-2 lg:pr-20 lg:mt-10 order-1 lg:order-none">
<h2
class="text-6xl mb-6 mt-20 leading-none font-heading"
>
<h2 class="text-6xl mb-6 mt-20 leading-none font-heading">
<span class="text-blue-600">{{ slogan }}</span> {{ title }}
</h2>
<div class="mb-8 text-gray-700 leading-relaxed" v-html="excerpt"></div>
@@ -91,20 +174,50 @@
<a
v-if="link.includes('http')"
target="_blank"
class="inline-block bg-blue-900 text-sm learn-button hover:bg-blue-800 text-gray-100 px-12 py-2 mr-5 mb-4 rounded shadow rounded-full"
class="
inline-block
bg-blue-900
text-sm
learn-button
hover:bg-blue-800
text-gray-100
px-12
py-2
mr-5
mb-4
rounded
shadow
rounded-full
"
:href="link"
>{{ button }}</a
>
<a
v-else
class="inline-block bg-blue-900 text-sm learn-button hover:bg-blue-800 text-gray-100 px-12 py-2 mr-5 mb-4 rounded shadow rounded-full"
class="
inline-block
bg-blue-900
text-sm
learn-button
hover:bg-blue-800
text-gray-100
px-12
py-2
mr-5
mb-4
rounded
shadow
rounded-full
"
:href="link"
>{{ button }}</a
>
<!-- <a class="text-gray-600 hover:underline" href="#">Learn more</a> -->
</div>
</div>
<div class="lg:w-3/5 px-2 self-center "><g-image :src="img" :alt="altImg" /></div>
<div class="lg:w-3/5 px-2 self-center">
<g-image :src="img" :alt="altImg" />
</div>
</div>
</section>
</template>