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

fix space

Browse Source
This commit is contained in:
Ehab Hassan
2021-10-18 13:45:46 +02:00
parent d632c5332d
commit f26643d6ee
5 changed files with 29 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -4,16 +4,17 @@
<h2 <h2
class=" class="
text-md text-md
lg:text-6xl lg:text-5xl
font-bold font-bold
leading-tight leading-tight
lg:max-w-5xl max-w-2xl
inline
" "
> >
{{ main.title }} {{ main.title }}
</h2> </h2>
<div <div
class="my-5 max-w-xl text-lg lg:text-xl mx-auto text-gray-900 sm:mt-4" class="my-5 max-w-3xl text-lg lg:text-xl mx-auto text-gray-900 sm:mt-4"
v-html="main.content" v-html="main.content"
></div> ></div>
</div> </div>

4
src/components/custom/sections/Features.vue
View File

@@ -327,7 +327,7 @@
> >
{{ main.title }} {{ main.title }}
</h2> </h2>
<div class="flex flex-wrap items-center -mx-4 lg:mb-20"> <div class="flex flex-wrap items-center lg:-mx-4 lg:mb-20">
<div <div
v-for="(feature, index) in features" v-for="(feature, index) in features"
:key="index" :key="index"
@@ -359,7 +359,7 @@
> >
{{ main.subtitle }} {{ main.subtitle }}
</p> </p>
<div class="flex flex-wrap -mx-4 mb-6"> <div class="flex flex-wrap lg:-mx-4 mb-6">
<div <div
v-for="feature in features" v-for="feature in features"
:key="feature.id" :key="feature.id"

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

