Changed themes.

boards/static/css/md/base_page.css

@@ -13,24 +13,7 b' html {'
     color: #ffcc00;
 }
 
-.post-form {
-    text-align: left;
-    display: table;
-    border-radius: 5px;
-    padding: 5px;
-    margin: 5px;
-    background: #334;
-}
-
-.form-row {
-    display: table-row;
-}
-
-.form-input {
-    display: table-cell;
-}
-
-.link {
+.link, a {
     color: #afdcec;
 }
 
@@ -66,10 +49,6 b' html {'
     border-radius: 5px;
 }
 
-.form-title {
-    font-weight: bolder;
-}
-
 .metadata {
     padding: 2px;
     margin-top: 10px;
@@ -86,6 +65,88 b' html {'
     color: #eee;
 }
 
+#navigation_panel .link {
+    border-right: 1px solid #fff;
+    font-weight: bold;
+    margin-right: 1ex;
+    padding-right: 1ex;
+}
 #navigation_panel .link:last-child {
+    border-left: 1px solid #fff;
+    border-right: none;
     float: right;
+    margin-left: 1ex;
+    margin-right: 0;
+    padding-left: 1ex;
+    padding-right: 0;
+}
+
+#navigation_panel::after {
+    clear: both;
+    content: ".";
+    display: block;
+    height: 0;
+    line-height: 0;
+    visibility: hidden;
+}
+
+p {
+    margin-top: .5em;
+    margin-bottom: .5em;
+}
+
+.post-form-w {
+    display: table;
+    background: #333344;
+    border-radius: 5px;
+    color: #fff;
+    padding: 10px;
+    margin: 5px
+}
+
+.form-row {
+    display: table-row;
+}
+
+.form-label, .form-input {
+    display: table-cell;
+}
+
+.form-label {
+    padding: .25em 1ex .25em 0;
+}
+
+.form-input {
+    padding: .25em 0;
+}
+
+.post-form input, .post-form textarea {
+    background: #333;
+    color: #fff;
+    border: solid 1px;
+    padding: 0;
+    width: 100%;
+}
+
+.form-submit {
+    border-bottom: 2px solid #ddd;
+    margin-bottom: .5em;
+    padding-bottom: .5em;
+}
+
+.form-title {
+    font-weight: bold;
+}
+
+input[type="submit"] {
+    background: #222;
+    border: solid 1px #fff;
+    color: #fff;
+}
+
+blockquote {
+    border-left: solid 2px;
+    padding-left: 5px;
+    color: #B1FB17;
+    margin: 0;
 }
  No newline at end of file

boards/static/css/sw/base_page.css

@@ -64,38 +64,58 b' a {'
     font-weight: bold;
 }
 
