Matt/EcoWP
0
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Title to SVG

Browse source
This commit is contained in:
Matt Marcha 2022-10-27 20:15:26 +13:00
parent d161f701d5
commit 3f121f57c8
2 changed files with 19 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
header.php
View file

@ -28,7 +28,14 @@
<?php <?php
if ( is_front_page() && is_home() ) : 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 <?php
else : else :
?> ?>

30
style.css
View file

@ -42,34 +42,24 @@ footer {
--------------------------------------------- */ --------------------------------------------- */
header#masthead .site-branding { header#masthead .site-branding {
margin-left: 1em; margin-left: 10px;
width: 16em;
} }
header#masthead .site-branding .site-title { header#masthead .site-branding .site-title {
margin: 1.5rem 0 0; margin: 1.5rem 0 0;
padding-bottom: 0;
line-height: 0.6; line-height: 0.6;
color: var(--text-light); color: var(--text-light);
} }
header#masthead .site-branding .site-title a { header#masthead .site-branding a svg path {
margin-bottom: 0; fill: var(--text-light);
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-description { header#masthead .site-description {
font-weight: 100; font-weight: 100;
font-size: .9em; font-size: 1.12em;
padding-left: .5em;
margin-top: -4px; margin-top: -4px;
color: var(--text-light); color: var(--text-light);
} }
@ -81,7 +71,7 @@ header#masthead .site-description {
header#masthead { header#masthead {
position: relative; position: relative;
width: 100vw; width: 100vw;
max-width: 900px; max-width: 768px;
overflow: hidden; overflow: hidden;
margin: auto; margin: auto;
} }
@ -235,10 +225,11 @@ main#primary nav.post-navigation .nav-next:after{
display: block; display: block;
position: static; position: static;
overflow: visible; overflow: visible;
padding: 0 1em;
text-align: right; text-align: right;
margin-top: -2.6em; margin-top: -2.78em;
margin-right: 10px;
background-color: transparent; background-color: transparent;
padding: 0;
} }
header#masthead nav label.menu-toggle, 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 { header#masthead div.menu-main-menu-container > ul.menu {
text-align: right; text-align: right;
padding: 0;
} }
header#masthead div.menu-main-menu-container > ul.menu > li { header#masthead div.menu-main-menu-container > ul.menu > li {
display: inline-block; display: inline-block;
position: relative; position: relative;
margin: 0 1em; margin-left: 1.5em;
text-align: left; text-align: left;
} }