nopaste/view: restyled the page

diff --git a/src/templates/nopaste/view.html b/src/templates/nopaste/view.html
index a5028f67912438221d763c81e2764d4aaca44198..bebbc309234416313740fcfd627d61a215b823cf 100644 (file)
--- 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>