tweak features page

app/views/plan/features.scala.html

@@ -69,6 +69,9 @@ description = "All of lichess features are free for all and forever. We do it fo
       @tr(unlimited) {
       <a href="http://en.lichess.org/blog/VmZbaigAABACtXQC/chess-insights">Chess insights (detailed analysis of your play)</a>
       }
+      @tr(check) {
+      <a href="@routes.Learn.index">All chess basics lessons</a>
+      }
       @tr(unlimited) {
       <a href="@routes.Puzzle.home">Tactics puzzles from user games</a>
       }
@@ -149,7 +152,7 @@ description = "All of lichess features are free for all and forever. We do it fo
       <tr>
         <th>Contribute to lichess.org and<br />get a cool looking patron icon</th>
         <td></td>
-        <td>@check</td>
+        <td><span data-icon="" class="is is-green text check">Yes</span></td>
       </tr>
       <tr class="price">
         <th></th>
@@ -158,5 +161,15 @@ description = "All of lichess features are free for all and forever. We do it fo
         </tr>
       </tbody>
     </table>
+    <p class="explanation">
+      <strong>Yes, both accounts have the same features!</strong>
+      <br />
+      That is because lichess is built for the love of chess.<br />
+      We believe every chess player deserves the best, and so:
+      <br /><br />
+      <strong>everything feature is free for everybody, forever!</strong>
+      <br />
+      If you love lichess, please support us with a <a class="thin button" href="#">patron account!</a>
+    </p>
   </div>
   }

public/stylesheets/features.css

@@ -47,3 +47,14 @@ tbody th {
 .price {
   font-size: 1.4em;
 }
+.explanation {
+  margin: 40px 120px 20px 120px;
+  padding: 20px 30px;
+  background: #759900;
+  color: #fff;
+  font-size: 1.3em;
+}
+.explanation strong {
+  display: block;
+  text-align: center;
+}