Restructured project to version builds and move CSS into src.

* Added a new version implementation to the build. The build task now triggers
  an increment to the build version.
* Reconfigured the war plugin to filter source files and replace the @version@
  token with the project version and to rename css and js files to include the
  version number in the filename.

src/main/webapp/css/forSize.mixin.scss

@@ -0,0 +1,33 @@
+$xSmallScreen: 320px;
+$smallScreen: 640px;
+$wideScreen: 1200px;
+$ultraWideScreen: 1600px;
+
+/** ### forSize
+  * This mixin allows us to apply some rules selectively based on the screen
+  * size. There are three primary sizes: `small`, `medium`, and `large`, which
+  * are mutually exclusive. Additionally there are two additional sizes:
+  * `notSmall` and `ultraLarge`. `notSmall`, as the name implies matches any
+  * value which is not the small screen size, so it overlaps with medium,
+  * large, and ultraLarge. `ultraLarge` defines a wider minimum screen size
+  * than large, but neither large nor ultraLarge specify maximum widths,
+  * so ultraLarge is a strict subset of large. A screen large enough to match
+  * ultraLarge will also match large (compare with medium and large: matching
+  * medium means it will not match large, and vice versa). */
+@mixin forSize($size) {
+
+    @if $size == xsmall {
+        @media screen and (max-width: $xSmallScreen) { @content; } }
+    @else if $size == small {
+        @media screen and (max-width: $smallScreen) { @content; } }
+    @else if $size == notSmall {
+        @media screen and (min-width: $smallScreen + 1) { @content; } }
+    @else if $size == medium {
+        @media screen and (min-width: $smallScreen + 1) and (max-width: $wideScreen - 1) { @content; } }
+    @else if $size == large {
+        @media screen and (min-width: $wideScreen) { @content; } }
+    @else if $size == ultraLarge {
+        @media screen and (min-width: $ultraWideScreen) { @content; } }
+}
+
+

src/main/webapp/css/new-life-songs.scss

@@ -0,0 +1,51 @@
+/**
+ * # New Life Songs DB
+ * @author Jonathan Bernard <jdb@jdb-labs.com>
+ */
+
+
+$dark: #333;
+
+@import "forSize.mixin.scss";
+@import "reset.scss";
+
+body {
+    color: $dark;
+    font-family: Cantarell;
+	margin: 2rem auto;
+	width: 60rem; }
+
+header {
+    position: relative;
+
+    & > h1, & > h2 {
+        font-family: "Roboto Condensed";
+        margin-bottom: 1.5em; }
+        
+    nav {
+        position: absolute;
+        top: 0;
+        right: 0;
+        
+        ul {
+            list-style: none;
+            
+            li {
+                display: block;
+                float: right;
+                padding: 0.4rem 0.6rem;
+
+                a {
+                    color: $dark;
+                    display: block;
+                    padding: 0.1rem 0.4rem;
+                    text-decoration: none; }
+
+                a:hover {
+                    background-color: $dark;
+                    border-radius: 3px;
+                    color: white;
+                }
+            } } } }
+
+th { font-family: "Roboto Condensed"; }

src/main/webapp/css/reset.scss

@@ -0,0 +1,14 @@
+/// Global Rules
+* {
+    -moz-box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+    margin: 0;
+    padding: 0; }
+
+/* HTML5 elements */
+article,aside,details,figcaption,figure,
+footer,header,hgroup,menu,nav,section { 
+    display:block; }
+
+