From c73a7e3ff951539349b3cbf31c7cb82eb2c678d4 Mon Sep 17 00:00:00 2001
From: Sachi King <nakato@nakato.io>
Date: Sun, 7 May 2017 13:18:42 +1000
Subject: [PATCH] Use monospace font, hack, and not markdown.

Font should be made local and not remote loaded.
---
 pinaxcon/templates/site_base.html                    |  1 +
 .../symposion/proposals/_proposal_fields.html        | 12 ++++++------
 .../symposion/proposals/proposal_detail.html         |  2 +-
 static/src/css/app.css                               |  3 ++-
 4 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/pinaxcon/templates/site_base.html b/pinaxcon/templates/site_base.html
index 48ecbe1d..d7f425d1 100644
--- a/pinaxcon/templates/site_base.html
+++ b/pinaxcon/templates/site_base.html
@@ -64,6 +64,7 @@
         {% block scripts_extra %}{% endblock %}
       {% endblock %}
 
+      <link rel='stylesheet' href='//cdn.jsdelivr.net/font-hack/2.020/css/hack-extended.min.css'>
       {% block extra_body_base %}
         {% block extra_body %}
         {% endblock %}
diff --git a/pinaxcon/templates/symposion/proposals/_proposal_fields.html b/pinaxcon/templates/symposion/proposals/_proposal_fields.html
index b4c4a503..09113673 100644
--- a/pinaxcon/templates/symposion/proposals/_proposal_fields.html
+++ b/pinaxcon/templates/symposion/proposals/_proposal_fields.html
@@ -27,10 +27,10 @@
     {% endif %}
 
     <h4>{% trans "Abstract" %}</h4>
-    <div class="abstract">{{ proposal.abstract_html|safe }}&nbsp;</div>
+    <div class="abstract monospace-text">{{ proposal.abstract_html|safe }}&nbsp;</div>
 
     <h4>{% trans "Private Abstract" %}</h4>
-    <div class="private_abstract">{{ proposal.private_abstract_html|safe }}&nbsp;</div>
+    <div class="private_abstract monospace-text">{{ proposal.private_abstract_html|safe }}&nbsp;</div>
 
     <h4>{% trans "Project" %}</h4>
     <p>{{ proposal.project|safe }}&nbsp;</p>
@@ -42,16 +42,16 @@
     <p><a href="{{ proposal.video_url|safe }}">{{ proposal.video_url|safe }}</a>&nbsp;</p>
 
     <h4>{% trans "Special Requirements" %}</h4>
-    <div class="special_requirements">{{ proposal.technical_requirements_html|safe }}</div>
+    <div class="special_requirements monospace-text">{{ proposal.technical_requirements_html|safe }}</div>
 
     {% for speaker in proposal.speakers %}
       <h4>{% trans "Speaker:" %} {{ speaker.name }}</h4>
       <h5>{% trans "Biography" %}</h5>
 
-      <div class="biography">{{ speaker.biography_html|safe }}&nbsp;</div>
+      <div class="biography monospace-text">{{ speaker.biography_html|safe }}&nbsp;</div>
 
       <h5>{% trans "Experience" %}</h5>
-      <div class="biography">{{ speaker.experience_html|safe }}&nbsp;</div>
+      <div class="biography monospace-text">{{ speaker.experience_html|safe }}&nbsp;</div>
     {% endfor %}
 
     {% can_manage proposal as can_manage_proposal %}
@@ -80,7 +80,7 @@
         {% for speaker in proposal.speakers %}
           {% if speaker.accessibility_html %}
             <h5>{{ speaker.name }}</h5>
-            <div class="biography">{{ speaker.accessibility_html|safe }}&nbsp;</div>
+            <div class="biography monospace-text">{{ speaker.accessibility_html|safe }}&nbsp;</div>
           {% endif %}
         {% endfor %}
       {% endif %}
diff --git a/pinaxcon/templates/symposion/proposals/proposal_detail.html b/pinaxcon/templates/symposion/proposals/proposal_detail.html
index 56ae901c..a86c8379 100644
--- a/pinaxcon/templates/symposion/proposals/proposal_detail.html
+++ b/pinaxcon/templates/symposion/proposals/proposal_detail.html
@@ -55,7 +55,7 @@
         <h3>{% trans 'Conversation with Reviewers' %}</h3>
         {% for message in proposal.messages.all %}
           <div class="review-box">
-            <div class="comment"><em>{{ message.message|safe }}</em></div>
+            <div class="comment monospace-text"><em>{{ message.message|safe }}</em></div>
             <div class="dateline"><b>{{ message.user.username }}</b> {{ message.submitted_at|timesince }} ago</div>
           </div>
           <br />
diff --git a/static/src/css/app.css b/static/src/css/app.css
index 6bdb5404..9f46d20f 100644
--- a/static/src/css/app.css
+++ b/static/src/css/app.css
@@ -1,2 +1,3 @@
 .label-required:after { content: '*'; }
-textarea { font-family: Hack, monospace; }
+textarea, .monospace-text { font-family: Hack, monospace; }
+.monospace-text { white-space: pre; }