Add the option to use server-side LESS css compilation
diff --git a/.gitignore b/.gitignore
index b25c15b..2023df6 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1 +1,2 @@
*~
+static/css/style.css
diff --git a/README.md b/README.md
index 4351e57..81107ca 100644
--- a/README.md
+++ b/README.md
@@ -37,7 +37,8 @@
- `SCROLL_TO_CONTENT`: If this is set to `True`, when content is below the sidebar (for example, on mobile), the page will be scrolled down to the content when it loads. An exception is made for the home page.
- `FORCE_PIXELS`: Some screens (mostly mobiles) don't use pixels directly and scale based on the concept of a 'display pixel'. Setting this to `True` tells the device to use actual pixels. Enable with care.
- `MANGLE_EMAILS`: If enabled, any emails in the `SOCIAL` links will be obfuscated in HTML and have their links generated by Javascript when the page loads.
-- `GLOBAL_KEYWORDS` A list of strings that will be set as keywords for each page.
+- `GLOBAL_KEYWORDS`: A list of strings that will be set as keywords for each page.
+- `SERVER_LESS`: If `True`, `static/css/style.css` will be used as the style (compile it server-side). Otherwise `static/css/style.less` will be compiled client-side with `less.js`.
## Authors
diff --git a/templates/base.html b/templates/base.html
index e074877..f56ed14 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -2,8 +2,12 @@
<html lang="{{ DEFAULT_LANG }}">
<head>
+ {% if SERVER_LESS %}
+ <link rel="stylesheet" type="text/css" href="{{ SITEURL }}/theme/css/style.css">
+ {% else %}
<link rel="stylesheet/less" type="text/css" href="{{ SITEURL }}/theme/css/style.less">
<script src="//cdnjs.cloudflare.com/ajax/libs/less.js/1.6.1/less.min.js" type="text/javascript"></script>
+ {% endif %}
<link rel="stylesheet" type="text/css" href="{{ SITEURL }}/theme/css/pygments.css">
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=PT+Sans|PT+Serif|PT+Mono">