Merge pull request #1687 from vmware-tanzu/ben/site-blog-h1-swap-main-title
Update blog rendering to h1 the title (not h2)
This commit is contained in:
commit
1ac8691199
File diff suppressed because one or more lines are too long
@ -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");
|
||||||
|
@ -36,7 +36,7 @@ pre.chroma {
|
|||||||
color: $white;
|
color: $white;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
h2 {
|
h2, .h2 {
|
||||||
font-size: 36px;
|
font-size: 36px;
|
||||||
}
|
}
|
||||||
&.homepage {
|
&.homepage {
|
||||||
|
@ -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 }}
|
||||||
|
Loading…
Reference in New Issue
Block a user