Add compass support; css now generated.

.gitignore

@@ -8,3 +8,5 @@ js/test.js
 \#*\#
 .\#*
 *_archive
+.sass-cache
+app/css/main.css

Makefile

@@ -1,4 +1,10 @@
-all: R/service.R
+all: R/service.R SCSSC
 
 R/service.R: R/measurements.R R/smaa.R R/macbethSolve.R
 	cat $^ > $@
+
+SCSSC:
+	compass compile
+
+.PHONY:
+	SCSSC

config.rb

@@ -0,0 +1,25 @@
+# Require any additional compass plugins here.
+
+# Set this to the root of your project when deployed:
+http_path = "/"
+css_dir = "app/css"
+sass_dir = "sass"
+images_dir = "app/img"
+javascripts_dir = "app/js"
+
+add_import_path "sass-shared"
+# You can select your preferred output style here (can be overridden via the command line):
+# output_style = :expanded or :nested or :compact or :compressed
+
+# To enable relative paths to assets via compass helper functions. Uncomment:
+# relative_assets = true
+
+# To disable debugging comments that display the original location of your selectors. Uncomment:
+# line_comments = false
+
+
+# If you prefer the indented syntax, you might want to regenerate this
+# project again passing --syntax sass, or you can uncomment this:
+# preferred_syntax = :sass
+# and then run:
+# sass-convert -R --from scss --to sass sass scss && rm -rf sass && mv scss sass

index.html

@@ -7,8 +7,6 @@
 
     <title>Preference elicitation</title>
 
-    <link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/foundation/4.3.2/css/foundation.min.css">
-    <link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/3.2.1/css/font-awesome.min.css">
     <link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/nprogress/0.1.2/nprogress.min.css">
     <link rel="stylesheet" type="text/css" href="app/js/lib/jslider/bin/jquery.slider.min.css">
     <link rel="stylesheet" type="text/css" href="app/css/nv.d3.css">