From 6ab543004e9c05a5c7f44b1b4f89e8c412c2aeb8 Mon Sep 17 00:00:00 2001
From: Mouse Reeve <mousereeve@riseup.net>
Date: Sat, 16 Jan 2021 14:48:17 -0800
Subject: [PATCH] Uses card component for reading goal announcement

---
 bookwyrm/templates/feed.html               | 19 +-----------------
 bookwyrm/templates/snippets/goal_card.html | 23 ++++++++++++++++++++++
 2 files changed, 24 insertions(+), 18 deletions(-)
 create mode 100644 bookwyrm/templates/snippets/goal_card.html

diff --git a/bookwyrm/templates/feed.html b/bookwyrm/templates/feed.html
index 79dd4b85..9b69efea 100644
--- a/bookwyrm/templates/feed.html
+++ b/bookwyrm/templates/feed.html
@@ -98,24 +98,7 @@
         {% if not goal and tab == 'home' %}
         {% now 'Y' as year %}
         <section class="block hidden" aria-title="Announcements" data-hide="hide-{{ year }}-reading-goal">
-            <article class="card">
-                <header class="card-header">
-                    <h3 class="card-header-title has-background-primary has-text-white">
-                        <span class="icon icon-book is-size-3 mr-2" aria-hidden="true"></span> {{ year }} reading goal
-                    </h3>
-                </header>
-                <section class="card-content content">
-                    <p>Set a goal for how many books you'll finish reading in {{ year }}, and track your progress throughout the year.</p>
-
-                    {% include 'snippets/goal_form.html' %}
-                </section>
-                <footer class="card-footer has-background-white-bis">
-                    <div class="card-footer-item is-flex-direction-column">
-                        <button class="button is-danger is-light is-block set-display" data-id="hide-{{ year }}-reading-goal" data-value="true">Dismiss message</button>
-                        <p class="help">You can set or change your reading goal any time from your <a href="{{ request.user.local_path }}">profile page</a></p>
-                    </div>
-                </footer>
-            </article>
+            {% include 'snippets/goal_card.html' with year=year %}
             <hr>
         </section>
         {% endif %}
diff --git a/bookwyrm/templates/snippets/goal_card.html b/bookwyrm/templates/snippets/goal_card.html
new file mode 100644
index 00000000..b453d6e4
--- /dev/null
+++ b/bookwyrm/templates/snippets/goal_card.html
@@ -0,0 +1,23 @@
+{% extends 'snippets/components/card.html' %}
+
+{% block card-header %}
+<h3 class="card-header-title has-background-primary has-text-white">
+    <span class="icon icon-book is-size-3 mr-2" aria-hidden="true"></span> {{ year }} reading goal
+</h3>
+{% endblock %}
+
+
+{% block card-content %}
+<div class="content">
+    <p>Set a goal for how many books you'll finish reading in {{ year }}, and track your progress throughout the year.</p>
+
+    {% include 'snippets/goal_form.html' %}
+</div>
+{% endblock %}
+
+{% block card-footer %}
+<div class="card-footer-item is-flex-direction-column">
+    <button class="button is-danger is-light is-block set-display" data-id="hide-{{ year }}-reading-goal" data-value="true">Dismiss message</button>
+    <p class="help">You can set or change your reading goal any time from your <a href="{{ request.user.local_path }}">profile page</a></p>
+</div>
+{% endblock %}