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

update css and font

Browse Source
This commit is contained in:
Ehab Hassan
2022-01-23 12:28:05 +02:00
parent 7fa42a4b4c
commit 0f545b1ce0
6 changed files with 125 additions and 109 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
src/components/custom/sections/CallToAction.vue
View File

@@ -1777,32 +1777,35 @@
<div <div
v-else-if="id == 'cloud' && textOnly" v-else-if="id == 'cloud' && textOnly"
class="w-full py-20 max-w-3xl mx-auto" class="w-full py-20 max-w-3xl mx-auto lg:my-20"
> >
<h2 class="text-5xl text-white leading-tight font-semibold font-heading"> <h2 class="text-6xl text-white leading-tight font-semibold font-heading">
{{ cta.title }} {{ cta.title }}
<span class="text-pink">{{ cta.subtitle }}</span> <span class="text-pink">{{ cta.subtitle }}</span>
</h2> </h2>
<div <div
v-html="cta.content" v-html="cta.content"
class="text-2xl text-white leading-normal py-10" class="text-xl text-white leading-normal py-10"
></div> ></div>
<a <a
v-if="cta.link.includes('http')" v-if="cta.link.includes('http')"
target="_blank" target="_blank"
:href="cta.link" :href="cta.link"
class=" class="
green
bg-green-300 inline-block
lg:text-2xl bg-white
text-lg text-lg
font-extrabold learn-button
hover:bg-gray-400
px-12 px-12
hover:bg-green-200 py-1
rounded-lg mr-5
py-4 my-4
mb-4 border-2
shadow shadow
border-black
" "
>{{ cta.button }}</a >{{ cta.button }}</a
> >
@@ -1810,17 +1813,20 @@
v-else v-else
:href="cta.link" :href="cta.link"
class=" class="
green
bg-green-300 inline-block
lg:text-2xl bg-white
text-lg text-lg
font-extrabold learn-button
hover:bg-gray-400
px-12 px-12
hover:bg-green-200 py-1
rounded-lg mr-5
py-4 my-4
mb-4 border-2
shadow shadow
border-black
" "
>{{ cta.button }}</a >{{ cta.button }}</a
> >

4
src/components/marketing/sections/blog-sections/3_column_cards.vue
View File

@@ -1,7 +1,7 @@
<template> <template>
<div <div
v-if="id == 'cloud'" v-if="id == 'cloud'"
class="relative lg:py-28 py-10 px-4 sm:px-6 lg:px-8" class="relative lg:py-28 py-10 px-4 sm:px-6 lg:px-16"
> >
<div class="absolute inset-0"> <div class="absolute inset-0">
<div class="bg-white h-1/3 sm:h-2/3"></div> <div class="bg-white h-1/3 sm:h-2/3"></div>
@@ -58,7 +58,7 @@
class=" class="
mt-3 mt-3
text-base text-xl text-base text-xl
lg:text-2xl
leading-normal leading-normal
text-gray-800 text-gray-800
" "

45
src/components/marketing/sections/cta-sections/BrandPanel.vue
View File

