Merge pull request uwdub#20 from jayfo/less

Initial Addition of Less

.travis.yml

@@ -7,12 +7,15 @@ install:
   # Install Ruby
   - rvm install 2.2.3
   - rvm use 2.2.3 --default
-  - gem install bundler
+
+  # Install NodeJS
+  - nvm install 5.1.0
 
   # Install Python dependencies
   - pip install -r requirements3.txt
-  # Install Ruby dependencies
-  - bundle install
+
+  # Invoke will get our other dependencies
+  - invoke update_dependencies
 
 script:
   - nosetests

Gemfile

@@ -4,3 +4,5 @@ ruby '2.2.3'
 
 gem 'hitimes'
 gem 'jekyll'
+
+

_config.yml

@@ -4,14 +4,20 @@ baseurl:    ''
 brandimage: ''
 brandtext:  'Fogies'
 
+lessc: node_modules/.bin/lessc
+
 navbar:
   items:
     - text: 'Sidebar-None'
-      link: 'base_sample/sidebar-none.html'
+      link: 'base_sample/bar-sidebar-none.html'
     - text: 'Sidebar-Right'
-      link: 'base_sample/sidebar-right.html'
+      link: 'base_sample/bar-sidebar-right.html'
 
 exclude:
+  # Bootstrap
+  - bootstrap/less
+  # Node
+  - node_modules
   # Python
   - env34
   - requirements3.txt

_includes/base/pageheader.html

@@ -19,4 +19,4 @@
 <link href="{{ site.baseurl }}/css/syntax/syntax.css" rel="stylesheet">
 
 <!-- Our custom styles -->
-<link href="{{ site.baseurl }}/css/styles.css" rel="stylesheet">
+<link href="{{ site.baseurl }}/css/base/styles.css" rel="stylesheet">

_plugins/base/lessjs.rb

@@ -0,0 +1,54 @@
+# https://gist.github.com/andyfowler/642739
+
+module Jekyll
+
+  class LessCssFile < StaticFile
+    def write(dest)
+      # do nothing
+    end
+  end
+
+# Expects a lessc: key in your _config.yml file with the path to a local less.js/bin/lessc
+# Less.js will require node.js to be installed
+  class LessJsGenerator < Generator
+    safe true
+    priority :low
+
+    def generate(site)
+      src_root = site.config['source']
+      dest_root = site.config['destination']
+      less_ext = /\.less$/i
+
+      raise "Missing 'lessc' path in site configuration" if !site.config['lessc']
+
+      # static_files have already been filtered against excludes, etc.
+      site.static_files.each do |sf|
+        next if not sf.path =~ less_ext
+
+        less_path = sf.path
+        css_path = less_path.gsub(less_ext, '.css').gsub(src_root, dest_root)
+        css_dir = File.dirname(css_path)
+        css_dir_relative = css_dir.gsub(dest_root, '')
+        css_name = File.basename(css_path)
+
+        FileUtils.mkdir_p(css_dir)
+
+        begin
+          command = [site.config['lessc'], 
+                     less_path, 
+                     css_path
+                     ].join(' ')
+
+          puts 'Compiling LESS: ' + command
+
+          `#{command}`
+
+          raise "LESS compilation error" if $?.to_i != 0
+        end
+
+        # Add this output file so it won't be cleaned
+        site.static_files << LessCssFile.new(site, site.source, css_dir_relative, css_name)
+      end
+    end
+  end
+end

base_sample/bar-sidebar-none.md

@@ -5,4 +5,14 @@ title: "bar"
 # brandtext: 'different brand'
 ---
 
