Fix theming on translated webpages

content/_index.md

@@ -3,7 +3,5 @@ title: Plasma Mobile
 menu:
   main:
     weight: 1
-sassFiles:
-- scss/index.scss
 ---
 

layouts/index.html

+{{ define "head-import" }}
+{{ $style := resources.Get "scss/index.scss" | toCSS | minify | fingerprint }}
+<link rel="stylesheet" href="{{ $style.Permalink }}">
+{{ end }}
 {{ define "main" }}
 <section class="home" style="background-image:url(https://kde.org/announcements/plasma/5/5.21.0/mk.webp);background-size:cover;color:#fff">
   <div class="container align-items-center">
@@ -27,11 +31,11 @@
         <div class="app text-center col-4 col-lg-3 p-2">
           <div class="p-3 h-100">
             <div aria-hidden="true">
-              <a href="https://apps.kde.org/{{ $.Site.Language.Lang }}/{{ $namePart }}">
+              <a href="https://apps.kde.org{{ $namePart | relLangURL }}">
                 <img src="https://apps.kde.org/app-icons/{{ $id }}.svg" loading="lazy" alt="{{ $localizedName }}" width="48" height="48">
               </a>
             </div>
-            <a href="https://apps.kde.org/{{ $.Site.Language.Lang }}/{{ $namePart }}">
+            <a href="https://apps.kde.org{{ $namePart | relLangURL }}">
               {{ $localizedName }}
             </a>
             <p class="d-none d-md-block">