InitialHEADmaster

49 files changed, 4675 insertions, 0 deletions

diff --git a/src/wwwroot/libraries/fomantic/tasks/README.md b/src/wwwroot/libraries/fomantic/tasks/README.md
new file mode 100644
index 0000000..c602e22
--- /dev/null
+++ b/src/wwwroot/libraries/fomantic/tasks/README.md
@@ -0,0 +1,17 @@
+## Tasks
+
+* Watch - Compile only changed files from source
+* Build - Build all files from source
+* Version - Output version number
+* Install - Run Installer to Set-up Paths
+
+## How to use
+
+These tasks can be imported into your own gulpfile allowing you to avoid using Semantic's build tools
+
+```javascript
+var
+  watch = require('path/to/semantic/tasks/watch')
+;
+gulp.task('watch ui', watch);
+```
diff --git a/src/wwwroot/libraries/fomantic/tasks/admin/components/create.js b/src/wwwroot/libraries/fomantic/tasks/admin/components/create.js
new file mode 100644
index 0000000..58e377f
--- /dev/null
+++ b/src/wwwroot/libraries/fomantic/tasks/admin/components/create.js
@@ -0,0 +1,319 @@
+/*******************************
+     Create Component Repos
+*******************************/
+
+/*
+ This will create individual component repositories for each SUI component
+
+  * copy component files from release
+  * create commonjs files as index.js for NPM release
+  * create release notes that filter only items related to component
+  * custom package.json file from template
+  * create bower.json from template
+  * create README from template
+  * create meteor.js file
+*/
+
+var
+  gulp            = require('gulp'),
+
+  // node dependencies
+  fs              = require('fs'),
+  path            = require('path'),
+
+  // admin dependencies
+  concatFileNames = require('gulp-concat-filenames'),
+  flatten         = require('gulp-flatten'),
+  jsonEditor      = require('gulp-json-editor'),
+  plumber         = require('gulp-plumber'),
+  rename          = require('gulp-rename'),
+  replace         = require('gulp-replace'),
+  tap             = require('gulp-tap'),
+
+  // config
+  config          = require('../../config/user'),
+  release         = require('../../config/admin/release'),
+  project         = require('../../config/project/release'),
+
+  // shorthand
+  version         = project.version,
+  output          = config.paths.output
+
+;
+
+
+module.exports = function(callback) {
+  var
+    stream,
+    index,
+    tasks = []
+  ;
+
+  for(index in release.components) {
+
+    var
+      component = release.components[index]
+    ;
+
+    // streams... designed to save time and make coding fun...
+    (function(component) {
+
+      var
+        outputDirectory      = path.join(release.outputRoot, component),
+        isJavascript         = fs.existsSync(output.compressed + component + '.js'),
+        isCSS                = fs.existsSync(output.compressed + component + '.css'),
+        capitalizedComponent = component.charAt(0).toUpperCase() + component.slice(1),
+        packageName          = release.packageRoot + component,
+        repoName             = release.componentRepoRoot + capitalizedComponent,
+        gitURL               = 'https://github.com/' + release.org + '/' + repoName + '.git',
+        repoURL              = 'https://github.com/' + release.org + '/' + repoName + '/',
+        concatSettings = {
+          newline : '',
+          root    : outputDirectory,
+          prepend : "    '",
+          append  : "',"
+        },
+        regExp               = {
+          match            : {
+            // templated values
+            name      : '{component}',
+            titleName : '{Component}',
+            version   : '{version}',
+            files     : '{files}',
+            // release notes
+            spacedVersions    : /(###.*\n)\n+(?=###)/gm,
+            spacedLists       : /(^- .*\n)\n+(?=^-)/gm,
+            trim              : /^\s+|\s+$/g,
+            unrelatedNotes    : new RegExp('^((?!(^.*(' + component + ').*$|###.*)).)*$', 'gmi'),
+            whitespace        : /\n\s*\n\s*\n/gm,
+            // npm
+            componentExport   : /(.*)\$\.fn\.\w+\s*=\s*function\(([^\)]*)\)\s*{/g,
+            componentReference: '$.fn.' + component,
+            settingsExport    : /\$\.fn\.\w+\.settings\s*=/g,
+            settingsReference : /\$\.fn\.\w+\.settings/g,
+            trailingComma     : /,(?=[^,]*$)/,
+            jQuery            : /jQuery/g,
+          },
+          replace : {
+            // readme
+            name              : component,
+            titleName         : capitalizedComponent,
+            // release notes
+            spacedVersions    : '',
+            spacedLists       : '$1',
+            trim              : '',
+            unrelatedNotes    : '',
+            whitespace        : '\n\n',
+            // npm
+            componentExport   :  'var _module = module;\n$1module.exports = function($2) {',
+            componentReference:  '_module.exports',
+            settingsExport    :  'module.exports.settings =',
+            settingsReference :  '_module.exports.settings',
+            jQuery            :  'require("jquery")'
+          }
+        },
+        task = {
+          all      : component + ' creating',
+          repo     : component + ' create repo',
+          bower    : component + ' create bower.json',
+          readme   : component + ' create README',
+          npm      : component + ' create NPM Module',
+          notes    : component + ' create release notes',
+          composer : component + ' create composer.json',
+          package  : component + ' create package.json',
+          meteor   : component + ' create meteor package.js',
+        },
+        // paths to includable assets
+        manifest = {
+          assets    : outputDirectory + '/assets/**/' + component + '?(s).*',
+          component : outputDirectory + '/' + component + '+(.js|.css)'
+        }
+      ;
+
+      // copy dist files into output folder adjusting asset paths
+      function copyDist() {
+        return gulp.src(release.source + component + '.*')
+          .pipe(plumber())
+          .pipe(flatten())
+          .pipe(replace(release.paths.source, release.paths.output))
+          .pipe(gulp.dest(outputDirectory))
+        ;
+      }
+
+      // create npm module
+      function createNpmModule() {
+        return gulp.src(release.source + component + '!(*.min|*.map).js')
+          .pipe(plumber())
+          .pipe(flatten())
+          .pipe(replace(regExp.match.componentExport, regExp.replace.componentExport))
+          .pipe(replace(regExp.match.componentReference, regExp.replace.componentReference))
+          .pipe(replace(regExp.match.settingsExport, regExp.replace.settingsExport))
+          .pipe(replace(regExp.match.settingsReference, regExp.replace.settingsReference))
+          .pipe(replace(regExp.match.jQuery, regExp.replace.jQuery))
+          .pipe(rename('index.js'))
+          .pipe(gulp.dest(outputDirectory))
+        ;
+      }
+
+      // create readme
+      function createReadme() {
+        return gulp.src(release.templates.readme)
+          .pipe(plumber())
+          .pipe(flatten())
+          .pipe(replace(regExp.match.name, regExp.replace.name))
+          .pipe(replace(regExp.match.titleName, regExp.replace.titleName))
+          .pipe(gulp.dest(outputDirectory))
+        ;
+      }
+
+      // extend bower.json
+      function extendBower() {
+        return gulp.src(release.templates.bower)
+          .pipe(plumber())
+          .pipe(flatten())
+          .pipe(jsonEditor(function(bower) {
+            bower.name = packageName;
+            bower.description = capitalizedComponent + ' - Semantic UI';
+            if(isJavascript) {
+              if(isCSS) {
+                bower.main = [
+                  component + '.js',
+                  component + '.css'
+                ];
+              }
+              else {
+                bower.main = [
+                  component + '.js'
+                ];
+              }
+              bower.dependencies = {
+                jquery: '>=1.8'
+              };
+            }
+            else {
+              bower.main = [
+                component + '.css'
+              ];
+            }
+            return bower;
+          }))
+          .pipe(gulp.dest(outputDirectory))
+        ;
+      }
+
+      // extend package.json
+      function extendPackage() {
+        return gulp.src(release.templates.package)
+          .pipe(plumber())
+          .pipe(flatten())
+          .pipe(jsonEditor(function(npm) {
+            if(isJavascript) {
+              npm.dependencies = {
+                jquery: 'x.x.x'
+              };
+              npm.main = 'index.js';
+            }
+            npm.name = packageName;
+            if(version) {
+              npm.version = version;
+            }
+            npm.title       = 'Semantic UI - ' + capitalizedComponent;
+            npm.description = 'Single component release of ' + component;
+            npm.repository  = {
+              type : 'git',
+              url  : gitURL
+            };
+            return npm;
+          }))
+          .pipe(gulp.dest(outputDirectory))
+        ;
+      }
+
+      // extend composer.json
+      function extendComposer(){
+        return gulp.src(release.templates.composer)
+          .pipe(plumber())
+          .pipe(flatten())
+          .pipe(jsonEditor(function(composer) {
+            if(isJavascript) {
+              composer.dependencies = {
+                jquery: 'x.x.x'
+              };
+              composer.main = component + '.js';
+            }
+            composer.name = 'semantic/' + component;
+            if(version) {
+              composer.version = version;
+            }
+            composer.description = 'Single component release of ' + component;
+            return composer;
+          }))
+          .pipe(gulp.dest(outputDirectory))
+        ;
+      }
+
+      // create release notes
+      function createReleaseNotes() {
+        return gulp.src(release.templates.notes)
+          .pipe(plumber())
+          .pipe(flatten())
+          // Remove release notes for lines not mentioning component
+          .pipe(replace(regExp.match.unrelatedNotes, regExp.replace.unrelatedNotes))
+          .pipe(replace(regExp.match.whitespace, regExp.replace.whitespace))
+          .pipe(replace(regExp.match.spacedVersions, regExp.replace.spacedVersions))
+          .pipe(replace(regExp.match.spacedLists, regExp.replace.spacedLists))
+          .pipe(replace(regExp.match.trim, regExp.replace.trim))
+          .pipe(gulp.dest(outputDirectory))
+        ;
+      }
+
+      // Creates meteor package.js
+      function createMeteorPackage() {
+        var
+          filenames = ''
+        ;
+        return gulp.src(manifest.component)
+          .pipe(concatFileNames('empty.txt', concatSettings))
+          .pipe(tap(function(file) {
+            filenames += file.contents;
+          }))
+          .on('end', function() {
+            gulp.src(manifest.assets)
+              .pipe(concatFileNames('empty.txt', concatSettings))
+              .pipe(tap(function(file) {
+                filenames += file.contents;
+              }))
+              .on('end', function() {
+                // remove trailing slash
+                filenames = filenames.replace(regExp.match.trailingComma, '').trim();
+                gulp.src(release.templates.meteor.component)
+                  .pipe(plumber())
+                  .pipe(flatten())
+                  .pipe(replace(regExp.match.name, regExp.replace.name))
+                  .pipe(replace(regExp.match.titleName, regExp.replace.titleName))
+                  .pipe(replace(regExp.match.version, version))
+                  .pipe(replace(regExp.match.files, filenames))
+                  .pipe(rename(release.files.meteor))
+                  .pipe(gulp.dest(outputDirectory))
+                ;
+              })
+            ;
+          })
+        ;
+      }
+
+      tasks.push(gulp.series(
+          copyDist,
+          createNpmModule,
+          extendBower,
+          createReadme,
+          extendPackage,
+          extendComposer,
+          createReleaseNotes,
+          createMeteorPackage
+      ));
+    })(component);
+  }
+
+  gulp.series(...tasks)(callback);
+};
diff --git a/src/wwwroot/libraries/fomantic/tasks/admin/components/init.js b/src/wwwroot/libraries/fomantic/tasks/admin/components/init.js
new file mode 100644
index 0000000..c9f627a
--- /dev/null
+++ b/src/wwwroot/libraries/fomantic/tasks/admin/components/init.js
@@ -0,0 +1,169 @@
+/*******************************
+          Init Repos
+*******************************/
+
+/*
+
+ This task pulls the latest version of each component from GitHub
+
+  * Creates new repo if doesnt exist (locally & GitHub)
+  * Adds remote it doesnt exists
+  * Pulls latest changes from repo
+
+*/
+
+var
+  gulp      = require('gulp'),
+
+  // node dependencies
+  console   = require('better-console'),
+  del       = require('del'),
+  fs        = require('fs'),
+  path      = require('path'),
+  git       = require('gulp-git'),
+  mkdirp    = require('mkdirp'),
+
+  // admin files
+  github    = require('../../config/admin/github.js'),
+  release   = require('../../config/admin/release'),
+  project   = require('../../config/project/release'),
+
+
+  // oAuth configuration for GitHub
+  oAuth     = fs.existsSync(__dirname + '/../../config/admin/oauth.js')
+    ? require('../../config/admin/oauth')
+    : false,
+
+  // shorthand
+  version         = project.version
+;
+
+module.exports = function(callback) {
+
+  var
+    index = -1,
+    total = release.components.length,
+    timer,
+    stream,
+    stepRepo
+  ;
+
+  if(!oAuth) {
+    console.error('Must add oauth token for GitHub in tasks/config/admin/oauth.js');
+    return;
+  }
+
+  // Do Git commands synchronously per component, to avoid issues
+  stepRepo = function() {
+
+    index = index + 1;
+
+    if(index >= total) {
+      callback();
+      return;
+    }
+
+    var
+      component            = release.components[index],
+      outputDirectory      = path.resolve(release.outputRoot + component),
+      capitalizedComponent = component.charAt(0).toUpperCase() + component.slice(1),
+      repoName             = release.componentRepoRoot + capitalizedComponent,
+
+      gitOptions           = { cwd: outputDirectory },
+      pullOptions          = { args: '-q', cwd: outputDirectory, quiet: true },
+      resetOptions         = { args: '-q --hard', cwd: outputDirectory, quiet: true },
+
+      gitURL               = 'git@github.com:' + release.org + '/' + repoName + '.git',
+      repoURL              = 'https://github.com/' + release.org + '/' + repoName + '/',
+      localRepoSetup       = fs.existsSync(path.join(outputDirectory, '.git'))
+    ;
+
+    console.log('Processing repository: ' + outputDirectory);
+
+    // create folder if doesn't exist
+    if( !fs.existsSync(outputDirectory) ) {
+      mkdirp.sync(outputDirectory);
+    }
+
+    // clean folder
+    if(release.outputRoot.search('../repos') == 0) {
+      console.info('Cleaning dir', outputDirectory);
+      del.sync([outputDirectory + '**/*'], {silent: true, force: true});
+    }
+
+    // set-up local repo
+    function setupRepo() {
+      if(localRepoSetup) {
+        addRemote();
+      }
+      else {
+        initRepo();
+      }
+    }
+
+    function initRepo() {
+      console.info('Initializing repository for ' + component);
+      git.init(gitOptions, function(error) {
+        if(error) {
+          console.error('Error initializing repo', error);
+        }
+        addRemote();
+      });
+    }
+
+    function createRepo() {
+      console.info('Creating GitHub repo ' + repoURL);
+      github.repos.createFromOrg({
+        org      : release.org,
+        name     : repoName,
+        homepage : release.homepage
+      }, function() {
+        setupRepo();
+      });
+    }
+
+    function addRemote() {
+      console.info('Adding remote origin as ' + gitURL);
+      git.addRemote('origin', gitURL, gitOptions, function(){
+        pullFiles();
+      });
+    }
+
+    function pullFiles() {
+      console.info('Pulling ' + component + ' files');
+      git.pull('origin', 'master', pullOptions, function(error) {
+        resetFiles();
+      });
+    }
+
+    function resetFiles() {
+      console.info('Resetting files to head');
+      git.reset('HEAD', resetOptions, function(error) {
+        nextRepo();
+      });
+    }
+
+    function nextRepo() {
+      //console.log('Sleeping for 1 second...');
+      // avoid rate throttling
+      global.clearTimeout(timer);
+      timer = global.setTimeout(function() {
+        stepRepo()
+      }, 0);
+    }
+
+
+    if(localRepoSetup) {
+      pullFiles();
+    }
+    else {
+      setupRepo();
+      // createRepo() only use to create remote repo (easier to do manually)
+    }
+
+  };
+
+  stepRepo();
+
+
+};
diff --git a/src/wwwroot/libraries/fomantic/tasks/admin/components/update.js b/src/wwwroot/libraries/fomantic/tasks/admin/components/update.js
new file mode 100644
index 0000000..276c9e2
--- /dev/null
+++ b/src/wwwroot/libraries/fomantic/tasks/admin/components/update.js
@@ -0,0 +1,182 @@
+/*******************************
+          Update Repos
+*******************************/
+
+/*
+
+ This task update all SUI individual component repos with new versions of components
+
+  * Commits changes from create repo
+  * Pushes changes to GitHub
+  * Tag new releases if version changed in main repo
+
+*/
+
+var
+  gulp           = require('gulp'),
+
+  // node dependencies
+  console        = require('better-console'),
+  fs             = require('fs'),
+  path           = require('path'),
+  git            = require('gulp-git'),
+
+  // admin files
+  github         = require('../../config/admin/github.js'),
+  release        = require('../../config/admin/release'),
+  project        = require('../../config/project/release'),
+
+
+  // oAuth configuration for GitHub
+  oAuth          = fs.existsSync(__dirname + '/../../config/admin/oauth.js')
+    ? require('../../config/admin/oauth')
+    : false,
+
+  // shorthand
+  version = project.version
+;
+
+module.exports = function(callback) {
+
+  var
+    index = -1,
+    total = release.components.length,
+    timer,
+    stream,
+    stepRepo
+  ;
+
+  if(!oAuth) {
+    console.error('Must add oauth token for GitHub in tasks/config/admin/oauth.js');
+    return;
+  }
+
+  // Do Git commands synchronously per component, to avoid issues
+  stepRepo = function() {
+
+    index = index + 1;
+    if(index >= total) {
+      callback();
+      return;
+    }
+
+    var
+      component            = release.components[index],
+      outputDirectory      = path.resolve(path.join(release.outputRoot, component)),
+      capitalizedComponent = component.charAt(0).toUpperCase() + component.slice(1),
+      repoName             = release.componentRepoRoot + capitalizedComponent,
+
+      gitURL               = 'https://github.com/' + release.org + '/' + repoName + '.git',
+      repoURL              = 'https://github.com/' + release.org + '/' + repoName + '/',
+
+      commitArgs = (oAuth.name !== undefined && oAuth.email !== undefined)
+        ? '--author "' + oAuth.name + ' <' + oAuth.email + '>"'
+        : '',
+
+      componentPackage = fs.existsSync(outputDirectory + 'package.json' )
+        ? require(outputDirectory + 'package.json')
+        : false,
+
+      isNewVersion  = (version && componentPackage.version != version),
+
+      commitMessage = (isNewVersion)
+        ? 'Updated component to version ' + version
+        : 'Updated files from main repo',
+
+      gitOptions      = { cwd: outputDirectory },
+      commitOptions   = { args: commitArgs, cwd: outputDirectory },
+      releaseOptions  = { tag_name: version, owner: release.org, repo: repoName },
+
+      fileModeOptions = { args : 'config core.fileMode false', cwd: outputDirectory },
+      usernameOptions = { args : 'config user.name "' + oAuth.name + '"', cwd: outputDirectory },
+      emailOptions    = { args : 'config user.email "' + oAuth.email + '"', cwd: outputDirectory },
+      versionOptions =  { args : 'rev-parse --verify HEAD', cwd: outputDirectory },
+
+      localRepoSetup  = fs.existsSync(path.join(outputDirectory, '.git')),
+      canProceed      = true
+    ;
+
+
+    console.info('Processing repository:' + outputDirectory);
+
+    function setConfig() {
+      git.exec(fileModeOptions, function() {
+        git.exec(usernameOptions, function () {
+          git.exec(emailOptions, function () {
+            commitFiles();
+          });
+        });
+      });
+    }
+
+
+    // standard path
+    function commitFiles() {
+      // commit files
+      console.info('Committing ' + component + ' files', commitArgs);
+      gulp.src('./', gitOptions)
+        .pipe(git.add(gitOptions))
+        .pipe(git.commit(commitMessage, commitOptions))
+        .on('error', function(error) {
+          // canProceed = false; bug in git commit <https://github.com/stevelacy/gulp-git/issues/49>
+        })
+        .on('finish', function(callback) {
+          if(canProceed) {
+            pushFiles();
+          }
+          else {
+            console.info('Nothing new to commit');
+            nextRepo();
+          }
+        })
+      ;
+    }
+
+    // push changes to remote
+    function pushFiles() {
+      console.info('Pushing files for ' + component);
+      git.push('origin', 'master', { args: '', cwd: outputDirectory }, function(error) {
+        console.info('Push completed successfully');
+        getSHA();
+      });
+    }
+
+    // gets SHA of last commit
+    function getSHA() {
+      git.exec(versionOptions, function(error, version) {
+        version = version.trim();
+        createRelease(version);
+      });
+    }
+
+    // create release on GitHub.com
+    function createRelease(version) {
+      if(version) {
+        releaseOptions.target_commitish = version;
+      }
+      github.repos.createRelease(releaseOptions, function() {
+        nextRepo();
+      });
+    }
+
+    // Steps to next repository
+    function nextRepo() {
+      console.log('Sleeping for 1 second...');
+      // avoid rate throttling
+      global.clearTimeout(timer);
+      timer = global.setTimeout(stepRepo, 100);
+    }
+
+
+    if(localRepoSetup) {
+      setConfig();
+    }
+    else {
+      console.error('Repository must be setup before running update components');
+    }
+
+  };
+
+  stepRepo();
+
+};
diff --git a/src/wwwroot/libraries/fomantic/tasks/admin/distributions/create.js b/src/wwwroot/libraries/fomantic/tasks/admin/distributions/create.js
new file mode 100644
index 0000000..6fe6921
--- /dev/null
+++ b/src/wwwroot/libraries/fomantic/tasks/admin/distributions/create.js
@@ -0,0 +1,208 @@
+/*******************************
+     Create Distributions
+*******************************/
+
+/*
+ This will create individual distribution repositories for each SUI distribution
+
+  * copy distribution files to release
+  * update package.json file
+*/
+
+var
+  gulp            = require('gulp'),
+
+  // node dependencies
+  fs              = require('fs'),
+  path            = require('path'),
+  mergeStream     = require('merge-stream'),
+
+  // admin dependencies
+  flatten         = require('gulp-flatten'),
+  jsonEditor      = require('gulp-json-editor'),
+  plumber         = require('gulp-plumber'),
+  rename          = require('gulp-rename'),
+  replace         = require('gulp-replace'),
+
+  // config
+  config          = require('../../config/user'),
+  release         = require('../../config/admin/release'),
+  project         = require('../../config/project/release'),
+
+  // shorthand
+  version         = project.version,
+  output          = config.paths.output
+
+;
+
+
+module.exports = function(callback) {
+  var
+    stream,
+    index,
+    tasks = []
+  ;
+
+  for(index in release.distributions) {
+
+    var
+      distribution = release.distributions[index]
+    ;
+
+    // streams... designed to save time and make coding fun...
+    (function(distribution) {
+
+      var
+        distLowerCase   = distribution.toLowerCase(),
+        outputDirectory = path.join(release.outputRoot, distLowerCase),
+        packageFile     = path.join(outputDirectory, release.files.npm),
+        repoName        = release.distRepoRoot + distribution,
+        regExp          = {
+          match : {
+            files   : '{files}',
+            version : '{version}'
+          }
+        },
+        task = {
+          all     : distribution + ' copying files',
+          repo    : distribution + ' create repo',
+          meteor  : distribution + ' create meteor package.js',
+          package : distribution + ' create package.json'
+        },
+        gatherFiles,
+        createList
+      ;
+
+      // get files for meteor
+      gatherFiles = function(dir) {
+        var
+          dir   = dir || path.resolve('.'),
+          list  = fs.readdirSync(dir),
+          omitted = [
+            '.git',
+            'node_modules',
+            'package.js',
+            'LICENSE',
+            'README.md',
+            'package.json',
+            'bower.json',
+            '.gitignore'
+          ],
+          files = []
+        ;
+        list.forEach(function(file) {
+          var
+            isOmitted = (omitted.indexOf(file) > -1),
+            filePath  = path.join(dir, file),
+            stat      = fs.statSync(filePath)
+          ;
+          if(!isOmitted) {
+            if(stat && stat.isDirectory()) {
+              files = files.concat(gatherFiles(filePath));
+            }
+            else {
+              files.push(filePath.replace(outputDirectory + path.sep, ''));
+            }
+          }
+        });
+        return files;
+      };
+
+      // spaces out list correctly
+      createList = function(files) {
+        var filenames = '';
+        for(var file in files) {
+          if(file == (files.length - 1) ) {
+            filenames += "'" + files[file] + "'";
+          }
+          else {
+            filenames += "'" + files[file] + "',\n    ";
+          }
+        }
+        return filenames;
+      };
+
+      tasks.push(function() {
+          var
+              files     = gatherFiles(outputDirectory),
+              filenames = createList(files)
+          ;
+          gulp.src(release.templates.meteor[distLowerCase])
+              .pipe(plumber())
+              .pipe(flatten())
+              .pipe(replace(regExp.match.version, version))
+              .pipe(replace(regExp.match.files, filenames))
+              .pipe(rename(release.files.meteor))
+              .pipe(gulp.dest(outputDirectory))
+          ;
+      });
+
+      if(distribution == 'CSS') {
+        tasks.push(function() {
+          var
+            themes,
+            components,
+            releases
+          ;
+          themes = gulp.src('dist/themes/default/**/*', { base: 'dist/' })
+            .pipe(gulp.dest(outputDirectory))
+          ;
+          components = gulp.src('dist/components/*', { base: 'dist/' })
+            .pipe(gulp.dest(outputDirectory))
+          ;
+          releases = gulp.src('dist/*', { base: 'dist/' })
+            .pipe(gulp.dest(outputDirectory))
+          ;
+          return mergeStream(themes, components, releases);
+        });
+      }
+      else if(distribution == 'LESS') {
+        tasks.push(function() {
+          var
+            definitions,
+            themeImport,
+            themeConfig,
+            siteTheme,
+            themes
+          ;
+          definitions = gulp.src('src/definitions/**/*', { base: 'src/' })
+            .pipe(gulp.dest(outputDirectory))
+          ;
+          themeImport = gulp.src('src/semantic.less', { base: 'src/' })
+            .pipe(gulp.dest(outputDirectory))
+          ;
+          themeImport = gulp.src('src/theme.less', { base: 'src/' })
+            .pipe(gulp.dest(outputDirectory))
+          ;
+          themeConfig = gulp.src('src/theme.config.example', { base: 'src/' })
+            .pipe(gulp.dest(outputDirectory))
+          ;
+          siteTheme = gulp.src('src/_site/**/*', { base: 'src/' })
+            .pipe(gulp.dest(outputDirectory))
+          ;
+          themes = gulp.src('src/themes/**/*', { base: 'src/' })
+            .pipe(gulp.dest(outputDirectory))
+          ;
+          return mergeStream(definitions, themeImport, themeConfig, siteTheme, themes);
+        });
+      }
+
+      // extend package.json
+      tasks.push(function() {
+        return gulp.src(packageFile)
+          .pipe(plumber())
+          .pipe(jsonEditor(function(package) {
+            if(version) {
+              package.version = version;
+            }
+            return package;
+          }))
+          .pipe(gulp.dest(outputDirectory))
+        ;
+      });
+
+    })(distribution);
+  }
+
+  gulp.series(...tasks)(callback);
+};
\ No newline at end of file
diff --git a/src/wwwroot/libraries/fomantic/tasks/admin/distributions/init.js b/src/wwwroot/libraries/fomantic/tasks/admin/distributions/init.js
new file mode 100644
index 0000000..124e131
--- /dev/null
+++ b/src/wwwroot/libraries/fomantic/tasks/admin/distributions/init.js
@@ -0,0 +1,168 @@
+/*******************************
+        Init Dist Repos
+*******************************/
+
+/*
+
+ This task pulls the latest version of distribution from GitHub
+
+  * Creates new repo if doesnt exist (locally & GitHub)
+  * Adds remote it doesnt exists
+  * Pulls latest changes from repo
+
+*/
+
+var
+  gulp      = require('gulp'),
+
+  // node dependencies
+  console   = require('better-console'),
+  del       = require('del'),
+  fs        = require('fs'),
+  path      = require('path'),
+  git       = require('gulp-git'),
+  mkdirp    = require('mkdirp'),
+
+  // admin files
+  github    = require('../../config/admin/github.js'),
+  release   = require('../../config/admin/release'),
+  project   = require('../../config/project/release'),
+
+
+  // oAuth configuration for GitHub
+  oAuth     = fs.existsSync(__dirname + '/../../config/admin/oauth.js')
+    ? require('../../config/admin/oauth')
+    : false,
+
+  // shorthand
+  version = project.version
+;
+
+module.exports = function(callback) {
+
+  var
+    index = -1,
+    total = release.distributions.length,
+    timer,
+    stream,
+    stepRepo
+  ;
+
+  if(!oAuth) {
+    console.error('Must add oauth token for GitHub in tasks/config/admin/oauth.js');
+    return;
+  }
+
+  // Do Git commands synchronously per component, to avoid issues
+  stepRepo = function() {
+
+    index = index + 1;
+
+    if(index >= total) {
+      callback();
+      return;
+    }
+
+    var
+      component          = release.distributions[index],
+      lowerCaseComponent = component.toLowerCase(),
+      outputDirectory    = path.resolve(release.outputRoot + lowerCaseComponent),
+      repoName           = release.distRepoRoot + component,
+
+      gitOptions         = { cwd: outputDirectory },
+      pullOptions        = { args: '-q', cwd: outputDirectory, quiet: true },
+      resetOptions       = { args: '-q --hard', cwd: outputDirectory, quiet: true },
+      gitURL             = 'git@github.com:' + release.org + '/' + repoName + '.git',
+      repoURL            = 'https://github.com/' + release.org + '/' + repoName + '/',
+      localRepoSetup     = fs.existsSync(path.join(outputDirectory, '.git'))
+    ;
+
+    console.log('Processing repository: ' + outputDirectory);
+
+    // create folder if doesn't exist
+    if( !fs.existsSync(outputDirectory) ) {
+      mkdirp.sync(outputDirectory);
+    }
+
+    // clean folder
+    if(release.outputRoot.search('../repos') == 0) {
+      console.info('Cleaning dir', outputDirectory);
+      del.sync([outputDirectory + '**/*'], {silent: true, force: true});
+    }
+
+    // set-up local repo
+    function setupRepo() {
+      if(localRepoSetup) {
+        addRemote();
+      }
+      else {
+        initRepo();
+      }
+    }
+
+    function initRepo() {
+      console.info('Initializing repository for ' + component);
+      git.init(gitOptions, function(error) {
+        if(error) {
+          console.error('Error initializing repo', error);
+        }
+        addRemote();
+      });
+    }
+
+    function createRepo() {
+      console.info('Creating GitHub repo ' + repoURL);
+      github.repos.createFromOrg({
+        org      : release.org,
+        name     : repoName,
+        homepage : release.homepage
+      }, function() {
+        setupRepo();
+      });
+    }
+
+    function addRemote() {
+      console.info('Adding remote origin as ' + gitURL);
+      git.addRemote('origin', gitURL, gitOptions, function(){
+        pullFiles();
+      });
+    }
+
+    function pullFiles() {
+      console.info('Pulling ' + component + ' files');
+      git.pull('origin', 'master', pullOptions, function(error) {
+        resetFiles();
+      });
+    }
+
+    function resetFiles() {
+      console.info('Resetting files to head');
+      git.reset('HEAD', resetOptions, function(error) {
+        nextRepo();
+      });
+    }
+
+    function nextRepo() {
+      //console.log('Sleeping for 1 second...');
+      // avoid rate throttling
+      global.clearTimeout(timer);
+      timer = global.setTimeout(function() {
+        stepRepo()
+      }, 0);
+    }
+
+
+    if(localRepoSetup) {
+      pullFiles();
+    }
+    else {
+      setupRepo();
+      // createRepo() only use to create remote repo (easier to do manually)
+    }
+
+  };
+
+  stepRepo();
+
+
+};
diff --git a/src/wwwroot/libraries/fomantic/tasks/admin/distributions/update.js b/src/wwwroot/libraries/fomantic/tasks/admin/distributions/update.js
new file mode 100644
index 0000000..bc3614b
--- /dev/null
+++ b/src/wwwroot/libraries/fomantic/tasks/admin/distributions/update.js
@@ -0,0 +1,177 @@
+/*******************************
+          Update Repos
+*******************************/
+
+/*
+
+ This task update all SUI individual distribution repos with new versions of distributions
+
+  * Commits changes from create repo
+  * Pushes changes to GitHub
+  * Tag new releases if version changed in main repo
+
+*/
+
+var
+  gulp           = require('gulp'),
+
+  // node dependencies
+  console        = require('better-console'),
+  fs             = require('fs'),
+  path           = require('path'),
+  git            = require('gulp-git'),
+
+  // admin files
+  github         = require('../../config/admin/github.js'),
+  release        = require('../../config/admin/release'),
+  project        = require('../../config/project/release'),
+
+
+  // oAuth configuration for GitHub
+  oAuth          = fs.existsSync(__dirname + '/../../config/admin/oauth.js')
+    ? require('../../config/admin/oauth')
+    : false,
+
+  // shorthand
+  version = project.version
+;
+
+module.exports = function(callback) {
+
+  var
+    index = -1,
+    total = release.distributions.length,
+    timer,
+    stream,
+    stepRepo
+  ;
+
+  if(!oAuth) {
+    console.error('Must add oauth token for GitHub in tasks/config/admin/oauth.js');
+    return;
+  }
+
+  // Do Git commands synchronously per distribution, to avoid issues
+  stepRepo = function() {
+
+    index = index + 1;
+    if(index >= total) {
+      callback();
+      return;
+    }
+
+    var
+      distribution         = release.distributions[index],
+      outputDirectory      = path.resolve(path.join(release.outputRoot, distribution.toLowerCase() )),
+      repoName             = release.distRepoRoot + distribution,
+
+      commitArgs = (oAuth.name !== undefined && oAuth.email !== undefined)
+        ? '--author "' + oAuth.name + ' <' + oAuth.email + '>"'
+        : '',
+
+      distributionPackage = fs.existsSync(outputDirectory + 'package.json' )
+        ? require(outputDirectory + 'package.json')
+        : false,
+
+      isNewVersion  = (version && distributionPackage.version != version),
+
+      commitMessage = (isNewVersion)
+        ? 'Updated distribution to version ' + version
+        : 'Updated files from main repo',
+
+      gitOptions      = { cwd: outputDirectory },
+      commitOptions   = { args: commitArgs, cwd: outputDirectory },
+      releaseOptions  = { tag_name: version, owner: release.org, repo: repoName },
+
+      fileModeOptions = { args : 'config core.fileMode false', cwd: outputDirectory },
+      usernameOptions = { args : 'config user.name "' + oAuth.name + '"', cwd: outputDirectory },
+      emailOptions    = { args : 'config user.email "' + oAuth.email + '"', cwd: outputDirectory },
+      versionOptions =  { args : 'rev-parse --verify HEAD', cwd: outputDirectory },
+
+      localRepoSetup  = fs.existsSync(path.join(outputDirectory, '.git')),
+      canProceed      = true
+    ;
+
+
+    console.info('Processing repository:' + outputDirectory);
+
+    function setConfig() {
+      git.exec(fileModeOptions, function() {
+        git.exec(usernameOptions, function () {
+          git.exec(emailOptions, function () {
+            commitFiles();
+          });
+        });
+      });
+    }
+
+    // standard path
+    function commitFiles() {
+      // commit files
+      console.info('Committing ' + distribution + ' files', commitArgs);
+      gulp.src('./', gitOptions)
+        .pipe(git.add(gitOptions))
+        .pipe(git.commit(commitMessage, commitOptions))
+        .on('error', function(error) {
+          // canProceed = false; bug in git commit <https://github.com/stevelacy/gulp-git/issues/49>
+        })
+        .on('finish', function(callback) {
+          if(canProceed) {
+            pushFiles();
+          }
+          else {
+            console.info('Nothing new to commit');
+            nextRepo();
+          }
+        })
+      ;
+    }
+
+    // push changes to remote
+    function pushFiles() {
+      console.info('Pushing files for ' + distribution);
+      git.push('origin', 'master', { args: '', cwd: outputDirectory }, function(error) {
+        console.info('Push completed successfully');
+        getSHA();
+      });
+    }
+
+    // gets SHA of last commit
+    function getSHA() {
+      git.exec(versionOptions, function(error, version) {
+        version = version.trim();
+        createRelease(version);
+      });
+    }
+
+    // create release on GitHub.com
+    function createRelease(version) {
+      if(version) {
+        releaseOptions.target_commitish = version;
+      }
+      github.repos.createRelease(releaseOptions, function() {
+        nextRepo();
+      });
+    }
+
+    // Steps to next repository
+    function nextRepo() {
+      console.log('Sleeping for 1 second...');
+      // avoid rate throttling
+      global.clearTimeout(timer);
+      timer = global.setTimeout(stepRepo, 100);
+    }
+
+
+    if(localRepoSetup) {
+      setConfig();
+    }
+    else {
+      console.error('Repository must be setup before running update distributions');
+    }
+
+  };
+
+  stepRepo();
+
+};
diff --git a/src/wwwroot/libraries/fomantic/tasks/admin/publish.js b/src/wwwroot/libraries/fomantic/tasks/admin/publish.js
new file mode 100644
index 0000000..f969e17
--- /dev/null
+++ b/src/wwwroot/libraries/fomantic/tasks/admin/publish.js
@@ -0,0 +1,24 @@
+/*******************************
+ *         Release All
+ *******************************/
+
+/*
+ This task update all SUI individual component repos with new versions of components
+
+  * Commits changes from create components to GitHub and Tags
+
+*/
+
+var
+  gulp = require('gulp')
+;
+
+/* Release All */
+module.exports = function (callback) {
+
+  gulp.series(
+    'update distributions', // commit less/css versions to github
+    'update components', // commit components to github
+  )(callback);
+
+};
\ No newline at end of file
diff --git a/src/wwwroot/libraries/fomantic/tasks/admin/register.js b/src/wwwroot/libraries/fomantic/tasks/admin/register.js
new file mode 100644
index 0000000..d45dd29
--- /dev/null
+++ b/src/wwwroot/libraries/fomantic/tasks/admin/register.js
@@ -0,0 +1,55 @@
+/*******************************
+          Register PM
+*******************************/
+
+/*
+  Task to register component repos with Package Managers
+  * Registers component with bower
+  * Registers component with NPM
+*/
+
+var
+  // node dependencies
+  process = require('child_process'),
+
+  // config
+  release = require('../config/admin/release'),
+
+  // register components and distributions
+  repos   = release.distributions.concat(release.components),
+  total   = repos.length,
+  index   = -1,
+
+  stream,
+  stepRepo
+;
+
+module.exports = function(callback) {
+
+  console.log('Registering repos with package managers');
+
+  // Do Git commands synchronously per component, to avoid issues
+  stepRepo = function() {
+    index = index + 1;
+    if(index >= total) {
+      callback();
+      return;
+    }
+    var
+      repo            = repos[index].toLowerCase(),
+      outputDirectory = release.outputRoot + repo + '/',
+      exec            = process.exec,
+      execSettings    = {cwd: outputDirectory},
+      updateNPM       = 'npm publish;meteor publish;'
+    ;
+
+    /* Register with NPM */
+    exec(updateNPM, execSettings, function(err, stdout, stderr) {
+      console.log(err, stdout, stderr);
+      stepRepo();
+    });
+
+  };
+  stepRepo();
+};
+
diff --git a/src/wwwroot/libraries/fomantic/tasks/admin/release.js b/src/wwwroot/libraries/fomantic/tasks/admin/release.js
new file mode 100644
index 0000000..87962af
--- /dev/null
+++ b/src/wwwroot/libraries/fomantic/tasks/admin/release.js
@@ -0,0 +1,28 @@
+/*******************************
+ *         Release
+ *******************************/
+
+/*
+ This task update all SUI individual component repos with new versions of components
+
+  * Initializes repositories with current versions
+  * Creates local files at ../distributions/ with each repo for release
+
+*/
+
+var
+  gulp = require('gulp')
+;
+
+/* Release All */
+module.exports = function (callback) {
+
+  gulp.series(
+    //'build', // build Semantic
+    'init distributions', // sync with current github version
+    'create distributions', // update each repo with changes from master repo
+    'init components', // sync with current github version
+    'create components', // update each repo
+  )(callback);
+
+};
\ No newline at end of file
diff --git a/src/wwwroot/libraries/fomantic/tasks/build.js b/src/wwwroot/libraries/fomantic/tasks/build.js
new file mode 100644
index 0000000..0a024d3
--- /dev/null
+++ b/src/wwwroot/libraries/fomantic/tasks/build.js
@@ -0,0 +1,23 @@
+/*******************************
+ *         Build Task
+ *******************************/
+
+var
+  // dependencies
+  gulp     = require('gulp'),
+
+  // config
+  install  = require('./config/project/install')
+;
+
+module.exports = function (callback) {
+
+  console.info('Building Semantic');
+
+  if (!install.isSetup()) {
+    console.error('Cannot find semantic.json. Run "gulp install" to set-up Semantic');
+    return 1;
+  }
+
+  gulp.series('build-css', 'build-javascript', 'build-assets')(callback);
+};
diff --git a/src/wwwroot/libraries/fomantic/tasks/build/assets.js b/src/wwwroot/libraries/fomantic/tasks/build/assets.js
new file mode 100644
index 0000000..bfb0cf2
--- /dev/null
+++ b/src/wwwroot/libraries/fomantic/tasks/build/assets.js
@@ -0,0 +1,63 @@
+/*******************************
+ Build Task
+ *******************************/
+
+var
+  gulp      = require('gulp'),
+
+  // gulp dependencies
+  chmod     = require('gulp-chmod'),
+  gulpif    = require('gulp-if'),
+  normalize = require('normalize-path'),
+  print     = require('gulp-print').default,
+
+  // config
+  config    = require('../config/user'),
+  tasks     = require('../config/tasks'),
+  install   = require('../config/project/install'),
+
+  log       = tasks.log
+;
+
+function build(src, config) {
+  return gulp.src(src, {base: config.paths.source.themes})
+    .pipe(gulpif(config.hasPermissions, chmod(config.parsedPermissions)))
+    .pipe(gulp.dest(config.paths.output.themes))
+    .pipe(print(log.created))
+    ;
+}
+
+function buildAssets(src, config, callback) {
+  if (!install.isSetup()) {
+    console.error('Cannot build assets. Run "gulp install" to set-up Semantic');
+    callback();
+    return;
+  }
+
+  if (callback === undefined) {
+    callback = config;
+    config   = src;
+    src      = config.paths.source.themes + '/**/assets/**/*.*';
+  }
+
+  // copy assets
+  var assets         = () => build(src, config);
+  assets.displayName = "Building Assets";
+
+  gulp.series(assets)(callback);
+}
+
+module.exports = function (callback) {
+  buildAssets(config, callback);
+};
+
+module.exports.watch = function (type, config) {
+  gulp
+    .watch([normalize(config.paths.source.themes + '/**/assets/**/*.*')])
+    .on('all', function (event, path) {
+      console.log('Change in assets detected');
+      return gulp.series((callback) => buildAssets(path, config, callback))();
+    });
+};
+
+module.exports.buildAssets = buildAssets;
\ No newline at end of file
diff --git a/src/wwwroot/libraries/fomantic/tasks/build/css.js b/src/wwwroot/libraries/fomantic/tasks/build/css.js
new file mode 100644
index 0000000..0213f64
--- /dev/null
+++ b/src/wwwroot/libraries/fomantic/tasks/build/css.js
@@ -0,0 +1,257 @@
+/*******************************
+ *          Build Task
+ *******************************/
+
+const
+  gulp         = require('gulp'),
+
+  // node dependencies
+  console      = require('better-console'),
+
+  // gulp dependencies
+  autoprefixer = require('gulp-autoprefixer'),
+  chmod        = require('gulp-chmod'),
+  concatCSS    = require('gulp-concat-css'),
+  dedupe       = require('gulp-dedupe'),
+  flatten      = require('gulp-flatten'),
+  gulpif       = require('gulp-if'),
+  header       = require('gulp-header'),
+  less         = require('gulp-less'),
+  minifyCSS    = require('gulp-clean-css'),
+  normalize    = require('normalize-path'),
+  plumber      = require('gulp-plumber'),
+  print        = require('gulp-print').default,
+  rename       = require('gulp-rename'),
+  replace      = require('gulp-replace'),
+  replaceExt   = require('replace-ext'),
+  rtlcss       = require('gulp-rtlcss'),
+
+  // config
+  config       = require('./../config/user'),
+  docsConfig   = require('./../config/docs'),
+  tasks        = require('../config/tasks'),
+  install      = require('../config/project/install'),
+
+  // shorthand
+  globs        = config.globs,
+  assets       = config.paths.assets,
+
+  banner       = tasks.banner,
+  filenames    = tasks.filenames,
+  comments     = tasks.regExp.comments,
+  log          = tasks.log,
+  settings     = tasks.settings
+;
+
+/**
+ * Builds the css
+ * @param src
+ * @param type
+ * @param compress
+ * @param config
+ * @param opts
+ * @return {*}
+ */
+function build(src, type, compress, config, opts) {
+  let fileExtension;
+  if (type === 'rtl' && compress) {
+    fileExtension = settings.rename.rtlMinCSS;
+  } else if (type === 'rtl') {
+    fileExtension = settings.rename.rtlCSS;
+  } else if (compress) {
+    fileExtension = settings.rename.minCSS;
+  }
+
+  return gulp.src(src, opts)
+    .pipe(plumber(settings.plumber.less))
+    .pipe(less(settings.less))
+    .pipe(autoprefixer(settings.prefix))
+    .pipe(gulpif(type === 'rtl', rtlcss()))
+    .pipe(replace(comments.variables.in, comments.variables.out))
+    .pipe(replace(comments.license.in, comments.license.out))
+    .pipe(replace(comments.large.in, comments.large.out))
+    .pipe(replace(comments.small.in, comments.small.out))
+    .pipe(replace(comments.tiny.in, comments.tiny.out))
+    .pipe(flatten())
+    .pipe(replace(config.paths.assets.source,
+      compress ? config.paths.assets.compressed : config.paths.assets.uncompressed))
+    .pipe(gulpif(compress, minifyCSS(settings.minify)))
+    .pipe(gulpif(fileExtension, rename(fileExtension)))
+    .pipe(gulpif(config.hasPermissions, chmod(config.parsedPermissions)))
+    .pipe(gulp.dest(compress ? config.paths.output.compressed : config.paths.output.uncompressed))
+    .pipe(print(log.created))
+    ;
+}
+
+/**
+ * Packages the css files in dist
+ * @param {string} type - type of the css processing (none, rtl, docs)
+ * @param {boolean} compress - should the output be compressed
+ */
+function pack(type, compress) {
+  const output       = type === 'docs' ? docsConfig.paths.output : config.paths.output;
+  const ignoredGlobs = type === 'rtl' ? globs.ignoredRTL + '.rtl.css' : globs.ignored + '.css';
+
+  let concatenatedCSS;
+  if (type === 'rtl') {
+    concatenatedCSS = compress ? filenames.concatenatedMinifiedRTLCSS : filenames.concatenatedRTLCSS;
+  } else {
+    concatenatedCSS = compress ? filenames.concatenatedMinifiedCSS : filenames.concatenatedCSS;
+  }
+
+  return gulp.src(output.uncompressed + '/**/' + globs.components + ignoredGlobs)
+    .pipe(plumber())
+    .pipe(dedupe())
+    .pipe(replace(assets.uncompressed, assets.packaged))
+    .pipe(concatCSS(concatenatedCSS, settings.concatCSS))
+    .pipe(gulpif(config.hasPermissions, chmod(config.parsedPermissions)))
+    .pipe(gulpif(compress, minifyCSS(settings.concatMinify)))
+    .pipe(header(banner, settings.header))
+    .pipe(gulp.dest(output.packaged))
+    .pipe(print(log.created))
+    ;
+}
+
+function buildCSS(src, type, config, opts, callback) {
+  if (!install.isSetup()) {
+    console.error('Cannot build CSS files. Run "gulp install" to set-up Semantic');
+    callback();
+    return;
+  }
+
+  if (callback === undefined) {
+    callback = opts;
+    opts     = config;
+    config   = type;
+    type     = src;
+    src      = config.paths.source.definitions + '/**/' + config.globs.components + '.less';
+  }
+
+  const buildUncompressed       = () => build(src, type, false, config, opts);
+  buildUncompressed.displayName = 'Building uncompressed CSS';
+
+  const buildCompressed       = () => build(src, type, true, config, opts);
+  buildCompressed.displayName = 'Building compressed CSS';
+
+  const packUncompressed       = () => pack(type, false);
+  packUncompressed.displayName = 'Packing uncompressed CSS';
+
+  const packCompressed       = () => pack(type, true);
+  packCompressed.displayName = 'Packing compressed CSS';
+
+  gulp.parallel(
+    gulp.series(buildUncompressed, packUncompressed),
+    gulp.series(buildCompressed, packCompressed)
+  )(callback);
+}
+
+function rtlAndNormal(src, callback) {
+  if (callback === undefined) {
+    callback = src;
+    src      = config.paths.source.definitions + '/**/' + config.globs.components + '.less';
+  }
+
+  const rtl       = (callback) => buildCSS(src, 'rtl', config, {}, callback);
+  rtl.displayName = "CSS Right-To-Left";
+  const css       = (callback) => buildCSS(src, 'default', config, {}, callback);
+  css.displayName = "CSS";
+
+  if (config.rtl === true || config.rtl === 'Yes') {
+    rtl(callback);
+  } else if (config.rtl === 'both') {
+    gulp.series(rtl, css)(callback);
+  } else {
+    css(callback);
+  }
+}
+
+function docs(src, callback) {
+  if (callback === undefined) {
+    callback = src;
+    src      = config.paths.source.definitions + '/**/' + config.globs.components + '.less';
+  }
+
+  const func       = (callback) => buildCSS(src, 'docs', config, {}, callback);
+  func.displayName = "CSS Docs";
+
+  func(callback);
+}
+
+// Default tasks
+module.exports = rtlAndNormal;
+
+// We keep the changed files in an array to call build with all of them at the same time
+let timeout, files = [];
+
+/**
+ * Watch changes in CSS files and call the correct build pipe
+ * @param type
+ * @param config
+ */
+module.exports.watch = function (type, config) {
+  const method = type === 'docs' ? docs : rtlAndNormal;
+
+  // Watch theme.config file
+  gulp.watch([
+    normalize(config.paths.source.config),
+    normalize(config.paths.source.site + '/**/site.variables'),
+    normalize(config.paths.source.themes + '/**/site.variables')
+  ])
+    .on('all', function () {
+      // Clear timeout and reset files
+      timeout && clearTimeout(timeout);
+      files = [];
+      return gulp.series(method)();
+    });
+
+  // Watch any less / overrides / variables files
+  gulp.watch([
+    normalize(config.paths.source.definitions + '/**/*.less'),
+    normalize(config.paths.source.site + '/**/*.{overrides,variables}'),
+    normalize(config.paths.source.themes + '/**/*.{overrides,variables}')
+  ])
+    .on('all', function (event, path) {
+      // We don't handle deleted files yet
+      if (event === 'unlink' || event === 'unlinkDir') {
+        return;
+      }
+
+      // Clear timeout
+      timeout && clearTimeout(timeout);
+
+      // Determine which LESS file has to be recompiled
+      let lessPath;
+      if(path.indexOf('site.variables') !== -1)  {
+        return;
+      } else if (path.indexOf(config.paths.source.themes) !== -1) {
+        console.log('Change detected in packaged theme');
+        lessPath = replaceExt(path, '.less');
+        lessPath = lessPath.replace(tasks.regExp.theme, config.paths.source.definitions);
+      } else if (path.indexOf(config.paths.source.site) !== -1) {
+        console.log('Change detected in site theme');
+        lessPath = replaceExt(path, '.less');
+        lessPath = lessPath.replace(config.paths.source.site, config.paths.source.definitions);
+      } else {
+        console.log('Change detected in definition');
+        lessPath = path;
+      }
+
+      // Add file to internal changed files array
+      if (!files.includes(lessPath)) {
+        files.push(lessPath);
+      }
+
+      // Update timeout
+      timeout = setTimeout(() => {
+        // Copy files to build in another array
+        const buildFiles = [...files];
+        // Call method
+        gulp.series((callback) => method(buildFiles, callback))();
+        // Reset internal changed files array
+        files = [];
+      }, 1000);
+    });
+};
+
+// Expose build css method
+module.exports.buildCSS = buildCSS;
\ No newline at end of file
diff --git a/src/wwwroot/libraries/fomantic/tasks/build/javascript.js b/src/wwwroot/libraries/fomantic/tasks/build/javascript.js
new file mode 100644
index 0000000..3c97010
--- /dev/null
+++ b/src/wwwroot/libraries/fomantic/tasks/build/javascript.js
@@ -0,0 +1,152 @@
+/*******************************
+ Build Task
+ *******************************/
+
+const
+  gulp       = require('gulp'),
+
+  // node dependencies
+  console    = require('better-console'),
+
+  // gulp dependencies
+  chmod      = require('gulp-chmod'),
+  concat     = require('gulp-concat'),
+  dedupe     = require('gulp-dedupe'),
+  flatten    = require('gulp-flatten'),
+  gulpif     = require('gulp-if'),
+  header     = require('gulp-header'),
+  normalize  = require('normalize-path'),
+  plumber    = require('gulp-plumber'),
+  print      = require('gulp-print').default,
+  rename     = require('gulp-rename'),
+  replace    = require('gulp-replace'),
+  uglify     = require('gulp-uglify'),
+
+  // config
+  config     = require('./../config/user'),
+  docsConfig = require('./../config/docs'),
+  tasks      = require('../config/tasks'),
+  install    = require('../config/project/install'),
+
+  // shorthand
+  globs      = config.globs,
+  assets     = config.paths.assets,
+
+  banner     = tasks.banner,
+  filenames  = tasks.filenames,
+  comments   = tasks.regExp.comments,
+  log        = tasks.log,
+  settings   = tasks.settings
+;
+
+/**
+ * Concat and uglify the Javascript files
+ * @param {string|array} src - source files
+ * @param type
+ * @param config
+ * @return {*}
+ */
+function build(src, type, config) {
+  return gulp.src(src)
+    .pipe(plumber())
+    .pipe(flatten())
+    .pipe(replace(comments.license.in, comments.license.out))
+    .pipe(gulpif(config.hasPermissions, chmod(config.parsedPermissions)))
+    .pipe(gulp.dest(config.paths.output.uncompressed))
+    .pipe(print(log.created))
+    .pipe(uglify(settings.uglify))
+    .pipe(rename(settings.rename.minJS))
+    .pipe(header(banner, settings.header))
+    .pipe(gulpif(config.hasPermissions, chmod(config.parsedPermissions)))
+    .pipe(gulp.dest(config.paths.output.compressed))
+    .pipe(print(log.created))
+    ;
+}
+
+/**
+ * Packages the Javascript files in dist
+ * @param {string} type - type of the js processing (none, rtl, docs)
+ * @param {boolean} compress - should the output be compressed
+ */
+function pack(type, compress) {
+  const output         = type === 'docs' ? docsConfig.paths.output : config.paths.output;
+  const concatenatedJS = compress ? filenames.concatenatedMinifiedJS : filenames.concatenatedJS;
+
+  return gulp.src(output.uncompressed + '/**/' + globs.components + globs.ignored + '.js')
+    .pipe(plumber())
+    .pipe(dedupe())
+    .pipe(replace(assets.uncompressed, assets.packaged))
+    .pipe(concat(concatenatedJS))
+    .pipe(gulpif(compress, uglify(settings.concatUglify)))
+    .pipe(header(banner, settings.header))
+    .pipe(gulpif(config.hasPermissions, chmod(config.parsedPermissions)))
+    .pipe(gulp.dest(output.packaged))
+    .pipe(print(log.created))
+    ;
+}
+
+function buildJS(src, type, config, callback) {
+  if (!install.isSetup()) {
+    console.error('Cannot build Javascript. Run "gulp install" to set-up Semantic');
+    callback();
+    return;
+  }
+
+  if (callback === undefined) {
+    callback = config;
+    config   = type;
+    type     = src;
+    src      = config.paths.source.definitions + '/**/' + config.globs.components + (config.globs.ignored || '') + '.js';
+  }
+
+  // copy source javascript
+  const js       = () => build(src, type, config);
+  js.displayName = "Building un/compressed Javascript";
+
+  const packUncompressed       = () => pack(type, false);
+  packUncompressed.displayName = 'Packing uncompressed Javascript';
+
+  const packCompressed       = () => pack(type, true);
+  packCompressed.displayName = 'Packing compressed Javascript';
+
+  gulp.series(js, gulp.parallel(packUncompressed, packCompressed))(callback);
+}
+
+module.exports = function (callback) {
+  buildJS(false, config, callback);
+};
+
+// We keep the changed files in an array to call build with all of them at the same time
+let timeout, files = [];
+
+module.exports.watch = function (type, config) {
+  gulp
+    .watch([normalize(config.paths.source.definitions + '/**/*.js')])
+    .on('all', function (event, path) {
+      // We don't handle deleted files yet
+      if (event === 'unlink' || event === 'unlinkDir') {
+        return;
+      }
+
+      // Clear timeout
+      timeout && clearTimeout(timeout);
+
+      // Add file to internal changed files array
+      if (!files.includes(path)) {
+        files.push(path);
+      }
+
+      // Update timeout
+      timeout = setTimeout(() => {
+        console.log('Change in javascript detected');
+        // Copy files to build in another array
+        const buildFiles = [...files];
+        // Call method
+        gulp.series((callback) => buildJS(buildFiles, type, config, callback))();
+        // Reset internal changed files array
+        files = [];
+      }, 1000);
+    });
+};
+
+module.exports.buildJS = buildJS;
\ No newline at end of file
diff --git a/src/wwwroot/libraries/fomantic/tasks/check-install.js b/src/wwwroot/libraries/fomantic/tasks/check-install.js
new file mode 100644
index 0000000..a82297e
--- /dev/null
+++ b/src/wwwroot/libraries/fomantic/tasks/check-install.js
@@ -0,0 +1,27 @@
+/*******************************
+ *        Check Install
+ *******************************/
+
+var
+  // node dependencies
+  gulp    = require('gulp'),
+  console = require('better-console'),
+  isSetup = require('./config/project/install').isSetup,
+
+  install = require('./install'),
+  watch   = require('./watch')
+;
+
+// export task
+module.exports = function (callback) {
+
+  setTimeout(function () {
+    if (!isSetup()) {
+      console.log('Starting install...');
+      install(callback);
+    } else {
+      watch(callback);
+    }
+  }, 50); // Delay to allow console.clear to remove messages from check event
+
+};
\ No newline at end of file
diff --git a/src/wwwroot/libraries/fomantic/tasks/clean.js b/src/wwwroot/libraries/fomantic/tasks/clean.js
new file mode 100644
index 0000000..262cf21
--- /dev/null
+++ b/src/wwwroot/libraries/fomantic/tasks/clean.js
@@ -0,0 +1,14 @@
+/*******************************
+          Clean Task
+*******************************/
+
+var
+  del    = require('del'),
+  config = require('./config/user'),
+  tasks  = require('./config/tasks')
+;
+
+// cleans distribution files
+module.exports = function() {
+  return del([config.paths.clean], tasks.settings.del);
+};
\ No newline at end of file
diff --git a/src/wwwroot/libraries/fomantic/tasks/collections/README.md b/src/wwwroot/libraries/fomantic/tasks/collections/README.md
new file mode 100644
index 0000000..1cae511
--- /dev/null
+++ b/src/wwwroot/libraries/fomantic/tasks/collections/README.md
@@ -0,0 +1,16 @@
+## How to use
+
+These are collections of tasks that are imported together.
+
+To import them into gulp:
+```javascript
+var
+  gulp    = require('gulp'),
+  // modified to point to semantic folder
+  install = require('tasks/collections/install')
+;
+gulp = install(gulp);
+
+// tasks are now injected and ready to be used
+gulp.start('install');
+```
\ No newline at end of file
diff --git a/src/wwwroot/libraries/fomantic/tasks/collections/admin.js b/src/wwwroot/libraries/fomantic/tasks/collections/admin.js
new file mode 100644
index 0000000..4a40c1f
--- /dev/null
+++ b/src/wwwroot/libraries/fomantic/tasks/collections/admin.js
@@ -0,0 +1,64 @@
+/*******************************
+ *    Admin Task Collection
+ *******************************/
+
+/*
+  This are tasks to be run by project maintainers
+  - Creating Component Repos
+  - Syncing with GitHub via APIs
+  - Modifying package files
+*/
+
+/*******************************
+ *            Tasks
+ *******************************/
+
+
+module.exports = function (gulp) {
+  var
+    // less/css distributions
+    initComponents      = require('../admin/components/init'),
+    createComponents    = require('../admin/components/create'),
+    updateComponents    = require('../admin/components/update'),
+
+    // single component releases
+    initDistributions   = require('../admin/distributions/init'),
+    createDistributions = require('../admin/distributions/create'),
+    updateDistributions = require('../admin/distributions/update'),
+
+    release             = require('../admin/release'),
+    publish             = require('../admin/publish'),
+    register            = require('../admin/register')
+  ;
+
+  /* Release */
+  gulp.task('init distributions', initDistributions);
+  gulp.task('init distributions').description = 'Grabs each component from GitHub';
+
+  gulp.task('create distributions', createDistributions);
+  gulp.task('create distributions').description = 'Updates files in each repo';
+
+  gulp.task('init components', initComponents);
+  gulp.task('init components').description = 'Grabs each component from GitHub';
+
+  gulp.task('create components', createComponents);
+  gulp.task('create components').description = 'Updates files in each repo';
+
+  /* Publish */
+  gulp.task('update distributions', updateDistributions);
+  gulp.task('update distributions').description = 'Commits component updates from create to GitHub';
+
+  gulp.task('update components', updateComponents);
+  gulp.task('update components').description = 'Commits component updates from create to GitHub';
+
+  /* Tasks */
+  gulp.task('release', release);
+  gulp.task('release').description = 'Stages changes in GitHub repos for all distributions';
+
+  gulp.task('publish', publish);
+  gulp.task('publish').description = 'Publishes all releases (components, package)';
+
+  gulp.task('register', register);
+  gulp.task('register').description = 'Registers all packages with NPM';
+
+};
\ No newline at end of file
diff --git a/src/wwwroot/libraries/fomantic/tasks/collections/build.js b/src/wwwroot/libraries/fomantic/tasks/collections/build.js
new file mode 100644
index 0000000..4750e2f
--- /dev/null
+++ b/src/wwwroot/libraries/fomantic/tasks/collections/build.js
@@ -0,0 +1,32 @@
+/*******************************
+ *    Define Build Sub-Tasks
+ *******************************/
+
+module.exports = function (gulp) {
+
+  // build sub-tasks
+  const
+    watch       = require('./../watch'),
+
+    build       = require('./../build'),
+    buildJS     = require('./../build/javascript'),
+    buildCSS    = require('./../build/css'),
+    buildAssets = require('./../build/assets')
+  ;
+
+  gulp.task('watch', watch);
+  gulp.task('watch').description = 'Watch for site/theme changes';
+
+  gulp.task('build', build);
+  gulp.task('build').description = 'Builds all files from source';
+
+  gulp.task('build-javascript', buildJS);
+  gulp.task('build-javascript').description = 'Builds all javascript from source';
+
+  gulp.task('build-css', buildCSS);
+  gulp.task('build-css').description = 'Builds all css from source';
+
+  gulp.task('build-assets', buildAssets);
+  gulp.task('build-assets').description = 'Copies all assets from source';
+
+};
diff --git a/src/wwwroot/libraries/fomantic/tasks/collections/docs.js b/src/wwwroot/libraries/fomantic/tasks/collections/docs.js
new file mode 100644
index 0000000..ffb9452
--- /dev/null
+++ b/src/wwwroot/libraries/fomantic/tasks/collections/docs.js
@@ -0,0 +1,23 @@
+/*******************************
+ *     Define Docs Sub-Tasks
+ *******************************/
+
+/*
+  Lets you serve files to a local documentation instance
+  https://github.com/Semantic-Org/Semantic-UI-Docs/
+*/
+module.exports = function (gulp) {
+
+  var
+    // docs tasks
+    serveDocs = require('./../docs/serve'),
+    buildDocs = require('./../docs/build')
+  ;
+
+  gulp.task('serve-docs', serveDocs);
+  gulp.task('serve-docs').description = 'Serve file changes to SUI Docs';
+
+  gulp.task('build-docs', buildDocs);
+  gulp.task('build-docs').description = 'Build all files and add to SUI Docs';
+
+};
diff --git a/src/wwwroot/libraries/fomantic/tasks/collections/install.js b/src/wwwroot/libraries/fomantic/tasks/collections/install.js
new file mode 100644
index 0000000..7f172c3
--- /dev/null
+++ b/src/wwwroot/libraries/fomantic/tasks/collections/install.js
@@ -0,0 +1,23 @@
+/*******************************
+ *   Define Install Sub-Tasks
+ *******************************/
+
+/*
+  Lets you serve files to a local documentation instance
+  https://github.com/Semantic-Org/Semantic-UI-Docs/
+*/
+module.exports = function (gulp) {
+
+  var
+    // docs tasks
+    install      = require('./../install'),
+    checkInstall = require('./../check-install')
+  ;
+
+  gulp.task('install', install);
+  gulp.task('install').description = 'Runs set-up';
+
+  gulp.task('check-install', checkInstall);
+  gulp.task('check-install').description = 'Displays current version of Semantic';
+
+};
diff --git a/src/wwwroot/libraries/fomantic/tasks/collections/rtl.js b/src/wwwroot/libraries/fomantic/tasks/collections/rtl.js
new file mode 100644
index 0000000..3eae606
--- /dev/null
+++ b/src/wwwroot/libraries/fomantic/tasks/collections/rtl.js
@@ -0,0 +1,19 @@
+/*******************************
+ *     Define RTL Sub-Tasks
+ *******************************/
+
+module.exports = function (gulp) {
+
+  // rtl
+  var
+    buildRTL = require('./../rtl/build'),
+    watchRTL = require('./../rtl/watch')
+  ;
+
+  gulp.task('watch-rtl', watchRTL);
+  gulp.task('watch-rtl').description = 'DEPRECATED - use \'watch\' instead - Watch files as RTL';
+
+  gulp.task('build-rtl', buildRTL);
+  gulp.task('build-rtl').description = 'DEPRECATED - use \'build\' instead - Build all files as RTL';
+
+};
diff --git a/src/wwwroot/libraries/fomantic/tasks/collections/various.js b/src/wwwroot/libraries/fomantic/tasks/collections/various.js
new file mode 100644
index 0000000..39d0a2c
--- /dev/null
+++ b/src/wwwroot/libraries/fomantic/tasks/collections/various.js
@@ -0,0 +1,22 @@
+/*******************************
+ *   Define Various Sub-Tasks
+ *******************************/
+
+/*
+  Lets you serve files to a local documentation instance
+  https://github.com/Semantic-Org/Semantic-UI-Docs/
+*/
+module.exports = function (gulp) {
+
+  var
+    clean   = require('./../clean'),
+    version = require('./../version')
+  ;
+
+  gulp.task('clean', clean);
+  gulp.task('clean').description = 'Clean dist folder';
+
+  gulp.task('version', version);
+  gulp.task('version').description = 'Clean dist folder';
+
+};
diff --git a/src/wwwroot/libraries/fomantic/tasks/config/admin/github.js b/src/wwwroot/libraries/fomantic/tasks/config/admin/github.js
new file mode 100644
index 0000000..a2c9e20
--- /dev/null
+++ b/src/wwwroot/libraries/fomantic/tasks/config/admin/github.js
@@ -0,0 +1,37 @@
+/*******************************
+          GitHub Login
+*******************************/
+/*
+  Logs into GitHub using OAuth
+*/
+
+var
+  fs          = require('fs'),
+  path        = require('path'),
+  githubAPI   = require('@octokit/rest'),
+
+  // stores oauth info for GitHub API
+  oAuthConfig = path.join(__dirname, 'oauth.js'),
+  oAuth       = fs.existsSync(oAuthConfig)
+    ? require(oAuthConfig)
+    : false,
+  github
+;
+
+if(!oAuth) {
+  console.error('Must add oauth token for GitHub in tasks/config/admin/oauth.js');
+}
+
+github = new githubAPI({
+  version    : '3.0.0',
+  debug      : true,
+  protocol   : 'https',
+  timeout    : 5000
+});
+
+github.authenticate({
+  type: 'oauth',
+  token: oAuth.token
+});
+
+module.exports = github;
diff --git a/src/wwwroot/libraries/fomantic/tasks/config/admin/oauth.example.js b/src/wwwroot/libraries/fomantic/tasks/config/admin/oauth.example.js
new file mode 100644
index 0000000..c4d864a
--- /dev/null
+++ b/src/wwwroot/libraries/fomantic/tasks/config/admin/oauth.example.js
@@ -0,0 +1,11 @@
+/*
+ Used to import GitHub Auth Token
+ To Automate GitHub Updates
+*/
+
+module.exports = {
+  token    : 'AN-OAUTH2-TOKEN',
+  username : 'github-username',
+  name     : 'Your Name',
+  email    : 'user@email.com'
+};
\ No newline at end of file
diff --git a/src/wwwroot/libraries/fomantic/tasks/config/admin/release.js b/src/wwwroot/libraries/fomantic/tasks/config/admin/release.js
new file mode 100644
index 0000000..0eb61e4
--- /dev/null
+++ b/src/wwwroot/libraries/fomantic/tasks/config/admin/release.js
@@ -0,0 +1,117 @@
+/*******************************
+        Release Settings
+*******************************/
+
+// release settings
+module.exports = {
+
+  // path to components for repos
+  source     : './dist/components/',
+
+  // modified asset paths for component repos
+  paths: {
+    source : '../themes/default/assets/',
+    output : 'assets/'
+  },
+
+  templates: {
+    bower    : './tasks/config/admin/templates/bower.json',
+    composer : './tasks/config/admin/templates/composer.json',
+    package  : './tasks/config/admin/templates/package.json',
+    meteor   : {
+      css       : './tasks/config/admin/templates/css-package.js',
+      component : './tasks/config/admin/templates/component-package.js',
+      less      : './tasks/config/admin/templates/less-package.js',
+    },
+    readme : './tasks/config/admin/templates/README.md',
+    notes  : './RELEASE-NOTES.md'
+  },
+
+  org         : 'Semantic-Org',
+  repo        : 'Semantic-UI',
+
+  // files created for package managers
+  files: {
+    composer : 'composer.json',
+    config   : 'semantic.json',
+    npm      : 'package.json',
+    meteor   : 'package.js'
+  },
+
+  // root name for distribution repos
+  distRepoRoot      : 'Semantic-UI-',
+
+  // root name for single component repos
+  componentRepoRoot : 'UI-',
+
+  // root name for package managers
+  packageRoot          : 'semantic-ui-',
+
+  // root path to repos
+  outputRoot  : '../repos/',
+
+  homepage    : 'http://www.semantic-ui.com',
+
+  // distributions that get separate repos
+  distributions: [
+    'LESS',
+    'CSS'
+  ],
+
+  // components that get separate repositories for bower/npm
+  components : [
+    'accordion',
+    'ad',
+    'api',
+    'breadcrumb',
+    'button',
+    'card',
+    'calendar',
+    'checkbox',
+    'comment',
+    'container',
+    'dimmer',
+    'divider',
+    'dropdown',
+    'embed',
+    'emoji',
+    'feed',
+    'flag',
+    'form',
+    'grid',
+    'header',
+    'icon',
+    'image',
+    'input',
+    'item',
+    'label',
+    'list',
+    'loader',
+    'menu',
+    'message',
+    'modal',
+    'nag',
+    'placeholder',
+    'popup',
+    'progress',
+    'rail',
+    'slider',
+    'rating',
+    'reset',
+    'reveal',
+    'search',
+    'segment',
+    'shape',
+    'sidebar',
+    'site',
+    'statistic',
+    'step',
+    'sticky',
+    'tab',
+    'table',
+    'text',
+    'toast',
+    'transition',
+    'visibility'
+  ]
+};
diff --git a/src/wwwroot/libraries/fomantic/tasks/config/admin/templates/README.md b/src/wwwroot/libraries/fomantic/tasks/config/admin/templates/README.md
new file mode 100644
index 0000000..ec1d4eb
--- /dev/null
+++ b/src/wwwroot/libraries/fomantic/tasks/config/admin/templates/README.md
@@ -0,0 +1,32 @@
+# Semantic {Component}
+
+This repository contains pre-compiled {component} files using the default themes. This is intended for use in projects that do not need all the bells and whistles of Semantic UI, and want to keep file size to a minimum.
+
+For the latest changes please see the [Release Notes](https://github.com/Semantic-Org/UI-{Component}/blob/master/RELEASE-NOTES.md)
+
+**Special Note**
+An update in `2.0.8` has fixed an issue which may have prevented some single component modules from working correctly. Please see notes in [this pull request](https://github.com/Semantic-Org/Semantic-UI/pull/2816).
+
+If you're looking for the full version of Semantic including all components and build tools [check out the main project repository](https://github.com/Semantic-Org/Semantic-UI/tree/1.0)
+
+#### To install with Bower
+```
+bower install semantic-ui-{component}
+```
+
+#### To install with NPM
+```
+npm install semantic-ui-{component}
+```
+
+#### To install with Meteor
+```
+meteor add semantic:ui-{component}
+```
+
+
+## Addendum
+
+This element's definitions (required class names, html structures) are available in the [UI Docs](http://www.semantic-ui.com)
+
+Please consider checking out [all the benefits to theming](http://www.learnsemantic.com/guide/expert.html) before using these stand-alone releases.
diff --git a/src/wwwroot/libraries/fomantic/tasks/config/admin/templates/bower.json b/src/wwwroot/libraries/fomantic/tasks/config/admin/templates/bower.json
new file mode 100644
index 0000000..ab4951a
--- /dev/null
+++ b/src/wwwroot/libraries/fomantic/tasks/config/admin/templates/bower.json
@@ -0,0 +1,29 @@
+{
+  "name"        : "Component",
+  "description" : "Component distribution",
+  "homepage"    : "http://www.semantic-ui.com",
+  "author": {
+    "name" : "Jack Lukic",
+    "web"  : "http://www.jacklukic.com"
+  },
+  "ignore": [
+    "./index.js"
+  ],
+  "keywords": [
+    "semantic",
+    "ui",
+    "css3",
+    "framework"
+  ],
+  "license" : [
+    "http://semantic-ui.mit-license.org/"
+  ],
+  "ignore": [
+    "docs",
+    "node",
+    "server",
+    "spec",
+    "src",
+    "test"
+  ]
+}
diff --git a/src/wwwroot/libraries/fomantic/tasks/config/admin/templates/component-package.js b/src/wwwroot/libraries/fomantic/tasks/config/admin/templates/component-package.js
new file mode 100644
index 0000000..74cd51b
--- /dev/null
+++ b/src/wwwroot/libraries/fomantic/tasks/config/admin/templates/component-package.js
@@ -0,0 +1,14 @@
+
+Package.describe({
+  name    : 'semantic:ui-{component}',
+  summary : 'Semantic UI - {Component}: Single component release',
+  version : '{version}',
+  git     : 'git://github.com/Semantic-Org/UI-{Component}.git',
+});
+
+Package.onUse(function(api) {
+  api.versionsFrom('1.0');
+  api.addFiles([
+    {files}
+  ], 'client');
+});
diff --git a/src/wwwroot/libraries/fomantic/tasks/config/admin/templates/composer.json b/src/wwwroot/libraries/fomantic/tasks/config/admin/templates/composer.json
new file mode 100644
index 0000000..ddc49b9
--- /dev/null
+++ b/src/wwwroot/libraries/fomantic/tasks/config/admin/templates/composer.json
@@ -0,0 +1,22 @@
+{
+  "name"        : "fomantic/ui",
+  "description" : "Fomantic empowers designers and developers by creating a shared vocabulary for UI.",
+  "homepage"    : "https://fomantic-ui.com",
+  "authors": [
+    {
+      "name" : "Jack Lukic",
+      "email": "jacklukic@gmail.com",
+      "homepage"  : "http://www.jacklukic.com",
+      "role" : "Creator"
+    }
+  ],
+  "keywords": [
+    "fomantic",
+    "fomantic-ui",
+    "semantic",
+    "ui",
+    "css",
+    "framework"
+  ],
+  "license" : "MIT"
+}
\ No newline at end of file
diff --git a/src/wwwroot/libraries/fomantic/tasks/config/admin/templates/css-package.js b/src/wwwroot/libraries/fomantic/tasks/config/admin/templates/css-package.js
new file mode 100644
index 0000000..0949ce3
--- /dev/null
+++ b/src/wwwroot/libraries/fomantic/tasks/config/admin/templates/css-package.js
@@ -0,0 +1,34 @@
+var
+  where = 'client' // Adds files only to the client
+;
+
+Package.describe({
+  name    : 'semantic:ui-css',
+  summary : 'Semantic UI - CSS Release of Semantic UI',
+  version : '{version}',
+  git     : 'git://github.com/Semantic-Org/Semantic-UI-CSS.git',
+});
+
+Package.onUse(function(api) {
+
+  api.versionsFrom('1.0');
+
+  api.use('jquery', 'client');
+
+  api.addFiles([
+    // icons
+    'themes/default/assets/fonts/icons.eot',
+    'themes/default/assets/fonts/icons.svg',
+    'themes/default/assets/fonts/icons.ttf',
+    'themes/default/assets/fonts/icons.woff',
+    'themes/default/assets/fonts/icons.woff2',
+
+    // flags
+    'themes/default/assets/images/flags.png',
+
+    // release
+    'semantic.css',
+    'semantic.js'
+  ], 'client');
+
+});
diff --git a/src/wwwroot/libraries/fomantic/tasks/config/admin/templates/less-package.js b/src/wwwroot/libraries/fomantic/tasks/config/admin/templates/less-package.js
new file mode 100644
index 0000000..e2f8a25
--- /dev/null
+++ b/src/wwwroot/libraries/fomantic/tasks/config/admin/templates/less-package.js
@@ -0,0 +1,21 @@
+var
+  where = 'client' // Adds files only to the client
+;
+
+Package.describe({
+  name    : 'semantic:ui',
+  summary : 'Semantic UI - LESS Release of Semantic UI',
+  version : '{version}',
+  git     : 'git://github.com/Semantic-Org/Semantic-UI-LESS.git',
+});
+
+Package.onUse(function(api) {
+
+  api.versionsFrom('1.0');
+  api.use('less', 'client');
+
+  api.addFiles([
+    {files}
+  ], 'client');
+
+});
diff --git a/src/wwwroot/libraries/fomantic/tasks/config/admin/templates/package.json b/src/wwwroot/libraries/fomantic/tasks/config/admin/templates/package.json
new file mode 100644
index 0000000..5d96785
--- /dev/null
+++ b/src/wwwroot/libraries/fomantic/tasks/config/admin/templates/package.json
@@ -0,0 +1,17 @@
+{
+  "name": "semantic",
+  "version": "1.0.0",
+  "title": "Semantic UI",
+  "description": "Semantic empowers designers and developers by creating a shared vocabulary for UI.",
+  "homepage": "http://www.semantic-ui.com",
+  "author": "Jack Lukic <jack@semantic-ui.com>",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git://github.com/Semantic-Org/Semantic-UI.git"
+  },
+  "bugs": {
+    "url": "https://github.com/Semantic-Org/Semantic-UI/issues"
+  },
+  "devDependencies": {}
+}
diff --git a/src/wwwroot/libraries/fomantic/tasks/config/defaults.js b/src/wwwroot/libraries/fomantic/tasks/config/defaults.js
new file mode 100644
index 0000000..0fcf3e1
--- /dev/null
+++ b/src/wwwroot/libraries/fomantic/tasks/config/defaults.js
@@ -0,0 +1,123 @@
+/*******************************
+          Default Paths
+*******************************/
+
+module.exports = {
+
+  // base path added to all other paths
+  base : '',
+
+  // base path when installed with npm
+  pmRoot: 'semantic/',
+
+  // octal permission for output files, i.e. 0o644 or '644' (false does not adjust)
+  permission : '744',
+
+  // whether to generate rtl files
+  rtl        : false,
+
+  // file paths
+  files: {
+    config   : 'semantic.json',
+    site     : 'src/site',
+    theme    : 'src/theme.config'
+  },
+
+  // folder paths
+  paths: {
+    source: {
+      config      : 'src/theme.config',
+      definitions : 'src/definitions/',
+      site        : 'src/site/',
+      themes      : 'src/themes/'
+    },
+    output: {
+      packaged     : 'dist/',
+      uncompressed : 'dist/components/',
+      compressed   : 'dist/components/',
+      themes       : 'dist/themes/'
+    },
+    clean : 'dist/'
+  },
+
+  // components to include in package
+  components: [
+
+    // global
+    'reset',
+    'site',
+
+    // elements
+    'button',
+    'container',
+    'divider',
+    'emoji',
+    'flag',
+    'header',
+    'icon',
+    'image',
+    'input',
+    'label',
+    'list',
+    'loader',
+    'placeholder',
+    'rail',
+    'reveal',
+    'segment',
+    'step',
+    'text',
+
+    // collections
+    'breadcrumb',
+    'form',
+    'grid',
+    'menu',
+    'message',
+    'table',
+
+    // views
+    'ad',
+    'card',
+    'comment',
+    'feed',
+    'item',
+    'statistic',
+
+    // modules
+    'accordion',
+    'calendar',
+    'checkbox',
+    'dimmer',
+    'dropdown',
+    'embed',
+    'modal',
+    'nag',
+    'popup',
+    'progress',
+    'slider',
+    'rating',
+    'search',
+    'shape',
+    'sidebar',
+    'sticky',
+    'tab',
+    'toast',
+    'transition',
+
+    // behaviors
+    'api',
+    'form',
+    'state',
+    'visibility'
+  ],
+
+  // whether to load admin tasks
+  admin: false,
+
+  // globs used for matching file patterns
+  globs      : {
+    ignored    : '!(*.min|*.map|*.rtl)',
+    ignoredRTL : '!(*.min|*.map)'
+  }
+
+};
diff --git a/src/wwwroot/libraries/fomantic/tasks/config/docs.js b/src/wwwroot/libraries/fomantic/tasks/config/docs.js
new file mode 100644
index 0000000..d04b095
--- /dev/null
+++ b/src/wwwroot/libraries/fomantic/tasks/config/docs.js
@@ -0,0 +1,32 @@
+/*******************************
+             Docs
+*******************************/
+
+/* Paths used for "serve-docs" and "build-docs" tasks */
+module.exports = {
+  base: '',
+  globs: {
+    eco: '**/*.html.eco'
+  },
+  paths: {
+    clean: '../docs/out/dist/',
+    source: {
+      config      : 'src/theme.config',
+      definitions : 'src/definitions/',
+      site        : 'src/site/',
+      themes      : 'src/themes/'
+    },
+    output: {
+      examples     : '../docs/out/examples/',
+      less         : '../docs/out/src/',
+      metadata     : '../docs/out/',
+      packaged     : '../docs/out/dist/',
+      uncompressed : '../docs/out/dist/components/',
+      compressed   : '../docs/out/dist/components/',
+      themes       : '../docs/out/dist/themes/'
+    },
+    template: {
+      eco: '../docs/server/documents/'
+    },
+  }
+};
diff --git a/src/wwwroot/libraries/fomantic/tasks/config/npm/gulpfile.js b/src/wwwroot/libraries/fomantic/tasks/config/npm/gulpfile.js
new file mode 100644
index 0000000..92de1c8
--- /dev/null
+++ b/src/wwwroot/libraries/fomantic/tasks/config/npm/gulpfile.js
@@ -0,0 +1,34 @@
+/*******************************
+ *           Set-up
+ *******************************/
+
+var
+  gulp   = require('gulp'),
+
+  // read user config to know what task to load
+  config = require('./tasks/config/user')
+;
+
+
+/*******************************
+ *            Tasks
+ *******************************/
+
+require('./tasks/collections/build')(gulp);
+require('./tasks/collections/install')(gulp);
+
+gulp.task('default', gulp.series('watch'));
+
+/*--------------
+      Docs
+---------------*/
+
+require('./tasks/collections/docs')(gulp);
+
+/*--------------
+      RTL
+---------------*/
+
+if (config.rtl) {
+  require('./tasks/collections/rtl')(gulp);
+}
\ No newline at end of file
diff --git a/src/wwwroot/libraries/fomantic/tasks/config/project/config.js b/src/wwwroot/libraries/fomantic/tasks/config/project/config.js
new file mode 100644
index 0000000..49e1f18
--- /dev/null
+++ b/src/wwwroot/libraries/fomantic/tasks/config/project/config.js
@@ -0,0 +1,143 @@
+/*******************************
+            Set-up
+*******************************/
+
+var
+  extend   = require('extend'),
+  fs       = require('fs'),
+  path     = require('path'),
+
+  defaults = require('../defaults')
+;
+
+
+/*******************************
+            Exports
+*******************************/
+
+module.exports = {
+
+  getPath: function(file, directory) {
+    var
+      configPath,
+      walk = function(directory) {
+        var
+          nextDirectory = path.resolve( path.join(directory, path.sep, '..') ),
+          currentPath   = path.normalize( path.join(directory, file) )
+        ;
+        if( fs.existsSync(currentPath) ) {
+          // found file
+          configPath = path.normalize(directory);
+          return;
+        }
+        else {
+          // reached file system root, let's stop
+          if(nextDirectory == directory) {
+            return;
+          }
+          // otherwise recurse
+          walk(nextDirectory, file);
+        }
+      }
+    ;
+
+    // start walk from outside require-dot-files directory
+    file      = file || defaults.files.config;
+    directory = directory || path.join(__dirname, path.sep, '..');
+    walk(directory);
+    return configPath || '';
+  },
+
+  // adds additional derived values to a config object
+  addDerivedValues: function(config) {
+
+    config = config || extend(false, {}, defaults);
+
+    /*--------------
+       File Paths
+    ---------------*/
+
+    var
+      configPath = this.getPath(),
+      sourcePaths = {},
+      outputPaths = {},
+      folder
+    ;
+
+    // resolve paths (config location + base + path)
+    for(folder in config.paths.source) {
+      if(config.paths.source.hasOwnProperty(folder)) {
+        sourcePaths[folder] = path.resolve(path.join(configPath, config.base, config.paths.source[folder]));
+      }
+    }
+    for(folder in config.paths.output) {
+      if(config.paths.output.hasOwnProperty(folder)) {
+        outputPaths[folder] = path.resolve(path.join(configPath, config.base, config.paths.output[folder]));
+      }
+    }
+
+    // set config paths to full paths
+    config.paths.source = sourcePaths;
+    config.paths.output = outputPaths;
+
+    // resolve "clean" command path
+    config.paths.clean = path.resolve( path.join(configPath, config.base, config.paths.clean) );
+
+    /*--------------
+        CSS URLs
+    ---------------*/
+
+    // determine asset paths in css by finding relative path between themes and output
+    // force forward slashes
+
+    config.paths.assets = {
+      source       : '../../themes', // source asset path is always the same
+      uncompressed : './' + path.relative(config.paths.output.uncompressed, config.paths.output.themes).replace(/\\/g, '/'),
+      compressed   : './' + path.relative(config.paths.output.compressed, config.paths.output.themes).replace(/\\/g, '/'),
+      packaged     : './' + path.relative(config.paths.output.packaged, config.paths.output.themes).replace(/\\/g, '/')
+    };
+
+    /*--------------
+       Permission
+    ---------------*/
+
+    if(config.permission) {
+      config.hasPermissions = true;
+      config.parsedPermissions = typeof config.permission === 'string' ? parseInt(config.permission, 8) : config.permission;
+    }
+    else {
+      // pass blank object to avoid causing errors
+      config.permission     = {};
+      config.hasPermissions = false;
+      config.parsedPermissions = {};
+    }
+
+    /*--------------
+         Globs
+    ---------------*/
+
+    if(!config.globs) {
+      config.globs = {};
+    }
+
+    // remove duplicates from component array
+    if(config.components instanceof Array) {
+      config.components = config.components.filter(function(component, index) {
+        return config.components.indexOf(component) == index;
+      });
+    }
+
+    // takes component object and creates file glob matching selected components
+    config.globs.components = (typeof config.components == 'object')
+      ? (config.components.length > 1)
+        ? '{' + config.components.join(',') + '}'
+        : config.components[0]
+      : '{' + defaults.components.join(',') + '}'
+    ;
+
+    return config;
+
+  }
+
+};
+
diff --git a/src/wwwroot/libraries/fomantic/tasks/config/project/install.js b/src/wwwroot/libraries/fomantic/tasks/config/project/install.js
new file mode 100644
index 0000000..f535993
--- /dev/null
+++ b/src/wwwroot/libraries/fomantic/tasks/config/project/install.js
@@ -0,0 +1,763 @@
+/*******************************
+            Set-up
+*******************************/
+
+var
+  fs             = require('fs'),
+  path           = require('path'),
+  defaults       = require('../defaults'),
+  release        = require('./release'),
+
+  requireDotFile = require('require-dot-file')
+;
+
+/*******************************
+          When to Ask
+*******************************/
+
+/* Preconditions for install questions */
+
+var when = {
+
+  // path
+  changeRoot: function(questions) {
+    return (questions.useRoot !== undefined && questions.useRoot !== true);
+  },
+
+  // permissions
+  changePermissions: function(questions) {
+    return (questions.changePermissions && questions.changePermissions === true);
+  },
+
+  // install
+  hasConfig: function() {
+    return requireDotFile('semantic.json', process.cwd());
+  },
+
+  allowOverwrite: function(questions) {
+    return (questions.overwrite === undefined || questions.overwrite == 'yes');
+  },
+  notAuto: function(questions) {
+    return (questions.install !== 'auto' && (questions.overwrite === undefined || questions.overwrite == 'yes'));
+  },
+  custom: function(questions) {
+    return (questions.install === 'custom' && (questions.overwrite === undefined || questions.overwrite == 'yes'));
+  },
+  express: function(questions) {
+    return (questions.install === 'express' && (questions.overwrite === undefined || questions.overwrite == 'yes'));
+  },
+
+  // customize
+  customize: function(questions) {
+    return (questions.customize === true);
+  },
+  primaryColor: function(questions) {
+    return (questions.primaryColor);
+  },
+  secondaryColor: function(questions) {
+    return (questions.secondaryColor);
+  }
+};
+
+/*******************************
+        Response Filters
+*******************************/
+
+/* Filters to user input from install questions */
+
+var filter = {
+  removeTrailingSlash: function(path) {
+    return path.replace(/(\/$|\\$)+/mg, '');
+  }
+};
+
+/*******************************
+          Configuration
+*******************************/
+
+module.exports = {
+
+  // check whether install is setup
+  isSetup: function() {
+    return when.hasConfig();
+  },
+
+  // detect whether there is a semantic.json configuration and that the auto-install option is set to true
+  shouldAutoInstall: function() {
+    var
+      config = when.hasConfig()
+    ;
+    return config['autoInstall'];
+  },
+
+  // checks if files are in a PM directory
+  getPackageManager: function(directory) {
+    var
+      // returns last matching result (avoid sub-module detection)
+      walk = function(directory) {
+        var
+          pathArray     = directory.split(path.sep),
+          folder        = pathArray[pathArray.length - 1],
+          nextDirectory = path.join(directory, path.sep, '..')
+        ;
+        if( folder == 'bower_components') {
+          return {
+            name: 'Bower',
+            root: nextDirectory
+          };
+        }
+        else if(folder == 'node_modules') {
+         return {
+            name: 'NPM',
+            root: nextDirectory
+          };
+        }
+        else if(folder == 'composer') {
+         return {
+            name: 'Composer',
+            root: nextDirectory
+          };
+        }
+        if(path.resolve(directory) == path.resolve(nextDirectory)) {
+          return false;
+        }
+        // recurse downward
+        return walk(nextDirectory);
+      }
+    ;
+    // start walk from current directory if none specified
+    directory = directory || (__dirname + path.sep);
+    return walk(directory);
+  },
+
+  // checks if files is PMed submodule
+  isSubModule: function(directory) {
+    var
+      moduleFolders = 0,
+      walk = function(directory) {
+        var
+          pathArray     = directory.split(path.sep),
+          folder        = pathArray[pathArray.length - 2],
+          nextDirectory = path.join(directory, path.sep, '..')
+        ;
+        if( folder == 'bower_components') {
+          moduleFolders++;
+        }
+        else if(folder == 'node_modules') {
+          moduleFolders++;
+        }
+        else if(folder == 'composer') {
+          moduleFolders++;
+        }
+        if(path.resolve(directory) == path.resolve(nextDirectory)) {
+          return (moduleFolders > 1);
+        }
+        // recurse downward
+        return walk(nextDirectory);
+      }
+    ;
+    // start walk from current directory if none specified
+    directory = directory || (__dirname + path.sep);
+    return walk(directory);
+  },
+
+
+  createJSON: function(answers) {
+    var
+      json = {
+        paths: {
+          source: {},
+          output: {}
+        }
+      }
+    ;
+
+    // add components
+    if(answers.components) {
+      json.components = answers.components;
+    }
+
+    // add rtl choice
+    if(answers.rtl) {
+      json.rtl = answers.rtl;
+    }
+
+    // add permissions
+    if(answers.permission) {
+      json.permission = answers.permission;
+    }
+
+    // add path to semantic
+    if(answers.semanticRoot) {
+      json.base = path.normalize(answers.semanticRoot);
+    }
+
+    // record version number to avoid re-installing on same version
+    json.version = release.version;
+
+    // add dist folder paths
+    if(answers.dist) {
+      answers.dist = path.normalize(answers.dist);
+
+      json.paths.output = {
+        packaged     : path.normalize(answers.dist + '/'),
+        uncompressed : path.normalize(answers.dist + '/components/'),
+        compressed   : path.normalize(answers.dist + '/components/'),
+        themes       : path.normalize(answers.dist + '/themes/')
+      };
+    }
+
+    // add site path
+    if(answers.site) {
+      json.paths.source.site = path.normalize(answers.site + '/');
+    }
+    if(answers.packaged) {
+      json.paths.output.packaged = path.normalize(answers.packaged + '/');
+    }
+    if(answers.compressed) {
+      json.paths.output.compressed = path.normalize(answers.compressed + '/');
+    }
+    if(answers.uncompressed) {
+      json.paths.output.uncompressed = path.normalize(answers.uncompressed + '/');
+    }
+    return json;
+  },
+
+  // files cleaned up after install
+  setupFiles: [
+    './src/theme.config.example',
+    './semantic.json.example',
+    './src/_site'
+  ],
+
+  regExp: {
+    // used to match siteFolder variable in theme.less
+    siteVariable: /@siteFolder .*\'(.*)/mg
+  },
+
+  // source paths (when installing)
+  source: {
+    config       : './semantic.json.example',
+    definitions  : './src/definitions',
+    gulpFile     : './gulpfile.js',
+    lessImport   : './src/semantic.less',
+    site         : './src/_site',
+    tasks        : './tasks',
+    themeConfig  : './src/theme.config.example',
+    themeImport  : './src/theme.less',
+    themes       : './src/themes',
+    defaultTheme : './src/themes/default',
+    userGulpFile : './tasks/config/npm/gulpfile.js'
+  },
+
+  // expected final filenames
+  files: {
+    config      : 'semantic.json',
+    lessImport  : 'src/semantic.less',
+    site        : 'src/site',
+    themeConfig : 'src/theme.config',
+    themeImport : 'src/theme.less'
+  },
+
+  // folder paths to files relative to root
+  folders: {
+    config       : './',
+    definitions  : 'src/definitions/',
+    lessImport   : 'src/',
+    modules      : 'node_modules/',
+    site         : 'src/site/',
+    tasks        : 'tasks/',
+    themeConfig  : 'src/',
+    themeImport  : 'src/',
+    themes       : 'src/themes/',
+
+    defaultTheme : 'default/' // only path that is relative to another directory and not root
+  },
+
+  // questions asked during install
+  questions: {
+
+    root: [
+      {
+        type    : 'list',
+        name    : 'useRoot',
+        message :
+          '{packageMessage} Is this your project folder? {root}',
+        choices: [
+          {
+            name  : 'Yes',
+            value : true
+          },
+          {
+            name  : 'No, let me specify',
+            value : false
+          }
+        ]
+      },
+      {
+        type    : 'input',
+        name    : 'customRoot',
+        message : 'Please enter the absolute path to your project root',
+        default : '/my/project/path',
+        when    : when.changeRoot
+      },
+      {
+        type    : 'input',
+        name    : 'semanticRoot',
+        message : 'Where should we put Semantic UI inside your project?',
+        default : 'semantic/'
+      }
+    ],
+
+    setup: [
+      {
+        type: 'list',
+        name: 'overwrite',
+        message: 'It looks like you have a semantic.json file already.',
+        when: when.hasConfig,
+        choices: [
+          {
+            name: 'Yes, extend my current settings.',
+            value: 'yes'
+          },
+          {
+            name: 'Skip install',
+            value: 'no'
+          }
+        ]
+      },
+      {
+        type: 'list',
+        name: 'install',
+        message: 'Set-up Semantic UI',
+        when: when.allowOverwrite,
+        choices: [
+          {
+            name: 'Automatic (Use default locations and all components)',
+            value: 'auto'
+          },
+          {
+            name: 'Express (Set components and output folder)',
+            value: 'express'
+          },
+          {
+            name: 'Custom (Customize all src/dist values)',
+            value: 'custom'
+          }
+        ]
+      },
+      {
+        type: 'checkbox',
+        name: 'components',
+        message: 'What components should we include in the package?',
+
+        // duplicated manually from tasks/defaults.js with additional property
+        choices: [
+          { name: "reset", checked: true },
+          { name: "site", checked: true },
+          { name: "button", checked: true },
+          { name: "container", checked: true },
+          { name: "divider", checked: true },
+          { name: "emoji", checked: true },
+          { name: "flag", checked: true },
+          { name: "header", checked: true },
+          { name: "icon", checked: true },
+          { name: "image", checked: true },
+          { name: "input", checked: true },
+          { name: "label", checked: true },
+          { name: "list", checked: true },
+          { name: "loader", checked: true },
+          { name: "rail", checked: true },
+          { name: "reveal", checked: true },
+          { name: "segment", checked: true },
+          { name: "step", checked: true },
+          { name: "breadcrumb", checked: true },
+          { name: "form", checked: true },
+          { name: "grid", checked: true },
+          { name: "menu", checked: true },
+          { name: "message", checked: true },
+          { name: "table", checked: true },
+          { name: "ad", checked: true },
+          { name: "card", checked: true },
+          { name: "comment", checked: true },
+          { name: "feed", checked: true },
+          { name: "item", checked: true },
+          { name: "statistic", checked: true },
+          { name: "accordion", checked: true },
+          { name: "calendar", checked: true },
+          { name: "checkbox", checked: true },
+          { name: "dimmer", checked: true },
+          { name: "dropdown", checked: true },
+          { name: "embed", checked: true },
+          { name: "modal", checked: true },
+          { name: "nag", checked: true },
+          { name: "placeholder", checked: true },
+          { name: "popup", checked: true },
+          { name: "progress", checked: true },
+          { name: "slider", checked: true },
+          { name: "rating", checked: true },
+          { name: "search", checked: true },
+          { name: "shape", checked: true },
+          { name: "sidebar", checked: true },
+          { name: "sticky", checked: true },
+          { name: "tab", checked: true },
+          { name: "text", checked: true },
+          { name: "toast", checked: true },
+          { name: "transition", checked: true },
+          { name: "api", checked: true },
+          { name: "form", checked: true },
+          { name: "state", checked: true },
+          { name: "visibility", checked: true }
+        ],
+        when: when.notAuto
+      },
+      {
+        type: 'list',
+        name: 'changePermissions',
+        when: when.notAuto,
+        message: 'Should we set permissions on outputted files?',
+        choices: [
+          {
+            name: 'No',
+            value: false
+          },
+          {
+            name: 'Yes',
+            value: true
+          }
+        ]
+      },
+      {
+        type: 'input',
+        name: 'permission',
+        message: 'What octal file permission should outputted files receive?',
+        default: defaults.permission,
+        when: when.changePermissions
+      },
+      {
+        type: 'list',
+        name: 'rtl',
+        message: 'Do you use a RTL (Right-To-Left) language?',
+        when: when.notAuto,
+        choices: [
+          {
+            name: 'No',
+            value: false
+          },
+          {
+            name: 'Yes',
+            value: true
+          },
+          {
+            name: 'Build Both',
+            value: 'both'
+          }
+        ]
+      },
+      {
+        type: 'input',
+        name: 'dist',
+        message: 'Where should we output Semantic UI?',
+        default: defaults.paths.output.packaged,
+        filter: filter.removeTrailingSlash,
+        when: when.express
+      },
+      {
+        type: 'input',
+        name: 'site',
+        message: 'Where should we put your site folder?',
+        default: defaults.paths.source.site,
+        filter: filter.removeTrailingSlash,
+        when: when.custom
+      },
+      {
+        type: 'input',
+        name: 'packaged',
+        message: 'Where should we output a packaged version?',
+        default: defaults.paths.output.packaged,
+        filter: filter.removeTrailingSlash,
+        when: when.custom
+      },
+      {
+        type: 'input',
+        name: 'compressed',
+        message: 'Where should we output compressed components?',
+        default: defaults.paths.output.compressed,
+        filter: filter.removeTrailingSlash,
+        when: when.custom
+      },
+      {
+        type: 'input',
+        name: 'uncompressed',
+        message: 'Where should we output uncompressed components?',
+        default: defaults.paths.output.uncompressed,
+        filter: filter.removeTrailingSlash,
+        when: when.custom
+      }
+    ],
+
+
+    cleanup: [
+      {
+        type: 'list',
+        name: 'cleanup',
+        message: 'Should we remove set-up files?',
+        choices: [
+          {
+            name: 'Yes (re-install will require redownloading semantic).',
+            value: 'yes'
+          },
+          {
+            name: 'No Thanks',
+            value: 'no'
+          }
+        ]
+      },
+      {
+        type: 'list',
+        name: 'build',
+        message: 'Do you want to build Semantic now?',
+        choices: [
+          {
+            name: 'Yes',
+            value: 'yes'
+          },
+          {
+            name: 'No',
+            value: 'no'
+          }
+        ]
+      },
+    ],
+    site: [
+      {
+        type: 'list',
+        name: 'customize',
+        message: 'You have not yet customized your site, can we help you do that?',
+        choices: [
+          {
+            name: 'Yes, ask me a few questions',
+            value: true
+          },
+          {
+            name: 'No I\'ll do it myself',
+            value: false
+          }
+        ]
+      },
+      {
+        type: 'list',
+        name: 'headerFont',
+        message: 'Select your header font',
+        choices: [
+          {
+            name: 'Helvetica Neue, Arial, sans-serif',
+            value: 'Helvetica Neue, Arial, sans-serif;'
+          },
+          {
+            name: 'Lato (Google Fonts)',
+            value: 'Lato'
+          },
+          {
+            name: 'Open Sans (Google Fonts)',
+            value: 'Open Sans'
+          },
+          {
+            name: 'Source Sans Pro (Google Fonts)',
+            value: 'Source Sans Pro'
+          },
+          {
+            name: 'Droid (Google Fonts)',
+            value: 'Droid'
+          },
+          {
+            name: 'I\'ll choose on my own',
+            value: false
+          }
+        ],
+        when: when.customize
+      },
+      {
+        type: 'list',
+        name: 'pageFont',
+        message: 'Select your page font',
+        choices: [
+          {
+            name: 'Helvetica Neue, Arial, sans-serif',
+            value: 'Helvetica Neue, Arial, sans-serif;'
+          },
+          {
+            name: 'Lato (Import from Google Fonts)',
+            value: 'Lato'
+          },
+          {
+            name: 'Open Sans (Import from Google Fonts)',
+            value: 'Open Sans'
+          },
+          {
+            name: 'Source Sans Pro (Import from Google Fonts)',
+            value: 'Source Sans Pro'
+          },
+          {
+            name: 'Droid (Google Fonts)',
+            value: 'Droid'
+          },
+          {
+            name: 'I\'ll choose on my own',
+            value: false
+          }
+        ],
+        when: when.customize
+      },
+      {
+        type: 'list',
+        name: 'fontSize',
+        message: 'Select your base font size',
+        default: '14px',
+        choices: [
+          {
+            name: '12px',
+          },
+          {
+            name: '13px',
+          },
+          {
+            name: '14px (Recommended)',
+            value: '14px'
+          },
+          {
+            name: '15px',
+          },
+          {
+            name: '16px',
+          },
+          {
+            name: 'I\'ll choose on my own',
+            value: false
+          }
+        ],
+        when: when.customize
+      },
+      {
+        type: 'list',
+        name: 'primaryColor',
+        message: 'Select the closest name for your primary brand color',
+        default: '14px',
+        choices: [
+          {
+            name: 'Blue'
+          },
+          {
+            name: 'Green'
+          },
+          {
+            name: 'Orange'
+          },
+          {
+            name: 'Pink'
+          },
+          {
+            name: 'Purple'
+          },
+          {
+            name: 'Red'
+          },
+          {
+            name: 'Teal'
+          },
+          {
+            name: 'Yellow'
+          },
+          {
+            name: 'Black'
+          },
+          {
+            name: 'I\'ll choose on my own',
+            value: false
+          }
+        ],
+        when: when.customize
+      },
+      {
+        type: 'input',
+        name: 'PrimaryHex',
+        message: 'Enter a hexcode for your primary brand color',
+        when: when.primaryColor
+      },
+      {
+        type: 'list',
+        name: 'secondaryColor',
+        message: 'Select the closest name for your secondary brand color',
+        default: '14px',
+        choices: [
+          {
+            name: 'Blue'
+          },
+          {
+            name: 'Green'
+          },
+          {
+            name: 'Orange'
+          },
+          {
+            name: 'Pink'
+          },
+          {
+            name: 'Purple'
+          },
+          {
+            name: 'Red'
+          },
+          {
+            name: 'Teal'
+          },
+          {
+            name: 'Yellow'
+          },
+          {
+            name: 'Black'
+          },
+          {
+            name: 'I\'ll choose on my own',
+            value: false
+          }
+        ],
+        when: when.customize
+      },
+      {
+        type: 'input',
+        name: 'secondaryHex',
+        message: 'Enter a hexcode for your secondary brand color',
+        when: when.secondaryColor
+      }
+    ]
+
+  },
+
+  settings: {
+
+    /* Rename Files */
+    rename: {
+      json : { extname : '.json' }
+    },
+
+    /* Copy Install Folders */
+    wrench: {
+
+      // overwrite existing files update & install (default theme / definition)
+      overwrite: {
+        forceDelete       : true,
+        excludeHiddenUnix : true,
+        preserveFiles     : false
+      },
+
+      // only create files that don't exist (site theme update)
+      merge: {
+        forceDelete       : false,
+        excludeHiddenUnix : true,
+        preserveFiles     : true
+      }
+
+    }
+  }
+};
diff --git a/src/wwwroot/libraries/fomantic/tasks/config/project/release.js b/src/wwwroot/libraries/fomantic/tasks/config/project/release.js
new file mode 100644
index 0000000..20999d1
--- /dev/null
+++ b/src/wwwroot/libraries/fomantic/tasks/config/project/release.js
@@ -0,0 +1,65 @@
+/*******************************
+         Release Config
+*******************************/
+
+var
+  requireDotFile = require('require-dot-file'),
+  config,
+  npmPackage,
+  version
+;
+
+
+/*******************************
+         Derived Values
+*******************************/
+
+try {
+  config = requireDotFile('semantic.json');
+}
+catch(error) {}
+
+
+try {
+  npmPackage = require('../../../package.json');
+}
+catch(error) {
+  // generate fake package
+  npmPackage = {
+    name: 'Unknown',
+    version: 'x.x'
+  };
+}
+
+// looks for version in config or package.json (whichever is available)
+version = (npmPackage && npmPackage.version !== undefined && npmPackage.name == 'fomantic-ui')
+  ? npmPackage.version
+  : config.version
+;
+
+
+/*******************************
+             Export
+*******************************/
+
+module.exports = {
+
+  title      : 'Fomantic UI',
+  repository : 'https://github.com/fomantic/Fomantic-UI',
+  url        : 'http://fomantic-ui.com/',
+
+  banner: ''
+    + ' /*' + '\n'
+    + ' * # <%= title %> - <%= version %>' + '\n'
+    + ' * <%= repository %>' + '\n'
+    + ' * <%= url %>' + '\n'
+    + ' *' + '\n'
+    + ' * Copyright 2014 Contributors' + '\n'
+    + ' * Released under the MIT license' + '\n'
+    + ' * http://opensource.org/licenses/MIT' + '\n'
+    + ' *' + '\n'
+    + ' */' + '\n',
+
+  version    : version
+
+};
diff --git a/src/wwwroot/libraries/fomantic/tasks/config/tasks.js b/src/wwwroot/libraries/fomantic/tasks/config/tasks.js
new file mode 100644
index 0000000..2ebf1d8
--- /dev/null
+++ b/src/wwwroot/libraries/fomantic/tasks/config/tasks.js
@@ -0,0 +1,171 @@
+var
+  console = require('better-console'),
+  config  = require('./user'),
+  release = require('./project/release')
+;
+
+
+module.exports = {
+
+  banner : release.banner,
+
+  log: {
+    created: function(file) {
+      return 'Created: ' + file;
+    },
+    modified: function(file) {
+      return 'Modified: ' + file;
+    }
+  },
+
+  filenames: {
+    concatenatedCSS            : 'semantic.css',
+    concatenatedJS             : 'semantic.js',
+    concatenatedMinifiedCSS    : 'semantic.min.css',
+    concatenatedMinifiedJS     : 'semantic.min.js',
+    concatenatedRTLCSS         : 'semantic.rtl.css',
+    concatenatedMinifiedRTLCSS : 'semantic.rtl.min.css'
+  },
+
+  regExp: {
+
+    comments: {
+
+      // remove all comments from config files (.variable)
+      variables : {
+        in  : /(\/\*[\s\S]+?\*\/+)[\s\S]+?\/\* End Config \*\//,
+        out : '$1',
+      },
+
+      // add version to first comment
+      license: {
+        in  : /(^\/\*[\s\S]+)(# Semantic UI )([\s\S]+?\*\/)/,
+        out : '$1$2' + release.version + ' $3'
+      },
+
+      // adds uniform spacing around comments
+      large: {
+        in  : /(\/\*\*\*\*[\s\S]+?\*\/)/mg,
+        out : '\n\n$1\n'
+      },
+      small: {
+        in  : /(\/\*---[\s\S]+?\*\/)/mg,
+        out : '\n$1\n'
+      },
+      tiny: {
+        in  : /(\/\* [\s\S]+? \*\/)/mg,
+        out : '\n$1'
+      }
+    },
+
+    theme: /.*(\/|\\)themes(\/|\\).*?(?=(\/|\\))/mg
+
+  },
+
+  settings: {
+
+    /* Remove Files in Clean */
+    del: {
+      silent : true
+    },
+
+    concatCSS: {
+      rebaseUrls: false
+    },
+
+    /* Comment Banners */
+    header: {
+      title      : release.title,
+      version    : release.version,
+      repository : release.repository,
+      url        : release.url
+    },
+
+    plumber: {
+      less: {
+        errorHandler: function(error) {
+          var
+            regExp = {
+              variable : /@(\S.*?)\s/,
+              theme    : /themes[\/\\]+(.*?)[\/\\].*/,
+              element  : /[\/\\]([^\/\\*]*)\.overrides/
+            },
+            theme,
+            element
+          ;
+          if(error.filename.match(/theme.less/)) {
+            if (error.line == 9) {
+              element = regExp.variable.exec(error.message)[1];
+              if (element) {
+                console.error('Missing theme.config value for ', element);
+              }
+              console.error('Most likely new UI was added in an update. You will need to add missing elements from theme.config.example');
+            } else if (error.line == 73) {
+              element = regExp.element.exec(error.message)[1];
+              theme   = regExp.theme.exec(error.message)[1];
+              console.error(theme + ' is not an available theme for ' + element);
+            } else {
+              console.error(error);
+            }
+          }
+          else {
+            throw new Error(error);
+          }
+          this.emit('end');
+        }
+      }
+    },
+
+    /* What Browsers to Prefix */
+    prefix: {
+      overrideBrowserslist: [
+        'last 2 versions',
+        '> 1%',
+        'opera 12.1',
+        'bb 10',
+        'android 4'
+      ]
+    },
+
+    /* File Renames */
+    rename: {
+      minJS     : { extname : '.min.js' },
+      minCSS    : { extname : '.min.css' },
+      rtlCSS    : { extname : '.rtl.css' },
+      rtlMinCSS : { extname : '.rtl.min.css' }
+    },
+
+    /* Minified CSS Concat */
+    minify: {
+      processImport       : false,
+      restructuring       : false,
+      keepSpecialComments : 1,
+      roundingPrecision   : -1,
+    },
+
+    /* Minified JS Settings */
+    uglify: {
+      mangle   : true,
+      output: {
+        comments: 'some'
+      }
+    },
+
+    /* Minified Concat CSS Settings */
+    concatMinify: {
+      processImport       : false,
+      restructuring       : false,
+      keepSpecialComments : false,
+      roundingPrecision   : -1,
+    },
+
+    /* Minified Concat JS */
+    concatUglify: {
+      mangle   : true,
+      output: {
+        comments: 'some'
+      }
+    }
+
+  }
+};
diff --git a/src/wwwroot/libraries/fomantic/tasks/config/user.js b/src/wwwroot/libraries/fomantic/tasks/config/user.js
new file mode 100644
index 0000000..7b7c16d
--- /dev/null
+++ b/src/wwwroot/libraries/fomantic/tasks/config/user.js
@@ -0,0 +1,58 @@
+/*******************************
+             Set-up
+*******************************/
+
+var
+  // npm dependencies
+  extend          = require('extend'),
+  fs              = require('fs'),
+  path            = require('path'),
+  requireDotFile  = require('require-dot-file'),
+
+  // semantic.json defaults
+  defaults        = require('./defaults'),
+  config          = require('./project/config'),
+
+  // Final config object
+  gulpConfig = {},
+
+  // semantic.json settings
+  userConfig
+
+;
+
+
+/*******************************
+          User Config
+*******************************/
+
+try {
+  // looks for config file across all parent directories
+  userConfig = requireDotFile('semantic.json');
+}
+catch(error) {
+  if(error.code === 'MODULE_NOT_FOUND') {
+    console.error('No semantic.json config found');
+  }
+}
+
+// extend user config with defaults
+gulpConfig = (!userConfig)
+  ? extend(true, {}, defaults)
+  : extend(false, {}, defaults, userConfig)
+;
+
+/*******************************
+       Add Derived Values
+*******************************/
+
+// adds calculated values
+config.addDerivedValues(gulpConfig);
+
+
+/*******************************
+             Export
+*******************************/
+
+module.exports = gulpConfig;
+
diff --git a/src/wwwroot/libraries/fomantic/tasks/docs/build.js b/src/wwwroot/libraries/fomantic/tasks/docs/build.js
new file mode 100644
index 0000000..9172c5e
--- /dev/null
+++ b/src/wwwroot/libraries/fomantic/tasks/docs/build.js
@@ -0,0 +1,111 @@
+/*******************************
+ Build Docs
+ *******************************/
+
+var
+  gulp        = require('gulp'),
+
+  // node dependencies
+  console     = require('better-console'),
+  fs          = require('fs'),
+  map         = require('map-stream'),
+
+  // gulp dependencies
+  print       = require('gulp-print').default,
+
+  // user config
+  config      = require('../config/docs'),
+
+  // install config
+  tasks       = require('../config/tasks'),
+  configSetup = require('../config/project/config'),
+  install     = require('../config/project/install'),
+
+  // metadata parsing
+  metadata    = require('./metadata'),
+
+  // build methods
+  buildJS     = require('../build/javascript').buildJS,
+  buildCSS    = require('../build/css').buildCSS,
+  buildAssets = require('../build/assets').buildAssets,
+
+  // shorthand
+  log         = tasks.log
+;
+
+
+module.exports = function (callback) {
+
+  // use a different config
+  config = configSetup.addDerivedValues(config);
+
+  // shorthand
+  const globs  = config.globs;
+  const output = config.paths.output;
+
+  /*--------------
+   Parse metadata
+   ---------------*/
+
+  function buildMetaData() {
+    // parse all *.html.eco in docs repo, data will end up in
+    // metadata.result object.  Note this assumes that the docs
+    // repository is present and in proper directory location as
+    // specified by docs.json.
+    console.info('Building Metadata');
+    return gulp.src(config.paths.template.eco + globs.eco)
+      .pipe(map(metadata.parser))
+      .on('end', function () {
+        fs.mkdirSync(output.metadata, {recursive: true});
+        fs.writeFileSync(output.metadata + '/metadata.json', JSON.stringify(metadata.result, null, 2));
+      });
+  }
+
+  /*--------------
+    Copy Examples
+  ---------------*/
+
+  function copyExample() {
+    // copy src/ to server
+    console.info('Copying examples');
+    return gulp.src('examples/**/*.*')
+      .pipe(gulp.dest(output.examples))
+      .pipe(print(log.created));
+  }
+
+
+  /*--------------
+     Copy Source
+  ---------------*/
+
+  function copyLess() {
+    // copy src/ to server
+    console.info('Copying LESS source');
+    return gulp.src('src/**/*.*')
+      .pipe(gulp.dest(output.less))
+      .pipe(print(log.created));
+  }
+
+
+  /*--------------
+        Build
+  ---------------*/
+
+  console.info('Building Semantic for docs');
+
+  if (!install.isSetup()) {
+    console.error('Cannot build files. Run "gulp install" to set-up Semantic');
+    callback();
+    return;
+  }
+
+  gulp.series(
+    buildMetaData,
+    copyExample,
+    copyLess,
+    (callback) => buildJS('docs', config, callback),
+    (callback) => buildCSS('docs', config, {}, callback),
+    (callback) => buildAssets(config, callback)
+  )(callback);
+
+};
diff --git a/src/wwwroot/libraries/fomantic/tasks/docs/metadata.js b/src/wwwroot/libraries/fomantic/tasks/docs/metadata.js
new file mode 100644
index 0000000..bfc8630
--- /dev/null
+++ b/src/wwwroot/libraries/fomantic/tasks/docs/metadata.js
@@ -0,0 +1,138 @@
+
+/*******************************
+           Summarize Docs
+*******************************/
+
+var
+  // node dependencies
+  console      = require('better-console'),
+  fs           = require('fs'),
+  YAML         = require('yamljs')
+;
+
+var data = {};
+
+/**
+ * Test for prefix in string.
+ * @param {string} str
+ * @param {string} prefix
+ * @return {boolean}
+ */
+function startsWith(str, prefix) {
+  return str.indexOf(prefix) === 0;
+};
+
+function inArray(needle, haystack) {
+  var length = haystack.length;
+  for(var i = 0; i < length; i++) {
+      if(haystack[i] == needle) return true;
+  }
+  return false;
+}
+
+/**
+ * Parses a file for metadata and stores result in data object.
+ * @param {File} file - object provided by map-stream.
+ * @param {function(?,File)} - callback provided by map-stream to
+ * reply when done.
+ */
+function parser(file, callback) {
+  // file exit conditions
+  if(file.isNull()) {
+    return callback(null, file); // pass along
+  }
+
+  if(file.isStream()) {
+    return callback(new Error('Streaming not supported'));
+  }
+
+  try {
+
+    var
+      /** @type {string} */
+      text     = String(file.contents.toString('utf8')),
+      lines    = text.split('\n'),
+      filename = file.path.substring(0, file.path.length - 4),
+      key      = 'server/documents',
+      position = filename.indexOf(key)
+    ;
+
+    // exit conditions
+    if(!lines) {
+      return;
+    }
+    if(position < 0) {
+      return callback(null, file);
+    }
+
+    filename = filename.substring(position + key.length + 1, filename.length);
+
+    var
+      lineCount = lines.length,
+      active    = false,
+      yaml      = [],
+      categories = [
+        'UI Element',
+        'UI Global',
+        'UI Collection',
+        'UI View',
+        'UI Module',
+        'UI Behavior'
+      ],
+      index,
+      meta,
+      line
+    ;
+
+    for(index = 0; index < lineCount; index++) {
+
+      line = lines[index];
+
+      // Wait for metadata block to begin
+      if(!active) {
+        if(startsWith(line, '---')) {
+          active = true;
+        }
+        continue;
+      }
+      // End of metadata block, stop parsing.
+      if(startsWith(line, '---')) {
+        break;
+      }
+      yaml.push(line);
+    }
+
+
+    // Parse yaml.
+    meta = YAML.parse(yaml.join('\n'));
+    if(meta && meta.type && meta.title && inArray(meta.type, categories) ) {
+      meta.category = meta.type;
+      meta.filename = filename;
+      meta.url      = '/' + filename;
+      meta.title    = meta.title;
+      // Primary key will by filepath
+      data[meta.element] = meta;
+    }
+    else {
+      // skip
+      // console.log(meta);
+    }
+
+
+  }
+
+  catch(error) {
+    console.log(error, filename);
+  }
+
+  callback(null, file);
+
+}
+
+/**
+ * Export function expected by map-stream.
+ */
+module.exports = {
+  result : data,
+  parser : parser
+};
diff --git a/src/wwwroot/libraries/fomantic/tasks/docs/serve.js b/src/wwwroot/libraries/fomantic/tasks/docs/serve.js
new file mode 100644
index 0000000..51af308
--- /dev/null
+++ b/src/wwwroot/libraries/fomantic/tasks/docs/serve.js
@@ -0,0 +1,95 @@
+/*******************************
+ Serve Docs
+ *******************************/
+var
+  gulp        = require('gulp'),
+
+  // node dependencies
+  console     = require('better-console'),
+
+  // gulp dependencies
+  print       = require('gulp-print').default,
+
+  // user config
+  config      = require('../config/docs'),
+
+  // task config
+  tasks       = require('../config/tasks'),
+  configSetup = require('../config/project/config'),
+
+  // shorthand
+  log         = tasks.log,
+
+  css         = require('../build/css'),
+  js          = require('../build/javascript'),
+  assets      = require('../build/assets')
+;
+
+
+module.exports = function () {
+
+  // use a different config
+  config = configSetup.addDerivedValues(config);
+
+  console.clear();
+  console.log('Watching source files for changes');
+
+  /*--------------
+     Copy Source
+  ---------------*/
+
+  gulp
+    .watch(['src/**/*.*'])
+    .on('all', function (event, path) {
+      // We don't handle deleted files yet
+      if (event === 'unlink' || event === 'unlinkDir') {
+        return;
+      }
+      return gulp.src(path, {
+        base: 'src/'
+      })
+        .pipe(gulp.dest(config.paths.output.less))
+        .pipe(print(log.created))
+        ;
+    })
+  ;
+
+  /*--------------
+    Copy Examples
+  ---------------*/
+
+  gulp
+    .watch(['examples/**/*.*'])
+    .on('all', function (event, path) {
+      // We don't handle deleted files yet
+      if (event === 'unlink' || event === 'unlinkDir') {
+        return;
+      }
+      return gulp.src(path, {
+        base: 'examples/'
+      })
+        .pipe(gulp.dest(config.paths.output.examples))
+        .pipe(print(log.created))
+        ;
+    })
+  ;
+
+  /*--------------
+      Watch CSS
+  ---------------*/
+
+  css.watch('docs', config);
+
+  /*--------------
+      Watch JS
+  ---------------*/
+
+  js.watch('docs', config);
+
+  /*--------------
+    Watch Assets
+  ---------------*/
+
+  assets.watch('docs', config);
+
+};
diff --git a/src/wwwroot/libraries/fomantic/tasks/install.js b/src/wwwroot/libraries/fomantic/tasks/install.js
new file mode 100644
index 0000000..a094e23
--- /dev/null
+++ b/src/wwwroot/libraries/fomantic/tasks/install.js
@@ -0,0 +1,439 @@
+/*******************************
+ *         Install Task
+ *******************************/
+
+/*
+   Install tasks
+
+   For more notes
+
+   * Runs automatically after npm update (hooks)
+   * (NPM) Install - Will ask for where to put semantic (outside pm folder)
+   * (NPM) Upgrade - Will look for semantic install, copy over files and update if new version
+   * Standard installer runs asking for paths to site files etc
+
+*/
+
+var
+  gulp           = require('gulp'),
+
+  // node dependencies
+  console        = require('better-console'),
+  extend         = require('extend'),
+  fs             = require('fs'),
+  mkdirp         = require('mkdirp'),
+  path           = require('path'),
+
+  // gulp dependencies
+  chmod          = require('gulp-chmod'),
+  del            = require('del'),
+  jsonEditor     = require('gulp-json-editor'),
+  plumber        = require('gulp-plumber'),
+  inquirer       = require('inquirer'),
+  rename         = require('gulp-rename'),
+  replace        = require('gulp-replace'),
+  requireDotFile = require('require-dot-file'),
+  wrench         = require('wrench-sui'),
+
+  // install config
+  install        = require('./config/project/install'),
+
+  // user config
+  config         = require('./config/user'),
+
+  // release config (name/title/etc)
+  release        = require('./config/project/release'),
+
+  // shorthand
+  questions      = install.questions,
+  files          = install.files,
+  folders        = install.folders,
+  regExp         = install.regExp,
+  settings       = install.settings,
+  source         = install.source
+;
+
+// Export install task
+module.exports = function (callback) {
+
+  var
+    currentConfig = requireDotFile('semantic.json'),
+    manager       = install.getPackageManager(),
+    rootQuestions = questions.root,
+    installFolder = false,
+    answers
+  ;
+
+  console.clear();
+
+  /* Test NPM install
+  manager = {
+    name : 'NPM',
+    root : path.normalize(__dirname + '/../')
+  };
+  */
+
+
+  /* Don't do end user config if SUI is a sub-module */
+  if (install.isSubModule()) {
+    console.info('SUI is a sub-module, skipping end-user install');
+    return;
+  }
+
+  /*-----------------
+      Update SUI
+  -----------------*/
+
+// run update scripts if semantic.json exists
+  if (currentConfig && manager.name === 'NPM') {
+
+    var
+      updateFolder = path.join(manager.root, currentConfig.base),
+      updatePaths  = {
+        config      : path.join(manager.root, files.config),
+        tasks       : path.join(updateFolder, folders.tasks),
+        themeImport : path.join(updateFolder, folders.themeImport),
+        definition  : path.join(currentConfig.paths.source.definitions),
+        site        : path.join(currentConfig.paths.source.site),
+        theme       : path.join(currentConfig.paths.source.themes),
+        defaultTheme: path.join(currentConfig.paths.source.themes, folders.defaultTheme)
+      }
+    ;
+
+    // duck-type if there is a project installed
+    if (fs.existsSync(updatePaths.definition)) {
+
+      // perform update if new version
+      if (currentConfig.version !== release.version) {
+        console.log('Updating Semantic UI from ' + currentConfig.version + ' to ' + release.version);
+
+        console.info('Updating ui definitions...');
+        wrench.copyDirSyncRecursive(source.definitions, updatePaths.definition, settings.wrench.overwrite);
+
+        console.info('Updating default theme...');
+        wrench.copyDirSyncRecursive(source.themes, updatePaths.theme, settings.wrench.merge);
+        wrench.copyDirSyncRecursive(source.defaultTheme, updatePaths.defaultTheme, settings.wrench.overwrite);
+
+        console.info('Updating tasks...');
+        wrench.copyDirSyncRecursive(source.tasks, updatePaths.tasks, settings.wrench.overwrite);
+
+        console.info('Updating gulpfile.js');
+        gulp.src(source.userGulpFile)
+          .pipe(plumber())
+          .pipe(gulp.dest(updateFolder))
+        ;
+
+        // copy theme import
+        console.info('Updating theme import file');
+        gulp.src(source.themeImport)
+          .pipe(plumber())
+          .pipe(gulp.dest(updatePaths.themeImport))
+        ;
+
+        console.info('Adding new site theme files...');
+        wrench.copyDirSyncRecursive(source.site, updatePaths.site, settings.wrench.merge);
+
+        console.info('Updating version...');
+
+        // update version number in semantic.json
+        gulp.src(updatePaths.config)
+          .pipe(plumber())
+          .pipe(rename(settings.rename.json)) // preserve file extension
+          .pipe(jsonEditor({
+            version: release.version
+          }))
+          .pipe(gulp.dest(manager.root))
+        ;
+
+        console.info('Update complete! Run "\x1b[92mgulp build\x1b[0m" to rebuild dist/ files.');
+
+        callback();
+        return;
+      } else {
+        console.log('Current version of Semantic UI already installed');
+        callback();
+        return;
+      }
+
+    } else {
+      console.error('Cannot locate files to update at path: ', updatePaths.definition);
+      console.log('Running installer');
+    }
+
+  }
+
+  /*--------------
+   Determine Root
+  ---------------*/
+
+// PM that supports Build Tools (NPM Only Now)
+  if (manager.name === 'NPM') {
+    rootQuestions[0].message = rootQuestions[0].message
+      .replace('{packageMessage}', 'We detected you are using ' + manager.name + ' Nice!')
+      .replace('{root}', manager.root)
+    ;
+    // set default path to detected PM root
+    rootQuestions[0].default = manager.root;
+    rootQuestions[1].default = manager.root;
+
+    // insert PM questions after "Install Type" question
+    Array.prototype.splice.apply(questions.setup, [2, 0].concat(rootQuestions));
+
+    // omit cleanup questions for managed install
+    questions.cleanup = [];
+  }
+
+
+  /*--------------
+     Create SUI
+  ---------------*/
+
+  gulp.task('run setup', function (callback) {
+
+    // If auto-install is switched on, we skip the configuration section and simply reuse the configuration from semantic.json
+    if (install.shouldAutoInstall()) {
+      answers = {
+        overwrite   : 'yes',
+        install     : 'auto',
+        useRoot     : true,
+        semanticRoot: currentConfig.base
+      };
+      callback();
+    } else {
+      return inquirer.prompt(questions.setup)
+        .then((setupAnswers) => {
+          // hoist
+          answers = setupAnswers;
+        });
+    }
+  });
+
+  gulp.task('create install files', function (callback) {
+
+    /*--------------
+     Exit Conditions
+    ---------------*/
+
+    // if config exists and user specifies not to proceed
+    if (answers.overwrite !== undefined && answers.overwrite == 'no') {
+      callback();
+      return;
+    }
+    console.clear();
+    if (install.shouldAutoInstall()) {
+      console.log('Auto-Installing (Without User Interaction)');
+    } else {
+      console.log('Installing');
+    }
+    console.log('------------------------------');
+
+
+    /*--------------
+          Paths
+    ---------------*/
+
+    var
+      installPaths = {
+        config           : files.config,
+        configFolder     : folders.config,
+        site             : answers.site || folders.site,
+        themeConfig      : files.themeConfig,
+        themeConfigFolder: folders.themeConfig
+      }
+    ;
+
+    /*--------------
+      NPM Install
+    ---------------*/
+
+    // Check if PM install
+    if (manager && (answers.useRoot || answers.customRoot)) {
+
+      // Set root to custom root path if set
+      if (answers.customRoot) {
+        if (answers.customRoot === '') {
+          console.log('Unable to proceed, invalid project root');
+          callback();
+          return;
+        }
+        manager.root = answers.customRoot;
+      }
+
+      // special install paths only for PM install
+      installPaths = extend(false, {}, installPaths, {
+        definition  : folders.definitions,
+        lessImport  : folders.lessImport,
+        tasks       : folders.tasks,
+        theme       : folders.themes,
+        defaultTheme: path.join(folders.themes, folders.defaultTheme),
+        themeImport : folders.themeImport
+      });
+
+      // add project root to semantic root
+      installFolder = path.join(manager.root, answers.semanticRoot);
+
+      // add install folder to all output paths
+      for (var destination in installPaths) {
+        if (installPaths.hasOwnProperty(destination)) {
+          // config goes in project root, rest in install folder
+          installPaths[destination] = (destination == 'config' || destination == 'configFolder')
+            ? path.normalize(path.join(manager.root, installPaths[destination]))
+            : path.normalize(path.join(installFolder, installPaths[destination]))
+          ;
+        }
+      }
+
+      // create project folders
+      try {
+        mkdirp.sync(installFolder);
+        mkdirp.sync(installPaths.definition);
+        mkdirp.sync(installPaths.theme);
+        mkdirp.sync(installPaths.tasks);
+      } catch (error) {
+        console.error('NPM does not have permissions to create folders at your specified path. Adjust your folders permissions and run "npm install" again');
+      }
+
+      console.log('Installing to \x1b[92m' + answers.semanticRoot + '\x1b[0m');
+
+      console.info('Copying UI definitions');
+      wrench.copyDirSyncRecursive(source.definitions, installPaths.definition, settings.wrench.overwrite);
+
+      console.info('Copying UI themes');
+      wrench.copyDirSyncRecursive(source.themes, installPaths.theme, settings.wrench.merge);
+      wrench.copyDirSyncRecursive(source.defaultTheme, installPaths.defaultTheme, settings.wrench.overwrite);
+
+      console.info('Copying gulp tasks');
+      wrench.copyDirSyncRecursive(source.tasks, installPaths.tasks, settings.wrench.overwrite);
+
+      // copy theme import
+      console.info('Adding theme files');
+      gulp.src(source.themeImport)
+        .pipe(plumber())
+        .pipe(gulp.dest(installPaths.themeImport))
+      ;
+      gulp.src(source.lessImport)
+        .pipe(plumber())
+        .pipe(gulp.dest(installPaths.lessImport))
+      ;
+
+      // create gulp file
+      console.info('Creating gulpfile.js');
+      gulp.src(source.userGulpFile)
+        .pipe(plumber())
+        .pipe(gulp.dest(installFolder))
+      ;
+
+    }
+
+
+    /*--------------
+       Site Theme
+    ---------------*/
+
+    // Copy _site templates folder to destination
+    if (fs.existsSync(installPaths.site)) {
+      console.info('Site folder exists, merging files (no overwrite)', installPaths.site);
+    } else {
+      console.info('Creating site theme folder', installPaths.site);
+    }
+    wrench.copyDirSyncRecursive(source.site, installPaths.site, settings.wrench.merge);
+
+    /*--------------
+      Theme Config
+    ---------------*/
+
+    gulp.task('create theme.config', function () {
+      var
+        // determine path to site theme folder from theme config
+        // force CSS path variable to use forward slashes for paths
+        pathToSite   = path.relative(path.resolve(installPaths.themeConfigFolder), path.resolve(installPaths.site)).replace(/\\/g, '/'),
+        siteVariable = "@siteFolder   : '" + pathToSite + "/';"
+      ;
+
+      // rewrite site variable in theme.less
+      console.info('Adjusting @siteFolder to: ', pathToSite + '/');
+
+      if (fs.existsSync(installPaths.themeConfig)) {
+        console.info('Modifying src/theme.config (LESS config)', installPaths.themeConfig);
+        return gulp.src(installPaths.themeConfig)
+          .pipe(plumber())
+          .pipe(replace(regExp.siteVariable, siteVariable))
+          .pipe(gulp.dest(installPaths.themeConfigFolder))
+          ;
+      } else {
+        console.info('Creating src/theme.config (LESS config)', installPaths.themeConfig);
+        return gulp.src(source.themeConfig)
+          .pipe(plumber())
+          .pipe(rename({extname: ''}))
+          .pipe(replace(regExp.siteVariable, siteVariable))
+          .pipe(gulp.dest(installPaths.themeConfigFolder))
+          ;
+      }
+    });
+
+    /*--------------
+      Semantic.json
+    ---------------*/
+
+    gulp.task('create semantic.json', function () {
+
+      var
+        jsonConfig = install.createJSON(answers)
+      ;
+
+      // adjust variables in theme.less
+      if (fs.existsSync(installPaths.config)) {
+        console.info('Extending config file (semantic.json)', installPaths.config);
+        return gulp.src(installPaths.config)
+          .pipe(plumber())
+          .pipe(rename(settings.rename.json)) // preserve file extension
+          .pipe(jsonEditor(jsonConfig))
+          .pipe(gulp.dest(installPaths.configFolder))
+          ;
+      } else {
+        console.info('Creating config file (semantic.json)', installPaths.config);
+        return gulp.src(source.config)
+          .pipe(plumber())
+          .pipe(rename({extname: ''})) // remove .template from ext
+          .pipe(jsonEditor(jsonConfig, {end_with_newline: true}))
+          .pipe(gulp.dest(installPaths.configFolder))
+          ;
+      }
+
+    });
+
+    gulp.series('create theme.config', 'create semantic.json')(callback);
+  });
+
+  gulp.task('clean up install', function (callback) {
+
+    // Completion Message
+    if (installFolder && !install.shouldAutoInstall()) {
+      console.log('\n Setup Complete! \n Installing Peer Dependencies. \x1b[0;31mPlease refrain from ctrl + c\x1b[0m... \n After completion navigate to \x1b[92m' + answers.semanticRoot + '\x1b[0m and run "\x1b[92mgulp build\x1b[0m" to build');
+      callback();
+    } else {
+      console.log('');
+      console.log('');
+
+      // If auto-install is switched on, we skip the configuration section and simply build the dependencies
+      if (install.shouldAutoInstall()) {
+        gulp.series('build')(callback);
+      } else {
+        // We don't return the inquirer promise on purpose because we handle the callback ourselves
+        inquirer.prompt(questions.cleanup)
+          .then((answers) => {
+            if (answers.cleanup === 'yes') {
+              del(install.setupFiles);
+            }
+            if (answers.build === 'yes') {
+              gulp.series('build')(callback);
+            } else {
+              callback();
+            }
+          });
+      }
+    }
+  });
+
+  gulp.series('run setup', 'create install files', 'clean up install')(callback);
+};
diff --git a/src/wwwroot/libraries/fomantic/tasks/rtl/build.js b/src/wwwroot/libraries/fomantic/tasks/rtl/build.js
new file mode 100644
index 0000000..5ec5ac3
--- /dev/null
+++ b/src/wwwroot/libraries/fomantic/tasks/rtl/build.js
@@ -0,0 +1,12 @@
+/*******************************
+ *         Build Task
+ *******************************/
+
+var
+  gulp = require('gulp')
+;
+
+// RTL builds are now handled by the default build process
+module.exports = function (callback) {
+  gulp.series(require('../build'))(callback);
+};
diff --git a/src/wwwroot/libraries/fomantic/tasks/rtl/watch.js b/src/wwwroot/libraries/fomantic/tasks/rtl/watch.js
new file mode 100644
index 0000000..098c965
--- /dev/null
+++ b/src/wwwroot/libraries/fomantic/tasks/rtl/watch.js
@@ -0,0 +1,12 @@
+/*******************************
+ *          Watch Task
+ *******************************/
+
+var
+  gulp = require('gulp')
+;
+
+// RTL watch are now handled by the default watch process
+module.exports = function (callback) {
+  gulp.series(require('../watch'))(callback);
+};
\ No newline at end of file
diff --git a/src/wwwroot/libraries/fomantic/tasks/version.js b/src/wwwroot/libraries/fomantic/tasks/version.js
new file mode 100644
index 0000000..b5092a5
--- /dev/null
+++ b/src/wwwroot/libraries/fomantic/tasks/version.js
@@ -0,0 +1,12 @@
+/*******************************
+          Version Task
+*******************************/
+
+var
+  release = require('./config/project/release')
+;
+
+module.exports = function(callback) {
+  console.log(release.title + ' ' + release.version);
+  callback();
+};
\ No newline at end of file
diff --git a/src/wwwroot/libraries/fomantic/tasks/watch.js b/src/wwwroot/libraries/fomantic/tasks/watch.js
new file mode 100644
index 0000000..aec7af2
--- /dev/null
+++ b/src/wwwroot/libraries/fomantic/tasks/watch.js
@@ -0,0 +1,51 @@
+/*******************************
+ *          Watch Task
+ *******************************/
+
+var
+  gulp       = require('gulp'),
+
+  // node dependencies
+  console    = require('better-console'),
+
+  // user config
+  config     = require('./config/user'),
+
+  // task config
+  install    = require('./config/project/install'),
+
+  css        = require('./build/css'),
+  js         = require('./build/javascript'),
+  assets     = require('./build/assets')
+
+;
+
+// export task
+module.exports = function () {
+
+  if (!install.isSetup()) {
+    console.error('Cannot watch files. Run "gulp install" to set-up Semantic');
+    return;
+  }
+
+  console.clear();
+  console.log('Watching source files for changes');
+
+  /*--------------
+      Watch CSS
+  ---------------*/
+  css.watch('default', config);
+
+  /*--------------
+      Watch JS
+  ---------------*/
+
+  js.watch('default', config);
+
+  /*--------------
+    Watch Assets
+  ---------------*/
+
+  assets.watch('default', config);
+
+};