diff --git a/.vscode/settings.json b/.vscode/settings.json index 9c40aa6a..d5b3af4a 100644 --- a/.vscode/settings.json +++ b/.vscode/settings.json @@ -15,6 +15,7 @@ "test-output.xml": true, ".hypothesis": true }, + "html.format.wrapLineLength": 0, "python.autoComplete.addBrackets": true, "python.formatting.provider": "black", "python.linting.pylintEnabled": false, diff --git a/blog/public/css/gallery.css b/blog/public/css/gallery.css index 874ddc55..77aba10e 100644 --- a/blog/public/css/gallery.css +++ b/blog/public/css/gallery.css @@ -47,6 +47,7 @@ display: flex; flex-direction: row; justify-content: space-between; + align-items: flex-end; width: 100%; height: 100%; @@ -63,7 +64,7 @@ } .avatar { - border-radius: 50%; + border-radius: 5%; height: 50px; width: 50px; } diff --git a/blog/public/css/image.css b/blog/public/css/image.css index a4037b78..25ff1cd9 100644 --- a/blog/public/css/image.css +++ b/blog/public/css/image.css @@ -53,6 +53,7 @@ input[type="checkbox"] { .image-author .avatar { width: 75px; height: 75px; + border-radius: 5%; margin-right: 1em; } diff --git a/blog/public/css/main.css b/blog/public/css/main.css index 7c6d4b0d..8d09a1f7 100644 --- a/blog/public/css/main.css +++ b/blog/public/css/main.css @@ -6,6 +6,7 @@ html, body { font-family: 'Open Sans', sans; + font-size: 12pt; margin: 0; background: var(--background); } @@ -24,26 +25,24 @@ li, p { } h1,h2,h3,h4,h5 { - font-family: 'Caveat', cursive; margin: 0 } -h1 {font-size: 32pt} -h2 {font-size: 28pt} -h3 {font-size: 26pt} -h4 {font-size: 20pt} -h5 {font-size: 16pt} +h1 {font-size: 2rem} +h2 {font-size: 1.75rem} +h3 {font-size: 1.5rem} +h4 {font-size: 1.25rem} +h5 {font-size: 1rem} header { position: sticky; top: 0; display: flex; - justify-content: flex-start; + justify-content: space-between; align-items: baseline; color: white; - font-family: 'Caveat', cursive; background: var(--primary); border-bottom: solid 1px var(--foreground); @@ -51,6 +50,10 @@ header { z-index: 1; } +header a { + margin-top: 0.5rem; +} + header a, header a:visited { color: white; @@ -67,7 +70,7 @@ header a:visited { } nav li { - font-size: 20pt; + font-size: 1.25rem; font-weight: 600; list-style: none; margin: 0 10px; @@ -104,10 +107,6 @@ footer { grid-template-columns: auto auto auto; } -footer h4 { - font-family: Arial, Helvetica, sans-serif; - font-size: 12pt -} footer a { text-decoration: none;; diff --git a/blog/public/svg/arlunio.svg b/blog/public/svg/arlunio.svg new file mode 100644 index 00000000..9e34aef0 --- /dev/null +++ b/blog/public/svg/arlunio.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/blog/templates/arlunio.svg b/blog/templates/arlunio.svg new file mode 100644 index 00000000..dfe84edc --- /dev/null +++ b/blog/templates/arlunio.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + \ No newline at end of file diff --git a/blog/templates/base.html b/blog/templates/base.html index f47a61de..59825aac 100644 --- a/blog/templates/base.html +++ b/blog/templates/base.html @@ -1,6 +1,5 @@ {% macro icon(name) -%} - + {%- endmacro %} @@ -16,18 +15,19 @@ {% block title %}Arlunio{% endblock %} - - + + {% block extrahead %}{% endblock %}
-

- Arlunio -

+ + {% with width="120", height="50", color="white" %} + {% include "arlunio.svg" %} + {% endwith %} +