Skip to content

A
alvaalvarez_reading
Commit 7948fb6a authored by Angelo Alvarez's avatar Angelo Alvarez
Browse files
Options

Added CSS Styling

parent c57d3ce5
Show whitespace changes
Inline Side-by-side
Showing with 45 additions and 5 deletions
alvaalvarez_reading/alvaalvarez_reading/settings.py
View file @ 7948fb6a
...@@ -119,7 +119,8 @@ USE_TZ = True ...@@ -119,7 +119,8 @@ USE_TZ = True
# Static files (CSS, JavaScript, Images) # Static files (CSS, JavaScript, Images)
# https://docs.djangoproject.com/en/4.1/howto/static-files/ # https://docs.djangoproject.com/en/4.1/howto/static-files/
STATIC_URL = 'static/' STATIC_URL = '/static/'
STATICFILES_DIRS = [os.path.join(BASE_DIR, 'static')]
# Default primary key field type # Default primary key field type
# https://docs.djangoproject.com/en/4.1/ref/settings/#default-auto-field # https://docs.djangoproject.com/en/4.1/ref/settings/#default-auto-field
......
alvaalvarez_reading/bookshelf/templates/bookshelf/author_list.html
View file @ 7948fb6a
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
<h1>Alva's Favorite Authors</h1> <h1>Alva's Favorite Authors</h1>
<ul> <ul>
{% for object in object_list %} {% for object in object_list %}
<li><a href="{{ object.get_absolute_url }}">{{ object.first_name }} {{ object.last_name }}</a></li> <li style="list-style-type: circle;"><a href="{{ object.get_absolute_url }}">{{ object.first_name }} {{ object.last_name }}</a></li>
{% endfor %} {% endfor %}
</ul> </ul>
...@@ -15,7 +15,7 @@ ...@@ -15,7 +15,7 @@
<div id="links" style="margin: auto; text-align: center; width: 100%"> <div id="links" style="margin: auto; text-align: center; width: 100%">
<a href="/bookshelf/home/">Home</a> <a href="/bookshelf/home/">Home</a>
&nbsp; &nbsp; &nbsp; &nbsp;
<a href="/bookshelf/authors/">Authors</a> <a href="/bookshelf/books/">Books</a>
</div> </div>
{% endblock %} {% endblock %}
alvaalvarez_reading/bookshelf/templates/bookshelf/books_list.html
View file @ 7948fb6a
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
<h1>Alva's Favorite Books</h1> <h1>Alva's Favorite Books</h1>
<ul> <ul>
{% for object in object_list %} {% for object in object_list %}
<li><a href="{{ object.get_absolute_url }}">{{ object.title }}</a></li> <li style="list-style-type: circle;"><a href="{{ object.get_absolute_url }}">{{ object.title }}</a></li>
{% endfor %} {% endfor %}
</ul> </ul>
......
alvaalvarez_reading/static/style.css 0 → 100644
View file @ 7948fb6a
* {
font-family: Helvetica;
line-height: 1.5em;
}
body {
margin-right: 50px;
margin-left: 50px;
}
hr {
border-top: 1px dotted gray;
}
a {
color: #206BA4;
text-decoration: none;
}
a:hover {
color: #BBD9EE;
font-weight: bold;
text-decoration: none;
}
a:visited {
color: #51146b;
font-weight: bold;
text-decoration: underline;
}
h1 {
text-align: center;
}
ul li {
background: #ddecfc;
margin: 10px;
}
\ No newline at end of file
alvaalvarez_reading/templates/base.html
View file @ 7948fb6a
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="/static/style.css">
<title>{% block title %}My amazing site{% endblock %}</title> <title>{% block title %}My amazing site{% endblock %}</title>
{% block styles %}{% endblock %} {% block styles %}{% endblock %}
</head> </head>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment