Commit d1f7d683 authored by Jenica's avatar Jenica

Updated templates and static files for customized design

parent 7e480a99
......@@ -122,7 +122,8 @@ USE_TZ = True
# Static files (CSS, JavaScript, Images)
# https://docs.djangoproject.com/en/4.2/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.2/ref/settings/#default-auto-field
......
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@700&display=swap');
:root {
--theme-prusian-blue: #003049;
--theme-bright-red: #D62828;
--theme-orange: #F77F00;
--theme-yellow-red: #FCBF49;
--theme-dutch-white: #EAE2B7;
}
body {
font-family: "Inter";
background-color: var(--theme-dutch-white);
background-image: url("/static/images/Continuous Background.png");
background-position: left top;
background-repeat: repeat-y;
background-size: 80%;
}
.nav-link {
color: var(--theme-orange);
font-size: 1.5vw;
}
.col-form-label {
font-family:Verdana, sans-serif;
font-size: 2vw;
}
#trial {
align-items: center;
background-color: white;
}
<html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>{% block title %}Red Brick Board{% endblock %}</title>
{% block head %}
{% endblock %}
{% load static %}
{% load bootstrap5 %}
{% bootstrap_css %}
{% bootstrap_javascript %}
{% bootstrap_messages %}
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="{% static '/css/custom.css' %}">
<link rel="icon" type="image/x-icon" href="static/images/Logo.png">
<title>{% block title %}Red Brick Board{% endblock %}</title>
{% block head %}
{% endblock %}
</head>
<body>
<nav class="navbar navbar-expand-md navbar-light bg-light">
<div class="container-fluid">
<a class="navbar-brand" href="#">
<img src="{% static '/images/Logo with Name.png' %}" alt="Red Brick Board" style="width:30%; height:auto; padding-left:10%;">
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-end align-center" id="navbarNavAltMarkup">
<div class="navbar-nav">
<a class="nav-link" href="#">Event Catalog</a>
</div>
<form class="container-fluid justify-content-start">
<button class="btn" type="button">Log Out</button>
</form>
</div>
</div>
</nav>
<main>
I have the base.html
{% block content %}
......
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