Final edit of CSS

albertgagalac_reading/albertgagalac_reading/bookshelf/templates/bookshelf/author_detail.html

 {% extends 'base.html' %}
 {% load static %}
 
-{% block css %} {% endblock %}
+{% block css %}
+    h1 {
+        padding-top: 2%;
+    }
+    h3 {
+        font-family:'Comic Sans MS',cursive;
+        text-decoration: underline;
+    }
+{% endblock %}
 
 {% block title %}{{object}}{% endblock %}
 {% block heading %}{{object}}{% endblock %}
 {% block content %}
-<ul>
     <h3>Age:</h3> {{object.age}}<br>
     <h3>Nationality:</h3> {{object.nationality}}<br>
     <h3>Bio:</h3> {{object.bio}}
 
     <br><br><br><a href="/home/ ">Home</a> | <a href="/books/ ">Books</a> | <a href="/author/ ">Authors</a>
-</ul>
 {% endblock %}
\ No newline at end of file

albertgagalac_reading/albertgagalac_reading/bookshelf/templates/bookshelf/author_list.html

@@ -3,26 +3,17 @@
 
 {% block css %} 
     h1 {
-        text-align: center;
-        padding-top: 175px;
-        font-family: "Comic Sans MS", cursive;
-    }
-    ul {
-        text-align: center;
-        font-family: "Arial", cursive;
+        padding-top: 80px;
     }
 {% endblock %}
 
 {% block title %}My Favorite Authors{% endblock %}
 {% block heading %}Burt's Favorite Authors{% endblock %}
 {% block content %}
-<ul>
     {% for object in object_list %}
     <a href="{{ object.get_absolute_url }}">
         {{ object }} 
-    </a> <br>
+    </a> <br><br>
     {% endfor %}<br>
     <a href="/home/ ">Home</a> | <a href="/books/ ">Books</a> | <a href="/author/ ">Authors</a>
-</ul>
-
 {% endblock %}
\ No newline at end of file

albertgagalac_reading/albertgagalac_reading/bookshelf/templates/bookshelf/book_detail.html

@@ -3,25 +3,21 @@
 
 {% block css %}
     h1 {
-        text-align: center;
-        padding-top: 175px;
-        font-family: "Comic Sans MS", cursive;
+        padding-top: 2%;
     }
-    p {
-        text-align: center;
-        font-family: "Arial", cursive;
+    h3 {
+        font-family:'Comic Sans MS',cursive;
+        text-decoration: underline;
     }
 {% endblock %}
 
 {% block title %}{{object}}{% endblock %}
 {% block heading %}{{object}}{% endblock %}
 {% block content %}
-<ul>
-    <h3>Author:</h3> {{object.author}}<br>
-    <h3>Publisher:</h3> {{object.publisher}}<br>
-    <h3>ISBN:</h3> {{object.ISBN}}<br>
+    <h3>Author:</h3> {{object.author}}
+    <h3>Publisher:</h3> {{object.publisher}}
+    <h3>ISBN:</h3> {{object.ISBN}}
     <h3>Blurb:</h3> {{object.blurb}}
 
     <br><br><br><a href="/home/ ">Home</a> | <a href="/books/ ">Books</a> | <a href="/author/ ">Authors</a>
-</ul>
 {% endblock %}
\ No newline at end of file

albertgagalac_reading/albertgagalac_reading/bookshelf/templates/bookshelf/book_list.html

@@ -3,24 +3,17 @@
 
 {% block css %} 
     h1 {
-        text-align: center;
-        padding-top: 175px;
-        font-family: "Comic Sans MS", cursive;
-    }
-    ul {
-        text-align: center;
-        font-family: "Arial", cursive;
+        padding-top: 80px;
+        color: deep-blue;
     }
 {% endblock %}
 
 {% block title %}My Favorite Books{% endblock %}
 {% block heading %}Burt's Favorite Books{% endblock %}
 {% block content %}
-<ul>
     {% for object in object_list %}
-        <a href="{{ object.get_absolute_url }}">{{object.title}}</a><br>
-    {% endfor %} <br><br>
+        <a href="{{ object.get_absolute_url }}">{{object.title}}</a><br><br>
+    {% endfor %} <br>
 
     <a href="/home/ ">Home</a> | <a href="/author/">Authors</a>
-</ul>
 {% endblock %}
\ No newline at end of file

albertgagalac_reading/albertgagalac_reading/bookshelf/templates/bookshelf/home.html

 {% extends "base.html" %}
 {% load static %}
 
-{% comment %} {% block css %}
-<style>  
-    h1 {
-        text-align: center;
-        padding-top: 175px; 
-    }
-    p {
-        text-align: center;
-    }
-</style>
-{% endblock %} {% endcomment %}
-
 {% block css %}
     h1 {
-        text-align: center;
-        padding-top: 175px;
-        font-family: "Comic Sans MS", cursive;
+        padding-top: 100px;
     }
-    p {
-        text-align: center;
-        font-family: "Arial", cursive;
+    h4{
+        color: #F4C35D;
     }
 {% endblock %}
 
@@ -33,6 +18,7 @@
                     I have come to love more manga that deal with  <br>
                     down-to-earth and realistic themes. <br> <br>
                     tl;dr: I now weeb <br> <br> <br>
-                    <a href="/books/ ">Books</a> | <a href="/author/">Authors</a>
+                    <a href="/books/ ">Books</a> | <a href="/author/">Authors</a><br>
+                    <h4>dsg ftw</h4>
 {% endblock %}
 

albertgagalac_reading/albertgagalac_reading/bookshelf/urls.py

@@ -7,10 +7,10 @@ from .views import (
 urlpatterns = [
     path('', home, name='home'),
     path('home/', home, name='home'),
-    path("author/", AuthorListView.as_view(), name="author-list"),
+    path("authors/", AuthorListView.as_view(), name="author-list"),
     path("books/", BookListView.as_view(), name="books-list"),
     path("books/<int:pk>/details", BookDetailView.as_view(), name="books-detail"),
-    path("author/<int:pk>/details", AuthorDetailView.as_view(), name="author-detail"),
+    path("authors/<int:pk>/details", AuthorDetailView.as_view(), name="author-detail"),
 ]
 
 app_name = "bookshelf"
\ No newline at end of file

albertgagalac_reading/albertgagalac_reading/templates/base.html

 <!DOCTYPE html>
-
 <html lang="en">
+
 <head>
-    <style>  
+<style>
+    .itemDiv{
+        white-space: normal;
+        max-width: 500px;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        margin: auto;
+        text-align: center;
+        font-family: 'Arial', sans-serif;
+    }
     {% block css %}
-        body {background: rgba(255, 207, 51, 0.938);}
     {% endblock %} 
-    </style>
-<link rel="stylesheet" href="style.css">
+</style>
     <title>{% block title %}Burt's Book Bemporium{% endblock %}</title>
 </head>
 
-<body>
-    <h1>{% block heading %}{% endblock %}</h1>
-    <div id="content">
+<body style = "background-color:#F4C35D;">
+<h1 style=  "font-family:'Comic Sans MS',cursive;
+    text-align: center;">{% block heading %}{% endblock %}
+</h1>
+<div class = "itemDiv">
     <p>{% block content %}{% endblock %}</p>
-    </div>
+</div>
 </body>
 </html>
\ No newline at end of file