src/app.py

@@ -1,4 +1,4 @@
-from flask import (Flask, abort, make_response, redirect, render_template, request, url_for)
+from flask import Flask, abort, make_response, render_template, request
 from flask_font_awesome import FontAwesome
 
 import config
@@ -28,12 +28,8 @@ def page_not_found(e):
                          language=LANGUAGE), 404
 
 
-@app.route("/index.html")
-def index_re():
-  return redirect(url_for("index"))
-
-
 @app.route("/")
+@app.route("/index.html")
 def index():
   content = con_gen.gen_index_string()
   return render_template("index.html",
@@ -44,12 +40,8 @@ def index():
                          language=LANGUAGE)
 
 
-@app.route("/search.html", methods=["GET", "POST"])
-def search_re():
-  return redirect(url_for("search"))
-
-
 @app.route("/search", methods=["GET", "POST"])
+@app.route("/search.html", methods=["GET", "POST"])
 def search():
   form = SearchForm()
   if request.method == "POST":
@@ -71,12 +63,8 @@ def search():
                          language=LANGUAGE), 200
 
 
-@app.route("/imprint.html")
-def imprint_re():
-  return redirect(url_for("imprint"))
-
-
 @app.route("/imprint")
+@app.route("/imprint.html")
 def imprint():
   return render_template("imprint.html",
                          title=TITLE,
@@ -86,12 +74,8 @@ def imprint():
                          language=LANGUAGE)
 
 
-@app.route("/archive.html")
-def archive_re():
-  return redirect(url_for("archive"))
-
-
 @app.route("/archive")
