Commit 5f3978fc authored by Ciella Francisco's avatar Ciella Francisco 😵

Enabled smaller versions of event headers for the event catalog cards

parent ec22a4be
...@@ -4,9 +4,15 @@ ...@@ -4,9 +4,15 @@
{% block content %} {% block content %}
<ul> <ul>
{% for event in object_list %} {% for event in object_list %}
<li> <ul>
{% for event_fields in object_list %}
<div class="center-cropped"
style="background-image: url({{event_fields.event_header.url}});"></div>
</div>
<a href="{{ event.get_absolute_url }}">{{ event.event_name }}</a> <a href="{{ event.get_absolute_url }}">{{ event.event_name }}</a>
</li> <li>{{event_fields.event_organizer}}</li>
{% endfor %}
</ul>
{% endfor %} {% endfor %}
</ul> </ul>
{% endblock %} {% endblock %}
...@@ -14,7 +14,15 @@ ...@@ -14,7 +14,15 @@
<link rel="stylesheet" type="text/css" href="{% static 'css/custom.css' %}"> <link rel="stylesheet" type="text/css" href="{% static 'css/custom.css' %}">
<link rel="icon" type="image/x-icon" href="{% static 'images/Logo.png' %}"> <link rel="icon" type="image/x-icon" href="{% static 'images/Logo.png' %}">
<title>{% block title %}Red Brick Board{% endblock %}</title> <title>{% block title %}Red Brick Board{% endblock %}</title>
<style>
.center-cropped {
height: 100px;
width: 100px;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
</style>
</head> </head>
<body> <body>
<nav class="navbar navbar-expand-md navbar-light bg-light px-5"> <nav class="navbar navbar-expand-md navbar-light bg-light px-5">
......
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