xkcd/assets/comic.html
2023-06-02 08:18:30 +02:00

42 lines
1.7 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<title>{{ .Num }} - {{ .Title }} - XKCD Archive</title>
<meta charset=utf-8>
<meta name="theme-color" content="#96A8C8">
<link rel="icon" href="../favicon.ico" type="image/x-icon">
<meta name=viewport content="width=device-width,initial-scale=1">
<meta name="robots" content="noindex">
<link rel="stylesheet" href="../styles.css"/>
</head>
<body>
<main>
<h1>{{ .Num }} - {{ .Title }}</h1>
<nav>
<a href="../1/" aria-label="First" role="button"><span aria-hidden="true">|&lt;</span></a>
{{- if gt .Num 1 }}
<a href="../{{ minus .Num 1 }}/" aria-label="Previous" role="button"><span aria-hidden="true">← Prev</span></a>
{{- else }}
<a aria-disabled="true" aria-label="Previous" role="button" tabindex="-1"><span aria-hidden="true">← Prev</span></a>
{{- end }}
<a role="button" href="../">Home</a>
{{- if lt .Num .Latest }}
<a href="../{{ plus .Num 1 }}/" aria-label="Next" role="button"><span aria-hidden="true">Next →</span></a>
{{- else }}
<a aria-disabled="true" aria-label="Next" role="button" tabindex="-1"><span aria-hidden="true">Next →</span></a>
{{- end }}
<a href="../{{ .Latest }}/" aria-label="Last" role="button"><span aria-hidden="true">&gt;|</span></a>
</nav>
{{ if .Image }}
<figure>
<img src="./{{ .Image }}" {{ with .Title }}title="{{ . }}"{{ end }} {{ with .Alt }}alt="{{ . }}"{{ end }}>
</figure>
{{ end }}
<p>
This is an <a rel="noopener noreferrer" href="https://github.com/hacdias/xkcd-archiver">archival copy</a> of the works
from <a rel="noopener noreferrer" href="https://xkcd.com/">xkcd.com</a>.
</p>
</main>
</body>
</html>