diff --git a/demo/assets/css/fork-corner.min.css b/demo/assets/css/fork-corner.min.css
index a9f35cc..8e89f68 100644
--- a/demo/assets/css/fork-corner.min.css
+++ b/demo/assets/css/fork-corner.min.css
@@ -21,4 +21,4 @@
  *//*!
  * Base Stylesheet | Fork Corner
  * By Waren Gonzaga
- */
+ */body{overflow-x:hidden}#fork-corner{z-index:105;position:absolute}.fork-corner+div{position:absolute;width:200px;height:200px;z-index:100}.fork-corner.fc-tr{top:16.66667px;right:16.66667px}.fork-corner.fc-tr+div{top:-100px;right:-100px;transform:rotate(45deg)}.fork-corner.fc-tl{top:16.66667px;left:16.66667px}.fork-corner.fc-tl+div{top:-100px;left:-100px;transform:rotate(45deg)}.fork-corner.fc-tr.fc-theme-default+div{background-color:#242424}.fork-corner.fc-tl.fc-theme-default+div{background-color:#242424}.fork-corner.fc-tr.fc-theme-github{text-decoration:none;width:50px;height:50px;background:url("https://simpleicons.org/icons/github.svg")}.fork-corner.fc-tr.fc-theme-github+div{background-color:#181717}.fork-corner.fc-tl.fc-theme-github{text-decoration:none;width:50px;height:50px;background:url("https://simpleicons.org/icons/github.svg")}.fork-corner.fc-tl.fc-theme-github+div{background-color:#181717}
diff --git a/demo/index.html b/demo/index.html
index 196739d..cb53e45 100644
--- a/demo/index.html
+++ b/demo/index.html
@@ -16,6 +16,14 @@
         <!--[if lt IE 7]>
             <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="#">upgrade your browser</a> to improve your experience.</p>
         <![endif]-->
+
+        <a href="#" target="_blank" id="fork-corner" class="fork-corner fc-tr fc-theme-github"></a>
+
+        <script>
+            var fcController = document.getElementById("fork-corner");
+            var fcElement = document.createElement("div");
+                fcController.parentNode.insertBefore(fcElement, fcController.nextSibling);
+        </script>
         
     </body>
 </html>
\ No newline at end of file
diff --git a/fork-corner.css b/fork-corner.css
index 7e9bbbf..6217719 100644
--- a/fork-corner.css
+++ b/fork-corner.css
@@ -24,3 +24,57 @@
  * Base Stylesheet | Fork Corner
  * By Waren Gonzaga
  */
