Skip to content

J
justinreyes_reading
Commit 4072dc6d authored by justin's avatar justin
Browse files
Options

Implemented and added basic CSS styling added as static file

parent 215eac48
Show whitespace changes
Inline Side-by-side
Showing with 47 additions and 2 deletions
justinreyes_reading/bookshelf/templates/bookshelf/home.html
View file @ 4072dc6d
{% extends 'base.html' %} {% block content %} {% extends 'base.html' %}
{% block content %}
<h1>Welcome to Justin's Database of Favorite Books and Authors!</h1> <h1>Welcome to Justin's Database of Favorite Books and Authors!</h1>
<p> <p>
I love all types of books, and most of the ones I read are just I love all types of books, and most of the ones I read are just
......
justinreyes_reading/justinreyes_reading/settings.py
View file @ 4072dc6d
...@@ -118,6 +118,7 @@ USE_TZ = True ...@@ -118,6 +118,7 @@ USE_TZ = True
# 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 = 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
......
justinreyes_reading/static/css/style.css 0 → 100644
View file @ 4072dc6d
@import url("https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,300;0,400;1,300&display=swap");
body {
background-color: #494d64;
color: #f5bde6;
font-family: "Nunito", sans-serif;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
width: 100vw;
}
.footer {
position: fixed;
bottom: 0;
left: 0;
right: 0;
height: 4rem;
background: #1f2937;
display: flex;
color: white;
justify-content: space-between;
padding: 0px 200px;
align-items: center;
list-style-type: none;
}
.more-details > li {
list-style-type: none;
}
a {
color: #91d7e3;
text-decoration: none;
transition: font-size 0.25s ease;
}
a:hover {
font-size: 1.2rem;
}
justinreyes_reading/templates/base.html
View file @ 4072dc6d
{% load static %}
<html lang="en"> <html lang="en">
<head> <head>
<link rel="stylesheet" href="style.css" /> <link rel="stylesheet" href="{% static 'css/style.css' %}" />
<title> <title>
{% block title %} My Favorite Books and Authors {% endblock %} {% block title %} My Favorite Books and Authors {% endblock %}
</title> </title>
......
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