+@app.route("/archive.html")
 def archive():
   content = con_gen.gen_arch_string()
   return render_template("archive.html",
@@ -117,21 +101,14 @@ def entry(path):
 
 @app.route("/feed.xml")
 @app.route("/rss.xml")
-@app.route("/rss")
-def feed_re():
-  return redirect(url_for("feed"))
-
-
-@app.route("/feed")
 def feed():
   content = con_gen.get_rss_string()
-  feed_xml = render_template("feed.xml",
+  rss_xml = render_template("rss.xml",
-                             content_string=content,
+                            content_string=content,
-                             title=TITLE,
+                            title=TITLE,
-                             description=DESCRIPTION,
+                            description=DESCRIPTION,
-                             website=WEBSITE,
+                            website=WEBSITE)
-                             language=LANGUAGE)
+  response = make_response(rss_xml)
-  response = make_response(feed_xml)
   response.headers["Content-Type"] = "application/rss+xml"
   return response
 

src/content.py

@@ -1,17 +1,14 @@
 import locale
 import os
 import pathlib
-import urllib.parse
 from datetime import datetime
 from os import path
 
 import markdown
-from bs4 import BeautifulSoup
 
 import config
 import search
 
-WEBSITE = config.WEBSITE
 ENTRY_DIR = config.ENTRY_DIR
 LANGUAGE = config.LANGUAGE
 LOCAL = "de_DE.UTF-8" if LANGUAGE == "de-de" else "en_US.UTF-8"
@@ -21,11 +18,11 @@ locale.setlocale(locale.LC_TIME, LOCAL)
 
 def gen_arch_string():
   """
-  Creates and returns a archive string of every file in ENTRY_DIR.
+    Creates and returns a archive string of every file in ENTRY_DIR.
 
-  Returns:
+    Returns:
-  string: html-formatted archive-string
+    string: html-formatted archive-string
-  """
+    """
   path_ex = ENTRY_DIR
   if path.exists(path_ex):
     name_list = os.listdir(path_ex)
@@ -60,11 +57,11 @@ def gen_arch_string():
 
 def gen_index_string():
   """
-  Create and returns a string including every file in the ENTRY_DIR as an index.
+    Create and returns a string including every file in the ENTRY_DIR as an index.
 
-  Returns:
+    Returns:
-  string: html-formatted index string
+    string: html-formatted index string
-  """
+    """
   path_ex = ENTRY_DIR
   content_string = ""
   if path.exists(path_ex):
@@ -93,44 +90,21 @@ def gen_index_string():
       if file.endswith(".md"):
         content_string += gen_md_content(file, 2)
       content_string += "</div>"
-      content_string = absolutize_html(content_string)
   return content_string
 
 
-def absolutize_html(string):
-  """
-  Creates a html string from another string that only uses absolute links that use the full domain.
-
-  Parameters:
-  string: html-formatted string.
-
-  Returns:
-  string: html-formatted string with absolute linksn
-  """
-  soup = BeautifulSoup(string, "html.parser")
-  for a_tag in soup.find_all("a"):
-    href = str(a_tag.get("href"))
-    if href.startswith("/") or href.startswith("."):
-      a_tag["href"] = urllib.parse.urljoin(WEBSITE, href)
-  for img_tag in soup.find_all("img"):
-    src = str(img_tag.get("src"))
-    if src.startswith("/") or src.startswith("."):
-      img_tag["src"] = urllib.parse.urljoin(WEBSITE, src)
-  return str(soup)
-
-
 def gen_stand_string(path_ex):
   """
-  Creates a html-string for a file.
+    Creates a html-string for a file.
-  If the file is markdown it will convert it.
+    If the file is markdown it will convert it.
-  This functions ensures upscaling for future formats.
+    This functions ensures upscaling for future formats.
 
-  Parameters:
+    Parameters:
-  path_ex: path to a file.
+    path_ex: path to a file.
 
-  Returns:
+    Returns:
-  string: html-formatted string string equivalent to the file
+    string: html-formatted string string equivalent to the file
-  """
+    """
   filename = os.path.join(ENTRY_DIR, path_ex)
   content_string = ""
   if path.exists(filename):
@@ -148,25 +122,26 @@ def gen_stand_string(path_ex):
         content_string += line
     if filename.endswith(".md"):
       content_string += gen_md_content(filename, 1)
-    content_string = absolutize_html(content_string)
   return content_string
 
 
 def gen_md_content(path_ex, depth):
   """
-  Convert a markdown file to a html string.
+    Convert a markdown file to a html string.
 
-  Parameters:
+    Parameters:
-  path_ex (string): path to the markdown file
+    path_ex (string): path to the markdown file
-  depth (int): starting depth for markdown headings
+    depth (int): starting depth for markdown headings
 
-  Returns:
+    Returns:
-  string: html-formatted string string equivalent to the markdown file
+    string: html-formatted string string equivalent to the markdown file
-  """
+    """
   content_string = ""
   if path.exists(path_ex):
+    filename = path_ex.split(".", 1)
+    fileend = filename[len(filename) - 1]
     header = "#"
-    for _ in range(depth):
+    for i in range(depth):
       header += "#"
     header += " "
     markdown_lines = open(path_ex, "r").readlines()[1:]
@@ -179,12 +154,11 @@ def gen_md_content(path_ex, depth):
 
 def get_rss_string():
   """
-  Create a rss-string of the blog and return it.
+    Create a rss-string of the blog and return it.
 
-  Returns:
+    Returns:
-  string: rss-string of everything that is in the ENTRY_DIR.
+    string: rss-string of everything that is in the ENTRY_DIR.
-  """
+    """
-  locale.setlocale(locale.LC_TIME, "en_US.UTF-8")
   path_ex = ENTRY_DIR
   content_string = ""
   if path.exists(path_ex):
@@ -200,32 +174,29 @@ def get_rss_string():
         filename = filename.split(".", 1)[0]
       content_string += "<item>\n"
       content_string += "<title>" + title + "</title>\n"
-      content_string += "<guid>" + WEBSITE + \
+      content_string += "<guid>" + config.WEBSITE + \
           "/index.html#" + filename + "</guid>\n"
       content_string += "<pubDate>" + \
           datetime.fromtimestamp(os.path.getmtime(file)).strftime(
-              "%a, %d %b %Y %H:%M:%S") + " +0100</pubDate>\n"
+              "%Y-%m-%d") + "</pubDate>\n"
-      content_string += "<description>\n<![CDATA[<html>\n<head>\n</head>\n<body>\n"
+      content_string += "<description>"
-      html_string = ""
       for line in text:
-        html_string += line
+        content_string += line
-      content_string += absolutize_html(html_string)
+      content_string += "</description>\n"
-      content_string += "\n</body></html>\n]]>\n</description>\n"
       content_string += "</item>\n"
-  locale.setlocale(locale.LC_TIME, LOCAL)
   return content_string
 
 
 def gen_query_res_string(query_str):
   """
-  Return the results of a query.
+    Return the results of a query.
 
-  Parameters:
+    Parameters:
-  query_str (string): term to search
+    query_str (string): term to search
 
-  Returns:
+    Returns:
-  string: html-formated search result
+    string: html-formated search result
-  """
+    """
   src_results = search.search(query_str)
   res_string = ""
   for result in src_results:
@@ -251,21 +222,29 @@ def gen_query_res_string(query_str):
 
 def create_preview(path, is_markdown):
   """
-  Create a preview of a given article and return it.
+    Create a preview of a given article and return it.
 
-  Parameters:
+    Parameters:
-  path (string): path to the article
+    path (string): path to the article
 
-  Returns:
+    Returns:
-  string: html-formated preview
+    string: html-formated preview
-  """
+    """
   file = open(path, "r", encoding="utf-8")
-  lines = file.read()
+  first_lines = file.readlines()
-  if is_markdown:
-    lines += markdown.markdown(lines)
   preview = ""
-  first_p = BeautifulSoup(lines).find('p')
+  preview_length = 3
-  if first_p is not None:
+  for i, line in enumerate(first_lines):
-    preview = "\n<p>" + first_p.text + "</p>\n"
+    if i == 0:
-  preview += "...<br>"
+      continue
+    if i > preview_length:
+      break
+    if not line.isspace():
+      if is_markdown:
+        preview += markdown.markdown(line)
+      else:
+        preview += line
+    else:
+      preview_length += 1
+  preview += "<br>...<br>"
   return preview

src/requirements.txt

@@ -4,4 +4,3 @@ Whoosh
 WTForms
 Flask_WTF
 Font-Awesome-Flask
-BeautifulSoup4

src/search.py

@@ -14,10 +14,11 @@ ENTRY_DIR = config.ENTRY_DIR
 
 def createSearchableData(root):
   """
-  Schema definition: title(name of file), path(as ID), content(indexed but not stored), textdata (stored text content)
+
-  source:
+    Schema definition: title(name of file), path(as ID), content(indexed but not stored), textdata (stored text content)
-  https://appliedmachinelearning.blog/2018/07/31/developing-a-fast-indexing-and-full-text-search-engine-with-whoosh-a-pure-pythhon-library/
+    source:
-  """
+    https://appliedmachinelearning.blog/2018/07/31/developing-a-fast-indexing-and-full-text-search-engine-with-whoosh-a-pure-pythhon-library/
+    """
   schema = Schema(title=TEXT(stored=True), path=ID(stored=True), content=TEXT)
   if not os.path.exists(INDEX_DIR):
     os.mkdir(INDEX_DIR)
@@ -36,15 +37,15 @@ def createSearchableData(root):
 
 def search_times(query_str, topN):
   """
-  Search for a given term and returns a specific amount of results.
+    Search for a given term and returns a specific amount of results.
 
-  Parameters:
+    Parameters:
-  query_str (string): term to search for
+    query_str (string): term to search for
-  topN (int): number of results to return
+    topN (int): number of results to return
 
-  Returns:
+    Returns:
-  string: html-formatted string including the hits of the search
+    string: html-formatted string including the hits of the search
-  """
+    """
   ix = open_dir(INDEX_DIR)
   results = []
   with ix.searcher(weighting=scoring.BM25F) as s:
@@ -57,14 +58,14 @@ def search_times(query_str, topN):
 
 def search(query_str):
   """
-  Search for a given term and show the predefined amount of results.
+    Search for a given term and show the predefined amount of results.
 
-  Parameters:
+    Parameters:
-  query_str (string): term to search for
+    query_str (string): term to search for
 
-  Returns:
+    Returns:
-  string: html-formatted string including the hits of the search
+    string: html-formatted string including the hits of the search
-  """
+    """
   return search_times(query_str, DEF_TOPN)
 
 

src/static/css/dark.css

@@ -1,88 +1,88 @@
 @import 'style.css';
 
 :root {
-  --bg0: rgb(29,32,33);
+    --bg0: rgb(29,32,33);
-  --color0: rgb(220,120,0);
+    --color0: rgb(220,120,0);
-  --color1: rgb(280,180,0);
+    --color1: rgb(280,180,0);
-  --error: rgb(255,0,0);
+    --error: rgb(255,0,0);
-  --footerbg0: rgb(29,32,33);
+    --footerbg0: rgb(29,32,33);
-  --link0: rgb(220, 120, 0);
+    --link0: rgb(220, 120, 0);
-  --link1: rgb(255,255,255);
+    --link1: rgb(255,255,255);
-  --menulink0: rgb(220, 120, 0);
+    --menulink0: rgb(220, 120, 0);
-  --menulink1: rgb(255,255,255);
+    --menulink1: rgb(255,255,255);
-  --menubg0: rgb(29,32,33);
+    --menubg0: rgb(29,32,33);
-  --text0: rgb(235,219,178);
+    --text0: rgb(235,219,178);
-  --text1: rgb(220, 120, 0);
+    --text1: rgb(220, 120, 0);
 }
 
 a {
-  color: var(--link0);
+    color: var(--link0);
-  transition: var(--transtime);
+    transition: var(--transtime);
 }
 
 a:hover {
-  color: var(--link1);
+    color: var(--link1);
 }
 
 body {
-  background: var(--bg0);
+    background: var(--bg0);
 }
 
 footer {
-  background: var(--footerbg0);
+    background: var(--footerbg0);
-  color: var(--text0);
+    color: var(--text0);
 }
 
 span {
-  color: var(--text1);
+    color: var(--text1);
 }
 
 .container {
-  color: var(--text0);
+    color: var(--text0);
 }
 
 .container h1,
 .container h2 {
-  color: var(--text1);
+    color: var(--text1);
 }
 
 .container .flash {
-  background-color: var(--error);
+    background-color: var(--error);
 }
 
 .hide-menu:hover,
 .main-menu a:hover,
 .main-menu-dropdown a:hover,
 .show-menu:hover {
-  color: var(--menulink1);
+    color: var(--menulink1);
 }
 
 .main-menu a,
 .main-menu-dropdown a {
-  color: var(--menulink0);
+    color: var(--menulink0);
 }
 
 .main-menu-dropdown {
-  background: var(--menubg0);
+    background: var(--menubg0);
-  color: var(--menulink0);
+    color: var(--menulink0);
 }
 
 @media screen and (max-width:800px) {
 
-  .main-menu {
+    .main-menu {
-    background: var(--menubg0);
+        background: var(--menubg0);
-  }
+    }
 }
 
 .entry {
-  background: var(--bg0);
+    background: var(--bg0);
-  border-left: 10px solid var(--color0);
+    border-left: 10px solid var(--color0);
-  color: var(--text0);
+    color: var(--text0);
 }
 
 .entry h1,
 .entry h2 {
-  color: var(--text1);
+    color: var(--text1);
 }
 
 

src/static/css/light.css

@@ -1,95 +1,96 @@
 @import 'style.css';
 
 :root {
-  --bg0: rgb(255,255,255);
+    --bg0: rgb(255,255,255);
-  --color0: rgb(0,0,120);
+    --color0: rgb(0,0,120);
-  --color1: rgb(0,0,200);
+    --color1: rgb(0,0,200);
-  --error: rgb(255,0,0);
+    --error: rgb(255,0,0);
-  --footerbg0: rgb(192,192,192);
+    --footerbg0: rgb(192,192,192);
-  --link0: rgb(0,0,120);
+    --link0: rgb(0,0,120);
-  --link1: rgb(192,192,192);
+    --link1: rgb(192,192,192);
-  --menulink0: rgb(0,0,120);
+    --menulink0: rgb(0,0,120);
-  --menulink1: rgb(255,255,255);
+    --menulink1: rgb(255,255,255);
-  --menubg0: rgb(192,192,192);
+    --menubg0: rgb(192,192,192);
-  --text0: rgb(0,0,0);
+    --text0: rgb(0,0,0);
-  --text1: rgb(0,0,120);
+    --text1: rgb(0,0,120);
 }
 
 a {
-  color: var(--link0);
+    color: var(--link0);
-  transition: var(--transtime);
+    transition: var(--transtime);
 }
 
 a:hover {
-  color: var(--link1);
+    color: var(--link1);
 }
 
 body {
-  background: var(--bg0);
+    background: var(--bg0);
 }
 
 footer {
-  background: var(--footerbg0);
+    background: var(--footerbg0);
-  color: var(--text0);
+    color: var(--text0);
 }
 
 footer a {
-  color: var(--menulink0);
+    color: var(--menulink0);
 }
 
 footer a:hover {
-  color: var(--bg0);
+    color: var(--bg0);
 }
 
 span {
-  color: var(--text1);
+    color: var(--text1);
 }
 
 .container {
-  color: var(--text0);
+    color: var(--text0);
 }
 
 .container h1,
 .container h2 {
-  color: var(--text1);
+    color: var(--text1);
 }
 
 .container .flash {
-  background-color: var(--error);
+    background-color: var(--error);
 }
 
 .hide-menu:hover,
 .main-menu a:hover,
 .main-menu-dropdown a:hover,
 .show-menu:hover {
-  color: var(--menulink1);
+    color: var(--menulink1);
 }
 
 .main-menu a,
 .main-menu-dropdown a {
-  color: var(--menulink0);
+    color: var(--menulink0);
 }
 
 .main-menu-dropdown {
-  background: var(--menubg0);
+    background: var(--menubg0);
-  color: var(--menulink0);
+    color: var(--menulink0);
 }
 
 @media screen and (max-width:800px) {
-  .main-menu {
+
-    background: var(--menubg0);
+    .main-menu {
-  }
+        background: var(--menubg0);
+    }
 }
 
 .entry {
-  background: var(--bg0);
+    background: var(--bg0);
-  border-left: 10px solid var(--color0);
+    border-left: 10px solid var(--color0);
-  color: var(--text0);
+    color: var(--text0);
 }
 
 .entry h1,
 .entry h2 {
-  color: var(--text1);
+    color: var(--text1);
 }
 
 form.search button[type=submit] {

src/static/css/style.css

@@ -1,243 +1,237 @@
 :root {
-  --error: rgb(255,0,0);
+    --error: rgb(255,0,0);
-  --transtime: 0.7s;
+    --transtime: 0.7s;
 }
 
 * {
-  margin: 0;
+    margin: 0;
-  padding: 0;
+    padding: 0;
 }
 
 a {
-  text-decoration: none;
+    text-decoration: none;
-  transition: var(--transtime);
+    transition: var(--transtime);
 }
 
 a:hover {
-  cursor: pointer;
+    cursor: pointer;
 }
 
 body {
-  margin: 0;
+    margin: 0;
 }
 
 body,
 html {
-  font-family: sans-serif;
+    font-family: sans-serif;
-  max-width: 100%;
+    height: 100%;
-  overflow-x: hidden;
+    max-width: 100%;
+    overflow-x: hidden;
 }
 
 footer {
-  height: 100px;
+    height: 100px;
-  padding-top: 20px;
+    padding-top: 20px;
 }
 
 footer .center {
-  text-align: center;
+    text-align: center;
 }
 
 .container {
-  min-height: 100%;
+    min-height: 100%;
-  padding-bottom: 50px;
+    padding-bottom: 50px;
-  padding-left: 10%;
+    padding-left: 10%;
-  padding-right: 10%;
+    padding-right: 10%;
-  padding-top: 5%;
+    padding-top: 5%;
 }
 
 .container .flash {
-  padding: 10px;
+    padding: 10px;
-  width: 400px;
+    width: 400px;
 }
 
 .hide-menu,
 .show-menu {
-  cursor: pointer;
+    cursor: pointer;
-  display: none;
+    display: none;
-  font-size: 30px;
+    font-size: 30px;
-  transition: var(--transtime);
+    transition: var(--transtime);
 }
 
 .important {
-  font-size: xx-large;
+    font-size: xx-large;
-  padding-left: 25vw;
+    padding-left: 25vw;
-  padding-right: 25vw;
+    padding-right: 25vw;
-  padding-top: 30vh;
+    padding-top: 30vh;
-  text-align: left;
+    text-align: left;
 }
 
 .important span {
-  font-weight: bold;
+    font-weight: bold;
 }
 
 .logo {
-  height: 80px;
+    height: 80px;
-  padding-top: 10px;
+    padding-top: 10px;
 }
 
 
 .main-menu-dropdown img {
-  float: left;
+    float: left;
 }
-
 .main-menu-dropdown span,
 .main-menu-dropdown a {
-  float: left;
+    float: left;
-  font-family: Georgia, serif;
+    font-family: Georgia, serif;
-  font-size: 30px;
+    font-size: 30px;
-  font-weight: bold;
+    font-weight: bold;
-  line-height: 100px;
+    line-height: 100px;
-  padding: 0 10px;
+    padding: 0 10px;
-  text-decoration: none;
+    text-decoration: none;
-  text-transform: uppercase;
+    text-transform: uppercase;
-  transition: 0.7s;
+    transition: 0.7s;
 }
 
 .main-menu {
-  float: right;
+    float: right;
-  font-family: Georgia, serif;
+    font-family: Georgia, serif;
-  font-size: 30px;
+    font-size: 30px;
-  font-weight: bold;
+    font-weight: bold;
-  line-height: 100px;
+    line-height: 100px;
 }
 
 .main-menu a {
-  padding: 0 10px;
+    padding: 0 10px;
-  text-decoration: none;
+    text-decoration: none;
-  text-transform: uppercase;
+    text-transform: uppercase;
-  transition: 0.7s;
+    transition: 0.7s;
 }
 
 .main-menu-dropdown {
-  height: 100px;
+    height: 100px;
-  padding: 0 20px;
+    padding: 0 20px;
 }
 
 .show-menu {
-  float: right;
+    float: right;
-  line-height: 100px;
+    line-height: 100px;
 }
 
 #main-menu-check {
-  position: absolute;
+    position: absolute;
-  visibility: hidden;
+    visibility: hidden;
-  z-index: -1111;
+    z-index: -1111;
 }
 
 @media screen and (max-width:800px) {
-  .hide-menu {
+    .hide-menu {
-    position: absolute;
+        position: absolute;
-    right: 40px;
+        right: 40px;
-    top: 40px;
+        top: 40px;
-  }
+    }
 
-  .hide-menu,
+    .hide-menu,
-  .show-menu {
+    .show-menu {
-    display: block;
+        display: block;
-  }
+    }
 
-  .main-menu {
+    .main-menu {
-    height: 100vh;
+        height: 100vh;
-    line-height: normal;
+        line-height: normal;
-    padding: 80px 0;
+        padding: 80px 0;
-    position: fixed;
+        position: fixed;
-    right: -100%;
+        right: -100%;
-    text-align: center;
+        text-align: center;
-    top: 0;
+        top: 0;
-    transition: var(--transtime);
+        transition: var(--transtime);
-    width: 100%;
+        width: 100%;
-  }
+    }
+    .main-menu a {
+        display: block;
+        padding: 20px;
+    }
 
-  .main-menu a {
+    #main-menu-check:checked ~ .main-menu {
-    display: block;
+        right: 0;
-    padding: 20px;
+    }
-  }
-
-  #main-menu-check:checked ~ .main-menu {
-    right: 0;
-  }
 }
 
 form {
-  margin-bottom: 40px;
+    margin-bottom: 40px;
-}
-
-.standalone {
-  max-height: 100%;
 }
 
 .entry {
-  max-height: 100%;
+    border-radius: 0 10px 30px 0;
-  /* border-radius: 0 10px 30px 0; */
+    margin-bottom: 20px;
-  margin-bottom: 20px;
+    padding-left: 20px;
-  padding-left: 20px;
 }
 
 h1, h2 {
-  padding-top: 20px;
+    padding-top: 20px;
-  padding-bottom: 20px;
+    padding-bottom: 20px;
 }
 
 h3 {
-  padding-top: 10px;
+    padding-top: 10px;
-  padding-bottom: 10px;
+    padding-bottom: 10px;
 }
 
 .standalone h1:first-child {
-  padding-bottom: 0;
+    padding-bottom: 0;
 }
 
 .imprint h1:first-child {
-  padding-bottom: 20px;
+    padding-bottom: 20px;
 }
 
 .blog h1:first-child {
-  padding-bottom: 20px;
+    padding-bottom: 20px;
 }
 
 .entry h2:first-child {
-  padding-top: 0;
+    padding-top: 0;
-  padding-bottom: 0;
+    padding-bottom: 0;
 }
 
 .blogarchive h1:first-child {
-  padding-bottom: 0;
+    padding-bottom: 0;
 }
 
 .blogarchive h2:first-child {
-  padding-top: 0;
+    padding-top: 0;
-  padding-bottom: 0;
+    padding-bottom: 0;
 }
 
 .entry ul {
-  padding-left: 20;
+    padding-left: 20;
 }
 
 figure {
-  padding-top: 20px;
+    padding-top: 20px;
-  padding-bottom: 20px;
+    padding-bottom: 20px;
 }
 
 .entry figure:last-child {
-  padding-bottom:0
+    padding-bottom:0
 }
 
 ul {
-  padding-left:20px;
+    padding-left:20px;
 }
 
 ol {
-  padding-left:20px;
+    padding-left:20px;
 }
 
 code {
-  /* border-radius: 25px; */
+    border-radius: 25px;
-  padding-left: 20px;
+    padding-left: 20px;
-  padding-right: 20px;
+    padding-right: 20px;
-  page-break-inside: avoid;
+    page-break-inside: avoid;
-  font-family: monospace;
+    font-family: monospace;
-  white-space: pre;
+    white-space: pre;
-  display: inline-block
+    display: inline-block
 }
 
 form.search input[type=text] {
@@ -264,10 +258,3 @@ form.search::after {
   clear: both;
   display: table;
 }
-
-.standalone img {
-  width: 50%;
-}
-.entry img {
-  width: 50%;
-}

src/templates/rss.xml

@@ -5,8 +5,8 @@
     <title>{{ title }}</title>
     <description>{{ description }}</description>
     <language>{{ language }}</language>
-<link>{{ website }}</link>
+<link>{{ website }}/feed.xml</link>
-<atom:link href="{{ website }}{{ url_for('feed') }}" rel="self" type="application/rss+xml"/>
+<atom:link href="/feed.xml" rel="self" type="application/rss+xml" />
 
 {% autoescape off %}
 {{ content_string }}

src/templates/template.html

@@ -1,12 +1,11 @@
-<!DOCTYPE html>
+<html>
-<html lang={% if language=="de-de" %}de{% else %}en{% endif %}>
 
 <head>
   <title>{{ title }}</title>
   <link href="{{ url_for('static', filename='css/' + style + '.css') }}" rel="stylesheet" type="text/css">
-  <link rel="icon" type="image/x-icon" href="{{ url_for('static', filename='graphics/logo.png')}}">
+  <link rel="icon" type="image/x-icon" href="{{ url_for('static', filename='graphics/logo.png') }}">
   <meta charset="utf-8">
-  <meta name="viewport" content="width=device-width">
+  <meta name="viewport" content="width=device-width" initial-scale=1.0>
   {{ font_awesome.load_js() }}
 </head>
 
@@ -14,9 +13,7 @@
   <!-- Menu -->
   <div class="main-menu-dropdown">
     <a href="{{ url_for('index') }}">
-      <img class="logo" src="{{ url_for('static', filename='graphics/logo.png') }}" alt="Logo von
+      <img class="logo" src="{{ url_for('static', filename='graphics/logo.png') }}">
-      Mittelerde mit Marten. Zu sehen sind 3 'M's mit Serifen, wobei die beiden Äußeren etwas
-      kleiner sind">
       {{ stitle }}
     </a>
     <input type="checkbox" id="main-menu-check">