2 files changed, 61 insertions, 0 deletions
diff --git a/static/website/css/main.css b/static/website/css/main.css
index 903ec13..ed0845b 100644
--- a/static/website/css/main.css
+++ b/static/website/css/main.css
@@ -315,3 +315,12 @@ body {
     font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
     font-weight: 300;
 }
+
+.white-popup {
+  position: relative;
+  background: #FFF;
+  padding: 20px;
+  width:auto;
+  max-width: 500px;
+  margin: 20px auto;
+}
diff --git a/static/website/templates/view-abstracts.html b/static/website/templates/view-abstracts.html
new file mode 100644
index 0000000..a988f0a
--- /dev/null
+++ b/static/website/templates/view-abstracts.html
@@ -0,0 +1,52 @@
+{% extends 'website/templates/base.html' %}
+
+{% load widget_tweaks %}
+
+{% block current %}
+View Abstracts
+{% endblock %}
+
+
+{% block content %}
+    {% for proposal in proposals %}
+        <p><b>Title: </b>&nbsp;{{ proposal.title }}</p>
+        <p><b>Speaker: </b>&nbsp;{{ proposal.user.first_name }} {{ proposal.user.last_name }}</p>
+        <p><b>Bio: </b>&nbsp;{{ proposal.bio }}</p>
+        <p><b>Objective: </b>&nbsp;{{ proposal.objective }}</p>
+        <div class="modal fade" id="abstract" tabindex="-1" role="dialog" aria-labelledby="abstractLabel" aria-hidden="true">
+          <div class="modal-dialog">
+            <div class="modal-content">
+              <div class="modal-header">
+                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
+                <h4 class="modal-title" id="abstractLabel">Abstract</h4>
+              </div>
+              <div class="modal-body">
+                {{ proposal.abstract }}
+              </div>
+              <div class="modal-footer">
+                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
+              </div>
+            </div>
+          </div>
+        </div>
+        <table>
+            <tr>
+               <td width=100>
+                <button type="button" class="btn btn-mini" data-toggle="modal" data-target="#abstract">
+                    Abstract
+                </button>
+               </td>
+               <td>
+                <a href="{{ proposal.attachment.url }}" class="btn btn-info" target="_blank">Attachment</a>
+               </td>
+            </tr>
+        </table>
+        <br>
+        {% if proposal.link %}
+            <p><b>Additional Links: </b>&nbsp;<a href="http://{{ proposal.link }}" target="_blank">{{ proposal.link }}</a></p>
+        {% endif %}
+
+        <hr>
+    {% endfor %}
+{% endblock %}
+