Put header image in link too
This commit is contained in:
parent
b53bf82ab2
commit
f10d9df62d
3 changed files with 20 additions and 10 deletions
10
blog.html
10
blog.html
|
@ -9,10 +9,12 @@
|
|||
</head>
|
||||
<body class="blog">
|
||||
<header>
|
||||
<img src="../midgard.jpg" alt="A stuffed mouse in front of a wall with stripes of warm colours, this is Midgard's online avatar"/>
|
||||
<div class="sitename">
|
||||
<a href="/" class="wordmark"><span>mid</span><span>gard</span></a>
|
||||
</div>
|
||||
<a href="/">
|
||||
<img src="../midgard.jpg" alt="A stuffed mouse in front of a wall with stripes of warm colours, this is Midgard's online avatar"/>
|
||||
<div class="sitename">
|
||||
<span class="wordmark"><span>mid</span><span>gard</span></span>
|
||||
</div>
|
||||
</a>
|
||||
</header>
|
||||
|
||||
<main>
|
||||
|
|
10
index.html
10
index.html
|
@ -8,10 +8,12 @@
|
|||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<img src="midgard.jpg" alt="A stuffed mouse in front of a wall with stripes of warm colours, this is Midgard's online avatar"/>
|
||||
<h1 class="sitename">
|
||||
<a href="/" class="wordmark"><span>mid</span><span>gard</span></a>
|
||||
</h1>
|
||||
<a href="/">
|
||||
<img src="midgard.jpg" alt="A stuffed mouse in front of a wall with stripes of warm colours, this is Midgard's online avatar"/>
|
||||
<h1 class="sitename">
|
||||
<span class="wordmark"><span>mid</span><span>gard</span></span>
|
||||
</h1>
|
||||
</a>
|
||||
</header>
|
||||
|
||||
<main>
|
||||
|
|
|
@ -166,6 +166,12 @@ body > header img {
|
|||
height: 25vmin;
|
||||
display: inline-block;
|
||||
}
|
||||
body > header a {
|
||||
text-decoration: none;
|
||||
}
|
||||
body > header a:hover img {
|
||||
filter: brightness(110%);
|
||||
}
|
||||
.sitename {
|
||||
margin: 0;
|
||||
margin-left: 0.3em;
|
||||
|
@ -300,7 +306,7 @@ main header {
|
|||
}
|
||||
|
||||
kbd, code {
|
||||
padding: 0.3em 0.4em 0.2em;
|
||||
padding: 0.3em 0.4em 0.3em;
|
||||
border-radius: 0.5em;
|
||||
vertical-align: middle;
|
||||
|
||||
|
@ -312,7 +318,7 @@ kbd, code {
|
|||
}
|
||||
kbd {
|
||||
background-color: #fff;
|
||||
border-bottom: 1px solid #ddd;
|
||||
border-bottom: 2px solid #ddd;
|
||||
}
|
||||
code {
|
||||
background-color: #efe5e0;
|
||||
|
|
Loading…
Reference in a new issue