Implemented project-wide CSS by adding style.css and editing settings.py to...

Implemented project-wide CSS by adding style.css and editing settings.py to have the proper directory for static files

Implemented project-wide CSS by adding style.css and editing settings.py to...
Implemented project-wide CSS by adding style.css and editing settings.py to have the proper directory for static files
3289850a · KaoruSawade · 5cab9d3b · 3289850a · 3289850a · 3289850a
Commit 3289850a authored Mar 28, 2023 by KaoruSawade
4 changed files
--- a/carlosoarde_reading/carlosoarde_reading/__pycache__/settings.cpython-311.pyc
+++ b/carlosoarde_reading/carlosoarde_reading/__pycache__/settings.cpython-311.pyc
--- a/carlosoarde_reading/carlosoarde_reading/settings.py
+++ b/carlosoarde_reading/carlosoarde_reading/settings.py
@@ -119,7 +119,8 @@ USE_TZ = True
 # Static files (CSS, JavaScript, Images)
 # 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
 # https://docs.djangoproject.com/en/4.1/ref/settings/#default-auto-field

--- a/carlosoarde_reading/static/style.css
+++ b/carlosoarde_reading/static/style.css
+h2{
+  font-family: "Courier New";
+}
+h3{
+  font-family: "Courier New";
+}
+p{
+  font-family: "Courier New";
+}
+ul{
+  font-family: "Courier New";
+}
+body{
+  color: white;
+  background-color: #171717;
+}
+a:link {
+  color: #43ca5a;
+}
+a:visited {
+  color: #43ca5a;
+}
+a:hover {
+  color: #005b0f;
+}
+.navbarList{
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+  overflow: hidden;
+  background-color: #2f2e2e;
+}
+.navbarItem{
+  font-family: "Courier New";
+  float: left;
+}
+.navbarItem a {
+  display: block;
+  color: white;
+  text-align: center;
+  padding: 10px 15px;
+  text-decoration: none;
+}
+.navbarItem a:hover {
+  background-color: #00a900;
+}
\ No newline at end of file
--- a/carlosoarde_reading/templates/base.html
+++ b/carlosoarde_reading/templates/base.html
 <!DOCTYPE html>
 <html lang="en">
 <head>
-<style>
+{% load static %}
-.navbarList{
+<link rel="stylesheet" href="{% static '/style.css' %}">
-  list-style-type: none;
-  margin: 0;
-  padding: 0;
-}
-.navbarItem{
-  display: inline;
-}
-</style>
 <title>{% block title %}{% endblock %}</title>
 {% block styles %}{% endblock %}
 </head>