Moves components out of snippets

bookwyrm/templates/components/card.html

@@ -0,0 +1,21 @@
+<article class="card">
+    <header class="card-header">
+        {% block card-header %}
+        {% endblock %}
+    </header>
+
+    {% if not status or status.status_type != 'GeneratedNote' or status.book or status.mention_books.exists or status.mention_users.exists %}
+    <section class="card-content">
+        {% block card-content %}
+        {% endblock %}
+    </section>
+    {% endif %}
+
+    <footer class="card-footer has-background-white-bis">
+        {% block card-footer %}
+        {% endblock %}
+    </footer>
+
+    {% block card-bonus %}
+    {% endblock %}
+</article>

bookwyrm/templates/components/dropdown.html

@@ -0,0 +1,13 @@
+{% load bookwyrm_tags %}
+{% with 0|uuid as uuid %}
+<div class="dropdown control{% if right %} is-right{% endif %}" id="menu-{{ uuid }}">
+    <button type="button" class="button dropdown-trigger pulldown-menu {{ class }}" aria-expanded="false" class="pulldown-menu" aria-haspopup="true" aria-controls="menu-options-{{ uuid }}" data-controls="menu-{{ uuid }}">
+        {% block dropdown-trigger %}{% endblock %}
+    </button>
+    <div class="dropdown-menu">
+        <ul class="dropdown-content" role="menu" id="menu-options-{{ book.id }}">
+            {% block dropdown-list %}{% endblock %}
+        </ul>
+    </div>
+</div>
+{% endwith %}

bookwyrm/templates/components/modal.html

@@ -0,0 +1,22 @@
+<div class="modal hidden" id="{{ controls_text }}-{{ controls_uid }}">
+    <div class="modal-background"></div>
+    <div class="modal-card">
+        <header class="modal-card-head" tabindex="0" id="modal-title-{{ controls_text }}-{{ controls_uid }}">
+            <h2 class="modal-card-title">
+                {% block modal-title %}{% endblock %}
+            </h2>
+            {% include 'snippets/toggle/toggle_button.html' with label="close" class="delete" nonbutton=True %}
+        </header>
+        {% block modal-form-open %}{% endblock %}
+        <section class="modal-card-body">
+            {% block modal-body %}{% endblock %}
+        </section>
+        <footer class="modal-card-foot">
+            {% block modal-footer %}{% endblock %}
+        </footer>
+        {% block modal-form-close %}{% endblock %}
+    </div>
+    <label class="modal-close is-large" for="{{ controls_text }}-{{ readthrough.id }}" aria-label="close"></label>
+    {% include 'snippets/toggle/toggle_button.html' with label="close" class="modal-close is-large" nonbutton=True %}
+</div>
+