Use the new font on the logo
This commit is contained in:
Ben Visness
parent
cb5c3c403d
commit
0179ee1993
|
|
@ -1,29 +0,0 @@
|
||||||
<?xml version="1.0" encoding="utf-8"?>
|
|
||||||
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
|
||||||
viewBox="0 0 428.4 79.5" style="" xml:space="preserve">
|
|
||||||
<style type="text/css">
|
|
||||||
.st0{fill-rule:evenodd;clip-rule:evenodd;fill:#ffffff;}
|
|
||||||
.st1{display:none;fill-rule:evenodd;clip-rule:evenodd;}
|
|
||||||
</style>
|
|
||||||
<path class="st0" d="M338.8,13c2.5,2.5,4.3,5.7,4.3,8.5v37c0,2.8-1.8,6-4.3,8.5c-2.5,2.5-5.7,4.3-8.5,4.3h-20.6
|
|
||||||
c-1.8,0-3.2-1.4-3.2-3.2V11.9c0-1.8,1.4-3.2,3.2-3.2h20.6C333.1,8.7,336.3,10.6,338.8,13L338.8,13z M336.7,21.5c0-1-1-2.6-2.4-3.9
|
|
||||||
c-1.4-1.4-2.9-2.4-3.9-2.4h-17.4v49.7h17.4c1,0,2.6-1,3.9-2.4c1.4-1.4,2.4-2.9,2.4-3.9V21.5z"/>
|
|
||||||
<path class="st0" d="M381.4,8.7c1.8,0,3.2,1.4,3.2,3.2c0,1.8-1.4,3.2-3.2,3.2h-20.6v18.4h15.8c1.8,0,3.2,1.4,3.2,3.2
|
|
||||||
c0,1.8-1.4,3.2-3.2,3.2h-15.8v25h20.6c1.8,0,3.2,1.4,3.2,3.2s-1.4,3.2-3.2,3.2h-23.8c-1.8,0-3.2-1.4-3.2-3.2V11.9
|
|
||||||
c0-1.8,1.4-3.2,3.2-3.2H381.4z"/>
|
|
||||||
<path class="st0" d="M287.9,55.8h-24.2l-4.7,13.4c-0.6,1.7-2.4,2.5-4.1,1.9s-2.5-2.4-1.9-4.1L272.8,11c1-2.8,5-2.8,6,0h0l19.9,56.1
|
|
||||||
c0.6,1.7-0.3,3.5-1.9,4.1c-1.7,0.6-3.5-0.3-4.1-1.9L287.9,55.8L287.9,55.8z M265.9,49.5h19.7l-9.9-27.8L265.9,49.5z"/>
|
|
||||||
<path class="st0" d="M186.4,13c2.5,2.5,4.3,5.7,4.3,8.5v37c0,2.8-1.8,6-4.3,8.5c-2.5,2.5-5.7,4.3-8.5,4.3h-20.6
|
|
||||||
c-1.8,0-3.2-1.4-3.2-3.2V11.9c0-1.8,1.4-3.2,3.2-3.2h20.6C180.7,8.7,183.9,10.6,186.4,13L186.4,13z M184.3,21.5c0-1-1-2.6-2.4-3.9
|
|
||||||
c-1.4-1.4-2.9-2.4-3.9-2.4h-17.4v49.7h17.4c1,0,2.6-1,3.9-2.4c1.4-1.4,2.4-2.9,2.4-3.9V21.5z"/>
|
|
||||||
<path class="st0" d="M87.3,55.7H63l-4.7,13.4c-0.6,1.7-2.4,2.5-4.1,1.9c-1.7-0.6-2.5-2.4-1.9-4.1l19.9-56.1c1-2.8,5-2.8,6,0l0,0
|
|
||||||
L98,67c0.6,1.7-0.3,3.5-1.9,4.1c-1.7,0.6-3.5-0.3-4.1-1.9L87.3,55.7L87.3,55.7z M65.3,49.3H85l-9.9-27.8L65.3,49.3z"/>
|
|
||||||
<path class="st0" d="M208.4,68.2c0,1.8-1.4,3.2-3.2,3.2s-3.2-1.4-3.2-3.2V12.1c0-1.8,1.4-3.2,3.2-3.2c1.2,0,2.3,0.7,2.8,1.7
|
|
||||||
l15.5,23.7l15.6-24c1-1.5,2.9-1.9,4.4-0.9c0.9,0.6,1.4,1.6,1.4,2.7h0v56.1c0,1.8-1.4,3.2-3.2,3.2c-1.8,0-3.2-1.4-3.2-3.2V22.8
|
|
||||||
l-12.4,19c-0.2,0.4-0.6,0.7-1,1c-1.5,1-3.4,0.5-4.4-0.9l-12.4-19.1V68.2z"/>
|
|
||||||
<path class="st0" d="M7.4,11.9c0-1.8,1.4-3.2,3.2-3.2c1.8,0,3.2,1.4,3.2,3.2v21.6h23.8V11.9c0-1.8,1.4-3.2,3.2-3.2s3.2,1.4,3.2,3.2
|
|
||||||
V68c0,1.8-1.4,3.2-3.2,3.2s-3.2-1.4-3.2-3.2V39.9H13.8V68c0,1.8-1.4,3.2-3.2,3.2c-1.8,0-3.2-1.4-3.2-3.2V11.9z"/>
|
|
||||||
<path class="st0" d="M112.7,68c0,1.8-1.4,3.2-3.2,3.2c-1.8,0-3.2-1.4-3.2-3.2V11.9c0-1.8,1.4-3.2,3.2-3.2c1.3,0,2.4,0.8,2.9,1.9
|
|
||||||
l24.1,44.8V11.9c0-1.8,1.4-3.2,3.2-3.2c1.8,0,3.2,1.4,3.2,3.2V68h0c0,1.1-0.6,2.2-1.7,2.8c-1.5,0.8-3.5,0.3-4.3-1.3l-24.2-45V68z"/>
|
|
||||||
<path class="st1" d="M394.1,71.2c-1.8,0-3.2-1.4-3.2-3.2s1.4-3.2,3.2-3.2h23.8c1.8,0,3.2,1.4,3.2,3.2s-1.4,3.2-3.2,3.2H394.1z"/>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 2.7 KiB |
|
|
@ -1,30 +0,0 @@
|
||||||
<?xml version="1.0" encoding="utf-8"?>
|
|
||||||
<!-- Generator: Adobe Illustrator 19.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
|
||||||
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
|
||||||
viewBox="0 0 428.4 79.5" style="" xml:space="preserve">
|
|
||||||
<style type="text/css">
|
|
||||||
.st0{display:none;fill-rule:evenodd;clip-rule:evenodd;}
|
|
||||||
.st1{fill-rule:evenodd;clip-rule:evenodd;fill:#ffffff;}
|
|
||||||
</style>
|
|
||||||
<path class="st0" d="M338.8,13c2.5,2.5,4.3,5.7,4.3,8.5v37c0,2.8-1.8,6-4.3,8.5c-2.5,2.5-5.7,4.3-8.5,4.3h-20.6
|
|
||||||
c-1.8,0-3.2-1.4-3.2-3.2V11.9c0-1.8,1.4-3.2,3.2-3.2h20.6C333.1,8.7,336.3,10.6,338.8,13L338.8,13z M336.7,21.5c0-1-1-2.6-2.4-3.9
|
|
||||||
c-1.4-1.4-2.9-2.4-3.9-2.4h-17.4v49.7h17.4c1,0,2.6-1,3.9-2.4c1.4-1.4,2.4-2.9,2.4-3.9V21.5z"/>
|
|
||||||
<path class="st0" d="M381.4,8.7c1.8,0,3.2,1.4,3.2,3.2c0,1.8-1.4,3.2-3.2,3.2h-20.6v18.4h15.8c1.8,0,3.2,1.4,3.2,3.2
|
|
||||||
c0,1.8-1.4,3.2-3.2,3.2h-15.8v25h20.6c1.8,0,3.2,1.4,3.2,3.2s-1.4,3.2-3.2,3.2h-23.8c-1.8,0-3.2-1.4-3.2-3.2V11.9
|
|
||||||
c0-1.8,1.4-3.2,3.2-3.2H381.4z"/>
|
|
||||||
<path class="st0" d="M287.9,55.8h-24.2l-4.7,13.4c-0.6,1.7-2.4,2.5-4.1,1.9s-2.5-2.4-1.9-4.1L272.8,11c1-2.8,5-2.8,6,0h0l19.9,56.1
|
|
||||||
c0.6,1.7-0.3,3.5-1.9,4.1c-1.7,0.6-3.5-0.3-4.1-1.9L287.9,55.8L287.9,55.8z M265.9,49.5h19.7l-9.9-27.8L265.9,49.5z"/>
|
|
||||||
<path class="st0" d="M186.4,13c2.5,2.5,4.3,5.7,4.3,8.5v37c0,2.8-1.8,6-4.3,8.5c-2.5,2.5-5.7,4.3-8.5,4.3h-20.6
|
|
||||||
c-1.8,0-3.2-1.4-3.2-3.2V11.9c0-1.8,1.4-3.2,3.2-3.2h20.6C180.7,8.7,183.9,10.6,186.4,13L186.4,13z M184.3,21.5c0-1-1-2.6-2.4-3.9
|
|
||||||
c-1.4-1.4-2.9-2.4-3.9-2.4h-17.4v49.7h17.4c1,0,2.6-1,3.9-2.4c1.4-1.4,2.4-2.9,2.4-3.9V21.5z"/>
|
|
||||||
<path class="st0" d="M87.3,55.7H63l-4.7,13.4c-0.6,1.7-2.4,2.5-4.1,1.9c-1.7-0.6-2.5-2.4-1.9-4.1l19.9-56.1c1-2.8,5-2.8,6,0l0,0
|
|
||||||
L98,67c0.6,1.7-0.3,3.5-1.9,4.1c-1.7,0.6-3.5-0.3-4.1-1.9L87.3,55.7L87.3,55.7z M65.3,49.3H85l-9.9-27.8L65.3,49.3z"/>
|
|
||||||
<path class="st0" d="M208.4,68.2c0,1.8-1.4,3.2-3.2,3.2s-3.2-1.4-3.2-3.2V12.1c0-1.8,1.4-3.2,3.2-3.2c1.2,0,2.3,0.7,2.8,1.7
|
|
||||||
l15.5,23.7l15.6-24c1-1.5,2.9-1.9,4.4-0.9c0.9,0.6,1.4,1.6,1.4,2.7h0v56.1c0,1.8-1.4,3.2-3.2,3.2c-1.8,0-3.2-1.4-3.2-3.2V22.8
|
|
||||||
l-12.4,19c-0.2,0.4-0.6,0.7-1,1c-1.5,1-3.4,0.5-4.4-0.9l-12.4-19.1V68.2z"/>
|
|
||||||
<path class="st0" d="M7.4,11.9c0-1.8,1.4-3.2,3.2-3.2c1.8,0,3.2,1.4,3.2,3.2v21.6h23.8V11.9c0-1.8,1.4-3.2,3.2-3.2s3.2,1.4,3.2,3.2
|
|
||||||
V68c0,1.8-1.4,3.2-3.2,3.2s-3.2-1.4-3.2-3.2V39.9H13.8V68c0,1.8-1.4,3.2-3.2,3.2c-1.8,0-3.2-1.4-3.2-3.2V11.9z"/>
|
|
||||||
<path class="st0" d="M112.7,68c0,1.8-1.4,3.2-3.2,3.2c-1.8,0-3.2-1.4-3.2-3.2V11.9c0-1.8,1.4-3.2,3.2-3.2c1.3,0,2.4,0.8,2.9,1.9
|
|
||||||
l24.1,44.8V11.9c0-1.8,1.4-3.2,3.2-3.2c1.8,0,3.2,1.4,3.2,3.2V68h0c0,1.1-0.6,2.2-1.7,2.8c-1.5,0.8-3.5,0.3-4.3-1.3l-24.2-45V68z"/>
|
|
||||||
<path class="st1" d="M394.1,71.2c-1.8,0-3.2-1.4-3.2-3.2s1.4-3.2,3.2-3.2h23.8c1.8,0,3.2,1.4,3.2,3.2s-1.4,3.2-3.2,3.2H394.1z"/>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 2.8 KiB |
|
|
@ -7595,15 +7595,34 @@ article code {
|
||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
margin-left: auto; }
|
margin-left: auto; }
|
||||||
|
|
||||||
|
header .underscore {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
animation: logo-blink 1s infinite alternate;
|
||||||
|
-webkit-animation: logo-blink 1s infinite alternate ease-in-out; }
|
||||||
|
|
||||||
|
header .logo, header .underscore {
|
||||||
|
background-size: 8.75rem;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-position: center center; }
|
||||||
|
|
||||||
|
header .hmn-logo {
|
||||||
|
height: 3.75rem;
|
||||||
|
width: 100%;
|
||||||
|
text-transform: uppercase;
|
||||||
|
font-family: 'MohaveHMN';
|
||||||
|
font-size: 2rem;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
color: white !important; }
|
||||||
|
@media screen and (min-width: 30em) {
|
||||||
|
header .hmn-logo {
|
||||||
|
width: 11.25rem; } }
|
||||||
|
|
||||||
header .menu-bar {
|
header .menu-bar {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
z-index: 10; }
|
z-index: 10; }
|
||||||
header .menu-bar .hmdev-logo {
|
|
||||||
background-image: url("/public/logo_nounder.svg"); }
|
|
||||||
header .menu-bar .hmdev-logo.project {
|
|
||||||
background-image: url("/public/logo_net.svg"); }
|
|
||||||
header .menu-bar .hmdev-logo .underscore {
|
|
||||||
background-image: url("/public/logo_underscore.svg"); }
|
|
||||||
header .menu-bar .items a {
|
header .menu-bar .items a {
|
||||||
font-weight: bold; }
|
font-weight: bold; }
|
||||||
header .menu-bar .items a.patreon {
|
header .menu-bar .items a.patreon {
|
||||||
|
|
@ -7613,38 +7632,6 @@ header .menu-bar {
|
||||||
display: inline-block; }
|
display: inline-block; }
|
||||||
header .menu-bar .items a h1 {
|
header .menu-bar .items a h1 {
|
||||||
display: inline; }
|
display: inline; }
|
||||||
header .menu-bar .hmdev-logo {
|
|
||||||
width: 100%; }
|
|
||||||
@media screen and (min-width: 30em) {
|
|
||||||
header .menu-bar .hmdev-logo {
|
|
||||||
width: 11.25rem; } }
|
|
||||||
header .menu-bar .hmdev-logo.project {
|
|
||||||
width: 70px; }
|
|
||||||
|
|
||||||
@keyframes logo-blink {
|
|
||||||
from {
|
|
||||||
opacity: 0.0; }
|
|
||||||
to {
|
|
||||||
opacity: 1.0; } }
|
|
||||||
|
|
||||||
@-webkit-keyframes logo-blink {
|
|
||||||
from {
|
|
||||||
opacity: 0.0; }
|
|
||||||
to {
|
|
||||||
opacity: 1.0; } }
|
|
||||||
header .menu-bar .logo {
|
|
||||||
height: 3.75rem;
|
|
||||||
margin: 0px;
|
|
||||||
padding: 0px; }
|
|
||||||
header .menu-bar .underscore {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
animation: logo-blink 1s infinite alternate;
|
|
||||||
-webkit-animation: logo-blink 1s infinite alternate ease-in-out; }
|
|
||||||
header .menu-bar .logo, header .menu-bar .underscore {
|
|
||||||
background-size: 8.75rem;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
background-position: center center; }
|
|
||||||
|
|
||||||
header .user-options {
|
header .user-options {
|
||||||
position: relative; }
|
position: relative; }
|
||||||
|
|
|
||||||
|
|
@ -436,22 +436,44 @@ article code {
|
||||||
}
|
}
|
||||||
|
|
||||||
header {
|
header {
|
||||||
|
.logo {
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.underscore {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
animation: logo-blink 1s infinite alternate;
|
||||||
|
-webkit-animation: logo-blink 1s infinite alternate ease-in-out;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo, .underscore {
|
||||||
|
background-size: px2rem(140px);
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-position: center center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hmn-logo {
|
||||||
|
height: px2rem(60px);
|
||||||
|
width: 100%;
|
||||||
|
text-transform: uppercase;
|
||||||
|
font-family: 'MohaveHMN';
|
||||||
|
font-size: 2rem;
|
||||||
|
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
color: white !important;
|
||||||
|
|
||||||
|
@media #{$breakpoint-not-small} {
|
||||||
|
width: px2rem(180px);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.menu-bar {
|
.menu-bar {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
z-index: 10;
|
z-index: 10;
|
||||||
|
|
||||||
.hmdev-logo {
|
|
||||||
background-image: url("/public/logo_nounder.svg");
|
|
||||||
|
|
||||||
&.project {
|
|
||||||
background-image:url("/public/logo_net.svg");
|
|
||||||
}
|
|
||||||
|
|
||||||
.underscore {
|
|
||||||
background-image: url("/public/logo_underscore.svg");
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.items a {
|
.items a {
|
||||||
@extend .pa2;
|
@extend .pa2;
|
||||||
@extend .pv3-ns;
|
@extend .pv3-ns;
|
||||||
|
|
@ -479,56 +501,6 @@ header {
|
||||||
display: inline;
|
display: inline;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// TODO(ben): What is the difference between this and .logo?
|
|
||||||
.hmdev-logo {
|
|
||||||
width: 100%;
|
|
||||||
|
|
||||||
@media #{$breakpoint-not-small} {
|
|
||||||
width: px2rem(180px);
|
|
||||||
}
|
|
||||||
|
|
||||||
&.project {
|
|
||||||
width:70px;
|
|
||||||
}
|
|
||||||
|
|
||||||
@keyframes logo-blink {
|
|
||||||
from {
|
|
||||||
opacity: 0.0;
|
|
||||||
}
|
|
||||||
to {
|
|
||||||
opacity: 1.0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@-webkit-keyframes logo-blink {
|
|
||||||
from {
|
|
||||||
opacity: 0.0;
|
|
||||||
}
|
|
||||||
to {
|
|
||||||
opacity: 1.0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.logo {
|
|
||||||
height: px2rem(60px);
|
|
||||||
margin: 0px;
|
|
||||||
padding: 0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.underscore {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
animation: logo-blink 1s infinite alternate;
|
|
||||||
-webkit-animation: logo-blink 1s infinite alternate ease-in-out;
|
|
||||||
}
|
|
||||||
|
|
||||||
.logo, .underscore {
|
|
||||||
background-size: px2rem(140px);
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
background-position: center center;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.user-options {
|
.user-options {
|
||||||
|
|
|
||||||
|
|
@ -33,8 +33,8 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="menu-bar flex flex-column flex-row-l justify-between {{ if .IsProjectPage }}project{{ end }}">
|
<div class="menu-bar flex flex-column flex-row-l justify-between {{ if .IsProjectPage }}project{{ end }}">
|
||||||
<div class="flex flex-column flex-row-ns">
|
<div class="flex flex-column flex-row-ns">
|
||||||
<a href="{{ .Header.HMNHomepageUrl }}" class="logo hmdev-logo bg-theme-dark">
|
<a href="{{ .Header.HMNHomepageUrl }}" class="hmn-logo bg-theme-dark">
|
||||||
<div class="underscore"></div>
|
Handmade
|
||||||
</a>
|
</a>
|
||||||
<div class="items flex items-center justify-center justify-start-ns">
|
<div class="items flex items-center justify-center justify-start-ns">
|
||||||
{{ if .IsProjectPage }}
|
{{ if .IsProjectPage }}
|
||||||
|
|
|
||||||
|
|
@ -45,7 +45,7 @@
|
||||||
margin-bottom: 0 !important;
|
margin-bottom: 0 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hmdev-logo {
|
.hmn-logo {
|
||||||
background-color: rgba(255, 255, 255, 0.1) !important;
|
background-color: rgba(255, 255, 255, 0.1) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue