Added landing page which will be the default on /

boards/templates/boards/landing.html

@@ -0,0 +1,31 b''
+{% extends "boards/base.html" %}
+
+{% load i18n %}
+{% load static %}
+
+{% block head %}
+    <title>{{ site_name }}</title>
+{% endblock %}
+
+{% block content %}
+    <div class="post">
+        <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>
+        <div class="landing-tags">
+            {{ section_str|safe }}
+        </div>
+        <div class="landing-threads">
+            {% for op in latest_threads %}
+                {{ op.get_link_view|safe }} {{ op.get_title_or_text }}<br />
+            {% endfor %}
+        </div>
+    </div>
+{% endblock %}

boards/views/landing.py

@@ -0,0 +1,32 b''
+from django.shortcuts import render
+from django.utils.decorators import method_decorator
+from django.views.decorators.csrf import csrf_protect
+
+from boards.views.base import BaseBoardView
+from boards.models import Tag, Post, Attachment
+
+
+PARAM_SECTION_STR = 'section_str'
+PARAM_LATEST_THREADS = 'latest_threads'
+PARAM_IMAGES = 'images'
+
+TEMPLATE = 'boards/landing.html'
+
+MAX_NEW_THREADS = 10
+RANDOM_IMAGE_COUNT = 3
+
+
+class LandingView(BaseBoardView):
+    @method_decorator(csrf_protect)
+    def get(self, request):
+        params = dict()
+
+        params[PARAM_SECTION_STR] = Tag.objects.get_tag_url_list(
+                Tag.objects.filter(required=True))
+        params[PARAM_LATEST_THREADS] = Post.objects.filter(opening=True)\
+                .order_by('-pub_time')[:MAX_NEW_THREADS]
+        params[PARAM_IMAGES] = Attachment.objects.get_random_images(
+            RANDOM_IMAGE_COUNT)
+
+        return render(request, TEMPLATE, params)
+

boards/static/css/base.css

