From 21017ba4e1daf22e7edce78e03703a30261999f5 Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Wed, 25 Dec 2019 14:45:16 +0100
Subject: [PATCH] Mention attachments, relations, due dates

---
 content/features/index.en.md | 79 ++++++++++++++++++++++--------------
 1 file changed, 48 insertions(+), 31 deletions(-)

diff --git a/content/features/index.en.md b/content/features/index.en.md
index f375475..f52b8da 100644
--- a/content/features/index.en.md
+++ b/content/features/index.en.md
@@ -11,7 +11,7 @@ menu:
 
 <section class="hero is-medium is-bold feature-hero">
   <div class="hero-body">
-    <div class="container has-text-centered">
+    <div class="container has-text-centered is-white">
       <h1 class="title">
         Think of Vikunja like the notebook you have with all your things to keep track of.
       </h1>
@@ -22,7 +22,7 @@ menu:
   </div>
 </section>
 
-<div class="container">
+<div class="container is-white">
     <div class="content">
         <div class="columns feature">
             <div class="column theimage">
@@ -47,32 +47,32 @@ menu:
             </div>
         </div>
 
-<div class="columns">
-            <div class="column is-half">
-                <h2>Collaboration</h2>
-            
-                <p>
-                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.
-                   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 <i>read-only</i> access!
-                </p>   
-                <p>
-                 Planning a bigger thing? You can use teams to share a list or namespace with multiple people at a time!
-                </p>
-                
-                <p>Share links</p>
-            </div>
-            <div class="column theimage">
-                <img src="sharing-user.png" alt="Sharing with a user" style="margin-top:3em"/>
-            </div>
+<div class="columns feature">
+    <div class="column">
+        <h2>Collaboration</h2>
+    
+        <p>
+        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.
+           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 <i>read-only</i> access!
+        </p>   
+        <p>
+         Planning a bigger thing? You can use teams to share a list or namespace with multiple people at a time!
+        </p>
+        
+        <p>Share links</p>
+    </div>
+    <div class="column theimage">
+        <img src="sharing-user.png" alt="Sharing with a user" style="margin-top:3em"/>
+    </div>
 </div>
 
-<div class="columns">
+<div class="columns feature">
     <div class="column theimage">
         <img src="tasks.png" alt="Sharing with a user" style="margin-top:3em"/>
     </div>
-    <div class="column is-half">
+    <div class="column">
         <h3>Labels</h3>
         <p>
         Effortlessly mark tasks with a colorful label to find and group relevant tasks with a click!
@@ -85,13 +85,30 @@ menu:
     </div>
 </div>
 
-### Task attachments
-
-### Task relations
-
-### CalDAV
-
-Vikunja comes with a calDAV-integration which lets you use the tools you already use and love.
+<div class="columns">
+    <div class="column">
+    	<h3>Attachments</h3>
+    	<p>Attach files to tasks, so you can always have all related files for a task in one place!</p>
+    </div>
+    <div class="column">
+    	<h3>Relations</h3>
+    	<p>
+    		Relate different tasks together - even if they're not on the same list! 
+    		A relation can be multiple things, for example a subtask or blocking task.
+    	</p>
+    </div>
+    <div class="column">
+    	<h3>Due dates</h3>
+    	<p>
+    		Remember these tasks with a deadline coming up? 
+    		Set a due date for a task and see all tasks with upcoming deadlines at once!
+    	</p>
+    </div>
+    <div class="column">
+    	<h3>CalDAV</h3>
+    	<p>Vikunja comes with a calDAV-integration which lets you use the tools you already use and love.</p>
+    </div>
+</div>
 
 </div>
 </div>
@@ -107,7 +124,7 @@ Vikunja comes with a calDAV-integration which lets you use the tools you already
   </div>
 </section>
 
-<div class="container">
+<div class="container is-default-color">
     <div class="content">
         <div class="columns">
             <div class="column is-half">