Skip to content

A
almiraredoble_reading
Commit 085829bb authored by Almira Redoble's avatar Almira Redoble
Browse files
Options

Applied basic CSS styling and updated README.txt.

parent 55f66043
Show whitespace changes
Inline Side-by-side
Showing with 68 additions and 7 deletions
README.txt
View file @ 085829bb
Almira Princess Redoble, 214897, CSCI 40 - F
Lab 03: My Favorite Books and Authors
March 27, 2023
March 28, 2023
This is to certify that this lab was truthfully completed by me.
<sgd> Almira Princess Redoble, March 27, 2023
References:
https://docs.djangoproject.com/en/4.1/ref/models/fields/
https://stackoverflow.com/questions/1517474/only-showing-year-in-django-admin-a-yearfield-instead-of-datefield
https://stackoverflow.com/questions/57944038/what-is-url-in-django
https://www.w3schools.com/howto/howto_css_list_without_bullets.asp
https://css-tricks.com/snippets/css/a-guide-to-flexbox/
https://www.w3schools.com/css/css_text.asp
https://www.w3schools.com/css/css_border.asp
Authors:
https://en.wikipedia.org/wiki/Magdalena_Jalandoni
......
almiraredoble_reading/bookshelf/templates/bookshelf/author_details.html
View file @ 085829bb
......@@ -11,9 +11,6 @@
{% block content %}
<ul class="no-bullets">
<li>
<a href="{{ object.author.get_absolute_url }}">{{ object.author }}</a>
</li>
<li>
{{ object.age }}
</li>
......
almiraredoble_reading/static/style.css
View file @ 085829bb
html {
height: 100%;
}
body {
margin: 0 auto;
height: 100%;
background-color: #e9c46a;
font-family: "Roboto", sans-serif;
font-size: 24px;
line-height: 1.4;
display: flex;
flex-direction: column;
justify-content: space-between;
}
ul {
list-style-type: circle;
}
ul.no-bullets {
display: flex;
flex-direction: column;
align-items: center;
list-style-type: none;
margin: 0;
padding: 0;
}
#heading {
ul.no-bullets li {
width: 80%;
background-color: #f4a261;
border: 2px solid #e76f51;
border-radius: 5px;
margin-bottom: 10px;
padding: 16px;
}
h2 {
color: #e76f51;
font: 32px "Delicious Handrawn";
}
#content {
a {
color: #2a9d8f;
text-decoration: underline #f4a261 double;
}
#heading {
margin: 8px;
padding: 24px;
border-bottom: 6px solid #f4a261;
background-color: white;
color: #e76f51;
font: 60px "Delicious Handrawn";
}
#footer {
#content {
padding: 0px 24px;
flex-grow: 2;
color: #264653;
font-size: 16px;
}
#footer {
padding: 24px;
display: flex;
justify-content: space-evenly;
background-color: #264653;
font-weight: bold;
text-decoration: underline white;
}
\ No newline at end of file
almiraredoble_reading/templates/base.html
View file @ 085829bb
......@@ -3,6 +3,8 @@
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="/static/style.css">
<link rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Delicious+Handrawn|Roboto">
<title>{% block title %}{% endblock %}</title>
</head>
<body>
......
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