Added Styling to Notes

This commit is contained in:
Praneeth Bhandaru 2020-10-20 20:01:56 -04:00
parent 58a60fbdb7
commit 389d95fb70
9 changed files with 56 additions and 35 deletions

View File

@ -1,30 +1,17 @@
@import url('https://fonts.googleapis.com/css2?family=Lemonada&display=swap');
h2 {
font-size: 40px;
margin-top: 10px;
text-align: center;
font-family: 'Lemonada', cursive;
}
.BulletedListBlock {
}
.TodoBlock {
font-weight: bold;
}
.SubheaderBlock {
list-style-type: none;
padding: 0px;
margin: 0px;
font-size: 30px;
font-size: 30px !important;
margin-top: 5px;
font-family: 'Lemonada', cursive;
font-weight: bold;
}
.SubsubheaderBlock {
list-style-type: none;
padding: 0px;
margin: 0px;
font-size: 30px;
margin-top: 5px;
font-family: 'Lemonada', cursive;
}
.TextBlock {
font-size: 30px !important;
margin-top: 30px;
font-weight: bold;
}

View File

@ -1,11 +1,16 @@
{% extends 'pages/base.html' %}
{% load static %}
{% block title %}{{ title }}{% endblock title %}
{% block css %}
<link rel="stylesheet" type="text/css" href="{% static 'notes/css/meeting.css' %}">
<link rel="stylesheet" type="text/css" href="{% static 'notes/css/meeting.css' %}">
{% endblock css %}
{% block content %}
<div class="container mt-5">
<h1 class="display-4">{{ title }} - Meeting Notes</h1>
</div>
<hr>
<div class="container mt-5 lead">
{{html|safe}}
</div>
{% endblock content %}

View File

@ -1,10 +1,20 @@
{% extends 'pages/base.html' %}
{% load static %}
{% block title %}Meetings{% endblock title %}
{% block css %}
<link rel="stylesheet" type="text/css" href="{% static 'pages/css/styles.css' %}">
<link rel="stylesheet" type="text/css" href="{% static 'pages/css/styles.css' %}">
<link rel="stylesheet" type="text/css" href="{% static 'notes/css/notes.css' %}">
{% endblock css %}
{% block content %}
<div class="container mt-5">
{{html|safe}}
<h1 class="display-4">Our Class Council Meetings</h1>
<p class="lead">Select one to see our meeting notes - It may take a bit as it is fetching data</p>
</div>
<hr>
<div class="container mt-5">
<center>
{{html|safe}}
</center>
</div>
<script src="{% static 'notes/js/notes.js' %}"></script>
{% endblock content %}

View File

@ -14,9 +14,25 @@ def meeting_overview(request):
if block.id == '383b2866-a0ae-4f4e-b246-4131117721c0':
meeting_block = block.collection
break
sort_dict = {}
for meeting in meeting_block.get_rows():
html += f'<h4><a href="/notes/meeting/{meeting.id}">{meeting.title}</a></h4>'
month = meeting.title.split(' ')[0].lower()
if month in sort_dict:
sort_dict[month].append(meeting)
else:
sort_dict[month] = [meeting]
# html = f'<h4 class="meeting"><a href="/notes/meeting/{meeting.id}">{meeting.title}</a></h4>' + html
for month in sort_dict.keys():
string = '<div class="wrapper">{}{}</div>'
button = f'<div class="button" id="button_{month}" onclick="dropdown(this, \'{month}\');"><p>{month}</p></div>'
tmp = '</ul></div>'
for meeting in sort_dict[month]:
tmp = f'<li class="meeting_{month}"><a href="/notes/meeting/{meeting.id}">{meeting.title}</a></li>' + tmp
tmp = f'<div class="dropdown1" id="dropdown_{month}"><ul class="content" id="content_{month}">' + tmp + '<br><br>'
html = string.format(button, tmp) + html
return render(request, 'notes/notes.html', {'html': html})
@ -56,7 +72,8 @@ def show_meeting(request, meeting_id):
break
meeting_dict = dict()
html_dict = {meeting: '<h2>' + meeting.title.strip() + '</h2><ul>{}</ul>'}
title = meeting.title.strip()
html_dict = {meeting: '<ul>{}</ul>'}
q = [meeting]
@ -76,4 +93,4 @@ def show_meeting(request, meeting_id):
html = getHtml(html_dict, meeting_dict, meeting)
print(html)
return render(request, "notes/meeting.html", {'html': html})
return render(request, "notes/meeting.html", {'html': html, 'title': title})

View File

@ -149,4 +149,4 @@ nav {
100% {
transform: translateY(0px);
}
}
}

View File

@ -8,9 +8,10 @@
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title></title>
<title>2023 - {% block title %}{% endblock title %}</title>
<meta name="description" content="Official 2023CC Website">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" href="{% static 'pages/css/img/favicon.png' %}">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
{% block css %}{% endblock css %}
</head>
@ -47,7 +48,7 @@
</div>
</nav>
{% block content %}{% endblock content %}
<br><br><br>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>

View File

@ -1,5 +1,6 @@
{% extends 'pages/base.html' %}
{% load static %}
{% block title %}Council{% endblock title %}
{% block css %}
<link rel="stylesheet" type="text/css" href="{% static 'pages/css/styles.css' %}">
{% endblock css %}

View File

@ -1,14 +1,13 @@
{% extends 'pages/base.html' %}
{% load static %}
{% block title %}Events{% endblock title %}
{% block css %}
<link rel="stylesheet" type="text/css" href="{% static 'pages/css/styles.css' %}">
{% endblock css %}
{% block content %}
<div class="jumbotron jumbotron-fluid">
<div class="container mt-5">
<h1 class="display-4">Events</h1>
<p class="lead">Come and join your friends!</p>
</div>
<div class="container mt-5">
<h1 class="display-4">Events</h1>
<p class="lead">Come and join your friends!</p>
</div>
<div class="container">
<iframe src="https://calendar.google.com/calendar/embed?src=tjhsst2023%40gmail.com&ctz=America%2FNew_York" style="border: 0" width="800" height="600" frameborder="0" scrolling="no"></iframe>

View File

@ -1,5 +1,6 @@
{% extends 'pages/base.html' %}
{% load static %}
{% block title %}Home{% endblock title %}
{% block css %}
<link rel="stylesheet" type="text/css" href="{% static 'pages/css/styles.css' %}">
{% endblock css %}
@ -12,7 +13,7 @@
<br>
</div>
</div>
<div class="container-2">
<div class="container">
<h1><center><strong>2023 News</strong></center></h1>
<br>
<div class="row">