diff --git a/.gitignore b/.gitignore
index 53f6701e..eb6d7317 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,3 +1,4 @@
node_modules/
/coverage
/dist
+/semantic
diff --git a/README.MD b/README.MD
index 394cde0e..223433e7 100644
--- a/README.MD
+++ b/README.MD
@@ -1 +1,19 @@
-[](https://coveralls.io/github/AgileVentures/WebsiteOne-FE?branch=develop)
\ No newline at end of file
+[](https://coveralls.io/github/AgileVentures/WebsiteOne-FE?branch=develop)
+
+# Rebuild the semantic UI asserts
+## This command needs to be run with npm - yarn does not support interactive prompt installs
+`# npm install --save-dev semantic-ui`
+Then remove the dependency from package.json and delete the package-lock.json file - we do not want it as a dependency for every user
+
+This will create a new semantic folder
+and copy our defaut file:
+
+`cp site.variables semantic/src/site/globals/`
+
+Then you can build semantic-ui
+`gulp build` or `./../node_modules/gulp/bin/gulp.js build`
+use the default values
+
+and copy the folder to our src folder
+
+`cp -R dist/* ../src/assets/`
diff --git a/semantic.json b/semantic.json
new file mode 100644
index 00000000..0e92dfa3
--- /dev/null
+++ b/semantic.json
@@ -0,0 +1,22 @@
+{
+ "base": "semantic/",
+ "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/"
+ },
+ "permission": false,
+ "autoInstall": false,
+ "rtl": false,
+ "version": "2.4.2"
+}
\ No newline at end of file
diff --git a/site.variables b/site.variables
new file mode 100644
index 00000000..38fea1bf
--- /dev/null
+++ b/site.variables
@@ -0,0 +1,45 @@
+/*******************************
+ User Global Variables
+*******************************/
+
+@fontName : 'Ubuntu';
+@googleFontSizes : '400,500,400i,500i';
+@bold : 500;
+@emSize : 16px;
+@fontSize : 16px;
+@primaryColor : @orange;
+@secondaryColor : @teal;
+@lightPrimaryColor : @lightOrange;
+@lightSecondaryColor : @lightTeal;
+@headerLineHeight : unit((20 / 14), em);
+@h1 : unit((35 / 14), rem);
+@h2 : unit((30 / 14), rem);
+@h3 : unit((26 / 14), rem);
+@h4 : unit((21 / 14), rem);
+@h5 : unit((18 / 14), rem);
+@lineHeight : 1.4127em;
+@textColor : rgba(0, 0, 1, 0.72);
+@linkColor : @orange;
+@blue : #337AB7;
+@green : #5Cb85C;
+@olive : #9CA780;
+@orange : #EE7335;
+@pink : #D9499A;
+@purple : #A24096;
+@red : #E7603B;
+@teal : #6BABA1;
+@yellow : #E0A32E;
+@darkBlue : #34495E;
+@brown : #A5673F;
+@white : #FFFFFF;
+@lightBlue : lighten( @blue, 5);
+@lightGreen : lighten( @green, 5);
+@lightOrange : lighten( @orange, 5);
+@lightPink : #FF8EDF;
+@lightPurple : #CDC6FF;
+@lightRed : lighten( @red, 5);
+@lightTeal : lighten( @teal, 5);
+@lightYellow : lighten( @yellow, 5);
+@lightOlive : lighten( @olive, 5);
+@primaryColor : @orange;
+@secondaryColor : @darkBlue;
\ No newline at end of file
diff --git a/src/Wink.js b/src/Wink.js
deleted file mode 100644
index afd0d01c..00000000
--- a/src/Wink.js
+++ /dev/null
@@ -1,4 +0,0 @@
-
-import React from "react";
-import './wink.css'
-export const Wink = () => 😉;
\ No newline at end of file
diff --git a/src/index.html b/src/index.html
index a2528635..fc0f85c4 100644
--- a/src/index.html
+++ b/src/index.html
@@ -6,7 +6,6 @@
Books By Povic
-
diff --git a/src/index.js b/src/index.js
index 5a89baf6..fde316e7 100644
--- a/src/index.js
+++ b/src/index.js
@@ -3,6 +3,8 @@ import { render } from "react-dom";
import { UsersList } from "./containers/UsersList";
import { BrowserRouter, Route, Switch } from "react-router-dom";
+import "./assets/semantic.css"
+
render(
diff --git a/src/tests/wink.spec.js b/src/tests/wink.spec.js
deleted file mode 100644
index 3a331552..00000000
--- a/src/tests/wink.spec.js
+++ /dev/null
@@ -1,12 +0,0 @@
-import React from 'react'
-import {shallow} from 'enzyme';
-
-import {Wink} from '../Wink';
-
-
-describe('Wink', () => {
- it('should wink', () => {
- const component = shallow()
- expect(component.find('span').text()).toBe("😉")
- })
-})
\ No newline at end of file
diff --git a/src/wink.css b/src/wink.css
deleted file mode 100644
index cb6ceaae..00000000
--- a/src/wink.css
+++ /dev/null
@@ -1,3 +0,0 @@
-div {
- color: rebeccapurple;
-}
\ No newline at end of file