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-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 {
|
||||
width: 100%;
|
||||
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 {
|
||||
font-weight: bold; }
|
||||
header .menu-bar .items a.patreon {
|
||||
|
|
@ -7613,38 +7632,6 @@ header .menu-bar {
|
|||
display: inline-block; }
|
||||
header .menu-bar .items a h1 {
|
||||
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 {
|
||||
position: relative; }
|
||||
|
|
|
|||
|
|
@ -436,22 +436,44 @@ article code {
|
|||
}
|
||||
|
||||
header {
|
||||
.menu-bar {
|
||||
width: 100%;
|
||||
z-index: 10;
|
||||
.logo {
|
||||
|
||||
.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");
|
||||
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 {
|
||||
width: 100%;
|
||||
z-index: 10;
|
||||
|
||||
.items a {
|
||||
@extend .pa2;
|
||||
@extend .pv3-ns;
|
||||
|
|
@ -479,56 +501,6 @@ header {
|
|||
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 {
|
||||
|
|
|
|||
|
|
@ -33,8 +33,8 @@
|
|||
</div>
|
||||
<div class="menu-bar flex flex-column flex-row-l justify-between {{ if .IsProjectPage }}project{{ end }}">
|
||||
<div class="flex flex-column flex-row-ns">
|
||||
<a href="{{ .Header.HMNHomepageUrl }}" class="logo hmdev-logo bg-theme-dark">
|
||||
<div class="underscore"></div>
|
||||
<a href="{{ .Header.HMNHomepageUrl }}" class="hmn-logo bg-theme-dark">
|
||||
Handmade
|
||||
</a>
|
||||
<div class="items flex items-center justify-center justify-start-ns">
|
||||
{{ if .IsProjectPage }}
|
||||
|
|
|
|||
|
|
@ -45,7 +45,7 @@
|
|||
margin-bottom: 0 !important;
|
||||
}
|
||||
|
||||
.hmdev-logo {
|
||||
.hmn-logo {
|
||||
background-color: rgba(255, 255, 255, 0.1) !important;
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue