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

Update content

Browse Source
This commit is contained in:
samaradel
2021-11-14 13:43:57 +02:00
parent 3228dc63b2
commit a46fc8f563
121 changed files with 641 additions and 192 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -354,53 +354,96 @@
v-html="cta.content"
class="mt-6 mb-8 lg:text-2xl lg:max-w-4xl mx-auto px-4"
></div>
<div class="inline-block" v-if="cta.button">
<a
class="
inline-block
bg-white
text-lg
learn-button
hover:bg-gray-400
px-12
py-1
mr-5
my-4
border-2
shadow
border-black
"
target="_blank"
v-if="cta.button && cta.link.includes('http')"
:href="cta.link"
>{{ cta.button }}</a
>
<a
class="
inline-block
bg-white
text-lg
learn-button
hover:bg-gray-400
px-12
py-1
mr-5
my-4
border-2
shadow
border-black
"
target="_blank"
v-if="cta.button && cta.link.includes('http')"
:href="cta.link"
>{{ cta.button }}</a
>
<a
class="
inline-block
bg-white
text-lg
learn-button
hover:bg-gray-400
px-12
py-1
mr-5
my-4
border-2
shadow
border-black
"
v-else
:href="cta.link"
>{{ cta.button }}</a
>
</div>
<div class="inline-block" v-if="cta.button2">
<a
class="
inline-block
bg-white
text-lg
learn-button
hover:bg-gray-400
px-12
py-1
mr-5
my-4
border-2
shadow
border-black
"
target="_blank"
v-if="cta.button2 && cta.link2.includes('http')"
:href="cta.link2"
>{{ cta.button2 }}</a
>
<a
class="
inline-block
bg-white
text-lg
learn-button
hover:bg-gray-400
px-12
py-1
mr-5
my-4
border-2
shadow
border-black
"
v-else
:href="cta.link"
>{{ cta.button }}</a
>
<a
class="
inline-block
bg-white
text-lg
learn-button
hover:bg-gray-400
px-12
py-1
mr-5
my-4
border-2
shadow
border-black
"
v-else
:href="cta.link2"
>{{ cta.button2 }}</a
>
</div>
</div>
<!-- newcommunity -->
<!-- community -->
<div
class="w-full mx-auto py-6 lg:py-10"
v-else-if="id == 'newcommunity' && !textOnly"
v-else-if="id == 'community' && !textOnly"
>
<h2
v-if="cta.title"
@@ -466,7 +509,7 @@
<div
class="w-full mx-auto lg:mt-20 py-10 lg:p-20"
v-else-if="id == 'newcommunity' && textOnly"
v-else-if="id == 'community' && textOnly"
>
<h2
v-if="cta.title"
@@ -575,10 +618,10 @@
>
</div>
<!-- newsupport -->
<!-- support -->
<div
class="w-full mx-auto lg:mt-20 py-10"
v-else-if="id == 'newsupport' && textOnly"
v-else-if="id == 'support' && textOnly"
>
<div class="gray py-10 lg:py-20">
<h2
@@ -626,7 +669,6 @@
mx-3
my-4
"
target="_blank"
:href="cta.faqlink2"
>{{ cta.faqbutton2 }}</a
>
@@ -689,7 +731,7 @@
<div class="relative lg:mt-48 mt-28">
<g-image
:src="cta.image"
class="lg:my-16 mx-auto absolute inset-x-0 bottom-0 h-60 w-60 "
class="lg:my-16 mx-auto absolute inset-x-0 bottom-0 h-60 w-60"
/>
</div>
<div class="mt-40">

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

@@ -5,7 +5,7 @@
bg: id == 'mission' && brandPanel3,
gry: id == 'farm' && brandPanel3,
gry2: id == 'developer' && brandPanel3,
gry3: id == 'newcommunity' && brandPanel3,
gry3: id == 'community' && brandPanel3,
}"
>
<div class="mx-auto py-10">
@@ -697,9 +697,9 @@
</div>
</div>
<!-- newcommunity -->
<!-- community -->
<div
v-else-if="id == 'newcommunity' && brandPanel2"
v-else-if="id == 'community' && brandPanel2"
class="flex flex-wrap lg:text-left text-center px-4 lg:p-20"
>
<div class="lg:w-1/2 px-2 self-center">
@@ -768,7 +768,7 @@
</div>
<div
v-else-if="id == 'newcommunity' && brandPanel3"
v-else-if="id == 'community' && brandPanel3"
class="flex flex-wrap lg:text-left text-center lg:py-20 lg:px-32 px-4"
>
<div class="lg:w-1/2 px-2 lg:mt-20 order-1 lg:order-none">

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

