---
title: 404
layout: default
permalink: /404.html
image: /assets/img/404.jpg
---
{% capture css %}
  {% render "../assets/styles/pages/404.css" %}
{% endcapture %}
<style>{{ css }}</style>
<div class="four-oh-four__wrapper">
  {% image './src/assets/img/404.jpg', title, 'image__banner', 'eager' %}
  <div class="text--centered">
    <h2 class="page__header">{{ title }}</h2>
    What kind of idiots do you have working here? <a href="/">Hurry up and skip out on the room service bill!</a>
  </div>
  <hr class="large__spacing" />
  {% render "partials/tags.liquid", tags:collections.tagsSortedByCount %}
  {% render "partials/popular-posts.liquid", posts:collections.posts, analytics:analytics %}
</div>
<script>
  document.addEventListener('DOMContentLoaded', function () {
    plausible('404', { props: { path: document.location.pathname } })
  })
</script>