@@ -1,175 +1,186 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;
     width: 100%;
 }
 
 .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 {
+    max-width: 800px;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+.landing-images {
+    text-align: center;
+}
+

boards/templates/boards/base.html

@@ -1,94 +1,93 b''
 {% load staticfiles %}
 {% load i18n %}
 {% load l10n %}
 {% load static from staticfiles %}
 
 <!DOCTYPE html>
 <html>
 <head>
     <link rel="stylesheet" type="text/css" href="{% static 'css/base.css' %}" media="all"/>
     <link rel="stylesheet" type="text/css" href="{% static 'css/3party/highlight.css' %}" media="all"/>
     <link rel="stylesheet" type="text/css" href="{% static 'css/3party/jquery-ui.min.css' %}" media="all"/>
     <link rel="stylesheet" type="text/css" href="{% static theme_css %}" media="all"/>
 
     {% if rss_url %}
         <link rel="alternate" type="application/rss+xml" href="{{ rss_url }}" title="{% trans 'Feed' %}"/>
     {% endif %}
 
     <link rel="icon" type="image/png"
         href="{% static 'favicon.png' %}">
 
     <meta name="viewport" content="width=device-width, initial-scale=1"/>
     <meta charset="utf-8"/>
 
     {% block head %}{% endblock %}
 </head>
 <body data-image-viewer="{{ image_viewer }}"
       data-pow-difficulty="{{ pow_difficulty }}"
       data-update-script="{% static 'js/updates.js' %}">
     <script src="{% static 'js/jquery-2.2.0.min.js' %}"></script>
 
     <header class="navigation_panel">
-        <a class="link" href="{% url 'index' %}">{% trans "All threads" %}</a>
+        <a class="link" href="{% url 'landing' %}">{{ site_name }}</a>
+        <a class="link" href="{% url 'index' %}">{% trans "All threads" %}</a>,
         {% if tags_str %}
             <form action="{% url 'index' %}" method="post" class="post-button-form">{% csrf_token %}
             {% if only_favorites %}
                 <button name="method" value="toggle_fav" class="fav">★</button>,
             {% else %}
                 <button name="method" value="toggle_fav" class="not_fav">★</button>,
             {% endif %}
             </form>
             {{ tags_str|safe }},
-        {% else %}
-            {% trans 'Add tags' %} → 
         {% endif %}
         <a href="{% url 'tags' 'required'%}" title="{% trans 'Tag management' %}">{% trans "tags" %}</a>,
         <a href="{% url 'search' %}" title="{% trans 'Search' %}">{% trans 'search' %}</a>,
         <a href="{% url 'feed' %}" title="{% trans 'Feed' %}">{% trans 'feed' %}</a>,
         <a href="{% url 'random' %}" title="{% trans 'Random images' %}">{% trans 'images' %}</a>{% if has_fav_threads %},
 
         <a href="{% url 'feed' %}?favorites" id="fav-panel-btn">{% trans 'favorites' %} <span id="new-fav-post-count" {% if not new_post_count %}style="display: none" {% endif %}>{{ new_post_count }}</span></a>
         {% endif %}
 
         {% if usernames %}
             <a class="right-link link" href="{% url 'notifications' %}" title="{% trans 'Notifications' %}">
                 {% trans 'Notifications' %}
                 {% ifnotequal new_notifications_count 0 %}
                     (<b>{{ new_notifications_count }}</b>)
                 {% endifnotequal %}
             </a>
         {% endif %}
 
         <a class="right-link link" href="{% url 'settings' %}">{% trans 'Settings' %}</a>
     </header>
 
     <div id="fav-panel"><div class="post">{% trans "Loading..." %}</div></div>
 
     {% block content %}{% endblock %}
 
     <script src="{% static 'js/3party/jquery-ui.min.js' %}"></script>
     <script src="{% static 'js/jquery.mousewheel.js' %}"></script>
     <script src="{% static 'js/3party/highlight.min.js' %}"></script>
 
     <script src="{% url 'js_info_dict' %}"></script>
 
     <script src="{% static 'js/popup.js' %}"></script>
     <script src="{% static 'js/image.js' %}"></script>
     <script src="{% static 'js/refpopup.js' %}"></script>
     <script src="{% static 'js/main.js' %}"></script>
 
     <footer class="navigation_panel">
         {% block metapanel %}{% endblock %}
         {% if rss_url %}
             [<a href="{{ rss_url }}">RSS</a>]
         {% endif %}
         [<a href="{% url 'admin:index' %}">{% trans 'Admin' %}</a>]
         [<a href="{% url 'index' %}?order=pub">{% trans 'New threads' %}</a>]
         {% with ppd=posts_per_day|floatformat:2 %}
             {% blocktrans %}Speed: {{ ppd }} posts per day{% endblocktrans %}
         {% endwith %}
         <a class="link" href="#top" id="up">{% trans 'Up' %}</a>
     </footer>
 
 </body>
 </html>

boards/templates/boards/random.html

@@ -1,37 +1,35 b''
 {% extends "boards/base.html" %}
 
 {% load i18n %}
 
 {% block head %}
     <title>{% trans 'Random images' %} - {{ site_name }}</title>
 {% endblock %}
 
 {% block content %}
 
     {% if images %}
         <div class="random-images-table">
             <div>
             {% for image in images %}
                 <div class="gallery_image">
-                    {% autoescape off %}
-                        {{ image.get_view }}
-                    {% endautoescape %}
+                    {{ image.get_view|safe }}
                     {% with image.get_random_associated_post as post %}
                         {{ post.get_link_view|safe }}
                         <div>
                         {% for tag in post.get_thread.get_required_tags.all %}
                             {{ tag.get_view|safe }}{% if not forloop.last %},{% endif %}
                         {% endfor %}
                         </div>
                     {% endwith %}
                 </div>
                 {% if forloop.counter|divisibleby:"3" %}
                 </div>
                 <div>
                 {% endif %}
             {% endfor %}
             </div>
         </div>
     {% endif %}
 
 {% endblock %}

boards/urls.py

@@ -1,95 +1,97 b''
 from django.conf.urls import url
 
 import neboard
 
 from boards import views
 from boards.rss import AllThreadsFeed, TagThreadsFeed, ThreadPostsFeed
 from boards.views import api, tag_threads, all_threads, \
     settings, all_tags, feed, alias
 from boards.views.authors import AuthorsView
 from boards.views.notifications import NotificationView
 from boards.views.static import StaticPageView
 from boards.views.preview import PostPreviewView
 from boards.views.sync import get_post_sync_data, response_get, response_list
 from boards.views.random import RandomImageView
 from boards.views.tag_gallery import TagGalleryView
 from boards.views.translation import cached_javascript_catalog
 from boards.views.search import BoardSearchView
+from boards.views.landing import LandingView
 
 
 js_info_dict = {
     'packages': ('boards',),
 }
 
 urlpatterns = [
     # /boards/
-    url(r'^$', all_threads.AllThreadsView.as_view(), name='index'),
+    url(r'^all/$', all_threads.AllThreadsView.as_view(), name='index'),
 
     # /boards/tag/tag_name/
     url(r'^tag/(?P<tag_name>\w+)/$', tag_threads.TagView.as_view(),
         name='tag'),
 
     # /boards/thread/
     url(r'^thread/(?P<post_id>\d+)/$', views.thread.NormalThreadView.as_view(),
         name='thread'),
     url(r'^thread/(?P<post_id>\d+)/mode/gallery/$', views.thread.GalleryThreadView.as_view(),
         name='thread_gallery'),
     url(r'^thread/(?P<post_id>\d+)/mode/tree/$', views.thread.TreeThreadView.as_view(),
         name='thread_tree'),
     # /feed/
     url(r'^feed/$', views.feed.FeedView.as_view(), name='feed'),
 
     url(r'^settings/$', settings.SettingsView.as_view(), name='settings'),
     url(r'^aliases/(?P<category>\w+)/$', alias.AliasesView.as_view(), name='aliases'),
     url(r'^tags/(?P<query>\w+)?/?$', all_tags.AllTagsView.as_view(), name='tags'),
     url(r'^authors/$', AuthorsView.as_view(), name='authors'),
 
     url(r'^banned/$', views.banned.BannedView.as_view(), name='banned'),
     url(r'^staticpage/(?P<name>\w+)/$', StaticPageView.as_view(),
         name='staticpage'),
 
     url(r'^random/$', RandomImageView.as_view(), name='random'),
     url(r'^tag/(?P<tag_name>\w+)/gallery/$', TagGalleryView.as_view(), name='tag_gallery'),
     url(r'^search/$', BoardSearchView.as_view(), name='search'),
+    url(r'^$', LandingView.as_view(), name='landing'),
 
     # RSS feeds
     url(r'^rss/$', AllThreadsFeed()),
     url(r'^page/(?P<page>\d+)/rss/$', AllThreadsFeed()),
     url(r'^tag/(?P<tag_name>\w+)/rss/$', TagThreadsFeed()),
     url(r'^tag/(?P<tag_name>\w+)/page/(?P<page>\w+)/rss/$', TagThreadsFeed()),
     url(r'^thread/(?P<post_id>\d+)/rss/$', ThreadPostsFeed()),
 
     # i18n
     url(r'^jsi18n/$', cached_javascript_catalog, js_info_dict,
         name='js_info_dict'),
 
     # API
     url(r'^api/post/(?P<post_id>\d+)/$', api.get_post, name="get_post"),
     url(r'^api/diff_thread/$', api.api_get_threaddiff, name="get_thread_diff"),
     url(r'^api/threads/(?P<count>\w+)/$', api.api_get_threads,
             name='get_threads'),
     url(r'^api/tags/$', api.api_get_tags, name='get_tags'),
     url(r'^api/thread/(?P<opening_post_id>\w+)/$', api.api_get_thread_posts,
             name='get_thread'),
     url(r'^api/add_post/(?P<opening_post_id>\w+)/$', api.api_add_post,
             name='add_post'),
     url(r'^api/notifications/(?P<username>\w+)/$', api.api_get_notifications,
             name='api_notifications'),
     url(r'^api/preview/$', api.api_get_preview, name='preview'),
     url(r'^api/new_posts/$', api.api_get_new_posts, name='new_posts'),
     url(r'^api/stickers/$', api.api_get_stickers, name='get_stickers'),
 
     # Sync protocol API
     url(r'^api/sync/list/$', response_list, name='api_sync_list'),
     url(r'^api/sync/get/$', response_get, name='api_sync_get'),
 
     # Notifications
     url(r'^notifications/(?P<username>\w+)/$', NotificationView.as_view(), name='notifications'),
     url(r'^notifications/$', NotificationView.as_view(), name='notifications'),
 
     # Post preview
     url(r'^preview/$', PostPreviewView.as_view(), name='preview'),
     url(r'^post_xml/(?P<post_id>\d+)$', get_post_sync_data,
         name='post_sync_data'),
 ]