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

Update header

Browse Source
This commit is contained in:
samaradel
2021-03-25 15:34:16 +02:00
parent 0a5fa6c86a
commit a12f1b1b45
3 changed files with 10 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
content/page/home/home.md
View File

@@ -1,6 +1,7 @@
--- ---
id: home id: home
header_title: YOU ARE THE NEW INTERNET header_slogan: YOU
header_title: ARE THE NEW INTERNET
header_image: ./home_header.png header_image: ./home_header.png
header_altImg: threefold header_altImg: threefold
header_excerpt: Welcome to the world’s largest Peer-to-Peer internet, formed by people who want to make a difference, by people who care, by people just like you. header_excerpt: Welcome to the world’s largest Peer-to-Peer internet, formed by people who want to make a difference, by people who care, by people just like you.
@@ -17,6 +18,5 @@ solution_image: ./cta_image.svg
cta: home_cta cta: home_cta
--- ---
<!-- header: home_header <!-- header: home_header
solution_image: ./home_header.png --> solution_image: ./home_header.png -->

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

@@ -3,21 +3,21 @@
<div class="flex flex-wrap items-center text-center lg:text-left -mx-2"> <div class="flex flex-wrap items-center text-center lg:text-left -mx-2">
<div class="lg:w-1/2 px-2 lg:pr-10 mt-10 lg:mt-0 order-1 lg:order-none"> <div class="lg:w-1/2 px-2 lg:pr-10 mt-10 lg:mt-0 order-1 lg:order-none">
<h2 class="text-6xl mb-6 leading-tight font-bold font-heading"> <h2 class="text-6xl mb-6 leading-tight font-bold font-heading">
{{ title }} <span class="text-teal-200">{{ slogan }}</span
> {{ title }}
</h2> </h2>
<div class="mb-8 text-gray-700 leading-relaxed" v-html="excerpt"></div> <div class="mb-8 text-gray-700 leading-relaxed" v-html="excerpt"></div>
<div v-if="button"> <div v-if="button">
<a <a
v-if="link.includes('http')" v-if="link.includes('http')"
target="_blank" target="_blank"
class="inline-block py-4 px-8 mr-6 leading-none text-white bg-gray-900 hover:bg-gray-700 font-semibold rounded shadow" class="inline-block bg-gray-700 text-sm font-bold learn-button hover:bg-gray-800 text-gray-100 px-12 py-2 mr-5 mb-4 rounded shadow rounded-full"
:href="link" :href="link"
>{{ button }}</a >{{ button }}</a
> >
<a <a
v-else v-else
class="inline-block bg-blue-900 text-sm learn-button hover:bg-blue-800 text-gray-100 px-12 py-2 mr-5 mb-4 rounded shadow rounded-full" class="inline-block bg-gray-700 text-sm font-bold learn-button hover:bg-gray-800 text-gray-100 px-12 py-2 mr-5 mb-4 rounded shadow rounded-full"
:href="link" :href="link"
>{{ button }}</a >{{ button }}</a
> >
@@ -31,7 +31,7 @@
<script> <script>
export default { export default {
props: ["title", "excerpt", "altImg", "image", "button", "link"], props: ["title", "slogan", "excerpt", "altImg", "image", "button", "link"],
computed: { computed: {
img: function () { img: function () {
if (!this.image) return ""; if (!this.image) return "";

2
src/pages/Index.vue
View File

@@ -8,6 +8,7 @@
<Header <Header
:title="$page.markdownPage.header_title" :title="$page.markdownPage.header_title"
:slogan="$page.markdownPage.header_slogan"
:image="$page.markdownPage.header_image" :image="$page.markdownPage.header_image"
:altImg="$page.markdownPage.header_altImg" :altImg="$page.markdownPage.header_altImg"
:excerpt="$page.markdownPage.header_excerpt" :excerpt="$page.markdownPage.header_excerpt"
@@ -82,6 +83,7 @@
markdownPage(id: "home") { markdownPage(id: "home") {
id id
path path
header_slogan
header_title header_title
header_image header_image
header_excerpt header_excerpt