@@ -9,7 +9,7 @@
}" }"
> >
<div v-if="id == 'cloud' && !lastBrand" class="to-black"> <div v-if="id == 'cloud' && !lastBrand" class="to-black">
<div class="max-w-screen-2xl mx-auto py-20"> <div class="max-w-screen-2xl mx-auto lg:p-20">
<div class="rounded-lg overflow-hidden lg:grid lg:grid-cols-2 lg:gap-4"> <div class="rounded-lg overflow-hidden lg:grid lg:grid-cols-2 lg:gap-4">
<div <div
class=" class="
@@ -23,7 +23,7 @@
> >
<div class="lg:self-center"> <div class="lg:self-center">
<h2 <h2
class="leading-none font-extrabold mb-10 text-white" class="leading-none font-extrabold mb-10 text-white lg:text-6xl"
:class="{ :class="{
'lg:text-5xl leading-none': id == 'home', 'lg:text-5xl leading-none': id == 'home',
'lg:text-5xl ': id == 'network', 'lg:text-5xl ': id == 'network',
@@ -32,7 +32,7 @@
{{ brand.title }} {{ brand.title }}
</h2> </h2>
<div <div
class="mt-4 lg:text-2xl text-xl leading-normal text-white" class="mt-4 text-xl leading-normal text-white"
v-html="brand.content" v-html="brand.content"
></div> ></div>
<div class="my-10" v-if="brand.button"> <div class="my-10" v-if="brand.button">
@@ -78,7 +78,7 @@
</div> </div>
<div class="relative"> <div class="relative">
<g-image <g-image
class="inset-0 mx-auto object-cover" class="inset-0 w-3/4 mx-auto object-cover"
:class="{ 'w-3/4': id == 'network' }" :class="{ 'w-3/4': id == 'network' }"
:src="image" :src="image"
:alt="brand.title" :alt="brand.title"
@@ -1453,11 +1453,11 @@
" "
> >
<div class="lg:self-center"> <div class="lg:self-center">
<h2 class="lg:text-5xl leading-none text-black"> <h2 class="lg:text-6xl mb-8 uppercase leading-none font-heading">
{{ brand.title }} {{ brand.title }}
</h2> </h2>
<div <div
class="mt-4 text-xl lg:text-2xl leading-normal text-black" class="mt-4 text-xl leading-normal text-black"
v-html="brand.content" v-html="brand.content"
></div> ></div>
<div class="my-10"> <div class="my-10">
@@ -1465,20 +1465,19 @@
:href="brand.link" :href="brand.link"
v-if="brand.button" v-if="brand.button"
class=" class="
text-center
inline-block inline-block
green bg-white
bg-green-300
lg:text-2xl
text-lg text-lg
font-extrabold learn-button
hover:bg-gray-400
bo
px-12 px-12
hover:bg-green-200 py-1
rounded-lg mr-5
py-4
mb-4 mb-4
lg:mr-4 border-2
shadow shadow
border-black
" "
>{{ brand.button }}</a >{{ brand.button }}</a
> >
@@ -1486,19 +1485,19 @@
:href="brand.link2" :href="brand.link2"
v-if="brand.button2" v-if="brand.button2"
class=" class="
text-center
inline-block inline-block
green bg-white
bg-green-300
lg:text-2xl
text-lg text-lg
font-extrabold learn-button
hover:bg-gray-400
bo
px-12 px-12
hover:bg-green-200 py-1
rounded-lg mr-5
py-4
mb-4 mb-4
border-2
shadow shadow
border-black
" "
>{{ brand.button2 }}</a >{{ brand.button2 }}</a
> >

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

@@ -512,7 +512,7 @@
:alt="altImg" :alt="altImg"
/> />
</div> </div>
<!-- home -->
<div <div
class="flex flex-wrap text-center lg:text-left lg:pt-10 lg:pb-10 -mx-2" class="flex flex-wrap text-center lg:text-left lg:pt-10 lg:pb-10 -mx-2"
v-else-if="id == 'home'" v-else-if="id == 'home'"
@@ -787,25 +787,27 @@
</div> </div>
</div> </div>
<div <div
class="flex flex-wrap text-center mx-4 lg:pt-4 pb-10" class="flex flex-wrap text-center mx-4 lg:pt-4 mt-10 lg:mx-10 lg:mt-4 pb-10"
v-else-if="id == 'cloud'" v-else-if="id == 'cloud'"
> >
<div class="px-3 lg:mt-5 order-1 lg:order-none mx-auto text-center"> <div class="px-3 lg:mt-5 order-1 lg:order-none mx-auto text-center">
<h2 <h2
class=" class="
lg:text-5xl lg:text-5xl
font-normal
uppercase uppercase
mb-6 mb-6
mt-10
leading-none leading-none
font-black font-heading font-heading
" "
> >
{{ title }} {{ title }}
<br /> <br />
<span>{{ title2 }}</span> <span class="block leading-none font-bold">{{ title2 }}</span>
</h2> </h2>
<div <div
class="mb-8 mx-auto lg:text-2xl text-xl lg:max-w-4xl leading-normal" class="mb-8 mx-auto lg:text-2xl text-xl lg:max-w-5xl leading-normal"
v-html="excerpt" v-html="excerpt"
></div> ></div>
</div> </div>

55
src/components/marketing/sections/feature-sections/SimpleColumns.vue
View File

@@ -1,22 +1,21 @@
<template> <template>
<div class="py-20 bg-white"> <div class="py-20 bg-white">
<div class="max-w-4xl mx-auto px-4 sm:px-6 lg:max-w-screen-2xl lg:px-8"> <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:max-w-screen-2xl lg:px-16">
<div v-if="main" class="mx-auto mb-24 lg:text-center"> <div v-if="main" class="mx-auto mb-24 lg:text-center lg:max-w-5xl">
<h2 <h2
class=" class="
lg:text-5xl lg:text-6xl
max-w-3xl text-center
uppercase uppercase
mb-6 my-2
leading-none leading-none
font-black font-heading font-bold font-heading
mx-auto
" "
> >
{{ main.title }} {{ main.title }}
</h2> </h2>
<div <div
class="mt-2 lg:text-2xl text-xl leading-normal text-gray-900" class="mt-2 text-xl leading-normal text-gray-900"
v-html="main.content" v-html="main.content"
></div> ></div>
</div> </div>
@@ -42,21 +41,21 @@
}" }"
/> />
</div> </div>
<div class="mt-5"> <div class="mt-5 ">
<h2 <h2
class=" class="
text-3xl text-2xl
uppercase uppercase
mb-6 mb-6
leading-none leading-none
font-black font-heading font-bold font-heading
py-8 py-8
" "
> >
{{ section.title }} {{ section.title }}
</h2> </h2>
<div <div
class="mt-2 lg:text-2xl text-xl leading-normal text-gray-900 pb-6" class="mt-2 text-xl leading-normal text-gray-900 pb-6"
v-html="section.content" v-html="section.content"
></div> ></div>
</div> </div>
@@ -68,17 +67,19 @@
target="_blank" target="_blank"
:href="main.link" :href="main.link"
class=" class="
green inline-block
bg-green-300 bg-white
lg:text-2xl
text-lg text-lg
font-extrabold learn-button
hover:bg-gray-400
bo
px-12 px-12
hover:bg-green-200 py-1
rounded-lg mr-5
py-4
mb-4 mb-4
border-2
shadow shadow
border-black
" "
>{{ main.button }}</a >{{ main.button }}</a
> >
@@ -86,17 +87,19 @@
v-else v-else
:href="main.link" :href="main.link"
class=" class="
green inline-block
bg-green-300 bg-white
lg:text-2xl
text-lg text-lg
font-extrabold learn-button
hover:bg-gray-400
bo
px-12 px-12
hover:bg-green-200 py-1
rounded-lg mr-5
py-4
mb-4 mb-4
border-2
shadow shadow
border-black
" "
>{{ main.button }}</a >{{ main.button }}</a
> >

