Small improvements/typos

content/features/index.en.md

@@ -9,11 +9,21 @@ menu:
     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="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="column theimage">
                 <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?
                    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 _read-only_ access!</p>
+                   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!
@@ -63,7 +73,7 @@ use - but you don't have to use it! Vikunja comes with a calDAV-integration whic
 </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="container has-text-centered">
       <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
 you to continue where you left off.
 <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>
 

themes/vikunja/layouts/features/single.html

@@ -1,8 +1,9 @@
 {{ partial "header.html" . }}
-{{ partial "navbar.html" . }}
 
 <div class="features">
+{{ partial "navbar.html" . }}
+
 	{{ .Content }}
-</div>
 
 {{ partial "footer.html" . }}
+</div>

themes/vikunja/src/main.scss

@@ -237,6 +237,10 @@ h1, h2, h3, h4, h5, h6 {
 .features{
   @include linear-gradient(180deg, $primary, lighten($green, 15%));
 
+  .navbar{
+    border: none;
+  }
+
   h1,h2,h3,&{
     color: #fff;
   }
@@ -245,8 +249,14 @@ h1, h2, h3, h4, h5, h6 {
     color: lighten($dark, 10%);
   }
 
-  .column{
+  .content{
+    padding: 0 1rem;
+  }
 
+  .feature-hero{
+    .subtitle {
+      font-size: 1.7rem;
+    }
   }
 
   .column.theimage {
@@ -256,4 +266,12 @@ h1, h2, h3, h4, h5, h6 {
       box-shadow: .4em .4em 1em lighten($dark, 15%);
     }
   }
+
+  .footer {
+    background: lighten(#000, 10%);
+
+    a {
+      color: lighten(#000, 70%);
+    }
+  }
 }