Show thread catalog at the landing page

boards/static/css/base.css

@@ -1,185 +1,195 b''
 .ui-button {
    display: none;
 }
 
 .ui-dialog-content {
     padding: 0;
     min-height: 0;
 }
 
 .mark_btn {
     cursor: pointer;
 }
 
 .img-full {
     position: fixed;
     background-color: #CCC;
     border: 1px solid #000;
     cursor: pointer;
 }
 
 .strikethrough {
     text-decoration: line-through;
 }
 
 .post_preview {
     z-index: 300;
     position:absolute;
 }
 
 .gallery_image {
     display: inline-block;
 }
 
 @media print {
     .post-form-w {
         display: none;
     }
 }
 
 input[name="image"] {
      display: block;
      width: 100px;
      height: 100px;
      cursor: pointer;
      position: absolute;
      opacity: 0;
      z-index: 1;
 }
 
 .file_wrap {
      width: 100px;
      height: 100px;
      border: solid 1px white;
      display: inline-block;
 }
 
 form > .file_wrap {
     float: left;
 }
 
 .file-thumb {
     width: 100px;
     height: 100px;
     background-size: cover;
     background-position: center;
 }
 
 .compact-form-text {
     margin-left:110px;
 }
 
 textarea, input {
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
 }
 
 .compact-form-text > textarea {
     height: 100px;
     width: 100%;
 }
 
 .post-button-form {
     display: inline;
 }
 
 .post-button-form > button, #autoupdate {
     border: none;
     margin: inherit;
     padding: inherit;
     background: none;
     font-size: inherit;
     cursor: pointer;
 }
 
 #form-close-button {
     display: none;
 }
 
 .post-image-full {
     width: 100%;
     height: auto;
 }
 
 #preview-text {
     display: none;
 }
 
 .random-images-table {
     text-align: center;
 }
 
 .random-images-table > div {
     margin-left: auto;
     margin-right: auto;
 }
 
 .tag-image, .tag-text-data {
     display: inline-block;
 }
 
 .tag-text-data > h2 {
     margin: 0;
 }
 
 .tag-image {
     margin-right: 5px;
 }
 
 .reply-to-message {
     display: none;
 }
 
 .tripcode {
     padding: 2px;
 }
 
 #fav-panel {
     display: none;
     margin: 1ex;
 }
 
 .hidden_post {
     opacity: 0.2;
 }
 
 .hidden_post:hover {
     opacity: 1;
 }
 
 .monochrome > .image > .thumb > img {
     filter: grayscale(100%);
     -webkit-filter: grayscale(100%);
 }
 
 #quote-button {
     position: absolute;
     display: none;
     cursor: pointer;
     z-index: 400;
 }
 
 .required-field:before {
     content: '* ';
 }
 
 .hint {
     border-bottom: dashed 1px;
     cursor: help;
 }
 
 .url-image:hover {
     filter: invert(100%);
 }
 
-.landing-tags, .landing-threads, .landing-images {
+.landing-tags, .landing-images {
     max-width: 800px;
     margin-left: auto;
     margin-right: auto;
 }
 
 .landing-images {
     text-align: center;
 }
 
+.landing-threads {
+    display: table;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+.landing-threads > .thread-short {
+    display: inline-block;
+}
+

boards/templates/boards/landing.html

@@ -1,41 +1,48 b''
 {% extends "boards/base.html" %}
 
 {% load i18n %}
 {% load static %}
 {% load board %}
 
 {% block head %}
     <title>{{ site_name }}</title>
 {% endblock %}
 
 {% block content %}
     <div id="posts-table">
         <div class="landing-images">
         {% for image in images %}
             <div class="gallery_image">
                 {{ image.get_view|safe }}
                 {% with image.get_random_associated_post as post %}
                     {{ post.get_link_view|safe }}
                 {% endwith %}
             </div>
         {% endfor %}
         </div>
         <br />
         <div class="landing-tags">
             {{ section_str|safe }}
         </div>
         <br />
         <div class="landing-threads">
         {% if latest_threads %}
             {% trans "Active threads:" %}<br />
             {% for op in latest_threads %}
-                <div class="thread">
-                    {% post_view op truncated=True need_open_link=True %}
+                <div class="thread-short gallery_image">
+                {% for attachment in op.attachments.all %}
+                    {{ attachment.get_view|safe }}
+                {% endfor %}
+                {{ op.get_title_or_text }}
+                <br />
+                {{ op.thread.get_sections_str|safe }}
+                <br />
+                {{ op.get_link_view|safe }} +{{ op.today_post_count }}
                 </div>
             {% endfor %}
         {% else %}
             {% trans "No active threads today." %}
         {% endif %}
         </div>
     </div>
 {% endblock %}