diff --git a/.gitignore b/.gitignore index 1f93644..bb63a74 100644 --- a/.gitignore +++ b/.gitignore @@ -1,2 +1,3 @@ output/ -__pycache__/ \ No newline at end of file +__pycache__/ +*.code-workspace diff --git a/pelicanconf.py b/pelicanconf.py index 14509b0..1b6c661 100644 --- a/pelicanconf.py +++ b/pelicanconf.py @@ -2,12 +2,12 @@ AUTHOR = 'Tobias Radloff' SITENAME = 'Tobias Radloff' SITESUBTITLE = "Schriftsteller" SITETAG = "Schriftsteller" -SITEURL = "" +SITEURL = "tobias-radloff.de" PATH = "content" +ARTICLE_PATHS = ["posts"] TIMEZONE = 'Europe/Berlin' - DEFAULT_LANG = 'de' # Feed generation is usually not desired when developing @@ -34,8 +34,14 @@ SOCIAL = ( DEFAULT_PAGINATION = 5 # Uncomment following line if you want document-relative URLs when developing -# RELATIVE_URLS = True - +RELATIVE_URLS = True THEME = "theme/" +DISPLAY_PAGES_ON_MENU = True + +############################################################################### +# Self-defined Settings # +############################################################################### + +STYLESHEET_FILES = ("pico.amber.css", "custom.css") \ No newline at end of file diff --git a/theme/static/css/custom.css b/theme/static/css/custom.css new file mode 100644 index 0000000..ec1eb44 --- /dev/null +++ b/theme/static/css/custom.css @@ -0,0 +1,61 @@ +/* + * Additional fonts + */ +/* LinBiolinum is sans-serif; see linuxlibertine.org */ +@font-face { + font-family: "LinBiolinum"; + src: url("../fonts/LinLibertine/LinBiolinum_R.otf") format("opentype"); +} + +@font-face { + font-family: "LinBiolinum"; + font-weight: bold; + src: url("../fonts/LinLibertine/LinBiolinum_RB.otf") format("opentype"); +} + +@font-face { + font-family: "LinBiolinum"; + font-style: italic; + src: url("../fonts/LinLibertine/LinBiolinum_RI.otf") format("opentype"); +} + +/* + * Modified Pico settings + */ +:root { + --pico-font-family-sans-serif: LinBiolinum, system-ui, "Segoe UI", Roboto, + Oxygen, Ubuntu, Cantarell, Helvetica, Arial, "Helvetica Neue", sans-serif, + var(--pico-font-family-emoji); +} + +a { + --pico-text-decoration: none; +} + + +/* + * Regular CSS + */ + +/* Jumbotron (site name and subtitle) */ +#jumbotron-title { + border-bottom: thin solid black; +} + +#jumbotron { + #jumbotron-title h1 { + font-size: 3rem; + font-weight: 500; + margin-bottom: 10px; + + a { + color: var(--pico-h1-color); + } + } + + #jumbotron-subtitle h2 { + font-size: 2.2rem; + font-weight: 500; + margin-top: 10px; + } +} \ No newline at end of file diff --git a/theme/static/css/pico.orange.css b/theme/static/css/pico.amber.css similarity index 98% rename from theme/static/css/pico.orange.css rename to theme/static/css/pico.amber.css index 35ccd11..af7bf79 100644 --- a/theme/static/css/pico.orange.css +++ b/theme/static/css/pico.amber.css @@ -217,7 +217,7 @@ details summary[role=button]:not(.outline)::after { } [aria-busy=true]:not(input, select, textarea):is(button, [type=submit], [type=button], [type=reset], [role=button]):not(.outline)::before { - filter: brightness(0) invert(1); + filter: brightness(0) invert(0); } /** @@ -227,19 +227,19 @@ details summary[role=button]:not(.outline)::after { :root:not([data-theme=dark]) { --pico-background-color: #fff; --pico-color: #373c44; - --pico-text-selection-color: rgba(244, 93, 44, 0.25); + --pico-text-selection-color: rgba(183, 136, 0, 0.25); --pico-muted-color: #646b79; --pico-muted-border-color: #e7eaf0; - --pico-primary: #bd3c13; - --pico-primary-background: #d24317; + --pico-primary: #876400; + --pico-primary-background: #ffbf00; --pico-primary-border: var(--pico-primary-background); - --pico-primary-underline: rgba(189, 60, 19, 0.5); - --pico-primary-hover: #942d0d; - --pico-primary-hover-background: #bd3c13; + --pico-primary-underline: rgba(135, 100, 0, 0.5); + --pico-primary-hover: #694d00; + --pico-primary-hover-background: #e8ae01; --pico-primary-hover-border: var(--pico-primary-hover-background); --pico-primary-hover-underline: var(--pico-primary-hover); - --pico-primary-focus: rgba(244, 93, 44, 0.5); - --pico-primary-inverse: #fff; + --pico-primary-focus: rgba(183, 136, 0, 0.5); + --pico-primary-inverse: #000; --pico-secondary: #5d6b89; --pico-secondary-background: #525f7a; --pico-secondary-border: var(--pico-secondary-background); @@ -299,7 +299,7 @@ details summary[role=button]:not(.outline)::after { --pico-switch-background-color: #bfc7d9; --pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-color: #fff; - --pico-switch-thumb-box-shadow: 0 0 0 rgba(0, 0, 0, 0); + --pico-switch-thumb-box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.25); --pico-range-border-color: #dfe3eb; --pico-range-active-border-color: #bfc7d9; --pico-range-thumb-border-color: var(--pico-background-color); @@ -347,19 +347,19 @@ details summary[role=button]:not(.outline)::after { :root:not([data-theme]) { --pico-background-color: #13171f; --pico-color: #c2c7d0; - --pico-text-selection-color: rgba(245, 107, 61, 0.1875); + --pico-text-selection-color: rgba(199, 148, 0, 0.1875); --pico-muted-color: #7b8495; --pico-muted-border-color: #202632; - --pico-primary: #f56b3d; - --pico-primary-background: #d24317; + --pico-primary: #c79400; + --pico-primary-background: #ffbf00; --pico-primary-border: var(--pico-primary-background); - --pico-primary-underline: rgba(245, 107, 61, 0.5); - --pico-primary-hover: #f8a283; - --pico-primary-hover-background: #e74b1a; + --pico-primary-underline: rgba(199, 148, 0, 0.5); + --pico-primary-hover: #e8ae01; + --pico-primary-hover-background: #fecc63; --pico-primary-hover-border: var(--pico-primary-hover-background); --pico-primary-hover-underline: var(--pico-primary-hover); - --pico-primary-focus: rgba(245, 107, 61, 0.375); - --pico-primary-inverse: #fff; + --pico-primary-focus: rgba(199, 148, 0, 0.375); + --pico-primary-inverse: #000; --pico-secondary: #969eaf; --pico-secondary-background: #525f7a; --pico-secondary-border: var(--pico-secondary-background); @@ -419,7 +419,7 @@ details summary[role=button]:not(.outline)::after { --pico-switch-background-color: #333c4e; --pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-color: #fff; - --pico-switch-thumb-box-shadow: 0 0 0 rgba(0, 0, 0, 0); + --pico-switch-thumb-box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.25); --pico-range-border-color: #202632; --pico-range-active-border-color: #2a3140; --pico-range-thumb-border-color: var(--pico-background-color); @@ -470,19 +470,19 @@ details summary[role=button]:not(.outline)::after { [data-theme=dark] { --pico-background-color: #13171f; --pico-color: #c2c7d0; - --pico-text-selection-color: rgba(245, 107, 61, 0.1875); + --pico-text-selection-color: rgba(199, 148, 0, 0.1875); --pico-muted-color: #7b8495; --pico-muted-border-color: #202632; - --pico-primary: #f56b3d; - --pico-primary-background: #d24317; + --pico-primary: #c79400; + --pico-primary-background: #ffbf00; --pico-primary-border: var(--pico-primary-background); - --pico-primary-underline: rgba(245, 107, 61, 0.5); - --pico-primary-hover: #f8a283; - --pico-primary-hover-background: #e74b1a; + --pico-primary-underline: rgba(199, 148, 0, 0.5); + --pico-primary-hover: #e8ae01; + --pico-primary-hover-background: #fecc63; --pico-primary-hover-border: var(--pico-primary-hover-background); --pico-primary-hover-underline: var(--pico-primary-hover); - --pico-primary-focus: rgba(245, 107, 61, 0.375); - --pico-primary-inverse: #fff; + --pico-primary-focus: rgba(199, 148, 0, 0.375); + --pico-primary-inverse: #000; --pico-secondary: #969eaf; --pico-secondary-background: #525f7a; --pico-secondary-border: var(--pico-secondary-background); @@ -542,7 +542,7 @@ details summary[role=button]:not(.outline)::after { --pico-switch-background-color: #333c4e; --pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-color: #fff; - --pico-switch-thumb-box-shadow: 0 0 0 rgba(0, 0, 0, 0); + --pico-switch-thumb-box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.25); --pico-range-border-color: #202632; --pico-range-active-border-color: #2a3140; --pico-range-thumb-border-color: var(--pico-background-color); diff --git a/theme/templates/base.html b/theme/templates/base.html index 5cb1810..26edeb9 100644 --- a/theme/templates/base.html +++ b/theme/templates/base.html @@ -1,19 +1,28 @@ - - - - - - - - - {% block title %}{{ SITENAME }}{% if SITETAG %} - {{ SITETAG|escape }}{% - endif %}{% endblock %} - - - -
-

