updated article styling

routes/library/article.py

@@ -20,12 +20,12 @@ def data(article_id):
         raise TypeError(f"No species named '{species_english}' found in the database.")
     return render_template(
         "library/article.jinja",
-        article_id  =database_entry["article_id"   ].capitalize(),
-        title       =database_entry["title"     ].capitalize(),
-        subtitle    =database_entry["subtitle"         ],
-        main_text   =database_entry["main_text"          ].capitalize(),
-        author      =database_entry["author"   ],
-        publish_date=database_entry["publish_date"           ])
+        article_id  =database_entry["article_id"    ],
+        title       =database_entry["title"         ].title(),
+        subtitle    =database_entry["subtitle"      ],
+        main_text   =database_entry["main_text"     ].capitalize(),
+        author      =database_entry["author"        ],
+        publish_date=database_entry["publish_date"  ])
 
 @page.route("/species/image/<photoid>")
 def image(photoid):

templates/library/article.jinja

@@ -4,18 +4,13 @@
 {% endblock %}
 {% block content %}
 {% from 'button.jinja' import button %}
-<div class="species-layout">
 <section id="summary" style="padding: 10px 20px; text-align: center; margin-top:1rem" class="container">
     <h1>{{ title }}</h1>
-    <h2><em>{{ subtitle }}</em></h2>
-    <p>Category: {{author}}</p>
-    <p>Category: {{publish_date}}</p>
-
+    <h3><em>{{ subtitle }}</em></h3>
+    <p>Author: {{author}}</p>
+    <p>Published: {{publish_date}}</p>
+    <p>{{ main_text }}</p>
 </section>
-<section id="info" style="padding: 10px 20px; text-align: center;" class="container">
-<p>{{ main_text }}</p>
-</section>
-</div>
 {# this button should only be visible to certain account types #}
 {# <div style="text-align: right;">
     {{ button(url='/species/editor/'+species_id, button_text='Edit Species') }}