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

fix

Browse Source
This commit is contained in:
samaradel
2021-09-20 14:48:56 +02:00
parent 1092941421 363bb60183
commit a7bb04d934
5 changed files with 27 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/assets/scss/main.scss
View File

@@ -177,7 +177,7 @@ button:focus {
} }
.text-8xl { .text-8xl {
font-size: 5rem; font-size: 4rem;
line-height: 1; line-height: 1;
font-family: "Lato", sans-serif !important; font-family: "Lato", sans-serif !important;
} }

7
src/components/custom/Navbar/Navbar.vue
View File

@@ -1,5 +1,5 @@
<template> <template>
<div class="fixed inset-0 h-16 bg-white"> <div class="fixed inset-0 h-20 bg-white">
<header <header
class=" class="
inline-flex inline-flex
@@ -8,16 +8,17 @@
flex-wrap flex-wrap
container-fluid container-fluid
mx-auto mx-auto
px- py-2
sm:px-0 sm:px-0
transition-all transition-500 transition-all transition-500
" "
:class="{ :class="{
'opacity-100': !disableScroll && scrollPosition > headerHeight, 'opacity-100': !disableScroll && scrollPosition > headerHeight,
'opacity-0': !disableScroll && scrollPosition < headerHeight, 'opacity-0': !disableScroll && scrollPosition < headerHeight,
}" }"
> >
<div class="flex items-center justify-between px-4 lg:py-3 sm:p-0"> <div class="flex items-center justify-between px-4 sm:p-0">
<div class="inline-flex items-center flex-shrink-0"> <div class="inline-flex items-center flex-shrink-0">
<a href="/"> <a href="/">
<g-image <g-image

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

@@ -54,7 +54,7 @@
class=" class="
inline-block inline-block
bg-white bg-white
text-xl text-lg
learn-button learn-button
hover:bg-gray-400 hover:bg-gray-400
px-12 px-12
@@ -75,7 +75,7 @@
class=" class="
inline-block inline-block
bg-white bg-white
text-xl text-lg
learn-button learn-button
hover:bg-gray-400 hover:bg-gray-400
px-12 px-12
@@ -666,7 +666,7 @@
<!-- grid --> <!-- grid -->
<div class="w-full max-w-3xl mx-auto py-12" v-else-if="id == 'grid'"> <div class="w-full max-w-3xl mx-auto py-12" v-else-if="id == 'grid'">
<g-image :src="cta.image" class="mx-auto lg:w-80 my-10" /> <g-image :src="cta.image" class="mx-auto lg:w-1/3 my-10" />
<h2 <h2
v-if="cta.title" v-if="cta.title"
class=" class="
@@ -682,7 +682,7 @@
</h2> </h2>
<div <div
v-html="cta.content" v-html="cta.content"
class="mt-6 mb-8 lg:text-2xl text-gray-800" class="mt-6 mb-8 lg:text-xl text-gray-800"
></div> ></div>
<a <a
class=" class="

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

