diff --git a/web/assets/css/main.css b/web/assets/css/main.css index c0f0df7..1a3d0cb 100644 --- a/web/assets/css/main.css +++ b/web/assets/css/main.css @@ -109,24 +109,22 @@ header { flex-wrap: wrap; justify-content: space-between; } -#logo { - display: block; - width: 360px; } +header svg { width: 360px; } -#logo text { fill: var(--text-color); } +header svg text { fill: var(--text-color); } -#logo .logo { +header svg text:first-child { font-size: 2rem; font-variant-caps: small-caps; font-weight: bold; } +header svg text:last-child { font-size: .88rem; } + @media screen and (-webkit-min-device-pixel-ratio:0) { - #logo .logo { font-size: 2.082rem; } } + header svg text:first-child { font-size: 2.082rem; } } @-moz-document url-prefix() { - #logo .logo { font-size: 2rem; } } - -#logo .under { font-size: .88rem; } + header svg text:first-child { font-size: 2rem; } } nav { margin-top: .5rem; } @@ -146,7 +144,7 @@ footer { @media screen and (max-width: 640px) { header { display: block; } - #logo { + header svg { margin: 0 auto; width: 100%; } diff --git a/web/templates/base.jade b/web/templates/base.jade index a3e7688..5dd2a77 100644 --- a/web/templates/base.jade +++ b/web/templates/base.jade @@ -12,9 +12,9 @@ html(lang="en") block head body header - svg#logo(viewBox="0 -25 216 40") - text.logo Arav's dwelling - text.under(y="11") Welcome to my sacred place, wanderer + svg(viewBox="0 -25 216 40") + text Arav's dwelling + text(y="11") Welcome to my sacred place, wanderer nav a(href=mainSite title="Arav's dwelling") Back to main website block header