@@ -402,12 +402,12 @@
<!-- About us --> <!-- About us -->
<div <div
v-else-if="id == 'mission' && !brandPanel2 && !brandPanel3" v-else-if="id == 'mission' && !brandPanel2 && !brandPanel3"
class="flex flex-wrap text-left lg:my-10 lg:px-16" class="flex flex-wrap text-left lg:my-10 lg:px-20"
> >
<div class="lg:w-1/2 px-2 self-center"> <div class="lg:w-1/2 px-2 self-center">
<g-image class="lg:w-2/3 mx-auto" :src="image" :alt="brand.title" /> <g-image class="lg:w-2/3 mx-auto" :src="image" :alt="brand.title" />
</div> </div>
<div class="lg:w-1/2 lg:mt-10 order-1 lg:order-none text-left px-4"> <div class="lg:w-1/2 lg:mt-10 order-1 lg:order-none lg:text-left text-center px-4">
<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-6xl mb-8 uppercase leading-none font-heading">
<span class="block">{{ brand.title }}</span> <span class="block">{{ brand.title }}</span>
@@ -443,7 +443,7 @@
<div <div
v-else-if="id == 'mission' && brandPanel2" v-else-if="id == 'mission' && brandPanel2"
class="flex flex-wrap lg:text-left lg:pt-16 px-4 lg:mb-20 lg:px-16" class="flex flex-wrap lg:text-left text-center lg:pt-16 px-4 lg:mb-20 lg:px-20"
> >
<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">
@@ -487,7 +487,7 @@
<div <div
v-else-if="id == 'mission' && brandPanel3" v-else-if="id == 'mission' && brandPanel3"
class="flex flex-wrap lg:text-left lg:p-20 px-4" class="flex flex-wrap lg:text-left text-center lg:p-20 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="lg:w-2/3 mx-auto" :src="image" :alt="brand.title" /> <g-image class="lg:w-2/3 mx-auto" :src="image" :alt="brand.title" />
@@ -533,7 +533,7 @@
<div <div
v-else-if="id == 'grid' && !brandPanel2 && !brandPanel3" v-else-if="id == 'grid' && !brandPanel2 && !brandPanel3"
class="flex flex-wrap text-left lg:px-16" class="flex flex-wrap text-left lg:px-24"
> >
<div <div
class=" class="
@@ -612,7 +612,7 @@
<div <div
v-else-if="id == 'grid' && brandPanel2" v-else-if="id == 'grid' && brandPanel2"
class="flex flex-wrap lg:text-left lg:pt-16 lg:px-16" class="flex flex-wrap lg:text-left lg:pt-16 lg:px-24"
> >
<div class="lg:w-1/2 self-center"> <div class="lg:w-1/2 self-center">
<g-image class="w-3/4" :src="image" :alt="brand.title" /> <g-image class="w-3/4" :src="image" :alt="brand.title" />
@@ -675,7 +675,7 @@
<div <div
v-else-if="id == 'grid' && brandPanel3" v-else-if="id == 'grid' && brandPanel3"
class="flex flex-wrap lg:text-left lg:pt-16 lg:px-16" class="flex flex-wrap lg:text-left lg:pt-16 lg:px-24"
> >
<div <div
class="lg:w-1/2 px-2 lg:mt-10 order-1 lg:order-none lg:self-center" class="lg:w-1/2 px-2 lg:mt-10 order-1 lg:order-none lg:self-center"
@@ -739,7 +739,7 @@
<div <div
v-else-if="id == 'grid' && brandPanel4" v-else-if="id == 'grid' && brandPanel4"
class="flex flex-wrap lg:text-left lg:pt-16 lg:px-16" class="flex flex-wrap lg:text-left lg:pt-16 lg:px-24"
> >
<div <div
class="lg:w-1/2 px-2 lg:mt-10 order-1 lg:order-none lg:self-center" class="lg:w-1/2 px-2 lg:mt-10 order-1 lg:order-none lg:self-center"
@@ -810,8 +810,9 @@
lg:mt-5 lg:mt-5
order-1 order-1
lg:order-none lg:order-none
text-left lg:text-left
lg:self-center lg:self-center
text-center
" "
> >
<div class="px-2"> <div class="px-2">
@@ -834,7 +835,7 @@
<div <div
v-else-if="id == 'tft' && brandPanel2" v-else-if="id == 'tft' && brandPanel2"
class="flex flex-wrap lg:text-left lg:pt-16 px-4 lg:px-16" class="flex flex-wrap lg:text-left text-center lg:pt-16 px-4 lg:px-16"
> >
<div class="lg:w-1/2 self-center"> <div class="lg:w-1/2 self-center">
<g-image class="mx-auto w-3/4" :src="image" :alt="brand.title" /> <g-image class="mx-auto w-3/4" :src="image" :alt="brand.title" />
@@ -876,7 +877,7 @@
<div <div
v-else-if="id == 'tft' && brandPanel3" v-else-if="id == 'tft' && brandPanel3"
class="flex flex-wrap lg:text-left lg:pt-16 lg:px-16" class="flex flex-wrap lg:text-left text-center lg:pt-16 lg:px-16"
> >
<div <div
class="lg:w-1/2 px-2 lg:mt-10 order-1 lg:order-none lg:self-center" class="lg:w-1/2 px-2 lg:mt-10 order-1 lg:order-none lg:self-center"

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

@@ -253,11 +253,11 @@
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-10 -mx-2"
v-if="id == 'tft'" v-if="id == 'tft'"
> >
<div class="px-2 lg:mt-10 order-1 lg:order-none mx-auto text-center"> <div class="px-2 mt-10 order-1 lg:order-none mx-auto text-center">
<div class="w-1/2 mx-auto px-2 self-center"> <div class="w-1/2 mx-auto px-2 self-center">
<g-image :src="img" :alt="altImg" /> <g-image :src="img" :alt="altImg" />
</div> </div>
<h2 class="text-8xl uppercase mb-6 mt-20 leading-none font-heading"> <h2 class="text-8xl uppercase mb-6 lg:mt-20 leading-none font-heading">
{{ title }} {{ title }}
</h2> </h2>
<div class="mb-8 text-xl leading-relaxed" v-html="excerpt"></div> <div class="mb-8 text-xl leading-relaxed" v-html="excerpt"></div>

26
src/templates/MarkdownPage.vue
View File

@@ -16,8 +16,7 @@
:button="$page.markdownPage.button" :button="$page.markdownPage.button"
:link="$page.markdownPage.link" :link="$page.markdownPage.link"
/> />
</div>
<div class="container_tft sm:pxi-0 mx-auto overflow-x-hidden py-5">
<BrandPanel <BrandPanel
:id="$page.markdownPage.id" :id="$page.markdownPage.id"
v-if=" v-if="
@@ -34,8 +33,7 @@
" "
:brandPanel2="true" :brandPanel2="true"
/> />
</div>
<div class="container-fluid sm:pxi-0 mx-auto overflow-x-hidden">
<BrandPanel <BrandPanel
:id="$page.markdownPage.id" :id="$page.markdownPage.id"
:brand="$page.markdownPage.brandPanel3" :brand="$page.markdownPage.brandPanel3"
@@ -115,9 +113,7 @@
:main="$page.markdownPage.comparisonMain" :main="$page.markdownPage.comparisonMain"
:sections="$page.markdownPage.comparisonSecs" :sections="$page.markdownPage.comparisonSecs"
/> --> /> -->
</div>
<div class="container-fluid sm:pxi-0 mx-auto overflow-visible">
<CallToAction <CallToAction
:id="$page.markdownPage.id" :id="$page.markdownPage.id"
v-if=" v-if="
@@ -126,8 +122,7 @@
" "
:cta="$page.markdownPage.cta" :cta="$page.markdownPage.cta"
/> />
</div>
<div class="container_tft sm:pxi-0 mx-auto overflow-x-hidden py-5">
<BrandPanel <BrandPanel
:id="$page.markdownPage.id" :id="$page.markdownPage.id"
:brand="$page.markdownPage.brandPanel4" :brand="$page.markdownPage.brandPanel4"
@@ -136,16 +131,14 @@
" "
:brandPanel4="true" :brandPanel4="true"
/> />
</div>
<div class="container-fluid sm:pxi-0 mx-auto overflow-visible">
<SplitWithImage <SplitWithImage
v-if="$page.markdownPage.tft" v-if="$page.markdownPage.tft"
:id="$page.markdownPage.id" :id="$page.markdownPage.id"
:tft="$page.markdownPage.tft" :tft="$page.markdownPage.tft"
/> />
</div>
<div class="container_tft sm:pxi-0 mx-auto overflow-x-hidden py-5"> <Features class="lg:my-20"
<Features
:id="$page.markdownPage.id" :id="$page.markdownPage.id"
v-if="$page.markdownPage.network.length > 0" v-if="$page.markdownPage.network.length > 0"
:main="$page.markdownPage.networkMain" :main="$page.markdownPage.networkMain"
@@ -180,8 +173,7 @@
v-if="$page.markdownPage.roadmap" v-if="$page.markdownPage.roadmap"
:roadmap="$page.markdownPage.roadmap" :roadmap="$page.markdownPage.roadmap"
/> />
</div>
<div class="container-fluid sm:pxi-0 mx-auto overflow-visible">
<CallToAction <CallToAction
:id="$page.markdownPage.id" :id="$page.markdownPage.id"
v-if="$page.markdownPage.cta2 && $page.markdownPage.id == 'tft'" v-if="$page.markdownPage.cta2 && $page.markdownPage.id == 'tft'"
@@ -204,7 +196,7 @@
:src="$page.markdownPage.solution_image.src" :src="$page.markdownPage.solution_image.src"
/> />
<div class="container_tft sm:pxi-0 mx-auto py-5 overflow-visible"> <div class="container-fluid sm:pxi-0 mx-auto py-5 overflow-visible">
<ShowcaseProducts <ShowcaseProducts
v-if=" v-if="
$page.markdownPage.productData && $page.markdownPage.productData &&