Skip to content

M
midterm_jenicaesports
Commit 22cd8262 authored by Ciella's avatar Ciella
Browse files
Options

Applied Bootstrap CSS design to HTML templates

parent 653eb15b
Show whitespace changes
Inline Side-by-side
Showing with 199 additions and 2 deletions
widget_jenicaesports/assignments/templates/assignments/assignment-add.html
View file @ 22cd8262
{% extends 'base.html' %}
{% load static %}
{% block title %}
Add Assignment
{% endblock %}
{% block content %}
<div class="row">
<div class="col-3 text-center text-white" style="background-color:#052c65">
<br><br>
<img src="{% static 'assignments_icon.png'%}" class="img-fluid" width="100" height="100">
<br><br>
<h2>Assignments</h2>
<h4 class="display-6" style="font-size:20px">Add New Assignment</h4>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<p>© Jenica e-Sports</p>
</div>
<div class="col-9 text-center">
<div class="row p-5 text-center" style="background-color:#e3e4e6">
<h1 class="display-3" style="font-size:50px; color:#052c65">Add a new assignment:</h1>
</div>
<br>
<div class="row"></div>
<form method="post">
{% csrf_token %}
{% for field in form %}
<div class="row">
<div class="col-5" style="text-align:right">
<h5 class="display-3" style="font-size:25px">{{ field.label }}:</h4>
</div>
<div class="col-7" style="text-align:left">
{{ field }}
</div>
</div>
<br>
{% endfor %}
<input type="submit" class="btn btn-dark" value="Save New Assignment" style="background-color:#052c65">
</form>
<br><br>
</div>
</div>
{% endblock %}
\ No newline at end of file
widget_jenicaesports/assignments/templates/assignments/assignment-details.html
View file @ 22cd8262
{% extends 'base.html' %}
{% load static %}
{% block title %}
{{ object }}
{% endblock %}
{% block content %}
<div class="row">
<div class="col-3 text-center text-white" style="background-color:#052c65">
<br>
<br>
<img src="{% static 'assignments_icon.png'%}" class="img-fluid" width="100" height="100">
<br>
<br>
<h2>Assignments</h2>
<h4 class="display-6" style="font-size:20px">Assignment Details</h4>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<p>© Jenica e-Sports</p>
</div>
<div class="col-9 text-center">
<div class="row p-5 text-center" style="background-color:#e3e4e6">
<h1 class="display-3" style="font-size:50px; color:#052c65">{{ object }}</h1>
</div>
<br>
<div class="row p-2" style="background-color:#e3e4e6">
<h5 class="display-3" style="font-size:25px">{{ object.course }}</h5>
</div>
<br>
<div class="row">
<div class="col-5" style="text-align:right">
<h4 style="font-size:25px">Description: </h4>
</div>
<div class="col-7" style="text-align:left">
<h5 class="display-3" style="font-size:25px">{{ object.description }}</h5>
</div>
</div>
<div class="row">
<div class="col-5" style="text-align:right">
<h4 style="font-size:25px">Perfect Score: </h4>
<h4 style="font-size:25px">Passing Score: </h4>
</div>
<div class="col-7" style="text-align:left">
<h5 class="display-3" style="font-size:25px">{{ object.perfect_score }}</h5>
<h5 class="display-3" style="font-size:25px">{{ object.passing_score }}</h5>
</div>
</div>
<br><br>
<button type="button" class="btn" style="background-color:#e3e4e6">
<a href="/assignments/{{object.pk}}/edit" class="link-dark">Edit Assignment</a>
</button> &nbsp; &nbsp;
<button type="button" class="btn" style="background-color:#052c65">
<a href="/assignments/" class="link-light">[Temp] Back to Calendar</a>
</button>
</div>
</div>
{% endblock %}
\ No newline at end of file
widget_jenicaesports/assignments/templates/assignments/assignment-edit.html
View file @ 22cd8262
{% extends 'base.html' %}
{% load static %}
{% block title %}
Edit Assignment
{% endblock %}
{% block content %}
<div class="row">
<div class="col-3 text-center text-white" style="background-color:#052c65">
<br><br>
<img src="{% static 'assignments_icon.png'%}" class="img-fluid" width="100" height="100">
<br><br>
<h2>Assignments</h2>
<h4 class="display-6" style="font-size:20px">Edit Assignment</h4>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<p>© Jenica e-Sports</p>
</div>
<div class="col-9 text-center">
<div class="row p-5 text-center" style="background-color:#e3e4e6">
<h1 class="display-3" style="font-size:50px; color:#052c65">Edit Assignment</h1>
</div>
<br>
<div class="row"></div>
<form method="post">
{% csrf_token %}
{% for field in form %}
<div class="row">
<div class="col-5" style="text-align:right">
<h5 class="display-3" style="font-size:25px">{{ field.label }}:</h4>
</div>
<div class="col-7" style="text-align:left">
{{ field }}
</div>
</div>
<br>
{% endfor %}
<input type="submit" class="btn btn-dark" value="Save Changes to Assignment" style="background-color:#052c65">
</form>
<br><br>
</div>
</div>
{% endblock %}
\ No newline at end of file
widget_jenicaesports/assignments/templates/assignments/assignments.html
View file @ 22cd8262
{% extends 'base.html' %}
{% load static %}
{% block title %}
Widget's Assignments
{% endblock %}
{% block content %}
<div class="row">
<div class="col-3 text-center text-white" style="background-color:#052c65">
<br><br>
<img src="{% static 'assignments_icon.png'%}" class="img-fluid" width="100" height="100">
<br><br>
<h2>Assignments</h2>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<p>© Jenica e-Sports</p>
</div>
<div class="col-9 text-center">
<div class="row p-5 text-center" style="background-color:#e3e4e6">
<h1 class="display-3"style="font-size:60px; color:#052c65">Widget's Assignments</h1>
</div>
<br>
<br>
{% for task in tasks %}
<a href="{{ task.get_absolute_url }}" class="link-dark; display-3" style="font-size:18px; color:#052c65">
{{ task }}</a>
<br>
{% endfor %}
<br><br>
<button type="button" class="btn" style="background-color:#e3e4e6">
<a href="/assignments/add/" class="link-dark">New Assignment</a>
</button>
<br>
<br>
<br>
<div class="text-center">
<button type="button" class="btn" style="background-color:#052c65">
<a href="/dashboard/" class="link-light">Dashboard</a>
</button> &nbsp;
<button type="button" class="btn" style="background-color:#334277">
<a href="/announcements/" class="link-light">Announcements</a>
</button> &nbsp;
<button type="button" class="btn" style="background-color:#425086">
<a href="/forum/" class="link-light">Forum</a>
</button> &nbsp;
<button type="button" class="btn" style="background-color:#515e96">
<a href="/calendar/" class="link-light">Calendar</a>
</button>
</div>
</div>
</div>
{% endblock %}
\ No newline at end of file
widget_jenicaesports/widget_jenicaesports/settings.py
View file @ 22cd8262
...@@ -64,7 +64,7 @@ ROOT_URLCONF = 'widget_jenicaesports.urls' ...@@ -64,7 +64,7 @@ ROOT_URLCONF = 'widget_jenicaesports.urls'
TEMPLATES = [ TEMPLATES = [
{ {
'BACKEND': 'django.template.backends.django.DjangoTemplates', 'BACKEND': 'django.template.backends.django.DjangoTemplates',
'DIRS': [], 'DIRS': [os.path.join(BASE_DIR, 'templates')],
'APP_DIRS': True, 'APP_DIRS': True,
'OPTIONS': { 'OPTIONS': {
'context_processors': [ 'context_processors': [
...@@ -125,7 +125,8 @@ USE_TZ = True ...@@ -125,7 +125,8 @@ USE_TZ = True
# Static files (CSS, JavaScript, Images) # Static files (CSS, JavaScript, Images)
# 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 = [os.path.join(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
......
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