Skip to content

W
widget_Francoconuts
Commit fa77bad8 authored by AllenSkyy's avatar AllenSkyy
Browse files
Options

added basic CSS styling to homepage templates

parent d1ee4ac9
Show whitespace changes
Inline Side-by-side
Showing with 88 additions and 18 deletions
widget_Francoconuts/homepage/templates/homepage/widgetuser_detail.html
View file @ fa77bad8
{% extends 'base.html' %}
{% block content %} {% block content %}
<li> <style >
<a href="{% url 'homepage:widgetuser-list' %}">Homepage</a> body{background-image: url("https://pbs.twimg.com/profile_images/472463923354931200/5-Om8Q8a_400x400.jpeg");}
</li> p{
<ul> border: 2px solid black;
<li>Complete Name: {{widgetuser.last_name}}, {{widgetuser.first_name}} {{widgetuser.middle_name}}</li> padding: 30px;
<li>{{widgetuser.id_num}}</li> }
<li>{{widgetuser.email}}</li> div {
<li>{{widgetuser.department.dept_name}}</li> border-radius: 5px;
<li>{{widgetuser.department.home_unit}}</li> background-color: #f2f2f2;
padding: 20px;
}
</style>
<div>
<a href="{% url 'homepage:widgetuser-list' %}"><button>Go Back</button></a>
<p style="background-color:white;">Complete Name: {{widgetuser.last_name}}, {{widgetuser.first_name}} {{widgetuser.middle_name}}</p>
<p style="background-color:white;">{{widgetuser.id_num}}</p>
<p style="background-color:white;">{{widgetuser.email}}</p>
<p style="background-color:white;">{{widgetuser.department.dept_name}}</p>
<p style="background-color:white;">{{widgetuser.department.home_unit}}</p>
</div>
{% load static %} {% load static %}
<li><img src="{% static 'homepage/pepe.png' %}" alt="image"></li> <br>
</ul> <marquee behavior ="alternate" scrollamount="100"><img src="{% static 'homepage/pepe.png' %}" alt="image">
{% endblock content %} {% endblock content %}
widget_Francoconuts/homepage/templates/homepage/widgetuser_form.html
View file @ fa77bad8
{% extends 'base.html' %}
{% block content %} {% block content %}
<li> <style >
<a href="{% url 'homepage:widgetuser-list' %}">Homepage</a> body{background-image: url("https://pbs.twimg.com/profile_images/472463923354931200/5-Om8Q8a_400x400.jpeg");}
</li> <style>
<h1>Add Widget User</h1> input[type=text], select {
width: 100%;
padding: 12px 20px;
margin: 8px 0;
display: inline-block;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
}
input[type=submit] {
width: 100%;
background-color: #4CAF50;
color: white;
padding: 14px 20px;
margin: 8px 0;
border: none;
border-radius: 4px;
cursor: pointer;
}
input[type=submit]:hover {
background-color: #45a049;
}
div {
border-radius: 5px;
background-color: #f2f2f2;
padding: 20px;
}
</style>
<h1 style="background-color:yellow">Add Widget User</h1>
<div>
<form method="post"> <form method="post">
{% csrf_token %} {% csrf_token %}
{{ form }} {{ form }}
<input type="submit" value="Save New User"> <input type="submit" value="Save New User">
</form> </form>
</div>
<a href="{% url 'homepage:widgetuser-list' %}"><button>Go Back</button></a>
{% load static %}
<marquee behavior ="alternate" scrollamount="100"><img src="{% static 'homepage/hs.png' %}" alt="image">
{% endblock content %} {% endblock content %}
widget_Francoconuts/homepage/templates/homepage/widgetuser_list.html
View file @ fa77bad8
{% extends 'base.html' %} {% extends 'base.html' %}
{% block content%} {% block content%}
<h1>Welcome to Widget!</h1> <style >
body{background-image: url("https://pbs.twimg.com/profile_images/472463923354931200/5-Om8Q8a_400x400.jpeg");}
p{
border: 2px solid black;
padding: 30px;
}
div {
border-radius: 5px;
background-color: #f2f2f2;
padding: 20px;
}
</style>
<div>
<h1 style="background-color:yellow">Welcome to Widget!</h1>
<ul> <ul>
Widget Users:<br> <br><h3 style="background-color:powderblue">Widget Users:</h3><br>
{% for widgetuser in object_list|dictsort:"last_name" %} {% for widgetuser in object_list|dictsort:"last_name" %}
<body> <body>
<p style="background-color:white;">
<a href="{% url 'homepage:widgetuser-detail' id_num=widgetuser.id_num %}"> <a href="{% url 'homepage:widgetuser-detail' id_num=widgetuser.id_num %}">
{{forloop.counter}}. {{widgetuser.last_name}}, {{widgetuser.first_name}} {{widgetuser.middle_name}}<br> {{forloop.counter}}. {{widgetuser.last_name}}, {{widgetuser.first_name}} {{widgetuser.middle_name}}<br>
</a> </a>
</p>
</body> </body>
{% endfor %} {% endfor %}
<a href="{% url 'homepage:widgetuser-create' %}"> <a href="{% url 'homepage:widgetuser-create' %}">
<br>Add Widget User <button>
Add Widget User
</button>
</a> </a>
</ul> </ul>
</div>
{% endblock content%} {% endblock 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