' + text.title + '
';
+ }
+ if(typeof text.content !== undefined && text.content) {
+ text.content = escape(text.content);
+ html += '' + text.content + '
';
+ }
+ }
+ return html;
+ }
+ }
+
+};
+
+
+})( jQuery, window, document );
diff --git a/src/assets/semantic/dist/components/popup.min.css b/src/assets/semantic/dist/components/popup.min.css
new file mode 100644
index 0000000..55ae575
--- /dev/null
+++ b/src/assets/semantic/dist/components/popup.min.css
@@ -0,0 +1,9 @@
+/*!
+ * # Fomantic-UI - Popup
+ * http://github.com/fomantic/Fomantic-UI/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */.ui.popup{display:none;position:absolute;top:0;right:0;min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;z-index:1900;border:1px solid #d4d4d5;line-height:1.4285em;max-width:250px;background:#fff;padding:.833em 1em;font-weight:400;font-style:normal;color:rgba(0,0,0,.87);border-radius:.28571429rem;-webkit-box-shadow:0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15);box-shadow:0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15)}.ui.popup>.header{padding:0;font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;font-size:1.14285714em;line-height:1.2;font-weight:700}.ui.popup>.header+.content{padding-top:.5em}.ui.popup:before{position:absolute;content:'';width:.71428571em;height:.71428571em;background:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg);z-index:1901;-webkit-box-shadow:1px 1px 0 0 #bababc;box-shadow:1px 1px 0 0 #bababc}[data-tooltip]{position:relative}[data-tooltip]:before{pointer-events:none;position:absolute;content:'';font-size:1rem;width:.71428571em;height:.71428571em;background:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg);z-index:1901;-webkit-box-shadow:1px 1px 0 0 #bababc;box-shadow:1px 1px 0 0 #bababc}[data-tooltip]:after{pointer-events:none;content:attr(data-tooltip);position:absolute;text-transform:none;text-align:left;white-space:nowrap;font-size:1rem;border:1px solid #d4d4d5;line-height:1.4285em;max-width:none;background:#fff;padding:.833em 1em;font-weight:400;font-style:normal;color:rgba(0,0,0,.87);border-radius:.28571429rem;-webkit-box-shadow:0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15);box-shadow:0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15);z-index:1900}[data-tooltip]:not([data-position]):before{top:auto;right:auto;bottom:100%;left:50%;background:#fff;margin-left:-.07142857rem;margin-bottom:.14285714rem}[data-tooltip]:not([data-position]):after{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:100%;margin-bottom:.5em}[data-tooltip]:after,[data-tooltip]:before{pointer-events:none;visibility:hidden;opacity:0;-webkit-transition:opacity .1s ease,-webkit-transform .1s ease;transition:opacity .1s ease,-webkit-transform .1s ease;transition:transform .1s ease,opacity .1s ease;transition:transform .1s ease,opacity .1s ease,-webkit-transform .1s ease}[data-tooltip]:before{-webkit-transform:rotate(45deg) scale(0)!important;transform:rotate(45deg) scale(0)!important;-webkit-transform-origin:center top;transform-origin:center top}[data-tooltip]:after{-webkit-transform-origin:center bottom;transform-origin:center bottom}[data-tooltip]:hover:after,[data-tooltip]:hover:before{visibility:visible;pointer-events:auto;opacity:1}[data-tooltip]:hover:before{-webkit-transform:rotate(45deg) scale(1)!important;transform:rotate(45deg) scale(1)!important}[data-tooltip]:after,[data-tooltip][data-position="bottom center"]:after,[data-tooltip][data-position="top center"]:after{-webkit-transform:translateX(-50%) scale(0)!important;transform:translateX(-50%) scale(0)!important}[data-tooltip]:hover:after,[data-tooltip][data-position="bottom center"]:hover:after{-webkit-transform:translateX(-50%) scale(1)!important;transform:translateX(-50%) scale(1)!important}[data-tooltip][data-position="left center"]:after,[data-tooltip][data-position="right center"]:after{-webkit-transform:translateY(-50%) scale(0)!important;transform:translateY(-50%) scale(0)!important}[data-tooltip][data-position="left center"]:hover:after,[data-tooltip][data-position="right center"]:hover:after{-webkit-transform:translateY(-50%) scale(1)!important;transform:translateY(-50%) scale(1)!important}[data-tooltip][data-position="bottom left"]:after,[data-tooltip][data-position="bottom right"]:after,[data-tooltip][data-position="top left"]:after,[data-tooltip][data-position="top right"]:after{-webkit-transform:scale(0)!important;transform:scale(0)!important}[data-tooltip][data-position="bottom left"]:hover:after,[data-tooltip][data-position="bottom right"]:hover:after,[data-tooltip][data-position="top left"]:hover:after,[data-tooltip][data-position="top right"]:hover:after{-webkit-transform:scale(1)!important;transform:scale(1)!important}[data-tooltip][data-variation~=fixed]:after{white-space:normal;width:250px}[data-tooltip][data-variation*="wide fixed"]:after{width:350px}[data-tooltip][data-variation*="very wide fixed"]:after{width:550px}@media only screen and (max-width:767.98px){[data-tooltip][data-variation~=fixed]:after{width:250px}}[data-tooltip][data-inverted]:before{-webkit-box-shadow:none!important;box-shadow:none!important}[data-tooltip][data-inverted]:before{background:#1b1c1d}[data-tooltip][data-inverted]:after{background:#1b1c1d;color:#fff;border:none;-webkit-box-shadow:none;box-shadow:none}[data-tooltip][data-inverted]:after .header{background:0 0;color:#fff}[data-position~=top][data-tooltip]:before{background:#fff}[data-position="top center"][data-tooltip]:after{top:auto;right:auto;left:50%;bottom:100%;-webkit-transform:translateX(-50%);transform:translateX(-50%);margin-bottom:.5em}[data-position="top center"][data-tooltip]:before{top:auto;right:auto;bottom:100%;left:50%;background:#fff;margin-left:-.07142857rem;margin-bottom:.14285714rem}[data-position="top left"][data-tooltip]:after{top:auto;right:auto;left:0;bottom:100%;margin-bottom:.5em}[data-position="top left"][data-tooltip]:before{top:auto;right:auto;bottom:100%;left:1em;margin-left:-.07142857rem;margin-bottom:.14285714rem}[data-position="top right"][data-tooltip]:after{top:auto;left:auto;right:0;bottom:100%;margin-bottom:.5em}[data-position="top right"][data-tooltip]:before{top:auto;left:auto;bottom:100%;right:1em;margin-left:-.07142857rem;margin-bottom:.14285714rem}[data-position~=bottom][data-tooltip]:before{background:#fff;-webkit-box-shadow:-1px -1px 0 0 #bababc;box-shadow:-1px -1px 0 0 #bababc}[data-position="bottom center"][data-tooltip]:after{bottom:auto;right:auto;left:50%;top:100%;-webkit-transform:translateX(-50%);transform:translateX(-50%);margin-top:.5em}[data-position="bottom center"][data-tooltip]:before{bottom:auto;right:auto;top:100%;left:50%;margin-left:-.07142857rem;margin-top:.14285714rem}[data-position="bottom left"][data-tooltip]:after{left:0;top:100%;margin-top:.5em}[data-position="bottom left"][data-tooltip]:before{bottom:auto;right:auto;top:100%;left:1em;margin-left:-.07142857rem;margin-top:.14285714rem}[data-position="bottom right"][data-tooltip]:after{right:0;top:100%;margin-top:.5em}[data-position="bottom right"][data-tooltip]:before{bottom:auto;left:auto;top:100%;right:1em;margin-left:-.14285714rem;margin-top:.07142857rem}[data-position="left center"][data-tooltip]:after{right:100%;top:50%;margin-right:.5em;-webkit-transform:translateY(-50%);transform:translateY(-50%)}[data-position="left center"][data-tooltip]:before{right:100%;top:50%;margin-top:-.14285714rem;margin-right:-.07142857rem;background:#fff;-webkit-box-shadow:1px -1px 0 0 #bababc;box-shadow:1px -1px 0 0 #bababc}[data-position="right center"][data-tooltip]:after{left:100%;top:50%;margin-left:.5em;-webkit-transform:translateY(-50%);transform:translateY(-50%)}[data-position="right center"][data-tooltip]:before{left:100%;top:50%;margin-top:-.07142857rem;margin-left:.14285714rem;background:#fff;-webkit-box-shadow:-1px 1px 0 0 #bababc;box-shadow:-1px 1px 0 0 #bababc}[data-inverted][data-position~=bottom][data-tooltip]:before{background:#1b1c1d;-webkit-box-shadow:-1px -1px 0 0 #bababc;box-shadow:-1px -1px 0 0 #bababc}[data-inverted][data-position="left center"][data-tooltip]:before{background:#1b1c1d;-webkit-box-shadow:1px -1px 0 0 #bababc;box-shadow:1px -1px 0 0 #bababc}[data-inverted][data-position="right center"][data-tooltip]:before{background:#1b1c1d;-webkit-box-shadow:-1px 1px 0 0 #bababc;box-shadow:-1px 1px 0 0 #bababc}[data-inverted][data-position~=top][data-tooltip]:before{background:#1b1c1d}[data-position~=bottom][data-tooltip]:before{-webkit-transform-origin:center bottom;transform-origin:center bottom}[data-position~=bottom][data-tooltip]:after{-webkit-transform-origin:center top;transform-origin:center top}[data-position="left center"][data-tooltip]:before{-webkit-transform-origin:top center;transform-origin:top center}[data-position="left center"][data-tooltip]:after{-webkit-transform-origin:right center;transform-origin:right center}[data-position="right center"][data-tooltip]:before{-webkit-transform-origin:right center;transform-origin:right center}[data-position="right center"][data-tooltip]:after{-webkit-transform-origin:left center;transform-origin:left center}[data-tooltip][data-variation~=basic]:before{display:none}.ui.popup{margin:0}.ui.top.popup{margin:0 0 .71428571em}.ui.top.left.popup{-webkit-transform-origin:left bottom;transform-origin:left bottom}.ui.top.center.popup{-webkit-transform-origin:center bottom;transform-origin:center bottom}.ui.top.right.popup{-webkit-transform-origin:right bottom;transform-origin:right bottom}.ui.left.center.popup{margin:0 .71428571em 0 0;-webkit-transform-origin:right 50%;transform-origin:right 50%}.ui.right.center.popup{margin:0 0 0 .71428571em;-webkit-transform-origin:left 50%;transform-origin:left 50%}.ui.bottom.popup{margin:.71428571em 0 0}.ui.bottom.left.popup{-webkit-transform-origin:left top;transform-origin:left top}.ui.bottom.center.popup{-webkit-transform-origin:center top;transform-origin:center top}.ui.bottom.right.popup{-webkit-transform-origin:right top;transform-origin:right top}.ui.bottom.center.popup:before{margin-left:-.30714286em;top:-.30714286em;left:50%;right:auto;bottom:auto;-webkit-box-shadow:-1px -1px 0 0 #bababc;box-shadow:-1px -1px 0 0 #bababc}.ui.bottom.left.popup{margin-left:0}.ui.bottom.left.popup:before{top:-.30714286em;left:1em;right:auto;bottom:auto;margin-left:0;-webkit-box-shadow:-1px -1px 0 0 #bababc;box-shadow:-1px -1px 0 0 #bababc}.ui.bottom.right.popup{margin-right:0}.ui.bottom.right.popup:before{top:-.30714286em;right:1em;bottom:auto;left:auto;margin-left:0;-webkit-box-shadow:-1px -1px 0 0 #bababc;box-shadow:-1px -1px 0 0 #bababc}.ui.top.center.popup:before{top:auto;right:auto;bottom:-.30714286em;left:50%;margin-left:-.30714286em}.ui.top.left.popup{margin-left:0}.ui.top.left.popup:before{bottom:-.30714286em;left:1em;top:auto;right:auto;margin-left:0}.ui.top.right.popup{margin-right:0}.ui.top.right.popup:before{bottom:-.30714286em;right:1em;top:auto;left:auto;margin-left:0}.ui.left.center.popup:before{top:50%;right:-.30714286em;bottom:auto;left:auto;margin-top:-.30714286em;-webkit-box-shadow:1px -1px 0 0 #bababc;box-shadow:1px -1px 0 0 #bababc}.ui.right.center.popup:before{top:50%;left:-.30714286em;bottom:auto;right:auto;margin-top:-.30714286em;-webkit-box-shadow:-1px 1px 0 0 #bababc;box-shadow:-1px 1px 0 0 #bababc}.ui.left.center.popup:before,.ui.right.center.popup:before{background:#fff}.ui.bottom.popup:before{background:#fff}.ui.top.popup:before{background:#fff}.ui.inverted.bottom.popup:before{background:#1b1c1d}.ui.inverted.left.center.popup:before,.ui.inverted.right.center.popup:before{background:#1b1c1d}.ui.inverted.top.popup:before{background:#1b1c1d}.ui.popup>.ui.grid:not(.padded){width:calc(100% + 1.75rem);margin:-.7rem -.875rem}.ui.loading.popup{display:block;visibility:hidden;z-index:-1}.ui.animating.popup,.ui.visible.popup{display:block}.ui.visible.popup{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.ui.basic.popup:before{display:none}.ui.fixed.popup{width:250px}.ui.wide.popup{max-width:350px}.ui.wide.popup.fixed{width:350px}.ui[class*="very wide"].popup{max-width:550px}.ui[class*="very wide"].popup.fixed{width:550px}@media only screen and (max-width:767.98px){.ui.wide.popup,.ui[class*="very wide"].popup{max-width:250px}.ui.wide.popup.fixed,.ui[class*="very wide"].popup.fixed{width:250px}}.ui.fluid.popup{width:100%;max-width:none}.ui.inverted.popup{background:#1b1c1d;color:#fff;border:none;-webkit-box-shadow:none;box-shadow:none}.ui.inverted.popup .header{background-color:none;color:#fff}.ui.inverted.popup:before{background-color:#1b1c1d;-webkit-box-shadow:none!important;box-shadow:none!important}.ui.flowing.popup{max-width:none}.ui.popup{font-size:1rem}.ui.mini.popup{font-size:.78571429rem}[data-tooltip][data-variation~=mini]:after,[data-tooltip][data-variation~=mini]:before{font-size:.78571429rem}.ui.tiny.popup{font-size:.85714286rem}[data-tooltip][data-variation~=tiny]:after,[data-tooltip][data-variation~=tiny]:before{font-size:.85714286rem}.ui.small.popup{font-size:.92857143rem}[data-tooltip][data-variation~=small]:after,[data-tooltip][data-variation~=small]:before{font-size:.92857143rem}.ui.large.popup{font-size:1.14285714rem}[data-tooltip][data-variation~=large]:after,[data-tooltip][data-variation~=large]:before{font-size:1.14285714rem}.ui.big.popup{font-size:1.28571429rem}[data-tooltip][data-variation~=big]:after,[data-tooltip][data-variation~=big]:before{font-size:1.28571429rem}.ui.huge.popup{font-size:1.42857143rem}[data-tooltip][data-variation~=huge]:after,[data-tooltip][data-variation~=huge]:before{font-size:1.42857143rem}.ui.massive.popup{font-size:1.71428571rem}[data-tooltip][data-variation~=massive]:after,[data-tooltip][data-variation~=massive]:before{font-size:1.71428571rem}
\ No newline at end of file
diff --git a/src/assets/semantic/dist/components/popup.min.js b/src/assets/semantic/dist/components/popup.min.js
new file mode 100644
index 0000000..8c7df8e
--- /dev/null
+++ b/src/assets/semantic/dist/components/popup.min.js
@@ -0,0 +1,11 @@
+ /*
+ * # Fomantic UI - 2.8.3
+ * https://github.com/fomantic/Fomantic-UI
+ * http://fomantic-ui.com/
+ *
+ * Copyright 2014 Contributors
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+!function(V,W,M,z){"use strict";V.isFunction=V.isFunction||function(t){return"function"==typeof t&&"number"!=typeof t.nodeType},W=void 0!==W&&W.Math==Math?W:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")(),V.fn.popup=function(x){var E,t=V(this),k=V(M),S=V(W),A=V("body"),F=t.selector||"",O="ontouchstart"in M.documentElement?"touchstart":"click",D=(new Date).getTime(),j=[],R=x,H="string"==typeof R,N=[].slice.call(arguments,1);return t.each(function(){var u,l,t,e,o,c,d=V.isPlainObject(x)?V.extend(!0,{},V.fn.popup.settings,x):V.extend({},V.fn.popup.settings),i=d.selector,f=d.className,h=d.error,g=d.metadata,n=d.namespace,r="."+d.namespace,a="module-"+n,m=V(this),s=V(d.context),p=V(d.scrollContext),v=V(d.boundary),b=d.target?V(d.target):m,w=0,y=!1,P=!1,C=this,T=m.data(a);c={initialize:function(){c.debug("Initializing",m),c.createID(),c.bind.events(),!c.exists()&&d.preserve&&c.create(),d.observeChanges&&c.observeChanges(),c.instantiate()},instantiate:function(){c.verbose("Storing instance",c),T=c,m.data(a,T)},observeChanges:function(){"MutationObserver"in W&&((t=new MutationObserver(c.event.documentChanged)).observe(M,{childList:!0,subtree:!0}),c.debug("Setting up mutation observer",t))},refresh:function(){d.popup?u=V(d.popup).eq(0):d.inline&&(u=b.nextAll(i.popup).eq(0),d.popup=u),d.popup?(u.addClass(f.loading),l=c.get.offsetParent(),u.removeClass(f.loading),d.movePopup&&c.has.popup()&&c.get.offsetParent(u)[0]!==l[0]&&(c.debug("Moving popup to the same offset parent as target"),u.detach().appendTo(l))):l=d.inline?c.get.offsetParent(b):c.has.popup()?c.get.offsetParent(u):A,l.is("html")&&l[0]!==A[0]&&(c.debug("Setting page as offset parent"),l=A),c.get.variation()&&c.set.variation()},reposition:function(){c.refresh(),c.set.position()},destroy:function(){c.debug("Destroying previous module"),t&&t.disconnect(),u&&!d.preserve&&c.removePopup(),clearTimeout(c.hideTimer),clearTimeout(c.showTimer),c.unbind.close(),c.unbind.events(),m.removeData(a)},event:{start:function(t){var e=V.isPlainObject(d.delay)?d.delay.show:d.delay;clearTimeout(c.hideTimer),(!P||P&&d.addTouchEvents)&&(c.showTimer=setTimeout(c.show,e))},end:function(){var t=V.isPlainObject(d.delay)?d.delay.hide:d.delay;clearTimeout(c.showTimer),c.hideTimer=setTimeout(c.hide,t)},touchstart:function(t){P=!0,d.addTouchEvents&&c.show()},resize:function(){c.is.visible()&&c.set.position()},documentChanged:function(t){[].forEach.call(t,function(t){t.removedNodes&&[].forEach.call(t.removedNodes,function(t){(t==C||0'+t.title+"
"),typeof t.content!==z&&t.content&&(t.content=o(t.content),e+=''+t.content+"
")),e}}}}(jQuery,window,document);
\ No newline at end of file
diff --git a/src/assets/semantic/dist/components/progress.css b/src/assets/semantic/dist/components/progress.css
new file mode 100644
index 0000000..2564e23
--- /dev/null
+++ b/src/assets/semantic/dist/components/progress.css
@@ -0,0 +1,820 @@
+/*!
+ * # Fomantic-UI - Progress Bar
+ * http://github.com/fomantic/Fomantic-UI/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+
+/*******************************
+ Progress
+*******************************/
+
+.ui.progress {
+ position: relative;
+ display: block;
+ max-width: 100%;
+ border: none;
+ margin: 1em 0 2.5em;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ background: rgba(0, 0, 0, 0.1);
+ padding: 0;
+ border-radius: 0.28571429rem;
+}
+.ui.progress:first-child {
+ margin: 0 0 2.5em;
+}
+.ui.progress:last-child {
+ margin: 0 0 1.5em;
+}
+
+
+/*******************************
+ Content
+*******************************/
+
+
+/* Activity Bar */
+.ui.progress .bar {
+ display: block;
+ line-height: 1;
+ position: relative;
+ width: 0;
+ min-width: 2em;
+ background: #888888;
+ border-radius: 0.28571429rem;
+ -webkit-transition: width 0.1s ease, background-color 0.1s ease;
+ transition: width 0.1s ease, background-color 0.1s ease;
+ overflow: hidden;
+}
+.ui.ui.ui.progress:not([data-percent]):not(.indeterminate) .bar,
+.ui.ui.ui.progress[data-percent="0"]:not(.indeterminate) .bar {
+ background: transparent;
+}
+.ui.progress[data-percent="0"] .bar .progress {
+ color: rgba(0, 0, 0, 0.87);
+}
+.ui.inverted.progress[data-percent="0"] .bar .progress {
+ color: rgba(255, 255, 255, 0.9);
+}
+
+/* Percent Complete */
+.ui.progress .bar > .progress {
+ white-space: nowrap;
+ position: absolute;
+ width: auto;
+ font-size: 0.92857143em;
+ top: 50%;
+ right: 0.5em;
+ left: auto;
+ bottom: auto;
+ color: rgba(255, 255, 255, 0.7);
+ text-shadow: none;
+ margin-top: -0.5em;
+ font-weight: bold;
+ text-align: left;
+}
+
+/* Label */
+.ui.progress > .label {
+ position: absolute;
+ width: 100%;
+ font-size: 1em;
+ top: 100%;
+ right: auto;
+ left: 0;
+ bottom: auto;
+ color: rgba(0, 0, 0, 0.87);
+ font-weight: bold;
+ text-shadow: none;
+ margin-top: 0.2em;
+ text-align: center;
+ -webkit-transition: color 0.4s ease;
+ transition: color 0.4s ease;
+}
+
+
+/*******************************
+ Types
+*******************************/
+
+
+/* Indicating */
+.ui.indicating.progress[data-percent^="1"] .bar,
+.ui.indicating.progress[data-percent^="2"] .bar {
+ background-color: #D95C5C;
+}
+.ui.indicating.progress[data-percent^="3"] .bar {
+ background-color: #EFBC72;
+}
+.ui.indicating.progress[data-percent^="4"] .bar,
+.ui.indicating.progress[data-percent^="5"] .bar {
+ background-color: #E6BB48;
+}
+.ui.indicating.progress[data-percent^="6"] .bar {
+ background-color: #DDC928;
+}
+.ui.indicating.progress[data-percent^="7"] .bar,
+.ui.indicating.progress[data-percent^="8"] .bar {
+ background-color: #B4D95C;
+}
+.ui.indicating.progress[data-percent^="9"] .bar,
+.ui.indicating.progress[data-percent^="100"] .bar {
+ background-color: #66DA81;
+}
+
+/* Indicating Label */
+.ui.indicating.progress[data-percent^="1"] .label,
+.ui.indicating.progress[data-percent^="2"] .label {
+ color: rgba(0, 0, 0, 0.87);
+}
+.ui.indicating.progress[data-percent^="3"] .label {
+ color: rgba(0, 0, 0, 0.87);
+}
+.ui.indicating.progress[data-percent^="4"] .label,
+.ui.indicating.progress[data-percent^="5"] .label {
+ color: rgba(0, 0, 0, 0.87);
+}
+.ui.indicating.progress[data-percent^="6"] .label {
+ color: rgba(0, 0, 0, 0.87);
+}
+.ui.indicating.progress[data-percent^="7"] .label,
+.ui.indicating.progress[data-percent^="8"] .label {
+ color: rgba(0, 0, 0, 0.87);
+}
+.ui.indicating.progress[data-percent^="9"] .label,
+.ui.indicating.progress[data-percent^="100"] .label {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+/* Inverted Indicating Label */
+.ui.inverted.indicating.progress[data-percent^="1"] .label,
+.ui.inverted.indicating.progress[data-percent^="2"] .label {
+ color: rgba(255, 255, 255, 0.9);
+}
+.ui.inverted.indicating.progress[data-percent^="3"] .label {
+ color: rgba(255, 255, 255, 0.9);
+}
+.ui.inverted.indicating.progress[data-percent^="4"] .label,
+.ui.inverted.indicating.progress[data-percent^="5"] .label {
+ color: rgba(255, 255, 255, 0.9);
+}
+.ui.inverted.indicating.progress[data-percent^="6"] .label {
+ color: rgba(255, 255, 255, 0.9);
+}
+.ui.inverted.indicating.progress[data-percent^="7"] .label,
+.ui.inverted.indicating.progress[data-percent^="8"] .label {
+ color: rgba(255, 255, 255, 0.9);
+}
+.ui.inverted.indicating.progress[data-percent^="9"] .label,
+.ui.inverted.indicating.progress[data-percent^="100"] .label {
+ color: rgba(255, 255, 255, 0.9);
+}
+
+/* Single Digits */
+.ui.indicating.progress[data-percent="1"] .bar,
+.ui.indicating.progress[data-percent="2"] .bar,
+.ui.indicating.progress[data-percent="3"] .bar,
+.ui.indicating.progress[data-percent="4"] .bar,
+.ui.indicating.progress[data-percent="5"] .bar,
+.ui.indicating.progress[data-percent="6"] .bar,
+.ui.indicating.progress[data-percent="7"] .bar,
+.ui.indicating.progress[data-percent="8"] .bar,
+.ui.indicating.progress[data-percent="9"] .bar {
+ background-color: #D95C5C;
+}
+.ui.indicating.progress[data-percent="0"] .label,
+.ui.indicating.progress[data-percent="1"] .label,
+.ui.indicating.progress[data-percent="2"] .label,
+.ui.indicating.progress[data-percent="3"] .label,
+.ui.indicating.progress[data-percent="4"] .label,
+.ui.indicating.progress[data-percent="5"] .label,
+.ui.indicating.progress[data-percent="6"] .label,
+.ui.indicating.progress[data-percent="7"] .label,
+.ui.indicating.progress[data-percent="8"] .label,
+.ui.indicating.progress[data-percent="9"] .label {
+ color: rgba(0, 0, 0, 0.87);
+}
+.ui.inverted.indicating.progress[data-percent="0"] .label,
+.ui.inverted.indicating.progress[data-percent="1"] .label,
+.ui.inverted.indicating.progress[data-percent="2"] .label,
+.ui.inverted.indicating.progress[data-percent="3"] .label,
+.ui.inverted.indicating.progress[data-percent="4"] .label,
+.ui.inverted.indicating.progress[data-percent="5"] .label,
+.ui.inverted.indicating.progress[data-percent="6"] .label,
+.ui.inverted.indicating.progress[data-percent="7"] .label,
+.ui.inverted.indicating.progress[data-percent="8"] .label,
+.ui.inverted.indicating.progress[data-percent="9"] .label {
+ color: rgba(255, 255, 255, 0.9);
+}
+
+/* Indicating Success */
+.ui.ui.indicating.progress.success .label {
+ color: #1A531B;
+}
+
+/* Multiple */
+.ui.multiple.progress {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+}
+
+
+/*******************************
+ States
+*******************************/
+
+
+/*--------------
+ Success
+ ---------------*/
+
+.ui.ui.progress.success .bar {
+ background-color: #21BA45;
+}
+.ui.ui.progress.success .bar,
+.ui.ui.progress.success .bar::after {
+ -webkit-animation: none;
+ animation: none;
+}
+.ui.progress.success > .label {
+ color: #1A531B;
+}
+
+/*--------------
+ Warning
+ ---------------*/
+
+.ui.ui.progress.warning .bar {
+ background-color: #F2C037;
+}
+.ui.ui.progress.warning .bar,
+.ui.ui.progress.warning .bar::after {
+ -webkit-animation: none;
+ animation: none;
+}
+.ui.progress.warning > .label {
+ color: #794B02;
+}
+
+/*--------------
+ Error
+ ---------------*/
+
+.ui.ui.progress.error .bar {
+ background-color: #DB2828;
+}
+.ui.ui.progress.error .bar,
+.ui.ui.progress.error .bar::after {
+ -webkit-animation: none;
+ animation: none;
+}
+.ui.progress.error > .label {
+ color: #912D2B;
+}
+
+/*--------------
+ Active
+ ---------------*/
+
+.ui.active.progress .bar {
+ position: relative;
+ min-width: 2em;
+}
+.ui.active.progress .bar::after {
+ content: '';
+ opacity: 0;
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ background: #FFFFFF;
+ border-radius: 0.28571429rem;
+ -webkit-animation: progress-active 2s ease infinite;
+ animation: progress-active 2s ease infinite;
+ -webkit-transform-origin: left;
+ transform-origin: left;
+}
+@-webkit-keyframes progress-active {
+ 0% {
+ opacity: 0.3;
+ -webkit-transform: scale(0, 1);
+ transform: scale(0, 1);
+ }
+ 100% {
+ opacity: 0;
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ }
+}
+@keyframes progress-active {
+ 0% {
+ opacity: 0.3;
+ -webkit-transform: scale(0, 1);
+ transform: scale(0, 1);
+ }
+ 100% {
+ opacity: 0;
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ }
+}
+
+/*--------------
+ Disabled
+ ---------------*/
+
+.ui.disabled.progress {
+ opacity: 0.35;
+}
+.ui.ui.disabled.progress .bar,
+.ui.ui.disabled.progress .bar::after {
+ -webkit-animation: none;
+ animation: none;
+}
+
+
+/*******************************
+ Variations
+*******************************/
+
+
+/*--------------
+ Inverted
+ ---------------*/
+
+.ui.inverted.progress {
+ background: rgba(255, 255, 255, 0.08);
+ border: none;
+}
+.ui.inverted.progress .bar {
+ background: #888888;
+}
+.ui.inverted.progress .bar > .progress {
+ color: #1B1C1D;
+}
+.ui.inverted.progress > .label {
+ color: #FFFFFF;
+}
+.ui.inverted.progress.success > .label {
+ color: #21BA45;
+}
+.ui.inverted.progress.warning > .label {
+ color: #F2C037;
+}
+.ui.inverted.progress.error > .label {
+ color: #DB2828;
+}
+
+/*--------------
+ Attached
+ ---------------*/
+
+
+/* bottom attached */
+.ui.progress.attached {
+ background: transparent;
+ position: relative;
+ border: none;
+ margin: 0;
+}
+.ui.progress.attached,
+.ui.progress.attached .bar {
+ display: block;
+ height: 0.2rem;
+ padding: 0;
+ overflow: hidden;
+ border-radius: 0 0 0.28571429rem 0.28571429rem;
+}
+.ui.progress.attached .bar {
+ border-radius: 0;
+}
+
+/* top attached */
+.ui.progress.top.attached,
+.ui.progress.top.attached .bar {
+ top: 0;
+ border-radius: 0.28571429rem 0.28571429rem 0 0;
+}
+.ui.progress.top.attached .bar {
+ border-radius: 0;
+}
+
+/* Coupling */
+.ui.segment > .ui.attached.progress,
+.ui.card > .ui.attached.progress {
+ position: absolute;
+ top: auto;
+ left: 0;
+ bottom: 100%;
+ width: 100%;
+}
+.ui.segment > .ui.bottom.attached.progress,
+.ui.card > .ui.bottom.attached.progress {
+ top: 100%;
+ bottom: auto;
+}
+
+/*--------------
+ Colors
+---------------*/
+
+.ui.indeterminate.primary.progress .bar::before,
+.ui.primary.progress .bar,
+.ui.progress .primary.bar {
+ background-color: #2185D0;
+}
+.ui.inverted.indeterminate.primary.progress .bar::before,
+.ui.primary.inverted.progress .bar,
+.ui.inverted.progress .primary.bar {
+ background-color: #54C8FF;
+}
+.ui.indeterminate.secondary.progress .bar::before,
+.ui.secondary.progress .bar,
+.ui.progress .secondary.bar {
+ background-color: #1B1C1D;
+}
+.ui.inverted.indeterminate.secondary.progress .bar::before,
+.ui.secondary.inverted.progress .bar,
+.ui.inverted.progress .secondary.bar {
+ background-color: #545454;
+}
+.ui.indeterminate.red.progress .bar::before,
+.ui.red.progress .bar,
+.ui.progress .red.bar {
+ background-color: #DB2828;
+}
+.ui.inverted.indeterminate.red.progress .bar::before,
+.ui.red.inverted.progress .bar,
+.ui.inverted.progress .red.bar {
+ background-color: #FF695E;
+}
+.ui.indeterminate.orange.progress .bar::before,
+.ui.orange.progress .bar,
+.ui.progress .orange.bar {
+ background-color: #F2711C;
+}
+.ui.inverted.indeterminate.orange.progress .bar::before,
+.ui.orange.inverted.progress .bar,
+.ui.inverted.progress .orange.bar {
+ background-color: #FF851B;
+}
+.ui.indeterminate.yellow.progress .bar::before,
+.ui.yellow.progress .bar,
+.ui.progress .yellow.bar {
+ background-color: #FBBD08;
+}
+.ui.inverted.indeterminate.yellow.progress .bar::before,
+.ui.yellow.inverted.progress .bar,
+.ui.inverted.progress .yellow.bar {
+ background-color: #FFE21F;
+}
+.ui.indeterminate.olive.progress .bar::before,
+.ui.olive.progress .bar,
+.ui.progress .olive.bar {
+ background-color: #B5CC18;
+}
+.ui.inverted.indeterminate.olive.progress .bar::before,
+.ui.olive.inverted.progress .bar,
+.ui.inverted.progress .olive.bar {
+ background-color: #D9E778;
+}
+.ui.indeterminate.green.progress .bar::before,
+.ui.green.progress .bar,
+.ui.progress .green.bar {
+ background-color: #21BA45;
+}
+.ui.inverted.indeterminate.green.progress .bar::before,
+.ui.green.inverted.progress .bar,
+.ui.inverted.progress .green.bar {
+ background-color: #2ECC40;
+}
+.ui.indeterminate.teal.progress .bar::before,
+.ui.teal.progress .bar,
+.ui.progress .teal.bar {
+ background-color: #00B5AD;
+}
+.ui.inverted.indeterminate.teal.progress .bar::before,
+.ui.teal.inverted.progress .bar,
+.ui.inverted.progress .teal.bar {
+ background-color: #6DFFFF;
+}
+.ui.indeterminate.blue.progress .bar::before,
+.ui.blue.progress .bar,
+.ui.progress .blue.bar {
+ background-color: #2185D0;
+}
+.ui.inverted.indeterminate.blue.progress .bar::before,
+.ui.blue.inverted.progress .bar,
+.ui.inverted.progress .blue.bar {
+ background-color: #54C8FF;
+}
+.ui.indeterminate.violet.progress .bar::before,
+.ui.violet.progress .bar,
+.ui.progress .violet.bar {
+ background-color: #6435C9;
+}
+.ui.inverted.indeterminate.violet.progress .bar::before,
+.ui.violet.inverted.progress .bar,
+.ui.inverted.progress .violet.bar {
+ background-color: #A291FB;
+}
+.ui.indeterminate.purple.progress .bar::before,
+.ui.purple.progress .bar,
+.ui.progress .purple.bar {
+ background-color: #A333C8;
+}
+.ui.inverted.indeterminate.purple.progress .bar::before,
+.ui.purple.inverted.progress .bar,
+.ui.inverted.progress .purple.bar {
+ background-color: #DC73FF;
+}
+.ui.indeterminate.pink.progress .bar::before,
+.ui.pink.progress .bar,
+.ui.progress .pink.bar {
+ background-color: #E03997;
+}
+.ui.inverted.indeterminate.pink.progress .bar::before,
+.ui.pink.inverted.progress .bar,
+.ui.inverted.progress .pink.bar {
+ background-color: #FF8EDF;
+}
+.ui.indeterminate.brown.progress .bar::before,
+.ui.brown.progress .bar,
+.ui.progress .brown.bar {
+ background-color: #A5673F;
+}
+.ui.inverted.indeterminate.brown.progress .bar::before,
+.ui.brown.inverted.progress .bar,
+.ui.inverted.progress .brown.bar {
+ background-color: #D67C1C;
+}
+.ui.indeterminate.grey.progress .bar::before,
+.ui.grey.progress .bar,
+.ui.progress .grey.bar {
+ background-color: #767676;
+}
+.ui.inverted.indeterminate.grey.progress .bar::before,
+.ui.grey.inverted.progress .bar,
+.ui.inverted.progress .grey.bar {
+ background-color: #DCDDDE;
+}
+.ui.indeterminate.black.progress .bar::before,
+.ui.black.progress .bar,
+.ui.progress .black.bar {
+ background-color: #1B1C1D;
+}
+.ui.inverted.indeterminate.black.progress .bar::before,
+.ui.black.inverted.progress .bar,
+.ui.inverted.progress .black.bar {
+ background-color: #545454;
+}
+
+/*--------------
+ Sizes
+---------------*/
+
+.ui.progress {
+ font-size: 1rem;
+}
+.ui.progress .bar {
+ height: 1.75em;
+}
+.ui.mini.progress {
+ font-size: 0.78571429rem;
+}
+.ui.mini.progress .bar {
+ height: 0.3em;
+}
+.ui.tiny.progress {
+ font-size: 0.85714286rem;
+}
+.ui.tiny.progress .bar {
+ height: 0.5em;
+}
+.ui.small.progress {
+ font-size: 0.92857143rem;
+}
+.ui.small.progress .bar {
+ height: 1em;
+}
+.ui.large.progress {
+ font-size: 1.14285714rem;
+}
+.ui.large.progress .bar {
+ height: 2.5em;
+}
+.ui.big.progress {
+ font-size: 1.28571429rem;
+}
+.ui.big.progress .bar {
+ height: 3.5em;
+}
+.ui.huge.progress {
+ font-size: 1.42857143rem;
+}
+.ui.huge.progress .bar {
+ height: 4em;
+}
+.ui.massive.progress {
+ font-size: 1.71428571rem;
+}
+.ui.massive.progress .bar {
+ height: 5em;
+}
+
+/*---------------
+ Indeterminate
+ ----------------*/
+
+.ui.indeterminate.progress .bar {
+ width: 100%;
+}
+.ui.indeterminate.progress .bar .progress,
+.ui.progress .bar .centered.progress {
+ text-align: center;
+ position: relative;
+}
+.ui.indeterminate.progress .bar::before {
+ content: '';
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ border-radius: 0.28571429rem;
+ -webkit-animation: progress-pulsating 2s ease infinite;
+ animation: progress-pulsating 2s ease infinite;
+ -webkit-transform-origin: center;
+ transform-origin: center;
+ width: 100%;
+}
+.ui.slow.indeterminate.progress .bar::before {
+ -webkit-animation-duration: 4s;
+ animation-duration: 4s;
+}
+.ui.fast.indeterminate.progress .bar::before {
+ -webkit-animation-duration: 1s;
+ animation-duration: 1s;
+}
+.ui.swinging.indeterminate.progress .bar::before {
+ -webkit-transform-origin: left;
+ transform-origin: left;
+ -webkit-animation-name: progress-swinging;
+ animation-name: progress-swinging;
+}
+.ui.sliding.indeterminate.progress .bar::before {
+ -webkit-transform-origin: left;
+ transform-origin: left;
+ -webkit-animation-name: progress-sliding;
+ animation-name: progress-sliding;
+}
+.ui.filling.indeterminate.progress .bar::before {
+ -webkit-animation-name: progress-filling;
+ animation-name: progress-filling;
+}
+.ui.indeterminate.progress:not(.sliding):not(.filling):not(.swinging) .bar::before {
+ background: #FFFFFF;
+}
+.ui.sliding.indeterminate.progress .bar,
+.ui.swinging.indeterminate.progress .bar,
+.ui.filling.indeterminate.progress .bar {
+ background: rgba(0, 0, 0, 0.1);
+}
+.ui.sliding.indeterminate.progress .bar .progress,
+.ui.swinging.indeterminate.progress .bar .progress {
+ color: #1B1C1D;
+}
+.ui.inverted.sliding.indeterminate.progress .bar,
+.ui.inverted.swinging.indeterminate.progress .bar,
+.ui.inverted.filling.indeterminate.progress .bar {
+ background: rgba(255, 255, 255, 0.08);
+}
+.ui.inverted.sliding.indeterminate.progress .bar .progress,
+.ui.inverted.swinging.indeterminate.progress .bar .progress {
+ color: rgba(255, 255, 255, 0.7);
+}
+@-webkit-keyframes progress-swinging {
+ 0%,
+ 100% {
+ width: 10%;
+ left: -25%;
+ }
+ 25%,
+ 65% {
+ width: 70%;
+ }
+ 50% {
+ width: 10%;
+ left: 100%;
+ }
+}
+@keyframes progress-swinging {
+ 0%,
+ 100% {
+ width: 10%;
+ left: -25%;
+ }
+ 25%,
+ 65% {
+ width: 70%;
+ }
+ 50% {
+ width: 10%;
+ left: 100%;
+ }
+}
+@-webkit-keyframes progress-sliding {
+ 0% {
+ width: 10%;
+ left: -25%;
+ }
+ 50% {
+ width: 70%;
+ }
+ 100% {
+ width: 10%;
+ left: 100%;
+ }
+}
+@keyframes progress-sliding {
+ 0% {
+ width: 10%;
+ left: -25%;
+ }
+ 50% {
+ width: 70%;
+ }
+ 100% {
+ width: 10%;
+ left: 100%;
+ }
+}
+@-webkit-keyframes progress-filling {
+ 0% {
+ -webkit-transform: scale(0, 1);
+ transform: scale(0, 1);
+ }
+ 80% {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ opacity: 1;
+ }
+ 100% {
+ opacity: 0;
+ }
+}
+@keyframes progress-filling {
+ 0% {
+ -webkit-transform: scale(0, 1);
+ transform: scale(0, 1);
+ }
+ 80% {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ opacity: 1;
+ }
+ 100% {
+ opacity: 0;
+ }
+}
+@-webkit-keyframes progress-pulsating {
+ 0% {
+ -webkit-transform: scale(0, 1);
+ transform: scale(0, 1);
+ opacity: 0.7;
+ }
+ 100% {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ opacity: 0;
+ }
+}
+@keyframes progress-pulsating {
+ 0% {
+ -webkit-transform: scale(0, 1);
+ transform: scale(0, 1);
+ opacity: 0.7;
+ }
+ 100% {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ opacity: 0;
+ }
+}
+
+
+/*******************************
+ Progress
+*******************************/
+
+
+
+/*******************************
+ Site Overrides
+*******************************/
+
diff --git a/src/assets/semantic/dist/components/progress.js b/src/assets/semantic/dist/components/progress.js
new file mode 100644
index 0000000..186431d
--- /dev/null
+++ b/src/assets/semantic/dist/components/progress.js
@@ -0,0 +1,1039 @@
+/*!
+ * # Fomantic-UI - Progress
+ * http://github.com/fomantic/Fomantic-UI/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+;(function ($, window, document, undefined) {
+
+'use strict';
+
+$.isFunction = $.isFunction || function(obj) {
+ return typeof obj === "function" && typeof obj.nodeType !== "number";
+};
+
+window = (typeof window != 'undefined' && window.Math == Math)
+ ? window
+ : (typeof self != 'undefined' && self.Math == Math)
+ ? self
+ : Function('return this')()
+;
+
+$.fn.progress = function(parameters) {
+ var
+ $allModules = $(this),
+
+ moduleSelector = $allModules.selector || '',
+
+ time = new Date().getTime(),
+ performance = [],
+
+ query = arguments[0],
+ methodInvoked = (typeof query == 'string'),
+ queryArguments = [].slice.call(arguments, 1),
+
+ returnedValue
+ ;
+
+ $allModules
+ .each(function() {
+ var
+ settings = ( $.isPlainObject(parameters) )
+ ? $.extend(true, {}, $.fn.progress.settings, parameters)
+ : $.extend({}, $.fn.progress.settings),
+
+ className = settings.className,
+ metadata = settings.metadata,
+ namespace = settings.namespace,
+ selector = settings.selector,
+ error = settings.error,
+
+ eventNamespace = '.' + namespace,
+ moduleNamespace = 'module-' + namespace,
+
+ $module = $(this),
+ $bars = $(this).find(selector.bar),
+ $progresses = $(this).find(selector.progress),
+ $label = $(this).find(selector.label),
+
+ element = this,
+ instance = $module.data(moduleNamespace),
+
+ animating = false,
+ transitionEnd,
+ module
+ ;
+ module = {
+ helper: {
+ sum: function (nums) {
+ return Array.isArray(nums) ? nums.reduce(function (left, right) {
+ return left + Number(right);
+ }, 0) : 0;
+ },
+ /**
+ * Derive precision for multiple progress with total and values.
+ *
+ * This helper dervices a precision that is sufficiently large to show minimum value of multiple progress.
+ *
+ * Example1
+ * - total: 1122
+ * - values: [325, 111, 74, 612]
+ * - min ratio: 74/1122 = 0.0659...
+ * - required precision: 100
+ *
+ * Example2
+ * - total: 10541
+ * - values: [3235, 1111, 74, 6121]
+ * - min ratio: 74/10541 = 0.0070...
+ * - required precision: 1000
+ *
+ * @param min A minimum value within multiple values
+ * @param total A total amount of multiple values
+ * @returns {number} A precison. Could be 1, 10, 100, ... 1e+10.
+ */
+ derivePrecision: function(min, total) {
+ var precisionPower = 0
+ var precision = 1;
+ var ratio = min / total;
+ while (precisionPower < 10) {
+ ratio = ratio * precision;
+ if (ratio > 1) {
+ break;
+ }
+ precision = Math.pow(10, precisionPower++);
+ }
+ return precision;
+ },
+ forceArray: function (element) {
+ return Array.isArray(element)
+ ? element
+ : !isNaN(element)
+ ? [element]
+ : typeof element == 'string'
+ ? element.split(',')
+ : []
+ ;
+ }
+ },
+
+ initialize: function() {
+ module.set.duration();
+ module.set.transitionEvent();
+ module.debug(element);
+
+ module.read.metadata();
+ module.read.settings();
+
+ module.instantiate();
+ },
+
+ instantiate: function() {
+ module.verbose('Storing instance of progress', module);
+ instance = module;
+ $module
+ .data(moduleNamespace, module)
+ ;
+ },
+ destroy: function() {
+ module.verbose('Destroying previous progress for', $module);
+ clearInterval(instance.interval);
+ module.remove.state();
+ $module.removeData(moduleNamespace);
+ instance = undefined;
+ },
+
+ reset: function() {
+ module.remove.nextValue();
+ module.update.progress(0);
+ },
+
+ complete: function(keepState) {
+ if(module.percent === undefined || module.percent < 100) {
+ module.remove.progressPoll();
+ if(keepState !== true){
+ module.set.percent(100);
+ }
+ }
+ },
+
+ read: {
+ metadata: function() {
+ var
+ data = {
+ percent : module.helper.forceArray($module.data(metadata.percent)),
+ total : $module.data(metadata.total),
+ value : module.helper.forceArray($module.data(metadata.value))
+ }
+ ;
+ if(data.total) {
+ module.debug('Total value set from metadata', data.total);
+ module.set.total(data.total);
+ }
+ if(data.value.length > 0) {
+ module.debug('Current value set from metadata', data.value);
+ module.set.value(data.value);
+ module.set.progress(data.value);
+ }
+ if(data.percent.length > 0) {
+ module.debug('Current percent value set from metadata', data.percent);
+ module.set.percent(data.percent);
+ }
+ },
+ settings: function() {
+ if(settings.total !== false) {
+ module.debug('Current total set in settings', settings.total);
+ module.set.total(settings.total);
+ }
+ if(settings.value !== false) {
+ module.debug('Current value set in settings', settings.value);
+ module.set.value(settings.value);
+ module.set.progress(module.value);
+ }
+ if(settings.percent !== false) {
+ module.debug('Current percent set in settings', settings.percent);
+ module.set.percent(settings.percent);
+ }
+ }
+ },
+
+ bind: {
+ transitionEnd: function(callback) {
+ var
+ transitionEnd = module.get.transitionEnd()
+ ;
+ $bars
+ .one(transitionEnd + eventNamespace, function(event) {
+ clearTimeout(module.failSafeTimer);
+ callback.call(this, event);
+ })
+ ;
+ module.failSafeTimer = setTimeout(function() {
+ $bars.triggerHandler(transitionEnd);
+ }, settings.duration + settings.failSafeDelay);
+ module.verbose('Adding fail safe timer', module.timer);
+ }
+ },
+
+ increment: function(incrementValue) {
+ var
+ startValue,
+ newValue
+ ;
+ if( module.has.total() ) {
+ startValue = module.get.value();
+ incrementValue = incrementValue || 1;
+ }
+ else {
+ startValue = module.get.percent();
+ incrementValue = incrementValue || module.get.randomValue();
+ }
+ newValue = startValue + incrementValue;
+ module.debug('Incrementing percentage by', startValue, newValue, incrementValue);
+ newValue = module.get.normalizedValue(newValue);
+ module.set.progress(newValue);
+ },
+ decrement: function(decrementValue) {
+ var
+ total = module.get.total(),
+ startValue,
+ newValue
+ ;
+ if(total) {
+ startValue = module.get.value();
+ decrementValue = decrementValue || 1;
+ newValue = startValue - decrementValue;
+ module.debug('Decrementing value by', decrementValue, startValue);
+ }
+ else {
+ startValue = module.get.percent();
+ decrementValue = decrementValue || module.get.randomValue();
+ newValue = startValue - decrementValue;
+ module.debug('Decrementing percentage by', decrementValue, startValue);
+ }
+ newValue = module.get.normalizedValue(newValue);
+ module.set.progress(newValue);
+ },
+
+ has: {
+ progressPoll: function() {
+ return module.progressPoll;
+ },
+ total: function() {
+ return (module.get.total() !== false);
+ }
+ },
+
+ get: {
+ text: function(templateText, index) {
+ var
+ index_ = index || 0,
+ value = module.get.value(index_),
+ total = module.total || 0,
+ percent = (animating)
+ ? module.get.displayPercent(index_)
+ : module.get.percent(index_),
+ left = (module.total > 0)
+ ? (total - value)
+ : (100 - percent)
+ ;
+ templateText = templateText || '';
+ templateText = templateText
+ .replace('{value}', value)
+ .replace('{total}', total)
+ .replace('{left}', left)
+ .replace('{percent}', percent)
+ .replace('{bar}', settings.text.bars[index_] || '')
+ ;
+ module.verbose('Adding variables to progress bar text', templateText);
+ return templateText;
+ },
+
+ normalizedValue: function(value) {
+ if(value < 0) {
+ module.debug('Value cannot decrement below 0');
+ return 0;
+ }
+ if(module.has.total()) {
+ if(value > module.total) {
+ module.debug('Value cannot increment above total', module.total);
+ return module.total;
+ }
+ }
+ else if(value > 100 ) {
+ module.debug('Value cannot increment above 100 percent');
+ return 100;
+ }
+ return value;
+ },
+
+ updateInterval: function() {
+ if(settings.updateInterval == 'auto') {
+ return settings.duration;
+ }
+ return settings.updateInterval;
+ },
+
+ randomValue: function() {
+ module.debug('Generating random increment percentage');
+ return Math.floor((Math.random() * settings.random.max) + settings.random.min);
+ },
+
+ numericValue: function(value) {
+ return (typeof value === 'string')
+ ? (value.replace(/[^\d.]/g, '') !== '')
+ ? +(value.replace(/[^\d.]/g, ''))
+ : false
+ : value
+ ;
+ },
+
+ transitionEnd: function() {
+ var
+ element = document.createElement('element'),
+ transitions = {
+ 'transition' :'transitionend',
+ 'OTransition' :'oTransitionEnd',
+ 'MozTransition' :'transitionend',
+ 'WebkitTransition' :'webkitTransitionEnd'
+ },
+ transition
+ ;
+ for(transition in transitions){
+ if( element.style[transition] !== undefined ){
+ return transitions[transition];
+ }
+ }
+ },
+
+ // gets current displayed percentage (if animating values this is the intermediary value)
+ displayPercent: function(index) {
+ var
+ $bar = $($bars[index]),
+ barWidth = $bar.width(),
+ totalWidth = $module.width(),
+ minDisplay = parseInt($bar.css('min-width'), 10),
+ displayPercent = (barWidth > minDisplay)
+ ? (barWidth / totalWidth * 100)
+ : module.percent
+ ;
+ return (settings.precision > 0)
+ ? Math.round(displayPercent * (10 * settings.precision)) / (10 * settings.precision)
+ : Math.round(displayPercent)
+ ;
+ },
+
+ percent: function(index) {
+ return module.percent && module.percent[index || 0] || 0;
+ },
+ value: function(index) {
+ return module.nextValue || module.value && module.value[index || 0] || 0;
+ },
+ total: function() {
+ return module.total || false;
+ }
+ },
+
+ create: {
+ progressPoll: function() {
+ module.progressPoll = setTimeout(function() {
+ module.update.toNextValue();
+ module.remove.progressPoll();
+ }, module.get.updateInterval());
+ },
+ },
+
+ is: {
+ complete: function() {
+ return module.is.success() || module.is.warning() || module.is.error();
+ },
+ success: function() {
+ return $module.hasClass(className.success);
+ },
+ warning: function() {
+ return $module.hasClass(className.warning);
+ },
+ error: function() {
+ return $module.hasClass(className.error);
+ },
+ active: function() {
+ return $module.hasClass(className.active);
+ },
+ visible: function() {
+ return $module.is(':visible');
+ }
+ },
+
+ remove: {
+ progressPoll: function() {
+ module.verbose('Removing progress poll timer');
+ if(module.progressPoll) {
+ clearTimeout(module.progressPoll);
+ delete module.progressPoll;
+ }
+ },
+ nextValue: function() {
+ module.verbose('Removing progress value stored for next update');
+ delete module.nextValue;
+ },
+ state: function() {
+ module.verbose('Removing stored state');
+ delete module.total;
+ delete module.percent;
+ delete module.value;
+ },
+ active: function() {
+ module.verbose('Removing active state');
+ $module.removeClass(className.active);
+ },
+ success: function() {
+ module.verbose('Removing success state');
+ $module.removeClass(className.success);
+ },
+ warning: function() {
+ module.verbose('Removing warning state');
+ $module.removeClass(className.warning);
+ },
+ error: function() {
+ module.verbose('Removing error state');
+ $module.removeClass(className.error);
+ }
+ },
+
+ set: {
+ barWidth: function(values) {
+ module.debug("set bar width with ", values);
+ values = module.helper.forceArray(values);
+ var firstNonZeroIndex = -1;
+ var lastNonZeroIndex = -1;
+ var valuesSum = module.helper.sum(values);
+ var barCounts = $bars.length;
+ var isMultiple = barCounts > 1;
+ var percents = values.map(function(value, index) {
+ var allZero = (index === barCounts - 1 && valuesSum === 0);
+ var $bar = $($bars[index]);
+ if (value === 0 && isMultiple && !allZero) {
+ $bar.css('display', 'none');
+ } else {
+ if (isMultiple && allZero) {
+ $bar.css('background', 'transparent');
+ }
+ if (firstNonZeroIndex == -1) {
+ firstNonZeroIndex = index;
+ }
+ lastNonZeroIndex = index;
+ $bar.css({
+ display: 'block',
+ width: value + '%'
+ });
+ }
+ return parseFloat(value);
+ });
+ values.forEach(function(_, index) {
+ var $bar = $($bars[index]);
+ $bar.css({
+ borderTopLeftRadius: index == firstNonZeroIndex ? '' : 0,
+ borderBottomLeftRadius: index == firstNonZeroIndex ? '' : 0,
+ borderTopRightRadius: index == lastNonZeroIndex ? '' : 0,
+ borderBottomRightRadius: index == lastNonZeroIndex ? '' : 0
+ });
+ });
+ $module
+ .attr('data-percent', percents)
+ ;
+ },
+ duration: function(duration) {
+ duration = duration || settings.duration;
+ duration = (typeof duration == 'number')
+ ? duration + 'ms'
+ : duration
+ ;
+ module.verbose('Setting progress bar transition duration', duration);
+ $bars
+ .css({
+ 'transition-duration': duration
+ })
+ ;
+ },
+ percent: function(percents) {
+ percents = module.helper.forceArray(percents).map(function(percent) {
+ return (typeof percent == 'string')
+ ? +(percent.replace('%', ''))
+ : percent
+ ;
+ });
+ var hasTotal = module.has.total();
+ var totalPecent = module.helper.sum(percents);
+ var isMultpleValues = percents.length > 1 && hasTotal;
+ var sumTotal = module.helper.sum(module.helper.forceArray(module.value));
+ if (isMultpleValues && sumTotal > module.total) {
+ // Sum values instead of pecents to avoid precision issues when summing floats
+ module.error(error.sumExceedsTotal, sumTotal, module.total);
+ } else if (!isMultpleValues && totalPecent > 100) {
+ // Sum before rouding since sum of rounded may have error though sum of actual is fine
+ module.error(error.tooHigh, totalPecent);
+ } else if (totalPecent < 0) {
+ module.error(error.tooLow, totalPecent);
+ } else {
+ var autoPrecision = settings.precision > 0
+ ? settings.precision
+ : isMultpleValues
+ ? module.helper.derivePrecision(Math.min.apply(null, module.value), module.total)
+ : undefined;
+
+ // round display percentage
+ var roundedPercents = percents.map(function (percent) {
+ return (autoPrecision > 0)
+ ? Math.round(percent * (10 * autoPrecision)) / (10 * autoPrecision)
+ : Math.round(percent)
+ ;
+ });
+ module.percent = roundedPercents;
+ if (!hasTotal) {
+ module.value = roundedPercents.map(function (percent) {
+ return (autoPrecision > 0)
+ ? Math.round((percent / 100) * module.total * (10 * autoPrecision)) / (10 * autoPrecision)
+ : Math.round((percent / 100) * module.total * 10) / 10
+ ;
+ });
+ if (settings.limitValues) {
+ module.value = module.value.map(function (value) {
+ return (value > 100)
+ ? 100
+ : (module.value < 0)
+ ? 0
+ : module.value;
+ });
+ }
+ }
+ module.set.barWidth(percents);
+ module.set.labelInterval();
+ module.set.labels();
+ }
+ settings.onChange.call(element, percents, module.value, module.total);
+ },
+ labelInterval: function() {
+ var
+ animationCallback = function() {
+ module.verbose('Bar finished animating, removing continuous label updates');
+ clearInterval(module.interval);
+ animating = false;
+ module.set.labels();
+ }
+ ;
+ clearInterval(module.interval);
+ module.bind.transitionEnd(animationCallback);
+ animating = true;
+ module.interval = setInterval(function() {
+ var
+ isInDOM = $.contains(document.documentElement, element)
+ ;
+ if(!isInDOM) {
+ clearInterval(module.interval);
+ animating = false;
+ }
+ module.set.labels();
+ }, settings.framerate);
+ },
+ labels: function() {
+ module.verbose('Setting both bar progress and outer label text');
+ module.set.barLabel();
+ module.set.state();
+ },
+ label: function(text) {
+ text = text || '';
+ if(text) {
+ text = module.get.text(text);
+ module.verbose('Setting label to text', text);
+ $label.text(text);
+ }
+ },
+ state: function(percent) {
+ percent = (percent !== undefined)
+ ? percent
+ : module.helper.sum(module.percent)
+ ;
+ if(percent === 100) {
+ if(settings.autoSuccess && $bars.length === 1 && !(module.is.warning() || module.is.error() || module.is.success())) {
+ module.set.success();
+ module.debug('Automatically triggering success at 100%');
+ }
+ else {
+ module.verbose('Reached 100% removing active state');
+ module.remove.active();
+ module.remove.progressPoll();
+ }
+ }
+ else if(percent > 0) {
+ module.verbose('Adjusting active progress bar label', percent);
+ module.set.active();
+ }
+ else {
+ module.remove.active();
+ module.set.label(settings.text.active);
+ }
+ },
+ barLabel: function(text) {
+ $progresses.map(function(index, element){
+ var $progress = $(element);
+ if (text !== undefined) {
+ $progress.text( module.get.text(text, index) );
+ }
+ else if (settings.label == 'ratio' && module.total) {
+ module.verbose('Adding ratio to bar label');
+ $progress.text( module.get.text(settings.text.ratio, index) );
+ }
+ else if (settings.label == 'percent') {
+ module.verbose('Adding percentage to bar label');
+ $progress.text( module.get.text(settings.text.percent, index) );
+ }
+ });
+ },
+ active: function(text) {
+ text = text || settings.text.active;
+ module.debug('Setting active state');
+ if(settings.showActivity && !module.is.active() ) {
+ $module.addClass(className.active);
+ }
+ module.remove.warning();
+ module.remove.error();
+ module.remove.success();
+ text = settings.onLabelUpdate('active', text, module.value, module.total);
+ if(text) {
+ module.set.label(text);
+ }
+ module.bind.transitionEnd(function() {
+ settings.onActive.call(element, module.value, module.total);
+ });
+ },
+ success : function(text, keepState) {
+ text = text || settings.text.success || settings.text.active;
+ module.debug('Setting success state');
+ $module.addClass(className.success);
+ module.remove.active();
+ module.remove.warning();
+ module.remove.error();
+ module.complete(keepState);
+ if(settings.text.success) {
+ text = settings.onLabelUpdate('success', text, module.value, module.total);
+ module.set.label(text);
+ }
+ else {
+ text = settings.onLabelUpdate('active', text, module.value, module.total);
+ module.set.label(text);
+ }
+ module.bind.transitionEnd(function() {
+ settings.onSuccess.call(element, module.total);
+ });
+ },
+ warning : function(text, keepState) {
+ text = text || settings.text.warning;
+ module.debug('Setting warning state');
+ $module.addClass(className.warning);
+ module.remove.active();
+ module.remove.success();
+ module.remove.error();
+ module.complete(keepState);
+ text = settings.onLabelUpdate('warning', text, module.value, module.total);
+ if(text) {
+ module.set.label(text);
+ }
+ module.bind.transitionEnd(function() {
+ settings.onWarning.call(element, module.value, module.total);
+ });
+ },
+ error : function(text, keepState) {
+ text = text || settings.text.error;
+ module.debug('Setting error state');
+ $module.addClass(className.error);
+ module.remove.active();
+ module.remove.success();
+ module.remove.warning();
+ module.complete(keepState);
+ text = settings.onLabelUpdate('error', text, module.value, module.total);
+ if(text) {
+ module.set.label(text);
+ }
+ module.bind.transitionEnd(function() {
+ settings.onError.call(element, module.value, module.total);
+ });
+ },
+ transitionEvent: function() {
+ transitionEnd = module.get.transitionEnd();
+ },
+ total: function(totalValue) {
+ module.total = totalValue;
+ },
+ value: function(value) {
+ module.value = module.helper.forceArray(value);
+ },
+ progress: function(value) {
+ if(!module.has.progressPoll()) {
+ module.debug('First update in progress update interval, immediately updating', value);
+ module.update.progress(value);
+ module.create.progressPoll();
+ }
+ else {
+ module.debug('Updated within interval, setting next update to use new value', value);
+ module.set.nextValue(value);
+ }
+ },
+ nextValue: function(value) {
+ module.nextValue = value;
+ }
+ },
+
+ update: {
+ toNextValue: function() {
+ var
+ nextValue = module.nextValue
+ ;
+ if(nextValue) {
+ module.debug('Update interval complete using last updated value', nextValue);
+ module.update.progress(nextValue);
+ module.remove.nextValue();
+ }
+ },
+ progress: function(values) {
+ var hasTotal = module.has.total();
+ if (hasTotal) {
+ module.set.value(values);
+ }
+ var percentCompletes = module.helper.forceArray(values).map(function(value) {
+ var
+ percentComplete
+ ;
+ value = module.get.numericValue(value);
+ if (value === false) {
+ module.error(error.nonNumeric, value);
+ }
+ value = module.get.normalizedValue(value);
+ if (hasTotal) {
+ percentComplete = (value / module.total) * 100;
+ module.debug('Calculating percent complete from total', percentComplete);
+ }
+ else {
+ percentComplete = value;
+ module.debug('Setting value to exact percentage value', percentComplete);
+ }
+ return percentComplete;
+ });
+ module.set.percent( percentCompletes );
+ }
+ },
+
+ setting: function(name, value) {
+ module.debug('Changing setting', name, value);
+ if( $.isPlainObject(name) ) {
+ $.extend(true, settings, name);
+ }
+ else if(value !== undefined) {
+ if($.isPlainObject(settings[name])) {
+ $.extend(true, settings[name], value);
+ }
+ else {
+ settings[name] = value;
+ }
+ }
+ else {
+ return settings[name];
+ }
+ },
+ internal: function(name, value) {
+ if( $.isPlainObject(name) ) {
+ $.extend(true, module, name);
+ }
+ else if(value !== undefined) {
+ module[name] = value;
+ }
+ else {
+ return module[name];
+ }
+ },
+ debug: function() {
+ if(!settings.silent && settings.debug) {
+ if(settings.performance) {
+ module.performance.log(arguments);
+ }
+ else {
+ module.debug = Function.prototype.bind.call(console.info, console, settings.name + ':');
+ module.debug.apply(console, arguments);
+ }
+ }
+ },
+ verbose: function() {
+ if(!settings.silent && settings.verbose && settings.debug) {
+ if(settings.performance) {
+ module.performance.log(arguments);
+ }
+ else {
+ module.verbose = Function.prototype.bind.call(console.info, console, settings.name + ':');
+ module.verbose.apply(console, arguments);
+ }
+ }
+ },
+ error: function() {
+ if(!settings.silent) {
+ module.error = Function.prototype.bind.call(console.error, console, settings.name + ':');
+ module.error.apply(console, arguments);
+ }
+ },
+ performance: {
+ log: function(message) {
+ var
+ currentTime,
+ executionTime,
+ previousTime
+ ;
+ if(settings.performance) {
+ currentTime = new Date().getTime();
+ previousTime = time || currentTime;
+ executionTime = currentTime - previousTime;
+ time = currentTime;
+ performance.push({
+ 'Name' : message[0],
+ 'Arguments' : [].slice.call(message, 1) || '',
+ 'Element' : element,
+ 'Execution Time' : executionTime
+ });
+ }
+ clearTimeout(module.performance.timer);
+ module.performance.timer = setTimeout(module.performance.display, 500);
+ },
+ display: function() {
+ var
+ title = settings.name + ':',
+ totalTime = 0
+ ;
+ time = false;
+ clearTimeout(module.performance.timer);
+ $.each(performance, function(index, data) {
+ totalTime += data['Execution Time'];
+ });
+ title += ' ' + totalTime + 'ms';
+ if(moduleSelector) {
+ title += ' \'' + moduleSelector + '\'';
+ }
+ if( (console.group !== undefined || console.table !== undefined) && performance.length > 0) {
+ console.groupCollapsed(title);
+ if(console.table) {
+ console.table(performance);
+ }
+ else {
+ $.each(performance, function(index, data) {
+ console.log(data['Name'] + ': ' + data['Execution Time']+'ms');
+ });
+ }
+ console.groupEnd();
+ }
+ performance = [];
+ }
+ },
+ invoke: function(query, passedArguments, context) {
+ var
+ object = instance,
+ maxDepth,
+ found,
+ response
+ ;
+ passedArguments = passedArguments || queryArguments;
+ context = element || context;
+ if(typeof query == 'string' && object !== undefined) {
+ query = query.split(/[\. ]/);
+ maxDepth = query.length - 1;
+ $.each(query, function(depth, value) {
+ var camelCaseValue = (depth != maxDepth)
+ ? value + query[depth + 1].charAt(0).toUpperCase() + query[depth + 1].slice(1)
+ : query
+ ;
+ if( $.isPlainObject( object[camelCaseValue] ) && (depth != maxDepth) ) {
+ object = object[camelCaseValue];
+ }
+ else if( object[camelCaseValue] !== undefined ) {
+ found = object[camelCaseValue];
+ return false;
+ }
+ else if( $.isPlainObject( object[value] ) && (depth != maxDepth) ) {
+ object = object[value];
+ }
+ else if( object[value] !== undefined ) {
+ found = object[value];
+ return false;
+ }
+ else {
+ module.error(error.method, query);
+ return false;
+ }
+ });
+ }
+ if ( $.isFunction( found ) ) {
+ response = found.apply(context, passedArguments);
+ }
+ else if(found !== undefined) {
+ response = found;
+ }
+ if(Array.isArray(returnedValue)) {
+ returnedValue.push(response);
+ }
+ else if(returnedValue !== undefined) {
+ returnedValue = [returnedValue, response];
+ }
+ else if(response !== undefined) {
+ returnedValue = response;
+ }
+ return found;
+ }
+ };
+
+ if(methodInvoked) {
+ if(instance === undefined) {
+ module.initialize();
+ }
+ module.invoke(query);
+ }
+ else {
+ if(instance !== undefined) {
+ instance.invoke('destroy');
+ }
+ module.initialize();
+ }
+ })
+ ;
+
+ return (returnedValue !== undefined)
+ ? returnedValue
+ : this
+ ;
+};
+
+$.fn.progress.settings = {
+
+ name : 'Progress',
+ namespace : 'progress',
+
+ silent : false,
+ debug : false,
+ verbose : false,
+ performance : true,
+
+ random : {
+ min : 2,
+ max : 5
+ },
+
+ duration : 300,
+
+ updateInterval : 'auto',
+
+ autoSuccess : true,
+ showActivity : true,
+ limitValues : true,
+
+ label : 'percent',
+ precision : 0,
+ framerate : (1000 / 30), /// 30 fps
+
+ percent : false,
+ total : false,
+ value : false,
+
+ // delay in ms for fail safe animation callback
+ failSafeDelay : 100,
+
+ onLabelUpdate : function(state, text, value, total){
+ return text;
+ },
+ onChange : function(percent, value, total){},
+ onSuccess : function(total){},
+ onActive : function(value, total){},
+ onError : function(value, total){},
+ onWarning : function(value, total){},
+
+ error : {
+ method : 'The method you called is not defined.',
+ nonNumeric : 'Progress value is non numeric',
+ tooHigh : 'Value specified is above 100%',
+ tooLow : 'Value specified is below 0%',
+ sumExceedsTotal : 'Sum of multple values exceed total',
+ },
+
+ regExp: {
+ variable: /\{\$*[A-z0-9]+\}/g
+ },
+
+ metadata: {
+ percent : 'percent',
+ total : 'total',
+ value : 'value'
+ },
+
+ selector : {
+ bar : '> .bar',
+ label : '> .label',
+ progress : '.bar > .progress'
+ },
+
+ text : {
+ active : false,
+ error : false,
+ success : false,
+ warning : false,
+ percent : '{percent}%',
+ ratio : '{value} of {total}',
+ bars : ['']
+ },
+
+ className : {
+ active : 'active',
+ error : 'error',
+ success : 'success',
+ warning : 'warning'
+ }
+
+};
+
+
+})( jQuery, window, document );
diff --git a/src/assets/semantic/dist/components/progress.min.css b/src/assets/semantic/dist/components/progress.min.css
new file mode 100644
index 0000000..0ad01ed
--- /dev/null
+++ b/src/assets/semantic/dist/components/progress.min.css
@@ -0,0 +1,9 @@
+/*!
+ * # Fomantic-UI - Progress Bar
+ * http://github.com/fomantic/Fomantic-UI/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */.ui.progress{position:relative;display:block;max-width:100%;border:none;margin:1em 0 2.5em;-webkit-box-shadow:none;box-shadow:none;background:rgba(0,0,0,.1);padding:0;border-radius:.28571429rem}.ui.progress:first-child{margin:0 0 2.5em}.ui.progress:last-child{margin:0 0 1.5em}.ui.progress .bar{display:block;line-height:1;position:relative;width:0;min-width:2em;background:#888;border-radius:.28571429rem;-webkit-transition:width .1s ease,background-color .1s ease;transition:width .1s ease,background-color .1s ease;overflow:hidden}.ui.ui.ui.progress:not([data-percent]):not(.indeterminate) .bar,.ui.ui.ui.progress[data-percent="0"]:not(.indeterminate) .bar{background:0 0}.ui.progress[data-percent="0"] .bar .progress{color:rgba(0,0,0,.87)}.ui.inverted.progress[data-percent="0"] .bar .progress{color:rgba(255,255,255,.9)}.ui.progress .bar>.progress{white-space:nowrap;position:absolute;width:auto;font-size:.92857143em;top:50%;right:.5em;left:auto;bottom:auto;color:rgba(255,255,255,.7);text-shadow:none;margin-top:-.5em;font-weight:700;text-align:left}.ui.progress>.label{position:absolute;width:100%;font-size:1em;top:100%;right:auto;left:0;bottom:auto;color:rgba(0,0,0,.87);font-weight:700;text-shadow:none;margin-top:.2em;text-align:center;-webkit-transition:color .4s ease;transition:color .4s ease}.ui.indicating.progress[data-percent^="1"] .bar,.ui.indicating.progress[data-percent^="2"] .bar{background-color:#d95c5c}.ui.indicating.progress[data-percent^="3"] .bar{background-color:#efbc72}.ui.indicating.progress[data-percent^="4"] .bar,.ui.indicating.progress[data-percent^="5"] .bar{background-color:#e6bb48}.ui.indicating.progress[data-percent^="6"] .bar{background-color:#ddc928}.ui.indicating.progress[data-percent^="7"] .bar,.ui.indicating.progress[data-percent^="8"] .bar{background-color:#b4d95c}.ui.indicating.progress[data-percent^="100"] .bar,.ui.indicating.progress[data-percent^="9"] .bar{background-color:#66da81}.ui.indicating.progress[data-percent^="1"] .label,.ui.indicating.progress[data-percent^="2"] .label{color:rgba(0,0,0,.87)}.ui.indicating.progress[data-percent^="3"] .label{color:rgba(0,0,0,.87)}.ui.indicating.progress[data-percent^="4"] .label,.ui.indicating.progress[data-percent^="5"] .label{color:rgba(0,0,0,.87)}.ui.indicating.progress[data-percent^="6"] .label{color:rgba(0,0,0,.87)}.ui.indicating.progress[data-percent^="7"] .label,.ui.indicating.progress[data-percent^="8"] .label{color:rgba(0,0,0,.87)}.ui.indicating.progress[data-percent^="100"] .label,.ui.indicating.progress[data-percent^="9"] .label{color:rgba(0,0,0,.87)}.ui.inverted.indicating.progress[data-percent^="1"] .label,.ui.inverted.indicating.progress[data-percent^="2"] .label{color:rgba(255,255,255,.9)}.ui.inverted.indicating.progress[data-percent^="3"] .label{color:rgba(255,255,255,.9)}.ui.inverted.indicating.progress[data-percent^="4"] .label,.ui.inverted.indicating.progress[data-percent^="5"] .label{color:rgba(255,255,255,.9)}.ui.inverted.indicating.progress[data-percent^="6"] .label{color:rgba(255,255,255,.9)}.ui.inverted.indicating.progress[data-percent^="7"] .label,.ui.inverted.indicating.progress[data-percent^="8"] .label{color:rgba(255,255,255,.9)}.ui.inverted.indicating.progress[data-percent^="100"] .label,.ui.inverted.indicating.progress[data-percent^="9"] .label{color:rgba(255,255,255,.9)}.ui.indicating.progress[data-percent="1"] .bar,.ui.indicating.progress[data-percent="2"] .bar,.ui.indicating.progress[data-percent="3"] .bar,.ui.indicating.progress[data-percent="4"] .bar,.ui.indicating.progress[data-percent="5"] .bar,.ui.indicating.progress[data-percent="6"] .bar,.ui.indicating.progress[data-percent="7"] .bar,.ui.indicating.progress[data-percent="8"] .bar,.ui.indicating.progress[data-percent="9"] .bar{background-color:#d95c5c}.ui.indicating.progress[data-percent="0"] .label,.ui.indicating.progress[data-percent="1"] .label,.ui.indicating.progress[data-percent="2"] .label,.ui.indicating.progress[data-percent="3"] .label,.ui.indicating.progress[data-percent="4"] .label,.ui.indicating.progress[data-percent="5"] .label,.ui.indicating.progress[data-percent="6"] .label,.ui.indicating.progress[data-percent="7"] .label,.ui.indicating.progress[data-percent="8"] .label,.ui.indicating.progress[data-percent="9"] .label{color:rgba(0,0,0,.87)}.ui.inverted.indicating.progress[data-percent="0"] .label,.ui.inverted.indicating.progress[data-percent="1"] .label,.ui.inverted.indicating.progress[data-percent="2"] .label,.ui.inverted.indicating.progress[data-percent="3"] .label,.ui.inverted.indicating.progress[data-percent="4"] .label,.ui.inverted.indicating.progress[data-percent="5"] .label,.ui.inverted.indicating.progress[data-percent="6"] .label,.ui.inverted.indicating.progress[data-percent="7"] .label,.ui.inverted.indicating.progress[data-percent="8"] .label,.ui.inverted.indicating.progress[data-percent="9"] .label{color:rgba(255,255,255,.9)}.ui.ui.indicating.progress.success .label{color:#1a531b}.ui.multiple.progress{display:-webkit-box;display:-ms-flexbox;display:flex}.ui.ui.progress.success .bar{background-color:#21ba45}.ui.ui.progress.success .bar,.ui.ui.progress.success .bar::after{-webkit-animation:none;animation:none}.ui.progress.success>.label{color:#1a531b}.ui.ui.progress.warning .bar{background-color:#f2c037}.ui.ui.progress.warning .bar,.ui.ui.progress.warning .bar::after{-webkit-animation:none;animation:none}.ui.progress.warning>.label{color:#794b02}.ui.ui.progress.error .bar{background-color:#db2828}.ui.ui.progress.error .bar,.ui.ui.progress.error .bar::after{-webkit-animation:none;animation:none}.ui.progress.error>.label{color:#912d2b}.ui.active.progress .bar{position:relative;min-width:2em}.ui.active.progress .bar::after{content:'';opacity:0;position:absolute;top:0;left:0;right:0;bottom:0;background:#fff;border-radius:.28571429rem;-webkit-animation:progress-active 2s ease infinite;animation:progress-active 2s ease infinite;-webkit-transform-origin:left;transform-origin:left}@-webkit-keyframes progress-active{0%{opacity:.3;-webkit-transform:scale(0,1);transform:scale(0,1)}100%{opacity:0;-webkit-transform:scale(1);transform:scale(1)}}@keyframes progress-active{0%{opacity:.3;-webkit-transform:scale(0,1);transform:scale(0,1)}100%{opacity:0;-webkit-transform:scale(1);transform:scale(1)}}.ui.disabled.progress{opacity:.35}.ui.ui.disabled.progress .bar,.ui.ui.disabled.progress .bar::after{-webkit-animation:none;animation:none}.ui.inverted.progress{background:rgba(255,255,255,.08);border:none}.ui.inverted.progress .bar{background:#888}.ui.inverted.progress .bar>.progress{color:#1b1c1d}.ui.inverted.progress>.label{color:#fff}.ui.inverted.progress.success>.label{color:#21ba45}.ui.inverted.progress.warning>.label{color:#f2c037}.ui.inverted.progress.error>.label{color:#db2828}.ui.progress.attached{background:0 0;position:relative;border:none;margin:0}.ui.progress.attached,.ui.progress.attached .bar{display:block;height:.2rem;padding:0;overflow:hidden;border-radius:0 0 .28571429rem .28571429rem}.ui.progress.attached .bar{border-radius:0}.ui.progress.top.attached,.ui.progress.top.attached .bar{top:0;border-radius:.28571429rem .28571429rem 0 0}.ui.progress.top.attached .bar{border-radius:0}.ui.card>.ui.attached.progress,.ui.segment>.ui.attached.progress{position:absolute;top:auto;left:0;bottom:100%;width:100%}.ui.card>.ui.bottom.attached.progress,.ui.segment>.ui.bottom.attached.progress{top:100%;bottom:auto}.ui.indeterminate.primary.progress .bar::before,.ui.primary.progress .bar,.ui.progress .primary.bar{background-color:#2185d0}.ui.inverted.indeterminate.primary.progress .bar::before,.ui.inverted.progress .primary.bar,.ui.primary.inverted.progress .bar{background-color:#54c8ff}.ui.indeterminate.secondary.progress .bar::before,.ui.progress .secondary.bar,.ui.secondary.progress .bar{background-color:#1b1c1d}.ui.inverted.indeterminate.secondary.progress .bar::before,.ui.inverted.progress .secondary.bar,.ui.secondary.inverted.progress .bar{background-color:#545454}.ui.indeterminate.red.progress .bar::before,.ui.progress .red.bar,.ui.red.progress .bar{background-color:#db2828}.ui.inverted.indeterminate.red.progress .bar::before,.ui.inverted.progress .red.bar,.ui.red.inverted.progress .bar{background-color:#ff695e}.ui.indeterminate.orange.progress .bar::before,.ui.orange.progress .bar,.ui.progress .orange.bar{background-color:#f2711c}.ui.inverted.indeterminate.orange.progress .bar::before,.ui.inverted.progress .orange.bar,.ui.orange.inverted.progress .bar{background-color:#ff851b}.ui.indeterminate.yellow.progress .bar::before,.ui.progress .yellow.bar,.ui.yellow.progress .bar{background-color:#fbbd08}.ui.inverted.indeterminate.yellow.progress .bar::before,.ui.inverted.progress .yellow.bar,.ui.yellow.inverted.progress .bar{background-color:#ffe21f}.ui.indeterminate.olive.progress .bar::before,.ui.olive.progress .bar,.ui.progress .olive.bar{background-color:#b5cc18}.ui.inverted.indeterminate.olive.progress .bar::before,.ui.inverted.progress .olive.bar,.ui.olive.inverted.progress .bar{background-color:#d9e778}.ui.green.progress .bar,.ui.indeterminate.green.progress .bar::before,.ui.progress .green.bar{background-color:#21ba45}.ui.green.inverted.progress .bar,.ui.inverted.indeterminate.green.progress .bar::before,.ui.inverted.progress .green.bar{background-color:#2ecc40}.ui.indeterminate.teal.progress .bar::before,.ui.progress .teal.bar,.ui.teal.progress .bar{background-color:#00b5ad}.ui.inverted.indeterminate.teal.progress .bar::before,.ui.inverted.progress .teal.bar,.ui.teal.inverted.progress .bar{background-color:#6dffff}.ui.blue.progress .bar,.ui.indeterminate.blue.progress .bar::before,.ui.progress .blue.bar{background-color:#2185d0}.ui.blue.inverted.progress .bar,.ui.inverted.indeterminate.blue.progress .bar::before,.ui.inverted.progress .blue.bar{background-color:#54c8ff}.ui.indeterminate.violet.progress .bar::before,.ui.progress .violet.bar,.ui.violet.progress .bar{background-color:#6435c9}.ui.inverted.indeterminate.violet.progress .bar::before,.ui.inverted.progress .violet.bar,.ui.violet.inverted.progress .bar{background-color:#a291fb}.ui.indeterminate.purple.progress .bar::before,.ui.progress .purple.bar,.ui.purple.progress .bar{background-color:#a333c8}.ui.inverted.indeterminate.purple.progress .bar::before,.ui.inverted.progress .purple.bar,.ui.purple.inverted.progress .bar{background-color:#dc73ff}.ui.indeterminate.pink.progress .bar::before,.ui.pink.progress .bar,.ui.progress .pink.bar{background-color:#e03997}.ui.inverted.indeterminate.pink.progress .bar::before,.ui.inverted.progress .pink.bar,.ui.pink.inverted.progress .bar{background-color:#ff8edf}.ui.brown.progress .bar,.ui.indeterminate.brown.progress .bar::before,.ui.progress .brown.bar{background-color:#a5673f}.ui.brown.inverted.progress .bar,.ui.inverted.indeterminate.brown.progress .bar::before,.ui.inverted.progress .brown.bar{background-color:#d67c1c}.ui.grey.progress .bar,.ui.indeterminate.grey.progress .bar::before,.ui.progress .grey.bar{background-color:#767676}.ui.grey.inverted.progress .bar,.ui.inverted.indeterminate.grey.progress .bar::before,.ui.inverted.progress .grey.bar{background-color:#dcddde}.ui.black.progress .bar,.ui.indeterminate.black.progress .bar::before,.ui.progress .black.bar{background-color:#1b1c1d}.ui.black.inverted.progress .bar,.ui.inverted.indeterminate.black.progress .bar::before,.ui.inverted.progress .black.bar{background-color:#545454}.ui.progress{font-size:1rem}.ui.progress .bar{height:1.75em}.ui.mini.progress{font-size:.78571429rem}.ui.mini.progress .bar{height:.3em}.ui.tiny.progress{font-size:.85714286rem}.ui.tiny.progress .bar{height:.5em}.ui.small.progress{font-size:.92857143rem}.ui.small.progress .bar{height:1em}.ui.large.progress{font-size:1.14285714rem}.ui.large.progress .bar{height:2.5em}.ui.big.progress{font-size:1.28571429rem}.ui.big.progress .bar{height:3.5em}.ui.huge.progress{font-size:1.42857143rem}.ui.huge.progress .bar{height:4em}.ui.massive.progress{font-size:1.71428571rem}.ui.massive.progress .bar{height:5em}.ui.indeterminate.progress .bar{width:100%}.ui.indeterminate.progress .bar .progress,.ui.progress .bar .centered.progress{text-align:center;position:relative}.ui.indeterminate.progress .bar::before{content:'';position:absolute;top:0;bottom:0;border-radius:.28571429rem;-webkit-animation:progress-pulsating 2s ease infinite;animation:progress-pulsating 2s ease infinite;-webkit-transform-origin:center;transform-origin:center;width:100%}.ui.slow.indeterminate.progress .bar::before{-webkit-animation-duration:4s;animation-duration:4s}.ui.fast.indeterminate.progress .bar::before{-webkit-animation-duration:1s;animation-duration:1s}.ui.swinging.indeterminate.progress .bar::before{-webkit-transform-origin:left;transform-origin:left;-webkit-animation-name:progress-swinging;animation-name:progress-swinging}.ui.sliding.indeterminate.progress .bar::before{-webkit-transform-origin:left;transform-origin:left;-webkit-animation-name:progress-sliding;animation-name:progress-sliding}.ui.filling.indeterminate.progress .bar::before{-webkit-animation-name:progress-filling;animation-name:progress-filling}.ui.indeterminate.progress:not(.sliding):not(.filling):not(.swinging) .bar::before{background:#fff}.ui.filling.indeterminate.progress .bar,.ui.sliding.indeterminate.progress .bar,.ui.swinging.indeterminate.progress .bar{background:rgba(0,0,0,.1)}.ui.sliding.indeterminate.progress .bar .progress,.ui.swinging.indeterminate.progress .bar .progress{color:#1b1c1d}.ui.inverted.filling.indeterminate.progress .bar,.ui.inverted.sliding.indeterminate.progress .bar,.ui.inverted.swinging.indeterminate.progress .bar{background:rgba(255,255,255,.08)}.ui.inverted.sliding.indeterminate.progress .bar .progress,.ui.inverted.swinging.indeterminate.progress .bar .progress{color:rgba(255,255,255,.7)}@-webkit-keyframes progress-swinging{0%,100%{width:10%;left:-25%}25%,65%{width:70%}50%{width:10%;left:100%}}@keyframes progress-swinging{0%,100%{width:10%;left:-25%}25%,65%{width:70%}50%{width:10%;left:100%}}@-webkit-keyframes progress-sliding{0%{width:10%;left:-25%}50%{width:70%}100%{width:10%;left:100%}}@keyframes progress-sliding{0%{width:10%;left:-25%}50%{width:70%}100%{width:10%;left:100%}}@-webkit-keyframes progress-filling{0%{-webkit-transform:scale(0,1);transform:scale(0,1)}80%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{opacity:0}}@keyframes progress-filling{0%{-webkit-transform:scale(0,1);transform:scale(0,1)}80%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{opacity:0}}@-webkit-keyframes progress-pulsating{0%{-webkit-transform:scale(0,1);transform:scale(0,1);opacity:.7}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}@keyframes progress-pulsating{0%{-webkit-transform:scale(0,1);transform:scale(0,1);opacity:.7}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}
\ No newline at end of file
diff --git a/src/assets/semantic/dist/components/progress.min.js b/src/assets/semantic/dist/components/progress.min.js
new file mode 100644
index 0000000..ef37208
--- /dev/null
+++ b/src/assets/semantic/dist/components/progress.min.js
@@ -0,0 +1,11 @@
+ /*
+ * # Fomantic UI - 2.8.3
+ * https://github.com/fomantic/Fomantic-UI
+ * http://fomantic-ui.com/
+ *
+ * Copyright 2014 Contributors
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+!function(E,e,T,P){"use strict";E.isFunction=E.isFunction||function(e){return"function"==typeof e&&"number"!=typeof e.nodeType},e=void 0!==e&&e.Math==Math?e:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")(),E.fn.progress=function(m){var b,e=E(this),h=e.selector||"",y=(new Date).getTime(),x=[],w=m,A="string"==typeof w,V=[].slice.call(arguments,1);return e.each(function(){var u,s=E.isPlainObject(m)?E.extend(!0,{},E.fn.progress.settings,m):E.extend({},E.fn.progress.settings),n=s.className,t=s.metadata,e=s.namespace,r=s.selector,l=s.error,a="."+e,o="module-"+e,c=E(this),p=E(this).find(r.bar),i=E(this).find(r.progress),d=E(this).find(r.label),g=this,v=c.data(o),f=!1;u={helper:{sum:function(e){return Array.isArray(e)?e.reduce(function(e,t){return e+Number(t)},0):0},derivePrecision:function(e,t){for(var n=0,r=1,a=e/t;n<10&&!(1<(a*=r));)r=Math.pow(10,n++);return r},forceArray:function(e){return Array.isArray(e)?e:isNaN(e)?"string"==typeof e?e.split(","):[]:[e]}},initialize:function(){u.set.duration(),u.set.transitionEvent(),u.debug(g),u.read.metadata(),u.read.settings(),u.instantiate()},instantiate:function(){u.verbose("Storing instance of progress",u),v=u,c.data(o,u)},destroy:function(){u.verbose("Destroying previous progress for",c),clearInterval(v.interval),u.remove.state(),c.removeData(o),v=P},reset:function(){u.remove.nextValue(),u.update.progress(0)},complete:function(e){(u.percent===P||u.percent<100)&&(u.remove.progressPoll(),!0!==e&&u.set.percent(100))},read:{metadata:function(){var e={percent:u.helper.forceArray(c.data(t.percent)),total:c.data(t.total),value:u.helper.forceArray(c.data(t.value))};e.total&&(u.debug("Total value set from metadata",e.total),u.set.total(e.total)),0';
+
+ if(category[fields.categoryName] !== undefined) {
+ html += '
'
+ ;
+ }
+ });
+ if(response[fields.action]) {
+ if(fields.actionURL === false) {
+ html += ''
+ + '' + escape(category[fields.categoryName], preserveHTML) + '
';
+ }
+
+ // each item inside category
+ html += '';
+ $.each(category.results, function(index, result) {
+ if(result[fields.url]) {
+ html += '';
+ }
+ else {
+ html += '';
+ }
+ if(result[fields.image] !== undefined) {
+ html += ''
+ + '
';
+ html += ''
+ + ''
+ + ' 
'
+ + '
'
+ ;
+ }
+ html += '';
+ if(result[fields.price] !== undefined) {
+ html += '
'
+ ;
+ html += '';
+ });
+ html += '' + escape(result[fields.price], preserveHTML) + '
';
+ }
+ if(result[fields.title] !== undefined) {
+ html += '' + escape(result[fields.title], preserveHTML) + '
';
+ }
+ if(result[fields.description] !== undefined) {
+ html += '' + escape(result[fields.description], preserveHTML) + '
';
+ }
+ html += ''
+ + ''
+ + escape(response[fields.action][fields.actionText], preserveHTML)
+ + '
';
+ } else {
+ html += ''
+ + ''
+ + escape(response[fields.action][fields.actionText], preserveHTML)
+ + '';
+ }
+ }
+ return html;
+ }
+ return false;
+ },
+ standard: function(response, fields, preserveHTML) {
+ var
+ html = '',
+ escape = $.fn.search.settings.templates.escape
+ ;
+ if(response[fields.results] !== undefined) {
+
+ // each result
+ $.each(response[fields.results], function(index, result) {
+ if(result[fields.url]) {
+ html += '';
+ }
+ else {
+ html += '';
+ }
+ if(result[fields.image] !== undefined) {
+ html += ''
+ + ''
+ + ' '
+ + '
'
+ ;
+ }
+ html += '';
+ if(result[fields.price] !== undefined) {
+ html += '
'
+ ;
+ html += '';
+ });
+ if(response[fields.action]) {
+ if(fields.actionURL === false) {
+ html += ''
+ + '' + escape(result[fields.price], preserveHTML) + '
';
+ }
+ if(result[fields.title] !== undefined) {
+ html += '' + escape(result[fields.title], preserveHTML) + '
';
+ }
+ if(result[fields.description] !== undefined) {
+ html += '' + escape(result[fields.description], preserveHTML) + '
';
+ }
+ html += ''
+ + ''
+ + escape(response[fields.action][fields.actionText], preserveHTML)
+ + '
';
+ } else {
+ html += ''
+ + ''
+ + escape(response[fields.action][fields.actionText], preserveHTML)
+ + '';
+ }
+ }
+ return html;
+ }
+ return false;
+ }
+ }
+};
+
+})( jQuery, window, document );
diff --git a/src/assets/semantic/dist/components/search.min.css b/src/assets/semantic/dist/components/search.min.css
new file mode 100644
index 0000000..a1ba92b
--- /dev/null
+++ b/src/assets/semantic/dist/components/search.min.css
@@ -0,0 +1,9 @@
+/*!
+ * # Fomantic-UI - Search
+ * http://github.com/fomantic/Fomantic-UI/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */.ui.search{position:relative}.ui.search>.prompt{margin:0;outline:0;-webkit-appearance:none;-webkit-tap-highlight-color:rgba(255,255,255,0);text-shadow:none;font-style:normal;font-weight:400;line-height:1.21428571em;padding:.67857143em 1em;font-size:1em;background:#fff;border:1px solid rgba(34,36,38,.15);color:rgba(0,0,0,.87);-webkit-box-shadow:0 0 0 0 transparent inset;box-shadow:0 0 0 0 transparent inset;-webkit-transition:background-color .1s ease,color .1s ease,border-color .1s ease,-webkit-box-shadow .1s ease;transition:background-color .1s ease,color .1s ease,border-color .1s ease,-webkit-box-shadow .1s ease;transition:background-color .1s ease,color .1s ease,box-shadow .1s ease,border-color .1s ease;transition:background-color .1s ease,color .1s ease,box-shadow .1s ease,border-color .1s ease,-webkit-box-shadow .1s ease}.ui.search .prompt{border-radius:500rem}.ui.search .prompt~.search.icon{cursor:pointer}.ui.search>.results{display:none;position:absolute;top:100%;left:0;-webkit-transform-origin:center top;transform-origin:center top;white-space:normal;text-align:left;text-transform:none;background:#fff;margin-top:.5em;width:18em;border-radius:.28571429rem;-webkit-box-shadow:0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15);box-shadow:0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15);border:1px solid #d4d4d5;z-index:998}.ui.search>.results>:first-child{border-radius:.28571429rem .28571429rem 0 0}.ui.search>.results>:last-child{border-radius:0 0 .28571429rem .28571429rem}.ui.search>.results .result{cursor:pointer;display:block;overflow:hidden;font-size:1em;padding:.85714286em 1.14285714em;color:rgba(0,0,0,.87);line-height:1.33;border-bottom:1px solid rgba(34,36,38,.1)}.ui.search>.results .result:last-child{border-bottom:none!important}.ui.search>.results .result .image{float:right;overflow:hidden;background:0 0;width:5em;height:3em;border-radius:.25em}.ui.search>.results .result .image img{display:block;width:auto;height:100%}.ui.search>.results .result .image+.content{margin:0 6em 0 0}.ui.search>.results .result .title{margin:-.14285714em 0 0;font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;font-weight:700;font-size:1em;color:rgba(0,0,0,.85)}.ui.search>.results .result .description{margin-top:0;font-size:.92857143em;color:rgba(0,0,0,.4)}.ui.search>.results .result .price{float:right;color:#21ba45}.ui.search>.results>.message{padding:1em 1em}.ui.search>.results>.message .header{font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;font-size:1rem;font-weight:700;color:rgba(0,0,0,.87)}.ui.search>.results>.message .description{margin-top:.25rem;font-size:1em;color:rgba(0,0,0,.87)}.ui.search>.results>.action{display:block;border-top:none;background:#f3f4f5;padding:.92857143em 1em;color:rgba(0,0,0,.87);font-weight:700;text-align:center}.ui.search>.prompt:focus{border-color:rgba(34,36,38,.35);background:#fff;color:rgba(0,0,0,.95)}.ui.loading.search .input>i.icon:before{position:absolute;content:'';top:50%;left:50%;margin:-.64285714em 0 0 -.64285714em;width:1.28571429em;height:1.28571429em;border-radius:500rem;border:.2em solid rgba(0,0,0,.1)}.ui.loading.search .input>i.icon:after{position:absolute;content:'';top:50%;left:50%;margin:-.64285714em 0 0 -.64285714em;width:1.28571429em;height:1.28571429em;-webkit-animation:loader .6s infinite linear;animation:loader .6s infinite linear;border:.2em solid #767676;border-radius:500rem;-webkit-box-shadow:0 0 0 1px transparent;box-shadow:0 0 0 1px transparent}.ui.category.search>.results .category .result:hover,.ui.search>.results .result:hover{background:#f9fafb}.ui.search .action:hover:not(div){background:#e0e0e0}.ui.category.search>.results .category.active{background:#f3f4f5}.ui.category.search>.results .category.active>.name{color:rgba(0,0,0,.87)}.ui.category.search>.results .category .result.active,.ui.search>.results .result.active{position:relative;border-left-color:rgba(34,36,38,.1);background:#f3f4f5;-webkit-box-shadow:none;box-shadow:none}.ui.search>.results .result.active .title{color:rgba(0,0,0,.85)}.ui.search>.results .result.active .description{color:rgba(0,0,0,.85)}.ui.disabled.search{cursor:default;pointer-events:none;opacity:.45}.ui.search.selection .prompt{border-radius:.28571429rem}.ui.search.selection>.icon.input>.remove.icon{pointer-events:none;position:absolute;left:auto;opacity:0;color:'';top:0;right:0;-webkit-transition:color .1s ease,opacity .1s ease;transition:color .1s ease,opacity .1s ease}.ui.search.selection>.icon.input>.active.remove.icon{cursor:pointer;opacity:.8;pointer-events:auto}.ui.search.selection>.icon.input:not([class*="left icon"])>.icon~.remove.icon{right:1.85714em}.ui.search.selection>.icon.input>.remove.icon:hover{opacity:1;color:#db2828}.ui.category.search .results{width:28em}.ui.category.search .results.animating,.ui.category.search .results.visible{display:table}.ui.category.search>.results .category{display:table-row;background:#f3f4f5;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:background .1s ease,border-color .1s ease;transition:background .1s ease,border-color .1s ease}.ui.category.search>.results .category:last-child{border-bottom:none}.ui.category.search>.results .category:first-child .name+.result{border-radius:0 .28571429rem 0 0}.ui.category.search>.results .category:last-child .result:last-child{border-radius:0 0 .28571429rem 0}.ui.category.search>.results .category>.name{display:table-cell;text-overflow:ellipsis;width:100px;white-space:nowrap;background:0 0;font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;font-size:1em;padding:.4em 1em;font-weight:700;color:rgba(0,0,0,.4);border-bottom:1px solid rgba(34,36,38,.1)}.ui.category.search>.results .category .results{display:table-cell;background:#fff;border-left:1px solid rgba(34,36,38,.15);border-bottom:1px solid rgba(34,36,38,.1)}.ui.category.search>.results .category .result{border-bottom:1px solid rgba(34,36,38,.1);-webkit-transition:background .1s ease,border-color .1s ease;transition:background .1s ease,border-color .1s ease;padding:.85714286em 1.14285714em}.ui[class*="left aligned"].search>.results{right:auto;left:0}.ui[class*="right aligned"].search>.results{right:0;left:auto}.ui.fluid.search .results{width:100%}.ui.search{font-size:1em}.ui.mini.search{font-size:.78571429em}.ui.tiny.search{font-size:.85714286em}.ui.small.search{font-size:.92857143em}.ui.large.search{font-size:1.14285714em}.ui.big.search{font-size:1.28571429em}.ui.huge.search{font-size:1.42857143em}.ui.massive.search{font-size:1.71428571em}@media only screen and (max-width:767.98px){.ui.search .results{max-width:calc(100vw - 2rem)}}
\ No newline at end of file
diff --git a/src/assets/semantic/dist/components/search.min.js b/src/assets/semantic/dist/components/search.min.js
new file mode 100644
index 0000000..01b0d42
--- /dev/null
+++ b/src/assets/semantic/dist/components/search.min.js
@@ -0,0 +1,11 @@
+ /*
+ * # Fomantic UI - 2.8.3
+ * https://github.com/fomantic/Fomantic-UI
+ * http://fomantic-ui.com/
+ *
+ * Copyright 2014 Contributors
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+!function(k,q,D,E){"use strict";k.isFunction=k.isFunction||function(e){return"function"==typeof e&&"number"!=typeof e.nodeType},q=void 0!==q&&q.Math==Math?q:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")(),k.fn.search=function(R){var x,C=k(this),w=C.selector||"",S=(new Date).getTime(),F=[],T=R,j="string"==typeof T,A=[].slice.call(arguments,1);return k(this).each(function(){var f,l=k.isPlainObject(R)?k.extend(!0,{},k.fn.search.settings,R):k.extend({},k.fn.search.settings),g=l.className,u=l.metadata,n=l.regExp,i=l.fields,h=l.selector,d=l.error,e=l.namespace,r="."+e,t=e+"-module",p=k(this),m=p.find(h.prompt),s=p.find(h.searchButton),a=p.find(h.results),c=p.find(h.result),v=(p.find(h.category),this),o=p.data(t),y=!1,b=!1;f={initialize:function(){f.verbose("Initializing module"),f.get.settings(),f.determine.searchFields(),f.bind.events(),f.set.type(),f.create.results(),f.instantiate()},instantiate:function(){f.verbose("Storing instance of module",f),o=f,p.data(t,f)},destroy:function(){f.verbose("Destroying instance"),p.off(r).removeData(t)},refresh:function(){f.debug("Refreshing selector cache"),m=p.find(h.prompt),s=p.find(h.searchButton),p.find(h.category),a=p.find(h.results),c=p.find(h.result)},refreshResults:function(){a=p.find(h.results),c=p.find(h.result)},bind:{events:function(){f.verbose("Binding events to search"),l.automatic&&(p.on(f.get.inputEvent()+r,h.prompt,f.event.input),m.attr("autocomplete","off")),p.on("focus"+r,h.prompt,f.event.focus).on("blur"+r,h.prompt,f.event.blur).on("keydown"+r,h.prompt,f.handleKeyboard).on("click"+r,h.searchButton,f.query).on("mousedown"+r,h.results,f.event.result.mousedown).on("mouseup"+r,h.results,f.event.result.mouseup).on("click"+r,h.result,f.event.result.click)}},determine:{searchFields:function(){R&&R.searchFields!==E&&(l.searchFields=R.searchFields)}},event:{input:function(){l.searchDelay?(clearTimeout(f.timer),f.timer=setTimeout(function(){f.is.focused()&&f.query()},l.searchDelay)):f.query()},focus:function(){f.set.focus(),l.searchOnFocus&&f.has.minimumCharacters()&&f.query(function(){f.can.show()&&f.showResults()})},blur:function(e){function t(){f.cancel.query(),f.remove.focus(),f.timer=setTimeout(f.hideResults,l.hideDelay)}var s=D.activeElement===this;s||(b=!1,f.resultsClicked?(f.debug("Determining if user action caused search to close"),p.one("click.close"+r,h.results,function(e){f.is.inMessage(e)||y?m.focus():(y=!1,f.is.animating()||f.is.hidden()||t())})):(f.debug("Input blurred without user action, closing results"),t()))},result:{mousedown:function(){f.resultsClicked=!0},mouseup:function(){f.resultsClicked=!1},click:function(e){f.debug("Search result selected");var t=k(this),s=t.find(h.title).eq(0),n=t.is("a[href]")?t:t.find("a[href]").eq(0),r=n.attr("href")||!1,i=n.attr("target")||!1,a=0'+i(t[s.categoryName],n)+"
"),r+='',k.each(t.results,function(e,t){t[s.url]?r+='':r+='',t[s.image]!==E&&(r+=' 
'),r+='
",r+="")}),e[s.action]&&(!1===s.actionURL?r+='',t[s.price]!==E&&(r+='
",r+=""}),r+="'+i(t[s.price],n)+"
"),t[s.title]!==E&&(r+=''+i(t[s.title],n)+"
"),t[s.description]!==E&&(r+=''+i(t[s.description],n)+"
"),r+="'+i(e[s.action][s.actionText],n)+"
":r+=''+i(e[s.action][s.actionText],n)+""),r)},standard:function(e,s,n){var r="",i=k.fn.search.settings.templates.escape;return e[s.results]!==E&&(k.each(e[s.results],function(e,t){t[s.url]?r+='':r+='',t[s.image]!==E&&(r+='',t[s.price]!==E&&(r+='
",r+=""}),e[s.action]&&(!1===s.actionURL?r+=''+i(t[s.price],n)+"
"),t[s.title]!==E&&(r+=''+i(t[s.title],n)+"
"),t[s.description]!==E&&(r+=''+i(t[s.description],n)+"
"),r+="'+i(e[s.action][s.actionText],n)+"
":r+=''+i(e[s.action][s.actionText],n)+""),r)}}}}(jQuery,window,document);
\ No newline at end of file
diff --git a/src/assets/semantic/dist/components/segment.css b/src/assets/semantic/dist/components/segment.css
new file mode 100644
index 0000000..c6a621c
--- /dev/null
+++ b/src/assets/semantic/dist/components/segment.css
@@ -0,0 +1,858 @@
+/*!
+ * # Fomantic-UI - Segment
+ * http://github.com/fomantic/Fomantic-UI/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+
+/*******************************
+ Segment
+*******************************/
+
+.ui.segment {
+ position: relative;
+ background: #FFFFFF;
+ -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
+ box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
+ margin: 1rem 0;
+ padding: 1em 1em;
+ border-radius: 0.28571429rem;
+ border: 1px solid rgba(34, 36, 38, 0.15);
+}
+.ui.segment:first-child {
+ margin-top: 0;
+}
+.ui.segment:last-child {
+ margin-bottom: 0;
+}
+
+/* Vertical */
+.ui.vertical.segment {
+ margin: 0;
+ padding-left: 0;
+ padding-right: 0;
+ background: none transparent;
+ border-radius: 0;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ border: none;
+ border-bottom: 1px solid rgba(34, 36, 38, 0.15);
+}
+.ui.vertical.segment:last-child {
+ border-bottom: none;
+}
+
+/*-------------------
+ Loose Coupling
+--------------------*/
+
+
+/* Header */
+.ui.inverted.segment > .ui.header > .sub.header,
+.ui.inverted.segment > .ui.header {
+ color: #FFFFFF;
+}
+
+/* Label */
+.ui[class*="bottom attached"].segment > [class*="top attached"].label {
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+}
+.ui[class*="top attached"].segment > [class*="bottom attached"].label {
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0;
+}
+.ui.attached.segment:not(.top):not(.bottom) > [class*="top attached"].label {
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+}
+.ui.attached.segment:not(.top):not(.bottom) > [class*="bottom attached"].label {
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+/* Grid */
+.ui.page.grid.segment,
+.ui.grid > .row > .ui.segment.column,
+.ui.grid > .ui.segment.column {
+ padding-top: 2em;
+ padding-bottom: 2em;
+}
+.ui.grid.segment {
+ margin: 1rem 0;
+ border-radius: 0.28571429rem;
+}
+
+/* Table */
+.ui.basic.table.segment {
+ background: #FFFFFF;
+ border: 1px solid rgba(34, 36, 38, 0.15);
+ -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
+ box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
+}
+.ui[class*="very basic"].table.segment {
+ padding: 1em 1em;
+}
+
+/* Tab */
+.ui.segment.tab:last-child {
+ margin-bottom: 1rem;
+}
+
+
+/*******************************
+ Types
+*******************************/
+
+
+/*-------------------
+ Placeholder
+ --------------------*/
+
+.ui.placeholder.segment {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: stretch;
+ -ms-flex-align: stretch;
+ align-items: stretch;
+ max-width: initial;
+ -webkit-animation: none;
+ animation: none;
+ overflow: visible;
+ padding: 1em 1em;
+ min-height: 18rem;
+ background: #F9FAFB;
+ border-color: rgba(34, 36, 38, 0.15);
+ -webkit-box-shadow: 0 2px 25px 0 rgba(34, 36, 38, 0.05) inset;
+ box-shadow: 0 2px 25px 0 rgba(34, 36, 38, 0.05) inset;
+}
+.ui.placeholder.segment .button,
+.ui.placeholder.segment textarea {
+ display: block;
+}
+.ui.placeholder.segment .field,
+.ui.placeholder.segment textarea,
+.ui.placeholder.segment > .ui.input,
+.ui.placeholder.segment .button {
+ max-width: 15rem;
+ margin-left: auto;
+ margin-right: auto;
+}
+.ui.placeholder.segment .column .button,
+.ui.placeholder.segment .column .field,
+.ui.placeholder.segment .column textarea,
+.ui.placeholder.segment .column > .ui.input {
+ max-width: 15rem;
+ margin-left: auto;
+ margin-right: auto;
+}
+.ui.placeholder.segment > .inline {
+ -ms-flex-item-align: center;
+ align-self: center;
+}
+.ui.placeholder.segment > .inline > .button {
+ display: inline-block;
+ width: auto;
+ margin: 0 0.35714286rem 0 0;
+}
+.ui.placeholder.segment > .inline > .button:last-child {
+ margin-right: 0;
+}
+
+/*-------------------
+ Piled
+ --------------------*/
+
+.ui.piled.segments,
+.ui.piled.segment {
+ margin: 3em 0;
+ -webkit-box-shadow: '';
+ box-shadow: '';
+ z-index: auto;
+}
+.ui.piled.segment:first-child {
+ margin-top: 0;
+}
+.ui.piled.segment:last-child {
+ margin-bottom: 0;
+}
+.ui.piled.segments:after,
+.ui.piled.segments:before,
+.ui.piled.segment:after,
+.ui.piled.segment:before {
+ background-color: #FFFFFF;
+ visibility: visible;
+ content: '';
+ display: block;
+ height: 100%;
+ left: 0;
+ position: absolute;
+ width: 100%;
+ border: 1px solid rgba(34, 36, 38, 0.15);
+ -webkit-box-shadow: '';
+ box-shadow: '';
+}
+.ui.piled.segments:before,
+.ui.piled.segment:before {
+ -webkit-transform: rotate(-1.2deg);
+ transform: rotate(-1.2deg);
+ top: 0;
+ z-index: -2;
+}
+.ui.piled.segments:after,
+.ui.piled.segment:after {
+ -webkit-transform: rotate(1.2deg);
+ transform: rotate(1.2deg);
+ top: 0;
+ z-index: -1;
+}
+
+/* Piled Attached */
+.ui[class*="top attached"].piled.segment {
+ margin-top: 3em;
+ margin-bottom: 0;
+}
+.ui.piled.segment[class*="top attached"]:first-child {
+ margin-top: 0;
+}
+.ui.piled.segment[class*="bottom attached"] {
+ margin-top: 0;
+ margin-bottom: 3em;
+}
+.ui.piled.segment[class*="bottom attached"]:last-child {
+ margin-bottom: 0;
+}
+
+/*-------------------
+ Stacked
+ --------------------*/
+
+.ui.stacked.segment {
+ padding-bottom: 1.4em;
+}
+.ui.stacked.segments:before,
+.ui.stacked.segments:after,
+.ui.stacked.segment:before,
+.ui.stacked.segment:after {
+ content: '';
+ position: absolute;
+ bottom: -3px;
+ left: 0;
+ border-top: 1px solid rgba(34, 36, 38, 0.15);
+ background: rgba(0, 0, 0, 0.03);
+ width: 100%;
+ height: 6px;
+ visibility: visible;
+}
+.ui.stacked.segments:before,
+.ui.stacked.segment:before {
+ display: none;
+}
+
+/* Add additional page */
+.ui.tall.stacked.segments:before,
+.ui.tall.stacked.segment:before {
+ display: block;
+ bottom: 0;
+}
+
+/* Inverted */
+.ui.stacked.inverted.segments:before,
+.ui.stacked.inverted.segments:after,
+.ui.stacked.inverted.segment:before,
+.ui.stacked.inverted.segment:after {
+ background-color: rgba(0, 0, 0, 0.03);
+ border-top: 1px solid rgba(34, 36, 38, 0.35);
+}
+
+/*-------------------
+ Padded
+ --------------------*/
+
+.ui.padded.segment {
+ padding: 1.5em;
+}
+.ui[class*="very padded"].segment {
+ padding: 3em;
+}
+
+/* Padded vertical */
+.ui.padded.segment.vertical.segment,
+.ui[class*="very padded"].vertical.segment {
+ padding-left: 0;
+ padding-right: 0;
+}
+
+/*-------------------
+ Compact
+ --------------------*/
+
+.ui.compact.segment {
+ display: table;
+}
+
+/* Compact Group */
+.ui.compact.segments {
+ display: -webkit-inline-box;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+}
+.ui.compact.segments .segment,
+.ui.segments .compact.segment {
+ display: block;
+ -webkit-box-flex: 0;
+ -ms-flex: 0 1 auto;
+ flex: 0 1 auto;
+}
+
+/*-------------------
+ Circular
+ --------------------*/
+
+.ui.circular.segment {
+ display: table-cell;
+ padding: 2em;
+ text-align: center;
+ vertical-align: middle;
+ border-radius: 500em;
+}
+
+/*-------------------
+ Raised
+ --------------------*/
+
+.ui.raised.raised.segments,
+.ui.raised.raised.segment {
+ -webkit-box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
+ box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
+}
+
+
+/*******************************
+ Groups
+ *******************************/
+
+
+/* Group */
+.ui.segments {
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ position: relative;
+ margin: 1rem 0;
+ border: 1px solid rgba(34, 36, 38, 0.15);
+ -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
+ box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
+ border-radius: 0.28571429rem;
+}
+.ui.segments:first-child {
+ margin-top: 0;
+}
+.ui.segments:last-child {
+ margin-bottom: 0;
+}
+
+/* Nested Segment */
+.ui.segments > .segment {
+ top: 0;
+ bottom: 0;
+ border-radius: 0;
+ margin: 0;
+ width: auto;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ border: none;
+ border-top: 1px solid rgba(34, 36, 38, 0.15);
+}
+.ui.segments:not(.horizontal) > .segment:first-child {
+ top: 0;
+ bottom: 0;
+ border-top: none;
+ margin-top: 0;
+ margin-bottom: 0;
+ border-radius: 0.28571429rem 0.28571429rem 0 0;
+}
+
+/* Bottom */
+.ui.segments:not(.horizontal) > .segment:last-child {
+ top: 0;
+ bottom: 0;
+ margin-top: 0;
+ margin-bottom: 0;
+ -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), none;
+ box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), none;
+ border-radius: 0 0 0.28571429rem 0.28571429rem;
+}
+
+/* Only */
+.ui.segments:not(.horizontal) > .segment:only-child {
+ border-radius: 0.28571429rem;
+}
+
+/* Nested Group */
+.ui.segments > .ui.segments {
+ border-top: 1px solid rgba(34, 36, 38, 0.15);
+ margin: 1rem 1rem;
+}
+.ui.segments > .segments:first-child {
+ border-top: none;
+}
+.ui.segments > .segment + .segments:not(.horizontal) {
+ margin-top: 0;
+}
+
+/* Horizontal Group */
+.ui.horizontal.segments {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ background-color: transparent;
+ padding: 0;
+ -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
+ box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
+ margin: 1rem 0;
+ border-radius: 0.28571429rem;
+ border: 1px solid rgba(34, 36, 38, 0.15);
+}
+.ui.stackable.horizontal.segments {
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+}
+
+/* Nested Horizontal Group */
+.ui.segments > .horizontal.segments {
+ margin: 0;
+ background-color: transparent;
+ border-radius: 0;
+ border: none;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ border-top: 1px solid rgba(34, 36, 38, 0.15);
+}
+
+/* Horizontal Segment */
+.ui.horizontal.segments:not(.compact) > .segment:not(.compact) {
+ -webkit-box-flex: 1;
+ flex: 1 1 auto;
+ -ms-flex: 1 1 0;
+
+/* Solves #2550 MS Flex */
+}
+.ui.horizontal.segments > .segment {
+ margin: 0;
+ min-width: 0;
+ border-radius: 0;
+ border: none;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ border-left: 1px solid rgba(34, 36, 38, 0.15);
+}
+
+/* Border Fixes */
+.ui.segments > .horizontal.segments:first-child {
+ border-top: none;
+}
+.ui.horizontal.segments:not(.stackable) > .segment:first-child {
+ border-left: none;
+}
+
+
+/*******************************
+ States
+*******************************/
+
+
+/*--------------
+ Disabled
+ ---------------*/
+
+.ui.disabled.segment {
+ opacity: 0.45;
+ color: rgba(40, 40, 40, 0.3);
+}
+
+/*--------------
+ Loading
+ ---------------*/
+
+.ui.loading.segment {
+ position: relative;
+ cursor: default;
+ pointer-events: none;
+ text-shadow: none !important;
+ -webkit-transition: all 0s linear;
+ transition: all 0s linear;
+}
+.ui.loading.segment:before {
+ position: absolute;
+ content: '';
+ top: 0;
+ left: 0;
+ background: rgba(255, 255, 255, 0.8);
+ width: 100%;
+ height: 100%;
+ border-radius: 0.28571429rem;
+ z-index: 100;
+}
+.ui.loading.segment:after {
+ position: absolute;
+ content: '';
+ top: 50%;
+ left: 50%;
+ margin: -1.5em 0 0 -1.5em;
+ width: 3em;
+ height: 3em;
+ -webkit-animation: loader 0.6s infinite linear;
+ animation: loader 0.6s infinite linear;
+ border: 0.2em solid #767676;
+ border-radius: 500rem;
+ -webkit-box-shadow: 0 0 0 1px transparent;
+ box-shadow: 0 0 0 1px transparent;
+ visibility: visible;
+ z-index: 101;
+}
+
+
+/*******************************
+ Variations
+*******************************/
+
+
+/*-------------------
+ Basic
+ --------------------*/
+
+.ui.basic.segment,
+.ui.segments .ui.basic.segment,
+.ui.basic.segments {
+ background: none transparent;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ border: none;
+ border-radius: 0;
+}
+
+/*-------------------
+ Clearing
+ --------------------*/
+
+.ui.clearing.segment:after {
+ content: "";
+ display: block;
+ clear: both;
+}
+
+/*-------------------
+ Colors
+--------------------*/
+
+.ui.red.segment.segment.segment.segment.segment:not(.inverted) {
+ border-top: 2px solid #DB2828;
+}
+.ui.inverted.red.segment.segment.segment.segment.segment {
+ background-color: #DB2828;
+ color: #FFFFFF;
+}
+.ui.orange.segment.segment.segment.segment.segment:not(.inverted) {
+ border-top: 2px solid #F2711C;
+}
+.ui.inverted.orange.segment.segment.segment.segment.segment {
+ background-color: #F2711C;
+ color: #FFFFFF;
+}
+.ui.yellow.segment.segment.segment.segment.segment:not(.inverted) {
+ border-top: 2px solid #FBBD08;
+}
+.ui.inverted.yellow.segment.segment.segment.segment.segment {
+ background-color: #FBBD08;
+ color: #FFFFFF;
+}
+.ui.olive.segment.segment.segment.segment.segment:not(.inverted) {
+ border-top: 2px solid #B5CC18;
+}
+.ui.inverted.olive.segment.segment.segment.segment.segment {
+ background-color: #B5CC18;
+ color: #FFFFFF;
+}
+.ui.green.segment.segment.segment.segment.segment:not(.inverted) {
+ border-top: 2px solid #21BA45;
+}
+.ui.inverted.green.segment.segment.segment.segment.segment {
+ background-color: #21BA45;
+ color: #FFFFFF;
+}
+.ui.teal.segment.segment.segment.segment.segment:not(.inverted) {
+ border-top: 2px solid #00B5AD;
+}
+.ui.inverted.teal.segment.segment.segment.segment.segment {
+ background-color: #00B5AD;
+ color: #FFFFFF;
+}
+.ui.blue.segment.segment.segment.segment.segment:not(.inverted) {
+ border-top: 2px solid #2185D0;
+}
+.ui.inverted.blue.segment.segment.segment.segment.segment {
+ background-color: #2185D0;
+ color: #FFFFFF;
+}
+.ui.violet.segment.segment.segment.segment.segment:not(.inverted) {
+ border-top: 2px solid #6435C9;
+}
+.ui.inverted.violet.segment.segment.segment.segment.segment {
+ background-color: #6435C9;
+ color: #FFFFFF;
+}
+.ui.purple.segment.segment.segment.segment.segment:not(.inverted) {
+ border-top: 2px solid #A333C8;
+}
+.ui.inverted.purple.segment.segment.segment.segment.segment {
+ background-color: #A333C8;
+ color: #FFFFFF;
+}
+.ui.pink.segment.segment.segment.segment.segment:not(.inverted) {
+ border-top: 2px solid #E03997;
+}
+.ui.inverted.pink.segment.segment.segment.segment.segment {
+ background-color: #E03997;
+ color: #FFFFFF;
+}
+.ui.brown.segment.segment.segment.segment.segment:not(.inverted) {
+ border-top: 2px solid #A5673F;
+}
+.ui.inverted.brown.segment.segment.segment.segment.segment {
+ background-color: #A5673F;
+ color: #FFFFFF;
+}
+.ui.grey.segment.segment.segment.segment.segment:not(.inverted) {
+ border-top: 2px solid #767676;
+}
+.ui.inverted.grey.segment.segment.segment.segment.segment {
+ background-color: #767676;
+ color: #FFFFFF;
+}
+.ui.black.segment.segment.segment.segment.segment:not(.inverted) {
+ border-top: 2px solid #1B1C1D;
+}
+.ui.inverted.black.segment.segment.segment.segment.segment {
+ background-color: #1B1C1D;
+ color: #FFFFFF;
+}
+
+/*-------------------
+ Aligned
+ --------------------*/
+
+.ui[class*="left aligned"].segment {
+ text-align: left;
+}
+.ui[class*="right aligned"].segment {
+ text-align: right;
+}
+.ui[class*="center aligned"].segment {
+ text-align: center;
+}
+
+/*-------------------
+ Floated
+ --------------------*/
+
+.ui.floated.segment,
+.ui[class*="left floated"].segment {
+ float: left;
+ margin-right: 1em;
+}
+.ui[class*="right floated"].segment {
+ float: right;
+ margin-left: 1em;
+}
+
+/*-------------------
+ Inverted
+ --------------------*/
+
+.ui.inverted.segment {
+ border: none;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+.ui.inverted.segment,
+.ui.primary.inverted.segment {
+ background: #1B1C1D;
+ color: rgba(255, 255, 255, 0.9);
+}
+
+/* Nested */
+.ui.inverted.segment .segment {
+ color: rgba(0, 0, 0, 0.87);
+}
+.ui.inverted.segment .inverted.segment {
+ color: rgba(255, 255, 255, 0.9);
+}
+
+/* Attached */
+.ui.inverted.attached.segment {
+ border-color: #555555;
+}
+
+/* Loading */
+.ui.inverted.loading.segment {
+ color: #FFFFFF;
+}
+.ui.inverted.loading.segment:before {
+ background: rgba(0, 0, 0, 0.85);
+}
+
+/*-------------------
+ Emphasis
+--------------------*/
+
+
+/* Secondary */
+.ui.secondary.segment {
+ background: #F3F4F5;
+ color: rgba(0, 0, 0, 0.6);
+}
+.ui.secondary.inverted.segment {
+ background: #4c4f52 -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0.2)), to(rgba(255, 255, 255, 0.2)));
+ background: #4c4f52 -webkit-linear-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.2) 100%);
+ background: #4c4f52 linear-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.2) 100%);
+ color: rgba(255, 255, 255, 0.8);
+}
+
+/* Tertiary */
+.ui.tertiary.segment {
+ background: #DCDDDE;
+ color: rgba(0, 0, 0, 0.6);
+}
+.ui.tertiary.inverted.segment {
+ background: #717579 -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0.35)), to(rgba(255, 255, 255, 0.35)));
+ background: #717579 -webkit-linear-gradient(rgba(255, 255, 255, 0.35) 0, rgba(255, 255, 255, 0.35) 100%);
+ background: #717579 linear-gradient(rgba(255, 255, 255, 0.35) 0, rgba(255, 255, 255, 0.35) 100%);
+ color: rgba(255, 255, 255, 0.8);
+}
+
+/*-------------------
+ Attached
+ --------------------*/
+
+
+/* Middle */
+.ui.attached.segment {
+ top: 0;
+ bottom: 0;
+ border-radius: 0;
+ margin: 0 -1px;
+ width: calc(100% + 2px);
+ max-width: calc(100% + 2px);
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ border: 1px solid #D4D4D5;
+}
+.ui.attached:not(.message) + .ui.attached.segment:not(.top) {
+ border-top: none;
+}
+
+/* Top */
+.ui[class*="top attached"].segment {
+ bottom: 0;
+ margin-bottom: 0;
+ top: 0;
+ margin-top: 1rem;
+ border-radius: 0.28571429rem 0.28571429rem 0 0;
+}
+.ui.segment[class*="top attached"]:first-child {
+ margin-top: 0;
+}
+
+/* Bottom */
+.ui.segment[class*="bottom attached"] {
+ bottom: 0;
+ margin-top: 0;
+ top: 0;
+ margin-bottom: 1rem;
+ -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), none;
+ box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), none;
+ border-radius: 0 0 0.28571429rem 0.28571429rem;
+}
+.ui.segment[class*="bottom attached"]:last-child {
+ margin-bottom: 1rem;
+}
+
+/*--------------
+ Fitted
+ ---------------*/
+
+.ui.fitted.segment:not(.horizontally) {
+ padding-top: 0;
+ padding-bottom: 0;
+}
+.ui.fitted.segment:not(.vertically) {
+ padding-left: 0;
+ padding-right: 0;
+}
+
+/*-------------------
+ Size
+--------------------*/
+
+.ui.segments .segment,
+.ui.segment {
+ font-size: 1rem;
+}
+.ui.mini.segments .segment,
+.ui.mini.segment {
+ font-size: 0.78571429rem;
+}
+.ui.tiny.segments .segment,
+.ui.tiny.segment {
+ font-size: 0.85714286rem;
+}
+.ui.small.segments .segment,
+.ui.small.segment {
+ font-size: 0.92857143rem;
+}
+.ui.large.segments .segment,
+.ui.large.segment {
+ font-size: 1.14285714rem;
+}
+.ui.big.segments .segment,
+.ui.big.segment {
+ font-size: 1.28571429rem;
+}
+.ui.huge.segments .segment,
+.ui.huge.segment {
+ font-size: 1.42857143rem;
+}
+.ui.massive.segments .segment,
+.ui.massive.segment {
+ font-size: 1.71428571rem;
+}
+
+
+/*******************************
+ Theme Overrides
+*******************************/
+
+
+
+/*******************************
+ Site Overrides
+*******************************/
+
diff --git a/src/assets/semantic/dist/components/segment.min.css b/src/assets/semantic/dist/components/segment.min.css
new file mode 100644
index 0000000..7f0a1f3
--- /dev/null
+++ b/src/assets/semantic/dist/components/segment.min.css
@@ -0,0 +1,9 @@
+/*!
+ * # Fomantic-UI - Segment
+ * http://github.com/fomantic/Fomantic-UI/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */.ui.segment{position:relative;background:#fff;-webkit-box-shadow:0 1px 2px 0 rgba(34,36,38,.15);box-shadow:0 1px 2px 0 rgba(34,36,38,.15);margin:1rem 0;padding:1em 1em;border-radius:.28571429rem;border:1px solid rgba(34,36,38,.15)}.ui.segment:first-child{margin-top:0}.ui.segment:last-child{margin-bottom:0}.ui.vertical.segment{margin:0;padding-left:0;padding-right:0;background:none transparent;border-radius:0;-webkit-box-shadow:none;box-shadow:none;border:none;border-bottom:1px solid rgba(34,36,38,.15)}.ui.vertical.segment:last-child{border-bottom:none}.ui.inverted.segment>.ui.header,.ui.inverted.segment>.ui.header>.sub.header{color:#fff}.ui[class*="bottom attached"].segment>[class*="top attached"].label{border-top-left-radius:0;border-top-right-radius:0}.ui[class*="top attached"].segment>[class*="bottom attached"].label{border-bottom-left-radius:0;border-bottom-right-radius:0}.ui.attached.segment:not(.top):not(.bottom)>[class*="top attached"].label{border-top-left-radius:0;border-top-right-radius:0}.ui.attached.segment:not(.top):not(.bottom)>[class*="bottom attached"].label{border-bottom-left-radius:0;border-bottom-right-radius:0}.ui.grid>.row>.ui.segment.column,.ui.grid>.ui.segment.column,.ui.page.grid.segment{padding-top:2em;padding-bottom:2em}.ui.grid.segment{margin:1rem 0;border-radius:.28571429rem}.ui.basic.table.segment{background:#fff;border:1px solid rgba(34,36,38,.15);-webkit-box-shadow:0 1px 2px 0 rgba(34,36,38,.15);box-shadow:0 1px 2px 0 rgba(34,36,38,.15)}.ui[class*="very basic"].table.segment{padding:1em 1em}.ui.segment.tab:last-child{margin-bottom:1rem}.ui.placeholder.segment{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;max-width:initial;-webkit-animation:none;animation:none;overflow:visible;padding:1em 1em;min-height:18rem;background:#f9fafb;border-color:rgba(34,36,38,.15);-webkit-box-shadow:0 2px 25px 0 rgba(34,36,38,.05) inset;box-shadow:0 2px 25px 0 rgba(34,36,38,.05) inset}.ui.placeholder.segment .button,.ui.placeholder.segment textarea{display:block}.ui.placeholder.segment .button,.ui.placeholder.segment .field,.ui.placeholder.segment textarea,.ui.placeholder.segment>.ui.input{max-width:15rem;margin-left:auto;margin-right:auto}.ui.placeholder.segment .column .button,.ui.placeholder.segment .column .field,.ui.placeholder.segment .column textarea,.ui.placeholder.segment .column>.ui.input{max-width:15rem;margin-left:auto;margin-right:auto}.ui.placeholder.segment>.inline{-ms-flex-item-align:center;align-self:center}.ui.placeholder.segment>.inline>.button{display:inline-block;width:auto;margin:0 .35714286rem 0 0}.ui.placeholder.segment>.inline>.button:last-child{margin-right:0}.ui.piled.segment,.ui.piled.segments{margin:3em 0;-webkit-box-shadow:'';box-shadow:'';z-index:auto}.ui.piled.segment:first-child{margin-top:0}.ui.piled.segment:last-child{margin-bottom:0}.ui.piled.segment:after,.ui.piled.segment:before,.ui.piled.segments:after,.ui.piled.segments:before{background-color:#fff;visibility:visible;content:'';display:block;height:100%;left:0;position:absolute;width:100%;border:1px solid rgba(34,36,38,.15);-webkit-box-shadow:'';box-shadow:''}.ui.piled.segment:before,.ui.piled.segments:before{-webkit-transform:rotate(-1.2deg);transform:rotate(-1.2deg);top:0;z-index:-2}.ui.piled.segment:after,.ui.piled.segments:after{-webkit-transform:rotate(1.2deg);transform:rotate(1.2deg);top:0;z-index:-1}.ui[class*="top attached"].piled.segment{margin-top:3em;margin-bottom:0}.ui.piled.segment[class*="top attached"]:first-child{margin-top:0}.ui.piled.segment[class*="bottom attached"]{margin-top:0;margin-bottom:3em}.ui.piled.segment[class*="bottom attached"]:last-child{margin-bottom:0}.ui.stacked.segment{padding-bottom:1.4em}.ui.stacked.segment:after,.ui.stacked.segment:before,.ui.stacked.segments:after,.ui.stacked.segments:before{content:'';position:absolute;bottom:-3px;left:0;border-top:1px solid rgba(34,36,38,.15);background:rgba(0,0,0,.03);width:100%;height:6px;visibility:visible}.ui.stacked.segment:before,.ui.stacked.segments:before{display:none}.ui.tall.stacked.segment:before,.ui.tall.stacked.segments:before{display:block;bottom:0}.ui.stacked.inverted.segment:after,.ui.stacked.inverted.segment:before,.ui.stacked.inverted.segments:after,.ui.stacked.inverted.segments:before{background-color:rgba(0,0,0,.03);border-top:1px solid rgba(34,36,38,.35)}.ui.padded.segment{padding:1.5em}.ui[class*="very padded"].segment{padding:3em}.ui.padded.segment.vertical.segment,.ui[class*="very padded"].vertical.segment{padding-left:0;padding-right:0}.ui.compact.segment{display:table}.ui.compact.segments{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.ui.compact.segments .segment,.ui.segments .compact.segment{display:block;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto}.ui.circular.segment{display:table-cell;padding:2em;text-align:center;vertical-align:middle;border-radius:500em}.ui.raised.raised.segment,.ui.raised.raised.segments{-webkit-box-shadow:0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15);box-shadow:0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15)}.ui.segments{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative;margin:1rem 0;border:1px solid rgba(34,36,38,.15);-webkit-box-shadow:0 1px 2px 0 rgba(34,36,38,.15);box-shadow:0 1px 2px 0 rgba(34,36,38,.15);border-radius:.28571429rem}.ui.segments:first-child{margin-top:0}.ui.segments:last-child{margin-bottom:0}.ui.segments>.segment{top:0;bottom:0;border-radius:0;margin:0;width:auto;-webkit-box-shadow:none;box-shadow:none;border:none;border-top:1px solid rgba(34,36,38,.15)}.ui.segments:not(.horizontal)>.segment:first-child{top:0;bottom:0;border-top:none;margin-top:0;margin-bottom:0;border-radius:.28571429rem .28571429rem 0 0}.ui.segments:not(.horizontal)>.segment:last-child{top:0;bottom:0;margin-top:0;margin-bottom:0;-webkit-box-shadow:0 1px 2px 0 rgba(34,36,38,.15),none;box-shadow:0 1px 2px 0 rgba(34,36,38,.15),none;border-radius:0 0 .28571429rem .28571429rem}.ui.segments:not(.horizontal)>.segment:only-child{border-radius:.28571429rem}.ui.segments>.ui.segments{border-top:1px solid rgba(34,36,38,.15);margin:1rem 1rem}.ui.segments>.segments:first-child{border-top:none}.ui.segments>.segment+.segments:not(.horizontal){margin-top:0}.ui.horizontal.segments{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;background-color:transparent;padding:0;-webkit-box-shadow:0 1px 2px 0 rgba(34,36,38,.15);box-shadow:0 1px 2px 0 rgba(34,36,38,.15);margin:1rem 0;border-radius:.28571429rem;border:1px solid rgba(34,36,38,.15)}.ui.stackable.horizontal.segments{-ms-flex-wrap:wrap;flex-wrap:wrap}.ui.segments>.horizontal.segments{margin:0;background-color:transparent;border-radius:0;border:none;-webkit-box-shadow:none;box-shadow:none;border-top:1px solid rgba(34,36,38,.15)}.ui.horizontal.segments:not(.compact)>.segment:not(.compact){-webkit-box-flex:1;flex:1 1 auto;-ms-flex:1 1 0}.ui.horizontal.segments>.segment{margin:0;min-width:0;border-radius:0;border:none;-webkit-box-shadow:none;box-shadow:none;border-left:1px solid rgba(34,36,38,.15)}.ui.segments>.horizontal.segments:first-child{border-top:none}.ui.horizontal.segments:not(.stackable)>.segment:first-child{border-left:none}.ui.disabled.segment{opacity:.45;color:rgba(40,40,40,.3)}.ui.loading.segment{position:relative;cursor:default;pointer-events:none;text-shadow:none!important;-webkit-transition:all 0s linear;transition:all 0s linear}.ui.loading.segment:before{position:absolute;content:'';top:0;left:0;background:rgba(255,255,255,.8);width:100%;height:100%;border-radius:.28571429rem;z-index:100}.ui.loading.segment:after{position:absolute;content:'';top:50%;left:50%;margin:-1.5em 0 0 -1.5em;width:3em;height:3em;-webkit-animation:loader .6s infinite linear;animation:loader .6s infinite linear;border:.2em solid #767676;border-radius:500rem;-webkit-box-shadow:0 0 0 1px transparent;box-shadow:0 0 0 1px transparent;visibility:visible;z-index:101}.ui.basic.segment,.ui.basic.segments,.ui.segments .ui.basic.segment{background:none transparent;-webkit-box-shadow:none;box-shadow:none;border:none;border-radius:0}.ui.clearing.segment:after{content:"";display:block;clear:both}.ui.red.segment.segment.segment.segment.segment:not(.inverted){border-top:2px solid #db2828}.ui.inverted.red.segment.segment.segment.segment.segment{background-color:#db2828;color:#fff}.ui.orange.segment.segment.segment.segment.segment:not(.inverted){border-top:2px solid #f2711c}.ui.inverted.orange.segment.segment.segment.segment.segment{background-color:#f2711c;color:#fff}.ui.yellow.segment.segment.segment.segment.segment:not(.inverted){border-top:2px solid #fbbd08}.ui.inverted.yellow.segment.segment.segment.segment.segment{background-color:#fbbd08;color:#fff}.ui.olive.segment.segment.segment.segment.segment:not(.inverted){border-top:2px solid #b5cc18}.ui.inverted.olive.segment.segment.segment.segment.segment{background-color:#b5cc18;color:#fff}.ui.green.segment.segment.segment.segment.segment:not(.inverted){border-top:2px solid #21ba45}.ui.inverted.green.segment.segment.segment.segment.segment{background-color:#21ba45;color:#fff}.ui.teal.segment.segment.segment.segment.segment:not(.inverted){border-top:2px solid #00b5ad}.ui.inverted.teal.segment.segment.segment.segment.segment{background-color:#00b5ad;color:#fff}.ui.blue.segment.segment.segment.segment.segment:not(.inverted){border-top:2px solid #2185d0}.ui.inverted.blue.segment.segment.segment.segment.segment{background-color:#2185d0;color:#fff}.ui.violet.segment.segment.segment.segment.segment:not(.inverted){border-top:2px solid #6435c9}.ui.inverted.violet.segment.segment.segment.segment.segment{background-color:#6435c9;color:#fff}.ui.purple.segment.segment.segment.segment.segment:not(.inverted){border-top:2px solid #a333c8}.ui.inverted.purple.segment.segment.segment.segment.segment{background-color:#a333c8;color:#fff}.ui.pink.segment.segment.segment.segment.segment:not(.inverted){border-top:2px solid #e03997}.ui.inverted.pink.segment.segment.segment.segment.segment{background-color:#e03997;color:#fff}.ui.brown.segment.segment.segment.segment.segment:not(.inverted){border-top:2px solid #a5673f}.ui.inverted.brown.segment.segment.segment.segment.segment{background-color:#a5673f;color:#fff}.ui.grey.segment.segment.segment.segment.segment:not(.inverted){border-top:2px solid #767676}.ui.inverted.grey.segment.segment.segment.segment.segment{background-color:#767676;color:#fff}.ui.black.segment.segment.segment.segment.segment:not(.inverted){border-top:2px solid #1b1c1d}.ui.inverted.black.segment.segment.segment.segment.segment{background-color:#1b1c1d;color:#fff}.ui[class*="left aligned"].segment{text-align:left}.ui[class*="right aligned"].segment{text-align:right}.ui[class*="center aligned"].segment{text-align:center}.ui.floated.segment,.ui[class*="left floated"].segment{float:left;margin-right:1em}.ui[class*="right floated"].segment{float:right;margin-left:1em}.ui.inverted.segment{border:none;-webkit-box-shadow:none;box-shadow:none}.ui.inverted.segment,.ui.primary.inverted.segment{background:#1b1c1d;color:rgba(255,255,255,.9)}.ui.inverted.segment .segment{color:rgba(0,0,0,.87)}.ui.inverted.segment .inverted.segment{color:rgba(255,255,255,.9)}.ui.inverted.attached.segment{border-color:#555}.ui.inverted.loading.segment{color:#fff}.ui.inverted.loading.segment:before{background:rgba(0,0,0,.85)}.ui.secondary.segment{background:#f3f4f5;color:rgba(0,0,0,.6)}.ui.secondary.inverted.segment{background:#4c4f52 -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,.2)),to(rgba(255,255,255,.2)));background:#4c4f52 -webkit-linear-gradient(rgba(255,255,255,.2) 0,rgba(255,255,255,.2) 100%);background:#4c4f52 linear-gradient(rgba(255,255,255,.2) 0,rgba(255,255,255,.2) 100%);color:rgba(255,255,255,.8)}.ui.tertiary.segment{background:#dcddde;color:rgba(0,0,0,.6)}.ui.tertiary.inverted.segment{background:#717579 -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,.35)),to(rgba(255,255,255,.35)));background:#717579 -webkit-linear-gradient(rgba(255,255,255,.35) 0,rgba(255,255,255,.35) 100%);background:#717579 linear-gradient(rgba(255,255,255,.35) 0,rgba(255,255,255,.35) 100%);color:rgba(255,255,255,.8)}.ui.attached.segment{top:0;bottom:0;border-radius:0;margin:0 -1px;width:calc(100% + 2px);max-width:calc(100% + 2px);-webkit-box-shadow:none;box-shadow:none;border:1px solid #d4d4d5}.ui.attached:not(.message)+.ui.attached.segment:not(.top){border-top:none}.ui[class*="top attached"].segment{bottom:0;margin-bottom:0;top:0;margin-top:1rem;border-radius:.28571429rem .28571429rem 0 0}.ui.segment[class*="top attached"]:first-child{margin-top:0}.ui.segment[class*="bottom attached"]{bottom:0;margin-top:0;top:0;margin-bottom:1rem;-webkit-box-shadow:0 1px 2px 0 rgba(34,36,38,.15),none;box-shadow:0 1px 2px 0 rgba(34,36,38,.15),none;border-radius:0 0 .28571429rem .28571429rem}.ui.segment[class*="bottom attached"]:last-child{margin-bottom:1rem}.ui.fitted.segment:not(.horizontally){padding-top:0;padding-bottom:0}.ui.fitted.segment:not(.vertically){padding-left:0;padding-right:0}.ui.segment,.ui.segments .segment{font-size:1rem}.ui.mini.segment,.ui.mini.segments .segment{font-size:.78571429rem}.ui.tiny.segment,.ui.tiny.segments .segment{font-size:.85714286rem}.ui.small.segment,.ui.small.segments .segment{font-size:.92857143rem}.ui.large.segment,.ui.large.segments .segment{font-size:1.14285714rem}.ui.big.segment,.ui.big.segments .segment{font-size:1.28571429rem}.ui.huge.segment,.ui.huge.segments .segment{font-size:1.42857143rem}.ui.massive.segment,.ui.massive.segments .segment{font-size:1.71428571rem}
\ No newline at end of file
diff --git a/src/assets/semantic/dist/components/shape.css b/src/assets/semantic/dist/components/shape.css
new file mode 100644
index 0000000..f6fed45
--- /dev/null
+++ b/src/assets/semantic/dist/components/shape.css
@@ -0,0 +1,159 @@
+/*!
+ * # Fomantic-UI - Shape
+ * http://github.com/fomantic/Fomantic-UI/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+
+/*******************************
+ Shape
+*******************************/
+
+.ui.shape {
+ position: relative;
+ vertical-align: top;
+ display: inline-block;
+ -webkit-perspective: 2000px;
+ perspective: 2000px;
+ -webkit-transition: left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
+ transition: left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
+ transition: transform 0.6s ease-in-out, left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out;
+ transition: transform 0.6s ease-in-out, left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
+}
+.ui.shape .sides {
+ -webkit-transform-style: preserve-3d;
+ transform-style: preserve-3d;
+}
+.ui.shape .side {
+ display: none;
+ opacity: 1;
+ width: 100%;
+ margin: 0 !important;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+}
+.ui.shape .side * {
+ -webkit-backface-visibility: visible !important;
+ backface-visibility: visible !important;
+}
+
+
+/*******************************
+ Types
+*******************************/
+
+.ui.cube.shape .side {
+ min-width: 15em;
+ height: 15em;
+ padding: 2em;
+ background-color: #E6E6E6;
+ color: rgba(0, 0, 0, 0.87);
+ -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
+ box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
+}
+.ui.cube.shape .side > .content {
+ width: 100%;
+ height: 100%;
+ display: table;
+ text-align: center;
+ -webkit-user-select: text;
+ -moz-user-select: text;
+ -ms-user-select: text;
+ user-select: text;
+}
+.ui.cube.shape .side > .content > div {
+ display: table-cell;
+ vertical-align: middle;
+ font-size: 2em;
+}
+
+
+/*******************************
+ Variations
+*******************************/
+
+.ui.text.shape.animating .sides {
+ position: static;
+}
+.ui.text.shape .side {
+ white-space: nowrap;
+}
+.ui.text.shape .side > * {
+ white-space: normal;
+}
+
+
+/*******************************
+ States
+*******************************/
+
+
+/*--------------
+ Loading
+ ---------------*/
+
+.ui.loading.shape {
+ position: absolute;
+ top: -9999px;
+ left: -9999px;
+}
+
+/*--------------
+ Animating
+---------------*/
+
+.ui.shape .animating.side {
+ position: absolute;
+ top: 0;
+ left: 0;
+ display: block;
+ z-index: 100;
+}
+.ui.shape .hidden.side {
+ opacity: 0.6;
+}
+
+/*--------------
+ CSS
+---------------*/
+
+.ui.shape.animating .sides {
+ position: absolute;
+ -webkit-transition: left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
+ transition: left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
+ transition: transform 0.6s ease-in-out, left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out;
+ transition: transform 0.6s ease-in-out, left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
+}
+.ui.shape.animating .side {
+ -webkit-transition: opacity 0.6s ease-in-out;
+ transition: opacity 0.6s ease-in-out;
+}
+.ui.shape .animating.side *,
+.ui.shape.animating .side * {
+ -webkit-transition: none;
+ transition: none;
+}
+
+/*--------------
+ Active
+---------------*/
+
+.ui.shape .active.side {
+ display: block;
+}
+
+
+/*******************************
+ Theme Overrides
+*******************************/
+
+
+
+/*******************************
+ User Overrides
+*******************************/
+
diff --git a/src/assets/semantic/dist/components/shape.js b/src/assets/semantic/dist/components/shape.js
new file mode 100644
index 0000000..1c1229a
--- /dev/null
+++ b/src/assets/semantic/dist/components/shape.js
@@ -0,0 +1,848 @@
+/*!
+ * # Fomantic-UI - Shape
+ * http://github.com/fomantic/Fomantic-UI/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+;(function ($, window, document, undefined) {
+
+'use strict';
+
+$.isFunction = $.isFunction || function(obj) {
+ return typeof obj === "function" && typeof obj.nodeType !== "number";
+};
+
+window = (typeof window != 'undefined' && window.Math == Math)
+ ? window
+ : (typeof self != 'undefined' && self.Math == Math)
+ ? self
+ : Function('return this')()
+;
+
+$.fn.shape = function(parameters) {
+ var
+ $allModules = $(this),
+
+ time = new Date().getTime(),
+ performance = [],
+
+ query = arguments[0],
+ methodInvoked = (typeof query == 'string'),
+ queryArguments = [].slice.call(arguments, 1),
+
+ requestAnimationFrame = window.requestAnimationFrame
+ || window.mozRequestAnimationFrame
+ || window.webkitRequestAnimationFrame
+ || window.msRequestAnimationFrame
+ || function(callback) { setTimeout(callback, 0); },
+
+ returnedValue
+ ;
+
+ $allModules
+ .each(function() {
+ var
+ moduleSelector = $allModules.selector || '',
+ settings = ( $.isPlainObject(parameters) )
+ ? $.extend(true, {}, $.fn.shape.settings, parameters)
+ : $.extend({}, $.fn.shape.settings),
+
+ // internal aliases
+ namespace = settings.namespace,
+ selector = settings.selector,
+ error = settings.error,
+ className = settings.className,
+
+ // define namespaces for modules
+ eventNamespace = '.' + namespace,
+ moduleNamespace = 'module-' + namespace,
+
+ // selector cache
+ $module = $(this),
+ $sides = $module.find('>' + selector.sides),
+ $side = $sides.find('>' + selector.side),
+
+ // private variables
+ nextIndex = false,
+ $activeSide,
+ $nextSide,
+
+ // standard module
+ element = this,
+ instance = $module.data(moduleNamespace),
+ module
+ ;
+
+ module = {
+
+ initialize: function() {
+ module.verbose('Initializing module for', element);
+ module.set.defaultSide();
+ module.instantiate();
+ },
+
+ instantiate: function() {
+ module.verbose('Storing instance of module', module);
+ instance = module;
+ $module
+ .data(moduleNamespace, instance)
+ ;
+ },
+
+ destroy: function() {
+ module.verbose('Destroying previous module for', element);
+ $module
+ .removeData(moduleNamespace)
+ .off(eventNamespace)
+ ;
+ },
+
+ refresh: function() {
+ module.verbose('Refreshing selector cache for', element);
+ $module = $(element);
+ $sides = $(this).find(selector.sides);
+ $side = $(this).find(selector.side);
+ },
+
+ repaint: function() {
+ module.verbose('Forcing repaint event');
+ var
+ shape = $sides[0] || document.createElement('div'),
+ fakeAssignment = shape.offsetWidth
+ ;
+ },
+
+ animate: function(propertyObject, callback) {
+ module.verbose('Animating box with properties', propertyObject);
+ callback = callback || function(event) {
+ module.verbose('Executing animation callback');
+ if(event !== undefined) {
+ event.stopPropagation();
+ }
+ module.reset();
+ module.set.active();
+ };
+ settings.beforeChange.call($nextSide[0]);
+ if(module.get.transitionEvent()) {
+ module.verbose('Starting CSS animation');
+ $module
+ .addClass(className.animating)
+ ;
+ $sides
+ .css(propertyObject)
+ .one(module.get.transitionEvent(), callback)
+ ;
+ module.set.duration(settings.duration);
+ requestAnimationFrame(function() {
+ $module
+ .addClass(className.animating)
+ ;
+ $activeSide
+ .addClass(className.hidden)
+ ;
+ });
+ }
+ else {
+ callback();
+ }
+ },
+
+ queue: function(method) {
+ module.debug('Queueing animation of', method);
+ $sides
+ .one(module.get.transitionEvent(), function() {
+ module.debug('Executing queued animation');
+ setTimeout(function(){
+ $module.shape(method);
+ }, 0);
+ })
+ ;
+ },
+
+ reset: function() {
+ module.verbose('Animating states reset');
+ $module
+ .removeClass(className.animating)
+ .attr('style', '')
+ .removeAttr('style')
+ ;
+ // removeAttr style does not consistently work in safari
+ $sides
+ .attr('style', '')
+ .removeAttr('style')
+ ;
+ $side
+ .attr('style', '')
+ .removeAttr('style')
+ .removeClass(className.hidden)
+ ;
+ $nextSide
+ .removeClass(className.animating)
+ .attr('style', '')
+ .removeAttr('style')
+ ;
+ },
+
+ is: {
+ complete: function() {
+ return ($side.filter('.' + className.active)[0] == $nextSide[0]);
+ },
+ animating: function() {
+ return $module.hasClass(className.animating);
+ },
+ hidden: function() {
+ return $module.closest(':hidden').length > 0;
+ }
+ },
+
+ set: {
+
+ defaultSide: function() {
+ $activeSide = $side.filter('.' + settings.className.active);
+ $nextSide = ( $activeSide.next(selector.side).length > 0 )
+ ? $activeSide.next(selector.side)
+ : $side.first()
+ ;
+ nextIndex = false;
+ module.verbose('Active side set to', $activeSide);
+ module.verbose('Next side set to', $nextSide);
+ },
+
+ duration: function(duration) {
+ duration = duration || settings.duration;
+ duration = (typeof duration == 'number')
+ ? duration + 'ms'
+ : duration
+ ;
+ module.verbose('Setting animation duration', duration);
+ if(settings.duration || settings.duration === 0) {
+ $sides.add($side)
+ .css({
+ '-webkit-transition-duration': duration,
+ '-moz-transition-duration': duration,
+ '-ms-transition-duration': duration,
+ '-o-transition-duration': duration,
+ 'transition-duration': duration
+ })
+ ;
+ }
+ },
+
+ currentStageSize: function() {
+ var
+ $activeSide = $side.filter('.' + settings.className.active),
+ width = $activeSide.outerWidth(true),
+ height = $activeSide.outerHeight(true)
+ ;
+ $module
+ .css({
+ width: width,
+ height: height
+ })
+ ;
+ },
+
+ stageSize: function() {
+ var
+ $clone = $module.clone().addClass(className.loading),
+ $side = $clone.find('>' + selector.sides + '>' + selector.side),
+ $activeSide = $side.filter('.' + settings.className.active),
+ $nextSide = (nextIndex)
+ ? $side.eq(nextIndex)
+ : ( $activeSide.next(selector.side).length > 0 )
+ ? $activeSide.next(selector.side)
+ : $side.first(),
+ newWidth = (settings.width === 'next')
+ ? $nextSide.outerWidth(true)
+ : (settings.width === 'initial')
+ ? $module.width()
+ : settings.width,
+ newHeight = (settings.height === 'next')
+ ? $nextSide.outerHeight(true)
+ : (settings.height === 'initial')
+ ? $module.height()
+ : settings.height
+ ;
+ $activeSide.removeClass(className.active);
+ $nextSide.addClass(className.active);
+ $clone.insertAfter($module);
+ $clone.remove();
+ if(settings.width !== 'auto') {
+ $module.css('width', newWidth + settings.jitter);
+ module.verbose('Specifying width during animation', newWidth);
+ }
+ if(settings.height !== 'auto') {
+ $module.css('height', newHeight + settings.jitter);
+ module.verbose('Specifying height during animation', newHeight);
+ }
+ },
+
+ nextSide: function(selector) {
+ nextIndex = selector;
+ $nextSide = $side.filter(selector);
+ nextIndex = $side.index($nextSide);
+ if($nextSide.length === 0) {
+ module.set.defaultSide();
+ module.error(error.side);
+ }
+ module.verbose('Next side manually set to', $nextSide);
+ },
+
+ active: function() {
+ module.verbose('Setting new side to active', $nextSide);
+ $side
+ .removeClass(className.active)
+ ;
+ $nextSide
+ .addClass(className.active)
+ ;
+ settings.onChange.call($nextSide[0]);
+ module.set.defaultSide();
+ }
+ },
+
+ flip: {
+ to: function(type,stage){
+ if(module.is.hidden()) {
+ module.debug('Module not visible', $nextSide);
+ return;
+ }
+ if(module.is.complete() && !module.is.animating() && !settings.allowRepeats) {
+ module.debug('Side already visible', $nextSide);
+ return;
+ }
+ var
+ transform = module.get.transform[type]()
+ ;
+ if( !module.is.animating()) {
+ module.debug('Flipping '+type, $nextSide);
+ module.set.stageSize();
+ module.stage[stage]();
+ module.animate(transform);
+ }
+ else {
+ module.queue('flip '+type);
+ }
+ },
+
+ up: function() {
+ module.flip.to('up','above');
+ },
+
+ down: function() {
+ module.flip.to('down','below');
+ },
+
+ left: function() {
+ module.flip.to('left','left');
+ },
+
+ right: function() {
+ module.flip.to('right','right');
+ },
+
+ over: function() {
+ module.flip.to('over','behind');
+ },
+
+ back: function() {
+ module.flip.to('back','behind');
+ }
+
+ },
+
+ get: {
+
+ transform: {
+ up: function() {
+ var
+ translateZ = $activeSide.outerHeight(true) / 2,
+ translateY = $nextSide.outerHeight(true) - translateZ
+ ;
+ return {
+ transform: 'translateY(' + translateY + 'px) translateZ(-'+ translateZ + 'px) rotateX(-90deg)'
+ };
+ },
+
+ down: function() {
+ var
+ translate = {
+ z: $activeSide.outerHeight(true) / 2
+ }
+ ;
+ return {
+ transform: 'translateY(-' + translate.z + 'px) translateZ(-'+ translate.z + 'px) rotateX(90deg)'
+ };
+ },
+
+ left: function() {
+ var
+ translateZ = $activeSide.outerWidth(true) / 2,
+ translateX = $nextSide.outerWidth(true) - translateZ
+ ;
+ return {
+ transform: 'translateX(' + translateX + 'px) translateZ(-' + translateZ + 'px) rotateY(90deg)'
+ };
+ },
+
+ right: function() {
+ var
+ translate = {
+ z : $activeSide.outerWidth(true) / 2
+ }
+ ;
+ return {
+ transform: 'translateX(-' + translate.z + 'px) translateZ(-' + translate.z + 'px) rotateY(-90deg)'
+ };
+ },
+
+ over: function() {
+ var
+ translate = {
+ x : -(($activeSide.outerWidth(true) - $nextSide.outerWidth(true)) / 2)
+ }
+ ;
+ return {
+ transform: 'translateX(' + translate.x + 'px) rotateY(180deg)'
+ };
+ },
+
+ back: function() {
+ var
+ translate = {
+ x : -(($activeSide.outerWidth(true) - $nextSide.outerWidth(true)) / 2)
+ }
+ ;
+ return {
+ transform: 'translateX(' + translate.x + 'px) rotateY(-180deg)'
+ };
+ }
+ },
+
+ transitionEvent: function() {
+ var
+ element = document.createElement('element'),
+ transitions = {
+ 'transition' :'transitionend',
+ 'OTransition' :'oTransitionEnd',
+ 'MozTransition' :'transitionend',
+ 'WebkitTransition' :'webkitTransitionEnd'
+ },
+ transition
+ ;
+ for(transition in transitions){
+ if( element.style[transition] !== undefined ){
+ return transitions[transition];
+ }
+ }
+ },
+
+ nextSide: function() {
+ return ( $activeSide.next(selector.side).length > 0 )
+ ? $activeSide.next(selector.side)
+ : $side.first()
+ ;
+ }
+
+ },
+
+ stage: {
+
+ above: function() {
+ var
+ box = {
+ origin : (($activeSide.outerHeight(true) - $nextSide.outerHeight(true)) / 2),
+ depth : {
+ active : ($nextSide.outerHeight(true) / 2),
+ next : ($activeSide.outerHeight(true) / 2)
+ }
+ }
+ ;
+ module.verbose('Setting the initial animation position as above', $nextSide, box);
+ $activeSide
+ .css({
+ 'transform' : 'rotateX(0deg)'
+ })
+ ;
+ $nextSide
+ .addClass(className.animating)
+ .css({
+ 'top' : box.origin + 'px',
+ 'transform' : 'rotateX(90deg) translateZ(' + box.depth.next + 'px) translateY(-' + box.depth.active + 'px)'
+ })
+ ;
+ },
+
+ below: function() {
+ var
+ box = {
+ origin : (($activeSide.outerHeight(true) - $nextSide.outerHeight(true)) / 2),
+ depth : {
+ active : ($nextSide.outerHeight(true) / 2),
+ next : ($activeSide.outerHeight(true) / 2)
+ }
+ }
+ ;
+ module.verbose('Setting the initial animation position as below', $nextSide, box);
+ $activeSide
+ .css({
+ 'transform' : 'rotateX(0deg)'
+ })
+ ;
+ $nextSide
+ .addClass(className.animating)
+ .css({
+ 'top' : box.origin + 'px',
+ 'transform' : 'rotateX(-90deg) translateZ(' + box.depth.next + 'px) translateY(' + box.depth.active + 'px)'
+ })
+ ;
+ },
+
+ left: function() {
+ var
+ height = {
+ active : $activeSide.outerWidth(true),
+ next : $nextSide.outerWidth(true)
+ },
+ box = {
+ origin : ( ( height.active - height.next ) / 2),
+ depth : {
+ active : (height.next / 2),
+ next : (height.active / 2)
+ }
+ }
+ ;
+ module.verbose('Setting the initial animation position as left', $nextSide, box);
+ $activeSide
+ .css({
+ 'transform' : 'rotateY(0deg)'
+ })
+ ;
+ $nextSide
+ .addClass(className.animating)
+ .css({
+ 'left' : box.origin + 'px',
+ 'transform' : 'rotateY(-90deg) translateZ(' + box.depth.next + 'px) translateX(-' + box.depth.active + 'px)'
+ })
+ ;
+ },
+
+ right: function() {
+ var
+ height = {
+ active : $activeSide.outerWidth(true),
+ next : $nextSide.outerWidth(true)
+ },
+ box = {
+ origin : ( ( height.active - height.next ) / 2),
+ depth : {
+ active : (height.next / 2),
+ next : (height.active / 2)
+ }
+ }
+ ;
+ module.verbose('Setting the initial animation position as right', $nextSide, box);
+ $activeSide
+ .css({
+ 'transform' : 'rotateY(0deg)'
+ })
+ ;
+ $nextSide
+ .addClass(className.animating)
+ .css({
+ 'left' : box.origin + 'px',
+ 'transform' : 'rotateY(90deg) translateZ(' + box.depth.next + 'px) translateX(' + box.depth.active + 'px)'
+ })
+ ;
+ },
+
+ behind: function() {
+ var
+ height = {
+ active : $activeSide.outerWidth(true),
+ next : $nextSide.outerWidth(true)
+ },
+ box = {
+ origin : ( ( height.active - height.next ) / 2),
+ depth : {
+ active : (height.next / 2),
+ next : (height.active / 2)
+ }
+ }
+ ;
+ module.verbose('Setting the initial animation position as behind', $nextSide, box);
+ $activeSide
+ .css({
+ 'transform' : 'rotateY(0deg)'
+ })
+ ;
+ $nextSide
+ .addClass(className.animating)
+ .css({
+ 'left' : box.origin + 'px',
+ 'transform' : 'rotateY(-180deg)'
+ })
+ ;
+ }
+ },
+ setting: function(name, value) {
+ module.debug('Changing setting', name, value);
+ if( $.isPlainObject(name) ) {
+ $.extend(true, settings, name);
+ }
+ else if(value !== undefined) {
+ if($.isPlainObject(settings[name])) {
+ $.extend(true, settings[name], value);
+ }
+ else {
+ settings[name] = value;
+ }
+ }
+ else {
+ return settings[name];
+ }
+ },
+ internal: function(name, value) {
+ if( $.isPlainObject(name) ) {
+ $.extend(true, module, name);
+ }
+ else if(value !== undefined) {
+ module[name] = value;
+ }
+ else {
+ return module[name];
+ }
+ },
+ debug: function() {
+ if(!settings.silent && settings.debug) {
+ if(settings.performance) {
+ module.performance.log(arguments);
+ }
+ else {
+ module.debug = Function.prototype.bind.call(console.info, console, settings.name + ':');
+ module.debug.apply(console, arguments);
+ }
+ }
+ },
+ verbose: function() {
+ if(!settings.silent && settings.verbose && settings.debug) {
+ if(settings.performance) {
+ module.performance.log(arguments);
+ }
+ else {
+ module.verbose = Function.prototype.bind.call(console.info, console, settings.name + ':');
+ module.verbose.apply(console, arguments);
+ }
+ }
+ },
+ error: function() {
+ if(!settings.silent) {
+ module.error = Function.prototype.bind.call(console.error, console, settings.name + ':');
+ module.error.apply(console, arguments);
+ }
+ },
+ performance: {
+ log: function(message) {
+ var
+ currentTime,
+ executionTime,
+ previousTime
+ ;
+ if(settings.performance) {
+ currentTime = new Date().getTime();
+ previousTime = time || currentTime;
+ executionTime = currentTime - previousTime;
+ time = currentTime;
+ performance.push({
+ 'Name' : message[0],
+ 'Arguments' : [].slice.call(message, 1) || '',
+ 'Element' : element,
+ 'Execution Time' : executionTime
+ });
+ }
+ clearTimeout(module.performance.timer);
+ module.performance.timer = setTimeout(module.performance.display, 500);
+ },
+ display: function() {
+ var
+ title = settings.name + ':',
+ totalTime = 0
+ ;
+ time = false;
+ clearTimeout(module.performance.timer);
+ $.each(performance, function(index, data) {
+ totalTime += data['Execution Time'];
+ });
+ title += ' ' + totalTime + 'ms';
+ if(moduleSelector) {
+ title += ' \'' + moduleSelector + '\'';
+ }
+ if($allModules.length > 1) {
+ title += ' ' + '(' + $allModules.length + ')';
+ }
+ if( (console.group !== undefined || console.table !== undefined) && performance.length > 0) {
+ console.groupCollapsed(title);
+ if(console.table) {
+ console.table(performance);
+ }
+ else {
+ $.each(performance, function(index, data) {
+ console.log(data['Name'] + ': ' + data['Execution Time']+'ms');
+ });
+ }
+ console.groupEnd();
+ }
+ performance = [];
+ }
+ },
+ invoke: function(query, passedArguments, context) {
+ var
+ object = instance,
+ maxDepth,
+ found,
+ response
+ ;
+ passedArguments = passedArguments || queryArguments;
+ context = element || context;
+ if(typeof query == 'string' && object !== undefined) {
+ query = query.split(/[\. ]/);
+ maxDepth = query.length - 1;
+ $.each(query, function(depth, value) {
+ var camelCaseValue = (depth != maxDepth)
+ ? value + query[depth + 1].charAt(0).toUpperCase() + query[depth + 1].slice(1)
+ : query
+ ;
+ if( $.isPlainObject( object[camelCaseValue] ) && (depth != maxDepth) ) {
+ object = object[camelCaseValue];
+ }
+ else if( object[camelCaseValue] !== undefined ) {
+ found = object[camelCaseValue];
+ return false;
+ }
+ else if( $.isPlainObject( object[value] ) && (depth != maxDepth) ) {
+ object = object[value];
+ }
+ else if( object[value] !== undefined ) {
+ found = object[value];
+ return false;
+ }
+ else {
+ return false;
+ }
+ });
+ }
+ if ( $.isFunction( found ) ) {
+ response = found.apply(context, passedArguments);
+ }
+ else if(found !== undefined) {
+ response = found;
+ }
+ if(Array.isArray(returnedValue)) {
+ returnedValue.push(response);
+ }
+ else if(returnedValue !== undefined) {
+ returnedValue = [returnedValue, response];
+ }
+ else if(response !== undefined) {
+ returnedValue = response;
+ }
+ return found;
+ }
+ };
+
+ if(methodInvoked) {
+ if(instance === undefined) {
+ module.initialize();
+ }
+ var $inputs = $module.find('input');
+ if( $inputs.length > 0) {
+ $inputs.blur();
+ setTimeout(function(){
+ module.invoke(query);
+ }, 150);
+ } else {
+ module.invoke(query);
+ }
+ }
+ else {
+ if(instance !== undefined) {
+ instance.invoke('destroy');
+ }
+ module.initialize();
+ }
+ })
+ ;
+
+ return (returnedValue !== undefined)
+ ? returnedValue
+ : this
+ ;
+};
+
+$.fn.shape.settings = {
+
+ // module info
+ name : 'Shape',
+
+ // hide all debug content
+ silent : false,
+
+ // debug content outputted to console
+ debug : false,
+
+ // verbose debug output
+ verbose : false,
+
+ // fudge factor in pixels when swapping from 2d to 3d (can be useful to correct rounding errors)
+ jitter : 0,
+
+ // performance data output
+ performance: true,
+
+ // event namespace
+ namespace : 'shape',
+
+ // width during animation, can be set to 'auto', initial', 'next' or pixel amount
+ width: 'initial',
+
+ // height during animation, can be set to 'auto', 'initial', 'next' or pixel amount
+ height: 'initial',
+
+ // callback occurs on side change
+ beforeChange : function() {},
+ onChange : function() {},
+
+ // allow animation to same side
+ allowRepeats: false,
+
+ // animation duration
+ duration : false,
+
+ // possible errors
+ error: {
+ side : 'You tried to switch to a side that does not exist.',
+ method : 'The method you called is not defined'
+ },
+
+ // classnames used
+ className : {
+ animating : 'animating',
+ hidden : 'hidden',
+ loading : 'loading',
+ active : 'active'
+ },
+
+ // selectors used
+ selector : {
+ sides : '.sides',
+ side : '.side'
+ }
+
+};
+
+
+})( jQuery, window, document );
diff --git a/src/assets/semantic/dist/components/shape.min.css b/src/assets/semantic/dist/components/shape.min.css
new file mode 100644
index 0000000..65d7d6b
--- /dev/null
+++ b/src/assets/semantic/dist/components/shape.min.css
@@ -0,0 +1,9 @@
+/*!
+ * # Fomantic-UI - Shape
+ * http://github.com/fomantic/Fomantic-UI/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */.ui.shape{position:relative;vertical-align:top;display:inline-block;-webkit-perspective:2000px;perspective:2000px;-webkit-transition:left .6s ease-in-out,width .6s ease-in-out,height .6s ease-in-out,-webkit-transform .6s ease-in-out;transition:left .6s ease-in-out,width .6s ease-in-out,height .6s ease-in-out,-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out,left .6s ease-in-out,width .6s ease-in-out,height .6s ease-in-out;transition:transform .6s ease-in-out,left .6s ease-in-out,width .6s ease-in-out,height .6s ease-in-out,-webkit-transform .6s ease-in-out}.ui.shape .sides{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.ui.shape .side{display:none;opacity:1;width:100%;margin:0!important;-webkit-backface-visibility:hidden;backface-visibility:hidden}.ui.shape .side *{-webkit-backface-visibility:visible!important;backface-visibility:visible!important}.ui.cube.shape .side{min-width:15em;height:15em;padding:2em;background-color:#e6e6e6;color:rgba(0,0,0,.87);-webkit-box-shadow:0 0 2px rgba(0,0,0,.3);box-shadow:0 0 2px rgba(0,0,0,.3)}.ui.cube.shape .side>.content{width:100%;height:100%;display:table;text-align:center;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.ui.cube.shape .side>.content>div{display:table-cell;vertical-align:middle;font-size:2em}.ui.text.shape.animating .sides{position:static}.ui.text.shape .side{white-space:nowrap}.ui.text.shape .side>*{white-space:normal}.ui.loading.shape{position:absolute;top:-9999px;left:-9999px}.ui.shape .animating.side{position:absolute;top:0;left:0;display:block;z-index:100}.ui.shape .hidden.side{opacity:.6}.ui.shape.animating .sides{position:absolute;-webkit-transition:left .6s ease-in-out,width .6s ease-in-out,height .6s ease-in-out,-webkit-transform .6s ease-in-out;transition:left .6s ease-in-out,width .6s ease-in-out,height .6s ease-in-out,-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out,left .6s ease-in-out,width .6s ease-in-out,height .6s ease-in-out;transition:transform .6s ease-in-out,left .6s ease-in-out,width .6s ease-in-out,height .6s ease-in-out,-webkit-transform .6s ease-in-out}.ui.shape.animating .side{-webkit-transition:opacity .6s ease-in-out;transition:opacity .6s ease-in-out}.ui.shape .animating.side *,.ui.shape.animating .side *{-webkit-transition:none;transition:none}.ui.shape .active.side{display:block}
\ No newline at end of file
diff --git a/src/assets/semantic/dist/components/shape.min.js b/src/assets/semantic/dist/components/shape.min.js
new file mode 100644
index 0000000..51a805d
--- /dev/null
+++ b/src/assets/semantic/dist/components/shape.min.js
@@ -0,0 +1,11 @@
+ /*
+ * # Fomantic UI - 2.8.3
+ * https://github.com/fomantic/Fomantic-UI
+ * http://fomantic-ui.com/
+ *
+ * Copyright 2014 Contributors
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+!function(E,e,Y,F){"use strict";E.isFunction=E.isFunction||function(e){return"function"==typeof e&&"number"!=typeof e.nodeType},e=void 0!==e&&e.Math==Math?e:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")(),E.fn.shape=function(b){var x,y=E(this),w=(new Date).getTime(),C=[],S=b,T="string"==typeof S,W=[].slice.call(arguments,1),A=e.requestAnimationFrame||e.mozRequestAnimationFrame||e.webkitRequestAnimationFrame||e.msRequestAnimationFrame||function(e){setTimeout(e,0)};return y.each(function(){var n,o,r,t=y.selector||"",s=E.isPlainObject(b)?E.extend(!0,{},E.fn.shape.settings,b):E.extend({},E.fn.shape.settings),e=s.namespace,d=s.selector,i=s.error,l=s.className,a="."+e,u="module-"+e,c=E(this),f=c.find(">"+d.sides),g=f.find(">"+d.side),h=!1,m=this,p=c.data(u);if(r={initialize:function(){r.verbose("Initializing module for",m),r.set.defaultSide(),r.instantiate()},instantiate:function(){r.verbose("Storing instance of module",r),p=r,c.data(u,p)},destroy:function(){r.verbose("Destroying previous module for",m),c.removeData(u).off(a)},refresh:function(){r.verbose("Refreshing selector cache for",m),c=E(m),f=E(this).find(d.sides),g=E(this).find(d.side)},repaint:function(){r.verbose("Forcing repaint event");(f[0]||Y.createElement("div")).offsetWidth},animate:function(e,t){r.verbose("Animating box with properties",e),t=t||function(e){r.verbose("Executing animation callback"),e!==F&&e.stopPropagation(),r.reset(),r.set.active()},s.beforeChange.call(o[0]),r.get.transitionEvent()?(r.verbose("Starting CSS animation"),c.addClass(l.animating),f.css(e).one(r.get.transitionEvent(),t),r.set.duration(s.duration),A(function(){c.addClass(l.animating),n.addClass(l.hidden)})):t()},queue:function(e){r.debug("Queueing animation of",e),f.one(r.get.transitionEvent(),function(){r.debug("Executing queued animation"),setTimeout(function(){c.shape(e)},0)})},reset:function(){r.verbose("Animating states reset"),c.removeClass(l.animating).attr("style","").removeAttr("style"),f.attr("style","").removeAttr("style"),g.attr("style","").removeAttr("style").removeClass(l.hidden),o.removeClass(l.animating).attr("style","").removeAttr("style")},is:{complete:function(){return g.filter("."+l.active)[0]==o[0]},animating:function(){return c.hasClass(l.animating)},hidden:function(){return 0"
+ + ""
+ + ""
+ + ""
+ + "
");
+ }
+ precision = module.get.precision();
+ $thumb = $module.find('.thumb:not(.second)');
+ $currThumb = $thumb;
+ if(module.is.range()) {
+ if($module.find('.thumb.second').length == 0) {
+ $module.find('.inner').append("");
+ }
+ $secondThumb = $module.find('.thumb.second');
+ }
+ $track = $module.find('.track');
+ $trackFill = $module.find('.track-fill');
+ offset = $thumb.width() / 2;
+ },
+ labels: function() {
+ if(module.is.labeled()) {
+ $labels = $module.find('.labels:not(.auto)');
+ if($labels.length != 0) {
+ module.setup.customLabel();
+ } else {
+ module.setup.autoLabel();
+ }
+
+ if (settings.showLabelTicks) {
+ $module.addClass(className.ticked)
+ }
+ }
+ },
+ testOutTouch: function() {
+ try {
+ document.createEvent('TouchEvent');
+ return true;
+ } catch (e) {
+ return false;
+ }
+ },
+ customLabel: function() {
+ var
+ $children = $labels.find('.label'),
+ numChildren = $children.length,
+ min = module.get.min(),
+ max = module.get.max(),
+ ratio
+ ;
+ $children.each(function(index) {
+ var
+ $child = $(this),
+ attrValue = $child.attr('data-value')
+ ;
+ if(attrValue) {
+ attrValue = attrValue > max ? max : attrValue < min ? min : attrValue;
+ ratio = (attrValue - min) / (max - min);
+ } else {
+ ratio = (index + 1) / (numChildren + 1);
+ }
+ module.update.labelPosition(ratio, $(this));
+ });
+ },
+ autoLabel: function() {
+ if(module.get.step() != 0) {
+ $labels = $module.find('.labels');
+ if($labels.length != 0) {
+ $labels.empty();
+ }
+ else {
+ $labels = $module.append('"),l=p.get.precision(),i=P.find(".thumb:not(.second)"),f=i,p.is.range()&&(0==P.find(".thumb.second").length&&P.find(".inner").append(""),u=P.find(".thumb.second")),e=P.find(".track"),v=P.find(".track-fill"),b=i.width()/2},labels:function(){p.is.labeled()&&(0!=(o=P.find(".labels:not(.auto)")).length?p.setup.customLabel():p.setup.autoLabel(),d.showLabelTicks&&P.addClass(a.ticked))},testOutTouch:function(){try{return X.createEvent("TouchEvent"),!0}catch(e){return!1}},customLabel:function(){var n,e=o.find(".label"),a=e.length,s=p.get.min(),r=p.get.max();e.each(function(e){var t=U(this).attr("data-value");n=t?((t=r
- '
+ ;
+ $.each(errors, function(index, value) {
+ html += '
- ' + value + ' '; + }); + html += '
'+a(t[n.categoryName],i)+"
"),o+='',P.each(t.results,function(e,t){t[n.url]?o+='':o+='',t[n.image]!==O&&(o+=' 
'),o+='
",o+="")}),e[n.action]&&(!1===n.actionURL?o+='',t[n.price]!==O&&(o+='
",o+=""}),o+="'+a(t[n.price],i)+"
"),t[n.title]!==O&&(o+=''+a(t[n.title],i)+"
"),t[n.description]!==O&&(o+=''+a(t[n.description],i)+"
"),o+="'+a(e[n.action][n.actionText],i)+"
":o+=''+a(e[n.action][n.actionText],i)+""),o)},standard:function(e,n,i){var o="",a=P.fn.search.settings.templates.escape;return e[n.results]!==O&&(P.each(e[n.results],function(e,t){t[n.url]?o+='':o+='',t[n.image]!==O&&(o+='',t[n.price]!==O&&(o+='
",o+=""}),e[n.action]&&(!1===n.actionURL?o+=''+a(t[n.price],i)+"
"),t[n.title]!==O&&(o+=''+a(t[n.title],i)+"
"),t[n.description]!==O&&(o+=''+a(t[n.description],i)+"
"),o+="'+a(e[n.action][n.actionText],i)+"
":o+=''+a(e[n.action][n.actionText],i)+""),o)}}}}(jQuery,window,document),function(A,e,E,P){"use strict";A.isFunction=A.isFunction||function(e){return"function"==typeof e&&"number"!=typeof e.nodeType},e=void 0!==e&&e.Math==Math?e:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")(),A.fn.shape=function(b){var y,x=A(this),C=(new Date).getTime(),w=[],k=b,T="string"==typeof k,S=[].slice.call(arguments,1),D=e.requestAnimationFrame||e.mozRequestAnimationFrame||e.webkitRequestAnimationFrame||e.msRequestAnimationFrame||function(e){setTimeout(e,0)};return x.each(function(){var i,o,r,t=x.selector||"",s=A.isPlainObject(b)?A.extend(!0,{},A.fn.shape.settings,b):A.extend({},A.fn.shape.settings),e=s.namespace,l=s.selector,n=s.error,c=s.className,a="."+e,u="module-"+e,d=A(this),f=d.find(">"+l.sides),m=f.find(">"+l.side),g=!1,p=this,h=d.data(u);if(r={initialize:function(){r.verbose("Initializing module for",p),r.set.defaultSide(),r.instantiate()},instantiate:function(){r.verbose("Storing instance of module",r),h=r,d.data(u,h)},destroy:function(){r.verbose("Destroying previous module for",p),d.removeData(u).off(a)},refresh:function(){r.verbose("Refreshing selector cache for",p),d=A(p),f=A(this).find(l.sides),m=A(this).find(l.side)},repaint:function(){r.verbose("Forcing repaint event");(f[0]||E.createElement("div")).offsetWidth},animate:function(e,t){r.verbose("Animating box with properties",e),t=t||function(e){r.verbose("Executing animation callback"),e!==P&&e.stopPropagation(),r.reset(),r.set.active()},s.beforeChange.call(o[0]),r.get.transitionEvent()?(r.verbose("Starting CSS animation"),d.addClass(c.animating),f.css(e).one(r.get.transitionEvent(),t),r.set.duration(s.duration),D(function(){d.addClass(c.animating),i.addClass(c.hidden)})):t()},queue:function(e){r.debug("Queueing animation of",e),f.one(r.get.transitionEvent(),function(){r.debug("Executing queued animation"),setTimeout(function(){d.shape(e)},0)})},reset:function(){r.verbose("Animating states reset"),d.removeClass(c.animating).attr("style","").removeAttr("style"),f.attr("style","").removeAttr("style"),m.attr("style","").removeAttr("style").removeClass(c.hidden),o.removeClass(c.animating).attr("style","").removeAttr("style")},is:{complete:function(){return m.filter("."+c.active)[0]==o[0]},animating:function(){return d.hasClass(c.animating)},hidden:function(){return 0