feat: home page looks better now
continuous-integration/drone/push Build is failing
Details
continuous-integration/drone/push Build is failing
Details
This commit is contained in:
parent
8f35cf0a68
commit
5ad7d1dc1a
|
@ -1,32 +1,40 @@
|
||||||
{{ partial "header.html" . }}
|
{{ partial "header.html" . }}
|
||||||
|
|
||||||
<section class="homepage-hero hero is-dark is-medium">
|
<section class="w-full min-h-screen bg-hero-llama bg-cover flex items-center justify-center flex-col text-white font-title font-bold text-center pt-36 pb-8">
|
||||||
<!-- Hero head: will stick at the top -->
|
{{ if .Params.heading }}
|
||||||
<div class="hero-head">
|
{{ if .Params.heading.heading }}
|
||||||
|
<h1 class="text-5xl mb-4">{{.Params.heading.heading | markdownify}}</h1>
|
||||||
|
{{end}}
|
||||||
|
{{ if .Params.heading.content }}
|
||||||
|
<h3 class="text-3xl mb-6">{{.Params.heading.content | markdownify}}</h3>
|
||||||
|
{{end}}
|
||||||
|
{{ if .Params.heading.subtitle }}
|
||||||
|
<h4 class="text-xl">{{.Params.heading.subtitle | markdownify}}</h4>
|
||||||
|
{{end}}
|
||||||
|
{{ if .Params.heading.subsubtitle }}
|
||||||
|
<h4 class="text-lg">{{.Params.heading.subsubtitle | markdownify}}</h4>
|
||||||
|
{{end}}
|
||||||
|
{{end}}
|
||||||
|
|
||||||
|
{{ .Content | markdownify}}
|
||||||
|
|
||||||
|
<div class="flex py-4 space-x-2">
|
||||||
|
<a href="https://try.vikunja.io"
|
||||||
|
class="px-4 py-2 border border-transparent shadow text-xl font-medium rounded-md text-white bg-primary hover:bg-primary-darker cursor-pointer">
|
||||||
|
Try it
|
||||||
|
</a>
|
||||||
|
<a href="/features"
|
||||||
|
class="px-4 py-2 border border-transparent shadow text-xl font-medium rounded-md text-white bg-primary hover:bg-primary-darker cursor-pointer">
|
||||||
|
Features
|
||||||
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Hero content: will be in the middle -->
|
<div class="mt-20 max-w-screen-xl rounded-sm overflow-hidden shadow-lg">
|
||||||
<div class="hero-body">
|
<picture class="object-contain object-top w-full">
|
||||||
<div class="container has-text-centered">
|
<source srcset="/images/vikunja-task-overview.webp" type="image/webp"/>
|
||||||
|
<source srcset="/images/vikunja-task-overview.png" type="image/png"/>
|
||||||
{{ if .Params.heading }}
|
<img src="/images/vikunja-task-overview.png" alt=""/>
|
||||||
{{ if .Params.heading.heading }}
|
</picture>
|
||||||
<h1 class="title is-1">{{.Params.heading.heading | markdownify}}</h1>
|
|
||||||
{{end}}
|
|
||||||
{{ if .Params.heading.content }}
|
|
||||||
<h3 class="subtitle is-3">{{.Params.heading.content | markdownify}}</h3>
|
|
||||||
{{end}}
|
|
||||||
{{ if .Params.heading.subtitle }}
|
|
||||||
<h4 class="subtitle is-4">{{.Params.heading.subtitle | markdownify}}</h4>
|
|
||||||
{{end}}
|
|
||||||
{{ if .Params.heading.subsubtitle }}
|
|
||||||
<h4 class="subtitle text-normal">{{.Params.heading.subsubtitle | markdownify}}</h4>
|
|
||||||
{{end}}
|
|
||||||
{{end}}
|
|
||||||
|
|
||||||
|
|
||||||
{{ .Content | markdownify}}
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
|
|
Binary file not shown.
After Width: | Height: | Size: 150 KiB |
Binary file not shown.
After Width: | Height: | Size: 61 KiB |
|
@ -1,26 +1,30 @@
|
||||||
const defaultTheme = require('tailwindcss/defaultTheme')
|
const defaultTheme = require('tailwindcss/defaultTheme')
|
||||||
|
|
||||||
module.exports = {
|
module.exports = {
|
||||||
content: [
|
content: [
|
||||||
'./src/*.css',
|
'./src/*.css',
|
||||||
'./layouts/**/*.html'
|
'./layouts/**/*.html'
|
||||||
],
|
],
|
||||||
theme: {
|
theme: {
|
||||||
extend: {
|
extend: {
|
||||||
colors: {
|
colors: {
|
||||||
primary: {
|
primary: {
|
||||||
lighter: '#3b7aec',
|
lighter: '#3b7aec',
|
||||||
DEFAULT: '#196aff',
|
DEFAULT: '#196aff',
|
||||||
darker: '#0064ff',
|
darker: '#0064ff',
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
fontFamily: {
|
fontFamily: {
|
||||||
title: ['Quicksand', ...defaultTheme.fontFamily.sans],
|
title: ['Quicksand', ...defaultTheme.fontFamily.sans],
|
||||||
},
|
},
|
||||||
},
|
backgroundImage: {
|
||||||
},
|
'hero-llama': "url('/images/bg-3.jpg')",
|
||||||
plugins: [
|
},
|
||||||
require('@tailwindcss/typography'),
|
},
|
||||||
require('@tailwindcss/forms'),
|
},
|
||||||
],
|
plugins: [
|
||||||
|
require('@tailwindcss/typography'),
|
||||||
|
require('@tailwindcss/forms'),
|
||||||
|
require('@tailwindcss/aspect-ratio'),
|
||||||
|
],
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue