published site now uses minified Pico stylesheet and gets font files from CDN

This commit is contained in:
eclipse 2025-03-21 14:57:07 +01:00
parent b8e0903d0d
commit 9440f615d9
6 changed files with 47 additions and 22 deletions

View File

@ -23,6 +23,8 @@ Pip packages
#### Fonts #### Fonts
* [Libertinus Sans](https://github.com/alerque/libertinus) * [Libertinus Sans](https://github.com/alerque/libertinus)
* dev: local files
* prod: [CDN](https://www.cdnfonts.com/libertinus-sans.font)
### Content generation ### Content generation

View File

@ -129,7 +129,7 @@ IMAGE_PROCESS = {
# Self-defined Settings # # Self-defined Settings #
############################################################################### ###############################################################################
STYLESHEET_FILES = ("pico.zinc.css", "custom.css") STYLESHEET_FILES = ("pico.zinc.css", "font.local.css", "custom.css")
DEFAULT_METADESC = "Tobias Radloff ist preisgekrönter Schriftsteller von Romanen, Kurzgeschichten und Lyrik auf deutsch und englisch. Zu seinen Genres gehören Fantasy, SF, Krimi, Kinder-/Jugendbuch und mehr. Er organisiert und moderiert die regelmäßigen Lesereihen 'Potsdams andere Welten' und 'Babelsberger Lesesalon'." DEFAULT_METADESC = "Tobias Radloff ist preisgekrönter Schriftsteller von Romanen, Kurzgeschichten und Lyrik auf deutsch und englisch. Zu seinen Genres gehören Fantasy, SF, Krimi, Kinder-/Jugendbuch und mehr. Er organisiert und moderiert die regelmäßigen Lesereihen 'Potsdams andere Welten' und 'Babelsberger Lesesalon'."
import datetime import datetime

View File

@ -7,6 +7,9 @@ import sys
sys.path.append(os.curdir) sys.path.append(os.curdir)
from pelicanconf import * from pelicanconf import *
STYLESHEET_FILES = ("pico.zinc.min.css", "font.cdn.css", "custom.css")
# If your site is available via HTTPS, make sure SITEURL begins with https:// # If your site is available via HTTPS, make sure SITEURL begins with https://
SITEURL = "https://tobias-radloff.de" SITEURL = "https://tobias-radloff.de"
RELATIVE_URLS = False RELATIVE_URLS = False

View File

@ -1,23 +1,3 @@
/*
* Additional fonts
*/
@font-face {
font-family: "LibertinusSans";
src: url("../fonts/Libertinus/LibertinusSans-Regular.otf") format("opentype");
}
@font-face {
font-family: "LibertinusSans";
font-weight: bold;
src: url("../fonts/Libertinus/LibertinusSans-Bold.otf") format("opentype");
}
@font-face {
font-family: "LibertinusSans";
font-style: italic;
src: url("../fonts/Libertinus/LibertinusSans-Italic.otf") format("opentype");
}
/* /*
* General settings * General settings
*/ */
@ -26,7 +6,7 @@
--tr-smallest-width: 350px; --tr-smallest-width: 350px;
--tr-accent-color: #cf0000; --tr-accent-color: #cf0000;
--pico-font-family-sans-serif: LibertinusSans, system-ui, "Segoe UI", Roboto, --pico-font-family-sans-serif: "Libertinus Sans", system-ui, "Segoe UI", Roboto,
Oxygen, Ubuntu, Cantarell, Helvetica, Arial, "Helvetica Neue", sans-serif, Oxygen, Ubuntu, Cantarell, Helvetica, Arial, "Helvetica Neue", sans-serif,
var(--pico-font-family-emoji); var(--pico-font-family-emoji);
--pico-font-size: 112.5%; --pico-font-size: 112.5%;

View File

@ -0,0 +1,20 @@
@font-face {
font-family: 'Libertinus Sans';
font-style: normal;
font-weight: 400;
src: local('Libertinus Sans'), url('https://fonts.cdnfonts.com/s/19341/LibertinusSans-Regular.woff') format('woff');
}
@font-face {
font-family: 'Libertinus Sans';
font-style: italic;
font-weight: 400;
src: local('Libertinus Sans'), url('https://fonts.cdnfonts.com/s/19341/LibertinusSans-Italic.woff') format('woff');
}
@font-face {
font-family: 'Libertinus Sans';
font-style: normal;
font-weight: 700;
src: local('Libertinus Sans'), url('https://fonts.cdnfonts.com/s/19341/LibertinusSans-Bold.woff') format('woff');
}

View File

@ -0,0 +1,20 @@
@font-face {
font-family: 'Libertinus Sans';
font-style: normal;
font-weight: 400;
src: local("Libertinus Sans"), url("../fonts/Libertinus/LibertinusSans-Regular.otf") format("opentype");
}
@font-face {
font-family: 'Libertinus Sans';
font-style: normal;
font-weight: 700;
src: local("Libertinus Sans"), url("../fonts/Libertinus/LibertinusSans-Bold.otf") format("opentype");
}
@font-face {
font-family: 'Libertinus Sans';
font-style: italic;
font-weight: 400;
src: local("Libertinus Sans"), url("../fonts/Libertinus/LibertinusSans-Italic.otf") format("opentype");
}