feat: alias the logo into an svg

themes/paprika/assets/app.css

@@ -72,6 +72,11 @@ math {
   }
 }
 
+.site-name>svg {
+  width: 18rem;
+  fill: var(--dark)
+}
+
 .math {
   padding: var(--gap);
   text-align: center;
@@ -271,15 +276,6 @@ img {
   }
 }
 
-.site-name {
-  font-family: LeagueGothic;
-  text-transform: uppercase;
-  letter-spacing: 1rem;
-  font-size: 3.4rem;
-  font-weight: 700;
-  white-space: nowrap;
-}
-
 .header a.active {
   outline: 2px solid var(--air);
   border-radius: 50%;
@@ -692,12 +688,6 @@ img {
   font-size: 16rem;
 }
 
-@font-face {
-  font-family: LeagueGothic;
-  src: url(LeagueGothic.ttf);
-  font-display: swap;
-}
-
 @font-face {
   font-family: LatinModern;
   src: url(latinmodern-math.otf);

themes/paprika/layouts/partials/head.html

@@ -14,8 +14,6 @@
   {{ $app_css := resources.Get "app.css" | minify }}
   <link rel="preload stylesheet" as="style" href="{{ $app_css.Permalink }}" />
   <link rel="preload" as="image" href="/header.svg" />
-  {{ $font := resources.Get "LeagueGothic.ttf" }}
-  <link rel="preload" as="font" href="{{ $font.Permalink }}" />
 
   {{ $font := resources.Get "latinmodern-math.otf" }}
   <link as="font" href="{{ $font.Permalink }}" />

themes/paprika/layouts/partials/header.html

@@ -1,6 +1,8 @@
 <header class="header">
 		<h1>
-			<a class="site-name" href="{{ `` | absURL }}">{{ site.Title }}</a>
+			<a class="site-name" href="{{ `` | absURL }}">
+				<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8790 2400"><path d="M80 1935V465h216v1270h286v200ZM933 1935l222-1470h264l222 1470h-210l-40-300h-208l-40 300Zm280-528h148l-62-494-6-78h-12l-6 78ZM2238 1935 2014 465h210l108 868 8 142h12l8-142 108-868h210l-224 1470ZM3051 1935l222-1470h264l222 1470h-210l-40-300h-208l-40 300Zm280-528h148l-62-494-6-78h-12l-6 78ZM4182 1935V465h514v222h-298v386h200v222h-200v640ZM5092 1935V465h216q194 0 286 108 92 107 92 316 0 124-43 215-44 90-106 132l147 699h-216l-122-620h-38v620Zm216-820q60 0 95-26 35-27 50-76t15-116q0-105-34-161-35-57-126-57ZM6392 1951q-90 0-154-42-65-42-99-114-35-72-35-162V767q0-91 35-162 34-72 99-114 64-42 154-42t155 42q64 42 99 114 34 72 34 162v866q0 90-34 162-35 72-99 114-65 42-155 42Zm0-210q40 0 56-33 16-34 16-75V767q0-41-17-74-17-34-55-34-37 0-54 34-18 33-18 74v866q0 41 17 75 17 33 55 33ZM7282 1935V687h-204V465h624v222h-204v1248ZM8110 1935V465h216v608h168V465h216v1470h-216v-640h-168v640Z"/></svg>
+			</a>
 		</h1>
 		<div class="push"></div>
 			{{ range .Site.Params.socials }}