vikunja
/
theme
1
1
Fork 4
Code Issues Pull Requests Releases Wiki Activity

feature/redesign #3

Merged
konrad merged 28 commits from feature/redesign into main 2022-01-29 17:14:12 +00:00
Conversation 0 Commits 28 Files Changed 34 +26 -24
1 changed files with 26 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 33689bc0c2 - Show all commits

50
layouts/index.html
View File

@ -1,33 +1,35 @@
{{ partial "header.html" . }}
<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">
{{ if .Params.heading }}
{{ if .Params.heading.heading }}
<h1 class="text-5xl mb-4">{{.Params.heading.heading | markdownify}}</h1>
<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 pb-8">
<div class="mt-48 mb-32">
{{ if .Params.heading }}
{{ 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}}
{{ 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}}
<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 class="flex py-4 space-x-2 justify-center">
<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>
<div class="mt-20 max-w-screen-xl rounded-sm overflow-hidden shadow-lg">
<div class="max-w-screen-xl rounded-sm overflow-hidden shadow-lg">
<picture class="object-contain object-top w-full">
<source srcset="/images/vikunja-task-overview.webp" type="image/webp"/>
<source srcset="/images/vikunja-task-overview.png" type="image/png"/>