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
Hide 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 Almira Princess Redoble, 214897, CSCI 40 - F
Lab 03: My Favorite Books and Authors 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. This is to certify that this lab was truthfully completed by me.
<sgd> Almira Princess Redoble, March 27, 2023 <sgd> Almira Princess Redoble, March 27, 2023
References: References:
https://docs.djangoproject.com/en/4.1/ref/models/fields/ 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/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: Authors:
https://en.wikipedia.org/wiki/Magdalena_Jalandoni https://en.wikipedia.org/wiki/Magdalena_Jalandoni
......
almiraredoble_reading/bookshelf/templates/bookshelf/author_details.html
View file @ 085829bb
...@@ -11,9 +11,6 @@ ...@@ -11,9 +11,6 @@
{% block content %} {% block content %}
<ul class="no-bullets"> <ul class="no-bullets">
<li>
<a href="{{ object.author.get_absolute_url }}">{{ object.author }}</a>
</li>
<li> <li>
{{ object.age }} {{ object.age }}
</li> </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 { ul.no-bullets {
display: flex;
flex-direction: column;
align-items: center;
list-style-type: none; 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";
}
#content {
padding: 0px 24px;
flex-grow: 2;
color: #264653;
font-size: 16px;
} }
#footer { #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 @@ ...@@ -3,6 +3,8 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<link rel="stylesheet" href="/static/style.css"> <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> <title>{% block title %}{% endblock %}</title>
</head> </head>
<body> <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