Lighthouse improvements

assets/css/style.css

@@ -665,11 +665,14 @@ footer .links {
  padding: 46px 0px 30px 0px;
  background: #393939;
 }
-footer .links h5 {
+footer .links span {
+ display: block;
  color: #ffffff;
  font-size: 16px;
- font-weight: 500;
+ margin-top: 0px;
  margin-bottom: 15px;
+ font-weight: 500;
+ line-height: 1.2;
 }
 footer .links ul li a {
  color: #929292;

default.hbs

@@ -6,6 +6,13 @@
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
+ {{!-- PWA Meta --}}
+ <link rel="manifest" href="../site.webmanifest">
+ <meta content="yes" name="apple-mobile-web-app-capable">
+ <meta name="apple-mobile-web-app-title" content="elmah.io">
+ <meta name="msapplication-TileColor" content="#da532c">
+ <meta name="msapplication-TileImage" content="../icons/mstile-144x144.png">
  <meta name="theme-color" content="#0da58e">
 
  {{!-- Base Meta --}}
@@ -89,7 +96,7 @@
  <div class="container">
  <div class="row">
  <div class="col">
- <h5>Product</h5>
+ <span>Product</span>
  <ul class="list-unstyled">
  <li><a href="https://elmah.io/features/">Features</a></li>
  <li><a href="https://elmah.io/pricing/">Pricing</a></li>
@@ -98,7 +105,7 @@
  </ul>
  </div>
  <div class="col">
- <h5>Company</h5>
+ <span>Company</span>
  <ul class="list-unstyled">
  <li><a href="https://elmah.io/about/">About</a></li>
  <li><a href="https://elmah.io/contact/">Contact</a></li>
@@ -107,7 +114,7 @@
  </ul>
  </div>
  <div class="col">
- <h5>Learn</h5>
+ <span>Learn</span>
  <ul class="list-unstyled">
  <li><a href="https://elmah.io/customer-stories/">Customer Stories</a></li>
  <li><a href="https://elmah.io/for-ctos/">For CEOs and CTOs</a></li>
@@ -116,7 +123,7 @@
  </ul>
  </div>
  <div class="col">
- <h5>Guides</h5>
+ <span>Guides</span>
  <ul class="list-unstyled">
  <li><a href="https://elmah.io/devops/">.NET DevOps</a></li>
  <li><a href="https://elmah.io/microservices/">.NET Microservices</a></li>
@@ -125,7 +132,7 @@
  </ul>
  </div>
  <div class="col">
- <h5>Online Tools</h5>
+ <span>Online Tools</span>
  <ul class="list-unstyled">
  <li><a href="https://elmah.io/tools/config-validator/">Web.config Validator</a></li>
  <li><a href="https://elmah.io/tools/stack-trace-formatter/">Stack Trace Formatter</a></li>
@@ -147,9 +154,9 @@
  </div>
  <div class="col-lg-2 col-md-12 order-3 order-lg-1">
  <ul class="list-unstyled social mb-0">
- <li class="list-inline-item"><a href="https://twitter.com/elmah_io"><i class="fab x-twitter"></i></a></li>
- <li class="list-inline-item"><a href="https://facebook.com/elmahdotio"><i class="fab fa-facebook-f"></i></a></li>
- <li class="list-inline-item"><a href="https://www.linkedin.com/company/elmah-io/"><i class="fab fa-linkedin-in"></i></a></li>
+ <li class="list-inline-item"><a href="https://twitter.com/elmah_io" aria-label="Follow us on Twitter"><i class="fab x-twitter"></i></a></li>
+ <li class="list-inline-item"><a href="https://facebook.com/elmahdotio" aria-label="Follow us on Facebook"><i class="fab fa-facebook-f"></i></a></li>
+ <li class="list-inline-item"><a href="https://www.linkedin.com/company/elmah-io/" aria-label="Follow us on LinkedIn"><i class="fab fa-linkedin-in"></i></a></li>
  </ul>
  </div>
  <div class="col-lg-5 col-md-12 order-1 order-lg-2">

partials/sidebar.hbs

@@ -56,20 +56,20 @@
  <ul class="follow-list">
  {{#if @site.twitter}}
  <li class="social-link-twitter">
- <a class="social-link" href="{{twitter_url}}" target="_blank" rel="noopener noreferrer">
+ <a class="social-link" href="{{twitter_url}}" target="_blank" rel="noopener noreferrer" aria-label="Follow us on Twitter">
  <span class="fab x-twitter"></span>
  </a>
  </li>
  {{/if}}
  {{#if @site.facebook}}
  <li class="social-link-facebook">
- <a class="social-link" href="{{facebook_url}}" target="_blank" rel="noopener noreferrer">
+ <a class="social-link" href="{{facebook_url}}" target="_blank" rel="noopener noreferrer" aria-label="Follow us on Facebook">
  <span class="fab fa-facebook-f"></span>
  </a>
  </li>
  {{/if}}
  <li class="social-link-linkedin">
- <a class="social-link" href="https://www.linkedin.com/company/elmah-io/" target="_blank" rel="noopener noreferrer">
+ <a class="social-link" href="https://www.linkedin.com/company/elmah-io/" target="_blank" rel="noopener noreferrer" aria-label="Follow us on LinkedIn">
  <span class="fab fa-linkedin-in"></span>
  </a>
  </li>

serviceworker.js

@@ -0,0 +1 @@
+self.addEventListener('fetch',function(event){});

site.webmanifest

@@ -0,0 +1,28 @@
+{
+ "name": "elmah.io Blog - .NET Technical tutorials/guides and new features",
+ "description": "On the elmah.io blog, the team behind elmah.io blog about new features and technologies either used to build elmah.io or of general interest.",
+ "short_name": "elmah.io",
+ "orientation": "any",
+ "display": "standalone",
+ "icons": [
+ {
+ "src": "icons/AppIcon192x192.png",
+ "sizes": "192x192",
+ "type": "image/png"
+ },
+ {
+ "src": "icons/AppIconMaskable196x196.png",
+ "sizes": "196x196",
+ "type": "image/png",
+ "purpose": "maskable"
+ },
+ {
+ "src": "icons/AppIcon512x512.png",
+ "sizes": "512x512",
+ "type": "image/png"
+ }
+ ],
+ "start_url": "/",
+ "background_color": "#0da58e",
+ "theme_color": "#0da58e"
+}