Commit f4bab3a2 authored by Julia Anishka's avatar Julia Anishka

added css styling to announcement pages

parent 58df9e25
body {
height: 100vh;
background-color: #E9E3FE;
display: flex;
align-items: center;
justify-content: center;
}
.announcement-content {
margin-top: auto;
padding: 2rem;
border-radius: 0.5rem;
background-color: white
}
\ No newline at end of file
{% extends 'base.html' %}
{% load static %}
{% block stylesheets %}
<link rel="stylesheet" type="text/css" href="{% static 'stylesheets/forms.css' %}">
{% endblock %}
{% block title %} Add Announcement {% endblock %}
{% block header %}
<h1> Add a new announcement: </h1>
{% endblock %}
{% block body %}
<form method='POST'>
{% csrf_token %}
{{ form }}
<input type="Submit" value="Add Announcement">
</form>
{% block content %}
<div class="form">
<form method="POST" action="">
{% csrf_token %}
{{ form }}
<input type="Submit" value="Add Announcement">
</form>
</div>
{% endblock %}
{% endblock %}
\ No newline at end of file
{% extends 'base.html' %}
{% load static %}
{% block stylesheets %}
<link rel="stylesheet" type="text/css" href="{% static 'announcementboard/announcements.css' %}">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
{% endblock %}
{% block title %} {{ announcement.title }} {% endblock %}
{% block header %}
<h1> {{ announcement.title }} </h1>
{% endblock %}
{% block body %}
<h4> by {{ announcement.author.first_name }} {{ announcement.author.last_name }}</h4>
<h4>{{ announcement.pub_datetime|date:'m/d/Y, H:i A'}}</h4>
<h4>{{ announcement.body }}</h4>
<ul>
<li>Like: {{ tallies.like|default:0 }}</li>
<li>Love: {{ tallies.love|default:0 }}</li>
<li>Angry: {{ tallies.angry|default:0 }}</li>
</ul>
<a href="{% url 'announcementboard:announcement-edit' announcement.id %}"> Edit Announcement </a>
<div class="announcement-content">
{% block content %}
<div class="details">
<h4> by {{ announcement.author.first_name }} {{ announcement.author.last_name }}</h4>
<h4>{{ announcement.pub_datetime|date:'m/d/Y, H:i A'}}</h4>
<h4>{{ announcement.body }}</h4>
<h4>Like: {{ tallies.like|default:0 }}</h4>
<h4>Love: {{ tallies.love|default:0 }}</h4>
<h4>Angry: {{ tallies.angry|default:0 }}</h4>
</div>
{% endblock %}
<a href="{% url 'announcementboard:announcement-edit' announcement.id %}" class="edit-btn"><i class="fa fa-edit"></i> Edit Announcement </a>
</div>
{% endblock %}
\ No newline at end of file
{% extends 'base.html' %}
{% load static %}
{% block stylesheets %}
<link rel="stylesheet" type="text/css" href="{% static 'stylesheets/forms.css' %}">
{% endblock %}
{% block title %} Edit Announcement {% endblock %}
{% block header %}
<h1> Edit announcement: </h1>
<h1> Edit announcement: </h1>
{% endblock %}
{% block body %}
<form method='POST'>
{% block content %}
<div class="form">
<form method="POST" action="">
{% csrf_token %}
{{ form }}
<input type="Submit" value="Save Changes to Announcement">
</form>
</form>
</div>
{% endblock %}
{% endblock %}
\ No newline at end of file
{% extends 'base.html' %}
{% load static %}
{% block stylesheets %}
<link rel="stylesheet" href="{% static 'announcements.css' %}">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
{% endblock %}
......
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