").append(m.parseHTML(a)).find(d):a)}).complete(c&&function(a,b){g.each(c,e||[a.responseText,b,a])}),this},m.expr.filters.animated=function(a){return m.grep(m.timers,function(b){return a===b.elem}).length};var cd=a.document.documentElement;function dd(a){return m.isWindow(a)?a:9===a.nodeType?a.defaultView||a.parentWindow:!1}m.offset={setOffset:function(a,b,c){var d,e,f,g,h,i,j,k=m.css(a,"position"),l=m(a),n={};"static"===k&&(a.style.position="relative"),h=l.offset(),f=m.css(a,"top"),i=m.css(a,"left"),j=("absolute"===k||"fixed"===k)&&m.inArray("auto",[f,i])>-1,j?(d=l.position(),g=d.top,e=d.left):(g=parseFloat(f)||0,e=parseFloat(i)||0),m.isFunction(b)&&(b=b.call(a,c,h)),null!=b.top&&(n.top=b.top-h.top+g),null!=b.left&&(n.left=b.left-h.left+e),"using"in b?b.using.call(a,n):l.css(n)}},m.fn.extend({offset:function(a){if(arguments.length)return void 0===a?this:this.each(function(b){m.offset.setOffset(this,a,b)});var b,c,d={top:0,left:0},e=this[0],f=e&&e.ownerDocument;if(f)return b=f.documentElement,m.contains(b,e)?(typeof e.getBoundingClientRect!==K&&(d=e.getBoundingClientRect()),c=dd(f),{top:d.top+(c.pageYOffset||b.scrollTop)-(b.clientTop||0),left:d.left+(c.pageXOffset||b.scrollLeft)-(b.clientLeft||0)}):d},position:function(){if(this[0]){var a,b,c={top:0,left:0},d=this[0];return"fixed"===m.css(d,"position")?b=d.getBoundingClientRect():(a=this.offsetParent(),b=this.offset(),m.nodeName(a[0],"html")||(c=a.offset()),c.top+=m.css(a[0],"borderTopWidth",!0),c.left+=m.css(a[0],"borderLeftWidth",!0)),{top:b.top-c.top-m.css(d,"marginTop",!0),left:b.left-c.left-m.css(d,"marginLeft",!0)}}},offsetParent:function(){return this.map(function(){var a=this.offsetParent||cd;while(a&&!m.nodeName(a,"html")&&"static"===m.css(a,"position"))a=a.offsetParent;return a||cd})}}),m.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(a,b){var c=/Y/.test(b);m.fn[a]=function(d){return V(this,function(a,d,e){var f=dd(a);return void 0===e?f?b in f?f[b]:f.document.documentElement[d]:a[d]:void(f?f.scrollTo(c?m(f).scrollLeft():e,c?e:m(f).scrollTop()):a[d]=e)},a,d,arguments.length,null)}}),m.each(["top","left"],function(a,b){m.cssHooks[b]=Lb(k.pixelPosition,function(a,c){return c?(c=Jb(a,b),Hb.test(c)?m(a).position()[b]+"px":c):void 0})}),m.each({Height:"height",Width:"width"},function(a,b){m.each({padding:"inner"+a,content:b,"":"outer"+a},function(c,d){m.fn[d]=function(d,e){var f=arguments.length&&(c||"boolean"!=typeof d),g=c||(d===!0||e===!0?"margin":"border");return V(this,function(b,c,d){var e;return m.isWindow(b)?b.document.documentElement["client"+a]:9===b.nodeType?(e=b.documentElement,Math.max(b.body["scroll"+a],e["scroll"+a],b.body["offset"+a],e["offset"+a],e["client"+a])):void 0===d?m.css(b,c,g):m.style(b,c,d,g)},b,f?d:void 0,f,null)}})}),m.fn.size=function(){return this.length},m.fn.andSelf=m.fn.addBack,"function"==typeof define&&define.amd&&define("jquery",[],function(){return m});var ed=a.jQuery,fd=a.$;return m.noConflict=function(b){return a.$===m&&(a.$=fd),b&&a.jQuery===m&&(a.jQuery=ed),m},typeof b===K&&(a.jQuery=a.$=m),m});
diff --git a/docs/docs/assets/js/resizeable.js b/docs/docs/assets/js/resizeable.js
new file mode 100644
index 0000000..7c2a91a
--- /dev/null
+++ b/docs/docs/assets/js/resizeable.js
@@ -0,0 +1,122 @@
+/*
+ This function will be called in the event when browser breakpoint changes
+ */
+
+var public_vars = public_vars || {};
+
+jQuery.extend(public_vars, {
+
+ breakpoints: {
+ largescreen: [991, -1],
+ tabletscreen: [768, 990],
+ devicescreen: [420, 767],
+ sdevicescreen: [0, 419]
+ },
+
+ lastBreakpoint: null
+});
+
+
+/* Main Function that will be called each time when the screen breakpoint changes */
+function resizable(breakpoint)
+{
+ var sb_with_animation;
+
+ // Large Screen Specific Script
+ if(is('largescreen'))
+ {
+ }
+
+
+ // Tablet or larger screen
+ if(ismdxl())
+ {
+ }
+
+
+ // Tablet Screen Specific Script
+ if(is('tabletscreen'))
+ {
+ }
+
+
+ // Tablet device screen
+ if(is('tabletscreen'))
+ {
+ public_vars.$sidebarMenu.addClass('collapsed');
+ ps_destroy();
+ }
+
+
+ // Tablet Screen Specific Script
+ if(isxs())
+ {
+ }
+
+
+ // Trigger Event
+ jQuery(window).trigger('xenon.resize');
+}
+
+
+
+/* Functions */
+
+// Get current breakpoint
+function get_current_breakpoint()
+{
+ var width = jQuery(window).width(),
+ breakpoints = public_vars.breakpoints;
+
+ for(var breakpont_label in breakpoints)
+ {
+ var bp_arr = breakpoints[breakpont_label],
+ min = bp_arr[0],
+ max = bp_arr[1];
+
+ if(max == -1)
+ max = width;
+
+ if(min <= width && max >= width)
+ {
+ return breakpont_label;
+ }
+ }
+
+ return null;
+}
+
+
+// Check current screen breakpoint
+function is(screen_label)
+{
+ return get_current_breakpoint() == screen_label;
+}
+
+
+// Is xs device
+function isxs()
+{
+ return is('devicescreen') || is('sdevicescreen');
+}
+
+// Is md or xl
+function ismdxl()
+{
+ return is('tabletscreen') || is('largescreen');
+}
+
+
+// Trigger Resizable Function
+function trigger_resizable()
+{
+ if(public_vars.lastBreakpoint != get_current_breakpoint())
+ {
+ public_vars.lastBreakpoint = get_current_breakpoint();
+ resizable(public_vars.lastBreakpoint);
+ }
+
+
+ // Trigger Event (Repeated)
+ jQuery(window).trigger('xenon.resized');
+}
\ No newline at end of file
diff --git a/docs/docs/assets/js/xenon-api.js b/docs/docs/assets/js/xenon-api.js
new file mode 100644
index 0000000..4b6ff08
--- /dev/null
+++ b/docs/docs/assets/js/xenon-api.js
@@ -0,0 +1,91 @@
+/**
+ * Xenon API Functions
+ *
+ * Theme by: www.laborator.co
+ **/
+
+
+function rtl() // checks whether the content is in RTL mode
+{
+ if(typeof window.isRTL == 'boolean')
+ return window.isRTL;
+
+ window.isRTL = jQuery("html").get(0).dir == 'rtl' ? true : false;
+
+ return window.isRTL;
+}
+
+
+
+// Page Loader
+function show_loading_bar(options)
+{
+ var defaults = {
+ pct: 0,
+ delay: 1.3,
+ wait: 0,
+ before: function(){},
+ finish: function(){},
+ resetOnEnd: true
+ };
+
+ if(typeof options == 'object')
+ defaults = jQuery.extend(defaults, options);
+ else
+ if(typeof options == 'number')
+ defaults.pct = options;
+
+
+ if(defaults.pct > 100)
+ defaults.pct = 100;
+ else
+ if(defaults.pct < 0)
+ defaults.pct = 0;
+
+ var $ = jQuery,
+ $loading_bar = $(".xenon-loading-bar");
+
+ if($loading_bar.length == 0)
+ {
+ $loading_bar = $('
');
+ public_vars.$body.append( $loading_bar );
+ }
+
+ var $pct = $loading_bar.find('span'),
+ current_pct = $pct.data('pct'),
+ is_regress = current_pct > defaults.pct;
+
+
+ defaults.before(current_pct);
+
+ TweenMax.to($pct, defaults.delay, {css: {width: defaults.pct + '%'}, delay: defaults.wait, ease: is_regress ? Expo.easeOut : Expo.easeIn,
+ onStart: function()
+ {
+ $loading_bar.removeClass('progress-is-hidden');
+ },
+ onComplete: function()
+ {
+ var pct = $pct.data('pct');
+
+ if(pct == 100 && defaults.resetOnEnd)
+ {
+ hide_loading_bar();
+ }
+
+ defaults.finish(pct);
+ },
+ onUpdate: function()
+ {
+ $pct.data('pct', parseInt($pct.get(0).style.width, 10));
+ }});
+}
+
+function hide_loading_bar()
+{
+ var $ = jQuery,
+ $loading_bar = $(".xenon-loading-bar"),
+ $pct = $loading_bar.find('span');
+
+ $loading_bar.addClass('progress-is-hidden');
+ $pct.width(0).data('pct', 0);
+}
\ No newline at end of file
diff --git a/docs/docs/assets/js/xenon-custom.js b/docs/docs/assets/js/xenon-custom.js
new file mode 100644
index 0000000..e6b0f68
--- /dev/null
+++ b/docs/docs/assets/js/xenon-custom.js
@@ -0,0 +1,1950 @@
+/**
+ * Xenon Main
+ *
+ * Theme by: www.laborator.co
+ **/
+
+var public_vars = public_vars || {};
+
+;(function($, window, undefined){
+
+ "use strict";
+
+ $(document).ready(function()
+ {
+ // Main Vars
+ public_vars.$body = $("body");
+ public_vars.$pageContainer = public_vars.$body.find(".page-container");
+ public_vars.$chat = public_vars.$pageContainer.find("#chat");
+ public_vars.$sidebarMenu = public_vars.$pageContainer.find('.sidebar-menu');
+ public_vars.$sidebarProfile = public_vars.$sidebarMenu.find('.sidebar-user-info');
+ public_vars.$mainMenu = public_vars.$sidebarMenu.find('.main-menu');
+
+ public_vars.$horizontalNavbar = public_vars.$body.find('.navbar.horizontal-menu');
+ public_vars.$horizontalMenu = public_vars.$horizontalNavbar.find('.navbar-nav');
+
+ public_vars.$mainContent = public_vars.$pageContainer.find('.main-content');
+ public_vars.$mainFooter = public_vars.$body.find('footer.main-footer');
+
+ public_vars.$userInfoMenuHor = public_vars.$body.find('.navbar.horizontal-menu');
+ public_vars.$userInfoMenu = public_vars.$body.find('nav.navbar.user-info-navbar');
+
+ public_vars.$settingsPane = public_vars.$body.find('.settings-pane');
+ public_vars.$settingsPaneIn = public_vars.$settingsPane.find('.settings-pane-inner');
+
+ public_vars.wheelPropagation = true; // used in Main menu (sidebar)
+
+ public_vars.$pageLoadingOverlay = public_vars.$body.find('.page-loading-overlay');
+
+ public_vars.defaultColorsPalette = ['#68b828','#7c38bc','#0e62c7','#fcd036','#4fcdfc','#00b19d','#ff6264','#f7aa47'];
+
+
+
+ // Page Loading Overlay
+ if(public_vars.$pageLoadingOverlay.length)
+ {
+ $(window).load(function()
+ {
+ public_vars.$pageLoadingOverlay.addClass('loaded');
+ });
+ }
+
+ window.onerror = function()
+ {
+ // failsafe remove loading overlay
+ public_vars.$pageLoadingOverlay.addClass('loaded');
+ }
+
+
+ // Setup Sidebar Menu
+ setup_sidebar_menu();
+
+
+ // Setup Horizontal Menu
+ setup_horizontal_menu();
+
+
+ // Sticky Footer
+ if(public_vars.$mainFooter.hasClass('sticky'))
+ {
+ stickFooterToBottom();
+ $(window).on('xenon.resized', stickFooterToBottom);
+ }
+
+
+ // Perfect Scrollbar
+ if($.isFunction($.fn.perfectScrollbar))
+ {
+ if(public_vars.$sidebarMenu.hasClass('fixed'))
+ ps_init();
+
+ $(".ps-scrollbar").each(function(i, el)
+ {
+ var $el = $(el);
+
+ if($el.hasClass('ps-scroll-down'))
+ {
+ $el.scrollTop($el.prop('scrollHeight'));
+ }
+
+ $el.perfectScrollbar({
+ wheelPropagation: false
+ });
+ });
+
+
+ // Chat Scrollbar
+ var $chat_inner = public_vars.$pageContainer.find('#chat .chat-inner');
+
+ if($chat_inner.parent().hasClass('fixed'))
+ $chat_inner.css({maxHeight: $(window).height()}).perfectScrollbar();
+
+
+ // User info opening dropdown trigger PS update
+ $(".dropdown:has(.ps-scrollbar)").each(function(i, el)
+ {
+ var $scrollbar = $(this).find('.ps-scrollbar');
+
+ $(this).on('click', '[data-toggle="dropdown"]', function(ev)
+ {
+ ev.preventDefault();
+
+ setTimeout(function()
+ {
+ $scrollbar.perfectScrollbar('update');
+ }, 1);
+ });
+ });
+
+
+ // Scrollable
+ $("div.scrollable").each(function(i, el)
+ {
+ var $this = $(el),
+ max_height = parseInt(attrDefault($this, 'max-height', 200), 10);
+
+ max_height = max_height < 0 ? 200 : max_height;
+
+ $this.css({maxHeight: max_height}).perfectScrollbar({
+ wheelPropagation: true
+ });
+ });
+ }
+
+
+ // User info search button
+ var $uim_search_form = $(".user-info-menu .search-form, .nav.navbar-right .search-form");
+
+ $uim_search_form.each(function(i, el)
+ {
+ var $uim_search_input = $(el).find('.form-control');
+
+ $(el).on('click', '.btn', function(ev)
+ {
+ if($uim_search_input.val().trim().length == 0)
+ {
+ jQuery(el).addClass('focused');
+ setTimeout(function(){ $uim_search_input.focus(); }, 100);
+ return false;
+ }
+ });
+
+ $uim_search_input.on('blur', function()
+ {
+ jQuery(el).removeClass('focused');
+ });
+ });
+
+
+
+ // Fixed Footer
+ if(public_vars.$mainFooter.hasClass('fixed'))
+ {
+ public_vars.$mainContent.css({
+ paddingBottom: public_vars.$mainFooter.outerHeight(true)
+ });
+ }
+
+
+
+ // Go to top links
+ $('body').on('click', 'a[rel="go-top"]', function(ev)
+ {
+ ev.preventDefault();
+
+ var obj = {pos: $(window).scrollTop()};
+
+ TweenLite.to(obj, .3, {pos: 0, ease:Power4.easeOut, onUpdate: function()
+ {
+ $(window).scrollTop(obj.pos);
+ }});
+ });
+
+
+
+
+ // User info navbar equal heights
+ if(public_vars.$userInfoMenu.length)
+ {
+ public_vars.$userInfoMenu.find('.user-info-menu > li').css({
+ minHeight: public_vars.$userInfoMenu.outerHeight() - 1
+ });
+ }
+
+
+
+ // Autosize
+ if($.isFunction($.fn.autosize))
+ {
+ $(".autosize, .autogrow").autosize();
+ }
+
+
+ // Custom Checkboxes & radios
+ cbr_replace();
+
+
+
+ // Auto hidden breadcrumbs
+ $(".breadcrumb.auto-hidden").each(function(i, el)
+ {
+ var $bc = $(el),
+ $as = $bc.find('li a'),
+ collapsed_width = $as.width(),
+ expanded_width = 0;
+
+ $as.each(function(i, el)
+ {
+ var $a = $(el);
+
+ expanded_width = $a.outerWidth(true) + 5;
+ $a.addClass('collapsed').width(expanded_width);
+
+ $a.hover(function()
+ {
+ $a.removeClass('collapsed');
+ },
+ function()
+ {
+ $a.addClass('collapsed');
+ });
+ });
+ });
+
+
+
+ // Close Modal on Escape Keydown
+ $(window).on('keydown', function(ev)
+ {
+ // Escape
+ if(ev.keyCode == 27)
+ {
+ // Close opened modal
+ if(public_vars.$body.hasClass('modal-open'))
+ $(".modal-open .modal:visible").modal('hide');
+ }
+ });
+
+
+ // Minimal Addon focus interaction
+ $(".input-group.input-group-minimal:has(.form-control)").each(function(i, el)
+ {
+ var $this = $(el),
+ $fc = $this.find('.form-control');
+
+ $fc.on('focus', function()
+ {
+ $this.addClass('focused');
+ }).on('blur', function()
+ {
+ $this.removeClass('focused');
+ });
+ });
+
+
+
+ // Spinner
+ $(".input-group.spinner").each(function(i, el)
+ {
+ var $ig = $(el),
+ $dec = $ig.find('[data-type="decrement"]'),
+ $inc = $ig.find('[data-type="increment"]'),
+ $inp = $ig.find('.form-control'),
+
+ step = attrDefault($ig, 'step', 1),
+ min = attrDefault($ig, 'min', 0),
+ max = attrDefault($ig, 'max', 0),
+ umm = min < max;
+
+
+ $dec.on('click', function(ev)
+ {
+ ev.preventDefault();
+
+ var num = new Number($inp.val()) - step;
+
+ if(umm && num <= min)
+ {
+ num = min;
+ }
+
+ $inp.val(num);
+ });
+
+ $inc.on('click', function(ev)
+ {
+ ev.preventDefault();
+
+ var num = new Number($inp.val()) + step;
+
+ if(umm && num >= max)
+ {
+ num = max;
+ }
+
+ $inp.val(num);
+ });
+ });
+
+
+
+
+ // Select2 Dropdown replacement
+ if($.isFunction($.fn.select2))
+ {
+ $(".select2").each(function(i, el)
+ {
+ var $this = $(el),
+ opts = {
+ allowClear: attrDefault($this, 'allowClear', false)
+ };
+
+ $this.select2(opts);
+ $this.addClass('visible');
+
+ //$this.select2("open");
+ });
+
+
+ if($.isFunction($.fn.niceScroll))
+ {
+ $(".select2-results").niceScroll({
+ cursorcolor: '#d4d4d4',
+ cursorborder: '1px solid #ccc',
+ railpadding: {right: 3}
+ });
+ }
+ }
+
+
+
+
+ // SelectBoxIt Dropdown replacement
+ if($.isFunction($.fn.selectBoxIt))
+ {
+ $("select.selectboxit").each(function(i, el)
+ {
+ var $this = $(el),
+ opts = {
+ showFirstOption: attrDefault($this, 'first-option', true),
+ 'native': attrDefault($this, 'native', false),
+ defaultText: attrDefault($this, 'text', ''),
+ };
+
+ $this.addClass('visible');
+ $this.selectBoxIt(opts);
+ });
+ }
+
+
+
+ // Datepicker
+ if($.isFunction($.fn.datepicker))
+ {
+ $(".datepicker").each(function(i, el)
+ {
+ var $this = $(el),
+ opts = {
+ format: attrDefault($this, 'format', 'mm/dd/yyyy'),
+ startDate: attrDefault($this, 'startDate', ''),
+ endDate: attrDefault($this, 'endDate', ''),
+ daysOfWeekDisabled: attrDefault($this, 'disabledDays', ''),
+ startView: attrDefault($this, 'startView', 0),
+ rtl: rtl()
+ },
+ $n = $this.next(),
+ $p = $this.prev();
+
+ $this.datepicker(opts);
+
+ if($n.is('.input-group-addon') && $n.has('a'))
+ {
+ $n.on('click', function(ev)
+ {
+ ev.preventDefault();
+
+ $this.datepicker('show');
+ });
+ }
+
+ if($p.is('.input-group-addon') && $p.has('a'))
+ {
+ $p.on('click', function(ev)
+ {
+ ev.preventDefault();
+
+ $this.datepicker('show');
+ });
+ }
+ });
+ }
+
+
+
+ // Date Range Picker
+ if($.isFunction($.fn.daterangepicker))
+ {
+ $(".daterange").each(function(i, el)
+ {
+ // Change the range as you desire
+ var ranges = {
+ 'Today': [moment(), moment()],
+ 'Yesterday': [moment().subtract('days', 1), moment().subtract('days', 1)],
+ 'Last 7 Days': [moment().subtract('days', 6), moment()],
+ 'Last 30 Days': [moment().subtract('days', 29), moment()],
+ 'This Month': [moment().startOf('month'), moment().endOf('month')],
+ 'Last Month': [moment().subtract('month', 1).startOf('month'), moment().subtract('month', 1).endOf('month')]
+ };
+
+ var $this = $(el),
+ opts = {
+ format: attrDefault($this, 'format', 'MM/DD/YYYY'),
+ timePicker: attrDefault($this, 'timePicker', false),
+ timePickerIncrement: attrDefault($this, 'timePickerIncrement', false),
+ separator: attrDefault($this, 'separator', ' - '),
+ },
+ min_date = attrDefault($this, 'minDate', ''),
+ max_date = attrDefault($this, 'maxDate', ''),
+ start_date = attrDefault($this, 'startDate', ''),
+ end_date = attrDefault($this, 'endDate', '');
+
+ if($this.hasClass('add-ranges'))
+ {
+ opts['ranges'] = ranges;
+ }
+
+ if(min_date.length)
+ {
+ opts['minDate'] = min_date;
+ }
+
+ if(max_date.length)
+ {
+ opts['maxDate'] = max_date;
+ }
+
+ if(start_date.length)
+ {
+ opts['startDate'] = start_date;
+ }
+
+ if(end_date.length)
+ {
+ opts['endDate'] = end_date;
+ }
+
+
+ $this.daterangepicker(opts, function(start, end)
+ {
+ var drp = $this.data('daterangepicker');
+
+ if($this.is('[data-callback]'))
+ {
+ //daterange_callback(start, end);
+ callback_test(start, end);
+ }
+
+ if($this.hasClass('daterange-inline'))
+ {
+ $this.find('span').html(start.format(drp.format) + drp.separator + end.format(drp.format));
+ }
+ });
+
+ if(typeof opts['ranges'] == 'object')
+ {
+ $this.data('daterangepicker').container.removeClass('show-calendar');
+ }
+ });
+ }
+
+
+
+ // Timepicker
+ if($.isFunction($.fn.timepicker))
+ {
+ $(".timepicker").each(function(i, el)
+ {
+ var $this = $(el),
+ opts = {
+ template: attrDefault($this, 'template', false),
+ showSeconds: attrDefault($this, 'showSeconds', false),
+ defaultTime: attrDefault($this, 'defaultTime', 'current'),
+ showMeridian: attrDefault($this, 'showMeridian', true),
+ minuteStep: attrDefault($this, 'minuteStep', 15),
+ secondStep: attrDefault($this, 'secondStep', 15)
+ },
+ $n = $this.next(),
+ $p = $this.prev();
+
+ $this.timepicker(opts);
+
+ if($n.is('.input-group-addon') && $n.has('a'))
+ {
+ $n.on('click', function(ev)
+ {
+ ev.preventDefault();
+
+ $this.timepicker('showWidget');
+ });
+ }
+
+ if($p.is('.input-group-addon') && $p.has('a'))
+ {
+ $p.on('click', function(ev)
+ {
+ ev.preventDefault();
+
+ $this.timepicker('showWidget');
+ });
+ }
+ });
+ }
+
+
+
+ // Colorpicker
+ if($.isFunction($.fn.colorpicker))
+ {
+ $(".colorpicker").each(function(i, el)
+ {
+ var $this = $(el),
+ opts = {
+ },
+ $n = $this.next(),
+ $p = $this.prev(),
+
+ $preview = $this.siblings('.input-group-addon').find('.color-preview');
+
+ $this.colorpicker(opts);
+
+ if($n.is('.input-group-addon') && $n.has('a'))
+ {
+ $n.on('click', function(ev)
+ {
+ ev.preventDefault();
+
+ $this.colorpicker('show');
+ });
+ }
+
+ if($p.is('.input-group-addon') && $p.has('a'))
+ {
+ $p.on('click', function(ev)
+ {
+ ev.preventDefault();
+
+ $this.colorpicker('show');
+ });
+ }
+
+ if($preview.length)
+ {
+ $this.on('changeColor', function(ev){
+
+ $preview.css('background-color', ev.color.toHex());
+ });
+
+ if($this.val().length)
+ {
+ $preview.css('background-color', $this.val());
+ }
+ }
+ });
+ }
+
+
+
+
+ // Form Validation
+ if($.isFunction($.fn.validate))
+ {
+ $("form.validate").each(function(i, el)
+ {
+ var $this = $(el),
+ opts = {
+ rules: {},
+ messages: {},
+ errorElement: 'span',
+ errorClass: 'validate-has-error',
+ highlight: function (element) {
+ $(element).closest('.form-group').addClass('validate-has-error');
+ },
+ unhighlight: function (element) {
+ $(element).closest('.form-group').removeClass('validate-has-error');
+ },
+ errorPlacement: function (error, element)
+ {
+ if(element.closest('.has-switch').length)
+ {
+ error.insertAfter(element.closest('.has-switch'));
+ }
+ else
+ if(element.parent('.checkbox, .radio').length || element.parent('.input-group').length)
+ {
+ error.insertAfter(element.parent());
+ }
+ else
+ {
+ error.insertAfter(element);
+ }
+ }
+ },
+ $fields = $this.find('[data-validate]');
+
+
+ $fields.each(function(j, el2)
+ {
+ var $field = $(el2),
+ name = $field.attr('name'),
+ validate = attrDefault($field, 'validate', '').toString(),
+ _validate = validate.split(',');
+
+ for(var k in _validate)
+ {
+ var rule = _validate[k],
+ params,
+ message;
+
+ if(typeof opts['rules'][name] == 'undefined')
+ {
+ opts['rules'][name] = {};
+ opts['messages'][name] = {};
+ }
+
+ if($.inArray(rule, ['required', 'url', 'email', 'number', 'date', 'creditcard']) != -1)
+ {
+ opts['rules'][name][rule] = true;
+
+ message = $field.data('message-' + rule);
+
+ if(message)
+ {
+ opts['messages'][name][rule] = message;
+ }
+ }
+ // Parameter Value (#1 parameter)
+ else
+ if(params = rule.match(/(\w+)\[(.*?)\]/i))
+ {
+ if($.inArray(params[1], ['min', 'max', 'minlength', 'maxlength', 'equalTo']) != -1)
+ {
+ opts['rules'][name][params[1]] = params[2];
+
+
+ message = $field.data('message-' + params[1]);
+
+ if(message)
+ {
+ opts['messages'][name][params[1]] = message;
+ }
+ }
+ }
+ }
+ });
+
+ $this.validate(opts);
+ });
+ }
+
+
+
+
+ // Input Mask
+ if($.isFunction($.fn.inputmask))
+ {
+ $("[data-mask]").each(function(i, el)
+ {
+ var $this = $(el),
+ mask = $this.data('mask').toString(),
+ opts = {
+ numericInput: attrDefault($this, 'numeric', false),
+ radixPoint: attrDefault($this, 'radixPoint', ''),
+ rightAlign: attrDefault($this, 'numericAlign', 'left') == 'right'
+ },
+ placeholder = attrDefault($this, 'placeholder', ''),
+ is_regex = attrDefault($this, 'isRegex', '');
+
+ if(placeholder.length)
+ {
+ opts[placeholder] = placeholder;
+ }
+
+ switch(mask.toLowerCase())
+ {
+ case "phone":
+ mask = "(999) 999-9999";
+ break;
+
+ case "currency":
+ case "rcurrency":
+
+ var sign = attrDefault($this, 'sign', '$');;
+
+ mask = "999,999,999.99";
+
+ if($this.data('mask').toLowerCase() == 'rcurrency')
+ {
+ mask += ' ' + sign;
+ }
+ else
+ {
+ mask = sign + ' ' + mask;
+ }
+
+ opts.numericInput = true;
+ opts.rightAlignNumerics = false;
+ opts.radixPoint = '.';
+ break;
+
+ case "email":
+ mask = 'Regex';
+ opts.regex = "[a-zA-Z0-9._%-]+@[a-zA-Z0-9-]+\\.[a-zA-Z]{2,4}";
+ break;
+
+ case "fdecimal":
+ mask = 'decimal';
+ $.extend(opts, {
+ autoGroup : true,
+ groupSize : 3,
+ radixPoint : attrDefault($this, 'rad', '.'),
+ groupSeparator : attrDefault($this, 'dec', ',')
+ });
+ }
+
+ if(is_regex)
+ {
+ opts.regex = mask;
+ mask = 'Regex';
+ }
+
+ $this.inputmask(mask, opts);
+ });
+ }
+
+
+
+ // Form Wizard
+ if($.isFunction($.fn.bootstrapWizard))
+ {
+ $(".form-wizard").each(function(i, el)
+ {
+ var $this = $(el),
+ $tabs = $this.find('> .tabs > li'),
+ $progress = $this.find(".progress-indicator"),
+ _index = $this.find('> ul > li.active').index();
+
+ // Validation
+ var checkFormWizardValidaion = function(tab, navigation, index)
+ {
+ if($this.hasClass('validate'))
+ {
+ var $valid = $this.valid();
+
+ if( ! $valid)
+ {
+ $this.data('validator').focusInvalid();
+ return false;
+ }
+ }
+
+ return true;
+ };
+
+ // Setup Progress
+ if(_index > 0)
+ {
+ $progress.css({width: _index/$tabs.length * 100 + '%'});
+ $tabs.removeClass('completed').slice(0, _index).addClass('completed');
+ }
+
+ $this.bootstrapWizard({
+ tabClass: "",
+ onTabShow: function($tab, $navigation, index)
+ {
+ var pct = $tabs.eq(index).position().left / $tabs.parent().width() * 100;
+
+ $tabs.removeClass('completed').slice(0, index).addClass('completed');
+ $progress.css({width: pct + '%'});
+ },
+
+ onNext: checkFormWizardValidaion,
+ onTabClick: checkFormWizardValidaion
+ });
+
+ $this.data('bootstrapWizard').show( _index );
+
+ $this.find('.pager a').on('click', function(ev)
+ {
+ ev.preventDefault();
+ });
+ });
+ }
+
+
+
+
+ // Slider
+ if($.isFunction($.fn.slider))
+ {
+ $(".slider").each(function(i, el)
+ {
+ var $this = $(el),
+ $label_1 = $('
'),
+ $label_2 = $label_1.clone(),
+
+ orientation = attrDefault($this, 'vertical', 0) != 0 ? 'vertical' : 'horizontal',
+
+ prefix = attrDefault($this, 'prefix', ''),
+ postfix = attrDefault($this, 'postfix', ''),
+
+ fill = attrDefault($this, 'fill', ''),
+ $fill = $(fill),
+
+ step = attrDefault($this, 'step', 1),
+ value = attrDefault($this, 'value', 5),
+ min = attrDefault($this, 'min', 0),
+ max = attrDefault($this, 'max', 100),
+ min_val = attrDefault($this, 'min-val', 10),
+ max_val = attrDefault($this, 'max-val', 90),
+
+ is_range = $this.is('[data-min-val]') || $this.is('[data-max-val]'),
+
+ reps = 0;
+
+
+ // Range Slider Options
+ if(is_range)
+ {
+ $this.slider({
+ range: true,
+ orientation: orientation,
+ min: min,
+ max: max,
+ values: [min_val, max_val],
+ step: step,
+ slide: function(e, ui)
+ {
+ var min_val = (prefix ? prefix : '') + ui.values[0] + (postfix ? postfix : ''),
+ max_val = (prefix ? prefix : '') + ui.values[1] + (postfix ? postfix : '');
+
+ $label_1.html( min_val );
+ $label_2.html( max_val );
+
+ if(fill)
+ $fill.val(min_val + ',' + max_val);
+
+ reps++;
+ },
+ change: function(ev, ui)
+ {
+ if(reps == 1)
+ {
+ var min_val = (prefix ? prefix : '') + ui.values[0] + (postfix ? postfix : ''),
+ max_val = (prefix ? prefix : '') + ui.values[1] + (postfix ? postfix : '');
+
+ $label_1.html( min_val );
+ $label_2.html( max_val );
+
+ if(fill)
+ $fill.val(min_val + ',' + max_val);
+ }
+
+ reps = 0;
+ }
+ });
+
+ var $handles = $this.find('.ui-slider-handle');
+
+ $label_1.html((prefix ? prefix : '') + min_val + (postfix ? postfix : ''));
+ $handles.first().append( $label_1 );
+
+ $label_2.html((prefix ? prefix : '') + max_val+ (postfix ? postfix : ''));
+ $handles.last().append( $label_2 );
+ }
+ // Normal Slider
+ else
+ {
+
+ $this.slider({
+ range: attrDefault($this, 'basic', 0) ? false : "min",
+ orientation: orientation,
+ min: min,
+ max: max,
+ value: value,
+ step: step,
+ slide: function(ev, ui)
+ {
+ var val = (prefix ? prefix : '') + ui.value + (postfix ? postfix : '');
+
+ $label_1.html( val );
+
+
+ if(fill)
+ $fill.val(val);
+
+ reps++;
+ },
+ change: function(ev, ui)
+ {
+ if(reps == 1)
+ {
+ var val = (prefix ? prefix : '') + ui.value + (postfix ? postfix : '');
+
+ $label_1.html( val );
+
+ if(fill)
+ $fill.val(val);
+ }
+
+ reps = 0;
+ }
+ });
+
+ var $handles = $this.find('.ui-slider-handle');
+ //$fill = $('
');
+
+ $label_1.html((prefix ? prefix : '') + value + (postfix ? postfix : ''));
+ $handles.html( $label_1 );
+
+ //$handles.parent().prepend( $fill );
+
+ //$fill.width($handles.get(0).style.left);
+ }
+
+ })
+ }
+
+
+
+
+ // jQuery Knob
+ if($.isFunction($.fn.knob))
+ {
+ $(".knob").knob({
+ change: function (value) {
+ },
+ release: function (value) {
+ },
+ cancel: function () {
+ },
+ draw: function () {
+
+ if (this.$.data('skin') == 'tron') {
+
+ var a = this.angle(this.cv) // Angle
+ ,
+ sa = this.startAngle // Previous start angle
+ ,
+ sat = this.startAngle // Start angle
+ ,
+ ea // Previous end angle
+ , eat = sat + a // End angle
+ ,
+ r = 1;
+
+ this.g.lineWidth = this.lineWidth;
+
+ this.o.cursor && (sat = eat - 0.3) && (eat = eat + 0.3);
+
+ if (this.o.displayPrevious) {
+ ea = this.startAngle + this.angle(this.v);
+ this.o.cursor && (sa = ea - 0.3) && (ea = ea + 0.3);
+ this.g.beginPath();
+ this.g.strokeStyle = this.pColor;
+ this.g.arc(this.xy, this.xy, this.radius - this.lineWidth, sa, ea, false);
+ this.g.stroke();
+ }
+
+ this.g.beginPath();
+ this.g.strokeStyle = r ? this.o.fgColor : this.fgColor;
+ this.g.arc(this.xy, this.xy, this.radius - this.lineWidth, sat, eat, false);
+ this.g.stroke();
+
+ this.g.lineWidth = 2;
+ this.g.beginPath();
+ this.g.strokeStyle = this.o.fgColor;
+ this.g.arc(this.xy, this.xy, this.radius - this.lineWidth + 1 + this.lineWidth * 2 / 3, 0, 2 * Math.PI, false);
+ this.g.stroke();
+
+ return false;
+ }
+ }
+ });
+ }
+
+
+
+
+ // Wysiwyg Editor
+ if($.isFunction($.fn.wysihtml5))
+ {
+ $(".wysihtml5").each(function(i, el)
+ {
+ var $this = $(el),
+ stylesheets = attrDefault($this, 'stylesheet-url', '')
+
+ $(".wysihtml5").wysihtml5({
+ size: 'white',
+ stylesheets: stylesheets.split(','),
+ "html": attrDefault($this, 'html', true),
+ "color": attrDefault($this, 'colors', true),
+ });
+ });
+ }
+
+
+
+
+ // CKeditor WYSIWYG
+ if($.isFunction($.fn.ckeditor))
+ {
+ $(".ckeditor").ckeditor({
+ contentsLangDirection: rtl() ? 'rtl' : 'ltr'
+ });
+ }
+
+
+
+ // Dropzone is prezent
+ if(typeof Dropzone != 'undefined')
+ {
+ Dropzone.autoDiscover = false;
+
+ $(".dropzone[action]").each(function(i, el)
+ {
+ $(el).dropzone();
+ });
+ }
+
+
+
+
+ // Tocify Table
+ if($.isFunction($.fn.tocify) && $("#toc").length)
+ {
+ $("#toc").tocify({
+ context: '.tocify-content',
+ selectors: "h2,h3,h4,h5"
+ });
+
+
+ var $this = $(".tocify"),
+ watcher = scrollMonitor.create($this.get(0));
+
+ $this.width( $this.parent().width() );
+
+ watcher.lock();
+
+ watcher.stateChange(function()
+ {
+ $($this.get(0)).toggleClass('fixed', this.isAboveViewport)
+ });
+ }
+
+
+
+ // Login Form Label Focusing
+ $(".login-form .form-group:has(label)").each(function(i, el)
+ {
+ var $this = $(el),
+ $label = $this.find('label'),
+ $input = $this.find('.form-control');
+
+ $input.on('focus', function()
+ {
+ $this.addClass('is-focused');
+ });
+
+ $input.on('keydown', function()
+ {
+ $this.addClass('is-focused');
+ });
+
+ $input.on('blur', function()
+ {
+ $this.removeClass('is-focused');
+
+ if($input.val().trim().length > 0)
+ {
+ $this.addClass('is-focused');
+ }
+ });
+
+ $label.on('click', function()
+ {
+ $input.focus();
+ });
+
+ if($input.val().trim().length > 0)
+ {
+ $this.addClass('is-focused');
+ }
+ });
+
+ });
+
+
+ // Enable/Disable Resizable Event
+ var wid = 0;
+
+ $(window).resize(function() {
+ clearTimeout(wid);
+ wid = setTimeout(trigger_resizable, 200);
+ });
+
+
+})(jQuery, window);
+
+
+
+// Sideber Menu Setup function
+var sm_duration = .2,
+ sm_transition_delay = 150;
+
+function setup_sidebar_menu()
+{
+ if(public_vars.$sidebarMenu.length)
+ {
+ var $items_with_subs = public_vars.$sidebarMenu.find('li:has(> ul)'),
+ toggle_others = public_vars.$sidebarMenu.hasClass('toggle-others');
+
+ $items_with_subs.filter('.active').addClass('expanded');
+
+ // On larger screens collapse sidebar when the window is tablet screen
+ if(is('largescreen') && public_vars.$sidebarMenu.hasClass('collapsed') == false)
+ {
+ $(window).on('resize', function()
+ {
+ if(is('tabletscreen'))
+ {
+ public_vars.$sidebarMenu.addClass('collapsed');
+ ps_destroy();
+ }
+ else
+ if(is('largescreen'))
+ {
+ public_vars.$sidebarMenu.removeClass('collapsed');
+ ps_init();
+ }
+ });
+ }
+
+ $items_with_subs.each(function(i, el)
+ {
+ var $li = jQuery(el),
+ $a = $li.children('a'),
+ $sub = $li.children('ul');
+
+ $li.addClass('has-sub');
+
+ $a.on('click', function(ev)
+ {
+ ev.preventDefault();
+
+ if(toggle_others)
+ {
+ sidebar_menu_close_items_siblings($li);
+ }
+
+ if($li.hasClass('expanded') || $li.hasClass('opened'))
+ sidebar_menu_item_collapse($li, $sub);
+ else
+ sidebar_menu_item_expand($li, $sub);
+ });
+ });
+ }
+}
+
+function sidebar_menu_item_expand($li, $sub)
+{
+ if($li.data('is-busy') || ($li.parent('.main-menu').length && public_vars.$sidebarMenu.hasClass('collapsed')))
+ return;
+
+ $li.addClass('expanded').data('is-busy', true);
+ $sub.show();
+
+ var $sub_items = $sub.children(),
+ sub_height = $sub.outerHeight(),
+
+ win_y = jQuery(window).height(),
+ total_height = $li.outerHeight(),
+ current_y = public_vars.$sidebarMenu.scrollTop(),
+ item_max_y = $li.position().top + current_y,
+ fit_to_viewpport = public_vars.$sidebarMenu.hasClass('fit-in-viewport');
+
+ $sub_items.addClass('is-hidden');
+ $sub.height(0);
+
+
+ TweenMax.to($sub, sm_duration, {css: {height: sub_height}, onUpdate: ps_update, onComplete: function(){
+ $sub.height('');
+ }});
+
+ var interval_1 = $li.data('sub_i_1'),
+ interval_2 = $li.data('sub_i_2');
+
+ window.clearTimeout(interval_1);
+
+ interval_1 = setTimeout(function()
+ {
+ $sub_items.each(function(i, el)
+ {
+ var $sub_item = jQuery(el);
+
+ $sub_item.addClass('is-shown');
+ });
+
+ var finish_on = sm_transition_delay * $sub_items.length,
+ t_duration = parseFloat($sub_items.eq(0).css('transition-duration')),
+ t_delay = parseFloat($sub_items.last().css('transition-delay'));
+
+ if(t_duration && t_delay)
+ {
+ finish_on = (t_duration + t_delay) * 1000;
+ }
+
+ // In the end
+ window.clearTimeout(interval_2);
+
+ interval_2 = setTimeout(function()
+ {
+ $sub_items.removeClass('is-hidden is-shown');
+
+ }, finish_on);
+
+
+ $li.data('is-busy', false);
+
+ }, 0);
+
+ $li.data('sub_i_1', interval_1),
+ $li.data('sub_i_2', interval_2);
+}
+
+function sidebar_menu_item_collapse($li, $sub)
+{
+ if($li.data('is-busy'))
+ return;
+
+ var $sub_items = $sub.children();
+
+ $li.removeClass('expanded').data('is-busy', true);
+ $sub_items.addClass('hidden-item');
+
+ TweenMax.to($sub, sm_duration, {css: {height: 0}, onUpdate: ps_update, onComplete: function()
+ {
+ $li.data('is-busy', false).removeClass('opened');
+
+ $sub.attr('style', '').hide();
+ $sub_items.removeClass('hidden-item');
+
+ $li.find('li.expanded ul').attr('style', '').hide().parent().removeClass('expanded');
+
+ ps_update(true);
+ }});
+}
+
+function sidebar_menu_close_items_siblings($li)
+{
+ $li.siblings().not($li).filter('.expanded, .opened').each(function(i, el)
+ {
+ var $_li = jQuery(el),
+ $_sub = $_li.children('ul');
+
+ sidebar_menu_item_collapse($_li, $_sub);
+ });
+}
+
+
+// Horizontal Menu
+function setup_horizontal_menu()
+{
+ if(public_vars.$horizontalMenu.length)
+ {
+ var $items_with_subs = public_vars.$horizontalMenu.find('li:has(> ul)'),
+ click_to_expand = public_vars.$horizontalMenu.hasClass('click-to-expand');
+
+ if(click_to_expand)
+ {
+ public_vars.$mainContent.add( public_vars.$sidebarMenu ).on('click', function(ev)
+ {
+ $items_with_subs.removeClass('hover');
+ });
+ }
+
+ $items_with_subs.each(function(i, el)
+ {
+ var $li = jQuery(el),
+ $a = $li.children('a'),
+ $sub = $li.children('ul'),
+ is_root_element = $li.parent().is('.navbar-nav');
+
+ $li.addClass('has-sub');
+
+ // Mobile Only
+ $a.on('click', function(ev)
+ {
+ if(isxs())
+ {
+ ev.preventDefault();
+
+ // Automatically will toggle other menu items in mobile view
+ if(true)
+ {
+ sidebar_menu_close_items_siblings($li);
+ }
+
+ if($li.hasClass('expanded') || $li.hasClass('opened'))
+ sidebar_menu_item_collapse($li, $sub);
+ else
+ sidebar_menu_item_expand($li, $sub);
+ }
+ });
+
+ // Click To Expand
+ if(click_to_expand)
+ {
+ $a.on('click', function(ev)
+ {
+ ev.preventDefault();
+
+ if(isxs())
+ return;
+
+ // For parents only
+ if(is_root_element)
+ {
+ $items_with_subs.filter(function(i, el){ return jQuery(el).parent().is('.navbar-nav'); }).not($li).removeClass('hover');
+ $li.toggleClass('hover');
+ }
+ // Sub menus
+ else
+ {
+ var sub_height;
+
+ // To Expand
+ if($li.hasClass('expanded') == false)
+ {
+ $li.addClass('expanded');
+ $sub.addClass('is-visible');
+
+ sub_height = $sub.outerHeight();
+
+ $sub.height(0);
+
+ TweenLite.to($sub, .15, {css: {height: sub_height}, ease: Sine.easeInOut, onComplete: function(){ $sub.attr('style', ''); }});
+
+ // Hide Existing in the list
+ $li.siblings().find('> ul.is-visible').not($sub).each(function(i, el)
+ {
+ var $el = jQuery(el);
+
+ sub_height = $el.outerHeight();
+
+ $el.removeClass('is-visible').height(sub_height);
+ $el.parent().removeClass('expanded');
+
+ TweenLite.to($el, .15, {css: {height: 0}, onComplete: function(){ $el.attr('style', ''); }});
+ });
+ }
+ // To Collapse
+ else
+ {
+ sub_height = $sub.outerHeight();
+
+ $li.removeClass('expanded');
+ $sub.removeClass('is-visible').height(sub_height);
+ TweenLite.to($sub, .15, {css: {height: 0}, onComplete: function(){ $sub.attr('style', ''); }});
+ }
+ }
+ });
+ }
+ // Hover To Expand
+ else
+ {
+ $li.hoverIntent({
+ over: function()
+ {
+ if(isxs())
+ return;
+
+ if(is_root_element)
+ {
+ $li.addClass('hover');
+ }
+ else
+ {
+ $sub.addClass('is-visible');
+ sub_height = $sub.outerHeight();
+
+ $sub.height(0);
+
+ TweenLite.to($sub, .25, {css: {height: sub_height}, ease: Sine.easeInOut, onComplete: function(){ $sub.attr('style', ''); }});
+ }
+ },
+ out: function()
+ {
+ if(isxs())
+ return;
+
+ if(is_root_element)
+ {
+ $li.removeClass('hover');
+ }
+ else
+ {
+ sub_height = $sub.outerHeight();
+
+ $li.removeClass('expanded');
+ $sub.removeClass('is-visible').height(sub_height);
+ TweenLite.to($sub, .25, {css: {height: 0}, onComplete: function(){ $sub.attr('style', ''); }});
+ }
+ },
+ timeout: 200,
+ interval: is_root_element ? 10 : 100
+ });
+ }
+ });
+ }
+}
+
+
+function stickFooterToBottom()
+{
+ public_vars.$mainFooter.add( public_vars.$mainContent ).add( public_vars.$sidebarMenu ).attr('style', '');
+
+ if(isxs())
+ return false;
+
+ if(public_vars.$mainFooter.hasClass('sticky'))
+ {
+ var win_height = jQuery(window).height(),
+ footer_height = public_vars.$mainFooter.outerHeight(true),
+ main_content_height = public_vars.$mainFooter.position().top + footer_height,
+ main_content_height_only = main_content_height - footer_height,
+ extra_height = public_vars.$horizontalNavbar.outerHeight();
+
+
+ if(win_height > main_content_height - parseInt(public_vars.$mainFooter.css('marginTop'), 10))
+ {
+ public_vars.$mainFooter.css({
+ marginTop: win_height - main_content_height - extra_height
+ });
+ }
+ }
+}
+
+
+// Perfect scroll bar functions by Arlind Nushi
+function ps_update(destroy_init)
+{
+ if(isxs())
+ return;
+
+ if(jQuery.isFunction(jQuery.fn.perfectScrollbar))
+ {
+ if(public_vars.$sidebarMenu.hasClass('collapsed'))
+ {
+ return;
+ }
+
+ public_vars.$sidebarMenu.find('.sidebar-menu-inner').perfectScrollbar('update');
+
+ if(destroy_init)
+ {
+ ps_destroy();
+ ps_init();
+ }
+ }
+}
+
+
+function ps_init()
+{
+ if(isxs())
+ return;
+
+ if(jQuery.isFunction(jQuery.fn.perfectScrollbar))
+ {
+ if(public_vars.$sidebarMenu.hasClass('collapsed') || ! public_vars.$sidebarMenu.hasClass('fixed'))
+ {
+ return;
+ }
+
+ public_vars.$sidebarMenu.find('.sidebar-menu-inner').perfectScrollbar({
+ wheelSpeed: 1,
+ wheelPropagation: public_vars.wheelPropagation
+ });
+ }
+}
+
+function ps_destroy()
+{
+ if(jQuery.isFunction(jQuery.fn.perfectScrollbar))
+ {
+ public_vars.$sidebarMenu.find('.sidebar-menu-inner').perfectScrollbar('destroy');
+ }
+}
+
+
+
+// Radio and Check box replacement by Arlind Nushi
+function cbr_replace()
+{
+ var $inputs = jQuery('input[type="checkbox"].cbr, input[type="radio"].cbr').filter(':not(.cbr-done)'),
+ $wrapper = '
';
+
+ $inputs.each(function(i, el)
+ {
+ var $el = jQuery(el),
+ is_radio = $el.is(':radio'),
+ is_checkbox = $el.is(':checkbox'),
+ is_disabled = $el.is(':disabled'),
+ styles = ['primary', 'secondary', 'success', 'danger', 'warning', 'info', 'purple', 'blue', 'red', 'gray', 'pink', 'yellow', 'orange', 'turquoise'];
+
+ if( ! is_radio && ! is_checkbox)
+ return;
+
+ $el.after( $wrapper );
+ $el.addClass('cbr-done');
+
+ var $wrp = $el.next();
+ $wrp.find('.cbr-input').append( $el );
+
+ if(is_radio)
+ $wrp.addClass('cbr-radio');
+
+ if(is_disabled)
+ $wrp.addClass('cbr-disabled');
+
+ if($el.is(':checked'))
+ {
+ $wrp.addClass('cbr-checked');
+ }
+
+
+ // Style apply
+ jQuery.each(styles, function(key, val)
+ {
+ var cbr_class = 'cbr-' + val;
+
+ if( $el.hasClass(cbr_class))
+ {
+ $wrp.addClass(cbr_class);
+ $el.removeClass(cbr_class);
+ }
+ });
+
+
+ // Events
+ $wrp.on('click', function(ev)
+ {
+ if(is_radio && $el.prop('checked') || $wrp.parent().is('label'))
+ return;
+
+ if(jQuery(ev.target).is($el) == false)
+ {
+ $el.prop('checked', ! $el.is(':checked'));
+ $el.trigger('change');
+ }
+ });
+
+ $el.on('change', function(ev)
+ {
+ $wrp.removeClass('cbr-checked');
+
+ if($el.is(':checked'))
+ $wrp.addClass('cbr-checked');
+
+ cbr_recheck();
+ });
+ });
+}
+
+
+function cbr_recheck()
+{
+ var $inputs = jQuery("input.cbr-done");
+
+ $inputs.each(function(i, el)
+ {
+ var $el = jQuery(el),
+ is_radio = $el.is(':radio'),
+ is_checkbox = $el.is(':checkbox'),
+ is_disabled = $el.is(':disabled'),
+ $wrp = $el.closest('.cbr-replaced');
+
+ if(is_disabled)
+ $wrp.addClass('cbr-disabled');
+
+ if(is_radio && ! $el.prop('checked') && $wrp.hasClass('cbr-checked'))
+ {
+ $wrp.removeClass('cbr-checked');
+ }
+ });
+}
+
+
+// Element Attribute Helper
+function attrDefault($el, data_var, default_val)
+{
+ if(typeof $el.data(data_var) != 'undefined')
+ {
+ return $el.data(data_var);
+ }
+
+ return default_val;
+}
+
+
+// Test function
+function callback_test()
+{
+ alert("Callback function executed! No. of arguments: " + arguments.length + "\n\nSee console log for outputed of the arguments.");
+
+ console.log(arguments);
+}
+
+
+// Date Formatter
+function date(format, timestamp) {
+ // discuss at: http://phpjs.org/functions/date/
+ // original by: Carlos R. L. Rodrigues (http://www.jsfromhell.com)
+ // original by: gettimeofday
+ // parts by: Peter-Paul Koch (http://www.quirksmode.org/js/beat.html)
+ // improved by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)
+ // improved by: MeEtc (http://yass.meetcweb.com)
+ // improved by: Brad Touesnard
+ // improved by: Tim Wiel
+ // improved by: Bryan Elliott
+ // improved by: David Randall
+ // improved by: Theriault
+ // improved by: Theriault
+ // improved by: Brett Zamir (http://brett-zamir.me)
+ // improved by: Theriault
+ // improved by: Thomas Beaucourt (http://www.webapp.fr)
+ // improved by: JT
+ // improved by: Theriault
+ // improved by: Rafał Kukawski (http://blog.kukawski.pl)
+ // improved by: Theriault
+ // input by: Brett Zamir (http://brett-zamir.me)
+ // input by: majak
+ // input by: Alex
+ // input by: Martin
+ // input by: Alex Wilson
+ // input by: Haravikk
+ // bugfixed by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)
+ // bugfixed by: majak
+ // bugfixed by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)
+ // bugfixed by: Brett Zamir (http://brett-zamir.me)
+ // bugfixed by: omid (http://phpjs.org/functions/380:380#comment_137122)
+ // bugfixed by: Chris (http://www.devotis.nl/)
+ // note: Uses global: php_js to store the default timezone
+ // note: Although the function potentially allows timezone info (see notes), it currently does not set
+ // note: per a timezone specified by date_default_timezone_set(). Implementers might use
+ // note: this.php_js.currentTimezoneOffset and this.php_js.currentTimezoneDST set by that function
+ // note: in order to adjust the dates in this function (or our other date functions!) accordingly
+ // example 1: date('H:m:s \\m \\i\\s \\m\\o\\n\\t\\h', 1062402400);
+ // returns 1: '09:09:40 m is month'
+ // example 2: date('F j, Y, g:i a', 1062462400);
+ // returns 2: 'September 2, 2003, 2:26 am'
+ // example 3: date('Y W o', 1062462400);
+ // returns 3: '2003 36 2003'
+ // example 4: x = date('Y m d', (new Date()).getTime()/1000);
+ // example 4: (x+'').length == 10 // 2009 01 09
+ // returns 4: true
+ // example 5: date('W', 1104534000);
+ // returns 5: '53'
+ // example 6: date('B t', 1104534000);
+ // returns 6: '999 31'
+ // example 7: date('W U', 1293750000.82); // 2010-12-31
+ // returns 7: '52 1293750000'
+ // example 8: date('W', 1293836400); // 2011-01-01
+ // returns 8: '52'
+ // example 9: date('W Y-m-d', 1293974054); // 2011-01-02
+ // returns 9: '52 2011-01-02'
+
+ var that = this;
+ var jsdate, f;
+ // Keep this here (works, but for code commented-out below for file size reasons)
+ // var tal= [];
+ var txt_words = [
+ 'Sun', 'Mon', 'Tues', 'Wednes', 'Thurs', 'Fri', 'Satur',
+ 'January', 'February', 'March', 'April', 'May', 'June',
+ 'July', 'August', 'September', 'October', 'November', 'December'
+ ];
+ // trailing backslash -> (dropped)
+ // a backslash followed by any character (including backslash) -> the character
+ // empty string -> empty string
+ var formatChr = /\\?(.?)/gi;
+ var formatChrCb = function (t, s) {
+ return f[t] ? f[t]() : s;
+ };
+ var _pad = function (n, c) {
+ n = String(n);
+ while (n.length < c) {
+ n = '0' + n;
+ }
+ return n;
+ };
+ f = {
+ // Day
+ d: function () {
+ // Day of month w/leading 0; 01..31
+ return _pad(f.j(), 2);
+ },
+ D: function () {
+ // Shorthand day name; Mon...Sun
+ return f.l()
+ .slice(0, 3);
+ },
+ j: function () {
+ // Day of month; 1..31
+ return jsdate.getDate();
+ },
+ l: function () {
+ // Full day name; Monday...Sunday
+ return txt_words[f.w()] + 'day';
+ },
+ N: function () {
+ // ISO-8601 day of week; 1[Mon]..7[Sun]
+ return f.w() || 7;
+ },
+ S: function () {
+ // Ordinal suffix for day of month; st, nd, rd, th
+ var j = f.j();
+ var i = j % 10;
+ if (i <= 3 && parseInt((j % 100) / 10, 10) == 1) {
+ i = 0;
+ }
+ return ['st', 'nd', 'rd'][i - 1] || 'th';
+ },
+ w: function () {
+ // Day of week; 0[Sun]..6[Sat]
+ return jsdate.getDay();
+ },
+ z: function () {
+ // Day of year; 0..365
+ var a = new Date(f.Y(), f.n() - 1, f.j());
+ var b = new Date(f.Y(), 0, 1);
+ return Math.round((a - b) / 864e5);
+ },
+
+ // Week
+ W: function () {
+ // ISO-8601 week number
+ var a = new Date(f.Y(), f.n() - 1, f.j() - f.N() + 3);
+ var b = new Date(a.getFullYear(), 0, 4);
+ return _pad(1 + Math.round((a - b) / 864e5 / 7), 2);
+ },
+
+ // Month
+ F: function () {
+ // Full month name; January...December
+ return txt_words[6 + f.n()];
+ },
+ m: function () {
+ // Month w/leading 0; 01...12
+ return _pad(f.n(), 2);
+ },
+ M: function () {
+ // Shorthand month name; Jan...Dec
+ return f.F()
+ .slice(0, 3);
+ },
+ n: function () {
+ // Month; 1...12
+ return jsdate.getMonth() + 1;
+ },
+ t: function () {
+ // Days in month; 28...31
+ return (new Date(f.Y(), f.n(), 0))
+ .getDate();
+ },
+
+ // Year
+ L: function () {
+ // Is leap year?; 0 or 1
+ var j = f.Y();
+ return j % 4 === 0 & j % 100 !== 0 | j % 400 === 0;
+ },
+ o: function () {
+ // ISO-8601 year
+ var n = f.n();
+ var W = f.W();
+ var Y = f.Y();
+ return Y + (n === 12 && W < 9 ? 1 : n === 1 && W > 9 ? -1 : 0);
+ },
+ Y: function () {
+ // Full year; e.g. 1980...2010
+ return jsdate.getFullYear();
+ },
+ y: function () {
+ // Last two digits of year; 00...99
+ return f.Y()
+ .toString()
+ .slice(-2);
+ },
+
+ // Time
+ a: function () {
+ // am or pm
+ return jsdate.getHours() > 11 ? 'pm' : 'am';
+ },
+ A: function () {
+ // AM or PM
+ return f.a()
+ .toUpperCase();
+ },
+ B: function () {
+ // Swatch Internet time; 000..999
+ var H = jsdate.getUTCHours() * 36e2;
+ // Hours
+ var i = jsdate.getUTCMinutes() * 60;
+ // Minutes
+ // Seconds
+ var s = jsdate.getUTCSeconds();
+ return _pad(Math.floor((H + i + s + 36e2) / 86.4) % 1e3, 3);
+ },
+ g: function () {
+ // 12-Hours; 1..12
+ return f.G() % 12 || 12;
+ },
+ G: function () {
+ // 24-Hours; 0..23
+ return jsdate.getHours();
+ },
+ h: function () {
+ // 12-Hours w/leading 0; 01..12
+ return _pad(f.g(), 2);
+ },
+ H: function () {
+ // 24-Hours w/leading 0; 00..23
+ return _pad(f.G(), 2);
+ },
+ i: function () {
+ // Minutes w/leading 0; 00..59
+ return _pad(jsdate.getMinutes(), 2);
+ },
+ s: function () {
+ // Seconds w/leading 0; 00..59
+ return _pad(jsdate.getSeconds(), 2);
+ },
+ u: function () {
+ // Microseconds; 000000-999000
+ return _pad(jsdate.getMilliseconds() * 1000, 6);
+ },
+
+ // Timezone
+ e: function () {
+ // Timezone identifier; e.g. Atlantic/Azores, ...
+ // The following works, but requires inclusion of the very large
+ // timezone_abbreviations_list() function.
+ /* return that.date_default_timezone_get();
+ */
+ throw 'Not supported (see source code of date() for timezone on how to add support)';
+ },
+ I: function () {
+ // DST observed?; 0 or 1
+ // Compares Jan 1 minus Jan 1 UTC to Jul 1 minus Jul 1 UTC.
+ // If they are not equal, then DST is observed.
+ var a = new Date(f.Y(), 0);
+ // Jan 1
+ var c = Date.UTC(f.Y(), 0);
+ // Jan 1 UTC
+ var b = new Date(f.Y(), 6);
+ // Jul 1
+ // Jul 1 UTC
+ var d = Date.UTC(f.Y(), 6);
+ return ((a - c) !== (b - d)) ? 1 : 0;
+ },
+ O: function () {
+ // Difference to GMT in hour format; e.g. +0200
+ var tzo = jsdate.getTimezoneOffset();
+ var a = Math.abs(tzo);
+ return (tzo > 0 ? '-' : '+') + _pad(Math.floor(a / 60) * 100 + a % 60, 4);
+ },
+ P: function () {
+ // Difference to GMT w/colon; e.g. +02:00
+ var O = f.O();
+ return (O.substr(0, 3) + ':' + O.substr(3, 2));
+ },
+ T: function () {
+ // Timezone abbreviation; e.g. EST, MDT, ...
+ // The following works, but requires inclusion of the very
+ // large timezone_abbreviations_list() function.
+ /* var abbr, i, os, _default;
+ if (!tal.length) {
+ tal = that.timezone_abbreviations_list();
+ }
+ if (that.php_js && that.php_js.default_timezone) {
+ _default = that.php_js.default_timezone;
+ for (abbr in tal) {
+ for (i = 0; i < tal[abbr].length; i++) {
+ if (tal[abbr][i].timezone_id === _default) {
+ return abbr.toUpperCase();
+ }
+ }
+ }
+ }
+ for (abbr in tal) {
+ for (i = 0; i < tal[abbr].length; i++) {
+ os = -jsdate.getTimezoneOffset() * 60;
+ if (tal[abbr][i].offset === os) {
+ return abbr.toUpperCase();
+ }
+ }
+ }
+ */
+ return 'UTC';
+ },
+ Z: function () {
+ // Timezone offset in seconds (-43200...50400)
+ return -jsdate.getTimezoneOffset() * 60;
+ },
+
+ // Full Date/Time
+ c: function () {
+ // ISO-8601 date.
+ return 'Y-m-d\\TH:i:sP'.replace(formatChr, formatChrCb);
+ },
+ r: function () {
+ // RFC 2822
+ return 'D, d M Y H:i:s O'.replace(formatChr, formatChrCb);
+ },
+ U: function () {
+ // Seconds since UNIX epoch
+ return jsdate / 1000 | 0;
+ }
+ };
+
+ this.date = function (format, timestamp) {
+ that = this;
+ jsdate = (timestamp === undefined ? new Date() : // Not provided
+ (timestamp instanceof Date) ? new Date(timestamp) : // JS Date()
+ new Date(timestamp * 1000) // UNIX timestamp (auto-convert to int)
+ );
+ return format.replace(formatChr, formatChrCb);
+ };
+ return this.date(format, timestamp);
+}
\ No newline at end of file
diff --git a/docs/docs/assets/js/xenon-toggles.js b/docs/docs/assets/js/xenon-toggles.js
new file mode 100644
index 0000000..b2aedfe
--- /dev/null
+++ b/docs/docs/assets/js/xenon-toggles.js
@@ -0,0 +1,321 @@
+/**
+ * Toggles
+ *
+ * Non-animation
+ */
+
+
+;(function($, window, undefined)
+{
+ "use strict";
+
+ $(document).ready(function()
+ {
+
+ // Chat Toggler
+ $('a[data-toggle="chat"]').each(function(i, el)
+ {
+ $(el).on('click', function(ev)
+ {
+ ev.preventDefault();
+
+ public_vars.$body.toggleClass('chat-open');
+
+ if($.isFunction($.fn.perfectScrollbar))
+ {
+ setTimeout(function()
+ {
+ public_vars.$chat.find('.chat_inner').perfectScrollbar('update');
+ $(window).trigger('xenon.resize');
+ }, 1);
+ }
+ });
+ });
+
+
+ // Settings Pane Toggler
+ $('a[data-toggle="settings-pane"]').each(function(i, el)
+ {
+ $(el).on('click', function(ev)
+ {
+ ev.preventDefault();
+
+ var use_animation = attrDefault($(el), 'animate', false) && ! isxs();
+
+ var scroll = {
+ top: $(document).scrollTop(),
+ toTop: 0
+ };
+
+ if(public_vars.$body.hasClass('settings-pane-open'))
+ {
+ scroll.toTop = scroll.top;
+ }
+
+ TweenMax.to(scroll, (use_animation ? .1 : 0), {top: scroll.toTop, roundProps: ['top'], ease: scroll.toTop < 10 ? null : Sine.easeOut, onUpdate: function()
+ {
+ $(window).scrollTop( scroll.top );
+ },
+ onComplete: function()
+ {
+ if(use_animation)
+ {
+ // With Animation
+ public_vars.$settingsPaneIn.addClass('with-animation');
+
+ // Opening
+ if( ! public_vars.$settingsPane.is(':visible'))
+ {
+ public_vars.$body.addClass('settings-pane-open');
+
+ var height = public_vars.$settingsPane.outerHeight(true);
+
+ public_vars.$settingsPane.css({
+ height: 0
+ });
+
+ TweenMax.to(public_vars.$settingsPane, .25, {css: {height: height}, ease: Circ.easeInOut, onComplete: function()
+ {
+ public_vars.$settingsPane.css({height: ''});
+ }});
+
+ public_vars.$settingsPaneIn.addClass('visible');
+ }
+ // Closing
+ else
+ {
+ public_vars.$settingsPaneIn.addClass('closing');
+
+ TweenMax.to(public_vars.$settingsPane, .25, {css: {height: 0}, delay: .15, ease: Power1.easeInOut, onComplete: function()
+ {
+ public_vars.$body.removeClass('settings-pane-open');
+ public_vars.$settingsPane.css({height: ''});
+ public_vars.$settingsPaneIn.removeClass('closing visible');
+ }});
+ }
+ }
+ else
+ {
+ // Without Animation
+ public_vars.$body.toggleClass('settings-pane-open');
+ public_vars.$settingsPaneIn.removeClass('visible');
+ public_vars.$settingsPaneIn.removeClass('with-animation');
+ }
+ }
+ });
+ });
+ });
+
+
+
+ // Sidebar Toggle
+ $('a[data-toggle="sidebar"]').each(function(i, el)
+ {
+ $(el).on('click', function(ev)
+ {
+ ev.preventDefault();
+
+
+ if(public_vars.$sidebarMenu.hasClass('collapsed'))
+ {
+ public_vars.$sidebarMenu.removeClass('collapsed');
+ ps_init();
+ }
+ else
+ {
+ public_vars.$sidebarMenu.addClass('collapsed');
+ ps_destroy();
+ }
+
+ $(window).trigger('xenon.resize');
+ });
+ });
+
+
+
+ // Mobile Menu Trigger
+ $('a[data-toggle="mobile-menu"]').on('click', function(ev)
+ {
+ ev.preventDefault();
+
+ public_vars.$mainMenu.add(public_vars.$sidebarProfile).toggleClass('mobile-is-visible');
+ ps_destroy();
+ });
+
+
+
+ // Mobile Menu Trigger for Horizontal Menu
+ $('a[data-toggle="mobile-menu-horizontal"]').on('click', function(ev)
+ {
+ ev.preventDefault();
+
+ public_vars.$horizontalMenu.toggleClass('mobile-is-visible');
+
+ });
+
+
+
+ // Mobile Menu Trigger for Sidebar & Horizontal Menu
+ $('a[data-toggle="mobile-menu-both"]').on('click', function(ev)
+ {
+ ev.preventDefault();
+
+ public_vars.$mainMenu.toggleClass('mobile-is-visible both-menus-visible');
+ public_vars.$horizontalMenu.toggleClass('mobile-is-visible both-menus-visible');
+
+ });
+
+
+
+ // Mobile User Info Menu Trigger
+ $('a[data-toggle="user-info-menu"]').on('click', function(ev)
+ {
+ ev.preventDefault();
+
+ public_vars.$userInfoMenu.toggleClass('mobile-is-visible');
+
+ });
+
+
+
+ // Mobile User Info Menu Trigger for Horizontal Menu
+ $('a[data-toggle="user-info-menu-horizontal"]').on('click', function(ev)
+ {
+ ev.preventDefault();
+
+ public_vars.$userInfoMenuHor.find('.nav.nav-userinfo').toggleClass('mobile-is-visible');
+
+ });
+
+
+
+ // Panel Close
+ $('body').on('click', '.panel a[data-toggle="remove"]', function(ev)
+ {
+ ev.preventDefault();
+
+ var $panel = $(this).closest('.panel'),
+ $panel_parent = $panel.parent();
+
+ $panel.remove();
+
+ if($panel_parent.children().length == 0)
+ {
+ $panel_parent.remove();
+ }
+ });
+
+
+
+ // Panel Reload
+ $('body').on('click', '.panel a[data-toggle="reload"]', function(ev)
+ {
+ ev.preventDefault();
+
+ var $panel = $(this).closest('.panel');
+
+ // This is just a simulation, nothing is going to be reloaded
+ $panel.append('
');
+
+ var $pd = $panel.find('.panel-disabled');
+
+ setTimeout(function()
+ {
+ $pd.fadeOut('fast', function()
+ {
+ $pd.remove();
+ });
+
+ }, 500 + 300 * (Math.random() * 5));
+ });
+
+
+
+ // Panel Expand/Collapse Toggle
+ $('body').on('click', '.panel a[data-toggle="panel"]', function(ev)
+ {
+ ev.preventDefault();
+
+ var $panel = $(this).closest('.panel');
+
+ $panel.toggleClass('collapsed');
+ });
+
+
+
+ // Loading Text toggle
+ $('[data-loading-text]').each(function(i, el) // Temporary for demo purpose only
+ {
+ var $this = $(el);
+
+ $this.on('click', function(ev)
+ {
+ $this.button('loading');
+
+ setTimeout(function(){ $this.button('reset'); }, 1800);
+ });
+ });
+
+
+
+
+ // Popovers and tooltips
+ $('[data-toggle="popover"]').each(function(i, el)
+ {
+ var $this = $(el),
+ placement = attrDefault($this, 'placement', 'right'),
+ trigger = attrDefault($this, 'trigger', 'click'),
+ popover_class = $this.get(0).className.match(/(popover-[a-z0-9]+)/i);
+
+ $this.popover({
+ placement: placement,
+ trigger: trigger
+ });
+
+ if(popover_class)
+ {
+ $this.removeClass(popover_class[1]);
+
+ $this.on('show.bs.popover', function(ev)
+ {
+ setTimeout(function()
+ {
+ var $popover = $this.next();
+ $popover.addClass(popover_class[1]);
+
+ }, 0);
+ });
+ }
+ });
+
+ $('[data-toggle="tooltip"]').each(function(i, el)
+ {
+ var $this = $(el),
+ placement = attrDefault($this, 'placement', 'top'),
+ trigger = attrDefault($this, 'trigger', 'hover'),
+ tooltip_class = $this.get(0).className.match(/(tooltip-[a-z0-9]+)/i);
+
+ $this.tooltip({
+ placement: placement,
+ trigger: trigger
+ });
+
+ if(tooltip_class)
+ {
+ $this.removeClass(tooltip_class[1]);
+
+ $this.on('show.bs.tooltip', function(ev)
+ {
+ setTimeout(function()
+ {
+ var $tooltip = $this.next();
+ $tooltip.addClass(tooltip_class[1]);
+
+ }, 0);
+ });
+ }
+ });
+
+ });
+
+})(jQuery, window);
\ No newline at end of file
diff --git a/docs/docs/assets/webstack_logos.sketch b/docs/docs/assets/webstack_logos.sketch
new file mode 100644
index 0000000..50e6afd
Binary files /dev/null and b/docs/docs/assets/webstack_logos.sketch differ
diff --git a/docs/docs/cn/about.html b/docs/docs/cn/about.html
new file mode 100644
index 0000000..69bfdb7
--- /dev/null
+++ b/docs/docs/cn/about.html
@@ -0,0 +1,141 @@
+
+
+
+
+
+
+
+
+
WebStack.cc - 设计师网址导航
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
关于网站
+
+
+
+
+ 有一段时间我发现我的收藏夹越来越多，很难找到某个不常用的网站。所以就有了这个网站，这里收集的基本都是我自己浏览器收藏夹里的网站，我平时用的相对比较多的一些都在这里。
+
+ 如果你也是设计师，如果你也正好喜欢设计，那希望这个网站能给你带来一些作用。
+ 闲聊或者有任何建议都可以加QQ群交流：304584722
+
+
+
+
+
关于站长
+
+
+
+
+
+
+
+
+ 这是一个公益项目，而且是 开源 的。你也可以拿来制作自己的网址导航。如果你有更好的想法，可以通过个人网站viggoz.com中的联系方式找到我，欢迎与我交流分享。
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/docs/docs/en/about.html b/docs/docs/en/about.html
new file mode 100644
index 0000000..599e43e
--- /dev/null
+++ b/docs/docs/en/about.html
@@ -0,0 +1,141 @@
+
+
+
+
+
+
+
+
+
WebStack.cc - 设计师网址导航
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
关于网站
+
+
+
+
+ 有一段时间我发现我的收藏夹越来越多，很难找到某个不常用的网站。所以就有了这个网站，这里收集的基本都是我自己浏览器收藏夹里的网站，我平时用的相对比较多的一些都在这里。
+
+ 如果你也是设计师，如果你也正好喜欢设计，那希望这个网站能给你带来一些作用。
+ 闲聊或者有任何建议都可以加QQ群交流：304584722
+
+
+
+
+
关于站长
+
+
+
+
+
+
+
+
+ 这是一个公益项目，而且是 开源 的。你也可以拿来制作自己的网址导航。如果你有更好的想法，可以通过个人网站viggoz.com中的联系方式找到我，欢迎与我交流分享。
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/docs/docs/index.html b/docs/docs/index.html
new file mode 100644
index 0000000..6ffd31a
--- /dev/null
+++ b/docs/docs/index.html
@@ -0,0 +1,49 @@
+
+
+
+
+
+
+
+
+
chaoscoffee.github.io/site - 网址导航
+
+
+
+
+
+
+
+
+
+
diff --git a/docs/en/index.html b/docs/en/index.html
new file mode 100644
index 0000000..4ba9f5a
--- /dev/null
+++ b/docs/en/index.html
@@ -0,0 +1,1004 @@
+
+
+
+
+
+
+
+
+
+
+
+
MikuSugar - 网址导航
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 编辑
+
+
+
+
+ 
+ 
+ 
+
+ 
+
+ 
+ 
+ 
+
+ 
+
+ 
+
+ 
+
+ 
+
+ 
+
+ 
+
+ 
+
+ 
+
+ 
+
+ 
+
+ 
+
+ 
+
+ 
+
+ 
+
+ 
+ 
+
+ 
+
+ 
+ 
+ 
+
+ 
+ 
+ 
+
+ 
+
+ 
+ 
+
+ 
+
+ 
+ 
+ 
+
+ 
+
+ 
+ 
+
AcFun是一家弹幕视频网站，致力于为每一个人带来欢乐
+