Updated content for home.html

diannedelpilar_reading/bookshelf/templates/bookshelf/home.html

@@ -18,14 +18,20 @@
     </p>
 
     <div class="flex-parent jc-center">
-        <button onclick="location.href = 'books/'" class="blue margin-right">Books</button>
-        <button onclick="location.href = 'authors/'" class="pink">Authors</button>
-        
+        <a href="{% url 'bookshelf:books' %}" type="button" class="jc-center">Books</a>
+        <a href="{% url 'bookshelf:authors' %}" type="button" class="margin-right">Authors</a>
     </div>
 
     <div class="flex-parent jc-center">
-        <button onclick="location.href = 'books/add'">Add Book</button>
-        <button onclick="location.href = 'authors/add'">Add Author</button>
+        <form method="post" action="books/add">
+            {% csrf_token %}
+            <button type="submit">Add Book</button>
+        </form>      
+        <form method="post" action="authors/add">
+            {% csrf_token %}
+            <button type="submit">Add Author</button>
+        </form>   
+
     </div>
 </body>