+body {
+  overflow-x: hidden; }
+
+#fork-corner {
+  z-index: 105;
+  position: absolute; }
+
+.fork-corner + div {
+  position: absolute;
+  width: 200px;
+  height: 200px;
+  z-index: 100; }
+
+.fork-corner.fc-tr {
+  top: 16.66667px;
+  right: 16.66667px; }
+
+.fork-corner.fc-tr + div {
+  top: -100px;
+  right: -100px;
+  transform: rotate(45deg); }
+
+.fork-corner.fc-tl {
+  top: 16.66667px;
+  left: 16.66667px; }
+
+.fork-corner.fc-tl + div {
+  top: -100px;
+  left: -100px;
+  transform: rotate(45deg); }
+
+.fork-corner.fc-tr.fc-theme-default + div {
+  background-color: #242424; }
+
+.fork-corner.fc-tl.fc-theme-default + div {
+  background-color: #242424; }
+
+.fork-corner.fc-tr.fc-theme-github {
+  text-decoration: none;
+  width: 50px;
+  height: 50px;
+  background: url("https://simpleicons.org/icons/github.svg"); }
+
+.fork-corner.fc-tr.fc-theme-github + div {
+  background-color: #181717; }
+
+.fork-corner.fc-tl.fc-theme-github {
+  text-decoration: none;
+  width: 50px;
+  height: 50px;
+  background: url("https://simpleicons.org/icons/github.svg"); }
+
+.fork-corner.fc-tl.fc-theme-github + div {
+  background-color: #181717; }
diff --git a/fork-corner.min.css b/fork-corner.min.css
index a9f35cc..8e89f68 100644
--- a/fork-corner.min.css
+++ b/fork-corner.min.css
@@ -21,4 +21,4 @@
  *//*!
  * Base Stylesheet | Fork Corner
  * By Waren Gonzaga
- */
+ */body{overflow-x:hidden}#fork-corner{z-index:105;position:absolute}.fork-corner+div{position:absolute;width:200px;height:200px;z-index:100}.fork-corner.fc-tr{top:16.66667px;right:16.66667px}.fork-corner.fc-tr+div{top:-100px;right:-100px;transform:rotate(45deg)}.fork-corner.fc-tl{top:16.66667px;left:16.66667px}.fork-corner.fc-tl+div{top:-100px;left:-100px;transform:rotate(45deg)}.fork-corner.fc-tr.fc-theme-default+div{background-color:#242424}.fork-corner.fc-tl.fc-theme-default+div{background-color:#242424}.fork-corner.fc-tr.fc-theme-github{text-decoration:none;width:50px;height:50px;background:url("https://simpleicons.org/icons/github.svg")}.fork-corner.fc-tr.fc-theme-github+div{background-color:#181717}.fork-corner.fc-tl.fc-theme-github{text-decoration:none;width:50px;height:50px;background:url("https://simpleicons.org/icons/github.svg")}.fork-corner.fc-tl.fc-theme-github+div{background-color:#181717}
diff --git a/gulpfile.js b/gulpfile.js
index fbca1eb..2c29942 100644
--- a/gulpfile.js
+++ b/gulpfile.js
@@ -87,7 +87,7 @@ function cleanBuild() {
 // develop builds
 function devBuild() {
     return watch(path.source+'/*.scss', series(
-        lintCSS, compile, minify, copyright, demo
+        lintCSS, cleanBuild, compile, minify, copyright, demo
         ));
 }
 
diff --git a/source/_base.scss b/source/_base.scss
index ba4bd36..3d9ced8 100644
--- a/source/_base.scss
+++ b/source/_base.scss
@@ -2,3 +2,84 @@
  * Base Stylesheet | Fork Corner
  * By Waren Gonzaga
  */
+
+body {
+    overflow-x: hidden;
+}
+
+#fork-corner {
+    z-index: 105;
+    position: absolute;
+}
+
+.fork-corner + div {
+    position: absolute;
+    width: $corner-size;
+    height: $corner-size;
+    z-index: 100;
+}
+
+.fork-corner {
+    // top right controller
+    &.fc-tr {
+        top: $corner-size/12;
+        right: $corner-size/12;
+    }
+    // top right element
+    &.fc-tr + div {
+        top: ($corner-size/2) - $corner-size;
+        right: ($corner-size/2) - $corner-size;
+        transform: rotate(45deg);
+    }
+    // top left controller
+    &.fc-tl {
+        top: $corner-size/12;
+        left: $corner-size/12;
+    }
+    // top left element
+    &.fc-tl + div {
+        top: ($corner-size/2) - $corner-size;
+        left: ($corner-size/2) - $corner-size;
+        transform: rotate(45deg);
+    }
+}
+
+// default theme
+.fork-corner {
+    &.fc-tr {
+        &.fc-theme-default + div {
+            background-color: $default-bg-color;
+        }
+    }
+    &.fc-tl {
+        &.fc-theme-default + div {
+            background-color: $default-bg-color;
+        }
+    }
+}
+
+// github theme
+.fork-corner {
+    &.fc-tr {
+        &.fc-theme-github {
+            text-decoration: none;
+            width: $corner-size/4;
+            height: $corner-size/4;
+            background: url("https://simpleicons.org/icons/github.svg");
+        }
+        &.fc-theme-github + div {
+            background-color: $github-bg-color;
+        }
+    }
+    &.fc-tl {
+        &.fc-theme-github {
+            text-decoration: none;
+            width: $corner-size/4;
+            height: $corner-size/4;
+            background: url("https://simpleicons.org/icons/github.svg");
+        }
+        &.fc-theme-github + div {
+            background-color: $github-bg-color;
+        }
+    }
+}
diff --git a/source/_vars.scss b/source/_vars.scss
index 2ffee5c..30ea31f 100644
--- a/source/_vars.scss
+++ b/source/_vars.scss
@@ -2,3 +2,7 @@
  * Variables Stylesheet | Fork Corner
  * By Waren Gonzaga
  */
+
+$corner-size: 200px;
+$default-bg-color: #242424;
+$github-bg-color: #181717;
diff --git a/svg/github.svg b/svg/github.svg
new file mode 100644
index 0000000..ed5d0ed
--- /dev/null
+++ b/svg/github.svg
@@ -0,0 +1,3 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid meet" viewBox="0 0 640 640" width="800" height="800"><defs><path d="M320 7.92C143.2 7.92 0 151.2 0 327.92C0 469.33 91.68 589.25 218.8 631.52C234.8 634.53 240.67 624.64 240.67 616.13C240.67 608.53 240.4 588.4 240.27 561.73C151.25 581.04 132.48 518.8 132.48 518.8C117.92 481.87 96.88 472 96.88 472C67.89 452.16 99.12 452.56 99.12 452.56C131.25 454.8 148.13 485.52 148.13 485.52C176.67 534.45 223.04 520.32 241.33 512.13C244.21 491.44 252.45 477.33 261.6 469.33C190.53 461.33 115.84 433.81 115.84 311.2C115.84 276.27 128.24 247.73 148.77 225.33C145.17 217.25 134.37 184.72 151.57 140.64C151.57 140.64 178.37 132.05 239.57 173.44C265.17 166.32 292.37 162.8 319.57 162.64C346.77 162.8 373.97 166.32 399.57 173.44C460.37 132.05 487.17 140.64 487.17 140.64C504.37 184.72 493.57 217.25 490.37 225.33C510.77 247.73 523.17 276.27 523.17 311.2C523.17 434.13 448.37 461.2 377.17 469.07C388.37 478.67 398.77 498.29 398.77 528.27C398.77 571.09 398.37 605.49 398.37 615.89C398.37 624.29 403.97 634.29 420.37 631.09C548.4 589.12 640 469.12 640 327.92C640 151.2 496.72 7.92 320 7.92" id="a4TJPyj2zf"></path></defs><g><g><g><use xlink:href="#a4TJPyj2zf" opacity="1" fill="#ffffff" fill-opacity="1"></use><g><use xlink:href="#a4TJPyj2zf" opacity="1" fill-opacity="0" stroke="#000000" stroke-width="1" stroke-opacity="0"></use></g></g></g></g></svg>
\ No newline at end of file