-Main region content.
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras a mattis ipsum. Proin accumsan laoreet nisl in pulvinar. Nulla volutpat volutpat dui id sollicitudin. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc facilisis ipsum quis auctor vestibulum. Ut at tellus venenatis, dictum lorem ac, aliquam ipsum. In sagittis lorem vel turpis ultrices, fringilla efficitur mauris volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Curabitur vitae velit tincidunt, pretium metus ac, egestas nibh. Ut eu viverra tellus. Donec et elit id felis scelerisque pellentesque at sed eros. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
+
+Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean non ultrices lacus. Sed maximus orci eget nibh congue consectetur. Ut elementum suscipit suscipit. Praesent finibus lorem massa, ac maximus elit iaculis tincidunt. Curabitur ultrices massa justo, vel fermentum diam fermentum at. Sed sollicitudin ipsum nec magna interdum rutrum.
+
+[Lorem Ipsum](http://www.lipsum.com/)
+
+Mauris in libero justo. Aliquam ornare sagittis ex, sed placerat risus consequat at. Nam eget odio enim. Morbi facilisis, lorem non posuere volutpat, magna augue mollis ante, ut scelerisque orci enim sit amet leo. In dignissim enim nec nisi molestie, fringilla pretium enim lacinia. Phasellus sem risus, dictum eu fermentum quis, euismod at tortor. Donec pretium consequat cursus. Mauris bibendum egestas magna ac pretium. Suspendisse dolor tortor, aliquam non pellentesque in, molestie at massa.
+
+Aenean consequat odio id lectus pharetra, semper porttitor dui pellentesque. Sed vel vulputate enim. Nulla dictum accumsan urna, eget efficitur arcu aliquet ornare. Morbi tempus felis non malesuada feugiat. Donec et ex eros. Duis sollicitudin, magna tincidunt molestie feugiat, odio ante elementum ipsum, non efficitur mauris velit ac diam. Quisque pretium sollicitudin felis eget convallis. Pellentesque at dui et mauris aliquam semper. Curabitur porttitor, libero vitae blandit dapibus, dui tellus feugiat orci, vitae dapibus nunc enim sit amet sapien. Phasellus et fringilla purus, vitae lacinia magna. Curabitur tempus dui risus, in sollicitudin eros dignissim non. Sed quis lacinia risus. Pellentesque dignissim neque a dui placerat, ac volutpat nulla elementum. Pellentesque vulputate diam turpis, ac bibendum nunc placerat quis. Nulla id rutrum diam. Donec tempor est ut ex euismod, a congue neque aliquet.
+
+Suspendisse consequat sem at augue euismod, maximus blandit quam dapibus. Aliquam egestas sit amet massa in dictum. Vivamus molestie imperdiet felis, eget suscipit libero vehicula vel. Pellentesque vel lacus vitae mi ullamcorper vulputate at sit amet ipsum. Integer feugiat facilisis eros, at porttitor sapien vehicula vitae. Suspendisse dignissim sapien vel lorem lacinia auctor. Proin eros lacus, lacinia in euismod dignissim, vehicula ac turpis. Nunc dignissim semper felis, nec hendrerit odio egestas ut. Donec rutrum diam dui. Quisque id ante pharetra, dignissim arcu ut, condimentum lorem. Ut imperdiet ultrices diam, at mollis nunc posuere ac. Vestibulum ipsum purus, suscipit id sapien quis, interdum egestas leo. Ut cursus libero fringilla, tristique risus at, dapibus magna.

base_sample/bar-sidebar-right.md

@@ -5,10 +5,20 @@ title: "bar-sidebar-right"
 
 <div class="sidebar_start"></div>
 Sidebar content.
+
+<a href="#" class="btn btn-default btn-lg">Amet nullam consequat</a>
 <div class="sidebar_end"></div>
 
 <div class="top_start"></div>
 Top content.
 <div class="top_end"></div>
 
-Main region content.
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras a mattis ipsum. Proin accumsan laoreet nisl in pulvinar. Nulla volutpat volutpat dui id sollicitudin. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc facilisis ipsum quis auctor vestibulum. Ut at tellus venenatis, dictum lorem ac, aliquam ipsum. In sagittis lorem vel turpis ultrices, fringilla efficitur mauris volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Curabitur vitae velit tincidunt, pretium metus ac, egestas nibh. Ut eu viverra tellus. Donec et elit id felis scelerisque pellentesque at sed eros. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
+
+Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean non ultrices lacus. Sed maximus orci eget nibh congue consectetur. Ut elementum suscipit suscipit. Praesent finibus lorem massa, ac maximus elit iaculis tincidunt. Curabitur ultrices massa justo, vel fermentum diam fermentum at. Sed sollicitudin ipsum nec magna interdum rutrum.
+
+Mauris in libero justo. Aliquam ornare sagittis ex, sed placerat risus consequat at. Nam eget odio enim. Morbi facilisis, lorem non posuere volutpat, magna augue mollis ante, ut scelerisque orci enim sit amet leo. In dignissim enim nec nisi molestie, fringilla pretium enim lacinia. Phasellus sem risus, dictum eu fermentum quis, euismod at tortor. Donec pretium consequat cursus. Mauris bibendum egestas magna ac pretium. Suspendisse dolor tortor, aliquam non pellentesque in, molestie at massa.
+
+Aenean consequat odio id lectus pharetra, semper porttitor dui pellentesque. Sed vel vulputate enim. Nulla dictum accumsan urna, eget efficitur arcu aliquet ornare. Morbi tempus felis non malesuada feugiat. Donec et ex eros. Duis sollicitudin, magna tincidunt molestie feugiat, odio ante elementum ipsum, non efficitur mauris velit ac diam. Quisque pretium sollicitudin felis eget convallis. Pellentesque at dui et mauris aliquam semper. Curabitur porttitor, libero vitae blandit dapibus, dui tellus feugiat orci, vitae dapibus nunc enim sit amet sapien. Phasellus et fringilla purus, vitae lacinia magna. Curabitur tempus dui risus, in sollicitudin eros dignissim non. Sed quis lacinia risus. Pellentesque dignissim neque a dui placerat, ac volutpat nulla elementum. Pellentesque vulputate diam turpis, ac bibendum nunc placerat quis. Nulla id rutrum diam. Donec tempor est ut ex euismod, a congue neque aliquet.
+
+Suspendisse consequat sem at augue euismod, maximus blandit quam dapibus. Aliquam egestas sit amet massa in dictum. Vivamus molestie imperdiet felis, eget suscipit libero vehicula vel. Pellentesque vel lacus vitae mi ullamcorper vulputate at sit amet ipsum. Integer feugiat facilisis eros, at porttitor sapien vehicula vitae. Suspendisse dignissim sapien vel lorem lacinia auctor. Proin eros lacus, lacinia in euismod dignissim, vehicula ac turpis. Nunc dignissim semper felis, nec hendrerit odio egestas ut. Donec rutrum diam dui. Quisque id ante pharetra, dignissim arcu ut, condimentum lorem. Ut imperdiet ultrices diam, at mollis nunc posuere ac. Vestibulum ipsum purus, suscipit id sapien quis, interdum egestas leo. Ut cursus libero fringilla, tristique risus at, dapibus magna.