ourworld_web/www_threefold_io
23
0
Fork 0
Code Issues 1 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 "";

41
src/index.html
View File

@@ -3,7 +3,7 @@
<head>
${head}
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Lato&family=Nunito:wght@700&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
@@ -24,14 +24,14 @@
</script> -->
<!-- Cookie Consent by https://www.FreePrivacyPolicy.com -->
<script type="text/javascript"
src="//www.freeprivacypolicy.com/public/cookie-consent/3.1.0/cookie-consent.js"></script>
<script
type="text/javascript"> document.addEventListener('DOMContentLoaded', function () { cookieconsent.run({ "notice_banner_type": "headline", "consent_type": "express", "palette": "light", "language": "en", "website_name": "https://www.threefold.io", "website_privacy_policy_url":"https://library.threefold.me/info/legal/#/legal__privacypolicy" }); });</script>
<!-- Cookie Consent by https://www.FreePrivacyPolicy.com -->
<script type="text/javascript"
src="//www.freeprivacypolicy.com/public/cookie-consent/3.1.0/cookie-consent.js"></script>
<script
type="text/javascript"> document.addEventListener('DOMContentLoaded', function () { cookieconsent.run({ "notice_banner_type": "headline", "consent_type": "express", "palette": "light", "language": "en", "website_name": "https://www.threefold.io", "website_privacy_policy_url": "https://library.threefold.me/info/legal/#/legal__privacypolicy" }); });</script>
<!-- Crisp -->
<script type="text/plain" cookie-consent="functionality">
<!-- Crisp -->
<script type="text/plain" cookie-consent="functionality">
window.$crisp = [];
window.CRISP_WEBSITE_ID = "1a5a5241-91cb-4a41-8323-5ba5ec574da0";
(function () {
@@ -42,19 +42,19 @@ type="text/javascript"> document.addEventListener('DOMContentLoaded', function (
d.getElementsByTagName("head")[0].appendChild(s);
})();
</script>
<!-- end of Crisp-->
<!-- end of Crisp-->
<!-- Matomo Tag Manager -->
<script type="text/javascript">
var _mtm = window._mtm = window._mtm || [];
_mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'});
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.type='text/javascript'; g.async=true; g.src='https://analytics.threefold.io/js/container_KIcuIdn4.js'; s.parentNode.insertBefore(g,s);
<!-- Matomo Tag Manager -->
<script type="text/javascript">
var _mtm = window._mtm = window._mtm || [];
_mtm.push({ 'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start' });
var d = document, g = d.createElement('script'), s = d.getElementsByTagName('script')[0];
g.type = 'text/javascript'; g.async = true; g.src = 'https://analytics.threefold.io/js/container_KIcuIdn4.js'; s.parentNode.insertBefore(g, s);
</script>
<!-- End Matomo Tag Manager -->
<!-- Matomo -->
<script type="text/plain" cookie-consent="tracking">
<!-- Matomo -->
<script type="text/plain" cookie-consent="tracking">
var _paq = window._paq = window._paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(['trackPageView']);
@@ -67,10 +67,11 @@ type="text/javascript"> document.addEventListener('DOMContentLoaded', function (
g.type='text/javascript'; g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
})();
</script>
<!-- end of Matomo-->
<!-- end of Matomo-->
<noscript>Cookie Consent by <a href="https://www.FreePrivacyPolicy.com/free-cookie-consent/" rel="nofollow noopener">FreePrivacyPolicy.com</a></noscript>
<!-- End Cookie Consent -->
<noscript>Cookie Consent by <a href="https://www.FreePrivacyPolicy.com/free-cookie-consent/"
rel="nofollow noopener">FreePrivacyPolicy.com</a></noscript>
<!-- End Cookie Consent -->
<!-- MailerLite Universal -->
<script>

47
src/templates/MarkdownPage.vue
View File

@@ -5,7 +5,7 @@
v-if="
$page.markdownPage.header_title &&
$page.markdownPage.header_title != '' &&
$page.markdownPage.id !== 'support'
$page.markdownPage.id !== 'oldsupport'
"
:id="$page.markdownPage.id"
:title="$page.markdownPage.header_title"
@@ -16,6 +16,9 @@
:excerpt="$page.markdownPage.header_excerpt"
:button="$page.markdownPage.button"
:link="$page.markdownPage.link"
:link2="$page.markdownPage.link2"
:buttonImg="$page.markdownPage.buttonImg"
:buttonImg2="$page.markdownPage.buttonImg2"
/>
<BrandPanel
@@ -39,7 +42,7 @@
$page.markdownPage.brandPanel2 &&
$page.markdownPage.id !== 'farm' &&
$page.markdownPage.id !== 'developer' &&
$page.markdownPage.id !== 'newcommunity'
$page.markdownPage.id !== 'community'
"
:brandPanel2="true"
/>
@@ -53,7 +56,7 @@
$page.markdownPage.brandPanel3 &&
$page.markdownPage.id !== 'farm' &&
$page.markdownPage.id !== 'developer' &&
$page.markdownPage.id !== 'newcommunity'
$page.markdownPage.id !== 'community'
"
:brandPanel3="true"
/>
@@ -75,7 +78,7 @@
$page.markdownPage.id !== 'grid' &&
$page.markdownPage.id !== 'developer' &&
$page.markdownPage.id !== 'tft' &&
$page.markdownPage.id !== 'newcommunity'
$page.markdownPage.id !== 'community'
"
:id="$page.markdownPage.id"
:title="$page.markdownPage.header_title"
@@ -102,7 +105,7 @@
$page.markdownPage.cta2 &&
$page.markdownPage.id !== 'tft' &&
$page.markdownPage.id !== 'farm' &&
$page.markdownPage.id !== 'newcommunity'
$page.markdownPage.id !== 'community'
"
:cta="$page.markdownPage.cta2"
:textOnly="true"
@@ -205,8 +208,8 @@
v-if="
$page.markdownPage.cta3 &&
$page.markdownPage.id !== 'developer' &&
$page.markdownPage.id !== 'newcommunity' &&
$page.markdownPage.id !== 'newsupport'
$page.markdownPage.id !== 'community' &&
$page.markdownPage.id !== 'support'
"
:cta="$page.markdownPage.cta3"
:lastCta="true"
@@ -345,7 +348,7 @@
:main="$page.markdownPage.appsMain"
/>
<!-- newcommunity page -->
<!-- community page -->
<InTheNews
:id="$page.markdownPage.id"
v-if="$page.markdownPage.inTheNews"
@@ -354,18 +357,14 @@
<CallToAction
:id="$page.markdownPage.id"
v-if="
$page.markdownPage.cta3 && $page.markdownPage.id == 'newsupport'
"
v-if="$page.markdownPage.cta3 && $page.markdownPage.id == 'support'"
:cta="$page.markdownPage.cta3"
:textOnly="true"
/>
<CallToAction
:id="$page.markdownPage.id"
v-if="
$page.markdownPage.cta2 && $page.markdownPage.id == 'newcommunity'
"
v-if="$page.markdownPage.cta2 && $page.markdownPage.id == 'community'"
:cta="$page.markdownPage.cta2"
/>
@@ -373,8 +372,7 @@
:id="$page.markdownPage.id"
:brand="$page.markdownPage.brandPanel3"
v-if="
$page.markdownPage.brandPanel3 &&
$page.markdownPage.id == 'newcommunity'
$page.markdownPage.brandPanel3 && $page.markdownPage.id == 'community'
"
:brandPanel3="true"
/>
@@ -382,17 +380,14 @@
:id="$page.markdownPage.id"
:brand="$page.markdownPage.brandPanel2"
v-if="
$page.markdownPage.brandPanel2 &&
$page.markdownPage.id == 'newcommunity'
$page.markdownPage.brandPanel2 && $page.markdownPage.id == 'community'
"
:brandPanel2="true"
/>
<CallToAction
:id="$page.markdownPage.id"
v-if="
$page.markdownPage.cta3 && $page.markdownPage.id == 'newcommunity'
"
v-if="$page.markdownPage.cta3 && $page.markdownPage.id == 'community'"
:cta="$page.markdownPage.cta3"
:textOnly="true"
/>
@@ -408,7 +403,10 @@
/>
<CenteredAccordion
v-if="$page.markdownPage.faqContent && $page.markdownPage.id == 'faq'"
v-if="
($page.markdownPage.faqContent && $page.markdownPage.id == 'faq') ||
$page.markdownPage.id == 'farmFAQ'
"
:main="$page.markdownPage.faqMain"
:faqs="$page.markdownPage.faqContent"
/>
@@ -506,7 +504,10 @@
header_image
header_slogan
button
buttonImg
link
buttonImg2
link2
solution_image
solution_image2
header{
@@ -630,6 +631,8 @@
content
button
link
button2
link2
image
faqbutton
faqlink