From ea0a180f8c9173d597ce6c87821cee976e3700a2 Mon Sep 17 00:00:00 2001
From: Rico Hoppe <rico.hoppe@ipfire.org>
Date: Tue, 20 Feb 2024 17:45:01 +0000
Subject: [PATCH] nopaste/view: restyled the page

---
 src/templates/nopaste/view.html | 53 ++++++++++++++++++++++-----------
 1 file changed, 35 insertions(+), 18 deletions(-)

diff --git a/src/templates/nopaste/view.html b/src/templates/nopaste/view.html
index a5028f67..bebbc309 100644
--- a/src/templates/nopaste/view.html
+++ b/src/templates/nopaste/view.html
@@ -3,34 +3,51 @@
 {% block title %}{{ entry.subject or _("Paste %s") % entry.uuid }}{% end block %}
 
 {% block container %}
-	<div class="header">
-		<div class="container">
-			<h1>{{ entry.subject or _("Paste %s") % entry.uuid }}</h1>
+	<section class="hero is-primary">
+		<div class="hero-body">
+			<div class="container">
+				<nav class="breadcrumb" aria-label="breadcrumbs">
+					<ul>
+						<li>
+							<a href="/">Home</a>
+						</li>
+						<li class="is-active">
+							<a href="#" aria-current="page">Nopaste</a>
+						</li>
+					</ul>
+				</nav>
+				<h1 class="title">
+					{{ entry.subject or _("Paste %s") % entry.uuid }}
+				</h1>
+				<h6 class="subtitle">
+					{{ _("Uploaded %s") % locale.format_date(entry.time_created) }}
 
-			<p class="text-muted">
-				{{ _("Uploaded %s") % locale.format_date(entry.time_created) }}
-
-				{% if entry.account %}
-					{{ _("by") }}
-					<a href="https://www.ipfire.org/users/{{ entry.account.uid }}">{{ entry.account }}</a>
-				{% else %}
-					{{ _("from %s") % entry.address }}
-				{% end %}
-			</p>
+					{% if entry.account %}
+						{{ _("by") }}
+						<a href="https://www.ipfire.org/users/{{ entry.account.uid }}">{{ entry.account }}</a>
+					{% else %}
+						{{ _("from %s") % entry.address }}
+					{% end %}
+				</h6>
+			</div>
 		</div>
-	</div>
+	</section>
 
 	<div class="container">
 		{% if content %}
-			<div class="mb-3">
+			<div class="block">
 				{% module Code(content) %}
 			</div>
 		{% elif entry.mimetype.startswith("image/") %}
-			<img class="img-fluid mb-3" src="/raw/{{ entry.uuid }}">
+			<div class="block">
+				<figure class="image">
+					<img src="/raw/{{ entry.uuid }}">
+				</figure>
+			</div>
 		{% end %}
 
-		<div class="d-grid">
-			<a class="btn btn-primary btn-lg" href="/raw/{{ entry.uuid }}">
+		<div class="block">
+			<a class="button is-primary has-text-weight-bold" href="/raw/{{ entry.uuid }}">
 				<span class="fas fa-file-download"></span>
 				{{ _("Download") }} ({{ format_size(entry.size) }})
 			</a>
-- 
2.39.2