Skip to content

W
widget_tee jays angelos
Commit 41c2528a authored by Sumawang, Tee Jay Jr. C.'s avatar Sumawang, Tee Jay Jr. C.
Browse files
Options

added CSS styling

parent 3249206e
Hide whitespace changes
Inline Side-by-side
Showing with 144 additions and 55 deletions
widget_tee_jays_angelos/announcements/static/announcements/announcementsstyle.css 0 → 100644
View file @ 41c2528a
h1
{
color: pink;
font-family: 'Poppins';
position: relative;
}
h2
{
color: whitesmoke;
font-family: 'Poppins';
position: relative;
}
p
{
font-family: 'Lato';
position: relative;
}
li
{
font-family: 'lato';
position: relative;
}
.indexMegaphoneIcon
{
top: -40px;
left: -60px;
display: block;
width: 60px;
height: 60px;
position: relative;
border-radius: 50px;
}
.indexRectangularShadow
{
position: absolute;
left: 0px;
top: 0px;
height: 75px;
width: 100%;
background-color: gray;
}
.detailsTitleRectangularShadow
{
position: absolute;
left: 0px;
top: 0px;
height: 75px;
width: 100%;
background-color: gray;
}
.detailsSubtitleRectangularShadow
{
position: absolute;
left: 0px;
top: 0px;
height: 150px;
width: 100%;
border-radius: 30px;
background-color: black;
}
.detailsProfilePicture
{
width: 60px;
height: 60px;
border-radius: 50px;
position: relative;
top: -65px;
left: 0px;
}
.detailsReactions
{
width: 40px;
height: 40px;
border-radius: 50px;
position: relative;
top: -60px;
}
.detailsRelatedPicture
{
width: 455px;
height: 530px;
border-radius: 20px;
position: relative;
top: -380px;
left: 50% ;
}
\ No newline at end of file
widget_tee_jays_angelos/announcements/templates/announcements/base.html 0 → 100644
View file @ 41c2528a
{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="{% static 'announcements/announcementsstyle.css' %}">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Lato&family=Poppins:wght@500&display=swap" rel="stylesheet">
<title>Announcement</title>
</head>
<body>
{% block content %}{% endblock %}
</body>
</html>
\ No newline at end of file
widget_tee_jays_angelos/announcements/templates/announcements/details.html
View file @ 41c2528a
{% if Announcement %}
<h2>{{Announcement.announcement_title}}</h2>
<h3>by {{Announcement.author.first_name}} {{Announcement.author.last_name}}, {{Announcement.pub_date}}</h3>
<h4>{{Announcement.announcement_body}}</h4>
{% for reaction in reactions %}
<h4>{{reaction.reaction_name}}: {{reaction.tally}}</h4>
{% endfor %}
{% else %}
<p>Announcement not found.</p>
{% endif %}
\ No newline at end of file
{% extends "announcements/base.html" %}
{% block content %}
{% if Announcement %}
<div class="detailsSubtitleRectangularShadow"></div>
<div class="detailsTitleRectangularShadow"></div>
<h1>{{Announcement.announcement_title}}</h1>
<h2 style="position: relative; left: 70px;">by {{Announcement.author.first_name}} {{Announcement.author.last_name}}, {{Announcement.pub_date}}</h2>
<img src="/static/announcements/{{Announcement.author.last_name}}.jpg" class="detailsProfilePicture">
<p style="margin-right: 50%; position: relative; top: -60px;">{{Announcement.announcement_body}}</p>
{% for reaction in reactions %}
<img src="/static/announcements/{{reaction.reaction_name}}.jpg" class="detailsReactions">
<p style="position: relative; top: -110px; left: 50px;">{{reaction.reaction_name}}: {{reaction.tally}}</p>
{% endfor %}
<img src="/static/announcements/{{Announcement.announcement_title}}.jpg" class="detailsRelatedPicture">
{% else %}
<p>Announcement not found.</p>
{% endif %}
{% endblock %}
\ No newline at end of file
widget_tee_jays_angelos/announcements/templates/announcements/index.html
View file @ 41c2528a
{% if announcement_list %}
<h1>Announcement Board</h1>
<h2>Important Announcements:</h2>
<ul>
{% for Announcement in announcement_list %}
<li><a href="/announcements/{{Announcement.id}}/details">{{Announcement.announcement_title}}, by {{Announcement.author.last_name}}, {{Announcement.author.first_name}}, dated {{Announcement.pub_date}}</a></li>
{% endfor %}
</ul>
{% else %}
<p>No Announcements are available</p>
{% endif %}
\ No newline at end of file
{% extends "announcements/base.html" %}
{% block content %}
<div class="indexRectangularShadow"></div>
<h1 style="text-align: center">Announcement Board</h1>
<h2 style="color: black;">Important Announcements:</h2>
{% if announcement_list %}
<ul>
{% for Announcement in announcement_list %}
<li><a href="/announcements/{{Announcement.id}}/details">{{Announcement.announcement_title}}, by {{Announcement.author.last_name}}, {{Announcement.author.first_name}}, dated {{Announcement.pub_date}}</a></li>
<img src="/static/announcements/indexMegaphoneIcon.jpg" class="indexMegaphoneIcon">
{% endfor %}
</ul>
{% else %}
<p>No Announcements are available</p>
{% endif %}
{% endblock %}
\ No newline at end of file
widget_tee_jays_angelos/announcements/views.py
View file @ 41c2528a
......@@ -6,14 +6,6 @@ from django.template import loader
# Create your views here.
def index(request):
# announcementEntries = Announcement.objects.all().count()
# n = 1
# announcement = "ANNOUNCEMENTS:<br/>"
# while(n<=announcementEntries):
# announcement += getAnnouncementHeader(n)
# announcement += getReactions(n)
# n += 1
# return HttpResponse(announcement)
announcement_list = Announcement.objects.order_by("pub_date")
context = {
"announcement_list": announcement_list,
......@@ -22,36 +14,11 @@ def index(request):
# helper function that iterates through every reaction of an announcement, adds it to an array, then returns it
def getReactions(pk):
# announcementReactions = ""
# for reaction in Announcement.objects.get(pk=pk).announcements.all():
# announcementReactions += "{}: {}<br/>" .format(reaction.reaction_name, reaction.tally)
# announcementReactions += "<br/> "
# return announcementReactions
# announcementReactions = ""
announcementReactions = []
for reaction in Announcement.objects.get(pk=pk).announcements.all():
announcementReactions.append(reaction)
return announcementReactions
# helper function that takes the data in an announcement and creates the header of the announcement
# (First and Second lines)
# def getAnnouncementHeader(pk):
# announcementFirstLine = ""
# announcementSecondLine = ""
# announcementHeader = ""
# announcementTitle = Announcement.objects.get(pk=pk).announcement_title
# authorFirstName = Announcement.objects.get(pk=pk).author.first_name
# authorLastName = Announcement.objects.get(pk=pk).author.last_name
# publicationDate = Announcement.objects.get(pk=pk).pub_date
# announcementBody = Announcement.objects.get(pk=pk).announcement_body
# announcementFirstLine = "{} by {} {} dated {}:<br/>" .format(announcementTitle, authorFirstName, authorLastName, publicationDate)
# announcementSecondLine = "{}<br/>" .format(announcementBody)
# announcementHeader += announcementFirstLine + announcementSecondLine
# return announcementHeader
def details(request, announcement_id):
try:
announcement = Announcement.objects.get(pk=announcement_id)
......@@ -60,7 +27,7 @@ def details(request, announcement_id):
try:
reactions = getReactions(pk=announcement_id)
except Reaction.DoesNotExist:
raise Http404("Reaction does not exist")
raise Http404("Reaction does not exist!")
context = {
"Announcement": announcement,
"reactions": reactions
......
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