Article deleted/Deleted list pages

2 files changed, 87 insertions, 68 deletions

diff --git a/pydis_site/templates/wiki/deleted.html b/pydis_site/templates/wiki/deleted.html
index 55ce2b46..a767ddbf 100644
--- a/pydis_site/templates/wiki/deleted.html
+++ b/pydis_site/templates/wiki/deleted.html
@@ -2,55 +2,63 @@
 {% load wiki_tags i18n sekizai_tags %}
 
 
-{% block wiki_pagetitle %}{% trans "Article deleted" %}{% endblock %}
+{% block wiki_pagetitle %}Article deleted{% endblock %}
 
 {% block wiki_contents %}
-  <style type="text/css">
-    label[for=id_confirm] {
-      float: left;
-      margin-right: 10px;
-    }
-  </style>
-  <h1 class="page-header">{% trans "Article deleted" %}</h1>
+  <div class="message is-warning">
+    <div class="message-header">
+      <p>Article deleted</p>
+    </div>
+    <div class="message-body">
+      <p>
+        The article you were looking for has been deleted.
+      </p>
+    </div>
+  </div>
 
-  <p class="lead">
-  {% trans "The article you were looking for has been deleted." %}
-  </p>
+  {% if not article.current_revision.locked or article|can_delete:user %}
 
-  <div class="row">
+    <h2 class="title is-2">
+      Restore Article
+    </h2>
 
-  {% if not article.current_revision.locked or article|can_delete:user %}
-    <div class="col-lg-6">
-      <div class="well">
-        <h2>{% trans "Restore" %}</h2>
-        <p>{% trans "You may restore this article and its children by clicking restore." %}</p>
-        <p>
-          <a href="?restore=1" class="btn btn-default">
-            <span class="fa fa-repeat"></span>
-            {% trans "Restore" %}
-          </a>
-        </p>
-      </div>
-    </div>
+    <p>
+      To restore this article and any child articles, click the restore button below.
+    </p>
+    <a href="?restore=1" class="button is-primary">
+      <span class="icon">
+        <i class="fa fa-sync"></i>
+      </span>
+      <span>Restore</span>
+    </a>
   {% endif %}
 
   {% if article|can_moderate:user %}
-    <div class="col-lg-6">
-      <div class="well">
-        <h2>{% trans "Purge deletion" %}</h2>
-        <p>{% trans "You may remove this article and any children permanently and free their slugs by clicking the below button. This action cannot be undone." %}</p>
-        <form method="POST" class="form form-inline">
-          {% csrf_token %}
-          {% wiki_form purge_form %}
-            <button class="btn btn-default">
-              <span class="fa fa-remove"></span>
-              {% trans "Purge" %}
-            </button>
-        </form>
-      </div>
-    </div>
-  {% endif %}
+     <h2 class="title is-2">
+      Purge Article
+    </h2>
 
-  </div>
+    <p>
+      To permanently remove this article and any child articles, click the purge button below. This will
+      allow you to free up the slugs assigned to these articles, so that they may be used for other
+      articles.
+    </p>
+    <p>
+      Please note: <span class="has-text-danger">This action cannot be undone</span>.
+    </p>
+
+    <form method="POST" class="form form-inline">
+      {% csrf_token %}
+      {% wiki_form purge_form %}
+      <button class="button is-danger" type="submit">
+        <span class="icon">
+          <i class="fas fa-trash"></i>
+        </span>
+        <span>
+          Purge
+        </span>
+      </button>
+    </form>
+  {% endif %}
 
 {% endblock %}
diff --git a/pydis_site/templates/wiki/deleted_list.html b/pydis_site/templates/wiki/deleted_list.html
index d0d72824..6ec2a8df 100644
--- a/pydis_site/templates/wiki/deleted_list.html
+++ b/pydis_site/templates/wiki/deleted_list.html
@@ -1,33 +1,44 @@
 {% extends "wiki/base.html" %}
-{% load i18n wiki_tags sekizai_tags %}
+{% load wiki_tags sekizai_tags %}
 
-{% block wiki_pagetitle %}{% trans "Admin Panel" %}{% endblock %}
+{% block wiki_pagetitle %}Deleted Articles{% endblock %}
 
 {% block wiki_contents %}
+  <h1 class="title is-1">Deleted Articles</h1>
 
-<h1 class="page-header">{% trans "Deleted Articles" %}</h1>
-{% if deleted_articles %}
-  <table class="table table-striped">
-    <thead>
-      <tr>
-        <th>{% trans "Page Title" %}</th>
-        <th>{% trans "Date Deleted" %}</th>
-        <th>{% trans "Restore Article" %}</th>
-      </tr>
-    </thead>
-    <tbody>
-    {% for article in deleted_articles %}
-      <tr>
-        <td><a href="{{article.get_absolute_url}}">{{ article }}</a></td>
-        <td> {{article.modified}} </td>
-        <td><a href="{% url 'wiki:deleted' article_id=article.id %}?restore=1" class="btn btn-default"><span class="fa fa-repeat"></span>
-            {% trans "Restore" %}</a></td>
-      </tr>
-    {% endfor %}
-    </tbody>
-  </table>
-{% else %}
-  <b> {% trans "No deleted articles to display" %} </b>
-{% endif %}
-
+  {% if deleted_articles %}
+    <table class="table table-striped">
+      <thead>
+        <tr>
+          <th>Page Title</th>
+          <th>Date Deleted</th>
+          <th>Restore Article</th>
+        </tr>
+      </thead>
+      <tbody>
+        {% for article in deleted_articles %}
+          <tr>
+            <td>
+              <a href="{{article.get_absolute_url}}">{{ article }}</a>
+            </td>
+            <td>
+              {{article.modified}}
+            </td>
+            <td>
+              <a href="{% url 'wiki:deleted' article_id=article.id %}?restore=1" class="button is-primary">
+                <span class="icon">
+                  <i class="fas fa-sync"></i>
+                </span>
+                <span>Restore</span>
+              </a>
+            </td>
+          </tr>
+        {% endfor %}
+      </tbody>
+    </table>
+  {% else %}
+    <p>
+      No deleted articles to display.
+    </p>
+  {% endif %}
 {% endblock %}