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

Merge branch 'development' of github.com:threefoldfoundation/www_threefold_io into development

Browse Source
This commit is contained in:
samaradel
2021-08-16 15:07:33 +02:00
parent f0fde8b93d 81a21dea56
commit 9b26bca6f0
7 changed files with 30 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -173,6 +173,12 @@ button:focus {
font-family: "Roboto", sans-serif !important;
}
.text-9xl {
font-size: 8rem;
line-height: 1;
}
text-6xl {
font-family: "Roboto", sans-serif !important;
}

4
src/components/custom/Slider.vue
View File

@@ -1,8 +1,8 @@
<template>
<div class="my-20 tft_section">
<div v-if="main" class="text-center mx-2">
<h2 class="text-6xl uppercase leading-none font-heading my-0">{{ main.title }}</h2>
<h2 v-if="main.subtitle" class="text-6xl uppercase leading-none font-heading mt-0">{{ main.subtitle }}</h2>
<h2 class="text-8xl uppercase leading-none font-heading my-0">{{ main.title }}</h2>
<h2 v-if="main.subtitle" class="text-8xl uppercase leading-none font-heading mt-0">{{ main.subtitle }}</h2>
<div
class="my-10 text-2xl mx-auto text-gray-800 sm:mt-4 tft_subtitle"
v-html="main.content"

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

@@ -227,21 +227,21 @@
</div>
<!-- tft -->
<div class="w-full max-w-7xl mx-auto lg:mt-20 lg:px-16 tft_section" v-else-if="id == 'tft'">
<div class="w-full lg:max-w-4xl mx-auto lg:mt-20 lg:px-16 lg:py-10 tft_section" v-else-if="id == 'tft'">
<h2
v-if="cta.title"
class="lg:w-1/2 text-6xl mb-6 mt-20 leading-none font-heading mx-auto"
class="lg:max-w-lg text-8xl mb-6 mt-20 leading-none font-heading mx-auto"
>
{{ cta.title }}
</h2>
<div v-html="cta.content" class="mt-6 mb-8 text-xl tracking-wide tft_subtitle text-gray-800"></div>
<div v-html="cta.content" class="mt-6 mb-8 text-2xl leading-tight tracking-wide tft_subtitle text-gray-800"></div>
<div class="mt-8 tracking-wide leading-loose" v-if="cta.video_button">
<a
@click="toggleModal"
class="
inline-block
bg-gray-900
text-xl
text-2xl
learn-button
hover:bg-gray-800
text-gray-100
@@ -260,7 +260,7 @@
class="
inline-block
bg-gray-900
text-xl
text-2xl
learn-button
hover:bg-gray-800
text-gray-100

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

@@ -263,7 +263,7 @@
<div class="lg:self-center">
<h2
class="
text-5xl mb-6 uppercase leading-none font-heading
text-6xl mb-6 uppercase leading-none font-heading
"
>
<span class="block">{{ brand.title }}</span>
@@ -271,7 +271,7 @@
brand.subtitle
}}</span>
</h2>
<div class="py-6 mt-4 text-gray-900 text-xl tft_subtitle tracking-wide" v-html="brand.content"></div>
<div class="py-6 mt-4 text-gray-900 text-2xl leading-tight tft_subtitle tracking-wide" v-html="brand.content"></div>
<a
v-if="brand.btnTxt"
target="_blank"

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

@@ -162,14 +162,14 @@
</div>
<div
class="flex flex-wrap text-center tft_section lg:text-left lg:mt-10 lg:pt-10 -mx-2"
class="flex flex-wrap text-center tft_section lg:text-left lg:mt-10 lg:py-10 -mx-2"
v-else-if="id == 'tft'"
>
<div class="lg:w-1/2 px-2 lg:pr-20 lg:mt-10 order-1 lg:order-none text-center">
<h2 class="text-6xl mb-6 mt-20 leading-none font-heading">
<h2 class="text-8xl mb-6 mt-20 leading-none font-heading">
{{ title }}
</h2>
<div class="mb-8 text-gray-800 text-2xl tft_subtitle" v-html="excerpt"></div>
<div class="mb-8 text-gray-800 text-3xl tft_subtitle" v-html="excerpt"></div>
<div v-if="button">
<a
v-if="link.includes('http')"
@@ -177,7 +177,7 @@
class="
inline-block
bg-gray-900
text-xl
text-2xl
learn-button
hover:bg-gray-800
text-gray-100
@@ -197,7 +197,7 @@
class="
inline-block
bg-gray-900
text-xl
text-2xl
learn-button
hover:bg-gray-800
text-gray-100

20
src/components/marketing/sections/cta-sections/NewCard.vue
View File

@@ -2,11 +2,11 @@
<div class="lg:py-12 lg:flex lg:justify-center flex flex-col">
<div
v-if="id == 'tft'"
class="bg-white lg:mx-8 lg:flex lg:max-w-5xl lg:rounded-lg tft_section"
class="bg-white lg:mx-8 lg:flex lg:rounded-lg tft_section lg:py-20"
>
<div class="py-2 px-6 max-w-xl lg:max-w-5xl lg:w-1/2 text-center">
<h2 class="text-6xl mb-6 leading-none font-heading">{{ card.title }}</h2>
<div class="mt-4 text-gray-900 text-xl tft_subtitle tracking-wide" v-html="card.content"></div>
<div class="py-2 px-6 max-w-xl lg:max-w-5xl lg:w-1/2 text-center ">
<h2 class="text-8xl mb-6 leading-none font-heading">{{ card.title }}</h2>
<div class="mt-4 text-gray-900 text-2xl tft_subtitle tracking-wide" v-html="card.content"></div>
<div class="mt-8" v-if="card.button">
<a
v-if="card.link.includes('http')"
@@ -15,7 +15,7 @@
class="
inline-block
bg-gray-900
text-xl
text-2xl
learn-button
hover:bg-gray-800
text-gray-100
@@ -35,7 +35,7 @@
class="
inline-block
bg-gray-900
text-xl
text-2xl
learn-button
hover:bg-gray-800
text-gray-100
@@ -51,7 +51,7 @@
>
</div>
</div>
<div class="lg:w-1/2">
<div class="lg:w-3/4">
<div
class="h-64 bg-cover lg:rounded-lg lg:h-full"
:style="{ 'background-image': 'url(' + img(card.img) + ')' }"
@@ -122,9 +122,3 @@ export default {
},
};
</script>
<style scoped>
.tft_section {
margin: auto;
}
</style>

4
src/components/marketing/sections/team-sections/with_large_images.vue
View File

@@ -24,12 +24,12 @@
>
<div v-for="(section, index) in sections" :key="index" class="p-5">
<div class="leading-6">
<h2 class="text-8xl font-bold uppercase mt-0" v-if="section.title">
<h2 class="text-9xl font-bold uppercase mt-0" v-if="section.title">
{{ section.title }}
</h2>
<div
v-if="section.content"
class="text-2xl tft_subtitle tracking-wide"
class="text-2xl tft_subtitle tracking-wide leading-9"
v-html="section.content"
></div>
</div>