Add custom 404 page to website (#3056)

* Add custom 404 page to website

Signed-off-by: Abigail McCarthy <mabigail@vmware.com>

* point to repo issues

Signed-off-by: Abigail McCarthy <mabigail@vmware.com>

* remove 404 from title

Signed-off-by: Abigail McCarthy <mabigail@vmware.com>
pull/3063/head
Abigail McCarthy 2020-11-09 12:05:40 -05:00 committed by GitHub
parent 68a4b23722
commit 7d1b613459
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 38 additions and 5 deletions

31
site/layouts/404.html Normal file
View File

@ -0,0 +1,31 @@
{{ define "siteHeader" }}
{{ template "_default/site-header.html" . }}
{{ end }}
{{ define "title"}}
<h1>Page Not Found</h1>
{{ end }}
{{ define "content"}}
<p> Whoops! It looks like we weren't able to find that page.<p>
<ul>
<li> <a href="/docs/latest">Documentation</a></li>
<li> <a href="/plugins">Plugins</a></li>
<li> <a href="/blog">Blog</a></li>
<li> <a href="/community">Community</a></li>
<li> <a href="/resources">Resources</a></li>
</ul>
<p> If you can't find what you are looking for, try asking a question in our <a href="https://kubernetes.slack.com/messages/velero">slack channel</a> or <a href="https://github.com/vmware-tanzu/velero/issues">filing an issue.</a><p>
{{ end }}
{{ define "footer" }}
{{ template "_default/footer.html" . }}
{{ end }}

View File

@ -9,17 +9,19 @@
{{ $options := (dict "targetPath" "styles.css" "outputStyle" "compressed" "enableSourceMap" true) }}
{{ $styles := resources.Get "styles.scss" | toCSS $options | resources.Fingerprint }}
<link rel="stylesheet" href="{{ $styles.RelPermalink }}" integrity="{{ $styles.Data.Integrity }}">
{{ block "title" . }}<title>{{ .Site.Title }} {{ .Page.Title }}</title>{{ end }}
{{ block "siteTitle" . }}<title>{{ .Site.Title }} {{ .Page.Title }}</title>{{ end }}
</head>
<body id="{{ .CurrentSection.Params.id }}">
<div class="container-fluid site-outer-container">
<div class="site-container">
{{ .Render "site-header" }}
{{ block "siteHeader" . }} {{ .Render "site-header" }} {{ end }}
{{ block "main" . }}
<div class="post-single-hero bg-color-{{ $.Site.Params.hero.backgroundColor }}">
<div class="section">
<div class="section-content">
<h1>{{ .Title }}</h1>
{{ block "title" . }}
<h1>{{ .Title }}</h1>
{{ end }}
</div>
</div>
</div>
@ -33,8 +35,8 @@
</div>
</div>
{{ end }}
{{ .Render "footer" }}
{{ block "footer" . }}{{ .Render "footer" }}{{ end }}
</div>
</div>
</body>
</html>
</html>