minor style changes, added graphics volume

Dockerfile

@@ -10,6 +10,8 @@ RUN pip3 install -r requirements.txt
 
 VOLUME /blog/templates/entry
 
+VOLUME /blog/static/graphics
+
 EXPOSE 5000
 
 ENTRYPOINT [ "python3" ]

README.md

@@ -58,10 +58,11 @@ The `config.py` can be found in the `src` folder.
 
 Set the following volumes with the -v tag.
 
-| Volume-Name   | Container mount             | Description                                                  |
+| Volume-Name   | Container mount             | Description                                              |
-| ------------- | --------------------------- | ------------------------------------------------------------ |
+| ------------- | --------------------------- | -------------------------------------------------------- |
 | `config-file` | `/blog/config.py`       | Config file                                                  |
 | `entries`     | `/blog/templates/entry` | Directory for blog entries                                   |
+| `graphics`    | `/blog/static/graphics` | Directory for images needed for entries                      |
 | `css`         | `/blog/static/css`      | (optional) Directory for css files                           |
 | `html`        | `/blog/templates`       | (optional) Directory for templates (entry-volume not needed) |
 

rebuild.sh

@@ -6,4 +6,6 @@ docker run --name beaker-blog \
     --restart unless-stopped \
     -p "5000:5000" \
     -e FLASK_ENV=development \
+    -v entries:/blog/templates/entry \
+    -v graphics:/blog/static/graphics \
     -d tiyn/beaker-blog

src/requirements.txt

@@ -1,2 +1,2 @@
-Flask==1.1.2
+Flask>=2.2.2
 Markdown==3.1.1

src/static/css/style.css

@@ -167,3 +167,6 @@ footer .center {
     padding-left: 20;
 }
 
+figure {
+    padding:20px;
+}

src/templates/template.html

@@ -25,7 +25,7 @@
     <!-- Content -->
     <footer>
         <div class="center">
-            Made with <a href="https://github.com/tiyn/beaker-blog">Beaker Blog </a>.
+            Made with <a href="https://github.com/tiyn/beaker-blog">Beaker Blog</a>.
         </div>
     </footer>
 </body>