git commit "feat: create blade layout structure"

This commit is contained in:
2026-08-15 13:31:24 +03:30
parent d57ee423e0
commit 52fc232cf3
720 changed files with 49648 additions and 297 deletions
+68
View File
@@ -0,0 +1,68 @@
/*
* jquery-blur-area - v1.0.0
*
* made by @remtsoy
*/
;( function( $, window, document, undefined ) {
"use strict";
var pluginName = "blurArea",
defaults = {
sampleAttr: "bg-area",
areaAttr: 'blur-area'
},
_blur = 20,
_offsetTop,
_offsetBottom,
_offsetLeft,
_offsetRight,
_sampleBg,
_blurArea;
// The actual plugin constructor
function Plugin ( element, options ) {
this.element = element;
this.settings = $.extend( {}, defaults, options );
this.$el = $(this.element);
this._defaults = defaults;
this._name = pluginName;
this.init();
}
$.extend( Plugin.prototype, {
init: function() {
_sampleBg = this.$el.data(this.settings.sampleAttr);
_blurArea = this.$el.data(this.settings.areaAttr);
if(this.$el.data('blur')) {
_blur = this.$el.data('blur');
}
var parentBg = $(_sampleBg).css('background-image');
_offsetTop = $(_blurArea).offset().top - $(_sampleBg).offset().top;
_offsetBottom = $(_sampleBg).height() - _offsetTop - $(_blurArea).height();
_offsetLeft = $(_blurArea).offset().left - $(_sampleBg).offset().left;
_offsetRight = $(_sampleBg).width() - _offsetLeft - $(_blurArea).width();
this.$el.css({
'-webkit-filter' : 'blur('+_blur+'px)',
'background-image' : parentBg,
'-webkit-clip-path' : 'inset(' + _offsetTop + 'px ' + _offsetRight + 'px ' + _offsetBottom + 'px ' + _offsetLeft + 'px)'
});
}
} );
$.fn[ pluginName ] = function( options ) {
return this.each( function() {
if ( !$.data( this, "plugin_" + pluginName ) ) {
$.data( this, "plugin_" +
pluginName, new Plugin( this, options ) );
}
} );
};
} )( jQuery, window, document );