CINXE.COM
⇒ Ўзбекистон: китоб ўқишни оммалаштириш йўлида
<!DOCTYPE html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style>@import url('https://fonts.googleapis.com/css?family=Lobster|Play|Roboto+Condensed|Spectral+SC'); </style> <!--Meta--> <title> ⇒ Ўзбекистон: китоб ўқишни оммалаштириш йўлида</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="description" content="" /> <meta name="abstract" content="" /> <meta name="keywords" content="4,sadf,dsg" /> <link href="https://strategy.uz/engine/capcha/comic.ttf" type="text/css" rel="stylesheet" media="all"> <link rel="shortcut icon" href="/favicon.ico"/> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> <!-- использовать сайт в моб версии как приложение --> <!--//Meta--> <!--style--> <link href="https://strategy.uz/engine/templates/strategy/css/bootstrap-grid.min.css" rel="stylesheet" type="text/css" media="all"/> <link href="https://strategy.uz/engine/templates/strategy/css/style.css" rel="stylesheet" type="text/css" media="all"/> <link href="https://strategy.uz/engine/templates/strategy/fonts/font_icon.css" type="text/css" rel="stylesheet" media="all"> <link href="https://fonts.googleapis.com/css?family=IBM+Plex+Sans&display=swap" rel="stylesheet"> <!--//style--> <!----js-----> <script src="https://strategy.uz/engine/templates/strategy/js/jquery.min.js"></script> <!----//js-----> <!--Plygins--> <!--slider--> <!--slider--> <!--scroll--> <!--scroll--> <!--animate--> <link href="https://strategy.uz/engine/templates/strategy/js/plugins/animate/animate.min.css" type="text/css" rel="stylesheet"> <script> if (window.screen.width > 800) { document.write('<script type="text/javascript" src="https://strategy.uz/engine/templates/strategy/js/plugins/animate/wow.min.js"><\/script>'); } </script> <script> new WOW().init();</script> <!--//animate--> <!--SNOW---> <!--<script> $(document).ready( function(){ $.fn.snow(); }); </script>--> <style> .flake { z-index: 100; } </style> <!-- <script src="https://strategy.uz/engine/templates/strategy/js/main.js"></script>--> <!---hide---> <script type="text/javascript" src="https://strategy.uz/engine/templates/strategy/js/plugins/hide/hide.js"></script> <!---hide---> <!--toggler--> <script type="text/javascript" src="https://strategy.uz/engine/templates/strategy/js/plugins/toggler/toggler.js"></script> <script type="text/javascript" src="https://strategy.uz/engine/templates/strategy/js/plugins/toggler/demo.js"></script> <link href="https://strategy.uz/engine/templates/strategy/js/plugins/toggler/toggler.css" type="text/css" rel="stylesheet"> <link href="https://strategy.uz/engine/templates/strategy/js/slider-pro.min.css" type="text/css" rel="stylesheet"> <script type="text/javascript" src="https://strategy.uz/engine/templates/strategy/js/jquery.sliderPro.min.js"></script> <script type="text/javascript"> $(document).ready(function ($) { $('#example1').sliderPro({ width: 1370, height: 700, arrows: true, buttons: false, waitForLayers: true, thumbnailWidth: 200, thumbnailHeight: 100, thumbnailPointer: true, //autoplay: true, autoScaleLayers: false, breakpoints: { 500: { thumbnailWidth: 120, thumbnailHeight: 50 } } }); }); </script> <!--toggler--> <script> jQuery(function ($) { $(window).scroll(function () { if ($(this).scrollTop() > 210) { $('#topmenu').addClass('fixed'); } else if ($(this).scrollTop() < 210) { $('#topmenu').removeClass('fixed'); } }); }); function images_preliz(count, id) { var count = count; var id = id; $('#perloa').css('background', "url('" + count + "')"); img = document.getElementById("myimg" + id); img.src = count; } function closeprel() { setTimeout(function () { $('#preloader').css('display', "none") }, 1000); $(window).load(function () { $('#preloader').css('display', "none"); }); } closeprel(); function closeprel2() { $('#preloader').css('display', "none"); } </script> <!--//Plygins--> <style> /* Umumiy tanlangan uslub */ body { } /* Blur uchun asosiy konteyner */ .content { filter: none; transition: filter 0.1s ease; } /* Xabarnoma chiqishida blur effekt */ .blur { filter: blur(5px); } /* Xabarnoma fon */ #notification-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); display: flex; justify-content: center; align-items: center; z-index: 9999; display: none; /* Boshlang'ichda yashirilgan */ } /* Xabarnoma oynasi */ #notification { background: white; border-radius: 10px; padding: 20px; text-align: center; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); width: 700px; position: relative; } /* Yopish belgisi "x" */ .close-btn { position: absolute; top: 10px; right: 8px; font-size: 28px; font-weight: bold; color: #999; cursor: pointer; } .close-btn:hover { color: red; } /* Rasm uslubi */ #notification img { width: 100%; border-radius: 10px; } /* Matn uslubi */ #notification p { margin: 15px 0; font-size: 20px; color: #333; font-family: Montserrat, sans-serif; font-weight: 500; font-style: bold; } /* Link tugmasi */ #link-btn { background: #007bff; color: white; border: none; padding: 10px 20px; border-radius: 5px; cursor: pointer; text-decoration: none; display: inline-block; } #link-btn:hover { background: #0056b3; } </style> </head> <body id="body"> <script type="text/javascript"> var delay_popup = 1000; setTimeout("document.getElementById('overlay').style.display='block'", delay_popup); </script> <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script> <script> // JavaScript to hide the element on scroll window.addEventListener('scroll', function () { var highlighted = document.getElementById('he2'); if (window.scrollY > 50) { // Adjust the value to your preference highlighted.style.display = 'none'; } else { highlighted.style.display = 'block'; } }); </script> <div class="element1"></div> <!-----------------------video1--------------------------> <div class="dm-overlay" id="login" > <div class="dm-table"> <div class="dm-cell"> <div class="dm-modal"> <div class="login_panel"> <a href="#close" class="closers">X</a> <div class="clear"></div> <div class="logetb"> <div class="soclinks"> <a class="google" title="Гоогле орқали аутентификация" href="https://accounts.google.com/o/oauth2/auth?redirect_uri=https://strategy.uz/index.php?auth=google&response_type=code&client_id=749407878593-eldj1edfunapqpbvu4h18d2qmlo5ld0f.apps.googleusercontent.com&scope=https://www.googleapis.com/auth/userinfo.email https://www.googleapis.com/auth/userinfo.profile" ><span class="icon-google"></span></a> <a class="yandex" title="Яндех орқали аутентификация" href="https://oauth.yandex.ru/authorize?response_type=code&client_id=9cd3a38102d64ffe9239a3e93bd267ea&display=popup" ><span class="icon-yandex"></span></a> <a class="facebook" title="Фаcебоок орқали аутентификация" href="https://www.facebook.com/dialog/oauth?client_id=1165706583581659&redirect_uri=https://strategy.uz/index.php?auth=facebook&response_type=code" ><span class="icon-facebook-1"></span></a> </div> </div> <div class="clear"></div> </div> <div class="clear"></div> </div> </div> </div> </div> <!-----------------------video1--------------------------> <!-------------------------------------------------------------------TOP PANEL------------------------------------------------------------> <div id="top"> <div class="toped1"> <div id="particles-js"></div> <!--<script> var pJS = function(tag_id, params){ var canvas_el = document.querySelector('#'+tag_id+' > .particles-js-canvas-el'); this.pJS = { canvas: { el: canvas_el, w: canvas_el.offsetWidth, h: canvas_el.offsetHeight }, particles: { number: { value: 400, density: { enable: true, value_area: 800 } }, color: { value: '#fafafa' }, shape: { type: 'circle', stroke: { width: 0, color: '#ff0000' }, polygon: { nb_sides: 100 }, image: { src: '', width: 100, height: 100 } }, opacity: { value: 1, random: false, anim: { enable: false, speed: 4, opacity_min: 0, sync: false } }, size: { value: 20, random: false, anim: { enable: false, speed: 20, size_min: 0, sync: false } }, line_linked: { enable: true, distance: 200, color: '#00338a', opacity: 1, width: 1 }, move: { enable: true, speed: 2, direction: 'none', random: false, straight: false, out_mode: 'out', bounce: false, attract: { enable: false, rotateX: 3000, rotateY: 3000 } }, array: [] }, interactivity: { detect_on: 'canvas', events: { onhover: { enable: true, mode: 'grab' }, onclick: { enable: true, mode: 'push' }, resize: true }, modes: { grab:{ distance: 200, line_linked:{ opacity: 1 } }, bubble:{ distance: 200, size: 200, duration: 0.1 }, repulse:{ distance: 200, duration: 0.1 }, push:{ particles_nb: 4 }, remove:{ particles_nb: 2 } }, mouse:{} }, retina_detect: false, fn: { interact: {}, modes: {}, vendors:{} }, tmp: {} }; var pJS = this.pJS; /* params settings */ if(params){ Object.deepExtend(pJS, params); } pJS.tmp.obj = { size_value: pJS.particles.size.value, size_anim_speed: pJS.particles.size.anim.speed, move_speed: pJS.particles.move.speed, line_linked_distance: pJS.particles.line_linked.distance, line_linked_width: pJS.particles.line_linked.width, mode_grab_distance: pJS.interactivity.modes.grab.distance, mode_bubble_distance: pJS.interactivity.modes.bubble.distance, mode_bubble_size: pJS.interactivity.modes.bubble.size, mode_repulse_distance: pJS.interactivity.modes.repulse.distance }; pJS.fn.retinaInit = function(){ if(pJS.retina_detect && window.devicePixelRatio > 1){ pJS.canvas.pxratio = window.devicePixelRatio; pJS.tmp.retina = true; } else{ pJS.canvas.pxratio = 1; pJS.tmp.retina = false; } pJS.canvas.w = pJS.canvas.el.offsetWidth * pJS.canvas.pxratio; pJS.canvas.h = pJS.canvas.el.offsetHeight * pJS.canvas.pxratio; pJS.particles.size.value = pJS.tmp.obj.size_value * pJS.canvas.pxratio; pJS.particles.size.anim.speed = pJS.tmp.obj.size_anim_speed * pJS.canvas.pxratio; pJS.particles.move.speed = pJS.tmp.obj.move_speed * pJS.canvas.pxratio; pJS.particles.line_linked.distance = pJS.tmp.obj.line_linked_distance * pJS.canvas.pxratio; pJS.interactivity.modes.grab.distance = pJS.tmp.obj.mode_grab_distance * pJS.canvas.pxratio; pJS.interactivity.modes.bubble.distance = pJS.tmp.obj.mode_bubble_distance * pJS.canvas.pxratio; pJS.particles.line_linked.width = pJS.tmp.obj.line_linked_width * pJS.canvas.pxratio; pJS.interactivity.modes.bubble.size = pJS.tmp.obj.mode_bubble_size * pJS.canvas.pxratio; pJS.interactivity.modes.repulse.distance = pJS.tmp.obj.mode_repulse_distance * pJS.canvas.pxratio; }; /* ---------- pJS functions - canvas ------------ */ pJS.fn.canvasInit = function(){ pJS.canvas.ctx = pJS.canvas.el.getContext('2d'); }; pJS.fn.canvasSize = function(){ pJS.canvas.el.width = pJS.canvas.w; pJS.canvas.el.height = pJS.canvas.h; if(pJS && pJS.interactivity.events.resize){ window.addEventListener('resize', function(){ pJS.canvas.w = pJS.canvas.el.offsetWidth; pJS.canvas.h = pJS.canvas.el.offsetHeight; /* resize canvas */ if(pJS.tmp.retina){ pJS.canvas.w *= pJS.canvas.pxratio; pJS.canvas.h *= pJS.canvas.pxratio; } pJS.canvas.el.width = pJS.canvas.w; pJS.canvas.el.height = pJS.canvas.h; /* repaint canvas on anim disabled */ if(!pJS.particles.move.enable){ pJS.fn.particlesEmpty(); pJS.fn.particlesCreate(); pJS.fn.particlesDraw(); pJS.fn.vendors.densityAutoParticles(); } /* density particles enabled */ pJS.fn.vendors.densityAutoParticles(); }); } }; pJS.fn.canvasPaint = function(){ pJS.canvas.ctx.fillRect(0, 0, pJS.canvas.w, pJS.canvas.h); }; pJS.fn.canvasClear = function(){ pJS.canvas.ctx.clearRect(0, 0, pJS.canvas.w, pJS.canvas.h); }; /* --------- pJS functions - particles ----------- */ pJS.fn.particle = function(color, opacity, position){ /* size */ this.radius = (pJS.particles.size.random ? Math.random() : 1) * pJS.particles.size.value; if(pJS.particles.size.anim.enable){ this.size_status = false; this.vs = pJS.particles.size.anim.speed / 100; if(!pJS.particles.size.anim.sync){ this.vs = this.vs * Math.random(); } } /* position */ this.x = position ? position.x : Math.random() * pJS.canvas.w; this.y = position ? position.y : Math.random() * pJS.canvas.h; /* check position - into the canvas */ if(this.x > pJS.canvas.w - this.radius*2) this.x = this.x - this.radius; else if(this.x < this.radius*2) this.x = this.x + this.radius; if(this.y > pJS.canvas.h - this.radius*2) this.y = this.y - this.radius; else if(this.y < this.radius*2) this.y = this.y + this.radius; /* check position - avoid overlap */ if(pJS.particles.move.bounce){ pJS.fn.vendors.checkOverlap(this, position); } /* color */ this.color = {}; if(typeof(color.value) == 'object'){ if(color.value instanceof Array){ var color_selected = color.value[Math.floor(Math.random() * pJS.particles.color.value.length)]; this.color.rgb = hexToRgb(color_selected); }else{ if(color.value.r != undefined && color.value.g != undefined && color.value.b != undefined){ this.color.rgb = { r: color.value.r, g: color.value.g, b: color.value.b } } if(color.value.h != undefined && color.value.s != undefined && color.value.l != undefined){ this.color.hsl = { h: color.value.h, s: color.value.s, l: color.value.l } } } } else if(color.value == 'random'){ this.color.rgb = { r: (Math.floor(Math.random() * (255 - 0 + 1)) + 0), g: (Math.floor(Math.random() * (255 - 0 + 1)) + 0), b: (Math.floor(Math.random() * (255 - 0 + 1)) + 0) } } else if(typeof(color.value) == 'string'){ this.color = color; this.color.rgb = hexToRgb(this.color.value); } /* opacity */ this.opacity = (pJS.particles.opacity.random ? Math.random() : 1) * pJS.particles.opacity.value; if(pJS.particles.opacity.anim.enable){ this.opacity_status = false; this.vo = pJS.particles.opacity.anim.speed / 100; if(!pJS.particles.opacity.anim.sync){ this.vo = this.vo * Math.random(); } } /* animation - velocity for speed */ var velbase = {} switch(pJS.particles.move.direction){ case 'top': velbase = { x:0, y:-1 }; break; case 'top-right': velbase = { x:0.5, y:-0.5 }; break; case 'right': velbase = { x:1, y:-0 }; break; case 'bottom-right': velbase = { x:0.5, y:0.5 }; break; case 'bottom': velbase = { x:0, y:1 }; break; case 'bottom-left': velbase = { x:-0.5, y:1 }; break; case 'left': velbase = { x:-1, y:0 }; break; case 'top-left': velbase = { x:-0.5, y:-0.5 }; break; default: velbase = { x:0, y:0 }; break; } if(pJS.particles.move.straight){ this.vx = velbase.x; this.vy = velbase.y; if(pJS.particles.move.random){ this.vx = this.vx * (Math.random()); this.vy = this.vy * (Math.random()); } }else{ this.vx = velbase.x + Math.random()-0.5; this.vy = velbase.y + Math.random()-0.5; } // var theta = 2.0 * Math.PI * Math.random(); // this.vx = Math.cos(theta); // this.vy = Math.sin(theta); this.vx_i = this.vx; this.vy_i = this.vy; /* if shape is image */ var shape_type = pJS.particles.shape.type; if(typeof(shape_type) == 'object'){ if(shape_type instanceof Array){ var shape_selected = shape_type[Math.floor(Math.random() * shape_type.length)]; this.shape = shape_selected; } }else{ this.shape = shape_type; } if(this.shape == 'image'){ var sh = pJS.particles.shape; this.img = { src: sh.image.src, ratio: sh.image.width / sh.image.height } if(!this.img.ratio) this.img.ratio = 1; if(pJS.tmp.img_type == 'svg' && pJS.tmp.source_svg != undefined){ pJS.fn.vendors.createSvgImg(this); if(pJS.tmp.pushing){ this.img.loaded = false; } } } }; pJS.fn.particle.prototype.draw = function() { var p = this; if(p.radius_bubble != undefined){ var radius = p.radius_bubble; }else{ var radius = p.radius; } if(p.opacity_bubble != undefined){ var opacity = p.opacity_bubble; }else{ var opacity = p.opacity; } if(p.color.rgb){ var color_value = 'rgba('+p.color.rgb.r+','+p.color.rgb.g+','+p.color.rgb.b+','+opacity+')'; }else{ var color_value = 'hsla('+p.color.hsl.h+','+p.color.hsl.s+'%,'+p.color.hsl.l+'%,'+opacity+')'; } pJS.canvas.ctx.fillStyle = color_value; pJS.canvas.ctx.beginPath(); switch(p.shape){ case 'circle': pJS.canvas.ctx.arc(p.x, p.y, radius, 0, Math.PI * 2, false); break; case 'edge': pJS.canvas.ctx.rect(p.x-radius, p.y-radius, radius*2, radius*2); break; case 'triangle': pJS.fn.vendors.drawShape(pJS.canvas.ctx, p.x-radius, p.y+radius / 1.66, radius*2, 3, 2); break; case 'polygon': pJS.fn.vendors.drawShape( pJS.canvas.ctx, p.x - radius / (pJS.particles.shape.polygon.nb_sides/3.5), // startX p.y - radius / (2.66/3.5), // startY radius*2.66 / (pJS.particles.shape.polygon.nb_sides/3), // sideLength pJS.particles.shape.polygon.nb_sides, // sideCountNumerator 1 // sideCountDenominator ); break; case 'star': pJS.fn.vendors.drawShape( pJS.canvas.ctx, p.x - radius*2 / (pJS.particles.shape.polygon.nb_sides/4), // startX p.y - radius / (4*2.66/3.5), // startY radius*2*2.66 / (pJS.particles.shape.polygon.nb_sides/3), // sideLength pJS.particles.shape.polygon.nb_sides, // sideCountNumerator 2 // sideCountDenominator ); break; case 'image': function draw(){ pJS.canvas.ctx.drawImage( img_obj, p.x-radius, p.y-radius, radius*2, radius*2 / p.img.ratio ); } if(pJS.tmp.img_type == 'svg'){ var img_obj = p.img.obj; }else{ var img_obj = pJS.tmp.img_obj; } if(img_obj){ draw(); } break; } pJS.canvas.ctx.closePath(); if(pJS.particles.shape.stroke.width > 0){ pJS.canvas.ctx.strokeStyle = pJS.particles.shape.stroke.color; pJS.canvas.ctx.lineWidth = pJS.particles.shape.stroke.width; pJS.canvas.ctx.stroke(); } pJS.canvas.ctx.fill(); }; pJS.fn.particlesCreate = function(){ for(var i = 0; i < pJS.particles.number.value; i++) { pJS.particles.array.push(new pJS.fn.particle(pJS.particles.color, pJS.particles.opacity.value)); } }; pJS.fn.particlesUpdate = function(){ for(var i = 0; i < pJS.particles.array.length; i++){ /* the particle */ var p = pJS.particles.array[i]; // var d = ( dx = pJS.interactivity.mouse.click_pos_x - p.x ) * dx + ( dy = pJS.interactivity.mouse.click_pos_y - p.y ) * dy; // var f = -BANG_SIZE / d; // if ( d < BANG_SIZE ) { // var t = Math.atan2( dy, dx ); // p.vx = f * Math.cos(t); // p.vy = f * Math.sin(t); // } /* move the particle */ if(pJS.particles.move.enable){ var ms = pJS.particles.move.speed/2; p.x += p.vx * ms; p.y += p.vy * ms; } /* change opacity status */ if(pJS.particles.opacity.anim.enable) { if(p.opacity_status == true) { if(p.opacity >= pJS.particles.opacity.value) p.opacity_status = false; p.opacity += p.vo; }else { if(p.opacity <= pJS.particles.opacity.anim.opacity_min) p.opacity_status = true; p.opacity -= p.vo; } if(p.opacity < 0) p.opacity = 0; } /* change size */ if(pJS.particles.size.anim.enable){ if(p.size_status == true){ if(p.radius >= pJS.particles.size.value) p.size_status = false; p.radius += p.vs; }else{ if(p.radius <= pJS.particles.size.anim.size_min) p.size_status = true; p.radius -= p.vs; } if(p.radius < 0) p.radius = 0; } /* change particle position if it is out of canvas */ if(pJS.particles.move.out_mode == 'bounce'){ var new_pos = { x_left: p.radius, x_right: pJS.canvas.w, y_top: p.radius, y_bottom: pJS.canvas.h } }else{ var new_pos = { x_left: -p.radius, x_right: pJS.canvas.w + p.radius, y_top: -p.radius, y_bottom: pJS.canvas.h + p.radius } } if(p.x - p.radius > pJS.canvas.w){ p.x = new_pos.x_left; p.y = Math.random() * pJS.canvas.h; } else if(p.x + p.radius < 0){ p.x = new_pos.x_right; p.y = Math.random() * pJS.canvas.h; } if(p.y - p.radius > pJS.canvas.h){ p.y = new_pos.y_top; p.x = Math.random() * pJS.canvas.w; } else if(p.y + p.radius < 0){ p.y = new_pos.y_bottom; p.x = Math.random() * pJS.canvas.w; } /* out of canvas modes */ switch(pJS.particles.move.out_mode){ case 'bounce': if (p.x + p.radius > pJS.canvas.w) p.vx = -p.vx; else if (p.x - p.radius < 0) p.vx = -p.vx; if (p.y + p.radius > pJS.canvas.h) p.vy = -p.vy; else if (p.y - p.radius < 0) p.vy = -p.vy; break; } /* events */ if(isInArray('grab', pJS.interactivity.events.onhover.mode)){ pJS.fn.modes.grabParticle(p); } if(isInArray('bubble', pJS.interactivity.events.onhover.mode) || isInArray('bubble', pJS.interactivity.events.onclick.mode)){ pJS.fn.modes.bubbleParticle(p); } if(isInArray('repulse', pJS.interactivity.events.onhover.mode) || isInArray('repulse', pJS.interactivity.events.onclick.mode)){ pJS.fn.modes.repulseParticle(p); } /* interaction auto between particles */ if(pJS.particles.line_linked.enable || pJS.particles.move.attract.enable){ for(var j = i + 1; j < pJS.particles.array.length; j++){ var p2 = pJS.particles.array[j]; /* link particles */ if(pJS.particles.line_linked.enable){ pJS.fn.interact.linkParticles(p,p2); } /* attract particles */ if(pJS.particles.move.attract.enable){ pJS.fn.interact.attractParticles(p,p2); } /* bounce particles */ if(pJS.particles.move.bounce){ pJS.fn.interact.bounceParticles(p,p2); } } } } }; pJS.fn.particlesDraw = function(){ /* clear canvas */ pJS.canvas.ctx.clearRect(0, 0, pJS.canvas.w, pJS.canvas.h); /* update each particles param */ pJS.fn.particlesUpdate(); /* draw each particle */ for(var i = 0; i < pJS.particles.array.length; i++){ var p = pJS.particles.array[i]; p.draw(); } }; pJS.fn.particlesEmpty = function(){ pJS.particles.array = []; }; pJS.fn.particlesRefresh = function(){ /* init all */ cancelRequestAnimFrame(pJS.fn.checkAnimFrame); cancelRequestAnimFrame(pJS.fn.drawAnimFrame); pJS.tmp.source_svg = undefined; pJS.tmp.img_obj = undefined; pJS.tmp.count_svg = 0; pJS.fn.particlesEmpty(); pJS.fn.canvasClear(); /* restart */ pJS.fn.vendors.start(); }; /* ---------- pJS functions - particles interaction ------------ */ pJS.fn.interact.linkParticles = function(p1, p2){ var dx = p1.x - p2.x, dy = p1.y - p2.y, dist = Math.sqrt(dx*dx + dy*dy); /* draw a line between p1 and p2 if the distance between them is under the config distance */ if(dist <= pJS.particles.line_linked.distance){ var opacity_line = pJS.particles.line_linked.opacity - (dist / (1/pJS.particles.line_linked.opacity)) / pJS.particles.line_linked.distance; if(opacity_line > 0){ /* style */ var color_line = pJS.particles.line_linked.color_rgb_line; pJS.canvas.ctx.strokeStyle = 'rgba('+color_line.r+','+color_line.g+','+color_line.b+','+opacity_line+')'; pJS.canvas.ctx.lineWidth = pJS.particles.line_linked.width; //pJS.canvas.ctx.lineCap = 'round'; /* performance issue */ /* path */ pJS.canvas.ctx.beginPath(); pJS.canvas.ctx.moveTo(p1.x, p1.y); pJS.canvas.ctx.lineTo(p2.x, p2.y); pJS.canvas.ctx.stroke(); pJS.canvas.ctx.closePath(); } } }; pJS.fn.interact.attractParticles = function(p1, p2){ /* condensed particles */ var dx = p1.x - p2.x, dy = p1.y - p2.y, dist = Math.sqrt(dx*dx + dy*dy); if(dist <= pJS.particles.line_linked.distance){ var ax = dx/(pJS.particles.move.attract.rotateX*1000), ay = dy/(pJS.particles.move.attract.rotateY*1000); p1.vx -= ax; p1.vy -= ay; p2.vx += ax; p2.vy += ay; } } pJS.fn.interact.bounceParticles = function(p1, p2){ var dx = p1.x - p2.x, dy = p1.y - p2.y, dist = Math.sqrt(dx*dx + dy*dy), dist_p = p1.radius+p2.radius; if(dist <= dist_p){ p1.vx = -p1.vx; p1.vy = -p1.vy; p2.vx = -p2.vx; p2.vy = -p2.vy; } } /* ---------- pJS functions - modes events ------------ */ pJS.fn.modes.pushParticles = function(nb, pos){ pJS.tmp.pushing = true; for(var i = 0; i < nb; i++){ pJS.particles.array.push( new pJS.fn.particle( pJS.particles.color, pJS.particles.opacity.value, { 'x': pos ? pos.pos_x : Math.random() * pJS.canvas.w, 'y': pos ? pos.pos_y : Math.random() * pJS.canvas.h } ) ) if(i == nb-1){ if(!pJS.particles.move.enable){ pJS.fn.particlesDraw(); } pJS.tmp.pushing = false; } } }; pJS.fn.modes.removeParticles = function(nb){ pJS.particles.array.splice(0, nb); if(!pJS.particles.move.enable){ pJS.fn.particlesDraw(); } }; pJS.fn.modes.bubbleParticle = function(p){ /* on hover event */ if(pJS.interactivity.events.onhover.enable && isInArray('bubble', pJS.interactivity.events.onhover.mode)){ var dx_mouse = p.x - pJS.interactivity.mouse.pos_x, dy_mouse = p.y - pJS.interactivity.mouse.pos_y, dist_mouse = Math.sqrt(dx_mouse*dx_mouse + dy_mouse*dy_mouse), ratio = 1 - dist_mouse / pJS.interactivity.modes.bubble.distance; function init(){ p.opacity_bubble = p.opacity; p.radius_bubble = p.radius; } /* mousemove - check ratio */ if(dist_mouse <= pJS.interactivity.modes.bubble.distance){ if(ratio >= 0 && pJS.interactivity.status == 'mousemove'){ /* size */ if(pJS.interactivity.modes.bubble.size != pJS.particles.size.value){ if(pJS.interactivity.modes.bubble.size > pJS.particles.size.value){ var size = p.radius + (pJS.interactivity.modes.bubble.size*ratio); if(size >= 0){ p.radius_bubble = size; } }else{ var dif = p.radius - pJS.interactivity.modes.bubble.size, size = p.radius - (dif*ratio); if(size > 0){ p.radius_bubble = size; }else{ p.radius_bubble = 0; } } } /* opacity */ if(pJS.interactivity.modes.bubble.opacity != pJS.particles.opacity.value){ if(pJS.interactivity.modes.bubble.opacity > pJS.particles.opacity.value){ var opacity = pJS.interactivity.modes.bubble.opacity*ratio; if(opacity > p.opacity && opacity <= pJS.interactivity.modes.bubble.opacity){ p.opacity_bubble = opacity; } }else{ var opacity = p.opacity - (pJS.particles.opacity.value-pJS.interactivity.modes.bubble.opacity)*ratio; if(opacity < p.opacity && opacity >= pJS.interactivity.modes.bubble.opacity){ p.opacity_bubble = opacity; } } } } }else{ init(); } /* mouseleave */ if(pJS.interactivity.status == 'mouseleave'){ init(); } } /* on click event */ else if(pJS.interactivity.events.onclick.enable && isInArray('bubble', pJS.interactivity.events.onclick.mode)){ if(pJS.tmp.bubble_clicking){ var dx_mouse = p.x - pJS.interactivity.mouse.click_pos_x, dy_mouse = p.y - pJS.interactivity.mouse.click_pos_y, dist_mouse = Math.sqrt(dx_mouse*dx_mouse + dy_mouse*dy_mouse), time_spent = (new Date().getTime() - pJS.interactivity.mouse.click_time)/1000; if(time_spent > pJS.interactivity.modes.bubble.duration){ pJS.tmp.bubble_duration_end = true; } if(time_spent > pJS.interactivity.modes.bubble.duration*2){ pJS.tmp.bubble_clicking = false; pJS.tmp.bubble_duration_end = false; } } function process(bubble_param, particles_param, p_obj_bubble, p_obj, id){ if(bubble_param != particles_param){ if(!pJS.tmp.bubble_duration_end){ if(dist_mouse <= pJS.interactivity.modes.bubble.distance){ if(p_obj_bubble != undefined) var obj = p_obj_bubble; else var obj = p_obj; if(obj != bubble_param){ var value = p_obj - (time_spent * (p_obj - bubble_param) / pJS.interactivity.modes.bubble.duration); if(id == 'size') p.radius_bubble = value; if(id == 'opacity') p.opacity_bubble = value; } }else{ if(id == 'size') p.radius_bubble = undefined; if(id == 'opacity') p.opacity_bubble = undefined; } }else{ if(p_obj_bubble != undefined){ var value_tmp = p_obj - (time_spent * (p_obj - bubble_param) / pJS.interactivity.modes.bubble.duration), dif = bubble_param - value_tmp; value = bubble_param + dif; if(id == 'size') p.radius_bubble = value; if(id == 'opacity') p.opacity_bubble = value; } } } } if(pJS.tmp.bubble_clicking){ /* size */ process(pJS.interactivity.modes.bubble.size, pJS.particles.size.value, p.radius_bubble, p.radius, 'size'); /* opacity */ process(pJS.interactivity.modes.bubble.opacity, pJS.particles.opacity.value, p.opacity_bubble, p.opacity, 'opacity'); } } }; pJS.fn.modes.repulseParticle = function(p){ if(pJS.interactivity.events.onhover.enable && isInArray('repulse', pJS.interactivity.events.onhover.mode) && pJS.interactivity.status == 'mousemove') { var dx_mouse = p.x - pJS.interactivity.mouse.pos_x, dy_mouse = p.y - pJS.interactivity.mouse.pos_y, dist_mouse = Math.sqrt(dx_mouse*dx_mouse + dy_mouse*dy_mouse); var normVec = {x: dx_mouse/dist_mouse, y: dy_mouse/dist_mouse}, repulseRadius = pJS.interactivity.modes.repulse.distance, velocity = 100, repulseFactor = clamp((1/repulseRadius)*(-1*Math.pow(dist_mouse/repulseRadius,2)+1)*repulseRadius*velocity, 0, 50); var pos = { x: p.x + normVec.x * repulseFactor, y: p.y + normVec.y * repulseFactor } if(pJS.particles.move.out_mode == 'bounce'){ if(pos.x - p.radius > 0 && pos.x + p.radius < pJS.canvas.w) p.x = pos.x; if(pos.y - p.radius > 0 && pos.y + p.radius < pJS.canvas.h) p.y = pos.y; }else{ p.x = pos.x; p.y = pos.y; } } else if(pJS.interactivity.events.onclick.enable && isInArray('repulse', pJS.interactivity.events.onclick.mode)) { if(!pJS.tmp.repulse_finish){ pJS.tmp.repulse_count++; if(pJS.tmp.repulse_count == pJS.particles.array.length){ pJS.tmp.repulse_finish = true; } } if(pJS.tmp.repulse_clicking){ var repulseRadius = Math.pow(pJS.interactivity.modes.repulse.distance/6, 3); var dx = pJS.interactivity.mouse.click_pos_x - p.x, dy = pJS.interactivity.mouse.click_pos_y - p.y, d = dx*dx + dy*dy; var force = -repulseRadius / d * 1; function process(){ var f = Math.atan2(dy,dx); p.vx = force * Math.cos(f); p.vy = force * Math.sin(f); if(pJS.particles.move.out_mode == 'bounce'){ var pos = { x: p.x + p.vx, y: p.y + p.vy } if (pos.x + p.radius > pJS.canvas.w) p.vx = -p.vx; else if (pos.x - p.radius < 0) p.vx = -p.vx; if (pos.y + p.radius > pJS.canvas.h) p.vy = -p.vy; else if (pos.y - p.radius < 0) p.vy = -p.vy; } } // default if(d <= repulseRadius){ process(); } // bang - slow motion mode // if(!pJS.tmp.repulse_finish){ // if(d <= repulseRadius){ // process(); // } // }else{ // process(); // } }else{ if(pJS.tmp.repulse_clicking == false){ p.vx = p.vx_i; p.vy = p.vy_i; } } } } pJS.fn.modes.grabParticle = function(p){ if(pJS.interactivity.events.onhover.enable && pJS.interactivity.status == 'mousemove'){ var dx_mouse = p.x - pJS.interactivity.mouse.pos_x, dy_mouse = p.y - pJS.interactivity.mouse.pos_y, dist_mouse = Math.sqrt(dx_mouse*dx_mouse + dy_mouse*dy_mouse); /* draw a line between the cursor and the particle if the distance between them is under the config distance */ if(dist_mouse <= pJS.interactivity.modes.grab.distance){ var opacity_line = pJS.interactivity.modes.grab.line_linked.opacity - (dist_mouse / (1/pJS.interactivity.modes.grab.line_linked.opacity)) / pJS.interactivity.modes.grab.distance; if(opacity_line > 0){ /* style */ var color_line = pJS.particles.line_linked.color_rgb_line; pJS.canvas.ctx.strokeStyle = 'rgba('+251+','+195+','+94+','+opacity_line+')'; pJS.canvas.ctx.lineWidth = pJS.particles.line_linked.width; //pJS.canvas.ctx.lineCap = 'round'; /* performance issue */ /* path */ pJS.canvas.ctx.beginPath(); pJS.canvas.ctx.moveTo(p.x, p.y); pJS.canvas.ctx.lineTo(pJS.interactivity.mouse.pos_x, pJS.interactivity.mouse.pos_y); pJS.canvas.ctx.stroke(); pJS.canvas.ctx.closePath(); } } } }; /* ---------- pJS functions - vendors ------------ */ pJS.fn.vendors.eventsListeners = function(){ /* events target element */ if(pJS.interactivity.detect_on == 'window'){ pJS.interactivity.el = window; }else{ pJS.interactivity.el = pJS.canvas.el; } /* detect mouse pos - on hover / click event */ if(pJS.interactivity.events.onhover.enable || pJS.interactivity.events.onclick.enable){ /* el on mousemove */ pJS.interactivity.el.addEventListener('mousemove', function(e){ if(pJS.interactivity.el == window){ var pos_x = e.clientX, pos_y = e.clientY; } else{ var pos_x = e.offsetX || e.clientX, pos_y = e.offsetY || e.clientY; } pJS.interactivity.mouse.pos_x = pos_x; pJS.interactivity.mouse.pos_y = pos_y; if(pJS.tmp.retina){ pJS.interactivity.mouse.pos_x *= pJS.canvas.pxratio; pJS.interactivity.mouse.pos_y *= pJS.canvas.pxratio; } pJS.interactivity.status = 'mousemove'; }); /* el on onmouseleave */ pJS.interactivity.el.addEventListener('mouseleave', function(e){ pJS.interactivity.mouse.pos_x = null; pJS.interactivity.mouse.pos_y = null; pJS.interactivity.status = 'mouseleave'; }); } /* on click event */ if(pJS.interactivity.events.onclick.enable){ pJS.interactivity.el.addEventListener('click', function(){ pJS.interactivity.mouse.click_pos_x = pJS.interactivity.mouse.pos_x; pJS.interactivity.mouse.click_pos_y = pJS.interactivity.mouse.pos_y; pJS.interactivity.mouse.click_time = new Date().getTime(); if(pJS.interactivity.events.onclick.enable){ switch(pJS.interactivity.events.onclick.mode){ case 'push': if(pJS.particles.move.enable){ pJS.fn.modes.pushParticles(pJS.interactivity.modes.push.particles_nb, pJS.interactivity.mouse); }else{ if(pJS.interactivity.modes.push.particles_nb == 1){ pJS.fn.modes.pushParticles(pJS.interactivity.modes.push.particles_nb, pJS.interactivity.mouse); } else if(pJS.interactivity.modes.push.particles_nb > 1){ pJS.fn.modes.pushParticles(pJS.interactivity.modes.push.particles_nb); } } break; case 'remove': pJS.fn.modes.removeParticles(pJS.interactivity.modes.remove.particles_nb); break; case 'bubble': pJS.tmp.bubble_clicking = true; break; case 'repulse': pJS.tmp.repulse_clicking = true; pJS.tmp.repulse_count = 0; pJS.tmp.repulse_finish = false; setTimeout(function(){ pJS.tmp.repulse_clicking = false; }, pJS.interactivity.modes.repulse.duration*1000) break; } } }); } }; pJS.fn.vendors.densityAutoParticles = function(){ if(pJS.particles.number.density.enable){ /* calc area */ var area = pJS.canvas.el.width * pJS.canvas.el.height / 600; if(pJS.tmp.retina){ area = area/(pJS.canvas.pxratio*2); } /* calc number of particles based on density area */ var nb_particles = area * pJS.particles.number.value / pJS.particles.number.density.value_area; /* add or remove X particles */ var missing_particles = pJS.particles.array.length - nb_particles; if(missing_particles < 0) pJS.fn.modes.pushParticles(Math.abs(missing_particles)); else pJS.fn.modes.removeParticles(missing_particles); } }; pJS.fn.vendors.checkOverlap = function(p1, position){ for(var i = 0; i < pJS.particles.array.length; i++){ var p2 = pJS.particles.array[i]; var dx = p1.x - p2.x, dy = p1.y - p2.y, dist = Math.sqrt(dx*dx + dy*dy); if(dist <= p1.radius + p2.radius){ p1.x = position ? position.x : Math.random() * pJS.canvas.w; p1.y = position ? position.y : Math.random() * pJS.canvas.h; pJS.fn.vendors.checkOverlap(p1); } } }; pJS.fn.vendors.createSvgImg = function(p){ /* set color to svg element */ var svgXml = pJS.tmp.source_svg, rgbHex = /#([0-9A-F]{3,6})/gi, coloredSvgXml = svgXml.replace(rgbHex, function (m, r, g, b) { if(p.color.rgb){ var color_value = 'rgba('+p.color.rgb.r+','+p.color.rgb.g+','+p.color.rgb.b+','+p.opacity+')'; }else{ var color_value = 'hsla('+p.color.hsl.h+','+p.color.hsl.s+'%,'+p.color.hsl.l+'%,'+p.opacity+')'; } return color_value; }); /* prepare to create img with colored svg */ var svg = new Blob([coloredSvgXml], {type: 'image/svg+xml;charset=utf-8'}), DOMURL = window.URL || window.webkitURL || window, url = DOMURL.createObjectURL(svg); /* create particle img obj */ var img = new Image(); img.addEventListener('load', function(){ p.img.obj = img; p.img.loaded = true; DOMURL.revokeObjectURL(url); pJS.tmp.count_svg++; }); img.src = url; }; pJS.fn.vendors.destroypJS = function(){ cancelAnimationFrame(pJS.fn.drawAnimFrame); canvas_el.remove(); pJSDom = null; }; pJS.fn.vendors.drawShape = function(c, startX, startY, sideLength, sideCountNumerator, sideCountDenominator){ // By Programming Thomas - https://programmingthomas.wordpress.com/2013/04/03/n-sided-shapes/ var sideCount = sideCountNumerator * sideCountDenominator; var decimalSides = sideCountNumerator / sideCountDenominator; var interiorAngleDegrees = (180 * (decimalSides - 2)) / decimalSides; var interiorAngle = Math.PI - Math.PI * interiorAngleDegrees / 180; // convert to radians c.save(); c.beginPath(); c.translate(startX, startY); c.moveTo(0,0); for (var i = 0; i < sideCount; i++) { c.lineTo(sideLength,0); c.translate(sideLength,0); c.rotate(interiorAngle); } //c.stroke(); c.fill(); c.restore(); }; pJS.fn.vendors.exportImg = function(){ window.open(pJS.canvas.el.toDataURL('image/png'), '_blank'); }; pJS.fn.vendors.loadImg = function(type){ pJS.tmp.img_error = undefined; if(pJS.particles.shape.image.src != ''){ if(type == 'svg'){ var xhr = new XMLHttpRequest(); xhr.open('GET', pJS.particles.shape.image.src); xhr.onreadystatechange = function (data) { if(xhr.readyState == 4){ if(xhr.status == 200){ pJS.tmp.source_svg = data.currentTarget.response; pJS.fn.vendors.checkBeforeDraw(); }else{ console.log('Error pJS - Image not found'); pJS.tmp.img_error = true; } } } xhr.send(); }else{ var img = new Image(); img.addEventListener('load', function(){ pJS.tmp.img_obj = img; pJS.fn.vendors.checkBeforeDraw(); }); img.src = pJS.particles.shape.image.src; } }else{ console.log('Error pJS - No image.src'); pJS.tmp.img_error = true; } }; pJS.fn.vendors.draw = function(){ if(pJS.particles.shape.type == 'image'){ if(pJS.tmp.img_type == 'svg'){ if(pJS.tmp.count_svg >= pJS.particles.number.value){ pJS.fn.particlesDraw(); if(!pJS.particles.move.enable) cancelRequestAnimFrame(pJS.fn.drawAnimFrame); else pJS.fn.drawAnimFrame = requestAnimFrame(pJS.fn.vendors.draw); }else{ //console.log('still loading...'); if(!pJS.tmp.img_error) pJS.fn.drawAnimFrame = requestAnimFrame(pJS.fn.vendors.draw); } }else{ if(pJS.tmp.img_obj != undefined){ pJS.fn.particlesDraw(); if(!pJS.particles.move.enable) cancelRequestAnimFrame(pJS.fn.drawAnimFrame); else pJS.fn.drawAnimFrame = requestAnimFrame(pJS.fn.vendors.draw); }else{ if(!pJS.tmp.img_error) pJS.fn.drawAnimFrame = requestAnimFrame(pJS.fn.vendors.draw); } } }else{ pJS.fn.particlesDraw(); if(!pJS.particles.move.enable) cancelRequestAnimFrame(pJS.fn.drawAnimFrame); else pJS.fn.drawAnimFrame = requestAnimFrame(pJS.fn.vendors.draw); } }; pJS.fn.vendors.checkBeforeDraw = function(){ // if shape is image if(pJS.particles.shape.type == 'image'){ if(pJS.tmp.img_type == 'svg' && pJS.tmp.source_svg == undefined){ pJS.tmp.checkAnimFrame = requestAnimFrame(check); }else{ //console.log('images loaded! cancel check'); cancelRequestAnimFrame(pJS.tmp.checkAnimFrame); if(!pJS.tmp.img_error){ pJS.fn.vendors.init(); pJS.fn.vendors.draw(); } } }else{ pJS.fn.vendors.init(); pJS.fn.vendors.draw(); } }; pJS.fn.vendors.init = function(){ /* init canvas + particles */ pJS.fn.retinaInit(); pJS.fn.canvasInit(); pJS.fn.canvasSize(); pJS.fn.canvasPaint(); pJS.fn.particlesCreate(); pJS.fn.vendors.densityAutoParticles(); /* particles.line_linked - convert hex colors to rgb */ pJS.particles.line_linked.color_rgb_line = hexToRgb(pJS.particles.line_linked.color); }; pJS.fn.vendors.start = function(){ if(isInArray('image', pJS.particles.shape.type)){ pJS.tmp.img_type = pJS.particles.shape.image.src.substr(pJS.particles.shape.image.src.length - 3); pJS.fn.vendors.loadImg(pJS.tmp.img_type); }else{ pJS.fn.vendors.checkBeforeDraw(); } }; /* ---------- pJS - start ------------ */ pJS.fn.vendors.eventsListeners(); pJS.fn.vendors.start(); }; /* ---------- global functions - vendors ------------ */ Object.deepExtend = function(destination, source) { for (var property in source) { if (source[property] && source[property].constructor && source[property].constructor === Object) { destination[property] = destination[property] || {}; arguments.callee(destination[property], source[property]); } else { destination[property] = source[property]; } } return destination; }; window.requestAnimFrame = (function(){ return window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || function(callback){ window.setTimeout(callback, 1000 / 60); }; })(); window.cancelRequestAnimFrame = ( function() { return window.cancelAnimationFrame || window.webkitCancelRequestAnimationFrame || window.mozCancelRequestAnimationFrame || window.oCancelRequestAnimationFrame || window.msCancelRequestAnimationFrame || clearTimeout } )(); function hexToRgb(hex){ // By Tim Down - http://stackoverflow.com/a/5624139/3493650 // Expand shorthand form (e.g. "03F") to full form (e.g. "0033FF") var shorthandRegex = /^#?([a-f\d])([a-f\d])([a-f\d])$/i; hex = hex.replace(shorthandRegex, function(m, r, g, b) { return r + r + g + g + b + b; }); var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex); return result ? { r: parseInt(result[1], 16), g: parseInt(result[2], 16), b: parseInt(result[3], 16) } : null; }; function clamp(number, min, max) { return Math.min(Math.max(number, min), max); }; function isInArray(value, array) { return array.indexOf(value) > -1; } /* ---------- particles.js functions - start ------------ */ window.pJSDom = []; window.particlesJS = function(tag_id, params){ //console.log(params); /* no string id? so it's object params, and set the id with default id */ if(typeof(tag_id) != 'string'){ params = tag_id; tag_id = 'particles-js'; } /* no id? set the id to default id */ if(!tag_id){ tag_id = 'particles-js'; } /* pJS elements */ var pJS_tag = document.getElementById(tag_id), pJS_canvas_class = 'particles-js-canvas-el', exist_canvas = pJS_tag.getElementsByClassName(pJS_canvas_class); /* remove canvas if exists into the pJS target tag */ if(exist_canvas.length){ while(exist_canvas.length > 0){ pJS_tag.removeChild(exist_canvas[0]); } } /* create canvas element */ var canvas_el = document.createElement('canvas'); canvas_el.className = pJS_canvas_class; /* set size canvas */ canvas_el.style.width = "100%"; canvas_el.style.height = "100%"; /* append canvas */ var canvas = document.getElementById(tag_id).appendChild(canvas_el); /* launch particle.js */ if(canvas != null){ pJSDom.push(new pJS(tag_id, params)); } }; window.particlesJS.load = function(tag_id, path_config_json, callback){ /* load json config */ var xhr = new XMLHttpRequest(); xhr.open('GET', path_config_json); xhr.onreadystatechange = function (data) { if(xhr.readyState == 4){ if(xhr.status == 200){ var params = JSON.parse(data.currentTarget.response); window.particlesJS(tag_id, params); if(callback) callback(); }else{ console.log('Error pJS - XMLHttpRequest status: '+xhr.status); console.log('Error pJS - File config not found'); } } }; xhr.send(); }; </script> <style> /* ---- reset ---- */ body { margin: 0; } canvas { display: block; vertical-align: bottom; } /* ---- particles.js container ---- */ #particles-js { position: absolute; width: 100%; height: 100%; background-color: rgba(255, 0, 0, 0); } @media(max-width:748px){ #particles-js { position: absolute; width: 100%; height: 50%; background-color: rgba(255, 0, 0, 0); } } </style> <script> particlesJS("particles-js", { "particles": { "number": { "value": 80, "density": { "enable": true, "value_area": 800 } }, "color": { "value": "#ffffff" }, "shape": { "type": "circle", "stroke": { "width": 0, "color": "#000000" }, "polygon": { "nb_sides": 5 }, "image": { "src": "img/github.svg", "width": 100, "height": 100 } }, "opacity": { "value": 0.5, "random": false, "anim": { "enable": false, "speed": 2, "opacity_min": 0.1, "sync": false } }, "size": { "value": 2, "random": true, "anim": { "enable": false, "speed": 80, "size_min": 0.8, "sync": false } }, "line_linked": { "enable": true, "distance": 150, "color": "#fafafa", "opacity": 0.4, "width": 1 }, "move": { "enable": true, "speed": 5, "direction": "none", "random": false, "straight": false, "out_mode": "out", "bounce": false, "attract": { "enable": false, "rotateX": 600, "rotateY": 1200 } } }, "interactivity": { "detect_on": "canvas", "events": { "onhover": { "enable": true, "mode": "grab" }, "onclick": { "enable": true, "mode": "push" }, "resize": true }, "modes": { "grab": { "distance": 150, "line_linked": { "opacity": 1 } }, "bubble": { "distance": 400, "size": 40, "duration": 2, "opacity": 8, "speed": 3 }, "repulse": { "distance": 200, "duration": 0.4 }, "push": { "particles_nb": 16 }, "remove": { "particles_nb": 8 } } }, "retina_detect": true }); requestAnimationFrame(); </script>--> <div class="container"> <div class="row"> <div class="col-md-3 top1 device"></div> <div class="col-md-9 top2"> <div class="lang"> <ul id="lan"> <li><a href="#" ><span class="lanpunkt"><img src="https://strategy.uz/languages/uz.png" /> Ўзбек<em class="icon-down-open-big"></em></span></a> <ul> <li><a href="/index.php?news=1958&lang=ru" ><span class="lanpunkt"><img src="https://strategy.uz/languages/ru.png" /> Русский</span></a></li> <li><a href="/index.php?news=1958&lang=uz" ><span class="lanpunkt"><img src="https://strategy.uz/languages/uz.png" /> О'zbek</span></a></li> <li><a href="/index.php?news=1958&lang=en" ><span class="lanpunkt"><img src="https://strategy.uz/languages/en.png" /> English</span></a></li> </ul> </li> <style> span.stat-data4 { font-size: 25px; background-color: #fff; border-radius: 25%; width: 70px; padding: 20px 8px; color: #00658f !important; font-weight: bold; } span.stat-data { font-size: 25px; background-color: #fff; border-radius: 25%; width: 70px; padding: 20px 15px; color: #036251 !important; font-weight: bold; } span.stat-data2 { font-size: 25px; background-color: #fff; border-radius: 50%; width: 70px; padding: 20px 23px; color: #00658f !important; font-weight: bold; } </style> <style> .button { border: 4px solid #fafafa; background: #a01e1e; background-color: #a90808; -webkit-border-radius: 10px; border-radius: 10px; border: none; color: #eeeeee; cursor: pointer; display: inline-block; font-family: sans-serif; font-size: 20px; padding: 10px 10px; text-align: center; text-decoration: none; } @keyframes glowing { 0% { background-color: #a01e1e; box-shadow: 0 0 5px #a01e1e; } 50% { background-color: #a01e1e; box-shadow: 0 0 20px #a01e1e; } 100% { background-color: #a01e1e; box-shadow: 0 0 5px #a01e1e; } } .button { animation: glowing 1300ms infinite; } </style> <!--<li style=" cursor: pointer; display: inline-block; font-family: sans-serif; font-size: 10px; text-align: center; text-decoration: none; font-weight: bold; "><a href="https://strategy.uz/index.php?static=programma"><span class="button"><img src="">Давлат дастури<em class=""></em></span></a> </li> --> </ul> </div> <div class="social"> <a href="https://www.facebook.com/dsc.uzbekistan/" class="icon-facebook-4"></a> <a href="https://twitter.com/DSC_UZB" class="icon-twitter-bird"></a> <a href="https://t.me/dscuzbekistan" class="icon-telegram"></a> <a href="https://www.instagram.com/dscuzbekistan/" class="icon-instagram"></a> <a href="https://www.youtube.com/channel/UC6fnGM9mykboenkEi6ZJkTg" class="icon-youtube-1"></a> </div> <a href="" class="auth"></a> <div class="clear"></div> </div> </div> </div> </div> <div class="toped2"> <div class="d2_b device"></div> <div class="d2_a device"> </div> <div class="clear"></div> </div> <div class="clear"></div> </div> <!-------------------------------------------------------------------TOP PANEL------------------------------------------------------------> <style> .v-fixed-card--second { background: #0f8798; right: 242px; } a:hover { color: #adb2b2; } .v-fixed-card--top { top: 6.7% !important; } .yil { font-size: 30px; } .v-fixed-card { position: fixed; top: 60%; transition: 0.5s; z-index: 0; flex-direction: column; justify-content: center; width: 316px; height: 148px; padding: 20px; border-radius: 8px; color: #FFF; font-family: sans-serif; font-size: 20px; text-align: center; text-decoration: none overflow: visible; box-shadow: 0px 24px 36px #00000029; } .v-fixed-card--second.v-fixed-card--hidden { right: -100%; } .v-fixed-card.v-fixed-card--hidden { opacity: 0; visibility: hidden; } /*.he {*/ /*margin:20px;*/ /*} */ </style> <!-- Xabarnoma --> <!--<div id="notification-overlay"> <div id="notification"> <span class="close-btn" id="close-btn">×</span> <img src="https://strategy.uz/files/dd.jpg" alt="Rasm"> <p> <strong>2025 йилги Давлат дастури лойиҳаси муҳокамаси</br>22 январга қадар давом этади.</br>Муҳокамада фаол иштирок этиб, ўз фикр ва таклифларингизни қолдиринг!</strong> </p> <a href="https://uzbekistan2030.uz/uzc/muhokama" id="link-btn" target="_blank">Таклиф қолдириш</a> </div> </div> <script> // 5 soniyadan keyin xabarnomani ko'rsatish setTimeout(() => { document.getElementById('notification-overlay').style.display = 'flex'; document.querySelector('.content').classList.add('blur'); }, 3000); // "x" belgisini bosganda xabarnomani yashirish document.getElementById('close-btn').addEventListener('click', () => { document.getElementById('notification-overlay').style.display = 'none'; document.querySelector('.content').classList.remove('blur'); }); </script> --> <!---------------------------------------------------------------------HEADER-------------------------------------------------------------> <header id="header"> <div class="container"> <a href="https://strategy.uz/" class="hed1"> <img src="https://strategy.uz/engine/templates/strategy/images/center.png"/> <span>"ТАРАҚҚИЁТ СТРАТЕГИЯСИ" <br> МАРКАЗИ</span> </a> <div class="hed2"> <div class="hed2cont"> <a class="hesvg1" href="https://strategy.uz/index.php?category=obshchestvennoe_stroitelstvo"> <svg version="1.0" xmlns="http://www.w3.org/2000/svg" width="700.000000pt" height="700.000000pt" viewBox="0 0 700.000000 700.000000" preserveAspectRatio="xMidYMid meet"> <g transform="translate(0.000000,700.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M3240 5991 l0 -658 -72 -6 c-331 -29 -809 -291 -1053 -576 -174 -204 -340 -511 -399 -736 -23 -88 -48 -256 -55 -370 l-6 -100 -560 -5 c-609 -6 -601 -5 -662 -63 l-33 -31 0 -1518 0 -1518 3095 0 3095 0 0 1505 0 1505 -35 39 c-19 21 -58 49 -87 61 -51 22 -55 22 -592 21 -298 -1 -546 2 -552 6 -6 5 -14 59 -17 128 -30 578 -306 1048 -819 1391 -175 118 -346 197 -513 239 -134 34 -147 35 -322 35 l-183 0 0 280 0 280 515 0 515 0 0 375 0 375 -630 0 -630 0 0 -659z m1050 284 l0 -155 -415 0 -415 0 0 155 0 155 415 0 415 0 0 -155z m-572 -1461 c382 -66 718 -305 909 -644 67 -118 127 -311 147 -470 17 -141 13 -154 -50 -160 -27 -3 -607 -3 -1289 0 l-1240 5 -3 54 c-5 81 24 240 63 359 104 309 303 545 609 720 245 141 550 189 854 136z m2370 -2819 c1 -555 0 -1020 -3 -1032 l-5 -23 -249 0 -248 0 -5 573 c-6 644 -3 614 -88 746 -153 237 -435 306 -699 172 -24 -13 -63 -42 -87 -66 l-44 -44 -57 45 c-140 109 -199 134 -316 134 -125 0 -228 -37 -344 -124 -33 -25 -64 -46 -68 -46 -4 0 -30 20 -57 45 -28 25 -84 62 -125 82 -69 34 -85 38 -173 41 -71 3 -113 0 -156 -13 -83 -24 -169 -70 -220 -117 -27 -25 -49 -38 -59 -34 -8 3 -50 32 -93 65 -92 72 -141 91 -247 98 -139 9 -300 -45 -381 -128 -21 -21 -44 -39 -51 -39 -7 0 -32 18 -55 41 -50 48 -151 101 -227 119 -74 17 -201 8 -276 -21 -144 -54 -248 -146 -312 -277 l-38 -76 -3 -587 c-2 -545 -4 -587 -20 -591 -9 -2 -126 -2 -260 0 l-242 4 2 1022 c2 561 6 1026 10 1031 4 7 882 10 2600 10 l2593 0 3 -1010z m-4047 209 c51 -21 94 -71 115 -136 16 -47 18 -115 22 -585 3 -507 3 -532 -15 -540 -10 -5 -126 -6 -258 -3 l-240 5 0 550 0 550 30 54 c52 94 131 135 243 126 35 -3 81 -13 103 -21z m783 -3 c23 -10 56 -33 74 -52 61 -62 62 -75 62 -670 l0 -538 -42 -6 c-49 -7 -454 -3 -461 5 -3 3 -7 251 -8 551 l-3 545 23 47 c26 54 95 119 143 135 44 15 161 6 212 -17z m740 8 c93 -18 141 -65 164 -159 10 -42 23 -1030 14 -1088 l-3 -22 -255 0 -254 0 -1 38 c-5 183 5 1037 13 1075 13 63 47 101 127 142 70 36 80 36 195 14z m779 6 c32 -8 69 -22 83 -31 34 -23 70 -88 83 -151 11 -53 17 -1080 7 -1091 -9 -8 -490 -2 -499 7 -4 4 -6 255 -5 557 l3 549 28 47 c64 110 166 148 300 113z m814 -10 c56 -23 91 -54 119 -100 l25 -44 0 -557 c0 -358 -4 -559 -10 -563 -12 -8 -477 -8 -484 -1 -3 3 -6 255 -8 560 l-4 555 28 47 c31 53 79 93 134 114 45 17 147 11 200 -11z"/> </g> </svg> </a> <a class="hesvg2" href="https://strategy.uz/index.php?category=verhovenstvo_zakona"> <svg version="1.0" xmlns="http://www.w3.org/2000/svg" width="700.000000pt" height="700.000000pt" viewBox="0 0 700.000000 700.000000" preserveAspectRatio="xMidYMid meet"> <g transform="translate(0.000000,700.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M3385 6367 c-22 -12 -55 -44 -72 -71 l-33 -48 0 -244 0 -244 -884 0 -884 0 -17 -43 c-19 -50 -12 -79 29 -116 35 -33 33 -48 -13 -112 -21 -30 -58 -94 -83 -144 -24 -49 -84 -153 -133 -230 -49 -77 -123 -206 -166 -286 -42 -80 -152 -271 -244 -425 -93 -153 -177 -299 -188 -324 -11 -25 -33 -61 -48 -80 -15 -19 -36 -55 -46 -80 -10 -25 -39 -76 -64 -115 -26 -38 -83 -135 -127 -215 -44 -80 -105 -183 -136 -229 -31 -47 -56 -89 -56 -94 0 -5 -7 -7 -15 -3 -13 4 -15 -8 -15 -74 0 -61 3 -78 13 -74 9 3 19 -13 30 -48 23 -71 89 -190 160 -287 72 -98 295 -317 403 -398 91 -67 270 -163 304 -163 13 0 37 -9 54 -19 17 -11 67 -26 111 -35 44 -8 109 -22 145 -30 92 -21 303 -39 375 -31 371 40 602 129 865 334 165 128 356 342 422 473 61 122 106 228 113 267 6 35 3 47 -17 74 -14 18 -44 68 -68 112 -24 44 -60 105 -81 136 -21 31 -61 100 -90 155 -29 54 -88 160 -132 234 -44 74 -160 275 -257 445 -97 171 -221 383 -276 472 -112 184 -289 490 -349 603 -22 41 -50 89 -62 107 -13 17 -23 36 -23 43 0 8 182 11 720 9 l719 -2 3 -1946 c2 -1070 0 -1956 -4 -1969 l-8 -23 -942 1 c-1074 1 -1007 6 -1102 -81 -50 -45 -59 -60 -79 -128 l-23 -76 -70 -6 c-38 -4 -121 -7 -184 -8 -137 -1 -190 -21 -256 -93 -59 -64 -78 -120 -72 -215 6 -91 35 -158 95 -214 41 -40 111 -79 140 -79 15 0 16 -2 3 -10 -10 -6 945 -10 2705 -10 1496 0 2714 4 2707 8 -9 6 -1 12 25 20 21 7 60 29 88 49 207 158 183 410 -50 523 l-60 29 -254 -2 c-282 -2 -286 -1 -296 61 -17 99 -66 160 -168 208 l-52 24 -850 -1 c-467 0 -858 2 -867 6 -17 7 -18 110 -18 1964 0 1076 4 1961 8 1966 10 14 1432 9 1432 -6 0 -16 -17 -46 -85 -149 -35 -52 -107 -174 -161 -270 -54 -96 -128 -226 -166 -288 -37 -62 -145 -251 -239 -420 -244 -436 -320 -568 -421 -730 -49 -78 -94 -157 -100 -175 -10 -30 -53 -106 -150 -265 -36 -60 -38 -66 -27 -105 6 -23 23 -64 38 -92 16 -27 34 -68 41 -90 27 -86 139 -235 284 -380 161 -160 280 -249 441 -329 188 -93 345 -137 585 -161 75 -8 286 9 378 31 35 8 77 14 93 14 17 0 68 16 115 35 46 19 95 35 108 35 13 0 29 7 36 14 6 8 35 23 63 32 48 16 239 136 331 208 57 44 249 268 318 369 66 97 115 194 124 245 5 26 10 31 25 27 18 -6 19 0 19 75 0 75 -1 81 -19 75 -20 -6 -45 22 -70 80 -17 41 -202 361 -264 458 -28 43 -60 99 -72 125 -12 26 -68 120 -124 210 -56 89 -149 251 -207 360 -133 246 -141 260 -235 407 -42 66 -98 163 -124 215 -64 129 -158 292 -211 367 -24 34 -44 68 -44 77 0 8 13 24 29 35 39 28 48 71 24 119 l-18 37 -880 5 -880 5 -1 205 c-1 212 -8 270 -45 341 -28 56 -70 79 -144 79 -44 0 -71 -6 -100 -23z m-1600 -1107 c34 -58 102 -179 150 -270 49 -91 98 -176 111 -190 12 -14 64 -104 115 -200 51 -96 156 -279 233 -407 158 -259 421 -716 449 -777 10 -22 29 -55 43 -73 14 -18 22 -38 19 -43 -6 -10 -2435 -15 -2435 -5 0 14 47 96 87 152 24 35 50 80 58 102 12 35 41 86 192 330 18 30 33 60 33 66 0 7 18 37 40 68 50 72 130 209 210 362 35 66 112 201 170 300 59 99 148 252 197 340 50 88 120 209 157 270 36 60 66 114 66 120 1 18 40 -37 105 -145z m3560 8 c42 -79 104 -183 137 -233 34 -49 67 -107 74 -127 7 -21 52 -99 99 -174 47 -75 85 -142 85 -148 0 -6 23 -44 50 -84 28 -41 50 -80 50 -87 0 -7 52 -98 116 -201 64 -103 126 -211 139 -241 34 -77 226 -408 317 -547 43 -66 78 -126 78 -133 0 -12 -621 -17 -2367 -18 -39 0 -74 3 -78 7 -12 11 4 45 64 135 32 49 97 156 144 239 47 83 104 181 127 219 23 37 58 104 79 149 21 44 53 99 71 121 17 22 44 67 59 100 36 79 134 249 238 412 46 72 93 153 105 180 11 26 65 122 118 213 53 91 123 209 154 263 31 53 58 97 60 97 2 0 38 -64 81 -142z"/> </g> </svg> </a> <a class="hesvg3" href="https://strategy.uz/index.php?category=liberalizaciya_ekonomiki"> <svg version="1.0" xmlns="http://www.w3.org/2000/svg" width="700.000000pt" height="700.000000pt" viewBox="0 0 700.000000 700.000000" preserveAspectRatio="xMidYMid meet"> <g transform="translate(0.000000,700.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M5840 5887 c-297 -6 -453 -13 -470 -20 -33 -16 -70 -73 -70 -109 0 -21 16 -46 63 -97 34 -37 102 -111 151 -165 49 -54 112 -116 139 -138 l50 -39 -660 -662 c-362 -364 -740 -745 -840 -847 -169 -173 -374 -378 -717 -718 -132 -131 -147 -143 -164 -130 -10 7 -92 90 -182 183 -90 94 -173 177 -184 185 -12 8 -255 250 -541 536 -472 474 -525 523 -569 538 -61 20 -126 20 -171 2 -37 -16 -1069 -1036 -1340 -1325 -88 -94 -166 -171 -172 -171 -10 0 -13 -27 -13 -101 0 -95 2 -102 24 -120 13 -10 38 -40 54 -66 51 -79 166 -143 256 -143 22 0 59 9 81 19 28 12 218 197 614 595 316 317 580 576 587 576 6 0 29 -19 49 -42 21 -24 337 -344 703 -711 459 -462 680 -677 716 -697 55 -32 137 -41 178 -19 48 26 210 169 318 282 63 66 165 167 225 225 61 58 259 256 440 440 1114 1126 1712 1722 1727 1722 10 0 82 -66 160 -146 79 -81 171 -167 206 -191 56 -40 67 -44 99 -38 55 10 93 54 93 107 0 24 11 300 25 613 14 314 25 596 25 628 l0 57 -222 -2 c-123 -1 -423 -6 -668 -11z"/> <path d="M5742 4147 l-372 -373 0 -1205 c0 -662 -3 -1275 -7 -1361 l-6 -158 489 0 489 0 -2 1632 -3 1633 -92 98 c-51 53 -100 99 -108 102 -10 4 -141 -121 -388 -368z"/> <path d="M4785 3179 c-176 -182 -384 -393 -462 -470 -79 -76 -144 -144 -145 -151 0 -7 -2 -349 -2 -760 l-1 -748 489 0 c436 0 488 2 482 15 -8 22 -8 2372 0 2413 6 29 4 32 -17 32 -19 0 -99 -77 -344 -331z"/> <path d="M1820 3223 c-1 -10 -2 -503 -3 -1095 l-2 -1078 489 0 c461 0 488 1 481 18 -4 9 -7 287 -6 618 l3 601 -107 99 c-59 54 -271 268 -472 474 -201 206 -370 377 -374 378 -5 2 -9 -5 -9 -15z"/> <path d="M1205 2755 c-271 -273 -386 -382 -467 -441 l-107 -79 2 -540 c1 -297 -2 -564 -7 -592 l-8 -53 487 0 486 0 -2 1035 c-1 761 -4 1035 -13 1034 -6 -1 -173 -165 -371 -364z"/> <path d="M3876 2263 c-107 -124 -245 -242 -337 -289 -126 -64 -329 -50 -450 31 -28 20 -62 38 -75 41 l-24 6 0 -485 c0 -267 -3 -492 -6 -501 -6 -14 42 -16 491 -16 l497 0 -5 33 c-3 17 -7 293 -8 612 -1 319 -4 588 -6 598 -7 29 -35 19 -77 -30z"/> </g> </svg> </a> <a class="hesvg4" href="https://strategy.uz/index.php?category=socialnoy_sfery"> <svg version="1.0" xmlns="http://www.w3.org/2000/svg" width="700.000000pt" height="700.000000pt" viewBox="0 0 700.000000 700.000000" preserveAspectRatio="xMidYMid meet"> <g transform="translate(0.000000,700.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M3325 5918 c-10 -23 -596 -425 -806 -553 -58 -35 -209 -137 -335 -226 -126 -89 -384 -265 -574 -392 -190 -127 -453 -305 -585 -397 -318 -221 -582 -396 -680 -453 -45 -26 -92 -58 -105 -72 -13 -14 -29 -25 -37 -25 -10 0 -13 -21 -13 -85 0 -47 4 -85 8 -85 4 0 21 -22 37 -50 17 -27 35 -50 41 -50 6 0 26 11 45 25 19 13 70 46 114 72 44 26 103 67 132 90 29 24 53 42 53 41 0 -2 -4 -18 -9 -35 -9 -31 -7 -35 42 -79 75 -67 170 -129 352 -229 88 -48 191 -106 229 -128 l69 -41 -7 -90 c-8 -112 -40 -247 -104 -436 -27 -80 -59 -188 -72 -240 -12 -52 -29 -107 -36 -122 -8 -15 -14 -38 -14 -52 l0 -24 109 1 c60 1 112 -1 116 -5 4 -4 7 -188 6 -410 -2 -401 -2 -403 21 -450 l23 -47 65 0 65 -1 23 51 c23 50 23 54 22 422 -1 467 -3 427 15 427 11 0 15 -12 15 -42 1 -24 0 -209 0 -412 l-1 -369 27 -38 c26 -38 28 -39 88 -39 l61 0 23 50 c22 48 22 55 22 454 l0 404 51 7 c28 4 80 4 115 0 52 -5 65 -4 70 8 3 8 -17 82 -44 164 -50 147 -98 317 -147 508 -14 55 -28 111 -32 124 -14 56 26 7 104 -130 157 -273 212 -339 281 -339 11 0 72 20 135 45 184 72 260 87 324 64 54 -18 55 -39 54 -697 -2 -454 1 -601 10 -627 l13 -35 193 0 c182 0 193 1 203 20 7 13 11 224 13 639 1 341 5 622 9 626 18 18 54 -24 95 -113 86 -185 93 -199 117 -225 28 -30 72 -44 95 -30 30 18 129 158 173 242 24 46 53 90 65 99 23 14 23 14 17 -19 -3 -19 -22 -70 -41 -114 -19 -44 -50 -123 -70 -175 -19 -52 -41 -105 -49 -117 -8 -12 -14 -34 -14 -48 l0 -25 73 6 c108 10 110 6 101 -161 -3 -73 -3 -238 1 -369 l7 -236 173 0 172 0 7 68 c3 37 7 209 8 383 l1 316 76 -4 c111 -6 112 -4 58 113 -24 55 -68 172 -98 261 -45 139 -51 166 -41 188 20 43 42 39 322 -64 51 -18 104 -31 134 -31 44 0 53 4 85 38 23 24 49 72 74 132 34 87 165 342 185 362 6 6 16 2 26 -7 15 -15 16 -86 16 -839 -1 -813 -1 -822 20 -869 l21 -47 234 0 234 0 15 32 c14 27 16 107 16 647 1 339 5 753 10 920 10 352 2 327 127 387 236 112 566 305 579 339 3 8 -1 28 -9 45 -9 16 -13 30 -11 30 3 0 46 -30 97 -66 78 -56 448 -306 484 -327 7 -5 28 18 57 63 25 38 52 70 61 70 12 0 15 12 15 55 0 34 -4 55 -11 55 -6 0 -28 15 -48 33 -20 18 -88 64 -151 102 -63 37 -128 80 -145 95 -31 29 -171 123 -340 230 -55 35 -150 100 -212 146 -61 46 -129 92 -150 104 -38 21 -435 292 -747 510 l-165 115 -3 355 -3 355 -185 3 c-102 1 -195 0 -208 -3 l-23 -6 1 -207 c1 -223 1 -224 -50 -178 -24 22 -364 255 -747 512 -106 71 -193 135 -193 142 0 8 -19 12 -63 12 -55 0 -63 -3 -72 -22z m115 -309 c19 -12 55 -38 80 -59 25 -20 108 -79 185 -130 77 -52 253 -172 390 -269 291 -203 791 -540 885 -596 36 -22 99 -65 140 -96 41 -31 149 -105 240 -165 91 -59 253 -169 360 -244 107 -75 228 -158 267 -185 40 -26 71 -51 68 -55 -2 -4 -30 -10 -61 -13 -41 -4 -96 -25 -203 -75 -165 -79 -246 -108 -445 -158 -136 -34 -141 -35 -325 -32 -252 3 -258 -1 -330 -194 -72 -191 -173 -442 -197 -490 -13 -26 -24 -56 -24 -68 0 -35 -53 -21 -172 47 -42 24 -113 57 -159 74 -80 29 -88 30 -266 31 -169 1 -186 0 -211 -19 -47 -35 -100 -113 -178 -267 -71 -138 -78 -148 -91 -130 -8 10 -17 30 -20 44 -9 39 -80 215 -112 279 -17 32 -46 72 -66 90 l-37 32 -271 -3 -272 -3 -115 -51 c-63 -28 -133 -57 -155 -64 -22 -7 -59 -22 -82 -35 l-42 -23 -19 22 c-11 11 -67 118 -124 237 -102 210 -203 382 -250 426 -39 36 -77 45 -233 53 -120 7 -178 15 -290 43 -189 48 -328 98 -449 161 -56 30 -121 57 -145 61 l-43 7 54 32 c29 18 112 75 183 126 120 85 428 292 1050 702 138 91 304 206 370 255 66 49 147 104 180 123 33 18 107 68 165 110 123 90 502 345 611 413 42 26 82 54 89 62 17 20 28 19 70 -6z"/> <path d="M5078 4017 c-111 -63 -145 -120 -135 -227 12 -141 132 -244 262 -227 150 21 243 165 201 312 -30 100 -105 159 -217 169 -47 4 -61 1 -111 -27z"/> <path d="M1436 4010 c-55 -28 -82 -55 -111 -114 -60 -120 -7 -264 119 -322 89 -41 175 -29 249 36 132 117 113 314 -38 392 -59 31 -168 35 -219 8z"/> <path d="M2807 3366 c-20 -13 -51 -35 -67 -51 -87 -83 -54 -231 65 -297 67 -37 162 -39 217 -5 115 69 139 228 49 318 -62 62 -189 79 -264 35z"/> <path d="M3768 3330 c-65 -34 -93 -66 -109 -123 -24 -90 20 -185 104 -226 91 -44 228 -20 275 47 62 88 53 194 -22 268 -69 70 -155 82 -248 34z"/> </g> </svg> </a> <a class="hesvg5" href="https://strategy.uz/index.php?category=religioznoy_tolerantnosti"> <svg version="1.0" xmlns="http://www.w3.org/2000/svg" width="700.000000pt" height="700.000000pt" viewBox="0 0 700.000000 700.000000" preserveAspectRatio="xMidYMid meet"> <g transform="translate(0.000000,700.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M3390 6563 c-33 -2 -58 -10 -63 -18 -4 -8 -45 -26 -91 -40 -118 -36 -228 -115 -300 -215 -38 -53 -102 -196 -116 -260 -14 -67 -12 -206 5 -279 41 -172 176 -346 338 -432 113 -60 326 -86 438 -53 322 95 540 396 501 689 -23 172 -83 296 -202 415 -80 81 -161 130 -245 151 -27 6 -57 18 -66 26 -18 15 -114 23 -199 16z"/> <path d="M1127 5911 c-99 -58 -127 -102 -127 -199 0 -83 37 -149 173 -312 145 -173 253 -273 398 -370 227 -150 614 -317 846 -365 103 -21 341 -38 426 -30 l67 6 0 -43 c0 -24 -9 -200 -20 -393 -26 -454 -26 -435 3 -435 13 0 50 9 83 20 32 12 102 27 154 35 111 17 120 25 120 104 0 72 25 296 50 436 10 61 21 142 25 180 3 39 22 197 42 353 25 192 34 285 27 292 -17 17 -188 -7 -363 -50 -86 -21 -180 -42 -208 -46 -139 -18 -573 90 -782 196 -107 54 -241 143 -346 232 -99 84 -136 125 -213 239 -113 169 -235 220 -355 150z"/> <path d="M5555 5916 c-56 -26 -91 -62 -166 -173 -65 -96 -112 -147 -209 -227 -176 -147 -372 -251 -625 -334 -213 -71 -247 -77 -430 -77 -151 0 -167 2 -280 34 -151 42 -295 64 -312 48 -2 -3 16 -206 42 -451 25 -246 55 -546 65 -667 11 -122 20 -222 22 -224 2 -1 61 -10 131 -19 70 -9 151 -25 180 -36 93 -36 90 -39 83 108 -10 189 -25 370 -36 431 -6 30 -10 95 -11 145 0 50 -4 100 -8 111 -20 50 -13 52 192 58 316 9 523 60 799 198 208 104 496 318 686 508 88 89 180 216 189 263 3 15 9 25 14 22 5 -3 9 32 9 77 0 45 -3 80 -6 76 -3 -3 -24 21 -45 53 -67 99 -172 127 -284 76z"/> <path d="M3270 3690 c-542 -59 -1037 -384 -1318 -865 -117 -200 -177 -455 -177 -755 0 -259 30 -389 141 -616 147 -301 367 -543 646 -709 150 -89 409 -193 551 -221 48 -9 87 -21 87 -26 0 -4 117 -8 261 -8 150 0 258 4 255 9 -7 11 10 18 70 26 63 9 196 46 310 86 277 97 562 309 750 558 78 104 191 326 239 473 80 242 87 512 20 810 -94 420 -437 858 -827 1054 -230 116 -490 177 -803 188 -71 2 -164 1 -205 -4z m60 -749 l0 -369 -122 -6 c-68 -3 -139 -7 -158 -8 -38 -3 -36 -9 -60 137 -11 70 -110 386 -135 435 -13 24 -12 29 3 42 21 19 265 105 347 123 33 7 75 13 93 14 l32 1 0 -369z m482 333 c67 -17 200 -71 262 -108 l44 -26 -10 -42 c-5 -24 -27 -101 -49 -173 -22 -71 -46 -175 -54 -230 -19 -146 -12 -138 -114 -128 -47 4 -106 7 -131 6 -25 -1 -55 0 -67 3 l-23 4 0 344 c0 190 3 352 6 360 7 18 30 16 136 -10z m-1237 -371 c9 -32 27 -92 40 -133 32 -98 55 -197 55 -236 0 -31 -1 -32 -55 -39 -114 -14 -286 -54 -341 -79 -31 -14 -59 -25 -61 -22 -2 2 1 25 7 52 14 65 70 176 134 268 59 86 188 245 198 246 4 0 15 -26 23 -57z m1940 -113 c93 -124 122 -174 150 -260 10 -30 21 -59 26 -64 12 -13 11 -46 0 -46 -5 0 -45 13 -89 29 -44 16 -120 37 -169 46 -49 9 -94 20 -101 24 -17 11 31 279 68 375 13 34 5 42 115 -104z m-1187 -689 c1 -80 -1 -148 -5 -152 -11 -9 -222 7 -256 20 l-27 11 0 114 c0 81 4 117 13 123 14 9 196 31 242 29 l30 -1 3 -144z m585 133 l37 -7 0 -128 c0 -112 -2 -129 -17 -138 -10 -5 -72 -10 -138 -12 l-120 -4 -3 130 c-4 190 -11 179 106 171 53 -3 114 -9 135 -12z m474 -58 c88 -19 229 -68 226 -80 -2 -8 -219 -69 -295 -83 l-28 -5 0 75 c0 77 6 107 20 107 5 0 39 -6 77 -14z m-1687 -75 c0 -44 -4 -82 -8 -85 -12 -7 -229 38 -276 58 -24 10 -36 20 -30 25 11 11 259 78 292 80 21 1 22 -2 22 -78z m-347 -340 c67 -22 161 -47 210 -55 48 -8 92 -18 98 -22 14 -8 5 -57 -42 -240 -21 -82 -39 -164 -39 -182 0 -82 -67 -13 -246 255 -79 119 -145 283 -113 283 5 0 65 -18 132 -39z m2343 -33 c-4 -24 -23 -74 -42 -113 -35 -69 -212 -324 -226 -324 -15 -2 -38 60 -49 131 -7 40 -18 102 -26 138 -24 111 -25 120 -21 120 27 0 255 54 293 69 74 30 79 28 71 -21z m-1511 -92 c55 -3 110 -9 123 -12 l22 -6 0 -364 c0 -308 -2 -365 -14 -370 -19 -7 -296 67 -368 98 -97 42 -93 36 -65 106 48 118 98 312 117 452 14 112 13 110 52 105 18 -2 78 -7 133 -9z m832 -171 c36 -177 53 -231 95 -320 15 -33 28 -66 28 -73 0 -16 -186 -104 -301 -143 -48 -16 -105 -29 -128 -29 l-41 0 0 338 c0 185 3 347 6 359 6 21 12 23 123 26 64 2 131 3 150 3 l35 -1 33 -160z"/> </g> </svg> </a> <div class="clear"></div> </div> </div> <div class="clear"></div> </div> </header> <!---------------------------------------------------------------------HEADER-------------------------------------------------------------> <div id="he2"> <a href="https://uzbekistan2030.uz/uzc/davlat-dasturi" class="v-fixed-card v-fixed-card--second v-fixed-card--top wow fadeInRight" data-iblock-element-id="12746"> <p class="v-fixed-card__text--top yil">Uzbekistan2030.uz</p></a> </div> <!--------------------------------------------------------------------TOP MENU------------------------------------------------------------> <div id="topmenu"> <div class="container"> <a href="https://strategy.uz/" class="logos"> <img src="https://strategy.uz/engine/templates/strategy/images/center.png" /> <span>"ТАРАҚҚИЁТ СТРАТЕГИЯСИ" <br> МАРКАЗИ</span> <div class="clear"></div> </a> <a href="#" onclick="diplay_hide_width('#nav')" class="menumob icon-menu-1"></a> <ul id="nav"> <li class="mobstr"><a href="#" onclick="diplay_hide_width('#nav')" style="text-align:center;" class=" icon-up-open"></a></li> <li class="mobobs"><a target="_blank" href="https://2019.strategy.uz/" ><span>Муҳокамалар</span></a></li> <li><a style="cursor:default;"><span>“ЎЗБЕКИСТОН – 2030” СТРАТЕГИЯСИ<em class="icon-down-open-big"></em></span></a> <ul> <li><a class="listar" href="https://strategy.uz/index.php?static=strategy_actions"><span style="text-transform: uppercase">Мазмун-моҳияти</span></a></li> <li><a class="listar" href="https://strategy.uz/index.php?static=programma"><span style="text-transform: uppercase">Давлат дастури</span></a></li> <li><a class="listar" href="https://strategy.uz/index.php?static=o_strategii"><span>ТАРАҚҚИЁТ СТРАТЕГИЯСИ</span></a></li> <li><a class="listar" href="https://strategy.uz/index.php?static=prioritetnye_napravleniya"><span style="text-transform: uppercase">Устувор йўналишлар</span></a></li> <!--<li><a class="listar" href="https://strategy.uz/index.php?static=o_strategii"><span>ТАРАҚҚИЁТ СТРАТЕГИЯСИ</span></a></li> <li><a class="listar" href="http://teest.strategy.uz/"><span>ТАРАҚҚИЁТ СТРАТЕГИЯСИ</span></a></li> <li><a class="listar" href="http://teest.strategy.uz/"><span>ТАРАҚҚИЁТ СТРАТЕГИЯСИ</span></a></li> <li><a class="listar" href="https://strategy.uz/index.php?static=prioritetnye_napravleniya"><span style="text-transform: uppercase">Устувор йўналишлар</span></a></li> <li><a class="listar" href="https://strategy.uz/index.php?static=programma"><span style="text-transform: uppercase">Давлат дастури</span></a></li> <!--<li><a class="listar" href="https://strategy.uz/index.php?static=vypolnenie_gosprogrammy"><span style="text-transform: uppercase">Давлат дастури ижроси</span></a></li>--> </ul> </li> <li><a style="cursor:default;"><span>МАРКАЗ ҲАҚИДА<em class="icon-down-open-big"></em></span></a> <ul> <li><a class="listar" href="https://strategy.uz/index.php?static=deyatelnost_centra"><span style="text-transform: uppercase">Марказ фаолияти</span></a></li> <li><a class="listar" href="https://strategy.uz/index.php?category=komanda_centra"><span style="text-transform: uppercase">Марказ жамоаси</span></a></li> <!--<li><a class="listar" href="https://strategy.uz/index.php?static=the_international_cooperation"><span>Халқаро ҳамкорлик</span></a></li>--> <!--<li><a class="listar" href="https://strategy.uz/index.php?static=proekty"><span>Лойиҳалар</span></a></li>--> <li><a class="listar" href="https://strategy.uz/index.php?category=analitika"><span style="text-transform: uppercase">Аналитик материаллар</span></a></li> <!--<li><a class="listar" href="https://strategy.uz/index.php?category=izdaniya"><span>Нашрлар</span></a></li>--> </ul> </li> <li><a href="https://strategy.uz/index.php?category=news" ><span>ЯНГИЛИКЛАР</span></a></li> <li><a style="cursor:default;"><span>АХБОРОТ ХИЗМАТИ<em class="icon-down-open-big"></em></span></a> <ul> <!--<li><a class="listar" href="https://strategy.uz/index.php?category=press_reliz"><span style="text-transform: uppercase">Рисолалар</span></a></li>--> <li><a class="listar" href="https://strategy.uz/index.php?category=smi_o_nas"><span style="text-transform: uppercase">ОАВ биз ҳақимизда</span></a></li> <li><a class="listar" href="https://strategy.uz/index.php?category=fotos"><span style="text-transform: uppercase">Фото</span></a></li> <li><a class="listar" href="https://strategy.uz/index.php?category=video"><span style="text-transform: uppercase">Видео</span></a></li> <!--<li><a class="listar" href="https://strategy.uz/index.php?static=journals"><span style="text-transform: uppercase">Журнал</span></a></li>--> <!--<li><a class="listar" href="https://strategy.uz/index.php?category=anons"><span></span></a></li>--> <!--<li><a class="listar" href="https://strategy.uz/index.php?static=doklady"><span>Ҳисоботлар</span></a></li>--> <!--<li><a class="listar" href="https://strategy.uz/index.php?gallery=infographic"><span>ЙИЛ ЯКУНЛАРИ</span></a></li>--> <!--<li><a class="listar" href=""><span>Эълонлар</span></a></li>--> </ul> </li> <li><a href="https://strategy.uz/index.php?static=vypolnenie_gosprogrammy" ><span style="text-transform: uppercase">Давлат дастури ижроси</span></a></li> <li><a href="https://strategy.uz/index.php?category=infog" ><span style="text-transform: uppercase">Инфографика</span></a></li> <li><a class="listar" href="https://strategy.uz/index.php?category=izdaniya"><span style="text-transform: uppercase">Рисолалар</span></a></li> <!-- <li><a class="listar" href="https://strategy.uz/index.php?category=stateprogramm"><span style="text-transform: uppercase">Рисолалар</span></a></li> <li><a class="listar" href="https://strategy.uz/index.php?static=journals"><span style="text-transform: uppercase">Рисолалар</span></a></li> <li><a class="listar" href="https://strategy.uz/index.php?category=press_reliz"><span style="text-transform: uppercase">Рисолалар</span></a></li> <li><a href="http://journal.strategy.uz/"><span style="text-transform: uppercase">Журнал</span></a></li> <li><a href="https://strategy.uz/index.php?category=itogi"><span style="text-transform: uppercase">Журнал</span></a></li> <!-- <li><a style="cursor:default;"><span>ЙИЛ ЯКУНЛАРИ<em class="icon-down-open-big"></em></span></a> <ul> <!--<li><a class="listar" href="https://strategy.uz/index.php?category=itogi"><span>Рисолалар</span></a></li> <li><a class="listar" href="https://strategy.uz/index.php?category=smi_o_nas"><span>ОАВ биз ҳақимизда</span></a></li> <li><a class="listar" href="https://strategy.uz/index.php?gallery=foto"><span>Фото</span></a></li> <li><a class="listar" href="https://strategy.uz/index.php?category=video"><span>Видео</span></a></li>--> <!--<li><a class="listar" href="https://strategy.uz/index.php?static=doklady"><span>Ҳисоботлар</span></a></li>--> <!-- <li><a class="listar" href="https://strategy.uz/index.php?category=itogi"><span style="text-transform: uppercase">Журнал</span></a></li> <!--<li><a class="listar" href=""><span>Эълонлар</span></a></li>--> <!-- </ul> </li>--> </ul> <!--<a class="activsup" target="_blank" href="https://fikr.strategy.uz/">Муҳокамалар</a>--> <ul id="toplang"> <li><a href="#" ><span class="lanpunkt"><img src="https://strategy.uz/languages/uz.png" /> Ўзбек<em class="icon-down-open-big"></em></span></a> <ul> <li><a href="/index.php?news=1958&lang=ru" ><span class="lanpunkt"><img src="https://strategy.uz/languages/ru.png" /> Русский</span></a></li> <li><a href="/index.php?news=1958&lang=uz" ><span class="lanpunkt"><img src="https://strategy.uz/languages/uz.png" /> О'zbek</span></a></li> <li><a href="/index.php?news=1958&lang=en" ><span class="lanpunkt"><img src="https://strategy.uz/languages/en.png" /> English</span></a></li> </ul> </li> </ul> <div class="clear"></div> </div> </div> <div class="clear"> </div> <!--------------------------------------------------------------------TOP MENU------------------------------------------------------------> <!-------------------------------------------------------------------POSITION1------------------------------------------------------------> <!-------------------------------------------------------------------POSITION1------------------------------------------------------------> <!-------------------------------------------------------------------POSITION2------------------------------------------------------------> <!-------------------------------------------------------------------POSITION2------------------------------------------------------------> <!-------------------------------------------------------------------POSITION3------------------------------------------------------------> <!-------------------------------------------------------------------POSITION3------------------------------------------------------------> <!--<div class="speedbar"> <div class="container"> <em class="icon-th-large-outline"></em><a href="https://strategy.uz/"></a href="https://strategy.uz/"><span> ⇒ </span><a href="https://strategy.uz/index.php?category=analitika">Аналитик материаллар</a href="https://strategy.uz/index.php?category=analitika"><span> ⇒ </span><a href="https://strategy.uz/index.php?archive=2024">2024</a href="https://strategy.uz/index.php?archive=2024"><span> ⇒ </span><span>Ўзбекистон: китоб ўқишни оммалаштириш йўлида</span> </div> </div>--> <content id="content"> <div class="container" id="accordion"> <style> @import url('https://fonts.googleapis.com/css?family=Lobster|Play|Roboto+Condensed|Spectral+SC'); </style> <div class="con_titls"> <div class="tl1" style="font-family: 'Play', sans-serif; font-weight: bold">Ўзбекистон: китоб ўқишни оммалаштириш йўлида</div> <div class="tl2"><!--<span class="icon-comment-empty">0</span> | --><span class="icon-eye-5">4226</span> | 29 Авг. 2024 й.</div> <div class="clear"></div> </div> <div class="con_container" style="font-family: 'Play', sans-serif; font-size: 16px"> <p><span style="font-size:20px"><span style="font-family:Arial,Helvetica,sans-serif"><img alt="" src="https://strategy.uz/files/news/75620/1.jpg" style="float:left; height:360px; margin:10px; width:600px" /></span></span></p> <p style="margin-left:0cm; margin-right:0cm; text-align:justify"><span style="font-size:20px"><span style="font-family:Arial,Helvetica,sans-serif"><strong>Кутубхоналар таълим, маданият ва жамият ривожланишида муҳим роль ўйнайди, билимга кириш, маданий меросни сақлаш ва ақлий ўсишни таъминлаш учун бебаҳо манба ҳисобланади. Замонавий ахборот жамиятида улар ҳар ёшдаги одамларнинг таълим олиши ва ўз-ўзини ривожлантиришига кўмаклашувчи муҳим институт бўлиб қолмоқда.</strong></span></span></p> <p style="margin-left:0cm; margin-right:0cm; text-align:justify"><span style="font-size:20px"><span style="font-family:Arial,Helvetica,sans-serif">Президент Шавкат Мирзиёев Анқарада Туркия Республикаси Президенти ҳузуридаги Халқ кутубхонасининг очилиш маросимида шундай таъкидлади: “Дунёдаги ҳар қайси давлат, ҳар қайси халқ биринчи навбатда ўзининг интеллектуал салоҳияти, юксак маънавияти билан қудратлидир. Бундай енгилмас куч манбаи эса аввало инсоният тафаккурининг буюк кашфиёти – китоб ва кутубхоналарда”.</span></span></p> <p style="margin-left:0cm; margin-right:0cm; text-align:justify"><span style="font-size:20px"><span style="font-family:Arial,Helvetica,sans-serif">Ҳозирги босқичда таълим давлат сиёсатидаги энг муҳим йўналишлардан бирига айланди. Унинг мамлакат равнақида тутган ўрнини тан олган ҳолда, Ўзбекистон Республикаси ҳукумати бу соҳани ривожлантиришга алоҳида эътибор қаратмоқда. Сўнгги йилларда мамлакат таълим соҳасида сезиларли ютуқларга эришди. Бу ютуқлар тизимни модернизация қилиш, таълим сифатини яхшилаш ва кадрлар тайёрлашни такомиллаштириш, шунингдек, давлатнинг барча фуқаролари учун таълим олиш имкониятини кенгайтиришга қаратилган. </span></span></p> <p style="margin-left:0cm; margin-right:0cm; text-align:justify"><span style="font-size:20px"><span style="font-family:Arial,Helvetica,sans-serif">Шу билан бирга, китоб ўқишни тарғиб қилиш ва аҳолининг китобхонлик маданиятини оширишга алоҳида эътибор берилмоқда. Жумладан, 2017 йил 13 сентябрда қабул қилинган Президентнинг “Китоб маҳсулотларини нашр этиш ва тарқатиш тизимини ривожлантириш, китоб мутолааси ва китобхонлик маданиятини ошириш ҳамда тарғиб қилиш бўйича комплекс чора-тадбирлар тўғрисида”ги қарорида аҳолини самарали ахборот-кутубхона хизмати билан таъминлаш тизимини яратиш бўйича аниқ мақсадлар белгиланган бўлиб, бу соҳани янги ривожланиш босқичига ўтишига хизмат қилди ҳамда ижтимоий-ахборот маданияти даражасини юксалишида кутубхоналарнинг ролини кучайтирди, шунингдек, Ўзбекистоннинг жаҳон бозорида рақобатбардошлигини оширувчи замонавий инновацион ва таълим технологияларини ишлаб чиқиш ва жорий этиш имконини берди. </span></span></p> <p style="margin-left:0cm; margin-right:0cm; text-align:justify"><span style="font-size:20px"><span style="font-family:Arial,Helvetica,sans-serif">Бундан ташқари, Президентнинг 2019 йил 7 июндаги “Ўзбекистон Республикаси аҳолисига ахборот-кутубхона хизмати кўрсатишни янада такомиллаштириш тўғрисида”ги қарори қабул қилинган бўлиб, унинг асосий мақсадлари қуйидагилардан иборат:</span></span></p> <p style="margin-left:0cm; margin-right:0cm; text-align:justify"><span style="font-size:20px"><span style="font-family:Arial,Helvetica,sans-serif">- ахборот-кутубхона хизмати кўрсатиш бўйича аҳолининг ижтимоий кафолатларини сифатли таъминлаш мақсадида меъёрий-ҳуқуқий базани такомиллаштириш;</span></span></p> <p style="margin-left:0cm; margin-right:0cm; text-align:justify"><span style="font-size:20px"><span style="font-family:Arial,Helvetica,sans-serif">- замонавий талаблардан келиб чиқиб ахборот-кутубхона муассасаларини ривожлантириш;</span></span></p> <p style="margin-left:0cm; margin-right:0cm; text-align:justify"><span style="font-size:20px"><span style="font-family:Arial,Helvetica,sans-serif">- ҳудудларда аҳолига ахборот-кутубхона хизмати кўрсатишнинг барқарор ривожланишига кўмаклашиш;</span></span></p> <p style="margin-left:0cm; margin-right:0cm; text-align:justify"><span style="font-size:20px"><span style="font-family:Arial,Helvetica,sans-serif">- ахборот-кутубхона муассасаларининг моддий-техник базасини мустаҳкамлаш;</span></span></p> <p style="margin-left:0cm; margin-right:0cm; text-align:justify"><span style="font-size:20px"><span style="font-family:Arial,Helvetica,sans-serif">- кутубхона соҳасида давлат-хусусий шерикликни, хусусий ва электрон кутубхоналар тармоғини ривожлантириш;</span></span></p> <p style="margin-left:0cm; margin-right:0cm; text-align:justify"><span style="font-size:20px"><span style="font-family:Arial,Helvetica,sans-serif">- кутубхоналар ишининг самарадорлигини ошириш ва фойдаланувчиларга тезкор хизмат кўрсатиш (шу жумладан пуллик хизматлар) учун электрон китоблар тарқатишга ихтисослашган интернет-ресурслар билан ҳамкорликни кенгайтириш;</span></span></p> <p style="margin-left:0cm; margin-right:0cm; text-align:justify"><span style="font-size:20px"><span style="font-family:Arial,Helvetica,sans-serif">- ахборот-кутубхона муассасаларининг хавфсизлигини таъминлаш ва ахборот-кутубхона фондларини миллий ва жаҳон маданий мероси сифатида сақлаш;</span></span></p> <p style="margin-left:0cm; margin-right:0cm; text-align:justify"><span style="font-size:20px"><span style="font-family:Arial,Helvetica,sans-serif">- жамиятнинг ахборот маданиятини шакллантириш ва ошириш, миллий тарих ва маданиятга барқарор қизиқиш уйғотиш, китобхонлик маданиятини ошириш ва тарғиб қилиш;</span></span></p> <p style="margin-left:0cm; margin-right:0cm; text-align:justify"><span style="font-size:20px"><span style="font-family:Arial,Helvetica,sans-serif">- ахборот-кутубхона муассасаларини малакали мутахассислар билан тўлдириш.</span></span></p> <p style="margin-left:0cm; margin-right:0cm; text-align:justify"><span style="font-size:20px"><span style="font-family:Arial,Helvetica,sans-serif">Мазкур қарорнинг қабул қилиниши мамлакатда хизматлар кўламини кенгайтириб, электрон ресурсларга кириш ва маданий-тарбиявий тадбирлар ўтказиш, шунингдек, ходимларнинг малакасини ошириш ва фойдаланувчиларга замонавий хизмат кўрсатиш усулларини жорий этишни ўз ичига олади. Бундан ташқари, бу ўзгаришлар ахборот жамиятини ривожлантириш ва таълим ҳамда маданиятга сармоя киритиш орқали иқтисодий ўсишга ёрдам бериш билан бирга, саводли ва маълумотли жамиятни шакллантиришга ёрдам беради, бу эса мамлакат ривожида муҳим қадамдир.</span></span></p> <p style="margin-left:0cm; margin-right:0cm; text-align:justify"><span style="font-size:20px"><span style="font-family:Arial,Helvetica,sans-serif">2020 йил 14 декабрдаги Вазирлар Маҳкамасининг қарори билан 2020-2025 йилларга мўлжалланган китобхонлик маданиятини ривожлантириш ва қўллаб-қувватлаш миллий дастури тасдиқланди. Ушбу дастур аҳолининг маънавий-маърифий, бадиий-эстетик талабларига мос келадиган сифатли китоблар нашр этиш; нашриётлар ва рассомлар фаолиятини қўллаб-қувватлаш, болалар адабиётини нашр этиш; маҳаллий ва жаҳон адабиётининг энг яхши намуналарини таржима қилиш; китоблар савдосини ташкил этишни соддалаштириш; янги нашр қилинаётган китобларни етказиб бериш тизимини такомиллаштириш ва ахборот манбаларини тарқатиш; халқаро ҳамкорликни кенгайтириш, хорижий асарларни онлайн буюртма қилиш, уларни етказиб бериш ва тарқатишни ўз ичига олади. </span></span></p> <p style="margin-left:0cm; margin-right:0cm; text-align:justify"><span style="font-size:20px"><span style="font-family:Arial,Helvetica,sans-serif">Ўз навбатида, “Ўзбекистон – 2030” стратегияси доирасида ўзбек ва жаҳон адабиёти дурдоналарини оммалаштиришга, аҳолида китоб ўқишга бўлган муҳаббатни уйғотиш ва барча учун кутубхона ва ахборот хизматларидан фойдаланиш имкониятини таъминлашга алоҳида эътибор қаратилган.</span></span></p> <p style="margin-left:0cm; margin-right:0cm; text-align:justify"><span style="font-size:20px"><span style="font-family:Arial,Helvetica,sans-serif">“Ўзбекистон – 2030” стратегиясида асосий мақсадлар сифатида ёш китобсеварлар сонини беш миллионга етказиш, ҳар йили 100 та бадиий асар ва болалар ҳамда ўсмирлар учун 50 та китоб яратиш, “Ўзбек адабиёти хазинасидан” кўп жилдлик ва “Жаҳон болалар адабиёти дурдоналари” 100 жилдлигини ўзбек тилида нашр этиш ҳамда қарийб 40 миллионга яқин китоб фондини рақамлаштириш белгиланган. </span></span></p> <p style="margin-left:0cm; margin-right:0cm; text-align:justify"><span style="font-size:20px"><span style="font-family:Arial,Helvetica,sans-serif">2023 йил 28 ноябрда Президентнинг “Ёшлар учун минг китоб” лойиҳасини амалга ошириш чора-тадбирлари тўғрисида”ги қарори имзоланди, бу лойиҳа ёш авлоднинг интеллектуал ва илмий салоҳиятини оширишга кўмаклашувчи жаҳонда машҳур китобларни ўзбек тилига таржима қилиш тизимини яратишга қаратилган.</span></span></p> <p style="margin-left:0cm; margin-right:0cm; text-align:justify"><span style="font-size:20px"><span style="font-family:Arial,Helvetica,sans-serif">Мазкур вазифа Ўзбекистон Республикаси Президенти Администрацияси ҳузуридаги Ахборот ва оммавий коммуникациялар агентлигига юклатилган бўлиб, у Вазирлар Маҳкамаси ҳузуридаги Ёшлар ишлари агентлиги билан ҳамкорликда дунёда машҳур китоблар рўйхатини шакллантиради. Бу вазифани амалга ошириш учун улар олимлардан (фан, маданият, санъат, адабиёт ва бошқа йўналишларда тажриба ва чуқур билимларга эга бўлган) иборат Экспертлар кенгашини, Республика маънавият ва маърифат маркази мутахассисларини, Дин ишлари бўйича қўмита вакилларини тўплайди.</span></span></p> <p style="margin-left:0cm; margin-right:0cm; text-align:justify"><span style="font-size:20px"><span style="font-family:Arial,Helvetica,sans-serif">Бундан ташқари, ҳар йили "Беш ташаббус олимпиадаси" доирасида китобхонлик ва интеллектуал ўйинлар йўналишида 5 та қуйидаги лойиҳа амалга оширилмоқда: “Ёш китобхон оила”, “Мушоира”, “Ёш китобхон”, “Заковат” интеллектуал ўйини ва “Ибрат чет тиллари”. Лойиҳалар ёшларнинг китоб ўқишга бўлган қизиқишини ошириб, интеллектуал ўйинлар орқали мантиқий фикрлаш ва билим доираларини кенгайтиришга ёрдам беради.</span></span></p> <p style="margin-left:0cm; margin-right:0cm; text-align:justify"><span style="font-size:20px"><span style="font-family:Arial,Helvetica,sans-serif">"Ёш китобхон" ва “Ёш китобхон оила” танлови китобхонликни тарғиб этиш, ёшларни маънавий бойитиш ва уларнинг интеллектуал салоҳиятини ошириш мақсадида ўтказиладиган муҳим тадбирлардан биридир. Бу танлов ёшлар ўртасида китобга бўлган қизиқишни ошириш, уларнинг билим ва тафаккур доираларини кенгайтиришга хизмат қилади. </span></span></p> <p style="margin-left:0cm; margin-right:0cm; text-align:justify"><span style="font-size:20px"><span style="font-family:Arial,Helvetica,sans-serif">Шунингдек, “Ёшлар учун минг китоб” лойиҳаси доирасида Ёшлар ишлари агентлигига муаллифлардан асарларнинг фойдаланиш ҳуқуқини сотиб олиш, уларни ўзбек тилига таржима қилиш, нашрга тайёрлаш ва давлат буюртмаси асосида давлат бюджети ҳисобидан китобларни нашр этиш ишларини амалга ошириш вазифаси топширилган (давлат олий таълим муассасалари учун нашр этиладиган китоблар бундан мустасно). </span></span></p> <p style="margin-left:0cm; margin-right:0cm; text-align:justify"><span style="font-size:20px"><span style="font-family:Arial,Helvetica,sans-serif">Дунёда машҳур китобларни ўзбек тилига таржима қилиш ва нашр этиш икки босқичда амалга оширилади. Биринчи босқич: ҳар йили Экспертлар кенгаши томонидан дастлабки китоблар рўйхати шакллантирилади. Иккинчи босқич: дастлабки рўйхат Ёшлар ишлари агентлигининг ахборот тизимларида жойлаштирилиб, аҳоли томонидан овоз бериш йўли билан сараланади ва шу тариқа якуний рўйхат шакллантирилади.</span></span></p> <p style="margin-left:0cm; margin-right:0cm; text-align:justify"><span style="font-size:20px"><span style="font-family:Arial,Helvetica,sans-serif">Ҳар йили нашр этиладиган китоблар рўйхатига камида 20 фоизи илмий-оммабоп асарлар киритилиши керак. Нашрга тайёрланган асарлар ҳуқуқи Ёшлар ишлари агентлигига тегишли бўлиб, уларни нашриётларга бепул тақдим этади.</span></span></p> <p style="margin-left:0cm; margin-right:0cm; text-align:justify"><span style="font-size:20px"><span style="font-family:Arial,Helvetica,sans-serif">Шунингдек, ўзбек тилидаги адабиётларни йиғиб, аҳолига кенг кўламли маълумотларга бепул кириш имкониятини берадиган махсус мобил иловани яратиш ва уни узлуксиз ишлашини таъминлаш режалаштирилган. Экспертлар кенгаши тавсиясига кўра, асарлар ахборот-кутубхона муассасаларига (шу жумладан, давлат ҳокимияти ва бошқаруви органлари кутубхоналарига) тарқатилади, электрон версиялар эса Алишер Навоий номидаги Ўзбекистон Миллий кутубхонасига ва Ўзбекистон Республикаси Фанлар академияси тизимидаги тегишли муассасаларга кенг фойдаланиш учун бепул тақдим этилади.</span></span></p> <p style="margin-left:0cm; margin-right:0cm; text-align:justify"><span style="font-size:20px"><span style="font-family:Arial,Helvetica,sans-serif">Президент Шавкат Мирзиёев раҳбарлигида республикада болалар адабиётини ривожлантириш, дарсликлар ва ўқув қўлланмалари сифатини ошириш учун зарур маънавий, ҳуқуқий ва моддий-техник база яратилди. Мамлакат нашриётлари жаҳон ва ўзбек болалар адабиёти муаллифларининг асарларини нашр этишни кўпайтирди. Китобхонликни тарғиб қилиш мақсадида қабул қилинган бир қатор ҳужжатларга мувофиқ, барча ҳудудларда болалар ва ўсмирлар ўртасида адабиётни оммалаштириш бўйича тизимли чора-тадбирлар амалга оширилмоқда. Сўнгги тўрт йил ичида республика нашриёт-полиграфия ва ахборот-кутубхона муассасалари учун йўриқнома бўлиб хизмат қилган қатор Президент фармонлари ва қарорлари ҳамда ҳукумат қарорлари қабул қилинди.</span></span></p> <p style="margin-left:0cm; margin-right:0cm; text-align:justify"><span style="font-size:20px"><span style="font-family:Arial,Helvetica,sans-serif">Шу тариқа, ахборот-кутубхона хизматлари жамоат фаровонлигини таъминлашда ҳал қилувчи роль ўйнайди, фуқароларга ахборот, билим ва маданиятга тўсиқсиз кириш имконини беради. Бундан ташқари, рақамли хизматларни ривожлантириш, ҳамжамиятлар билан ҳамкорлик қилиш ва янги технологияларни қўллаш кутубхоналарнинг таълим, ахборот ва коммуникация марказлари сифатидаги ролини мустаҳкамлайди. Бу одамларнинг имкониятларини кенгайтиришга, уларнинг таълим олишга бўлган интилишларини рағбатлантиришга ёрдам беради. Ахборот-кутубхона хизматлари салоҳиятини ривожлантириш узлуксиз таълимни, ўз-ўзини такомиллаштиришни, аҳолининг маданий ва маънавий бойишини таъминлашга хизмат қилади. Бу эса замонавий жамият учун жуда муҳим аҳамиятга эга.</span></span></p> <p style="margin-left:0cm; margin-right:0cm; text-align:right"><span style="font-size:20px"><span style="font-family:Arial,Helvetica,sans-serif"><strong>Нуридинов Рамзидин</strong></span><br /> <span style="font-family:Arial,Helvetica,sans-serif"><strong>“Тараққиёт стратегияси” маркази эксперти</strong></span></span></p> <div class="clear"></div> </div> <hr /> <div class="con_tags"> <div class="clear"></div> </div> <div class="socilsd"> <div class="socpod"> <div class="vertical_center"> <div class="soc1"> <div class="g-plusone"></div> <!--soc1---> </div> </div> </div> <form method="post" class="rating"> <button name="no_rating" class="rt2"><span class="icon-thumbs-down-3"></span>0</button> <span class="rt0">2</span> <button name="yes_rating" class="rt1"><span class="icon-thumbs-up-3"></span>2</button> <div class="clear"></div> </form> <div class="clear"></div> </div> <div class="clear"></div> <div class="con_zagolv0"> <div class="con_zagolv1"> <span class="icon-newspaper"></span> Похожие новости </div> <div class="con_zagolv2"> <div class="d2_b"></div> <div class="d2_a"></div> <div class="clear"></div> </div> </div> <div class="relcount"> <a href="https://strategy.uz/index.php?news=1815" class="relblo"> <div class="imgsr" style="background: url('https://strategy.uz/files/news/71670/thumbs/cover-01.jpg') no-repeat;"></div> <div class="texts"> <div class="vertical_center"> «Ўзбекистон – 2030» стратегияси – ислоҳотлар тизимлилигини оширишга хизмат қилади </div> </div> </a> <a href="https://strategy.uz/index.php?news=2041" class="relblo"> <div class="imgsr" style="background: url('https://strategy.uz/files/news/88644/thumbs/photo2025-02-1414-29-44.jpg') no-repeat;"></div> <div class="texts"> <div class="vertical_center"> Ўзбекистонда сувни тежаш: муаммолар, ютуқлар ва келажак истиқболлари </div> </div> </a> <a href="https://strategy.uz/index.php?news=2036" class="relblo"> <div class="imgsr" style="background: url('https://strategy.uz/files/news/99049/thumbs/12121212.jpg') no-repeat;"></div> <div class="texts"> <div class="vertical_center"> ЎЗБЕКИСТОН – 2030: ЯНГИ ДАВЛАТ ДАСТУРИНИНГ АҲОЛИ ҲАЁТИДАГИ АҲАМИЯТИ </div> </div> </a> <a href="https://strategy.uz/index.php?news=2023" class="relblo"> <div class="imgsr" style="background: url('https://strategy.uz/files/news/66627/thumbs/uz.jpg') no-repeat;"></div> <div class="texts"> <div class="vertical_center"> ЎЗБЕКИСТОННИНГ МИГРАЦИЯ СИЁСАТИ: ЗАМОНАВИЙ ҲОЛАТИ ВА МАВЖУД МУАММОЛАР </div> </div> </a> <div class="clear"></div> </div> </div> </div> </content> <!-------------------------------------------------------------------POSITION4------------------------------------------------------------> <!-------------------------------------------------------------------POSITION4------------------------------------------------------------> <!-------------------------------------------------------------------POSITION5------------------------------------------------------------> <!-------------------------------------------------------------------POSITION5------------------------------------------------------------> <!--------------------------------------------------------------------FOOTER--------------------------------------------------------------> <footer id="footer"> <div class="container"> <div class="navigation"> <div class="navbar1"> <div class="whilelogos"> <svg version="1.0" xmlns="http://www.w3.org/2000/svg" width="1392.000000pt" height="947.000000pt" viewBox="0 0 1392.000000 947.000000" preserveAspectRatio="xMidYMid meet"> <g transform="translate(0.000000,947.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M6670 8914 c-151 -14 -343 -39 -460 -60 -1317 -241 -2445 -1086 -3043 -2280 -145 -289 -258 -594 -331 -894 -247 -1010 -117 -2088 360 -2998 214 -409 469 -749 810 -1082 691 -674 1551 -1077 2536 -1187 211 -23 665 -23 875 0 666 74 1243 270 1797 609 947 580 1640 1526 1906 2603 86 346 122 652 123 1025 0 345 -25 590 -92 909 -209 986 -783 1886 -1592 2498 -534 405 -1151 677 -1809 797 -257 47 -387 58 -720 61 -173 1 -335 1 -360 -1z m720 -100 c1434 -140 2705 -1022 3340 -2319 256 -523 386 -1024 422 -1627 34 -579 -66 -1182 -289 -1748 -151 -382 -364 -748 -629 -1080 -135 -169 -459 -495 -624 -626 -927 -739 -2049 -1052 -3205 -893 -761 104 -1475 418 -2085 916 -139 114 -416 389 -536 533 -826 990 -1151 2259 -899 3515 364 1814 1904 3185 3745 3335 264 21 496 19 760 -6z"/> <path d="M6520 8473 c0 -195 -47 -593 -109 -933 -50 -271 -185 -828 -256 -1050 -60 -190 -208 -588 -308 -830 -91 -218 -283 -629 -337 -720 -17 -30 -59 -108 -92 -175 -92 -182 -283 -503 -456 -765 -149 -225 -514 -725 -613 -840 -26 -30 -96 -113 -155 -185 -59 -71 -131 -157 -160 -190 -233 -267 -304 -352 -304 -364 0 -5 93 11 208 34 295 62 580 110 857 145 88 11 188 25 221 30 34 6 73 10 87 10 20 0 45 24 124 121 219 269 344 464 510 789 321 632 509 1162 664 1865 62 280 130 709 149 940 6 72 12 141 15 155 3 14 12 147 20 295 26 444 14 1091 -29 1558 -9 92 -16 174 -16 182 0 8 -4 15 -10 15 -6 0 -10 -36 -10 -87z"/> <path d="M6687 7755 c20 -496 2 -1099 -48 -1540 -34 -309 -39 -344 -91 -635 -91 -512 -231 -1032 -406 -1510 -165 -451 -397 -914 -654 -1305 -36 -55 -62 -101 -57 -103 4 -2 95 4 201 12 106 8 312 21 458 27 146 7 266 12 267 13 1 1 36 121 78 266 124 430 188 744 260 1285 118 882 138 2013 55 3054 -28 347 -56 620 -64 629 -4 4 -4 -83 1 -193z"/> <path d="M6895 6549 c3 -173 7 -400 10 -506 14 -530 -39 -1564 -111 -2148 -46 -376 -90 -635 -158 -925 -26 -107 -48 -205 -51 -216 l-5 -21 498 -5 c273 -3 499 -4 501 -2 2 1 -24 94 -57 206 -305 1022 -523 2338 -608 3673 -8 138 -18 252 -20 254 -2 3 -2 -137 1 -310z"/> <path d="M7000 6554 c0 -8 4 -57 10 -107 5 -51 14 -159 20 -242 16 -214 76 -789 104 -990 145 -1051 350 -1873 598 -2397 l50 -106 107 -7 c58 -3 162 -11 231 -16 69 -6 175 -15 235 -19 61 -4 163 -13 228 -20 65 -7 121 -9 124 -7 3 3 -58 104 -134 224 -154 240 -194 306 -335 558 -506 902 -877 1761 -1079 2495 -54 194 -139 582 -139 631 0 10 -4 19 -10 19 -5 0 -10 -7 -10 -16z"/> <path d="M7200 6190 c0 -8 11 -46 24 -85 14 -38 51 -151 82 -250 31 -99 94 -279 139 -400 223 -593 382 -954 645 -1455 67 -129 131 -251 141 -271 91 -181 455 -764 611 -980 l99 -136 177 -22 c337 -41 658 -90 896 -136 99 -19 182 -33 184 -31 2 2 -65 59 -150 126 -717 574 -1350 1243 -1892 2000 -370 518 -685 1059 -898 1544 -40 93 -58 122 -58 96z"/> </g> </svg> <span>"ТАРАҚҚИЁТ СТРАТЕГИЯСИ" <br> МАРКАЗИ</span> </div> </div> <div class="navbar2"> <div class="navfotrd"> <h3>МАРКАЗ ҲАҚИДА</h3> <a href="">Марказ жамоаси</a> <a href="">Марказ фаолияти</a> <a href="">Халқаро ҳамкорлик</a> <a href="">Лойиҳалар</a> <a href="">Аналитик материаллар</a> </div> </div> <div class="navbar2"> <div class="navfotrd"> <h3>Контактлар</h3> <a href="tel:+998712390191">Телефон: +998 (71) 239 01 91</a> <a href="tel:+998712390191">Факс: +998 (71) 239 01 91</a> <a href="mailto:info@strategy.uz">info@strategy.uz</a> <a href="mailto:strategy@exat.uz">strategy@exat.uz</a> <!--<span></span>--> </div> </div> <div class="navbar2"> <div class="navfotrd"> <h3>Манзил</h3> <a href="">Тошкент шаҳри,</a> <a href="">Шароф Рашидов кўчаси, 16-уй</a> <a href="">«Пойтахт» Бизнес Маркази, 5-қават</a> <a href=""></a> </div> </div> </div> <div class="navbar2"> <iframe style="margin-bottom: -5px;width:100% !important;border:none;border:0" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2996.5925868653158!2d69.26992531542358!3d41. 31772587927064!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x54ccf0d398da3cc6!2z0JHQmNCX0J3QldChLdCm0JXQndCi0KAg0J_QntCZ0KLQkNCl0KI!5e0!3m2!1sru!2s!4v1539778367582" width="10" height="150" frameborder="0" style="border:0" allowfullscreen></iframe> </iframe> </div> <style> @media (min-width: 200px) and (max-width: 768px) { .navbar5 { overflow: hidden; } }</style> <!-- <div class="navbar3"> <a class="linavp" target="_blank" href="https://taklif.strategy.uz/">Таклиф юбориш</a> <img class="copyrightimg" src="https://strategy.uz/engine/templates/strategy/images/2.svg" /> </div> --> <div class="clear"></div> </div> <div class="anilyz"> </div> <div class="copyright"> <div class="container"> <div class="cop1"><a style="color:#00CC99;" target="_blank" href="">www.strategy.uz</a> | </div> <div class="clear"></div> </div> </div> </footer> <!--------------------------------------------------------------------FOOTER--------------------------------------------------------------> </body> </html>