From 27e0cb9a3465aa82b8c4132fc9e16bb10b81ad2c Mon Sep 17 00:00:00 2001
From: Danielle McLean <dani@00dani.me>
Date: Wed, 21 Mar 2018 16:35:50 +1100
Subject: [PATCH] Install the lovely Highlight.js for automatic syntax
 highlighting of code blocks

---
 lemoncurry/static/lemoncurry/css/layout.styl | 3 ++-
 lemoncurry/templates/lemoncurry/layout.html  | 7 +++++++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/lemoncurry/static/lemoncurry/css/layout.styl b/lemoncurry/static/lemoncurry/css/layout.styl
index 9e80eed..b4ca013 100644
--- a/lemoncurry/static/lemoncurry/css/layout.styl
+++ b/lemoncurry/static/lemoncurry/css/layout.styl
@@ -1,3 +1,4 @@
+$monokai_bg = #272822
 $sm =  576px
 $md =  768px
 $lg =  992px
@@ -18,7 +19,7 @@ code, pre, .code, .pre
 	padding .2rem .4rem
 	font-size 90%
 	color $base0A
-	background-color $base00
+	background-color $monokai_bg
 	border-radius .25rem
 
 .form-control, .form-control:focus
diff --git a/lemoncurry/templates/lemoncurry/layout.html b/lemoncurry/templates/lemoncurry/layout.html
index 6f2a28d..3de3b9a 100644
--- a/lemoncurry/templates/lemoncurry/layout.html
+++ b/lemoncurry/templates/lemoncurry/layout.html
@@ -31,6 +31,8 @@
 
 		<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
 					integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous" />
+		<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/monokai.min.css"
+					integrity="sha384-bHqbpRh/XW+phptvH9nQvMKHwPH1ZbOxpIeAB2D2OIEL4Ni7aZzZgMFpsRra+v1g" crossorigin="anonymous" />
 		{% compress css %}
 		<link rel="stylesheet" type="text/css" href={% static 'openwebicons/css/openwebicons.css' %} />
 		<link rel="stylesheet" type="text/css" href={% static 'tippy.js/tippy.css' %} />
@@ -111,9 +113,14 @@
 						integrity="sha384-vFJXuSJphROIrBnz7yo7oB41mKfc8JzQZiCq4NCceLEaO4IHwicKwpJf9c9IpFgh"></script>
 		<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" crossorigin="anonymous"
 						integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"></script>
+		<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/highlight.min.js" crossorigin="anonymous"
+						integrity="sha384-ZeLYJ2PNSQjvogWP559CDAf02Qb8FE5OyQicqtz/+UhZutbrwyr87Be7NPH/RgyC"></script>
 
 		{% compress js %}
 		<script src="{% static 'tippy.js/tippy.standalone.js' %}"></script>
+		<script type="text/javascript">
+			hljs.initHighlightingOnLoad();
+		</script>
 		{% block foot %}{% endblock %}
 		{% endcompress %}
 		{% analytical_body_bottom %}