images displayed by css

simple/footer.html

@@ -1,6 +1,6 @@
 	</div>
 	<div class="footer">
-		<a href="https://miroslavpokorny.com/simple-apache-directory-listing-theme"><img src="/simple/favicons/logo28x28x.png" /></a>
+		<a href="https://miroslavpokorny.com/simple-apache-directory-listing-theme"></a>
 	</div>
 </body>
 </html>

simple/header.html

@@ -55,7 +55,7 @@
 	<div class="container">
 		<div class="header">
 			<div class="header__wrapper">
-			<div class="header__home"><a id="homelink" href="/"><img src="/simple/icons/home.png"/></a></div>
+			<div class="header__home"><a id="homelink" href="/"></a></div>
 			<div class="header__breadcrumbs">/ </div>
 			<br />
 		</div>

simple/style.css

@@ -63,6 +63,11 @@ a {
     overflow: hidden; }
     .header__breadcrumbs a:hover {
       text-decoration: underline; }
+  .header #homelink {
+    background: url("icons/home.png") no-repeat;
+    display: block;
+    height: 16px;
+    width: 16px; }
 
 .files {
   margin-top: 1.3rem; }
@@ -122,4 +127,8 @@ a {
   padding-bottom: 1.0rem;
   text-align: center; }
   .footer a {
-    cursor: default; }
+    cursor: default;
+    background: url("favicons/logo28x28x.png") no-repeat;
+    display: inline-block;
+    height: 28px;
+    width: 28px; }

simple/style.scss

@@ -72,6 +72,12 @@ a {
       text-decoration: underline;
     }
   }
+  #homelink {
+    background: url('icons/home.png') no-repeat;
+    display: block;
+    height: 16px;
+    width: 16px;
+  }
 }
 .files {
   margin-top: 1.3rem;
@@ -148,5 +154,9 @@ a {
   text-align: center;
   a {
     cursor: default;
+    background: url('favicons/logo28x28x.png') no-repeat;
+    display: inline-block;
+    height: 28px;
+    width: 28px;
   }
 }