From 3f121f57c8df5baeeda3e67e1bc922720761291c Mon Sep 17 00:00:00 2001
From: Matt Marcha <matt@marcha.pro>
Date: Thu, 27 Oct 2022 20:15:26 +1300
Subject: [PATCH] Title to SVG

---
 header.php |  9 ++++++++-
 style.css  | 30 +++++++++++-------------------
 2 files changed, 19 insertions(+), 20 deletions(-)

diff --git a/header.php b/header.php
index c0cc56d..838a4d6 100644
--- a/header.php
+++ b/header.php
@@ -28,7 +28,14 @@
             <?php
             if ( is_front_page() && is_home() ) :
             ?>
-            <h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
+            <h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home">
+                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9.001 3.336">
+                        <g transform="translate(-20.059 -80.215) scale(.26458)">
+                            <path d="M84.847 306.513q.96 0 1.59.437.64.427.95 1.301.32.875.32 2.22v5.055h-.684v-4.779q0-1.856-.5-2.688-.492-.842-1.729-.842-.608 0-1.237.352-.619.341-1.046 1.12-.416.768-.416 2.058v4.78h-.682v-4.78q0-1.856-.65-2.688-.64-.842-1.633-.842-.619 0-1.227.33-.608.331-1.013 1.11-.395.768-.395 2.09v4.78h-.682v-8.758h.682v1.418q.107-.33.46-.714.362-.395.948-.672.598-.288 1.376-.288.811 0 1.344.405.544.395.832.928.288.533.331.939.16-.534.565-1.056.416-.523 1.046-.864.64-.352 1.45-.352zm12.347 9.013v-1.941q-.064.298-.501.832-.427.522-1.195.95-.768.415-1.824.415-1.163 0-2.176-.533-1.003-.534-1.621-1.568-.619-1.035-.619-2.528 0-1.494.619-2.528.618-1.035 1.621-1.568 1.013-.544 2.176-.544 1.056 0 1.824.416.779.405 1.216.928.448.522.48.864v-1.952h.661v8.757zm-7.253-4.373q0 1.237.533 2.122.533.886 1.376 1.355.843.47 1.76.47 1.013 0 1.813-.48t1.259-1.366q.47-.885.47-2.101t-.47-2.102q-.459-.885-1.259-1.365-.8-.49-1.813-.49-.917 0-1.76.48-.843.469-1.376 1.354-.533.885-.533 2.123zm9.136-4.384h1.909v-3.595h.683v3.595h2.496v.682h-2.496v5.92q0 .971.362 1.355.363.373.854.373.501 0 .746-.17.246-.17.288-.224l.416.565q-.053.053-.234.181-.182.128-.491.224-.299.107-.747.107-.778 0-1.333-.523-.544-.533-.544-1.717v-6.09h-1.91zm5.498 0h1.91v-3.595h.682v3.595h2.496v.682h-2.496v5.92q0 .971.363 1.355.363.373.853.373.502 0 .747-.17t.288-.224l.416.565q-.053.053-.235.181-.181.128-.49.224-.299.107-.747.107-.779 0-1.333-.523-.544-.533-.544-1.717v-6.09h-1.91z" aria-label="matt" style="font-weight:400;font-family:'League Spartan';-inkscape-font-specification:'League Spartan weight=250'"/>
+                        </g>
+                    </svg>
+
+                </a></h1>
             <?php
             else :
                 ?>
diff --git a/style.css b/style.css
index 1882680..1e2c88b 100644
--- a/style.css
+++ b/style.css
@@ -42,34 +42,24 @@ footer {
 --------------------------------------------- */
 
 header#masthead .site-branding {
-	margin-left: 1em;
+	margin-left: 10px;
+  width: 16em;
 }
 
 
 header#masthead .site-branding .site-title {
 	margin: 1.5rem 0 0;
-	padding-bottom: 0;
 	line-height: 0.6;
 	color: var(--text-light);
 }
 
-header#masthead .site-branding .site-title a {
-	margin-bottom: 0;
-	text-decoration: none;
-	font-size: 7rem;
-	font-weight: 100;
-	text-transform: lowercase;
-	font-variant: none;
-	font-family: var(--sans-font);
-	letter-spacing: -5px;
-  color : var(--text-light);
-	-webkit-text-stroke: 3px var(--bg);
+header#masthead .site-branding a svg path {
+	fill: var(--text-light);
 }
 
 header#masthead .site-description {
 	font-weight: 100;
-	font-size: .9em;
-	padding-left: .5em;
+	font-size: 1.12em;
 	margin-top: -4px;
 	color: var(--text-light);
 }
@@ -81,7 +71,7 @@ header#masthead .site-description {
 header#masthead {
 	position: relative;
 	width: 100vw;
-	max-width: 900px;
+	max-width: 768px;
 	overflow: hidden;
 	margin: auto;
 }
@@ -235,10 +225,11 @@ main#primary nav.post-navigation .nav-next:after{
 	  display: block;
 	  position: static;
 	  overflow: visible;
-	  padding: 0 1em;
 	  text-align: right;
-	  margin-top: -2.6em;
+	  margin-top: -2.78em;
+		margin-right: 10px;
 	  background-color: transparent;
+	  padding: 0;
   }
 	
 	header#masthead nav label.menu-toggle,
@@ -248,12 +239,13 @@ main#primary nav.post-navigation .nav-next:after{
 	
 	header#masthead div.menu-main-menu-container > ul.menu {
 		text-align: right;
+		padding: 0;
 	}
 	
 	header#masthead div.menu-main-menu-container > ul.menu > li {
 		display: inline-block;
 		position: relative;
-		margin: 0 1em; 
+		margin-left: 1.5em; 
 		text-align: left;
 	}