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

update new community page

Browse Source
This commit is contained in:
Ehab Hassan
2021-11-02 13:21:47 +02:00
parent 05c290aec6
commit 50e213709c
5 changed files with 133 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
content/page/newcommunity/community_header.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 164 KiB

17
content/page/newcommunity/newcommunity.md Normal file
View File

@@ -0,0 +1,17 @@
---
id: newcommunity
metaTitle: ThreeFold | newcommunity
metaDesc: A 100% open-source and community-driven project that is building the critical infrastructure for a decentralized world. Anyone can contribute to ThreeFold. And there are many ways to get involved.
metaImg: ./community_header.jpg
header_slogan: ''
header_title: WELCOME TO
header_title2: THE FOLD
header_image: ./community_header.jpg
header_altImg: newcommunity
header_excerpt: A 100% open-source and community-driven project that is building the critical infrastructure for a decentralized world. Anyone can contribute to ThreeFold. And there are many ways to get involved.
button: ''
link: ''
---

42
src/components/marketing/sections/cta-sections/Footer.vue
View File

@@ -123,7 +123,7 @@
/>
</svg>
</a>
<a
<a
v-if="record.telegram != '#'"
:href="record.telegram"
class="text-gray-400 hover:text-gray-500"
@@ -142,11 +142,18 @@
clip-rule="evenodd"
/>
</svg> -->
<svg
xmlns="http://www.w3.org/2000/svg" width="1.2rem" height="1.2rem" fill="currentColor" class="bi bi-telegram" viewBox="0 0 16 16">
<path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8.287 5.906c-.778.324-2.334.994-4.666 2.01-.378.15-.577.298-.595.442-.03.243.275.339.69.47l.175.055c.408.133.958.288 1.243.294.26.006.549-.1.868-.32 2.179-1.471 3.304-2.214 3.374-2.23.05-.012.12-.026.166.016.047.041.042.12.037.141-.03.129-1.227 1.241-1.846 1.817-.193.18-.33.307-.358.336a8.154 8.154 0 0 1-.188.186c-.38.366-.664.64.015 1.088.327.216.589.393.85.571.284.194.568.387.936.629.093.06.183.125.27.187.331.236.63.448.997.414.214-.02.435-.22.547-.82.265-1.417.786-4.486.906-5.751a1.426 1.426 0 0 0-.013-.315.337.337 0 0 0-.114-.217.526.526 0 0 0-.31-.093c-.3.005-.763.166-2.984 1.09z"/>
</svg>
<svg
xmlns="http://www.w3.org/2000/svg"
width="1.2rem"
height="1.2rem"
fill="currentColor"
class="bi bi-telegram"
viewBox="0 0 16 16"
>
<path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8.287 5.906c-.778.324-2.334.994-4.666 2.01-.378.15-.577.298-.595.442-.03.243.275.339.69.47l.175.055c.408.133.958.288 1.243.294.26.006.549-.1.868-.32 2.179-1.471 3.304-2.214 3.374-2.23.05-.012.12-.026.166.016.047.041.042.12.037.141-.03.129-1.227 1.241-1.846 1.817-.193.18-.33.307-.358.336a8.154 8.154 0 0 1-.188.186c-.38.366-.664.64.015 1.088.327.216.589.393.85.571.284.194.568.387.936.629.093.06.183.125.27.187.331.236.63.448.997.414.214-.02.435-.22.547-.82.265-1.417.786-4.486.906-5.751a1.426 1.426 0 0 0-.013-.315.337.337 0 0 0-.114-.217.526.526 0 0 0-.31-.093c-.3.005-.763.166-2.984 1.09z"
/>
</svg>
</a>
<!-- <a
v-if="record.dribbble != '#'"
@@ -203,7 +210,14 @@
>
<div>
<h4
class="text-sm leading-5 font-semibold text-gray-600 tracking-wider uppercase"
class="
text-sm
leading-5
font-semibold
text-gray-600
tracking-wider
uppercase
"
>
{{ footerLink.title }}
</h4>
@@ -213,14 +227,24 @@
v-if="item.link.includes('http')"
:href="item.link"
target="_blank"
class="text-base leading-5 text-gray-500 hover:text-gray-900"
class="
text-base
leading-5
text-gray-500
hover:text-gray-900
"
>
{{ item.name }}
</a>
<a
v-else
:href="item.link"
class="text-base leading-5 text-gray-500 hover:text-gray-900"
class="
text-base
leading-5
text-gray-500
hover:text-gray-900
"
>
{{ item.name }}
</a>

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

@@ -427,7 +427,7 @@
<h2 class="text-8xl uppercase mb-6 mt-20 leading-none font-heading">
{{ title }}
</h2>
<div class="mb-8 mx-auto text-xl max-w-xl" v-html="excerpt"></div>
<div class="mb-8 mx-auto lg:text-2xl max-w-2xl" v-html="excerpt"></div>
<a
v-if="link.includes('http')"
@@ -484,10 +484,10 @@
<h2
class="
lg:text-6xl
font-light
font-normal
uppercase
mb-6
mt-20
mt-10
leading-none
font-heading
"
@@ -497,10 +497,10 @@
</h2>
<h3 class="text-4xl leading-none font-light">{{ slogan }}</h3>
<div class="mb-8 mx-auto text-xl max-w-2xl" 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="link.includes('http')"
v-if="button && link.includes('http')"
target="_blank"
class="
inline-block
@@ -521,7 +521,81 @@
>{{ button }}</a
>
<a
v-else
v-else-if="button"
class="
inline-block
bg-white
lg:text-lg
learn-button
hover:bg-gray-400
px-12
py-1
mr-5
mb-4
border-2
shadow
border-black
capitalize
"
:href="link"
>{{ button }}</a
>
</div>
<g-image
class="order-2 lg:order-none mx-auto w-full"
:src="img"
:alt="altImg"
/>
</div>
<!-- newcommunity -->
<div
class="flex flex-wrap text-center lg:text-left lg:pt-10 lg:pb-10 -mx-2"
v-else-if="id == 'newcommunity'"
>
<div class="px-6 lg:mt-2 order-1 lg:order-none mx-auto text-center">
<h2
class="
lg:text-6xl
font-normal
uppercase
mb-2
lg:mt-4
mt-10
leading-none
font-heading
"
>
{{ title }}
<span class="block leading-none font-bold">{{ title2 }}</span>
</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>
<a
v-if="button && link.includes('http')"
target="_blank"
class="
inline-block
bg-white
lg:text-lg
learn-button
hover:bg-gray-400
px-12
py-1
mr-5
mb-4
border-2
shadow
border-black
capitalize
"
:href="link"
>{{ button }}</a
>
<a
v-else-if="button"
class="
inline-block
bg-white

4
src/templates/MarkdownPage.vue
View File

@@ -72,7 +72,9 @@
$page.markdownPage.id !== 'farm' &&
$page.markdownPage.id !== 'grid' &&
$page.markdownPage.id !== 'developer' &&
$page.markdownPage.id !== 'tft'
$page.markdownPage.id !== 'tft' &&
$page.markdownPage.id !== 'newcommunity'
"
:id="$page.markdownPage.id"
:title="$page.markdownPage.header_title"