@@ -173,7 +173,9 @@
flex flex-wrap
text-center
items-center
lg:text-left lg:mb-20 lg:mt-24 mt-10 lg:mx-40
lg:text-left lg:mb-20 lg:mt-24
mt-10
lg:mx-40
"
v-if="id == 'farm'"
>
@@ -253,7 +255,14 @@
<!-- developer -->
<div
class="flex flex-wrap text-center items-center lg:mb-40 lg:mt-24 mt-10 lg:mx-40"
class="
flex flex-wrap
text-center
items-center
lg:mb-10 lg:mt-24
mt-10
lg:mx-40
"
v-if="id == 'developer'"
>
<div class="lg:w-1/2 px-10 lg:mt-10 order-1 lg:order-none lg:max-w-2xl">
@@ -273,7 +282,13 @@
<span class="block leading-none font-bold">{{ title2 }}</span>
</h2>
<div
class="mb-8 text-center text-2xl text-extrabold leading-tight mx-auto lg:max-w-md"
class="
mb-8
text-center text-2xl text-extrabold
leading-tight
mx-auto
lg:max-w-md
"
v-html="excerpt"
></div>
<div v-if="button" class="block text-center">
@@ -410,12 +425,34 @@
>
<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">
<g-image :src="img" :alt="altImg" />
<g-image :src="img" class="w-3/4 mx-auto" :alt="altImg" />
</div>
<h2 class="text-8xl uppercase mb-6 lg:mt-20 leading-none font-heading">
<h2
class="
h2
text-5xl
max-w-2xl
mx-auto
uppercase
mb-6
lg:mt-20
leading-none
font-heading
"
>
{{ title }}
</h2>
<div class="mb-8 text-xl leading-relaxed" v-html="excerpt"></div>
<div
class="mb-8 text-xl max-w-2xl mx-auto leading-relaxed"
v-html="excerpt"
></div>
<div class="quicklinks">
<a :href="link" target="_blank"
><g-image :src="buttonImg" /></a
><a :href="link2" target="_blank"
><g-image :src="buttonImg2"
/></a>
</div>
</div>
</div>
@@ -497,7 +534,10 @@
</h2>
<h3 class="text-4xl leading-none font-light">{{ slogan }}</h3>
<div class="mb-8 mx-auto lg:text-2xl text-xl max-w-3xl" v-html="excerpt"></div>
<div
class="mb-8 mx-auto lg:text-2xl text-xl max-w-3xl"
v-html="excerpt"
></div>
<a
v-if="button && link.includes('http')"
@@ -548,10 +588,10 @@
/>
</div>
<!-- newcommunity -->
<!-- community -->
<div
class="flex flex-wrap text-center lg:text-left lg:pt-10 lg:pb-10 -mx-2"
v-else-if="id == 'newcommunity'"
v-else-if="id == 'community'"
>
<div class="px-6 lg:mt-2 order-1 lg:order-none mx-auto text-center">
<h2
@@ -571,7 +611,10 @@
</h2>
<h3 class="text-4xl leading-none font-light">{{ slogan }}</h3>
<div class="mb-8 mx-auto lg:text-2xl text-xl lg:max-w-3xl" v-html="excerpt"></div>
<div
class="mb-8 mx-auto lg:text-2xl text-xl lg:max-w-3xl"
v-html="excerpt"
></div>
<a
v-if="button && link.includes('http')"
@@ -624,7 +667,7 @@
<div
class="flex flex-wrap text-center lg:text-left lg:mt-10 lg:pt-10 lg:mx-40"
v-else-if="id == 'support'"
v-else-if="id == 'oldsupport'"
>
<div class="lg:w-1/2 px-2 lg:mt-10 order-1 lg:order-none">
<h2
@@ -710,6 +753,8 @@ export default {
"link",
"link2",
"link3",
"buttonImg",
"buttonImg2",
],
computed: {
img: function () {
@@ -728,6 +773,43 @@ export default {
background: linear-gradient(to bottom, #ea1ff7, #70dfc9);
background-size: cover !important;
}
.quicklinks {
box-sizing: border-box;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: auto;
display: inline-block;
margin: 0 auto;
border-radius: 10px;
text-align: left;
margin-top: 30px;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 60px;
}
.quicklinks img {
height: auto;
display: inline-block;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
position: relative;
margin-right: 30px;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
opacity: 0.5;
}
.quicklinks img:hover {
opacity: 1;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
@media (max-width: 640px) {
.bg-home {
background-position: center !important;

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

@@ -215,11 +215,11 @@
</div>
</div>
<!-- Support -->
<!-- oldSupport -->
<div
class="grid grid-cols-1 gap-4 sm:grid-cols-3 text-center lg:px-20"
v-else-if="id == 'support'"
v-else-if="id == 'oldsupport'"
>
<a
v-for="(product, idx) in products"

2
src/components/marketing/sections/cta-sections/logoShowcase.vue
View File

@@ -16,7 +16,7 @@
<g-image :src="img(main.image)" class="lg:w-2/3 mx-auto" />
</div>
<div
v-if="id == 'support' || id == 'community'"
v-if="id == 'oldsupport' || id == 'oldcommunity'"
class="flex flex-wrap lg:mx-40"
>
<div

55
src/components/marketing/sections/logo-clouds/off_white_grid.vue
View File

@@ -1,12 +1,14 @@
<template>
<div class="bg-white">
<div v-if="id == 'newcommunity'"
class="max-w-screen-2xl mx-auto py-12 px-4 sm:px-6 lg:py-32 lg:px-2">
<div
v-if="id == 'community'"
class="max-w-screen-2xl mx-auto py-6 px-4 sm:px-6 lg:py-12 lg:px-2"
>
<div
v-html="news.content"
class="text-center text-6xl font-semibold leading-tight font-heading"
></div>
<div class="mt-6 grid grid-cols-1 gap-3 md:grid-cols-3 lg:mt-10 ">
<div class="mt-6 grid grid-cols-1 gap-3 md:grid-cols-3 lg:mt-10">
<g-link
v-for="partner in news.partners"
:key="partner.id"
@@ -19,13 +21,50 @@
</div>
</div>
<div v-else
class="max-w-screen-xl mx-auto py-12 px-4 sm:px-6 lg:py-24 lg:px-2">
<div
v-else-if="id == 'support'"
class="max-w-screen-xl mx-auto py-6 px-4 sm:px-6 lg:py-12 lg:px-2"
>
<div
v-html="news.content"
class="text-center lg:text-6xl text-4xl font-semibold leading-tight font-heading"
class="
text-center
lg:text-6xl
text-4xl
font-semibold
leading-tight
font-heading
"
></div>
<div class="mt-6 grid grid-cols-1 gap-3 md:grid-cols-3 lg:mt-10 ">
<div class="mt-6 grid grid-cols-1 gap-3 md:grid-cols-3 lg:mt-10">
<g-link
v-for="partner in news.partners"
:key="partner.id"
:to="partner.path"
target="_blank"
class="col-span-1 flex justify-center m-1"
>
<img :src="img(partner.logo)" />
</g-link>
</div>
</div>
<div
v-else
class="max-w-screen-xl mx-auto py-12 px-4 sm:px-6 lg:py-24 lg:px-2"
>
<div
v-html="news.content"
class="
text-center
lg:text-6xl
text-4xl
font-semibold
leading-tight
font-heading
"
></div>
<div class="mt-6 grid grid-cols-1 gap-3 md:grid-cols-3 lg:mt-10">
<g-link
v-for="partner in news.partners"
:key="partner.id"
@@ -42,7 +81,7 @@
<script>
export default {
props: ["news" , "id"],
props: ["news", "id"],
methods: {
img(image) {
if (!image) return "";