Add ICS download button

molgen · Sep 14, 2019 · aa6bfb6 · aa6bfb6
1 parent c5359f7
commit aa6bfb6
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 1 deletion.
diff --git a/mpicms/static/css/custom.css b/mpicms/static/css/custom.css
@@ -527,6 +527,18 @@ body {
   padding: 1rem;
 }
 
+.cal-button {
+  color: #fff !important;
+  background-color: #2c3e50;
+  border-color: #2c3e50;
+
+}
+
+.cal-button:hover {
+  background-color: #1a252f;
+  border-color: #151e27;
+}
+
 /* Pagination */
 .is-current {
   background-color: transparent !important;

diff --git a/mpicms/templates/events/event_index.html b/mpicms/templates/events/event_index.html
@@ -1,12 +1,15 @@
 {% extends 'base/page.html' %}
-{% load event_tags %}
+{% load event_tags i18n %}
 
 {% block content %}
     <div class="section">
 
         <h2 class="title is-2">{{ page.title }}</h2>
 
         <div id="calendar"></div>
+        <br>
+        <a href="{% url 'ics' %}" class="button cal-button">{% trans 'Download ICS' %}</a>
+
 
     </div>