Move WAT to landing bottom

static/css/components.css

@@ -30,12 +30,12 @@
         color: var(--link-color);
     }
 
-.landing-top {
+.landing-info {
     text-align: center;
     min-height: 100px;
 }
 
-    .landing-top-title {
+    .landing-info-title {
         margin-top: 100px;
         font-weight: normal;
         font-size: 36px;

static/css/layout.css

@@ -10,7 +10,7 @@
     margin: 0 auto;
 }
 
-.landing-top {
+.landing-info {
     max-width: var(--max-content-width);
     margin: 0 auto;
 }

templates/index.html

@@ -3,12 +3,6 @@
 {% block title %}{{ block.super }} — {{ settings.APP_TITLE }}{% endblock %}
 
 {% block content %}
-<div class="landing-top">
-    <h2 class="landing-top-title">
-        <a href="{% url "what" %}">Что это?</a>
-    </h2>
-</div>
-
 <div class="landing-boards">
     {% for board in boards %}
         <a class="landing-board" href="{% url "board" board.slug %}">
@@ -20,4 +14,10 @@
         </a>
     {% endfor %}
 </div>
+
+<div class="landing-info">
+    <h2 class="landing-info-title">
+        <a href="{% url "what" %}">Что это?</a>
+    </h2>
+</div>
 {% endblock %}