moving asset pipeline to repo, improving contrast on pink links, cleanup

README.md

@@ -49,6 +49,19 @@ Install dependencies and build:
 
 Done!
 
+### CSS Assets
+
+In `static/source`, run:
+
+    $ npm install
+    $ bower install
+
+to install all the source libraries locally (you need [nodejs](https://nodejs.org) installed). Then:
+
+    $ gulp css
+
+to create a new CSS file (automatically creates a minified version as well).
+
 ## Running
 
 It runs at: http://localhost:1990/

hl.cabal

@@ -21,7 +21,6 @@ data-files:          static/css/*.css
                      static/fonts/glyphicons-halflings-regular.svg
                      static/fonts/glyphicons-halflings-regular.eot
                      static/fonts/glyphicons-halflings-regular.woff
-                     static/css/haskell.font.css
                      static/img/*.ico
                      static/img/*.jpg
                      static/img/*.png

src/HL/View/Template.hs

@@ -65,7 +65,7 @@ skeleton ptitle innerhead innerbody bodyender mroute url =
          link_ [rel_ "shortcut icon",href_ (url (StaticR img_favicon_ico))]
          linkcss "https://fonts.googleapis.com/css?family=Source+Sans+Pro|Raleway:700,900|Ubuntu+Mono:400"
          styles url
-                [StaticR css_hl_css]
+                [StaticR css_hl_min_css]
          innerhead mroute url
     bodyinner =
       do div_ [class_ "wrap"] (innerbody mroute url)

static/css/hl.css

@@ -4492,7 +4492,7 @@ pre .hs-keyglyph {
   word-wrap: break-word; }
 
 .jquery-console-prompt-label {
-  color: #b764b2;
+  color: #db83ed;
   font-weight: bold; }
 
 .jquery-console-prompt-box {
@@ -4553,7 +4553,7 @@ pre .hs-keyglyph {
   -webkit-box-shadow: 0 0 4em rgba(0, 0, 0, 0.25) inset;
           box-shadow: 0 0 4em rgba(0, 0, 0, 0.25) inset; }
   .pattern-bg a {
-    color: #be6ece; }
+    color: #db83ed; }
     .pattern-bg a:hover {
       color: #b663b1; }
   .pattern-bg code {
@@ -4612,5 +4612,3 @@ pre .hs-keyglyph {
             flex: 0 1 auto; }
     .row-flex > div[class*='col-'] .thumbnail {
       width: 100%; }
-
-/*# sourceMappingURL=hl.css.map */

static/source/.gitignore

@@ -0,0 +1,2 @@
+node_modules/*
+bower_components/*

static/source/bower.json

@@ -0,0 +1,22 @@
+{
+  "name": "hl-assets",
+  "description": "",
+  "main": "gulpfile.js",
+  "authors": [
+    "David Deutsch <[email protected]>"
+  ],
+  "license": "BSD3",
+  "homepage": "https://github.com/daviddeutsch/hl-assets",
+  "moduleType": [],
+  "private": true,
+  "ignore": [
+    "**/.*",
+    "node_modules",
+    "bower_components",
+    "test",
+    "tests"
+  ],
+  "dependencies": {
+    "bootstrap-sass": "~3.3.6"
+  }
+}

static/source/gulpfile.js

@@ -0,0 +1,38 @@
+var gulp = require('gulp'),
+    postcss = require('gulp-postcss'),
+    sass = require('gulp-sass'),
+    rename = require('gulp-rename'),
+    sourcemaps = require('gulp-sourcemaps'),
+    concat = require('gulp-concat'),
+    autoprefixer = require('autoprefixer'),
+    cssnano = require('gulp-cssnano');
+
+gulp.task('css', function() {
+    return gulp.src('scss/hl.scss')
+        //.pipe(sourcemaps.init())
+        .pipe(sass({ precision: 10 }))
+        .pipe(postcss([ autoprefixer({ browsers: [
+            "Android 2.3",
+            "Android >= 4",
+            "Chrome >= 20",
+            "Firefox >= 24",
+            "Explorer >= 8",
+            "iOS >= 6",
+            "Opera >= 12",
+            "Safari >= 6"
+        ] }) ]))
+        //.pipe(sourcemaps.write('.'))
+        .pipe(gulp.dest('../css/'))
+        .pipe(cssnano())
+        .pipe(rename({ extname: '.min.css' }))
+        .pipe(gulp.dest('../css/'));
+});
+
+
+gulp.task('watch', function() {
+    var watcher = gulp.watch('scss/*', ['css']);
+
+    watcher.on('change', function (event) {
+        console.log('File ' + event.path + ' was ' + event.type + '. Now running css task...');
+    });
+});