Add loading

app/website/templates/pages/about.html

@@ -1,3 +1,3 @@
-<main id="main">
+<main id="main" data-scroll-to-top="true">
     Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corporis dignissimos dolor inventore laudantium libero optio quo reprehenderit repudiandae sapiente similique. Delectus dolorum enim fuga fugiat ipsam nam recusandae sequi sint.
 </main>

app/website/templates/pages/talk-single.html

@@ -1,4 +1,5 @@
-<main id="main">
+{% load slippers %}
+<main id="main" data-scroll-to-top="true">
     <article>
         <header>
             <p>
@@ -12,11 +13,6 @@
         <footer>Author {{ talk.author.full_name }} - {{ talk.category.name }}</footer>
     </article>
     <p>
-        <form>
-            <input type="hidden" name="action" value="page">
-            <input type="hidden" name="value" value="talks">
-            <input type="hidden" name="page" value="1">
-            <a href="#" hx-ws="send" hx-trigger="click">Back</a>
-        </form>
+        {% #link text="Back" action="page" value="talks" page=1 %}{% /link %}
     </p>
 </main>

app/website/templates/pages/talks.html

@@ -1,4 +1,5 @@
-<main id="main">
+{% load slippers %}
+<main id="main" data-scroll-to-top="true">
     {% for talk in talks %}
         <form>
             <input type="hidden" name="action" value="page">
@@ -24,11 +25,7 @@
     {% endfor %}
     {# Pagination #}
     <div class="loading" >
-        <form>
-            <input type="hidden" name="action" value="page">
-            <input type="hidden" name="value" value="talks">
-            <input type="hidden" name="page" value="{{ next_page }}">
-            <p hx-ws="send" hx-trigger="click,revealed">Show more</p>
-        </form>
+        <p>Page {{ page }}</p>
+        {% #link text="Next page" action="page" value="talks" page=next_page %}{% /link %}
     </div>
 </main>