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 %}
<li>
<a href="{% url 'homepage:widgetuser-list' %}">Homepage</a>
</li>
<ul>
<li>Complete Name: {{widgetuser.last_name}}, {{widgetuser.first_name}} {{widgetuser.middle_name}}</li>
<li>{{widgetuser.id_num}}</li>
<li>{{widgetuser.email}}</li>
<li>{{widgetuser.department.dept_name}}</li>
<li>{{widgetuser.department.home_unit}}</li>
<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>
<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 %}
<li><img src="{% static 'homepage/pepe.png' %}" alt="image"></li>
</ul>
<br>
<marquee behavior ="alternate" scrollamount="100"><img src="{% static 'homepage/pepe.png' %}" alt="image">
{% endblock content %}
widget_Francoconuts/homepage/templates/homepage/widgetuser_form.html
View file @ fa77bad8
{% extends 'base.html' %}
{% block content %}
<li>
<a href="{% url 'homepage:widgetuser-list' %}">Homepage</a>
</li>
<h1>Add Widget User</h1>
<style >
body{background-image: url("https://pbs.twimg.com/profile_images/472463923354931200/5-Om8Q8a_400x400.jpeg");}
<style>
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">
{% csrf_token %}
{{ form }}
<input type="submit" value="Save New User">
</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 %}
widget_Francoconuts/homepage/templates/homepage/widgetuser_list.html
View file @ fa77bad8
{% extends 'base.html' %}
{% 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>
Widget Users:<br>
<br><h3 style="background-color:powderblue">Widget Users:</h3><br>
{% for widgetuser in object_list|dictsort:"last_name" %}
<body>
<p style="background-color:white;">
<a href="{% url 'homepage:widgetuser-detail' id_num=widgetuser.id_num %}">
{{forloop.counter}}. {{widgetuser.last_name}}, {{widgetuser.first_name}} {{widgetuser.middle_name}}<br>
</a>
</p>
</body>
{% endfor %}
<a href="{% url 'homepage:widgetuser-create' %}">
<br>Add Widget User
<button>
Add Widget User
</button>
</a>
</ul>
</div>
{% 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