Commit e8fa2405 authored by Sharmaine Chua's avatar Sharmaine Chua

added css file and added bg color in base.html

parent a434192c
......@@ -4,13 +4,16 @@
{% block title %} {{ object.title }} {% endblock %}
{% block content %}
<h1>{{ object }}</h1>
<h3>
<h3>
Age: {{ object.age }} years old <br>
Nationality: {{ object.nationality }} <br>
Bio: <br>
{{ object.bio }} <br> <br>
</h3>
<h2>
Books by {{ object }} I love: <br>
</h2>
<h3>
{% for books in object.books_set.all %}
<a href="{{ books.get_absolute_url }}">
<li>
......@@ -22,14 +25,16 @@
{# the links to other html files #}
<center>
<a href="../../home">
<button type="button">Home</button>
</a>
<a href="../../books">
<button type="button">Books</button>
</a>
<a href="../../authors">
<button type="button">Authors</button>
</a>
<div class="btn">
<a href="../../home">
<button type="button"><p>Home</p></button>
</a>
<a href="../../books">
<button type="button"><p>Books</p></button>
</a>
<a href="../../authors">
<button type="button"><p>Authors</p></button>
</a>
</div>
</center>
{% endblock %}
\ No newline at end of file
......@@ -4,22 +4,26 @@
{% block content %}
<h1>Sharm's Favorite Authors:</h1>
{% for object in object_list %}
<p>
<a href="{{ object.get_absolute_url }}">
<li>
{{ object }}
</li>
</a>
</p>
{% endfor %}
<br><br><br>
{# the links to other html files #}
<center>
<a href="../home">
<button type="button">Home</button>
</a>
<a href="../books">
<button type="button">Books</button>
</a>
</center>
<div class="btn">
<center>
<a href="../home">
<button type="button"><p>Home</p></button>
</a>
<a href="../books">
<button type="button"><p>Books</p></button>
</a>
</center>
</div>
{% endblock %}
\ No newline at end of file
......@@ -4,12 +4,14 @@
{% block title %} {{ object.title }} {% endblock %}
{% block content %}
<h1>{{ object.title }}</h1>
<h3>
<h2>
by
<a href = {{ object.author.get_absolute_url }}>
{{ object.author }}
</a>
<br>
</h2>
<h3>
Publisher: {{ object.publisher }} <br>
Year Published: {{ object.year_published }} <br>
ISBN: {{ object.ISBN }} <br>
......@@ -18,14 +20,16 @@
{# the links to other html files #}
<center>
<a href="../../home">
<button type="button">Home</button>
</a>
<a href="../../books">
<button type="button">Books</button>
</a>
<a href="../../authors">
<button type="button">Authors</button>
</a>
<div class="btn">
<a href="../../home">
<button type="button"><p>Home</p></button>
</a>
<a href="../../books">
<button type="button"><p>Books</p></button>
</a>
<a href="../../authors">
<button type="button"><p>Authors</p></button>
</a>
</div>
</center>
{% endblock %}
\ No newline at end of file
......@@ -10,22 +10,26 @@
{% block content %}
<h1>Sharm's Favorite Books:</h1>
{% for object in object_list %}
<p>
<a href="{{ object.get_absolute_url }}">
<li>
{{ object.title }}
</li>
</a>
</p>
{% endfor %}
<br><br><br>
{# the links to other html files #}
<center>
<a href="../home">
<button type="button">Home</button>
</a>
<a href="../authors">
<button type="button">Authors</button>
</a>
<div class = btn"">
<a href="../home">
<button type="button"><p>Home</p></button>
</a>
<a href="../authors">
<button type="button"><p>Authors</p></button>
</a>
</div">
</center>
{% endblock %}
\ No newline at end of file
......@@ -11,11 +11,13 @@
<br><br><br><br><br>
{# the links to other html files #}
<a href="../books">
<button type="button">Books</button>
</a>
<a href="../authors">
<button type="button">Authors</button>
</a>
<div class = "btn">
<a href="../books">
<button type="button"><p>Books</p></button>
</a>
<a href="../authors">
<button type="button"><p>Authors</p></button>
</a>
</div>
</center>
{% endblock %}
\ No newline at end of file
h1 {
font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande",
"Lucida Sans Unicode", Geneva, Verdana, sans-serif;
color: #afcaff;
}
h2 {
font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande",
"Lucida Sans Unicode", Geneva, Verdana, sans-serif;
}
h3 {
font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande",
"Lucida Sans Unicode", Geneva, Verdana, sans-serif;
}
p {
font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande",
"Lucida Sans Unicode", Geneva, Verdana, sans-serif;
}
\ No newline at end of file
......@@ -4,7 +4,7 @@
<link rel="stylesheet" href="style.css">
<title>{% block title %}My Favorite Books and Authors{% endblock %}</title>
</head>
<body>
<body style ="background-color: #8ecced;" >
<div id="content">
{% block content %}{% endblock %}
</div>
......
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