Hello world!

-
- - + + + + + + + {% for css in STYLESHEET_FILES %} + + {% endfor %} + + {% block title %}{{ SITENAME }}{% if SITETAG %} - {{ SITETAG|escape }}{% + endif %}{% endblock %} + + + + +
+
{% include "includes/jumbotron.html" %}
+ +
+ +
+ + + + + \ No newline at end of file diff --git a/theme/templates/includes/footer.html b/theme/templates/includes/footer.html new file mode 100644 index 0000000..d6d38b7 --- /dev/null +++ b/theme/templates/includes/footer.html @@ -0,0 +1 @@ +

Dies ist der Footer. Trololol.

diff --git a/theme/templates/includes/jumbotron.html b/theme/templates/includes/jumbotron.html new file mode 100644 index 0000000..9d91485 --- /dev/null +++ b/theme/templates/includes/jumbotron.html @@ -0,0 +1,10 @@ +
+
+

{{ SITENAME }}

+
+
+{% if SITESUBTITLE %} +
+

{{ SITESUBTITLE }}

+
+{% endif %} diff --git a/theme/templates/includes/navbar.html b/theme/templates/includes/navbar.html new file mode 100644 index 0000000..60288c3 --- /dev/null +++ b/theme/templates/includes/navbar.html @@ -0,0 +1,19 @@ + + \ No newline at end of file