42
src/components/marketing/sections/stats-sections/SimpleInCard.vue
View File

@@ -4,12 +4,14 @@
<div class="lg:max-w-xl mx-auto text-center"> <div class="lg:max-w-xl mx-auto text-center">
<h2 <h2
class=" class="
lg:text-5xl
lg:text-6xl
text-center
uppercase uppercase
mb-6 my-2
leading-none leading-none
font-black font-heading font-bold font-heading
mx-auto
" "
> >
{{ info.title }} {{ info.title }}
@@ -180,17 +182,19 @@
target="_blank" target="_blank"
:href="info.link" :href="info.link"
class=" class="
green inline-block
bg-green-300 bg-white
lg:text-2xl
text-lg text-lg
font-extrabold learn-button
hover:bg-gray-400
bo
px-12 px-12
hover:bg-green-200 py-1
rounded-lg mr-5
py-4
mb-4 mb-4
border-2
shadow shadow
border-black
" "
>{{ info.button }}</a >{{ info.button }}</a
> >
@@ -198,17 +202,19 @@
v-else v-else
:href="info.link" :href="info.link"
class=" class="
green inline-block
bg-green-300 bg-white
lg:text-2xl
text-lg text-lg
font-extrabold learn-button
hover:bg-gray-400
bo
px-12 px-12
hover:bg-green-200 py-1
rounded-lg mr-5
py-4
mb-4 mb-4
border-2
shadow shadow
border-black
" "
>{{ info.button }}</a >{{ info.button }}</a
> >