This commit is contained in:
parent
33e38fad2d
commit
f6b2b5e9f6
|
@ -9,11 +9,21 @@ menu:
|
||||||
weight: 20
|
weight: 20
|
||||||
---
|
---
|
||||||
|
|
||||||
|
<section class="hero is-medium is-bold feature-hero">
|
||||||
|
<div class="hero-body">
|
||||||
|
<div class="container has-text-centered">
|
||||||
|
<h1 class="title">
|
||||||
|
Think of Vikunja like the notebook you have with all your things to keep track of.
|
||||||
|
</h1>
|
||||||
|
<h2 class="subtitle">
|
||||||
|
But better.
|
||||||
|
</h2>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<h1>Features</h1>
|
|
||||||
<p>Vikunja is a TODO-List app. Think of it like the notebook you have with all your things to keep track of, but better.</p>
|
|
||||||
|
|
||||||
<div class="columns">
|
<div class="columns">
|
||||||
<div class="column theimage">
|
<div class="column theimage">
|
||||||
<img src="lists.png" alt="Lists"/>
|
<img src="lists.png" alt="Lists"/>
|
||||||
|
@ -44,7 +54,7 @@ menu:
|
||||||
Ever wished you could just share that grocery list with your roomate instead of having to send dozens of texts on your way to the supermarket?
|
Ever wished you could just share that grocery list with your roomate instead of having to send dozens of texts on your way to the supermarket?
|
||||||
With Vikunja, you can. Simply share a list or a namespace with all its lists to another user.
|
With Vikunja, you can. Simply share a list or a namespace with all its lists to another user.
|
||||||
Don't want your roommate to add new things to the grocery list and only do the shopping?
|
Don't want your roommate to add new things to the grocery list and only do the shopping?
|
||||||
You can also share a list with _read-only_ access!</p>
|
You can also share a list with <i>read-only</i> access!</p>
|
||||||
|
|
||||||
<p>
|
<p>
|
||||||
Planning a bigger thing? You can use teams to share a list or namespace with multiple people at a time!
|
Planning a bigger thing? You can use teams to share a list or namespace with multiple people at a time!
|
||||||
|
@ -63,7 +73,7 @@ use - but you don't have to use it! Vikunja comes with a calDAV-integration whic
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<section class="hero is-medium is-warning is-bold" style="margin:2.5em 0">
|
<section class="hero is-medium is-warning is-bold" style="margin:4em 0">
|
||||||
<div class="hero-body">
|
<div class="hero-body">
|
||||||
<div class="container has-text-centered">
|
<div class="container has-text-centered">
|
||||||
<h1 class="title">
|
<h1 class="title">
|
||||||
|
@ -87,7 +97,7 @@ use - but you don't have to use it! Vikunja comes with a calDAV-integration whic
|
||||||
<p>Also, did I mention "the cloud"? Vikunja syncs across all your devices, no matter if you created a task on the mobile app or on your laptop, enabling
|
<p>Also, did I mention "the cloud"? Vikunja syncs across all your devices, no matter if you created a task on the mobile app or on your laptop, enabling
|
||||||
you to continue where you left off.
|
you to continue where you left off.
|
||||||
<br/>
|
<br/>
|
||||||
<small style="color:#636363">We don't have any stable hosted instances of Vikunja available, yet.</small>
|
<small style="color:#636363">* We don't have any stable hosted instances of Vikunja available, yet.</small>
|
||||||
|
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
|
|
Binary file not shown.
Before Width: | Height: | Size: 26 KiB After Width: | Height: | Size: 16 KiB |
|
@ -1,8 +1,9 @@
|
||||||
{{ partial "header.html" . }}
|
{{ partial "header.html" . }}
|
||||||
{{ partial "navbar.html" . }}
|
|
||||||
|
|
||||||
<div class="features">
|
<div class="features">
|
||||||
|
{{ partial "navbar.html" . }}
|
||||||
|
|
||||||
{{ .Content }}
|
{{ .Content }}
|
||||||
</div>
|
|
||||||
|
|
||||||
{{ partial "footer.html" . }}
|
{{ partial "footer.html" . }}
|
||||||
|
</div>
|
|
@ -237,6 +237,10 @@ h1, h2, h3, h4, h5, h6 {
|
||||||
.features{
|
.features{
|
||||||
@include linear-gradient(180deg, $primary, lighten($green, 15%));
|
@include linear-gradient(180deg, $primary, lighten($green, 15%));
|
||||||
|
|
||||||
|
.navbar{
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
|
||||||
h1,h2,h3,&{
|
h1,h2,h3,&{
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
|
@ -245,8 +249,14 @@ h1, h2, h3, h4, h5, h6 {
|
||||||
color: lighten($dark, 10%);
|
color: lighten($dark, 10%);
|
||||||
}
|
}
|
||||||
|
|
||||||
.column{
|
.content{
|
||||||
|
padding: 0 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.feature-hero{
|
||||||
|
.subtitle {
|
||||||
|
font-size: 1.7rem;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.column.theimage {
|
.column.theimage {
|
||||||
|
@ -256,4 +266,12 @@ h1, h2, h3, h4, h5, h6 {
|
||||||
box-shadow: .4em .4em 1em lighten($dark, 15%);
|
box-shadow: .4em .4em 1em lighten($dark, 15%);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.footer {
|
||||||
|
background: lighten(#000, 10%);
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: lighten(#000, 70%);
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
Loading…
Reference in New Issue
Block a user