deleted skips in css, changed title position to top
This commit is contained in:
@@ -14,11 +14,12 @@
|
|||||||
|
|
||||||
<body>
|
<body>
|
||||||
<header class="site-header" role="banner">
|
<header class="site-header" role="banner">
|
||||||
|
<h1 class="site-title">Peter Baker</h1>
|
||||||
<picture>
|
<picture>
|
||||||
<source srcset="/resources/img/pb_16_9_under512kb.webp" type="image/webp">
|
<source srcset="/resources/img/pb_16_9_under512kb.webp" type="image/webp">
|
||||||
<img src="/resources/img/pb.png" alt="Portrait of Peter Baker" width="1280" height="372" loading="eager" decoding="async">
|
<img src="/resources/img/pb.png" alt="Portrait of Peter Baker" width="1280" height="372" loading="eager" decoding="async">
|
||||||
</picture>
|
</picture>
|
||||||
<h1 class="site-title">Peter Baker</h1>
|
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
<nav class="site-nav" aria-label="Primary">
|
<nav class="site-nav" aria-label="Primary">
|
||||||
|
@@ -25,15 +25,6 @@ main { max-width: 900px; margin: 0 auto; padding: 0 1rem 3rem; }
|
|||||||
.site-nav a:focus-visible { outline: 2px solid currentColor; outline-offset: 2px;
|
.site-nav a:focus-visible { outline: 2px solid currentColor; outline-offset: 2px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Skip link utility */
|
|
||||||
.skip-link {
|
|
||||||
position: absolute; left: -9999px; top: 0;
|
|
||||||
}
|
|
||||||
.skip-link:focus {
|
|
||||||
left: 1rem; top: 1rem; z-index: 1000;
|
|
||||||
background: #000; color: #fff; padding: .5rem .75rem; border-radius: .5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* ===== Header & title (pop from nav) ===== */
|
/* ===== Header & title (pop from nav) ===== */
|
||||||
.site-header img{display:block;width:100%;height:auto
|
.site-header img{display:block;width:100%;height:auto
|
||||||
}
|
}
|
||||||
|
Reference in New Issue
Block a user