Fixed URLs in the layout for style sheets and favicons

awinterstein · Dec 9, 2024 · b4195a7 · b4195a7
1 parent ca63d5a
commit b4195a7
Showing 1 changed file with 9 additions and 9 deletions.
diff --git a/templates/layout.html b/templates/layout.html
@@ -9,17 +9,17 @@
 
   <!-- STYLESHEETS -->
   <link href="{{ config.base_url | trim_end_matches(pat='/') | safe }}/css/main.css" rel="stylesheet">
-  <link rel="stylesheet" type="text/css" href="/syntax-dark.css" media="(prefers-color-scheme: dark)" />
-  <link rel="stylesheet" type="text/css" href="/syntax-light.css" media="(prefers-color-scheme: light)" />
+  <link rel="stylesheet" type="text/css" href="{{ config.base_url | trim_end_matches(pat='/') | safe }}/syntax-dark.css" media="(prefers-color-scheme: dark)" />
+  <link rel="stylesheet" type="text/css" href="{{ config.base_url | trim_end_matches(pat='/') | safe }}/syntax-light.css" media="(prefers-color-scheme: light)" />
 
   <!-- FAVICON -->
-  {% if config.extra.favicon.webmanifest %}<link href="{{ config.extra.favicon.manifest }}" rel=" manifest" />{% endif %}
-  {% if config.extra.favicon.favicon_16x16 %}<link href='{{ config.extra.favicon.favicon_16x16 }}' rel="icon" sizes="16x16" type="image/png" />{% endif %}
-  {% if config.extra.favicon.favicon_32x32 %}<link href='{{ config.extra.favicon.favicon_32x32 }}' rel="icon" sizes="32x32" type="image/png" />{% endif %}
-  {% if config.extra.favicon.android_chrome_512 %}<link href='{{ config.extra.favicon.android_chrome_512 }}' rel="android-chrome" sizes="512x512" />{% endif %}
-  {% if config.extra.favicon.android_chrome_192 %}<link href='{{ config.extra.favicon.android_chrome_192 }}' rel="android-chrome" sizes="192x192" />{% endif %}
-  {% if config.extra.favicon.apple_touch_icon %}<link href='{{ config.extra.favicon.apple_touch_icon }}' rel="apple-touch-icon" sizes="180x180" />{% endif %}
-  {% if config.extra.favicon.apple_touch_icon %}<link href='{{ config.extra.favicon.apple_touch_icon }}' rel="apple-touch-icon" sizes="180x180" />{% endif %}
+  {% if config.extra.favicon.webmanifest %}<link href="{{ config.base_url | trim_end_matches(pat='/') | safe }}/{{ config.extra.favicon.manifest }}" rel=" manifest" />{% endif %}
+  {% if config.extra.favicon.favicon_16x16 %}<link href="{{ config.base_url | trim_end_matches(pat='/') | safe }}/{{ config.extra.favicon.favicon_16x16 }}" rel="icon" sizes="16x16" type="image/png" />{% endif %}
+  {% if config.extra.favicon.favicon_32x32 %}<link href="{{ config.base_url | trim_end_matches(pat='/') | safe }}/{{ config.extra.favicon.favicon_32x32 }}" rel="icon" sizes="32x32" type="image/png" />{% endif %}
+  {% if config.extra.favicon.android_chrome_512 %}<link href="{{ config.base_url | trim_end_matches(pat='/') | safe }}/{{ config.extra.favicon.android_chrome_512 }}" rel="android-chrome" sizes="512x512" />{% endif %}
+  {% if config.extra.favicon.android_chrome_192 %}<link href="{{ config.base_url | trim_end_matches(pat='/') | safe }}/{{ config.extra.favicon.android_chrome_192 }}" rel="android-chrome" sizes="192x192" />{% endif %}
+  {% if config.extra.favicon.apple_touch_icon %}<link href="{{ config.base_url | trim_end_matches(pat='/') | safe }}/{{ config.extra.favicon.apple_touch_icon }}" rel="apple-touch-icon" sizes="180x180" />{% endif %}
+  {% if config.extra.favicon.apple_touch_icon %}<link href="{{ config.base_url | trim_end_matches(pat='/') | safe }}/{{ config.extra.favicon.apple_touch_icon }}" rel="apple-touch-icon" sizes="180x180" />{% endif %}
 </head>
 
 <body class="dark:bg-gray-700 flex flex-col h-screen justify-between">