Update blog rendering to h1 the title (not h2)

This commit is contained in:
Benjamin A. Petersen 2023-09-20 12:55:48 -04:00
parent bed9a74b58
commit 78a7d4deea
No known key found for this signature in database
GPG Key ID: EF6EF83523A4BE46
4 changed files with 21 additions and 15 deletions

File diff suppressed because one or more lines are too long

View File

@ -22,6 +22,12 @@ body {
max-width: 980px; max-width: 980px;
margin: 0px auto; margin: 0px auto;
padding: 20px; padding: 20px;
.hero {
h1, .h1 {
color: #fff;
line-height: 1em;
}
}
@include breakpoint(small) { @include breakpoint(small) {
max-width: 100%; max-width: 100%;
} }
@ -42,10 +48,10 @@ body {
h1, h2, h3, h4, h5, h6 { h1, h2, h3, h4, h5, h6 {
font-weight: 300; font-weight: 300;
} }
h1 { h1, .h1 {
font-size: 36px; font-size: 36px;
} }
h2 { h2, .h2 {
font-size: 28px; font-size: 28px;
} }
h3 { h3 {
@ -150,7 +156,7 @@ button {
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
} }
@font-face { @font-face {
font-family: "Metropolis-BoldItalic"; font-family: "Metropolis-BoldItalic";
src:url("/fonts/Metropolis-BoldItalic.eot"); src:url("/fonts/Metropolis-BoldItalic.eot");
@ -160,7 +166,7 @@ button {
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
} }
@font-face { @font-face {
font-family: "Metropolis-Light"; font-family: "Metropolis-Light";
src:url("/fonts/Metropolis-Light.eot"); src:url("/fonts/Metropolis-Light.eot");
@ -170,7 +176,7 @@ button {
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
} }
@font-face { @font-face {
font-family: "Metropolis-LightItalic"; font-family: "Metropolis-LightItalic";
src:url("/fonts/Metropolis-LightItalic.eot"); src:url("/fonts/Metropolis-LightItalic.eot");
@ -180,7 +186,7 @@ button {
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
} }
@font-face { @font-face {
font-family: "Metropolis-Regular"; font-family: "Metropolis-Regular";
src:url("/fonts/Metropolis-Regular.eot"); src:url("/fonts/Metropolis-Regular.eot");
@ -190,7 +196,7 @@ button {
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
} }
@font-face { @font-face {
font-family: "Metropolis-RegularItalic"; font-family: "Metropolis-RegularItalic";
src:url("/fonts/Metropolis-RegularItalic.eot"); src:url("/fonts/Metropolis-RegularItalic.eot");
@ -200,7 +206,7 @@ button {
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
} }
@font-face { @font-face {
font-family: "Metropolis-Medium"; font-family: "Metropolis-Medium";
src:url("/fonts/Metropolis-Medium.eot"); src:url("/fonts/Metropolis-Medium.eot");
@ -210,7 +216,7 @@ button {
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
} }
@font-face { @font-face {
font-family: "Metropolis-MediumItalic"; font-family: "Metropolis-MediumItalic";
src:url("/fonts/Metropolis-MediumItalic.eot"); src:url("/fonts/Metropolis-MediumItalic.eot");
@ -220,7 +226,7 @@ button {
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
} }
@font-face { @font-face {
font-family: "Metropolis-SemiBold"; font-family: "Metropolis-SemiBold";
src:url("/fonts/Metropolis-SemiBold.eot"); src:url("/fonts/Metropolis-SemiBold.eot");
@ -230,7 +236,7 @@ button {
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
} }
@font-face { @font-face {
font-family: "Metropolis-SemiBoldItalic"; font-family: "Metropolis-SemiBoldItalic";
src:url("/fonts/Metropolis-SemiBoldItalic.eot"); src:url("/fonts/Metropolis-SemiBoldItalic.eot");

View File

@ -36,7 +36,7 @@ pre.chroma {
color: $white; color: $white;
} }
} }
h2 { h2, .h2 {
font-size: 36px; font-size: 36px;
} }
&.homepage { &.homepage {

View File

@ -3,12 +3,12 @@
<article> <article>
<div class="hero subpage"> <div class="hero subpage">
<div class="wrapper"> <div class="wrapper">
<h1>Pinniped blog</h1> <h2 class="h1">Pinniped blog</h2>
</div> </div>
</div> </div>
<div class="wrapper blog"> <div class="wrapper blog">
<div class="blog-post"> <div class="blog-post">
<h2>{{ .Title }}</h2> <h1 class="h2">{{ .Title }}</h1>
{{ partial "authors" .}} {{ partial "authors" .}}
<p class="date">{{ dateFormat "Jan 2, 2006" .Date }}</p> <p class="date">{{ dateFormat "Jan 2, 2006" .Date }}</p>
{{ .Content }} {{ .Content }}