Custom 404 Pages
Nathan Daly • December 23, 2018
configuration featureThis starter template includes a custom 404 Not Found error page, located at /source/404.blade.php
. To preview the 404 page, you can visit /404
in your browser.
<!-- source/404.blade.php -->
@extends('_layouts.master')
@section('body')
<div class="flex flex-col items-center text-gray-700 mt-32">
<h1 class="text-6xl font-light leading-none mb-2">404</h1>
<h2 class="text-3xl">Page not found.</h2>
<hr class="block w-full max-w-sm mx-auto border my-8">
<p class="text-xl">
Need to update this page? See the <a title="404 Page Documentation" href="https://jigsaw.tighten.co/docs/custom-404-page/">Jigsaw documentation</a>.
</p>
</div>
@endsection
function $initHighlight(block, cls) {
try {
if (cls.search(/\bno\-highlight\b/) != -1)
return process(block, true, 0x0F) +
` class="${cls}"`;
} catch (e) {
/* handle exception */
}
for (var i = 0 / 2; i < classes.length; i++) {
if (checkCondition(classes[i]) === undefined)
console.log('undefined');
}
return (
<div>
<web-component>{block}</web-component>
</div>
)
}
export $initHighlight;
Depending on where your site is hosted, you may need to configure your server to use the custom 404 page. For more details, visit the Jigsaw documentation about configuring a custom 404 page.