From a13b2c80f568f12cf3a467378aeedf509de6816e Mon Sep 17 00:00:00 2001
From: CDaut <git@cdaut.de>
Date: Sat, 25 Jun 2022 14:08:14 +0200
Subject: [PATCH] added styling to viewblog page

---
 .idea/jsLibraryMappings.xml                   |  2 +-
 .idea/mdblog.iml                              |  1 +
 markdownblog/blog/templatetags/video.py       | 14 ++++
 markdownblog/blog/views.py                    | 14 +++-
 .../markdownblog/static/pygments/borland.css  | 52 -------------
 .../markdownblog/static/pygments/bw.css       | 39 ----------
 .../markdownblog/static/pygments/colorful.css | 69 ----------------
 .../markdownblog/static/pygments/default.css  | 69 ----------------
 .../markdownblog/static/pygments/fruity.css   | 78 -------------------
 .../markdownblog/static/pygments/murphy.css   | 69 ----------------
 .../markdownblog/static/pygments/native.css   | 78 -------------------
 .../markdownblog/static/pygments/trac.css     | 67 ----------------
 .../markdownblog/static/pygments/vim.css      | 78 -------------------
 markdownblog/markdownblog/static/viewblog.css | 21 +++--
 .../markdownblog/templates/base/base.html     | 20 ++---
 .../markdownblog/templates/blog/addpost.html  | 23 ++++++
 .../markdownblog/templates/blog/viewpost.html |  2 +-
 17 files changed, 71 insertions(+), 625 deletions(-)
 create mode 100644 markdownblog/blog/templatetags/video.py
 delete mode 100644 markdownblog/markdownblog/static/pygments/borland.css
 delete mode 100644 markdownblog/markdownblog/static/pygments/bw.css
 delete mode 100644 markdownblog/markdownblog/static/pygments/colorful.css
 delete mode 100644 markdownblog/markdownblog/static/pygments/default.css
 delete mode 100644 markdownblog/markdownblog/static/pygments/fruity.css
 delete mode 100644 markdownblog/markdownblog/static/pygments/murphy.css
 delete mode 100644 markdownblog/markdownblog/static/pygments/native.css
 delete mode 100644 markdownblog/markdownblog/static/pygments/trac.css
 delete mode 100644 markdownblog/markdownblog/static/pygments/vim.css

diff --git a/.idea/jsLibraryMappings.xml b/.idea/jsLibraryMappings.xml
index 01b5de2..b8c35ae 100644
--- a/.idea/jsLibraryMappings.xml
+++ b/.idea/jsLibraryMappings.xml
@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <project version="4">
   <component name="JavaScriptLibraryMappings">
-    <file url="file://$PROJECT_DIR$" libraries="{github, jquery-3.6.0, jquery-3.6.0.slim, js-cookie, simplemde}" />
+    <file url="file://$PROJECT_DIR$" libraries="{github, jquery-3.6.0, jquery-3.6.0.slim, js-cookie, mathjax, simplemde}" />
   </component>
 </project>
\ No newline at end of file
diff --git a/.idea/mdblog.iml b/.idea/mdblog.iml
index 4c2f33c..d2875e0 100644
--- a/.idea/mdblog.iml
+++ b/.idea/mdblog.iml
@@ -25,6 +25,7 @@
     <orderEntry type="library" name="simplemde" level="application" />
     <orderEntry type="library" name="js-cookie" level="application" />
     <orderEntry type="library" name="github" level="application" />
+    <orderEntry type="library" name="mathjax" level="application" />
   </component>
   <component name="PyDocumentationSettings">
     <option name="format" value="PLAIN" />
diff --git a/markdownblog/blog/templatetags/video.py b/markdownblog/blog/templatetags/video.py
new file mode 100644
index 0000000..391a357
--- /dev/null
+++ b/markdownblog/blog/templatetags/video.py
@@ -0,0 +1,14 @@
+from django import template
+
+register = template.Library()
+
+
+@register.simple_tag(name='youtube')
+def youtube(vidid):
+    return '</p><iframe width="560" height="315" src="https://www.youtube.com/embed/' + vidid + \
+           '" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; ' \
+           'encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe><p>'
+
+@register.simple_tag(name='pdf')
+def pdf(fileurl):
+    return '</p><iframe width="80%" src="' + fileurl + '" height="1000"></iframe></p>'
diff --git a/markdownblog/blog/views.py b/markdownblog/blog/views.py
index 55d77ae..370cd85 100644
--- a/markdownblog/blog/views.py
+++ b/markdownblog/blog/views.py
@@ -1,5 +1,7 @@
 import os
 import random
+import re
+
 import markdown2
 
 from django.contrib.auth.decorators import login_required
@@ -8,6 +10,7 @@ from django.http import HttpResponse
 from django.shortcuts import render, redirect
 from blog.factories import TopicFactory
 from blog.models import Topic, Tag, Blogpost
+from django.template import Template, Context
 from django.views.decorators.csrf import csrf_exempt
 
 from markdownblog import settings
@@ -20,10 +23,15 @@ def viewblog(request, title) -> HttpResponse:
         md_file_content = mdfile.read()
         mdfile.close()
 
-    html = markdown2.markdown(md_file_content, extras=['footnotes', 'task_list', 'strike', 'break-on-newline', 'tables',
-                                                       'fenced-code-blocks'])
+    html_form_md = markdown2.markdown(md_file_content,
+                                      extras=['footnotes', 'task_list', 'strike', 'break-on-newline', 'tables',
+                                              'fenced-code-blocks'])
 
-    context = {'post': post, 'html': html}
+    rendered_html = Template('{% load video %} '
+                             '{% autoescape off %}' +
+                             html_form_md +
+                             '{% endautoescape %}').render(Context({}))
+    context = {'post': post, 'html': rendered_html}
     return render(request, 'blog/viewpost.html', context)
 
 
