Commit ecdab0df authored by Erik Faye-Lund 's avatar Erik Faye-Lund

docs: drop h1 in header

It's generally frowned upon to have more than one H1 per document in
HTML4. So let's put the text directly inside the header. This means we
can drop the flex-based centering, which makes things a bit easier. We
also need to change the padding to rem instead of em, because the em has
now changed.
Signed-off-by: Erik Faye-Lund 's avatarErik Faye-Lund <erik.faye-lund@collabora.com>
Reviewed-by: Eric Engestrom's avatarEric Engestrom <eric.engestrom@intel.com>
parent 6e0e5509
......@@ -8,7 +8,7 @@
<body>
<div class="header">
<h1>The Mesa 3D Graphics Library</h1>
The Mesa 3D Graphics Library
</div>
<iframe src="contents.html"></iframe>
......
......@@ -8,7 +8,7 @@
<body>
<div class="header">
<h1>The Mesa 3D Graphics Library</h1>
The Mesa 3D Graphics Library
</div>
<iframe src="contents.html"></iframe>
......
......@@ -8,7 +8,7 @@
<body>
<div class="header">
<h1>The Mesa 3D Graphics Library</h1>
The Mesa 3D Graphics Library
</div>
<iframe src="contents.html"></iframe>
......
......@@ -8,7 +8,7 @@
<body>
<div class="header">
<h1>The Mesa 3D Graphics Library</h1>
The Mesa 3D Graphics Library
</div>
<iframe src="contents.html"></iframe>
......
......@@ -8,7 +8,7 @@
<body>
<div class="header">
<h1>The Mesa 3D Graphics Library</h1>
The Mesa 3D Graphics Library
</div>
<iframe src="contents.html"></iframe>
......
......@@ -8,7 +8,7 @@
<body>
<div class="header">
<h1>The Mesa 3D Graphics Library</h1>
The Mesa 3D Graphics Library
</div>
<iframe src="contents.html"></iframe>
......
......@@ -8,7 +8,7 @@
<body>
<div class="header">
<h1>The Mesa 3D Graphics Library</h1>
The Mesa 3D Graphics Library
</div>
<iframe src="contents.html"></iframe>
......
......@@ -8,7 +8,7 @@
<body>
<div class="header">
<h1>The Mesa 3D Graphics Library</h1>
The Mesa 3D Graphics Library
</div>
<iframe src="contents.html"></iframe>
......
......@@ -8,7 +8,7 @@
<body>
<div class="header">
<h1>The Mesa 3D Graphics Library</h1>
The Mesa 3D Graphics Library
</div>
<iframe src="contents.html"></iframe>
......
......@@ -8,7 +8,7 @@
<body>
<div class="header">
<h1>The Mesa 3D Graphics Library</h1>
The Mesa 3D Graphics Library
</div>
<iframe src="contents.html"></iframe>
......
......@@ -8,7 +8,7 @@
<body>
<div class="header">
<h1>The Mesa 3D Graphics Library</h1>
The Mesa 3D Graphics Library
</div>
<iframe src="contents.html"></iframe>
......
......@@ -8,7 +8,7 @@
<body>
<div class="header">
<h1>The Mesa 3D Graphics Library</h1>
The Mesa 3D Graphics Library
</div>
<iframe src="contents.html"></iframe>
......
......@@ -8,7 +8,7 @@
<body>
<div class="header">
<h1>The Mesa 3D Graphics Library</h1>
The Mesa 3D Graphics Library
</div>
<iframe src="contents.html"></iframe>
......
......@@ -8,7 +8,7 @@
<body>
<div class="header">
<h1>The Mesa 3D Graphics Library</h1>
The Mesa 3D Graphics Library
</div>
<iframe src="contents.html"></iframe>
......
......@@ -8,7 +8,7 @@
<body>
<div class="header">
<h1>The Mesa 3D Graphics Library</h1>
The Mesa 3D Graphics Library
</div>
<iframe src="contents.html"></iframe>
......
......@@ -8,7 +8,7 @@
<body>
<div class="header">
<h1>The Mesa 3D Graphics Library</h1>
The Mesa 3D Graphics Library
</div>
<iframe src="contents.html"></iframe>
......
......@@ -8,7 +8,7 @@
<body>
<div class="header">
<h1>The Mesa 3D Graphics Library</h1>
The Mesa 3D Graphics Library
</div>
<iframe src="contents.html"></iframe>
......
......@@ -8,7 +8,7 @@
<body>
<div class="header">
<h1>The Mesa 3D Graphics Library</h1>
The Mesa 3D Graphics Library
</div>
<iframe src="contents.html"></iframe>
......
......@@ -8,7 +8,7 @@
<body>
<div class="header">
<h1>The Mesa 3D Graphics Library</h1>
The Mesa 3D Graphics Library
</div>
<iframe src="contents.html"></iframe>
......
......@@ -8,7 +8,7 @@
<body>
<div class="header">
<h1>The Mesa 3D Graphics Library</h1>
The Mesa 3D Graphics Library
</div>
<iframe src="contents.html"></iframe>
......
......@@ -43,13 +43,8 @@ iframe {
.header {
background: url('gears.png') 15px no-repeat, black url('gears.png') right no-repeat;
padding: 2em;
display: flex;
padding: 1.75rem;
text-align: center;
}
.header h1 {
color: white;
font: x-large sans-serif;
margin: auto;
}
......@@ -8,7 +8,7 @@
<body>
<div class="header">
<h1>The Mesa 3D Graphics Library</h1>
The Mesa 3D Graphics Library
</div>
<iframe src="contents.html"></iframe>
......
......@@ -8,7 +8,7 @@
<body>
<div class="header">
<h1>The Mesa 3D Graphics Library</h1>
The Mesa 3D Graphics Library
</div>
<iframe src="contents.html"></iframe>
......
......@@ -8,7 +8,7 @@
<body>
<div class="header">
<h1>The Mesa 3D Graphics Library</h1>
The Mesa 3D Graphics Library
</div>
<iframe src="contents.html"></iframe>
......
......@@ -8,7 +8,7 @@
<body>
<div class="header">
<h1>The Mesa 3D Graphics Library</h1>
The Mesa 3D Graphics Library
</div>
<iframe src="contents.html"></iframe>
......
......@@ -8,7 +8,7 @@
<body>
<div class="header">
<h1>The Mesa 3D Graphics Library</h1>
The Mesa 3D Graphics Library
</div>
<iframe src="contents.html"></iframe>
......
......@@ -8,7 +8,7 @@
<body>
<div class="header">
<h1>The Mesa 3D Graphics Library</h1>
The Mesa 3D Graphics Library
</div>
<iframe src="contents.html"></iframe>
......
......@@ -8,7 +8,7 @@
<body>
<div class="header">
<h1>The Mesa 3D Graphics Library</h1>
The Mesa 3D Graphics Library
</div>
<iframe src="contents.html"></iframe>
......
......@@ -8,7 +8,7 @@
<body>
<div class="header">
<h1>The Mesa 3D Graphics Library</h1>
The Mesa 3D Graphics Library
</div>
<iframe src="contents.html"></iframe>
......
......@@ -8,7 +8,7 @@
<body>
<div class="header">
<h1>The Mesa 3D Graphics Library</h1>
The Mesa 3D Graphics Library
</div>
<iframe src="contents.html"></iframe>
......
......@@ -8,7 +8,7 @@
<body>
<div class="header">
<h1>The Mesa 3D Graphics Library</h1>
The Mesa 3D Graphics Library
</div>
<iframe src="../contents.html"></iframe>
......
......@@ -8,7 +8,7 @@
<body>
<div class="header">
<h1>The Mesa 3D Graphics Library</h1>
The Mesa 3D Graphics Library
</div>
<iframe src="../contents.html"></iframe>
......
......@@ -8,7 +8,7 @@
<body>
<div class="header">
<h1>The Mesa 3D Graphics Library</h1>
The Mesa 3D Graphics Library
</div>
<iframe src="../contents.html"></iframe>
......
......@@ -8,7 +8,7 @@
<body>
<div class="header">
<h1>The Mesa 3D Graphics Library</h1>
The Mesa 3D Graphics Library
</div>
<iframe src="../contents.html"></iframe>
......
......@@ -8,7 +8,7 @@
<body>
<div class="header">
<h1>The Mesa 3D Graphics Library</h1>
The Mesa 3D Graphics Library
</div>
<iframe src="../contents.html"></iframe>
......
......@@ -8,7 +8,7 @@
<body>
<div class="header">
<h1>The Mesa 3D Graphics Library</h1>
The Mesa 3D Graphics Library
</div>
<iframe src="../contents.html"></iframe>
......
......@@ -8,7 +8,7 @@
<body>
<div class="header">
<h1>The Mesa 3D Graphics Library</h1>
The Mesa 3D Graphics Library
</div>
<iframe src="../contents.html"></iframe>
......
......@@ -8,7 +8,7 @@
<body>
<div class="header">
<h1>The Mesa 3D Graphics Library</h1>
The Mesa 3D Graphics Library
</div>
<iframe src="../contents.html"></iframe>
......
......@@ -8,7 +8,7 @@
<body>
<div class="header">
<h1>The Mesa 3D Graphics Library</h1>
The Mesa 3D Graphics Library
</div>
<iframe src="../contents.html"></iframe>
......
......@@ -8,7 +8,7 @@
<body>
<div class="header">
<h1>The Mesa 3D Graphics Library</h1>
The Mesa 3D Graphics Library
</div>
<iframe src="../contents.html"></iframe>
......
......@@ -8,7 +8,7 @@
<body>
<div class="header">
<h1>The Mesa 3D Graphics Library</h1>
The Mesa 3D Graphics Library
</div>
<iframe src="../contents.html"></iframe>
......
......@@ -8,7 +8,7 @@
<body>
<div class="header">
<h1>The Mesa 3D Graphics Library</h1>
The Mesa 3D Graphics Library
</div>
<iframe src="../contents.html"></iframe>
......
......@@ -8,7 +8,7 @@
<body>
<div class="header">
<h1>The Mesa 3D Graphics Library</h1>
The Mesa 3D Graphics Library
</div>
<iframe src="../contents.html"></iframe>
......
......@@ -8,7 +8,7 @@
<body>
<div class="header">
<h1>The Mesa 3D Graphics Library</h1>
The Mesa 3D Graphics Library
</div>
<iframe src="../contents.html"></iframe>
......
......@@ -8,7 +8,7 @@
<body>
<div class="header">
<h1>The Mesa 3D Graphics Library</h1>
The Mesa 3D Graphics Library
</div>
<iframe src="../contents.html"></iframe>
......
......@@ -8,7 +8,7 @@
<body>
<div class="header">
<h1>The Mesa 3D Graphics Library</h1>
The Mesa 3D Graphics Library
</div>
<iframe src="../contents.html"></iframe>
......
......@@ -8,7 +8,7 @@
<body>
<div class="header">
<h1>The Mesa 3D Graphics Library</h1>
The Mesa 3D Graphics Library
</div>
<iframe src="../contents.html"></iframe>
......
......@@ -8,7 +8,7 @@
<body>
<div class="header">
<h1>The Mesa 3D Graphics Library</h1>
The Mesa 3D Graphics Library
</div>
<iframe src="../contents.html"></iframe>
......
......@@ -8,7 +8,7 @@
<body>
<div class="header">
<h1>The Mesa 3D Graphics Library</h1>
The Mesa 3D Graphics Library
</div>
<iframe src="../contents.html"></iframe>
......
......@@ -8,7 +8,7 @@
<body>
<div class="header">
<h1>The Mesa 3D Graphics Library</h1>
The Mesa 3D Graphics Library
</div>
<iframe src="../contents.html"></iframe>
......
......@@ -8,7 +8,7 @@
<body>
<div class="header">
<h1>The Mesa 3D Graphics Library</h1>
The Mesa 3D Graphics Library
</div>
<iframe src="../contents.html"></iframe>
......
......@@ -8,7 +8,7 @@
<body>
<div class="header">
<h1>The Mesa 3D Graphics Library</h1>
The Mesa 3D Graphics Library
</div>
<iframe src="../contents.html"></iframe>
......
......@@ -8,7 +8,7 @@
<body>
<div class="header">
<h1>The Mesa 3D Graphics Library</h1>
The Mesa 3D Graphics Library
</div>
<iframe src="../contents.html"></iframe>
......
......@@ -8,7 +8,7 @@
<body>
<div class="header">
<h1>The Mesa 3D Graphics Library</h1>
The Mesa 3D Graphics Library
</div>
<iframe src="../contents.html"></iframe>
......
......@@ -8,7 +8,7 @@
<body>
<div class="header">
<h1>The Mesa 3D Graphics Library</h1>
The Mesa 3D Graphics Library
</div>
<iframe src="../contents.html"></iframe>
......
......@@ -8,7 +8,7 @@
<body>
<div class="header">
<h1>The Mesa 3D Graphics Library</h1>
The Mesa 3D Graphics Library
</div>
<iframe src="../contents.html"></iframe>
......
......@@ -8,7 +8,7 @@
<body>
<div class="header">
<h1>The Mesa 3D Graphics Library</h1>
The Mesa 3D Graphics Library
</div>
<iframe src="../contents.html"></iframe>
......
......@@ -8,7 +8,7 @@
<body>
<div class="header">
<h1>The Mesa 3D Graphics Library</h1>
The Mesa 3D Graphics Library
</div>
<iframe src="../contents.html"></iframe>
......
......@@ -8,7 +8,7 @@
<body>
<div class="header">
<h1>The Mesa 3D Graphics Library</h1>
The Mesa 3D Graphics Library
</div>
<iframe src="../contents.html"></iframe>
......
......@@ -8,7 +8,7 @@
<body>
<div class="header">
<h1>The Mesa 3D Graphics Library</h1>
The Mesa 3D Graphics Library
</div>
<iframe src="../contents.html"></iframe>
......
......@@ -8,7 +8,7 @@
<body>
<div class="header">
<h1>The Mesa 3D Graphics Library</h1>
The Mesa 3D Graphics Library
</div>
<iframe src="../contents.html"></iframe>
......
......@@ -8,7 +8,7 @@
<body>
<div class="header">
<h1>The Mesa 3D Graphics Library</h1>
The Mesa 3D Graphics Library
</div>
<iframe src="../contents.html"></iframe>
......
......@@ -8,7 +8,7 @@
<body>
<div class="header">
<h1>The Mesa 3D Graphics Library</h1>
The Mesa 3D Graphics Library
</div>
<iframe src="../contents.html"></iframe>
......
......@@ -8,7 +8,7 @@
<body>
<div class="header">
<h1>The Mesa 3D Graphics Library</h1>
The Mesa 3D Graphics Library
</div>
<iframe src="../contents.html"></iframe>
......
......@@ -8,7 +8,7 @@
<body>
<div class="header">
<h1>The Mesa 3D Graphics Library</h1>
The Mesa 3D Graphics Library
</div>
<iframe src="../contents.html"></iframe>
......
......@@ -8,7 +8,7 @@
<body>
<div class="header">
<h1>The Mesa 3D Graphics Library</h1>
The Mesa 3D Graphics Library
</div>
<iframe src="../contents.html"></iframe>