-.post-form {
+.post-form-w {
     background: #182F6F;
     border-radius: 1ex;
     color: #fff;
-    display: table;
     margin: 1em 1ex;
     padding: 1ex;
-    text-align: left;
 }
+.post-form {
+    display: table;
+    border-collapse: collapse;
+    width: 100%;
 
-.post-form .form-row {
+}
+.form-row {
     display: table-row;
 }
-
-.post-form .form-input {
+.form-label, .form-input {
     display: table-cell;
+    vertical-align: top;
+}
+.form-label {
+    padding: .25em 1ex .25em 0;
+}
+.form-input {
     padding: .25em 0;
 }
-
-.post-form input[type="submit"] {
+.form-input > * {
+    background: #fff;
+    color: #000;
+    border: none;
+    padding: 0;
+    resize: vertical;
+    width: 100%;
+}
+.form-submit {
+    border-bottom: 1px solid #666;
+    margin-bottom: .5em;
+    padding-bottom: .5em;
+}
+.form-title {
+    font-weight: bold;
+    margin-bottom: .5em;
+}
+.post-form .settings_item {
+    margin: .5em 0;
+}
+.form-submit input {
+    margin-top: .5em;
     padding: .2em 1ex;
 }
-
-.post-form .form-row input, .post-form .form-row textarea {
-    background: #fff;
-    border: none;
-    color: #000;
-    width: 100%;
-}
-
-.post-form hr {
-    margin: 1em 0;
+.form-label {
+    text-align: right;
 }
 
 .block {
@@ -115,10 +135,6 b' a {'
     padding-bottom: 1em;
 }
 
-.form-title {
-    font-weight: bolder;
-}
-
 .metadata {
     background: #C0E4E8;
     border: 1px solid #7F9699;
@@ -126,4 +142,22 b' a {'
     display: table;
     margin-top: .5em;
     padding: .4em;
+}
+
+.post ul, .post ol {
+    margin: .5em 0 .5em 3ex;
+}
+.post li {
+    margin: .2em 0;
+}
+.post p {
+    margin: .5em 0;
+}
+.post blockquote {
+    border-left: 3px solid #182F6F;
+    margin: .5em 0 .5em 3ex;
+    padding-left: 1ex;
+}
+.post blockquote > blockquote {
+    padding-top: .1em;
 }
  No newline at end of file

neboard/settings.py

@@ -133,6 +133,7 b' INSTALLED_APPS = ('
      'django.contrib.admin',
     # Uncomment the next line to enable admin documentation:
     # 'django.contrib.admindocs',
+    'django.contrib.markup',
     'boards',
 )
 

templates/base.html

@@ -5,7 +5,8 b''
 <html>
 <head>
     <link rel="stylesheet" type="text/css"
-          href="{{ STATIC_URL }}/css/{{ theme }}/base_page.css" media="all"/>
+          href="{{ STATIC_URL }}css/{{ theme }}/base_page.css" media="all"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
     {% block head %}{% endblock %}
 </head>
 <body>

templates/posting_general.html

@@ -1,6 +1,7 b''
 {% extends "base.html" %}
 
 {% load i18n %}
+{% load markup %}
 
 {% block head %}
     <title>Neboard</title>
@@ -23,9 +24,8 b''
                 <span class="post_id">(#{{ thread.id }})</span>
                 [{{ thread.pub_time }}]
                 [<a class="link" href="{% url 'thread' thread.id %}"
-                    >{% trans "View" %}</a>]<br />
-                {{ thread.get_parsed_text|linebreaksbr|truncatechars:300 }}<br
-                    />
+                    >{% trans "View" %}</a>]
+                {{ thread.get_parsed_text|markdown|truncatechars:300 }}
             </div>
                 <div class="metadata">
                     {{ thread.get_reply_count }} {% trans 'replies' %},
@@ -48,29 +48,35 b''
         <hr />
 	{% endif %}
 
-    <div class="post-form">
-        <span class="form-title">{% trans "Create new thread" %}</span>
-        <form enctype="multipart/form-data" method="post">{% csrf_token %}
-            <div class="form-row">
-                <div class="form-input">{% trans 'Title' %}</div>
-                <div class="form-input">{{ form.title }}</div>
-            </div>
-            <div class="form-row">
-                <div class="form-input">{% trans 'Text' %}</div>
-                <div class="form-input">{{ form.text }}</div>
+    <form enctype="multipart/form-data" method="post">{% csrf_token %}
+    <div class="post-form-w">
+        <div class="form-title">{% trans "Create new thread" %}</div>
+        <div class="post-form">
+        <div class="form-row">
+            <div class="form-label">{% trans 'Title' %}</div>
+            <div class="form-input">{{ form.title }}</div>
+        </div>
+        <div class="form-row">
+            <div class="form-label">{% trans 'Text' %}</div>
+            <div class="form-input">{{ form.text }}</div>
+        </div>
+        <div class="form-row">
+            <div class="form-label">{% trans 'Image' %}</div>
+            <div class="form-input">{{ form.image }}</div>
+        </div>
+        <div class="form-row">
+            <div class="form-label">{% trans 'Tags' %}</div>
+            <div class="form-input">{{ form.tags }}</div>
+        </div>
+        </div>
+        <div class="form-submit"><input type="submit"
+            value="{% trans "Post" %}"/></div>
+        <div>Tags must be delimited by spaces. Text or image is required
             </div>
-            <div class="form-row">
-                <div class="form-input">{% trans 'Image' %}</div>
-                <div class="form-input">{{ form.image }}</div>
-            </div>
-            <div class="form-row">
-                <div class="form-input">{% trans 'Tags' %}</div>
-                <div class="form-input">{{ form.tags }}</div>
-            </div>
-            <input type="submit" value="{% trans 'Post' %}" />
-            <hr />
-            {% trans "Tags must be delimited by spaces. Text or image is required." %}
-        </form>
+        <div>Use <a
+                href="http://daringfireball.net/projects/markdown/basics">
+            markdown</a> syntax for posting.</div>
     </div>
+    </form>
 
 {% endblock %}
  No newline at end of file

templates/settings.html

@@ -8,22 +8,27 b''
 
 {% block content %}
 
+    <div class="post-form-w">
     <div class="post-form">
         <span class="form-title">{% trans "Theme" %}</span>
         <form method="post">{% csrf_token %}
             {% for choice in form.fields.theme.choices %}
-                <input type="radio" name="theme"
-                       id="{{ choice.0 }}"
-                       value="{{ choice.0 }}"
-                       {% ifequal form.initial.theme choice.0 %}
-                        checked
-                       {% endifequal %}
-                        />
-                <label for="{{ choice.0 }}">{{ choice.1 }}
-                </label><br />
+                <div class="settings_item">
+                    <label for="{{ choice.0 }}">
+                    <input type="radio" name="theme"
+                           id="{{ choice.0 }}"
+                           value="{{ choice.0 }}"
+                           {% ifequal form.initial.theme choice.0 %}
+                            checked
+                           {% endifequal %}
+                            />
+                        {{ choice.1 }}
+                    </label>
+                </div>
             {% endfor %}
         <input type="submit" value="{% trans "Save" %}" />
         </form>
     </div>
+    </div>
 
 {% endblock %}
  No newline at end of file

templates/thread.html

@@ -1,6 +1,7 b''
 {% extends "base.html" %}
 
 {% load i18n %}
+{% load markup %}
 
 {% block head %}
     <title>Neboard</title>
@@ -23,8 +24,8 b''
                 <span class="title">{{ post.title }}</span>
                 <a class="post_id" href="#{{ post.id }}">
                     (#{{ post.id }})</a>
-                [{{ post.pub_time }}]<br />
-                {{ post.get_parsed_text|linebreaksbr }}<br />
+                [{{ post.pub_time }}]
+                {{ post.get_parsed_text|markdown:"safe" }}
             </div>
             {% if post.tags.all %}
                 <div class="metadata">
@@ -43,23 +44,31 b''
         <hr />
 	{% endif %}
 
-    <div class="post-form">
-        <span class="form-title">{% trans "Reply to the thread" %}</span>
-        <form enctype="multipart/form-data" method="post">{% csrf_token %}
-            <div class="form-row">
-                <div class="form-input">{% trans 'Title' %}</div>
-                <div class="form-input">{{ form.title }}</div>
+    <form enctype="multipart/form-data" method="post">{% csrf_token %}
+        <div class="post-form-w">
+            <div class="form-title">{% trans "Create new thread" %}</div>
+            <div class="post-form">
+                <div class="form-row">
+                    <div class="form-label">{% trans 'Title' %}</div>
+                    <div class="form-input">{{ form.title }}</div>
+                </div>
+                <div class="form-row">
+                    <div class="form-label">{% trans 'Text' %}</div>
+                    <div class="form-input">{{ form.text }}</div>
+                </div>
+                <div class="form-row">
+                    <div class="form-label">{% trans 'Image' %}</div>
+                    <div class="form-input">{{ form.image }}</div>
+                </div>
             </div>
-            <div class="form-row">
-                <div class="form-input">{% trans 'Text' %}</div>
-                <div class="form-input">{{ form.text }}</div>
-            </div>
-            <div class="form-row">
-                <div class="form-input">{% trans 'Image' %}</div>
-                <div class="form-input">{{ form.image }}</div>
-            </div>
-            <input type="submit" value="{% trans 'Post' %}" />
-        </form>
-    </div>
+            <div class="form-submit"><input type="submit"
+                                            value="{% trans "Post" %}"/></div>
+            <div>Use <a
+                    href="http://daringfireball.net/projects/markdown/basics">
+                markdown</a> syntax for posting.</div>
+            <div>Example: *<i>italic</i>*, **<b>bold</b>**</div>
+            <div>Insert quotes with "&gt;"</div>
+        </div>
+    </form>
 
 {% endblock %}
  No newline at end of file