add list class and Ubuntu font

themes/papercut/.gitignore

@@ -1,2 +1,3 @@
 static/css/bootstrap*.css
 static/js/bootstrap*.js
+static/fonts/*.woff*

themes/papercut/layouts/_default/list.html

@@ -2,12 +2,14 @@
 <div class="container">
 	<main>
 		<section class="bg-white border rounded shadow-sm p-3 mb-3">
+			<div class="list-group w-auto">
 			{{ range .Pages.ByPublishDate.Reverse }}
-			<p class="my-2 p-0">
+			<div class="list-group-item list-group-item-action d-flex gap-3 py-3">
-				{{ .PublishDate.Format "2006-01-02" }}
+				<label>{{ .PublishDate.Format "2006-01-02" }}</label>
 				<a class="text-clean" href="{{ .RelPermalink }}">{{ .Title }}</a>
-			</p>
+			</div>
 			{{ end }}
+			</div>
 		</section>
 	</main>
 </div>

themes/papercut/static/css/styles.css

@@ -1,3 +1,56 @@
+@font-face {
+	font-family: 'Ubuntu Mono';
+	src: url('/fonts/UbuntuMono-Regular.woff2') format('woff2'),
+		url('/fonts/UbuntuMono-Regular.woff') format('woff');
+	font-weight: normal;
+	font-style: normal;
+	font-display: swap;
+}
+
+@font-face {
+	font-family: 'Ubuntu';
+	src: url('/fonts/Ubuntu-Bold.woff2') format('woff2'),
+		url('/fonts/Ubuntu-Bold.woff') format('woff');
+	font-weight: bold;
+	font-style: normal;
+	font-display: swap;
+}
+
+@font-face {
+	font-family: 'Ubuntu';
+	src: url('/fonts/Ubuntu-BoldItalic.woff2') format('woff2'),
+		url('/fonts/Ubuntu-BoldItalic.woff') format('woff');
+	font-weight: bold;
+	font-style: italic;
+	font-display: swap;
+}
+
+@font-face {
+	font-family: 'Ubuntu';
+	src: url('/fonts/Ubuntu-Italic.woff2') format('woff2'),
+		url('/fonts/Ubuntu-Italic.woff') format('woff');
+	font-weight: normal;
+	font-style: italic;
+	font-display: swap;
+}
+
+@font-face {
+	font-family: 'Ubuntu';
+	src: url('/fonts/Ubuntu.woff2') format('woff2'),
+		url('/fonts/Ubuntu.woff') format('woff');
+	font-weight: normal;
+	font-style: normal;
+	font-display: swap;
+}
+
+body {
+	font-family: 'Ubuntu', sans-serif;
+}
+
+.font-monospace {
+	font-family: 'Ubuntu Mono', monospace !important;
+}
+
 img {
 	display: block;
 	border-radius: 8px;

themes/papercut/theme.toml

@@ -1,5 +1,5 @@
 name = "Papercut"
-license = "The Unlicense
+license = "The Unlicense"
 description = ""
 homepage = "http://example.com/"
 tags = []