@@ -283,7 +283,7 @@
:href="brand.sourceUrl" :href="brand.sourceUrl"
class=" class="
bg-blue-900 bg-blue-900
text-sm text-lg
learn-button learn-button
hover:bg-blue-800 hover:bg-blue-800
text-white text-white
@@ -312,7 +312,7 @@
}}</span> }}</span>
</h2> </h2>
<div <div
class="pb-6 text-gray-900 text-2xl leading-tight tracking-wide" class="pb-6 text-gray-900 text-xl leading-tight tracking-wide"
v-html="brand.content" v-html="brand.content"
></div> ></div>
<a <a
@@ -322,7 +322,7 @@
class=" class="
inline-block inline-block
bg-gray-900 bg-gray-900
text-2xl text-xl
learn-button learn-button
hover:bg-gray-800 hover:bg-gray-800
text-gray-100 text-gray-100
@@ -393,8 +393,8 @@
class="flex flex-wrap text-left" class="flex flex-wrap text-left"
> >
<div class="lg:w-1/2 px-2 lg:mt-10 order-1 lg:order-none text-left"> <div class="lg:w-1/2 px-2 lg:mt-10 order-1 lg:order-none text-left">
<div class="lg:self-center"> <div class="px-2 lg:self-center">
<h2 class="text-3xl mb-6 uppercase leading-none font-heading"> <h2 class="text-5xl mb-6 uppercase leading-none font-heading">
<span class="block">{{ brand.title }}</span> <span class="block">{{ brand.title }}</span>
<span class="block" v-if="brand.subtitle">{{ <span class="block" v-if="brand.subtitle">{{
brand.subtitle brand.subtitle
@@ -404,7 +404,7 @@
class=" class="
py-6 py-6
mt-4 mt-4
text-gray-900 text-2xl text-gray-900 text-xl
leading-tight leading-tight
tracking-wide tracking-wide
" "
@@ -433,7 +433,7 @@
</div> </div>
</div> </div>
<div class="lg:w-1/2 px-2"> <div class="lg:w-1/2 px-2">
<g-image class="mx-auto w-3/4" :src="image" :alt="brand.title" /> <g-image class="mx-auto lg:w-3/4" :src="image" :alt="brand.title" />
</div> </div>
</div> </div>
@@ -442,15 +442,15 @@
class="flex flex-wrap lg:text-left lg:pt-16 px-4" class="flex flex-wrap lg:text-left lg:pt-16 px-4"
> >
<div class="lg:w-1/2 px-2 self-center"> <div class="lg:w-1/2 px-2 self-center">
<g-image class="mx-auto" :src="image" :alt="brand.title" /> <g-image class="lg:w-3/4" :src="image" :alt="brand.title" />
</div> </div>
<div class="lg:w-1/2 px-2 lg:mt-10 order-1 lg:order-none"> <div class="lg:w-1/2 px-2 lg:mt-10 order-1 lg:order-none">
<div class="px-10 lg:self-center"> <div class="px-2 lg:self-center">
<h2 class="lg:text-6xl mb-8 uppercase leading-none font-heading"> <h2 class="lg:text-5xl mb-8 uppercase leading-none font-heading">
{{ brand.title }} {{ brand.title }}
</h2> </h2>
<div <div
class="pb-6 text-gray-900 text-2xl leading-tight tracking-wide" class="pb-6 text-gray-900 text-xl leading-tight tracking-wide"
v-html="brand.content" v-html="brand.content"
></div> ></div>
<a <a
@@ -460,7 +460,7 @@
class=" class="
inline-block inline-block
bg-white bg-white
text-lg lg:text-lg
learn-button learn-button
hover:bg-gray-400 hover:bg-gray-400
px-12 px-12
@@ -483,11 +483,11 @@
> >
<div class="lg:w-1/2 px-2 lg:mt-10 order-1 lg:order-none"> <div class="lg:w-1/2 px-2 lg:mt-10 order-1 lg:order-none">
<div class="lg:self-center"> <div class="lg:self-center">
<h2 class="lg:text-6xl mb-8 uppercase leading-none font-heading"> <h2 class="lg:text-5xl mb-8 uppercase leading-none font-heading">
{{ brand.title }} {{ brand.title }}
</h2> </h2>
<div <div
class="pb-6 text-gray-900 text-2xl leading-tight tracking-wide" class="pb-6 text-gray-900 text-xl leading-tight tracking-wide"
v-html="brand.content" v-html="brand.content"
></div> ></div>
<a <a
@@ -513,7 +513,7 @@
</div> </div>
</div> </div>
<div class="lg:w-1/2 px-2 self-center"> <div class="lg:w-1/2 px-2 self-center">
<g-image :src="image" :alt="brand.title" /> <g-image class=" mx-auto lg:w-3/4" :src="image" :alt="brand.title" />
</div> </div>
</div> </div>

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

@@ -368,15 +368,15 @@
</div> </div>
<div <div
class="flex flex-wrap text-center lg:text-left lg:pt-10 -mx-2" class="flex flex-wrap text-center lg:text-left lg:pt-4 -mx-2"
v-else-if="id == 'grid'" v-else-if="id == 'grid'"
> >
<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 class="lg:text-5xl uppercase mb-6 mt-20 leading-none font-heading"> <h2 class="text-8xl uppercase mb-6 mt-20 leading-none font-heading">
{{ title }} {{ title }}
</h2> </h2>
<div <div
class="mb-8 text-xl max-w-2xl leading-relaxed" class="mb-8 text-xl max-w-xl mx-auto leading-relaxed"
v-html="excerpt" v-html="excerpt"
></div> ></div>