Skip to content

M
midterm_CtrlF
Commit cda86b90 authored by Mary Adelaide A. Salto's avatar Mary Adelaide A. Salto
Browse files
Options

Modified files for css styling implementation

parent 108b9aba
Hide whitespace changes
Inline Side-by-side
Showing with 177 additions and 9 deletions
widget_CtrlF/dashboard/templates/dashboard/dashboard.html
View file @ cda86b90
...@@ -3,7 +3,47 @@ ...@@ -3,7 +3,47 @@
{% block page-title %}Widget v2{% endblock %} {% block page-title %}Widget v2{% endblock %}
{% block heading %} <h1> Welcome to Widget! </h1> {% endblock %} {% block heading %}
<!DOCTYPE html>
<html>
<head>
<style>
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #333;
}
li {
float: left;
}
li a {
display: block;
color: white;
text-align: center;
padding: 10px 15px;
text-decoration: none;
}
li a:hover {
background-color: #57065b;
}
</style>
</head>
<body>
<ul>
<li><a class="active" href="/announcement_board/">Announcement Board</a></li>
<li><a href="/forum/">Forum</a></li>
</ul>
</body>
</html>
<h1> Welcome to Widget! </h1>
{% endblock %}
{% block content %} {% block content %}
<p> <p>
...@@ -20,9 +60,4 @@ ...@@ -20,9 +60,4 @@
<button class="btn add">Add Widget User</button> <button class="btn add">Add Widget User</button>
</a> </a>
</p> </p>
<p>
<a href="/announcement_board/" class="link">Announcement Board</a><br>
<a href="/forum/" class="link">Forum</a><br>
</p>
{% endblock %} {% endblock %}
\ No newline at end of file
widget_CtrlF/dashboard/templates/dashboard/widgetuser-add.html
View file @ cda86b90
...@@ -3,8 +3,47 @@ ...@@ -3,8 +3,47 @@
{% block page-title %}Add Widget User{% endblock %} {% block page-title %}Add Widget User{% endblock %}
{% block heading %} <h1> Add a new Widget User: </h1> {% endblock %} {% block heading %}
<!DOCTYPE html>
<html>
<head>
<style>
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #333;
}
li {
float: left;
}
li a {
display: block;
color: white;
text-align: center;
padding: 10px 15px;
text-decoration: none;
}
li a:hover {
background-color: #57065b;
}
</style>
</head>
<body>
<ul>
<li><a class="active" href="/dashboard/">Back</a></li>
<li><a href="/announcement_board/">Announcement Board</a></li>
<li><a href="/forum/">Forum</a></li>
</ul>
</body>
</html>
<h1> Add a new Widget User: </h1> {% endblock %}
{% block content %} {% block content %}
<form method="post"> <form method="post">
{% csrf_token %} {% csrf_token %}
......
widget_CtrlF/dashboard/templates/dashboard/widgetuser-details.html
View file @ cda86b90
...@@ -3,7 +3,48 @@ ...@@ -3,7 +3,48 @@
{% block page-title %}{{ object.last_name }}, {{ object.first_name }}{% endblock %} {% block page-title %}{{ object.last_name }}, {{ object.first_name }}{% endblock %}
{% block heading %} <h1> {{ object.first_name }} {{ object.middle_name }} {{ object.last_name }} </h1> {% endblock %} {% block heading %}
<!DOCTYPE html>
<html>
<head>
<style>
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #333;
}
li {
float: left;
}
li a {
display: block;
color: white;
text-align: center;
padding: 10px 15px;
text-decoration: none;
}
li a:hover {
background-color: #57065b;
}
</style>
</head>
<body>
<ul>
<li><a class="active" href="/dashboard/">Back</a></li>
<li><a href="/announcement_board/">Announcement Board</a></li>
<li><a href="/forum/">Forum</a></li>
</ul>
</body>
</html>
<h1> {{ object.first_name }} {{ object.middle_name }} {{ object.last_name }} </h1>
{% endblock %}
{% block content %} {% block content %}
<p> <p>
......
widget_CtrlF/dashboard/templates/dashboard/widgetuser-edit.html
View file @ cda86b90
...@@ -3,8 +3,47 @@ ...@@ -3,8 +3,47 @@
{% block page-title %}Edit Widget User{% endblock %} {% block page-title %}Edit Widget User{% endblock %}
{% block heading %} <h1> Edit Widget User: </h1> {% endblock %} {% block heading %}
<!DOCTYPE html>
<html>
<head>
<style>
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #333;
}
li {
float: left;
}
li a {
display: block;
color: white;
text-align: center;
padding: 10px 15px;
text-decoration: none;
}
li a:hover {
background-color: #57065b;
}
</style>
</head>
<body>
<ul>
<li><a class="active" href="/dashboard/">Back</a></li>
<li><a href="/announcement_board/">Announcement Board</a></li>
<li><a href="/forum/">Forum</a></li>
</ul>
</body>
</html>
<h1> Edit Widget User: </h1> {% endblock %}
{% block content %} {% block content %}
<form method="post"> <form method="post">
{% csrf_token %} {% csrf_token %}
......
widget_CtrlF/static/style.css
View file @ cda86b90
...@@ -112,3 +112,17 @@ section { ...@@ -112,3 +112,17 @@ section {
font-weight: 700; font-weight: 700;
font-family: 'Dancing Script', cursive; font-family: 'Dancing Script', cursive;
} }
/* dashboard pages styles */
body {
background-color: thistle;
font-size: 120%;
color: black;
font-family: 'Sans Serif';
text-align: justify;
}
h1 {
font-family: 'Papyrus';
text-align: center;
}
\ No newline at end of file
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