diff --git a/markdownblog/markdownblog/static/pygments/borland.css b/markdownblog/markdownblog/static/pygments/borland.css
deleted file mode 100644
index 0529b9b..0000000
--- a/markdownblog/markdownblog/static/pygments/borland.css
+++ /dev/null
@@ -1,52 +0,0 @@
-.codehilite .hll { background-color: #ffffcc }
-.codehilite  { background: #ffffff; }
-.codehilite .c { color: #008800; font-style: italic } /* Comment */
-.codehilite .err { color: #a61717; background-color: #e3d2d2 } /* Error */
-.codehilite .k { color: #000080; font-weight: bold } /* Keyword */
-.codehilite .ch { color: #008800; font-style: italic } /* Comment.Hashbang */
-.codehilite .cm { color: #008800; font-style: italic } /* Comment.Multiline */
-.codehilite .cp { color: #008080 } /* Comment.Preproc */
-.codehilite .cpf { color: #008800; font-style: italic } /* Comment.PreprocFile */
-.codehilite .c1 { color: #008800; font-style: italic } /* Comment.Single */
-.codehilite .cs { color: #008800; font-weight: bold } /* Comment.Special */
-.codehilite .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
-.codehilite .ge { font-style: italic } /* Generic.Emph */
-.codehilite .gr { color: #aa0000 } /* Generic.Error */
-.codehilite .gh { color: #999999 } /* Generic.Heading */
-.codehilite .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
-.codehilite .go { color: #888888 } /* Generic.Output */
-.codehilite .gp { color: #555555 } /* Generic.Prompt */
-.codehilite .gs { font-weight: bold } /* Generic.Strong */
-.codehilite .gu { color: #aaaaaa } /* Generic.Subheading */
-.codehilite .gt { color: #aa0000 } /* Generic.Traceback */
-.codehilite .kc { color: #000080; font-weight: bold } /* Keyword.Constant */
-.codehilite .kd { color: #000080; font-weight: bold } /* Keyword.Declaration */
-.codehilite .kn { color: #000080; font-weight: bold } /* Keyword.Namespace */
-.codehilite .kp { color: #000080; font-weight: bold } /* Keyword.Pseudo */
-.codehilite .kr { color: #000080; font-weight: bold } /* Keyword.Reserved */
-.codehilite .kt { color: #000080; font-weight: bold } /* Keyword.Type */
-.codehilite .m { color: #0000FF } /* Literal.Number */
-.codehilite .s { color: #0000FF } /* Literal.String */
-.codehilite .na { color: #FF0000 } /* Name.Attribute */
-.codehilite .nt { color: #000080; font-weight: bold } /* Name.Tag */
-.codehilite .ow { font-weight: bold } /* Operator.Word */
-.codehilite .w { color: #bbbbbb } /* Text.Whitespace */
-.codehilite .mb { color: #0000FF } /* Literal.Number.Bin */
-.codehilite .mf { color: #0000FF } /* Literal.Number.Float */
-.codehilite .mh { color: #0000FF } /* Literal.Number.Hex */
-.codehilite .mi { color: #0000FF } /* Literal.Number.Integer */
-.codehilite .mo { color: #0000FF } /* Literal.Number.Oct */
-.codehilite .sa { color: #0000FF } /* Literal.String.Affix */
-.codehilite .sb { color: #0000FF } /* Literal.String.Backtick */
-.codehilite .sc { color: #800080 } /* Literal.String.Char */
-.codehilite .dl { color: #0000FF } /* Literal.String.Delimiter */
-.codehilite .sd { color: #0000FF } /* Literal.String.Doc */
-.codehilite .s2 { color: #0000FF } /* Literal.String.Double */
-.codehilite .se { color: #0000FF } /* Literal.String.Escape */
-.codehilite .sh { color: #0000FF } /* Literal.String.Heredoc */
-.codehilite .si { color: #0000FF } /* Literal.String.Interpol */
-.codehilite .sx { color: #0000FF } /* Literal.String.Other */
-.codehilite .sr { color: #0000FF } /* Literal.String.Regex */
-.codehilite .s1 { color: #0000FF } /* Literal.String.Single */
-.codehilite .ss { color: #0000FF } /* Literal.String.Symbol */
-.codehilite .il { color: #0000FF } /* Literal.Number.Integer.Long */
diff --git a/markdownblog/markdownblog/static/pygments/bw.css b/markdownblog/markdownblog/static/pygments/bw.css
deleted file mode 100644
index 0b324e5..0000000
--- a/markdownblog/markdownblog/static/pygments/bw.css
+++ /dev/null
@@ -1,39 +0,0 @@
-.codehilite .hll { background-color: #ffffcc }
-.codehilite  { background: #ffffff; }
-.codehilite .c { font-style: italic } /* Comment */
-.codehilite .err { border: 1px solid #FF0000 } /* Error */
-.codehilite .k { font-weight: bold } /* Keyword */
-.codehilite .ch { font-style: italic } /* Comment.Hashbang */
-.codehilite .cm { font-style: italic } /* Comment.Multiline */
-.codehilite .cpf { font-style: italic } /* Comment.PreprocFile */
-.codehilite .c1 { font-style: italic } /* Comment.Single */
-.codehilite .cs { font-style: italic } /* Comment.Special */
-.codehilite .ge { font-style: italic } /* Generic.Emph */
-.codehilite .gh { font-weight: bold } /* Generic.Heading */
-.codehilite .gp { font-weight: bold } /* Generic.Prompt */
-.codehilite .gs { font-weight: bold } /* Generic.Strong */
-.codehilite .gu { font-weight: bold } /* Generic.Subheading */
-.codehilite .kc { font-weight: bold } /* Keyword.Constant */
-.codehilite .kd { font-weight: bold } /* Keyword.Declaration */
-.codehilite .kn { font-weight: bold } /* Keyword.Namespace */
-.codehilite .kr { font-weight: bold } /* Keyword.Reserved */
-.codehilite .s { font-style: italic } /* Literal.String */
-.codehilite .nc { font-weight: bold } /* Name.Class */
-.codehilite .ni { font-weight: bold } /* Name.Entity */
-.codehilite .ne { font-weight: bold } /* Name.Exception */
-.codehilite .nn { font-weight: bold } /* Name.Namespace */
-.codehilite .nt { font-weight: bold } /* Name.Tag */
-.codehilite .ow { font-weight: bold } /* Operator.Word */
-.codehilite .sa { font-style: italic } /* Literal.String.Affix */
-.codehilite .sb { font-style: italic } /* Literal.String.Backtick */
-.codehilite .sc { font-style: italic } /* Literal.String.Char */
-.codehilite .dl { font-style: italic } /* Literal.String.Delimiter */
-.codehilite .sd { font-style: italic } /* Literal.String.Doc */
-.codehilite .s2 { font-style: italic } /* Literal.String.Double */
-.codehilite .se { font-weight: bold; font-style: italic } /* Literal.String.Escape */
-.codehilite .sh { font-style: italic } /* Literal.String.Heredoc */
-.codehilite .si { font-weight: bold; font-style: italic } /* Literal.String.Interpol */
-.codehilite .sx { font-style: italic } /* Literal.String.Other */
-.codehilite .sr { font-style: italic } /* Literal.String.Regex */
-.codehilite .s1 { font-style: italic } /* Literal.String.Single */
-.codehilite .ss { font-style: italic } /* Literal.String.Symbol */
diff --git a/markdownblog/markdownblog/static/pygments/colorful.css b/markdownblog/markdownblog/static/pygments/colorful.css
deleted file mode 100644
index f795918..0000000
--- a/markdownblog/markdownblog/static/pygments/colorful.css
+++ /dev/null
@@ -1,69 +0,0 @@
-.codehilite .hll { background-color: #ffffcc }
-.codehilite  { background: #ffffff; }
-.codehilite .c { color: #888888 } /* Comment */
-.codehilite .err { color: #FF0000; background-color: #FFAAAA } /* Error */
-.codehilite .k { color: #008800; font-weight: bold } /* Keyword */
-.codehilite .o { color: #333333 } /* Operator */
-.codehilite .ch { color: #888888 } /* Comment.Hashbang */
-.codehilite .cm { color: #888888 } /* Comment.Multiline */
-.codehilite .cp { color: #557799 } /* Comment.Preproc */
-.codehilite .cpf { color: #888888 } /* Comment.PreprocFile */
-.codehilite .c1 { color: #888888 } /* Comment.Single */
-.codehilite .cs { color: #cc0000; font-weight: bold } /* Comment.Special */
-.codehilite .gd { color: #A00000 } /* Generic.Deleted */
-.codehilite .ge { font-style: italic } /* Generic.Emph */
-.codehilite .gr { color: #FF0000 } /* Generic.Error */
-.codehilite .gh { color: #000080; font-weight: bold } /* Generic.Heading */
-.codehilite .gi { color: #00A000 } /* Generic.Inserted */
-.codehilite .go { color: #888888 } /* Generic.Output */
-.codehilite .gp { color: #c65d09; font-weight: bold } /* Generic.Prompt */
-.codehilite .gs { font-weight: bold } /* Generic.Strong */
-.codehilite .gu { color: #800080; font-weight: bold } /* Generic.Subheading */
-.codehilite .gt { color: #0044DD } /* Generic.Traceback */
-.codehilite .kc { color: #008800; font-weight: bold } /* Keyword.Constant */
-.codehilite .kd { color: #008800; font-weight: bold } /* Keyword.Declaration */
-.codehilite .kn { color: #008800; font-weight: bold } /* Keyword.Namespace */
-.codehilite .kp { color: #003388; font-weight: bold } /* Keyword.Pseudo */
-.codehilite .kr { color: #008800; font-weight: bold } /* Keyword.Reserved */
-.codehilite .kt { color: #333399; font-weight: bold } /* Keyword.Type */
-.codehilite .m { color: #6600EE; font-weight: bold } /* Literal.Number */
-.codehilite .s { background-color: #fff0f0 } /* Literal.String */
-.codehilite .na { color: #0000CC } /* Name.Attribute */
-.codehilite .nb { color: #007020 } /* Name.Builtin */
-.codehilite .nc { color: #BB0066; font-weight: bold } /* Name.Class */
-.codehilite .no { color: #003366; font-weight: bold } /* Name.Constant */
-.codehilite .nd { color: #555555; font-weight: bold } /* Name.Decorator */
-.codehilite .ni { color: #880000; font-weight: bold } /* Name.Entity */
-.codehilite .ne { color: #FF0000; font-weight: bold } /* Name.Exception */
-.codehilite .nf { color: #0066BB; font-weight: bold } /* Name.Function */
-.codehilite .nl { color: #997700; font-weight: bold } /* Name.Label */
-.codehilite .nn { color: #0e84b5; font-weight: bold } /* Name.Namespace */
-.codehilite .nt { color: #007700 } /* Name.Tag */
-.codehilite .nv { color: #996633 } /* Name.Variable */
-.codehilite .ow { color: #000000; font-weight: bold } /* Operator.Word */
-.codehilite .w { color: #bbbbbb } /* Text.Whitespace */
-.codehilite .mb { color: #6600EE; font-weight: bold } /* Literal.Number.Bin */
-.codehilite .mf { color: #6600EE; font-weight: bold } /* Literal.Number.Float */
-.codehilite .mh { color: #005588; font-weight: bold } /* Literal.Number.Hex */
-.codehilite .mi { color: #0000DD; font-weight: bold } /* Literal.Number.Integer */
-.codehilite .mo { color: #4400EE; font-weight: bold } /* Literal.Number.Oct */
-.codehilite .sa { background-color: #fff0f0 } /* Literal.String.Affix */
-.codehilite .sb { background-color: #fff0f0 } /* Literal.String.Backtick */
-.codehilite .sc { color: #0044DD } /* Literal.String.Char */
-.codehilite .dl { background-color: #fff0f0 } /* Literal.String.Delimiter */
-.codehilite .sd { color: #DD4422 } /* Literal.String.Doc */
-.codehilite .s2 { background-color: #fff0f0 } /* Literal.String.Double */
-.codehilite .se { color: #666666; font-weight: bold; background-color: #fff0f0 } /* Literal.String.Escape */
-.codehilite .sh { background-color: #fff0f0 } /* Literal.String.Heredoc */
-.codehilite .si { background-color: #eeeeee } /* Literal.String.Interpol */
-.codehilite .sx { color: #DD2200; background-color: #fff0f0 } /* Literal.String.Other */
-.codehilite .sr { color: #000000; background-color: #fff0ff } /* Literal.String.Regex */
-.codehilite .s1 { background-color: #fff0f0 } /* Literal.String.Single */
-.codehilite .ss { color: #AA6600 } /* Literal.String.Symbol */
-.codehilite .bp { color: #007020 } /* Name.Builtin.Pseudo */
-.codehilite .fm { color: #0066BB; font-weight: bold } /* Name.Function.Magic */
-.codehilite .vc { color: #336699 } /* Name.Variable.Class */
-.codehilite .vg { color: #dd7700; font-weight: bold } /* Name.Variable.Global */
-.codehilite .vi { color: #3333BB } /* Name.Variable.Instance */
-.codehilite .vm { color: #996633 } /* Name.Variable.Magic */
-.codehilite .il { color: #0000DD; font-weight: bold } /* Literal.Number.Integer.Long */
diff --git a/markdownblog/markdownblog/static/pygments/default.css b/markdownblog/markdownblog/static/pygments/default.css
deleted file mode 100644
index bf82aed..0000000
--- a/markdownblog/markdownblog/static/pygments/default.css
+++ /dev/null
@@ -1,69 +0,0 @@
-.codehilite .hll { background-color: #ffffcc }
-.codehilite  { background: #f8f8f8; }
-.codehilite .c { color: #408080; font-style: italic } /* Comment */
-.codehilite .err { border: 1px solid #FF0000 } /* Error */
-.codehilite .k { color: #008000; font-weight: bold } /* Keyword */
-.codehilite .o { color: #666666 } /* Operator */
-.codehilite .ch { color: #408080; font-style: italic } /* Comment.Hashbang */
-.codehilite .cm { color: #408080; font-style: italic } /* Comment.Multiline */
-.codehilite .cp { color: #BC7A00 } /* Comment.Preproc */
-.codehilite .cpf { color: #408080; font-style: italic } /* Comment.PreprocFile */
-.codehilite .c1 { color: #408080; font-style: italic } /* Comment.Single */
-.codehilite .cs { color: #408080; font-style: italic } /* Comment.Special */
-.codehilite .gd { color: #A00000 } /* Generic.Deleted */
-.codehilite .ge { font-style: italic } /* Generic.Emph */
-.codehilite .gr { color: #FF0000 } /* Generic.Error */
-.codehilite .gh { color: #000080; font-weight: bold } /* Generic.Heading */
-.codehilite .gi { color: #00A000 } /* Generic.Inserted */
-.codehilite .go { color: #888888 } /* Generic.Output */
-.codehilite .gp { color: #000080; font-weight: bold } /* Generic.Prompt */
-.codehilite .gs { font-weight: bold } /* Generic.Strong */
-.codehilite .gu { color: #800080; font-weight: bold } /* Generic.Subheading */
-.codehilite .gt { color: #0044DD } /* Generic.Traceback */
-.codehilite .kc { color: #008000; font-weight: bold } /* Keyword.Constant */
-.codehilite .kd { color: #008000; font-weight: bold } /* Keyword.Declaration */
-.codehilite .kn { color: #008000; font-weight: bold } /* Keyword.Namespace */
-.codehilite .kp { color: #008000 } /* Keyword.Pseudo */
-.codehilite .kr { color: #008000; font-weight: bold } /* Keyword.Reserved */
-.codehilite .kt { color: #B00040 } /* Keyword.Type */
-.codehilite .m { color: #666666 } /* Literal.Number */
-.codehilite .s { color: #BA2121 } /* Literal.String */
-.codehilite .na { color: #7D9029 } /* Name.Attribute */
-.codehilite .nb { color: #008000 } /* Name.Builtin */
-.codehilite .nc { color: #0000FF; font-weight: bold } /* Name.Class */
-.codehilite .no { color: #880000 } /* Name.Constant */
-.codehilite .nd { color: #AA22FF } /* Name.Decorator */
-.codehilite .ni { color: #999999; font-weight: bold } /* Name.Entity */
-.codehilite .ne { color: #D2413A; font-weight: bold } /* Name.Exception */
-.codehilite .nf { color: #0000FF } /* Name.Function */
-.codehilite .nl { color: #A0A000 } /* Name.Label */
-.codehilite .nn { color: #0000FF; font-weight: bold } /* Name.Namespace */
-.codehilite .nt { color: #008000; font-weight: bold } /* Name.Tag */
-.codehilite .nv { color: #19177C } /* Name.Variable */
-.codehilite .ow { color: #AA22FF; font-weight: bold } /* Operator.Word */
-.codehilite .w { color: #bbbbbb } /* Text.Whitespace */
-.codehilite .mb { color: #666666 } /* Literal.Number.Bin */
-.codehilite .mf { color: #666666 } /* Literal.Number.Float */
-.codehilite .mh { color: #666666 } /* Literal.Number.Hex */
-.codehilite .mi { color: #666666 } /* Literal.Number.Integer */
-.codehilite .mo { color: #666666 } /* Literal.Number.Oct */
-.codehilite .sa { color: #BA2121 } /* Literal.String.Affix */
-.codehilite .sb { color: #BA2121 } /* Literal.String.Backtick */
-.codehilite .sc { color: #BA2121 } /* Literal.String.Char */
-.codehilite .dl { color: #BA2121 } /* Literal.String.Delimiter */
-.codehilite .sd { color: #BA2121; font-style: italic } /* Literal.String.Doc */
-.codehilite .s2 { color: #BA2121 } /* Literal.String.Double */
-.codehilite .se { color: #BB6622; font-weight: bold } /* Literal.String.Escape */
-.codehilite .sh { color: #BA2121 } /* Literal.String.Heredoc */
-.codehilite .si { color: #BB6688; font-weight: bold } /* Literal.String.Interpol */
-.codehilite .sx { color: #008000 } /* Literal.String.Other */
-.codehilite .sr { color: #BB6688 } /* Literal.String.Regex */
-.codehilite .s1 { color: #BA2121 } /* Literal.String.Single */
-.codehilite .ss { color: #19177C } /* Literal.String.Symbol */
-.codehilite .bp { color: #008000 } /* Name.Builtin.Pseudo */
-.codehilite .fm { color: #0000FF } /* Name.Function.Magic */
-.codehilite .vc { color: #19177C } /* Name.Variable.Class */
-.codehilite .vg { color: #19177C } /* Name.Variable.Global */
-.codehilite .vi { color: #19177C } /* Name.Variable.Instance */
-.codehilite .vm { color: #19177C } /* Name.Variable.Magic */
-.codehilite .il { color: #666666 } /* Literal.Number.Integer.Long */
diff --git a/markdownblog/markdownblog/static/pygments/fruity.css b/markdownblog/markdownblog/static/pygments/fruity.css
deleted file mode 100644
index f71de66..0000000
--- a/markdownblog/markdownblog/static/pygments/fruity.css
+++ /dev/null
@@ -1,78 +0,0 @@
-.codehilite .hll { background-color: #333333 }
-.codehilite  { background: #111111; color: #ffffff }
-.codehilite .c { color: #008800; font-style: italic; background-color: #0f140f } /* Comment */
-.codehilite .err { color: #ffffff } /* Error */
-.codehilite .esc { color: #ffffff } /* Escape */
-.codehilite .g { color: #ffffff } /* Generic */
-.codehilite .k { color: #fb660a; font-weight: bold } /* Keyword */
-.codehilite .l { color: #ffffff } /* Literal */
-.codehilite .n { color: #ffffff } /* Name */
-.codehilite .o { color: #ffffff } /* Operator */
-.codehilite .x { color: #ffffff } /* Other */
-.codehilite .p { color: #ffffff } /* Punctuation */
-.codehilite .ch { color: #008800; font-style: italic; background-color: #0f140f } /* Comment.Hashbang */
-.codehilite .cm { color: #008800; font-style: italic; background-color: #0f140f } /* Comment.Multiline */
-.codehilite .cp { color: #ff0007; font-weight: bold; font-style: italic; background-color: #0f140f } /* Comment.Preproc */
-.codehilite .cpf { color: #008800; font-style: italic; background-color: #0f140f } /* Comment.PreprocFile */
-.codehilite .c1 { color: #008800; font-style: italic; background-color: #0f140f } /* Comment.Single */
-.codehilite .cs { color: #008800; font-style: italic; background-color: #0f140f } /* Comment.Special */
-.codehilite .gd { color: #ffffff } /* Generic.Deleted */
-.codehilite .ge { color: #ffffff } /* Generic.Emph */
-.codehilite .gr { color: #ffffff } /* Generic.Error */
-.codehilite .gh { color: #ffffff; font-weight: bold } /* Generic.Heading */
-.codehilite .gi { color: #ffffff } /* Generic.Inserted */
-.codehilite .go { color: #444444; background-color: #222222 } /* Generic.Output */
-.codehilite .gp { color: #ffffff } /* Generic.Prompt */
-.codehilite .gs { color: #ffffff } /* Generic.Strong */
-.codehilite .gu { color: #ffffff; font-weight: bold } /* Generic.Subheading */
-.codehilite .gt { color: #ffffff } /* Generic.Traceback */
-.codehilite .kc { color: #fb660a; font-weight: bold } /* Keyword.Constant */
-.codehilite .kd { color: #fb660a; font-weight: bold } /* Keyword.Declaration */
-.codehilite .kn { color: #fb660a; font-weight: bold } /* Keyword.Namespace */
-.codehilite .kp { color: #fb660a } /* Keyword.Pseudo */
-.codehilite .kr { color: #fb660a; font-weight: bold } /* Keyword.Reserved */
-.codehilite .kt { color: #cdcaa9; font-weight: bold } /* Keyword.Type */
-.codehilite .ld { color: #ffffff } /* Literal.Date */
-.codehilite .m { color: #0086f7; font-weight: bold } /* Literal.Number */
-.codehilite .s { color: #0086d2 } /* Literal.String */
-.codehilite .na { color: #ff0086; font-weight: bold } /* Name.Attribute */
-.codehilite .nb { color: #ffffff } /* Name.Builtin */
-.codehilite .nc { color: #ffffff } /* Name.Class */
-.codehilite .no { color: #0086d2 } /* Name.Constant */
-.codehilite .nd { color: #ffffff } /* Name.Decorator */
-.codehilite .ni { color: #ffffff } /* Name.Entity */
-.codehilite .ne { color: #ffffff } /* Name.Exception */
-.codehilite .nf { color: #ff0086; font-weight: bold } /* Name.Function */
-.codehilite .nl { color: #ffffff } /* Name.Label */
-.codehilite .nn { color: #ffffff } /* Name.Namespace */
-.codehilite .nx { color: #ffffff } /* Name.Other */
-.codehilite .py { color: #ffffff } /* Name.Property */
-.codehilite .nt { color: #fb660a; font-weight: bold } /* Name.Tag */
-.codehilite .nv { color: #fb660a } /* Name.Variable */
-.codehilite .ow { color: #ffffff } /* Operator.Word */
-.codehilite .w { color: #888888 } /* Text.Whitespace */
-.codehilite .mb { color: #0086f7; font-weight: bold } /* Literal.Number.Bin */
-.codehilite .mf { color: #0086f7; font-weight: bold } /* Literal.Number.Float */
-.codehilite .mh { color: #0086f7; font-weight: bold } /* Literal.Number.Hex */
-.codehilite .mi { color: #0086f7; font-weight: bold } /* Literal.Number.Integer */
-.codehilite .mo { color: #0086f7; font-weight: bold } /* Literal.Number.Oct */
-.codehilite .sa { color: #0086d2 } /* Literal.String.Affix */
-.codehilite .sb { color: #0086d2 } /* Literal.String.Backtick */
-.codehilite .sc { color: #0086d2 } /* Literal.String.Char */
-.codehilite .dl { color: #0086d2 } /* Literal.String.Delimiter */
-.codehilite .sd { color: #0086d2 } /* Literal.String.Doc */
-.codehilite .s2 { color: #0086d2 } /* Literal.String.Double */
-.codehilite .se { color: #0086d2 } /* Literal.String.Escape */
-.codehilite .sh { color: #0086d2 } /* Literal.String.Heredoc */
-.codehilite .si { color: #0086d2 } /* Literal.String.Interpol */
-.codehilite .sx { color: #0086d2 } /* Literal.String.Other */
-.codehilite .sr { color: #0086d2 } /* Literal.String.Regex */
-.codehilite .s1 { color: #0086d2 } /* Literal.String.Single */
-.codehilite .ss { color: #0086d2 } /* Literal.String.Symbol */
-.codehilite .bp { color: #ffffff } /* Name.Builtin.Pseudo */
-.codehilite .fm { color: #ff0086; font-weight: bold } /* Name.Function.Magic */
-.codehilite .vc { color: #fb660a } /* Name.Variable.Class */
-.codehilite .vg { color: #fb660a } /* Name.Variable.Global */
-.codehilite .vi { color: #fb660a } /* Name.Variable.Instance */
-.codehilite .vm { color: #fb660a } /* Name.Variable.Magic */
-.codehilite .il { color: #0086f7; font-weight: bold } /* Literal.Number.Integer.Long */
diff --git a/markdownblog/markdownblog/static/pygments/murphy.css b/markdownblog/markdownblog/static/pygments/murphy.css
deleted file mode 100644
index bdaebb4..0000000
--- a/markdownblog/markdownblog/static/pygments/murphy.css
+++ /dev/null
@@ -1,69 +0,0 @@
-.codehilite .hll { background-color: #ffffcc }
-.codehilite  { background: #ffffff; }
-.codehilite .c { color: #666666; font-style: italic } /* Comment */
-.codehilite .err { color: #FF0000; background-color: #FFAAAA } /* Error */
-.codehilite .k { color: #228899; font-weight: bold } /* Keyword */
-.codehilite .o { color: #333333 } /* Operator */
-.codehilite .ch { color: #666666; font-style: italic } /* Comment.Hashbang */
-.codehilite .cm { color: #666666; font-style: italic } /* Comment.Multiline */
-.codehilite .cp { color: #557799 } /* Comment.Preproc */
-.codehilite .cpf { color: #666666; font-style: italic } /* Comment.PreprocFile */
-.codehilite .c1 { color: #666666; font-style: italic } /* Comment.Single */
-.codehilite .cs { color: #cc0000; font-weight: bold; font-style: italic } /* Comment.Special */
-.codehilite .gd { color: #A00000 } /* Generic.Deleted */
-.codehilite .ge { font-style: italic } /* Generic.Emph */
-.codehilite .gr { color: #FF0000 } /* Generic.Error */
-.codehilite .gh { color: #000080; font-weight: bold } /* Generic.Heading */
-.codehilite .gi { color: #00A000 } /* Generic.Inserted */
-.codehilite .go { color: #888888 } /* Generic.Output */
-.codehilite .gp { color: #c65d09; font-weight: bold } /* Generic.Prompt */
-.codehilite .gs { font-weight: bold } /* Generic.Strong */
-.codehilite .gu { color: #800080; font-weight: bold } /* Generic.Subheading */
-.codehilite .gt { color: #0044DD } /* Generic.Traceback */
-.codehilite .kc { color: #228899; font-weight: bold } /* Keyword.Constant */
-.codehilite .kd { color: #228899; font-weight: bold } /* Keyword.Declaration */
-.codehilite .kn { color: #228899; font-weight: bold } /* Keyword.Namespace */
-.codehilite .kp { color: #0088ff; font-weight: bold } /* Keyword.Pseudo */
-.codehilite .kr { color: #228899; font-weight: bold } /* Keyword.Reserved */
-.codehilite .kt { color: #6666ff; font-weight: bold } /* Keyword.Type */
-.codehilite .m { color: #6600EE; font-weight: bold } /* Literal.Number */
-.codehilite .s { background-color: #e0e0ff } /* Literal.String */
-.codehilite .na { color: #000077 } /* Name.Attribute */
-.codehilite .nb { color: #007722 } /* Name.Builtin */
-.codehilite .nc { color: #ee99ee; font-weight: bold } /* Name.Class */
-.codehilite .no { color: #55eedd; font-weight: bold } /* Name.Constant */
-.codehilite .nd { color: #555555; font-weight: bold } /* Name.Decorator */
-.codehilite .ni { color: #880000 } /* Name.Entity */
-.codehilite .ne { color: #FF0000; font-weight: bold } /* Name.Exception */
-.codehilite .nf { color: #55eedd; font-weight: bold } /* Name.Function */
-.codehilite .nl { color: #997700; font-weight: bold } /* Name.Label */
-.codehilite .nn { color: #0e84b5; font-weight: bold } /* Name.Namespace */
-.codehilite .nt { color: #007700 } /* Name.Tag */
-.codehilite .nv { color: #003366 } /* Name.Variable */
-.codehilite .ow { color: #000000; font-weight: bold } /* Operator.Word */
-.codehilite .w { color: #bbbbbb } /* Text.Whitespace */
-.codehilite .mb { color: #6600EE; font-weight: bold } /* Literal.Number.Bin */
-.codehilite .mf { color: #6600EE; font-weight: bold } /* Literal.Number.Float */
-.codehilite .mh { color: #005588; font-weight: bold } /* Literal.Number.Hex */
-.codehilite .mi { color: #6666ff; font-weight: bold } /* Literal.Number.Integer */
-.codehilite .mo { color: #4400EE; font-weight: bold } /* Literal.Number.Oct */
-.codehilite .sa { background-color: #e0e0ff } /* Literal.String.Affix */
-.codehilite .sb { background-color: #e0e0ff } /* Literal.String.Backtick */
-.codehilite .sc { color: #8888FF } /* Literal.String.Char */
-.codehilite .dl { background-color: #e0e0ff } /* Literal.String.Delimiter */
-.codehilite .sd { color: #DD4422 } /* Literal.String.Doc */
-.codehilite .s2 { background-color: #e0e0ff } /* Literal.String.Double */
-.codehilite .se { color: #666666; font-weight: bold; background-color: #e0e0ff } /* Literal.String.Escape */
-.codehilite .sh { background-color: #e0e0ff } /* Literal.String.Heredoc */
-.codehilite .si { background-color: #eeeeee } /* Literal.String.Interpol */
-.codehilite .sx { color: #ff8888; background-color: #e0e0ff } /* Literal.String.Other */
-.codehilite .sr { color: #000000; background-color: #e0e0ff } /* Literal.String.Regex */
-.codehilite .s1 { background-color: #e0e0ff } /* Literal.String.Single */
-.codehilite .ss { color: #ffcc88 } /* Literal.String.Symbol */
-.codehilite .bp { color: #007722 } /* Name.Builtin.Pseudo */
-.codehilite .fm { color: #55eedd; font-weight: bold } /* Name.Function.Magic */
-.codehilite .vc { color: #ccccff } /* Name.Variable.Class */
-.codehilite .vg { color: #ff8844 } /* Name.Variable.Global */
-.codehilite .vi { color: #aaaaff } /* Name.Variable.Instance */
-.codehilite .vm { color: #003366 } /* Name.Variable.Magic */
-.codehilite .il { color: #6666ff; font-weight: bold } /* Literal.Number.Integer.Long */
diff --git a/markdownblog/markdownblog/static/pygments/native.css b/markdownblog/markdownblog/static/pygments/native.css
deleted file mode 100644
index 1a888c9..0000000
--- a/markdownblog/markdownblog/static/pygments/native.css
+++ /dev/null
@@ -1,78 +0,0 @@
-.codehilite .hll { background-color: #404040 }
-.codehilite  { background: #202020; color: #d0d0d0 }
-.codehilite .c { color: #999999; font-style: italic } /* Comment */
-.codehilite .err { color: #a61717; background-color: #e3d2d2 } /* Error */
-.codehilite .esc { color: #d0d0d0 } /* Escape */
-.codehilite .g { color: #d0d0d0 } /* Generic */
-.codehilite .k { color: #6ab825; font-weight: bold } /* Keyword */
-.codehilite .l { color: #d0d0d0 } /* Literal */
-.codehilite .n { color: #d0d0d0 } /* Name */
-.codehilite .o { color: #d0d0d0 } /* Operator */
-.codehilite .x { color: #d0d0d0 } /* Other */
-.codehilite .p { color: #d0d0d0 } /* Punctuation */
-.codehilite .ch { color: #999999; font-style: italic } /* Comment.Hashbang */
-.codehilite .cm { color: #999999; font-style: italic } /* Comment.Multiline */
-.codehilite .cp { color: #cd2828; font-weight: bold } /* Comment.Preproc */
-.codehilite .cpf { color: #999999; font-style: italic } /* Comment.PreprocFile */
-.codehilite .c1 { color: #999999; font-style: italic } /* Comment.Single */
-.codehilite .cs { color: #e50808; font-weight: bold; background-color: #520000 } /* Comment.Special */
-.codehilite .gd { color: #d22323 } /* Generic.Deleted */
-.codehilite .ge { color: #d0d0d0; font-style: italic } /* Generic.Emph */
-.codehilite .gr { color: #d22323 } /* Generic.Error */
-.codehilite .gh { color: #ffffff; font-weight: bold } /* Generic.Heading */
-.codehilite .gi { color: #589819 } /* Generic.Inserted */
-.codehilite .go { color: #cccccc } /* Generic.Output */
-.codehilite .gp { color: #aaaaaa } /* Generic.Prompt */
-.codehilite .gs { color: #d0d0d0; font-weight: bold } /* Generic.Strong */
-.codehilite .gu { color: #ffffff; text-decoration: underline } /* Generic.Subheading */
-.codehilite .gt { color: #d22323 } /* Generic.Traceback */
-.codehilite .kc { color: #6ab825; font-weight: bold } /* Keyword.Constant */
-.codehilite .kd { color: #6ab825; font-weight: bold } /* Keyword.Declaration */
-.codehilite .kn { color: #6ab825; font-weight: bold } /* Keyword.Namespace */
-.codehilite .kp { color: #6ab825 } /* Keyword.Pseudo */
-.codehilite .kr { color: #6ab825; font-weight: bold } /* Keyword.Reserved */
-.codehilite .kt { color: #6ab825; font-weight: bold } /* Keyword.Type */
-.codehilite .ld { color: #d0d0d0 } /* Literal.Date */
-.codehilite .m { color: #3677a9 } /* Literal.Number */
-.codehilite .s { color: #ed9d13 } /* Literal.String */
-.codehilite .na { color: #bbbbbb } /* Name.Attribute */
-.codehilite .nb { color: #24909d } /* Name.Builtin */
-.codehilite .nc { color: #447fcf; text-decoration: underline } /* Name.Class */
-.codehilite .no { color: #40ffff } /* Name.Constant */
-.codehilite .nd { color: #ffa500 } /* Name.Decorator */
-.codehilite .ni { color: #d0d0d0 } /* Name.Entity */
-.codehilite .ne { color: #bbbbbb } /* Name.Exception */
-.codehilite .nf { color: #447fcf } /* Name.Function */
-.codehilite .nl { color: #d0d0d0 } /* Name.Label */
-.codehilite .nn { color: #447fcf; text-decoration: underline } /* Name.Namespace */
-.codehilite .nx { color: #d0d0d0 } /* Name.Other */
-.codehilite .py { color: #d0d0d0 } /* Name.Property */
-.codehilite .nt { color: #6ab825; font-weight: bold } /* Name.Tag */
-.codehilite .nv { color: #40ffff } /* Name.Variable */
-.codehilite .ow { color: #6ab825; font-weight: bold } /* Operator.Word */
-.codehilite .w { color: #666666 } /* Text.Whitespace */
-.codehilite .mb { color: #3677a9 } /* Literal.Number.Bin */
-.codehilite .mf { color: #3677a9 } /* Literal.Number.Float */
-.codehilite .mh { color: #3677a9 } /* Literal.Number.Hex */
-.codehilite .mi { color: #3677a9 } /* Literal.Number.Integer */
-.codehilite .mo { color: #3677a9 } /* Literal.Number.Oct */
-.codehilite .sa { color: #ed9d13 } /* Literal.String.Affix */
-.codehilite .sb { color: #ed9d13 } /* Literal.String.Backtick */
-.codehilite .sc { color: #ed9d13 } /* Literal.String.Char */
-.codehilite .dl { color: #ed9d13 } /* Literal.String.Delimiter */
-.codehilite .sd { color: #ed9d13 } /* Literal.String.Doc */
-.codehilite .s2 { color: #ed9d13 } /* Literal.String.Double */
-.codehilite .se { color: #ed9d13 } /* Literal.String.Escape */
-.codehilite .sh { color: #ed9d13 } /* Literal.String.Heredoc */
-.codehilite .si { color: #ed9d13 } /* Literal.String.Interpol */
-.codehilite .sx { color: #ffa500 } /* Literal.String.Other */
-.codehilite .sr { color: #ed9d13 } /* Literal.String.Regex */
-.codehilite .s1 { color: #ed9d13 } /* Literal.String.Single */
-.codehilite .ss { color: #ed9d13 } /* Literal.String.Symbol */
-.codehilite .bp { color: #24909d } /* Name.Builtin.Pseudo */
-.codehilite .fm { color: #447fcf } /* Name.Function.Magic */
-.codehilite .vc { color: #40ffff } /* Name.Variable.Class */
-.codehilite .vg { color: #40ffff } /* Name.Variable.Global */
-.codehilite .vi { color: #40ffff } /* Name.Variable.Instance */
-.codehilite .vm { color: #40ffff } /* Name.Variable.Magic */
-.codehilite .il { color: #3677a9 } /* Literal.Number.Integer.Long */
diff --git a/markdownblog/markdownblog/static/pygments/trac.css b/markdownblog/markdownblog/static/pygments/trac.css
deleted file mode 100644
index 7fbc186..0000000
--- a/markdownblog/markdownblog/static/pygments/trac.css
+++ /dev/null
@@ -1,67 +0,0 @@
-.codehilite .hll { background-color: #ffffcc }
-.codehilite  { background: #ffffff; }
-.codehilite .c { color: #999988; font-style: italic } /* Comment */
-.codehilite .err { color: #a61717; background-color: #e3d2d2 } /* Error */
-.codehilite .k { font-weight: bold } /* Keyword */
-.codehilite .o { font-weight: bold } /* Operator */
-.codehilite .ch { color: #999988; font-style: italic } /* Comment.Hashbang */
-.codehilite .cm { color: #999988; font-style: italic } /* Comment.Multiline */
-.codehilite .cp { color: #999999; font-weight: bold } /* Comment.Preproc */
-.codehilite .cpf { color: #999988; font-style: italic } /* Comment.PreprocFile */
-.codehilite .c1 { color: #999988; font-style: italic } /* Comment.Single */
-.codehilite .cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */
-.codehilite .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
-.codehilite .ge { font-style: italic } /* Generic.Emph */
-.codehilite .gr { color: #aa0000 } /* Generic.Error */
-.codehilite .gh { color: #999999 } /* Generic.Heading */
-.codehilite .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
-.codehilite .go { color: #888888 } /* Generic.Output */
-.codehilite .gp { color: #555555 } /* Generic.Prompt */
-.codehilite .gs { font-weight: bold } /* Generic.Strong */
-.codehilite .gu { color: #aaaaaa } /* Generic.Subheading */
-.codehilite .gt { color: #aa0000 } /* Generic.Traceback */
-.codehilite .kc { font-weight: bold } /* Keyword.Constant */
-.codehilite .kd { font-weight: bold } /* Keyword.Declaration */
-.codehilite .kn { font-weight: bold } /* Keyword.Namespace */
-.codehilite .kp { font-weight: bold } /* Keyword.Pseudo */
-.codehilite .kr { font-weight: bold } /* Keyword.Reserved */
-.codehilite .kt { color: #445588; font-weight: bold } /* Keyword.Type */
-.codehilite .m { color: #009999 } /* Literal.Number */
-.codehilite .s { color: #bb8844 } /* Literal.String */
-.codehilite .na { color: #008080 } /* Name.Attribute */
-.codehilite .nb { color: #999999 } /* Name.Builtin */
-.codehilite .nc { color: #445588; font-weight: bold } /* Name.Class */
-.codehilite .no { color: #008080 } /* Name.Constant */
-.codehilite .ni { color: #800080 } /* Name.Entity */
-.codehilite .ne { color: #990000; font-weight: bold } /* Name.Exception */
-.codehilite .nf { color: #990000; font-weight: bold } /* Name.Function */
-.codehilite .nn { color: #555555 } /* Name.Namespace */
-.codehilite .nt { color: #000080 } /* Name.Tag */
-.codehilite .nv { color: #008080 } /* Name.Variable */
-.codehilite .ow { font-weight: bold } /* Operator.Word */
-.codehilite .w { color: #bbbbbb } /* Text.Whitespace */
-.codehilite .mb { color: #009999 } /* Literal.Number.Bin */
-.codehilite .mf { color: #009999 } /* Literal.Number.Float */
-.codehilite .mh { color: #009999 } /* Literal.Number.Hex */
-.codehilite .mi { color: #009999 } /* Literal.Number.Integer */
-.codehilite .mo { color: #009999 } /* Literal.Number.Oct */
-.codehilite .sa { color: #bb8844 } /* Literal.String.Affix */
-.codehilite .sb { color: #bb8844 } /* Literal.String.Backtick */
-.codehilite .sc { color: #bb8844 } /* Literal.String.Char */
-.codehilite .dl { color: #bb8844 } /* Literal.String.Delimiter */
-.codehilite .sd { color: #bb8844 } /* Literal.String.Doc */
-.codehilite .s2 { color: #bb8844 } /* Literal.String.Double */
-.codehilite .se { color: #bb8844 } /* Literal.String.Escape */
-.codehilite .sh { color: #bb8844 } /* Literal.String.Heredoc */
-.codehilite .si { color: #bb8844 } /* Literal.String.Interpol */
-.codehilite .sx { color: #bb8844 } /* Literal.String.Other */
-.codehilite .sr { color: #808000 } /* Literal.String.Regex */
-.codehilite .s1 { color: #bb8844 } /* Literal.String.Single */
-.codehilite .ss { color: #bb8844 } /* Literal.String.Symbol */
-.codehilite .bp { color: #999999 } /* Name.Builtin.Pseudo */
-.codehilite .fm { color: #990000; font-weight: bold } /* Name.Function.Magic */
-.codehilite .vc { color: #008080 } /* Name.Variable.Class */
-.codehilite .vg { color: #008080 } /* Name.Variable.Global */
-.codehilite .vi { color: #008080 } /* Name.Variable.Instance */
-.codehilite .vm { color: #008080 } /* Name.Variable.Magic */
-.codehilite .il { color: #009999 } /* Literal.Number.Integer.Long */
diff --git a/markdownblog/markdownblog/static/pygments/vim.css b/markdownblog/markdownblog/static/pygments/vim.css
deleted file mode 100644
index 7ae19d4..0000000
--- a/markdownblog/markdownblog/static/pygments/vim.css
+++ /dev/null
@@ -1,78 +0,0 @@
-.codehilite .hll { background-color: #222222 }
-.codehilite  { background: #000000; color: #cccccc }
-.codehilite .c { color: #000080 } /* Comment */
-.codehilite .err { color: #cccccc; border: 1px solid #FF0000 } /* Error */
-.codehilite .esc { color: #cccccc } /* Escape */
-.codehilite .g { color: #cccccc } /* Generic */
-.codehilite .k { color: #cdcd00 } /* Keyword */
-.codehilite .l { color: #cccccc } /* Literal */
-.codehilite .n { color: #cccccc } /* Name */
-.codehilite .o { color: #3399cc } /* Operator */
-.codehilite .x { color: #cccccc } /* Other */
-.codehilite .p { color: #cccccc } /* Punctuation */
-.codehilite .ch { color: #000080 } /* Comment.Hashbang */
-.codehilite .cm { color: #000080 } /* Comment.Multiline */
-.codehilite .cp { color: #000080 } /* Comment.Preproc */
-.codehilite .cpf { color: #000080 } /* Comment.PreprocFile */
-.codehilite .c1 { color: #000080 } /* Comment.Single */
-.codehilite .cs { color: #cd0000; font-weight: bold } /* Comment.Special */
-.codehilite .gd { color: #cd0000 } /* Generic.Deleted */
-.codehilite .ge { color: #cccccc; font-style: italic } /* Generic.Emph */
-.codehilite .gr { color: #FF0000 } /* Generic.Error */
-.codehilite .gh { color: #000080; font-weight: bold } /* Generic.Heading */
-.codehilite .gi { color: #00cd00 } /* Generic.Inserted */
-.codehilite .go { color: #888888 } /* Generic.Output */
-.codehilite .gp { color: #000080; font-weight: bold } /* Generic.Prompt */
-.codehilite .gs { color: #cccccc; font-weight: bold } /* Generic.Strong */
-.codehilite .gu { color: #800080; font-weight: bold } /* Generic.Subheading */
-.codehilite .gt { color: #0044DD } /* Generic.Traceback */
-.codehilite .kc { color: #cdcd00 } /* Keyword.Constant */
-.codehilite .kd { color: #00cd00 } /* Keyword.Declaration */
-.codehilite .kn { color: #cd00cd } /* Keyword.Namespace */
-.codehilite .kp { color: #cdcd00 } /* Keyword.Pseudo */
-.codehilite .kr { color: #cdcd00 } /* Keyword.Reserved */
-.codehilite .kt { color: #00cd00 } /* Keyword.Type */
-.codehilite .ld { color: #cccccc } /* Literal.Date */
-.codehilite .m { color: #cd00cd } /* Literal.Number */
-.codehilite .s { color: #cd0000 } /* Literal.String */
-.codehilite .na { color: #cccccc } /* Name.Attribute */
-.codehilite .nb { color: #cd00cd } /* Name.Builtin */
-.codehilite .nc { color: #00cdcd } /* Name.Class */
-.codehilite .no { color: #cccccc } /* Name.Constant */
-.codehilite .nd { color: #cccccc } /* Name.Decorator */
-.codehilite .ni { color: #cccccc } /* Name.Entity */
-.codehilite .ne { color: #666699; font-weight: bold } /* Name.Exception */
-.codehilite .nf { color: #cccccc } /* Name.Function */
-.codehilite .nl { color: #cccccc } /* Name.Label */
-.codehilite .nn { color: #cccccc } /* Name.Namespace */
-.codehilite .nx { color: #cccccc } /* Name.Other */
-.codehilite .py { color: #cccccc } /* Name.Property */
-.codehilite .nt { color: #cccccc } /* Name.Tag */
-.codehilite .nv { color: #00cdcd } /* Name.Variable */
-.codehilite .ow { color: #cdcd00 } /* Operator.Word */
-.codehilite .w { color: #cccccc } /* Text.Whitespace */
-.codehilite .mb { color: #cd00cd } /* Literal.Number.Bin */
-.codehilite .mf { color: #cd00cd } /* Literal.Number.Float */
-.codehilite .mh { color: #cd00cd } /* Literal.Number.Hex */
-.codehilite .mi { color: #cd00cd } /* Literal.Number.Integer */
-.codehilite .mo { color: #cd00cd } /* Literal.Number.Oct */
-.codehilite .sa { color: #cd0000 } /* Literal.String.Affix */
-.codehilite .sb { color: #cd0000 } /* Literal.String.Backtick */
-.codehilite .sc { color: #cd0000 } /* Literal.String.Char */
-.codehilite .dl { color: #cd0000 } /* Literal.String.Delimiter */
-.codehilite .sd { color: #cd0000 } /* Literal.String.Doc */
-.codehilite .s2 { color: #cd0000 } /* Literal.String.Double */
-.codehilite .se { color: #cd0000 } /* Literal.String.Escape */
-.codehilite .sh { color: #cd0000 } /* Literal.String.Heredoc */
-.codehilite .si { color: #cd0000 } /* Literal.String.Interpol */
-.codehilite .sx { color: #cd0000 } /* Literal.String.Other */
-.codehilite .sr { color: #cd0000 } /* Literal.String.Regex */
-.codehilite .s1 { color: #cd0000 } /* Literal.String.Single */
-.codehilite .ss { color: #cd0000 } /* Literal.String.Symbol */
-.codehilite .bp { color: #cd00cd } /* Name.Builtin.Pseudo */
-.codehilite .fm { color: #cccccc } /* Name.Function.Magic */
-.codehilite .vc { color: #00cdcd } /* Name.Variable.Class */
-.codehilite .vg { color: #00cdcd } /* Name.Variable.Global */
-.codehilite .vi { color: #00cdcd } /* Name.Variable.Instance */
-.codehilite .vm { color: #00cdcd } /* Name.Variable.Magic */
-.codehilite .il { color: #cd00cd } /* Literal.Number.Integer.Long */
diff --git a/markdownblog/markdownblog/static/viewblog.css b/markdownblog/markdownblog/static/viewblog.css
index cfe787c..855057d 100644
--- a/markdownblog/markdownblog/static/viewblog.css
+++ b/markdownblog/markdownblog/static/viewblog.css
@@ -49,16 +49,9 @@ tr:nth-child(even) {
     background-color: #f8f8f8;
 }
 
-li {
-    list-style-type: disc !important;
-}
-
-ul {
-    padding-left: 2em !important;
-}
 
 code, pre {
-    #background-color: #eee;
+    background-color: #eee;
     border-radius: 3px;
 }
 
@@ -72,9 +65,6 @@ input[type="checkbox"] ~ li {
     list-style-type: none !important;
 }
 
-blockquote {
-    color: #777;
-}
 
 hr {
     height: 0.25em;
@@ -82,4 +72,13 @@ hr {
     margin: 24px 0;
     background-color: #e7e7e7;
     border: 0;
+}
+
+ul {
+    list-style-type: revert !important;
+    padding-left: revert !important;
+}
+
+li {
+    list-style-type: revert !important;
 }
\ No newline at end of file
diff --git a/markdownblog/markdownblog/templates/base/base.html b/markdownblog/markdownblog/templates/base/base.html
index 6b2cff3..e0cc44a 100644
--- a/markdownblog/markdownblog/templates/base/base.html
+++ b/markdownblog/markdownblog/templates/base/base.html
@@ -20,31 +20,31 @@
             <i class="material-icons">menu</i>
         </a>
     </nav>
-    <ul id="slide-out" class="sidenav sidenav-fixed">
+    <ul id="slide-out" class="sidenav sidenav-fixed" style="padding-left: 0 !important">
         {% if user.is_authenticated %}
-            <li><a class="waves-effect" href="{% url 'addpost' %}"><i class="material-icons">add</i>New post</a></li>
-            <li><a class="waves-effect" href="{% url 'order' %}"><i class="material-icons">reorder</i>Manage posts</a>
+            <li class="no-liststyle"><a class="waves-effect" href="{% url 'addpost' %}"><i class="material-icons">add</i>New post</a></li>
+            <li class="no-liststyle"><a class="waves-effect" href="{% url 'order' %}"><i class="material-icons">reorder</i>Manage posts</a>
             </li>
-            <li>
+            <li class="no-liststyle">
                 <div class="divider"></div>
             </li>
-            <li><a class="waves-effect" href="{% url 'admin:index' %}"><i
+            <li class="no-liststyle"><a class="waves-effect" href="{% url 'admin:index' %}"><i
                     class="material-icons">admin_panel_settings</i>Admin
                 panel</a></li>
-            <li><a class="waves-effect" href="{% url 'logout' %}"><i class="material-icons">logout</i>Logout</a></li>
+            <li class="no-liststyle"><a class="waves-effect" href="{% url 'logout' %}"><i class="material-icons">logout</i>Logout</a></li>
             {% if debug %}
-                <li>
+                <li class="no-liststyle">
                     <div class="divider"></div>
                 </li>
-                <li>
+                <li class="no-liststyle">
                     <a class="waves-effect" href="{% url 'mock' objtype='topic' n=10 %}">Mock 10 topics</a>
                 </li>
-                <li>
+                <li class="no-liststyle">
                     <a class="waves-effect" href="{% url 'admin:index' %}">Mock Posts</a>
                 </li>
             {% endif %}
         {% else %}
-            <li><a class="waves-effect" href="{% url 'login' %}"><i class="material-icons">login</i>Login</a></li>
+            <li class="no-liststyle"><a class="waves-effect" href="{% url 'login' %}"><i class="material-icons">login</i>Login</a></li>
         {% endif %}
     </ul>
 </header>
diff --git a/markdownblog/markdownblog/templates/blog/addpost.html b/markdownblog/markdownblog/templates/blog/addpost.html
index 8c2b096..8c44f17 100644
--- a/markdownblog/markdownblog/templates/blog/addpost.html
+++ b/markdownblog/markdownblog/templates/blog/addpost.html
@@ -103,6 +103,17 @@
                     className: "fa fa-arrows-alt no-disable no-mobile",
                     title: "fullscreen",
                     action: autoCollapseSideNavFS
+                },
+                {
+                    name: 'render-tex',
+                    className: 'fa fa-refresh no-disable no-mobile',
+                    title: 'Re render LaTex',
+                    shortcut: 'Ctrl+R',
+                    action: () => {
+                        if (window.MathJax) {
+                            window.MathJax.typeset();
+                        }
+                    }
                 }
             ]
         });
@@ -119,4 +130,16 @@
         });
     </script>
     <script src="https://cdn.jsdelivr.net/highlight.js/latest/highlight.min.js"></script>
+    <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
+    <script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
+    <script>
+        MathJax = {
+            tex: {
+                inlineMath: [['$', '$'], ['\\(', '\\)']]
+            },
+            svg: {
+                fontCache: 'global'
+            }
+        };
+    </script>
 {% endblock %}
\ No newline at end of file
diff --git a/markdownblog/markdownblog/templates/blog/viewpost.html b/markdownblog/markdownblog/templates/blog/viewpost.html
index 873c98c..427d465 100644
--- a/markdownblog/markdownblog/templates/blog/viewpost.html
+++ b/markdownblog/markdownblog/templates/blog/viewpost.html
@@ -8,7 +8,7 @@
     <link rel="stylesheet" href="{% static 'viewblog.css' %}">
     <link rel="stylesheet"
           href="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.5.1/build/styles/default.min.css">
-    <link rel="stylesheet" href="{% static 'pygments/native.css' %}">
+    <link rel="stylesheet" href="{% static 'pygments/tango.css' %}">
 {% endblock %}
 {% block content %}
     {% autoescape off %}