CSS Files have been added

luigirodriguez_reading/bookshelf/templates/bookshelf/authors.html

@@ -3,6 +3,7 @@
 
 {% block title %} My Favorite Authors {% endblock %} 
 {% block content %} 
+<link rel="stylesheet" href="{% static 'list_style.css' %}">
 <h1>Luigi's Favorite Authors: </h1>
 <ul>
     {% for object in authors %} 

luigirodriguez_reading/bookshelf/templates/bookshelf/authors_details.html

@@ -2,12 +2,15 @@
 {% load static %} 
 
 {% block title %} {{ author.first_name }}{% endblock %} 
-{% block content %} 
+{% block content %}
+<link rel="stylesheet" href="{% static 'details_style.css' %}"> 
 <h1>{{ author.first_name }} {{author.last_name}}</h1>
 <ul>
-    <li>{{ author.age }}</li>
-    <li>{{ author.nationality }}</li>
-    <li>{{ author.bio }}</li>
+    <li>Age: {{ author.age }}</li>
+    <li>Nationality: {{ author.nationality }}</li>
+    <div class="bio">
+        <li>{{ author.bio }}</li>
+    </div>
 </ul>
 <p>
     <a href="http://127.0.0.1:8000/bookshelf/home">Home</a>

luigirodriguez_reading/bookshelf/templates/bookshelf/book_details.html

 {% extends 'base.html' %}
 {% load static %} 
 
-{% block title %} {{ object.title }}{% endblock %} 
-{% block content %} 
+{% block title %} {{ object.title }}{% endblock %}
+{% block content %}
+<link rel="stylesheet" href="{% static 'details_style.css' %}">
 <h1>{{ object.title }}</h1>
 <ul>
     <li>Author: <a href="{{ object.author.get_absolute_url }}""> {{ object.author }}</a></li>
     <li>Publisher: {{ object.publisher }}</li>
     <li>Year Published: {{ object.year_published }}</li>
     <li>ISBN: {{ object.ISBN }}</li>
-    <li>Blurb: {{ object.blurb }}</li>
+    <div class="blurb">
+        <li>{{ object.blurb }}</li>
+    </div>
 </ul>
 <p>
     <a href="http://127.0.0.1:8000/bookshelf/home">Home</a>

luigirodriguez_reading/bookshelf/templates/bookshelf/books.html

@@ -3,6 +3,7 @@
 
 {% block title %} My Favorite Books {% endblock %} 
 {% block content %} 
+<link rel="stylesheet" href="{% static 'list_style.css' %}">
 <h1>Luigi's Favorite Books</h1>
     <ul>
     {% for object in books %} 

luigirodriguez_reading/bookshelf/templates/bookshelf/home.html

@@ -2,7 +2,8 @@
 {% load static %} 
 
 {% block title %} My Favorite Books and Authors {% endblock %} 
-{% block content %} 
+{% block content %}
+<link rel="stylesheet" href="{% static 'home_style.css' %}">
 <h1>Welcome to Luigi's Database of Favorite Books and Authors!</h1>
 <p>
     I don't usually read in my freetime, but when I do, I usually

luigirodriguez_reading/luigirodriguez_reading/settings.py

@@ -122,6 +122,7 @@ USE_TZ = True
 # https://docs.djangoproject.com/en/3.2/howto/static-files/
 
 STATIC_URL = '/static/'
+STATICFILES_DIRS = [os.path.join(BASE_DIR, 'static')]
 
 # Default primary key field type
 # https://docs.djangoproject.com/en/3.2/ref/settings/#default-auto-field

luigirodriguez_reading/static/details_style.css

+h1{
+    text-align: center;
+    color:darkcyan
+}
+ul{
+    text-align: center;
+    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
+    list-style-type: none;
+    line-height: 2;
+}
+.blurb{
+    padding: 70px 70px;
+    position: absolute;
+    text-align: center;
+    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
+}
+.bio{
+    padding: 70px 70px;
+    position: absolute;
+    text-align: center;
+    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;   
+}
+p{
+    position: absolute;
+    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
+    left: 45%;
+    bottom: 50px;
+}
\ No newline at end of file

luigirodriguez_reading/static/home_style.css

+h1{
+    text-align: center;
+    color:darkcyan
+}
+p{
+    text-align: center;
+    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
+}
\ No newline at end of file

luigirodriguez_reading/static/list_style.css

+h1{
+    text-align: center;
+    color:darkcyan
+}
+ul{
+    text-align: center;
+    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
+    list-style-type: none;
+    line-height: 2;
+}
+p{
+    text-align: center;
+    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
+}
\ No newline at end of file