From 5f509790dcf4d2795bf4c3e6848a17e57df07f08 Mon Sep 17 00:00:00 2001 From: Donald Reddy Indelu Date: Wed, 29 May 2024 00:48:22 +0530 Subject: [PATCH 1/5] add particles --- index.html | 6 +- package.json | 5 +- particles.min.js | 9 -- src/App.jsx | 2 + src/components/Background/Background.jsx | 155 ++++++----------------- tsparticlesconfig.json | 105 +++++++++++++++ 6 files changed, 151 insertions(+), 131 deletions(-) delete mode 100644 particles.min.js create mode 100644 tsparticlesconfig.json diff --git a/index.html b/index.html index 549ab1d..8ca0b28 100644 --- a/index.html +++ b/index.html @@ -3,7 +3,7 @@ - + cosmoXplore
- - - - \ No newline at end of file diff --git a/package.json b/package.json index 48a5598..75cff6d 100644 --- a/package.json +++ b/package.json @@ -11,10 +11,11 @@ "preview": "vite preview" }, "dependencies": { + "@emailjs/browser": "^4.3.3", + "@tsparticles/all": "^3.4.0", + "@tsparticles/react": "^3.0.0", "axios": "^1.7.2", "html-to-react": "^1.7.0", - "@emailjs/browser": "^4.3.3", - "particles.js": "^2.0.0", "react": "^18.2.0", "react-dom": "^18.2.0", "react-icons": "^5.2.1", diff --git a/particles.min.js b/particles.min.js deleted file mode 100644 index b3d46d1..0000000 --- a/particles.min.js +++ /dev/null @@ -1,9 +0,0 @@ -/* ----------------------------------------------- -/* Author : Vincent Garreau - vincentgarreau.com -/* MIT license: http://opensource.org/licenses/MIT -/* Demo / Generator : vincentgarreau.com/particles.js -/* GitHub : github.com/VincentGarreau/particles.js -/* How to use? : Check the GitHub README -/* v2.0.0 -/* ----------------------------------------------- */ -function hexToRgb(e){var a=/^#?([a-f\d])([a-f\d])([a-f\d])$/i;e=e.replace(a,function(e,a,t,i){return a+a+t+t+i+i});var t=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(e);return t?{r:parseInt(t[1],16),g:parseInt(t[2],16),b:parseInt(t[3],16)}:null}function clamp(e,a,t){return Math.min(Math.max(e,a),t)}function isInArray(e,a){return a.indexOf(e)>-1}var pJS=function(e,a){var t=document.querySelector("#"+e+" > .particles-js-canvas-el");this.pJS={canvas:{el:t,w:t.offsetWidth,h:t.offsetHeight},particles:{number:{value:400,density:{enable:!0,value_area:800}},color:{value:"#fff"},shape:{type:"circle",stroke:{width:0,color:"#ff0000"},polygon:{nb_sides:5},image:{src:"",width:100,height:100}},opacity:{value:1,random:!1,anim:{enable:!1,speed:2,opacity_min:0,sync:!1}},size:{value:20,random:!1,anim:{enable:!1,speed:20,size_min:0,sync:!1}},line_linked:{enable:!0,distance:100,color:"#fff",opacity:1,width:1},move:{enable:!0,speed:2,direction:"none",random:!1,straight:!1,out_mode:"out",bounce:!1,attract:{enable:!1,rotateX:3e3,rotateY:3e3}},array:[]},interactivity:{detect_on:"canvas",events:{onhover:{enable:!0,mode:"grab"},onclick:{enable:!0,mode:"push"},resize:!0},modes:{grab:{distance:100,line_linked:{opacity:1}},bubble:{distance:200,size:80,duration:.4},repulse:{distance:200,duration:.4},push:{particles_nb:4},remove:{particles_nb:2}},mouse:{}},retina_detect:!1,fn:{interact:{},modes:{},vendors:{}},tmp:{}};var i=this.pJS;a&&Object.deepExtend(i,a),i.tmp.obj={size_value:i.particles.size.value,size_anim_speed:i.particles.size.anim.speed,move_speed:i.particles.move.speed,line_linked_distance:i.particles.line_linked.distance,line_linked_width:i.particles.line_linked.width,mode_grab_distance:i.interactivity.modes.grab.distance,mode_bubble_distance:i.interactivity.modes.bubble.distance,mode_bubble_size:i.interactivity.modes.bubble.size,mode_repulse_distance:i.interactivity.modes.repulse.distance},i.fn.retinaInit=function(){i.retina_detect&&window.devicePixelRatio>1?(i.canvas.pxratio=window.devicePixelRatio,i.tmp.retina=!0):(i.canvas.pxratio=1,i.tmp.retina=!1),i.canvas.w=i.canvas.el.offsetWidth*i.canvas.pxratio,i.canvas.h=i.canvas.el.offsetHeight*i.canvas.pxratio,i.particles.size.value=i.tmp.obj.size_value*i.canvas.pxratio,i.particles.size.anim.speed=i.tmp.obj.size_anim_speed*i.canvas.pxratio,i.particles.move.speed=i.tmp.obj.move_speed*i.canvas.pxratio,i.particles.line_linked.distance=i.tmp.obj.line_linked_distance*i.canvas.pxratio,i.interactivity.modes.grab.distance=i.tmp.obj.mode_grab_distance*i.canvas.pxratio,i.interactivity.modes.bubble.distance=i.tmp.obj.mode_bubble_distance*i.canvas.pxratio,i.particles.line_linked.width=i.tmp.obj.line_linked_width*i.canvas.pxratio,i.interactivity.modes.bubble.size=i.tmp.obj.mode_bubble_size*i.canvas.pxratio,i.interactivity.modes.repulse.distance=i.tmp.obj.mode_repulse_distance*i.canvas.pxratio},i.fn.canvasInit=function(){i.canvas.ctx=i.canvas.el.getContext("2d")},i.fn.canvasSize=function(){i.canvas.el.width=i.canvas.w,i.canvas.el.height=i.canvas.h,i&&i.interactivity.events.resize&&window.addEventListener("resize",function(){i.canvas.w=i.canvas.el.offsetWidth,i.canvas.h=i.canvas.el.offsetHeight,i.tmp.retina&&(i.canvas.w*=i.canvas.pxratio,i.canvas.h*=i.canvas.pxratio),i.canvas.el.width=i.canvas.w,i.canvas.el.height=i.canvas.h,i.particles.move.enable||(i.fn.particlesEmpty(),i.fn.particlesCreate(),i.fn.particlesDraw(),i.fn.vendors.densityAutoParticles()),i.fn.vendors.densityAutoParticles()})},i.fn.canvasPaint=function(){i.canvas.ctx.fillRect(0,0,i.canvas.w,i.canvas.h)},i.fn.canvasClear=function(){i.canvas.ctx.clearRect(0,0,i.canvas.w,i.canvas.h)},i.fn.particle=function(e,a,t){if(this.radius=(i.particles.size.random?Math.random():1)*i.particles.size.value,i.particles.size.anim.enable&&(this.size_status=!1,this.vs=i.particles.size.anim.speed/100,i.particles.size.anim.sync||(this.vs=this.vs*Math.random())),this.x=t?t.x:Math.random()*i.canvas.w,this.y=t?t.y:Math.random()*i.canvas.h,this.x>i.canvas.w-2*this.radius?this.x=this.x-this.radius:this.x<2*this.radius&&(this.x=this.x+this.radius),this.y>i.canvas.h-2*this.radius?this.y=this.y-this.radius:this.y<2*this.radius&&(this.y=this.y+this.radius),i.particles.move.bounce&&i.fn.vendors.checkOverlap(this,t),this.color={},"object"==typeof e.value)if(e.value instanceof Array){var s=e.value[Math.floor(Math.random()*i.particles.color.value.length)];this.color.rgb=hexToRgb(s)}else void 0!=e.value.r&&void 0!=e.value.g&&void 0!=e.value.b&&(this.color.rgb={r:e.value.r,g:e.value.g,b:e.value.b}),void 0!=e.value.h&&void 0!=e.value.s&&void 0!=e.value.l&&(this.color.hsl={h:e.value.h,s:e.value.s,l:e.value.l});else"random"==e.value?this.color.rgb={r:Math.floor(256*Math.random())+0,g:Math.floor(256*Math.random())+0,b:Math.floor(256*Math.random())+0}:"string"==typeof e.value&&(this.color=e,this.color.rgb=hexToRgb(this.color.value));this.opacity=(i.particles.opacity.random?Math.random():1)*i.particles.opacity.value,i.particles.opacity.anim.enable&&(this.opacity_status=!1,this.vo=i.particles.opacity.anim.speed/100,i.particles.opacity.anim.sync||(this.vo=this.vo*Math.random()));var n={};switch(i.particles.move.direction){case"top":n={x:0,y:-1};break;case"top-right":n={x:.5,y:-.5};break;case"right":n={x:1,y:-0};break;case"bottom-right":n={x:.5,y:.5};break;case"bottom":n={x:0,y:1};break;case"bottom-left":n={x:-.5,y:1};break;case"left":n={x:-1,y:0};break;case"top-left":n={x:-.5,y:-.5};break;default:n={x:0,y:0}}i.particles.move.straight?(this.vx=n.x,this.vy=n.y,i.particles.move.random&&(this.vx=this.vx*Math.random(),this.vy=this.vy*Math.random())):(this.vx=n.x+Math.random()-.5,this.vy=n.y+Math.random()-.5),this.vx_i=this.vx,this.vy_i=this.vy;var r=i.particles.shape.type;if("object"==typeof r){if(r instanceof Array){var c=r[Math.floor(Math.random()*r.length)];this.shape=c}}else this.shape=r;if("image"==this.shape){var o=i.particles.shape;this.img={src:o.image.src,ratio:o.image.width/o.image.height},this.img.ratio||(this.img.ratio=1),"svg"==i.tmp.img_type&&void 0!=i.tmp.source_svg&&(i.fn.vendors.createSvgImg(this),i.tmp.pushing&&(this.img.loaded=!1))}},i.fn.particle.prototype.draw=function(){function e(){i.canvas.ctx.drawImage(r,a.x-t,a.y-t,2*t,2*t/a.img.ratio)}var a=this;if(void 0!=a.radius_bubble)var t=a.radius_bubble;else var t=a.radius;if(void 0!=a.opacity_bubble)var s=a.opacity_bubble;else var s=a.opacity;if(a.color.rgb)var n="rgba("+a.color.rgb.r+","+a.color.rgb.g+","+a.color.rgb.b+","+s+")";else var n="hsla("+a.color.hsl.h+","+a.color.hsl.s+"%,"+a.color.hsl.l+"%,"+s+")";switch(i.canvas.ctx.fillStyle=n,i.canvas.ctx.beginPath(),a.shape){case"circle":i.canvas.ctx.arc(a.x,a.y,t,0,2*Math.PI,!1);break;case"edge":i.canvas.ctx.rect(a.x-t,a.y-t,2*t,2*t);break;case"triangle":i.fn.vendors.drawShape(i.canvas.ctx,a.x-t,a.y+t/1.66,2*t,3,2);break;case"polygon":i.fn.vendors.drawShape(i.canvas.ctx,a.x-t/(i.particles.shape.polygon.nb_sides/3.5),a.y-t/.76,2.66*t/(i.particles.shape.polygon.nb_sides/3),i.particles.shape.polygon.nb_sides,1);break;case"star":i.fn.vendors.drawShape(i.canvas.ctx,a.x-2*t/(i.particles.shape.polygon.nb_sides/4),a.y-t/1.52,2*t*2.66/(i.particles.shape.polygon.nb_sides/3),i.particles.shape.polygon.nb_sides,2);break;case"image":if("svg"==i.tmp.img_type)var r=a.img.obj;else var r=i.tmp.img_obj;r&&e()}i.canvas.ctx.closePath(),i.particles.shape.stroke.width>0&&(i.canvas.ctx.strokeStyle=i.particles.shape.stroke.color,i.canvas.ctx.lineWidth=i.particles.shape.stroke.width,i.canvas.ctx.stroke()),i.canvas.ctx.fill()},i.fn.particlesCreate=function(){for(var e=0;e=i.particles.opacity.value&&(a.opacity_status=!1),a.opacity+=a.vo):(a.opacity<=i.particles.opacity.anim.opacity_min&&(a.opacity_status=!0),a.opacity-=a.vo),a.opacity<0&&(a.opacity=0)),i.particles.size.anim.enable&&(1==a.size_status?(a.radius>=i.particles.size.value&&(a.size_status=!1),a.radius+=a.vs):(a.radius<=i.particles.size.anim.size_min&&(a.size_status=!0),a.radius-=a.vs),a.radius<0&&(a.radius=0)),"bounce"==i.particles.move.out_mode)var s={x_left:a.radius,x_right:i.canvas.w,y_top:a.radius,y_bottom:i.canvas.h};else var s={x_left:-a.radius,x_right:i.canvas.w+a.radius,y_top:-a.radius,y_bottom:i.canvas.h+a.radius};switch(a.x-a.radius>i.canvas.w?(a.x=s.x_left,a.y=Math.random()*i.canvas.h):a.x+a.radius<0&&(a.x=s.x_right,a.y=Math.random()*i.canvas.h),a.y-a.radius>i.canvas.h?(a.y=s.y_top,a.x=Math.random()*i.canvas.w):a.y+a.radius<0&&(a.y=s.y_bottom,a.x=Math.random()*i.canvas.w),i.particles.move.out_mode){case"bounce":a.x+a.radius>i.canvas.w?a.vx=-a.vx:a.x-a.radius<0&&(a.vx=-a.vx),a.y+a.radius>i.canvas.h?a.vy=-a.vy:a.y-a.radius<0&&(a.vy=-a.vy)}if(isInArray("grab",i.interactivity.events.onhover.mode)&&i.fn.modes.grabParticle(a),(isInArray("bubble",i.interactivity.events.onhover.mode)||isInArray("bubble",i.interactivity.events.onclick.mode))&&i.fn.modes.bubbleParticle(a),(isInArray("repulse",i.interactivity.events.onhover.mode)||isInArray("repulse",i.interactivity.events.onclick.mode))&&i.fn.modes.repulseParticle(a),i.particles.line_linked.enable||i.particles.move.attract.enable)for(var n=e+1;n0){var c=i.particles.line_linked.color_rgb_line;i.canvas.ctx.strokeStyle="rgba("+c.r+","+c.g+","+c.b+","+r+")",i.canvas.ctx.lineWidth=i.particles.line_linked.width,i.canvas.ctx.beginPath(),i.canvas.ctx.moveTo(e.x,e.y),i.canvas.ctx.lineTo(a.x,a.y),i.canvas.ctx.stroke(),i.canvas.ctx.closePath()}}},i.fn.interact.attractParticles=function(e,a){var t=e.x-a.x,s=e.y-a.y,n=Math.sqrt(t*t+s*s);if(n<=i.particles.line_linked.distance){var r=t/(1e3*i.particles.move.attract.rotateX),c=s/(1e3*i.particles.move.attract.rotateY);e.vx-=r,e.vy-=c,a.vx+=r,a.vy+=c}},i.fn.interact.bounceParticles=function(e,a){var t=e.x-a.x,i=e.y-a.y,s=Math.sqrt(t*t+i*i),n=e.radius+a.radius;n>=s&&(e.vx=-e.vx,e.vy=-e.vy,a.vx=-a.vx,a.vy=-a.vy)},i.fn.modes.pushParticles=function(e,a){i.tmp.pushing=!0;for(var t=0;e>t;t++)i.particles.array.push(new i.fn.particle(i.particles.color,i.particles.opacity.value,{x:a?a.pos_x:Math.random()*i.canvas.w,y:a?a.pos_y:Math.random()*i.canvas.h})),t==e-1&&(i.particles.move.enable||i.fn.particlesDraw(),i.tmp.pushing=!1)},i.fn.modes.removeParticles=function(e){i.particles.array.splice(0,e),i.particles.move.enable||i.fn.particlesDraw()},i.fn.modes.bubbleParticle=function(e){function a(){e.opacity_bubble=e.opacity,e.radius_bubble=e.radius}function t(a,t,s,n,c){if(a!=t)if(i.tmp.bubble_duration_end){if(void 0!=s){var o=n-p*(n-a)/i.interactivity.modes.bubble.duration,l=a-o;d=a+l,"size"==c&&(e.radius_bubble=d),"opacity"==c&&(e.opacity_bubble=d)}}else if(r<=i.interactivity.modes.bubble.distance){if(void 0!=s)var v=s;else var v=n;if(v!=a){var d=n-p*(n-a)/i.interactivity.modes.bubble.duration;"size"==c&&(e.radius_bubble=d),"opacity"==c&&(e.opacity_bubble=d)}}else"size"==c&&(e.radius_bubble=void 0),"opacity"==c&&(e.opacity_bubble=void 0)}if(i.interactivity.events.onhover.enable&&isInArray("bubble",i.interactivity.events.onhover.mode)){var s=e.x-i.interactivity.mouse.pos_x,n=e.y-i.interactivity.mouse.pos_y,r=Math.sqrt(s*s+n*n),c=1-r/i.interactivity.modes.bubble.distance;if(r<=i.interactivity.modes.bubble.distance){if(c>=0&&"mousemove"==i.interactivity.status){if(i.interactivity.modes.bubble.size!=i.particles.size.value)if(i.interactivity.modes.bubble.size>i.particles.size.value){var o=e.radius+i.interactivity.modes.bubble.size*c;o>=0&&(e.radius_bubble=o)}else{var l=e.radius-i.interactivity.modes.bubble.size,o=e.radius-l*c;o>0?e.radius_bubble=o:e.radius_bubble=0}if(i.interactivity.modes.bubble.opacity!=i.particles.opacity.value)if(i.interactivity.modes.bubble.opacity>i.particles.opacity.value){var v=i.interactivity.modes.bubble.opacity*c;v>e.opacity&&v<=i.interactivity.modes.bubble.opacity&&(e.opacity_bubble=v)}else{var v=e.opacity-(i.particles.opacity.value-i.interactivity.modes.bubble.opacity)*c;v=i.interactivity.modes.bubble.opacity&&(e.opacity_bubble=v)}}}else a();"mouseleave"==i.interactivity.status&&a()}else if(i.interactivity.events.onclick.enable&&isInArray("bubble",i.interactivity.events.onclick.mode)){if(i.tmp.bubble_clicking){var s=e.x-i.interactivity.mouse.click_pos_x,n=e.y-i.interactivity.mouse.click_pos_y,r=Math.sqrt(s*s+n*n),p=((new Date).getTime()-i.interactivity.mouse.click_time)/1e3;p>i.interactivity.modes.bubble.duration&&(i.tmp.bubble_duration_end=!0),p>2*i.interactivity.modes.bubble.duration&&(i.tmp.bubble_clicking=!1,i.tmp.bubble_duration_end=!1)}i.tmp.bubble_clicking&&(t(i.interactivity.modes.bubble.size,i.particles.size.value,e.radius_bubble,e.radius,"size"),t(i.interactivity.modes.bubble.opacity,i.particles.opacity.value,e.opacity_bubble,e.opacity,"opacity"))}},i.fn.modes.repulseParticle=function(e){function a(){var a=Math.atan2(d,p);if(e.vx=u*Math.cos(a),e.vy=u*Math.sin(a),"bounce"==i.particles.move.out_mode){var t={x:e.x+e.vx,y:e.y+e.vy};t.x+e.radius>i.canvas.w?e.vx=-e.vx:t.x-e.radius<0&&(e.vx=-e.vx),t.y+e.radius>i.canvas.h?e.vy=-e.vy:t.y-e.radius<0&&(e.vy=-e.vy)}}if(i.interactivity.events.onhover.enable&&isInArray("repulse",i.interactivity.events.onhover.mode)&&"mousemove"==i.interactivity.status){var t=e.x-i.interactivity.mouse.pos_x,s=e.y-i.interactivity.mouse.pos_y,n=Math.sqrt(t*t+s*s),r={x:t/n,y:s/n},c=i.interactivity.modes.repulse.distance,o=100,l=clamp(1/c*(-1*Math.pow(n/c,2)+1)*c*o,0,50),v={x:e.x+r.x*l,y:e.y+r.y*l};"bounce"==i.particles.move.out_mode?(v.x-e.radius>0&&v.x+e.radius0&&v.y+e.radius=m&&a()}else 0==i.tmp.repulse_clicking&&(e.vx=e.vx_i,e.vy=e.vy_i)},i.fn.modes.grabParticle=function(e){if(i.interactivity.events.onhover.enable&&"mousemove"==i.interactivity.status){var a=e.x-i.interactivity.mouse.pos_x,t=e.y-i.interactivity.mouse.pos_y,s=Math.sqrt(a*a+t*t);if(s<=i.interactivity.modes.grab.distance){var n=i.interactivity.modes.grab.line_linked.opacity-s/(1/i.interactivity.modes.grab.line_linked.opacity)/i.interactivity.modes.grab.distance;if(n>0){var r=i.particles.line_linked.color_rgb_line;i.canvas.ctx.strokeStyle="rgba("+r.r+","+r.g+","+r.b+","+n+")",i.canvas.ctx.lineWidth=i.particles.line_linked.width,i.canvas.ctx.beginPath(),i.canvas.ctx.moveTo(e.x,e.y),i.canvas.ctx.lineTo(i.interactivity.mouse.pos_x,i.interactivity.mouse.pos_y),i.canvas.ctx.stroke(),i.canvas.ctx.closePath()}}}},i.fn.vendors.eventsListeners=function(){"window"==i.interactivity.detect_on?i.interactivity.el=window:i.interactivity.el=i.canvas.el,(i.interactivity.events.onhover.enable||i.interactivity.events.onclick.enable)&&(i.interactivity.el.addEventListener("mousemove",function(e){if(i.interactivity.el==window)var a=e.clientX,t=e.clientY;else var a=e.offsetX||e.clientX,t=e.offsetY||e.clientY;i.interactivity.mouse.pos_x=a,i.interactivity.mouse.pos_y=t,i.tmp.retina&&(i.interactivity.mouse.pos_x*=i.canvas.pxratio,i.interactivity.mouse.pos_y*=i.canvas.pxratio),i.interactivity.status="mousemove"}),i.interactivity.el.addEventListener("mouseleave",function(e){i.interactivity.mouse.pos_x=null,i.interactivity.mouse.pos_y=null,i.interactivity.status="mouseleave"})),i.interactivity.events.onclick.enable&&i.interactivity.el.addEventListener("click",function(){if(i.interactivity.mouse.click_pos_x=i.interactivity.mouse.pos_x,i.interactivity.mouse.click_pos_y=i.interactivity.mouse.pos_y,i.interactivity.mouse.click_time=(new Date).getTime(),i.interactivity.events.onclick.enable)switch(i.interactivity.events.onclick.mode){case"push":i.particles.move.enable?i.fn.modes.pushParticles(i.interactivity.modes.push.particles_nb,i.interactivity.mouse):1==i.interactivity.modes.push.particles_nb?i.fn.modes.pushParticles(i.interactivity.modes.push.particles_nb,i.interactivity.mouse):i.interactivity.modes.push.particles_nb>1&&i.fn.modes.pushParticles(i.interactivity.modes.push.particles_nb);break;case"remove":i.fn.modes.removeParticles(i.interactivity.modes.remove.particles_nb);break;case"bubble":i.tmp.bubble_clicking=!0;break;case"repulse":i.tmp.repulse_clicking=!0,i.tmp.repulse_count=0,i.tmp.repulse_finish=!1,setTimeout(function(){i.tmp.repulse_clicking=!1},1e3*i.interactivity.modes.repulse.duration)}})},i.fn.vendors.densityAutoParticles=function(){if(i.particles.number.density.enable){var e=i.canvas.el.width*i.canvas.el.height/1e3;i.tmp.retina&&(e/=2*i.canvas.pxratio);var a=e*i.particles.number.value/i.particles.number.density.value_area,t=i.particles.array.length-a;0>t?i.fn.modes.pushParticles(Math.abs(t)):i.fn.modes.removeParticles(t)}},i.fn.vendors.checkOverlap=function(e,a){for(var t=0;tv;v++)e.lineTo(i,0),e.translate(i,0),e.rotate(l);e.fill(),e.restore()},i.fn.vendors.exportImg=function(){window.open(i.canvas.el.toDataURL("image/png"),"_blank")},i.fn.vendors.loadImg=function(e){if(i.tmp.img_error=void 0,""!=i.particles.shape.image.src)if("svg"==e){var a=new XMLHttpRequest;a.open("GET",i.particles.shape.image.src),a.onreadystatechange=function(e){4==a.readyState&&(200==a.status?(i.tmp.source_svg=e.currentTarget.response,i.fn.vendors.checkBeforeDraw()):(console.log("Error pJS - Image not found"),i.tmp.img_error=!0))},a.send()}else{var t=new Image;t.addEventListener("load",function(){i.tmp.img_obj=t,i.fn.vendors.checkBeforeDraw()}),t.src=i.particles.shape.image.src}else console.log("Error pJS - No image.src"),i.tmp.img_error=!0},i.fn.vendors.draw=function(){"image"==i.particles.shape.type?"svg"==i.tmp.img_type?i.tmp.count_svg>=i.particles.number.value?(i.fn.particlesDraw(),i.particles.move.enable?i.fn.drawAnimFrame=requestAnimFrame(i.fn.vendors.draw):cancelRequestAnimFrame(i.fn.drawAnimFrame)):i.tmp.img_error||(i.fn.drawAnimFrame=requestAnimFrame(i.fn.vendors.draw)):void 0!=i.tmp.img_obj?(i.fn.particlesDraw(),i.particles.move.enable?i.fn.drawAnimFrame=requestAnimFrame(i.fn.vendors.draw):cancelRequestAnimFrame(i.fn.drawAnimFrame)):i.tmp.img_error||(i.fn.drawAnimFrame=requestAnimFrame(i.fn.vendors.draw)):(i.fn.particlesDraw(),i.particles.move.enable?i.fn.drawAnimFrame=requestAnimFrame(i.fn.vendors.draw):cancelRequestAnimFrame(i.fn.drawAnimFrame))},i.fn.vendors.checkBeforeDraw=function(){"image"==i.particles.shape.type?"svg"==i.tmp.img_type&&void 0==i.tmp.source_svg?i.tmp.checkAnimFrame=requestAnimFrame(check):(cancelRequestAnimFrame(i.tmp.checkAnimFrame),i.tmp.img_error||(i.fn.vendors.init(),i.fn.vendors.draw())):(i.fn.vendors.init(),i.fn.vendors.draw())},i.fn.vendors.init=function(){i.fn.retinaInit(),i.fn.canvasInit(),i.fn.canvasSize(),i.fn.canvasPaint(),i.fn.particlesCreate(),i.fn.vendors.densityAutoParticles(),i.particles.line_linked.color_rgb_line=hexToRgb(i.particles.line_linked.color)},i.fn.vendors.start=function(){isInArray("image",i.particles.shape.type)?(i.tmp.img_type=i.particles.shape.image.src.substr(i.particles.shape.image.src.length-3),i.fn.vendors.loadImg(i.tmp.img_type)):i.fn.vendors.checkBeforeDraw()},i.fn.vendors.eventsListeners(),i.fn.vendors.start()};Object.deepExtend=function(e,a){for(var t in a)a[t]&&a[t].constructor&&a[t].constructor===Object?(e[t]=e[t]||{},arguments.callee(e[t],a[t])):e[t]=a[t];return e},window.requestAnimFrame=function(){return window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||window.oRequestAnimationFrame||window.msRequestAnimationFrame||function(e){window.setTimeout(e,1e3/60)}}(),window.cancelRequestAnimFrame=function(){return window.cancelAnimationFrame||window.webkitCancelRequestAnimationFrame||window.mozCancelRequestAnimationFrame||window.oCancelRequestAnimationFrame||window.msCancelRequestAnimationFrame||clearTimeout}(),window.pJSDom=[],window.particlesJS=function(e,a){"string"!=typeof e&&(a=e,e="particles-js"),e||(e="particles-js");var t=document.getElementById(e),i="particles-js-canvas-el",s=t.getElementsByClassName(i);if(s.length)for(;s.length>0;)t.removeChild(s[0]);var n=document.createElement("canvas");n.className=i,n.style.width="100%",n.style.height="100%";var r=document.getElementById(e).appendChild(n);null!=r&&pJSDom.push(new pJS(e,a))},window.particlesJS.load=function(e,a,t){var i=new XMLHttpRequest;i.open("GET",a),i.onreadystatechange=function(a){if(4==i.readyState)if(200==i.status){var s=JSON.parse(a.currentTarget.response);window.particlesJS(e,s),t&&t()}else console.log("Error pJS - XMLHttpRequest status: "+i.status),console.log("Error pJS - File config not found")},i.send()}; \ No newline at end of file diff --git a/src/App.jsx b/src/App.jsx index fb6bbe0..47fef2e 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -3,10 +3,12 @@ import './App.css' import Navbar from './components/Navbar/Navbar.jsx' import Footer from './components/Footer/Footer.jsx' import Toast from "./components/Toast/Toast.jsx" +import Background from './components/Background/Background.jsx' function App() { return ( <> + diff --git a/src/components/Background/Background.jsx b/src/components/Background/Background.jsx index 06e74ac..2612e92 100644 --- a/src/components/Background/Background.jsx +++ b/src/components/Background/Background.jsx @@ -1,121 +1,46 @@ -import React, { useEffect } from "react"; -import "../../index.css"; +import { useEffect, useMemo, useState } from "react"; +import Particles, { initParticlesEngine } from "@tsparticles/react"; +import { loadSlim } from "@tsparticles/slim"; +import tsconfig from '../../../tsparticlesconfig.json' function Background() { + const [init, setInit] = useState(false); + + // this should be run only once per application lifetime useEffect(() => { - particlesJS("bg", { - particles: { - number: { - value: 650, - density: { - enable: true, - value_area: 789.1476416322727, - }, - }, - 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.48927153781200905, - random: false, - anim: { - enable: true, - speed: 1.5, - opacity_min: 0, - sync: false, - }, - }, - size: { - value: 3, - random: true, - anim: { - enable: true, - speed: 2, - size_min: 0, - sync: false, - }, - }, - line_linked: { - enable: false, - distance: 150, - color: "#ffffff", - opacity: 0.4, - width: 1, - }, - move: { - enable: true, - speed: 0.2, - direction: "none", - random: true, - straight: false, - out_mode: "out", - bounce: false, - attract: { - enable: false, - rotateX: 600, - rotateY: 1200, - }, - }, - }, - interactivity: { - detect_on: "canvas", - events: { - onhover: { - enable: true, - mode: "bubble", - }, - onclick: { - enable: true, - mode: "push", - }, - resize: true, - }, - modes: { - grab: { - distance: 400, - line_linked: { - opacity: 1, - }, - }, - bubble: { - distance: 83.91608391608392, - size: 1, - duration: 3, - opacity: 1, - speed: 3, - }, - repulse: { - distance: 200, - duration: 0.4, - }, - push: { - particles_nb: 4, - }, - remove: { - particles_nb: 2, - }, - }, - }, - retina_detect: true, + initParticlesEngine(async (engine) => { + // you can initiate the tsParticles instance (engine) here, adding custom shapes or presets + // this loads the tsparticles package bundle, it's the easiest method for getting everything ready + // starting from v2 you can add only the features you need reducing the bundle size + //await loadAll(engine); + //await loadFull(engine); + await loadSlim(engine); + //await loadBasic(engine); + }).then(() => { + setInit(true); }); - }, []); // Empty dependency array ensures this effect runs only once on component mount + }, []); + + const particlesLoaded = (container) => { + console.log(container); + }; + + const options = useMemo( + () => (tsconfig), + [], + ); + + if (init) { + return ( + + ); + } - return
; -} + return <>; +}; -export default Background; +export default Background; \ No newline at end of file diff --git a/tsparticlesconfig.json b/tsparticlesconfig.json new file mode 100644 index 0000000..0304189 --- /dev/null +++ b/tsparticlesconfig.json @@ -0,0 +1,105 @@ +{ + "particles": { + "number": { + "value": 241, + "density": { + "enable": true, + "value_area": 800 + } + }, + "color": { + "value": "#ffffff" + }, + "shape": { + "type": "circle", + "stroke": { + "width": 0, + "color": "#000000" + }, + "polygon": { + "nb_sides": 5 + } + }, + "opacity": { + "value": 1, + "random": true, + "anim": { + "enable": true, + "speed": 0.5684540486109415, + "opacity_min": 0, + "sync": false + } + }, + "size": { + "value": {"min":1,"max":2}, + "random": true, + "anim": { + "enable": true, + "speed": 12.181158184520175, + "size_min": 0, + "sync": false + } + }, + "line_linked": { + "enable": false, + "distance": 150, + "color": "#ffffff", + "opacity": 0.4, + "width": 1 + }, + "move": { + "enable": true, + "speed": 7, + "direction": "top-left", + "random": true, + "straight": true, + "out_mode": "out", + "bounce": false, + "attract": { + "enable": true, + "rotateX": 641.3648243462092, + "rotateY": 600 + } + } + }, + "interactivity": { + "detect_on": "canvas", + "events": { + "onhover": { + "enable": true, + "mode": "repulse" + }, + "onclick": { + "enable": false, + "mode": "repulse" + }, + "resize": true + }, + "modes": { + "grab": { + "distance": 400, + "line_linked": { + "opacity": 1 + } + }, + "bubble": { + "distance": 250, + "size": 0, + "duration": 2, + "opacity": 0, + "speed": 3 + }, + "repulse": { + "distance": 400, + "duration": 0.4 + }, + "push": { + "particles_nb": 4 + }, + "remove": { + "particles_nb": 2 + } + } + }, + "retina_detect": true +} \ No newline at end of file From 56d1b8fd965ae4e471827f92ba75a642eb966fb1 Mon Sep 17 00:00:00 2001 From: Donald Reddy Indelu Date: Wed, 29 May 2024 01:18:52 +0530 Subject: [PATCH 2/5] update --- src/components/Background/Background.jsx | 8 +------- tsparticlesconfig.json => tsparticles.config.json | 0 2 files changed, 1 insertion(+), 7 deletions(-) rename tsparticlesconfig.json => tsparticles.config.json (100%) diff --git a/src/components/Background/Background.jsx b/src/components/Background/Background.jsx index 2612e92..f2a0f1d 100644 --- a/src/components/Background/Background.jsx +++ b/src/components/Background/Background.jsx @@ -1,7 +1,7 @@ import { useEffect, useMemo, useState } from "react"; import Particles, { initParticlesEngine } from "@tsparticles/react"; import { loadSlim } from "@tsparticles/slim"; -import tsconfig from '../../../tsparticlesconfig.json' +import tsconfig from '../../../tsparticles.config.json' function Background() { const [init, setInit] = useState(false); @@ -9,13 +9,7 @@ function Background() { // this should be run only once per application lifetime useEffect(() => { initParticlesEngine(async (engine) => { - // you can initiate the tsParticles instance (engine) here, adding custom shapes or presets - // this loads the tsparticles package bundle, it's the easiest method for getting everything ready - // starting from v2 you can add only the features you need reducing the bundle size - //await loadAll(engine); - //await loadFull(engine); await loadSlim(engine); - //await loadBasic(engine); }).then(() => { setInit(true); }); diff --git a/tsparticlesconfig.json b/tsparticles.config.json similarity index 100% rename from tsparticlesconfig.json rename to tsparticles.config.json From 7770d3071e215df4d27dce639f3b63725d21344f Mon Sep 17 00:00:00 2001 From: Donald Reddy Indelu Date: Thu, 30 May 2024 11:16:13 +0530 Subject: [PATCH 3/5] add 3d star field --- package.json | 3 +- src/App.jsx | 4 +- .../Background/BackGround.module.css | 6 + src/components/Background/Background.jsx | 95 ++++++++++------ tsparticles.config.json | 105 ------------------ 5 files changed, 69 insertions(+), 144 deletions(-) create mode 100644 src/components/Background/BackGround.module.css delete mode 100644 tsparticles.config.json diff --git a/package.json b/package.json index 75cff6d..6d01d4c 100644 --- a/package.json +++ b/package.json @@ -12,14 +12,15 @@ }, "dependencies": { "@emailjs/browser": "^4.3.3", + "@react-three/fiber": "^8.16.6", "@tsparticles/all": "^3.4.0", "@tsparticles/react": "^3.0.0", - "axios": "^1.7.2", "html-to-react": "^1.7.0", "react": "^18.2.0", "react-dom": "^18.2.0", "react-icons": "^5.2.1", "react-router-dom": "^6.23.1", + "three": "^0.164.1", "typed.js": "^2.1.0" }, "devDependencies": { diff --git a/src/App.jsx b/src/App.jsx index 47fef2e..3da7dfb 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -3,12 +3,12 @@ import './App.css' import Navbar from './components/Navbar/Navbar.jsx' import Footer from './components/Footer/Footer.jsx' import Toast from "./components/Toast/Toast.jsx" -import Background from './components/Background/Background.jsx' +import BackGround from './components/BackGround/BackGround.jsx' function App() { return ( <> - + diff --git a/src/components/Background/BackGround.module.css b/src/components/Background/BackGround.module.css new file mode 100644 index 0000000..34f5234 --- /dev/null +++ b/src/components/Background/BackGround.module.css @@ -0,0 +1,6 @@ +#container { + position: fixed; + z-index: -100; + height: 100vh; + width: 100vw; +} \ No newline at end of file diff --git a/src/components/Background/Background.jsx b/src/components/Background/Background.jsx index f2a0f1d..edf8b23 100644 --- a/src/components/Background/Background.jsx +++ b/src/components/Background/Background.jsx @@ -1,40 +1,63 @@ -import { useEffect, useMemo, useState } from "react"; -import Particles, { initParticlesEngine } from "@tsparticles/react"; -import { loadSlim } from "@tsparticles/slim"; -import tsconfig from '../../../tsparticles.config.json' +import { Canvas, useFrame } from "@react-three/fiber"; +import Styles from "./BackGround.module.css" +import { useRef, useState, useEffect, useCallback } from "react"; -function Background() { - const [init, setInit] = useState(false); - - // this should be run only once per application lifetime - useEffect(() => { - initParticlesEngine(async (engine) => { - await loadSlim(engine); - }).then(() => { - setInit(true); - }); - }, []); - - const particlesLoaded = (container) => { - console.log(container); - }; - - const options = useMemo( - () => (tsconfig), - [], - ); - if (init) { - return ( - - ); - } - - return <>; +function Star({ position }) { + const radius = 0.005; + return ( + + + + + ); }; -export default Background; \ No newline at end of file +function StarField({ numberOfStars = 100 }) { + + const starFieldRef = useRef(); + + useFrame((state, delta) => { + starFieldRef.current.rotation.x += -0.001 + starFieldRef.current.rotation.y += 0.002 + }) + + const [positions, setPositions] = useState([]) + + const addStars = useCallback(() => { + const starsPosition = []; + for (let i = 0; i < numberOfStars; i++) { + let x = (Math.random() * 2 - 1) * 10; // Ensure x is within -5 to 5 range + let y = (Math.random() * 2 - 1) * 10; // Ensure y is within -5 to 5 range + let z = (Math.random() * 2 - 1) * 4; // Ensure z is within -5 to 5 range + starsPosition.push([x, y, z]); + } + setPositions((prev) => [...starsPosition]); + }, [numberOfStars]) + + useEffect(addStars, []); + return ( + + { + positions.map((position, index) => ( + + )) + } + + ) +} + + +function Background() { + + return ( +
+ + + + +
+ ); +} + +export default Background; diff --git a/tsparticles.config.json b/tsparticles.config.json deleted file mode 100644 index 0304189..0000000 --- a/tsparticles.config.json +++ /dev/null @@ -1,105 +0,0 @@ -{ - "particles": { - "number": { - "value": 241, - "density": { - "enable": true, - "value_area": 800 - } - }, - "color": { - "value": "#ffffff" - }, - "shape": { - "type": "circle", - "stroke": { - "width": 0, - "color": "#000000" - }, - "polygon": { - "nb_sides": 5 - } - }, - "opacity": { - "value": 1, - "random": true, - "anim": { - "enable": true, - "speed": 0.5684540486109415, - "opacity_min": 0, - "sync": false - } - }, - "size": { - "value": {"min":1,"max":2}, - "random": true, - "anim": { - "enable": true, - "speed": 12.181158184520175, - "size_min": 0, - "sync": false - } - }, - "line_linked": { - "enable": false, - "distance": 150, - "color": "#ffffff", - "opacity": 0.4, - "width": 1 - }, - "move": { - "enable": true, - "speed": 7, - "direction": "top-left", - "random": true, - "straight": true, - "out_mode": "out", - "bounce": false, - "attract": { - "enable": true, - "rotateX": 641.3648243462092, - "rotateY": 600 - } - } - }, - "interactivity": { - "detect_on": "canvas", - "events": { - "onhover": { - "enable": true, - "mode": "repulse" - }, - "onclick": { - "enable": false, - "mode": "repulse" - }, - "resize": true - }, - "modes": { - "grab": { - "distance": 400, - "line_linked": { - "opacity": 1 - } - }, - "bubble": { - "distance": 250, - "size": 0, - "duration": 2, - "opacity": 0, - "speed": 3 - }, - "repulse": { - "distance": 400, - "duration": 0.4 - }, - "push": { - "particles_nb": 4 - }, - "remove": { - "particles_nb": 2 - } - } - }, - "retina_detect": true -} \ No newline at end of file From ef67a50310c71e1b59c70ff7c4a641660c99d7c1 Mon Sep 17 00:00:00 2001 From: Donald Reddy Indelu Date: Thu, 30 May 2024 11:30:56 +0530 Subject: [PATCH 4/5] add 3d star field --- dist/assets/index-D67J1T9l.js | 66 ------------------- dist/assets/index-D8jJgqdT.css | 1 - dist/index.html | 55 +++++++--------- .../BackGround.jsx} | 0 .../BackGround/BackGround.module.css | 6 ++ 5 files changed, 28 insertions(+), 100 deletions(-) delete mode 100644 dist/assets/index-D67J1T9l.js delete mode 100644 dist/assets/index-D8jJgqdT.css rename src/components/{Background/Background.jsx => BackGround/BackGround.jsx} (100%) create mode 100644 src/components/BackGround/BackGround.module.css diff --git a/dist/assets/index-D67J1T9l.js b/dist/assets/index-D67J1T9l.js deleted file mode 100644 index 5192876..0000000 --- a/dist/assets/index-D67J1T9l.js +++ /dev/null @@ -1,66 +0,0 @@ -(function(){const t=document.createElement("link").relList;if(t&&t.supports&&t.supports("modulepreload"))return;for(const i of document.querySelectorAll('link[rel="modulepreload"]'))r(i);new MutationObserver(i=>{for(const l of i)if(l.type==="childList")for(const o of l.addedNodes)o.tagName==="LINK"&&o.rel==="modulepreload"&&r(o)}).observe(document,{childList:!0,subtree:!0});function n(i){const l={};return i.integrity&&(l.integrity=i.integrity),i.referrerPolicy&&(l.referrerPolicy=i.referrerPolicy),i.crossOrigin==="use-credentials"?l.credentials="include":i.crossOrigin==="anonymous"?l.credentials="omit":l.credentials="same-origin",l}function r(i){if(i.ep)return;i.ep=!0;const l=n(i);fetch(i.href,l)}})();function sc(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var Ys={exports:{}},ti={},qs={exports:{}},T={};/** - * @license React - * react.production.min.js - * - * Copyright (c) Facebook, Inc. and its affiliates. - * - * This source code is licensed under the MIT license found in the - * LICENSE file in the root directory of this source tree. - */var Xn=Symbol.for("react.element"),ac=Symbol.for("react.portal"),uc=Symbol.for("react.fragment"),cc=Symbol.for("react.strict_mode"),dc=Symbol.for("react.profiler"),fc=Symbol.for("react.provider"),pc=Symbol.for("react.context"),mc=Symbol.for("react.forward_ref"),hc=Symbol.for("react.suspense"),vc=Symbol.for("react.memo"),yc=Symbol.for("react.lazy"),Do=Symbol.iterator;function gc(e){return e===null||typeof e!="object"?null:(e=Do&&e[Do]||e["@@iterator"],typeof e=="function"?e:null)}var Xs={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},Gs=Object.assign,Js={};function ln(e,t,n){this.props=e,this.context=t,this.refs=Js,this.updater=n||Xs}ln.prototype.isReactComponent={};ln.prototype.setState=function(e,t){if(typeof e!="object"&&typeof e!="function"&&e!=null)throw Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,e,t,"setState")};ln.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")};function Zs(){}Zs.prototype=ln.prototype;function $l(e,t,n){this.props=e,this.context=t,this.refs=Js,this.updater=n||Xs}var Hl=$l.prototype=new Zs;Hl.constructor=$l;Gs(Hl,ln.prototype);Hl.isPureReactComponent=!0;var Ao=Array.isArray,bs=Object.prototype.hasOwnProperty,Vl={current:null},ea={key:!0,ref:!0,__self:!0,__source:!0};function ta(e,t,n){var r,i={},l=null,o=null;if(t!=null)for(r in t.ref!==void 0&&(o=t.ref),t.key!==void 0&&(l=""+t.key),t)bs.call(t,r)&&!ea.hasOwnProperty(r)&&(i[r]=t[r]);var s=arguments.length-2;if(s===1)i.children=n;else if(1>>1,X=E[W];if(0>>1;Wi(wi,z))yti(tr,wi)?(E[W]=tr,E[yt]=z,W=yt):(E[W]=wi,E[vt]=z,W=vt);else if(yti(tr,z))E[W]=tr,E[yt]=z,W=yt;else break e}}return j}function i(E,j){var z=E.sortIndex-j.sortIndex;return z!==0?z:E.id-j.id}if(typeof performance=="object"&&typeof performance.now=="function"){var l=performance;e.unstable_now=function(){return l.now()}}else{var o=Date,s=o.now();e.unstable_now=function(){return o.now()-s}}var a=[],u=[],m=1,h=null,v=3,y=!1,x=!1,k=!1,R=typeof setTimeout=="function"?setTimeout:null,d=typeof clearTimeout=="function"?clearTimeout:null,c=typeof setImmediate<"u"?setImmediate:null;typeof navigator<"u"&&navigator.scheduling!==void 0&&navigator.scheduling.isInputPending!==void 0&&navigator.scheduling.isInputPending.bind(navigator.scheduling);function f(E){for(var j=n(u);j!==null;){if(j.callback===null)r(u);else if(j.startTime<=E)r(u),j.sortIndex=j.expirationTime,t(a,j);else break;j=n(u)}}function g(E){if(k=!1,f(E),!x)if(n(a)!==null)x=!0,yi(S);else{var j=n(u);j!==null&&gi(g,j.startTime-E)}}function S(E,j){x=!1,k&&(k=!1,d(P),P=-1),y=!0;var z=v;try{for(f(j),h=n(a);h!==null&&(!(h.expirationTime>j)||E&&!Ne());){var W=h.callback;if(typeof W=="function"){h.callback=null,v=h.priorityLevel;var X=W(h.expirationTime<=j);j=e.unstable_now(),typeof X=="function"?h.callback=X:h===n(a)&&r(a),f(j)}else r(a);h=n(a)}if(h!==null)var er=!0;else{var vt=n(u);vt!==null&&gi(g,vt.startTime-j),er=!1}return er}finally{h=null,v=z,y=!1}}var N=!1,C=null,P=-1,V=5,L=-1;function Ne(){return!(e.unstable_now()-LE||125W?(E.sortIndex=z,t(u,E),n(a)===null&&E===n(u)&&(k?(d(P),P=-1):k=!0,gi(g,z-W))):(E.sortIndex=X,t(a,E),x||y||(x=!0,yi(S))),E},e.unstable_shouldYield=Ne,e.unstable_wrapCallback=function(E){var j=v;return function(){var z=v;v=j;try{return E.apply(this,arguments)}finally{v=z}}}})(oa);la.exports=oa;var Tc=la.exports;/** - * @license React - * react-dom.production.min.js - * - * Copyright (c) Facebook, Inc. and its affiliates. - * - * This source code is licensed under the MIT license found in the - * LICENSE file in the root directory of this source tree. - */var Lc=on,ye=Tc;function w(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;n"u"||typeof window.document>"u"||typeof window.document.createElement>"u"),qi=Object.prototype.hasOwnProperty,Mc=/^[:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD][:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD\-.0-9\u00B7\u0300-\u036F\u203F-\u2040]*$/,Bo={},$o={};function Rc(e){return qi.call($o,e)?!0:qi.call(Bo,e)?!1:Mc.test(e)?$o[e]=!0:(Bo[e]=!0,!1)}function Fc(e,t,n,r){if(n!==null&&n.type===0)return!1;switch(typeof t){case"function":case"symbol":return!0;case"boolean":return r?!1:n!==null?!n.acceptsBooleans:(e=e.toLowerCase().slice(0,5),e!=="data-"&&e!=="aria-");default:return!1}}function Ic(e,t,n,r){if(t===null||typeof t>"u"||Fc(e,t,n,r))return!0;if(r)return!1;if(n!==null)switch(n.type){case 3:return!t;case 4:return t===!1;case 5:return isNaN(t);case 6:return isNaN(t)||1>t}return!1}function ae(e,t,n,r,i,l,o){this.acceptsBooleans=t===2||t===3||t===4,this.attributeName=r,this.attributeNamespace=i,this.mustUseProperty=n,this.propertyName=e,this.type=t,this.sanitizeURL=l,this.removeEmptyString=o}var ee={};"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ").forEach(function(e){ee[e]=new ae(e,0,!1,e,null,!1,!1)});[["acceptCharset","accept-charset"],["className","class"],["htmlFor","for"],["httpEquiv","http-equiv"]].forEach(function(e){var t=e[0];ee[t]=new ae(t,1,!1,e[1],null,!1,!1)});["contentEditable","draggable","spellCheck","value"].forEach(function(e){ee[e]=new ae(e,2,!1,e.toLowerCase(),null,!1,!1)});["autoReverse","externalResourcesRequired","focusable","preserveAlpha"].forEach(function(e){ee[e]=new ae(e,2,!1,e,null,!1,!1)});"allowFullScreen async autoFocus autoPlay controls default defer disabled disablePictureInPicture disableRemotePlayback formNoValidate hidden loop noModule noValidate open playsInline readOnly required reversed scoped seamless itemScope".split(" ").forEach(function(e){ee[e]=new ae(e,3,!1,e.toLowerCase(),null,!1,!1)});["checked","multiple","muted","selected"].forEach(function(e){ee[e]=new ae(e,3,!0,e,null,!1,!1)});["capture","download"].forEach(function(e){ee[e]=new ae(e,4,!1,e,null,!1,!1)});["cols","rows","size","span"].forEach(function(e){ee[e]=new ae(e,6,!1,e,null,!1,!1)});["rowSpan","start"].forEach(function(e){ee[e]=new ae(e,5,!1,e.toLowerCase(),null,!1,!1)});var Ql=/[\-:]([a-z])/g;function Kl(e){return e[1].toUpperCase()}"accent-height alignment-baseline arabic-form baseline-shift cap-height clip-path clip-rule color-interpolation color-interpolation-filters color-profile color-rendering dominant-baseline enable-background fill-opacity fill-rule flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight glyph-name glyph-orientation-horizontal glyph-orientation-vertical horiz-adv-x horiz-origin-x image-rendering letter-spacing lighting-color marker-end marker-mid marker-start overline-position overline-thickness paint-order panose-1 pointer-events rendering-intent shape-rendering stop-color stop-opacity strikethrough-position strikethrough-thickness stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration text-rendering underline-position underline-thickness unicode-bidi unicode-range units-per-em v-alphabetic v-hanging v-ideographic v-mathematical vector-effect vert-adv-y vert-origin-x vert-origin-y word-spacing writing-mode xmlns:xlink x-height".split(" ").forEach(function(e){var t=e.replace(Ql,Kl);ee[t]=new ae(t,1,!1,e,null,!1,!1)});"xlink:actuate xlink:arcrole xlink:role xlink:show xlink:title xlink:type".split(" ").forEach(function(e){var t=e.replace(Ql,Kl);ee[t]=new ae(t,1,!1,e,"http://www.w3.org/1999/xlink",!1,!1)});["xml:base","xml:lang","xml:space"].forEach(function(e){var t=e.replace(Ql,Kl);ee[t]=new ae(t,1,!1,e,"http://www.w3.org/XML/1998/namespace",!1,!1)});["tabIndex","crossOrigin"].forEach(function(e){ee[e]=new ae(e,1,!1,e.toLowerCase(),null,!1,!1)});ee.xlinkHref=new ae("xlinkHref",1,!1,"xlink:href","http://www.w3.org/1999/xlink",!0,!1);["src","href","action","formAction"].forEach(function(e){ee[e]=new ae(e,1,!1,e.toLowerCase(),null,!0,!0)});function Yl(e,t,n,r){var i=ee.hasOwnProperty(t)?ee[t]:null;(i!==null?i.type!==0:r||!(2s||i[o]!==l[s]){var a=` -`+i[o].replace(" at new "," at ");return e.displayName&&a.includes("")&&(a=a.replace("",e.displayName)),a}while(1<=o&&0<=s);break}}}finally{Si=!1,Error.prepareStackTrace=n}return(e=e?e.displayName||e.name:"")?wn(e):""}function Oc(e){switch(e.tag){case 5:return wn(e.type);case 16:return wn("Lazy");case 13:return wn("Suspense");case 19:return wn("SuspenseList");case 0:case 2:case 15:return e=_i(e.type,!1),e;case 11:return e=_i(e.type.render,!1),e;case 1:return e=_i(e.type,!0),e;default:return""}}function Zi(e){if(e==null)return null;if(typeof e=="function")return e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case Ft:return"Fragment";case Rt:return"Portal";case Xi:return"Profiler";case ql:return"StrictMode";case Gi:return"Suspense";case Ji:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case ua:return(e.displayName||"Context")+".Consumer";case aa:return(e._context.displayName||"Context")+".Provider";case Xl:var t=e.render;return e=e.displayName,e||(e=t.displayName||t.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case Gl:return t=e.displayName||null,t!==null?t:Zi(e.type)||"Memo";case Je:t=e._payload,e=e._init;try{return Zi(e(t))}catch{}}return null}function Dc(e){var t=e.type;switch(e.tag){case 24:return"Cache";case 9:return(t.displayName||"Context")+".Consumer";case 10:return(t._context.displayName||"Context")+".Provider";case 18:return"DehydratedFragment";case 11:return e=t.render,e=e.displayName||e.name||"",t.displayName||(e!==""?"ForwardRef("+e+")":"ForwardRef");case 7:return"Fragment";case 5:return t;case 4:return"Portal";case 3:return"Root";case 6:return"Text";case 16:return Zi(t);case 8:return t===ql?"StrictMode":"Mode";case 22:return"Offscreen";case 12:return"Profiler";case 21:return"Scope";case 13:return"Suspense";case 19:return"SuspenseList";case 25:return"TracingMarker";case 1:case 0:case 17:case 2:case 14:case 15:if(typeof t=="function")return t.displayName||t.name||null;if(typeof t=="string")return t}return null}function dt(e){switch(typeof e){case"boolean":case"number":case"string":case"undefined":return e;case"object":return e;default:return""}}function da(e){var t=e.type;return(e=e.nodeName)&&e.toLowerCase()==="input"&&(t==="checkbox"||t==="radio")}function Ac(e){var t=da(e)?"checked":"value",n=Object.getOwnPropertyDescriptor(e.constructor.prototype,t),r=""+e[t];if(!e.hasOwnProperty(t)&&typeof n<"u"&&typeof n.get=="function"&&typeof n.set=="function"){var i=n.get,l=n.set;return Object.defineProperty(e,t,{configurable:!0,get:function(){return i.call(this)},set:function(o){r=""+o,l.call(this,o)}}),Object.defineProperty(e,t,{enumerable:n.enumerable}),{getValue:function(){return r},setValue:function(o){r=""+o},stopTracking:function(){e._valueTracker=null,delete e[t]}}}}function ir(e){e._valueTracker||(e._valueTracker=Ac(e))}function fa(e){if(!e)return!1;var t=e._valueTracker;if(!t)return!0;var n=t.getValue(),r="";return e&&(r=da(e)?e.checked?"true":"false":e.value),e=r,e!==n?(t.setValue(e),!0):!1}function Lr(e){if(e=e||(typeof document<"u"?document:void 0),typeof e>"u")return null;try{return e.activeElement||e.body}catch{return e.body}}function bi(e,t){var n=t.checked;return $({},t,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:n??e._wrapperState.initialChecked})}function Vo(e,t){var n=t.defaultValue==null?"":t.defaultValue,r=t.checked!=null?t.checked:t.defaultChecked;n=dt(t.value!=null?t.value:n),e._wrapperState={initialChecked:r,initialValue:n,controlled:t.type==="checkbox"||t.type==="radio"?t.checked!=null:t.value!=null}}function pa(e,t){t=t.checked,t!=null&&Yl(e,"checked",t,!1)}function el(e,t){pa(e,t);var n=dt(t.value),r=t.type;if(n!=null)r==="number"?(n===0&&e.value===""||e.value!=n)&&(e.value=""+n):e.value!==""+n&&(e.value=""+n);else if(r==="submit"||r==="reset"){e.removeAttribute("value");return}t.hasOwnProperty("value")?tl(e,t.type,n):t.hasOwnProperty("defaultValue")&&tl(e,t.type,dt(t.defaultValue)),t.checked==null&&t.defaultChecked!=null&&(e.defaultChecked=!!t.defaultChecked)}function Wo(e,t,n){if(t.hasOwnProperty("value")||t.hasOwnProperty("defaultValue")){var r=t.type;if(!(r!=="submit"&&r!=="reset"||t.value!==void 0&&t.value!==null))return;t=""+e._wrapperState.initialValue,n||t===e.value||(e.value=t),e.defaultValue=t}n=e.name,n!==""&&(e.name=""),e.defaultChecked=!!e._wrapperState.initialChecked,n!==""&&(e.name=n)}function tl(e,t,n){(t!=="number"||Lr(e.ownerDocument)!==e)&&(n==null?e.defaultValue=""+e._wrapperState.initialValue:e.defaultValue!==""+n&&(e.defaultValue=""+n))}var xn=Array.isArray;function Qt(e,t,n,r){if(e=e.options,t){t={};for(var i=0;i"+t.valueOf().toString()+"",t=lr.firstChild;e.firstChild;)e.removeChild(e.firstChild);for(;t.firstChild;)e.appendChild(t.firstChild)}});function Rn(e,t){if(t){var n=e.firstChild;if(n&&n===e.lastChild&&n.nodeType===3){n.nodeValue=t;return}}e.textContent=t}var _n={animationIterationCount:!0,aspectRatio:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridArea:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},Uc=["Webkit","ms","Moz","O"];Object.keys(_n).forEach(function(e){Uc.forEach(function(t){t=t+e.charAt(0).toUpperCase()+e.substring(1),_n[t]=_n[e]})});function ya(e,t,n){return t==null||typeof t=="boolean"||t===""?"":n||typeof t!="number"||t===0||_n.hasOwnProperty(e)&&_n[e]?(""+t).trim():t+"px"}function ga(e,t){e=e.style;for(var n in t)if(t.hasOwnProperty(n)){var r=n.indexOf("--")===0,i=ya(n,t[n],r);n==="float"&&(n="cssFloat"),r?e.setProperty(n,i):e[n]=i}}var Bc=$({menuitem:!0},{area:!0,base:!0,br:!0,col:!0,embed:!0,hr:!0,img:!0,input:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0});function il(e,t){if(t){if(Bc[e]&&(t.children!=null||t.dangerouslySetInnerHTML!=null))throw Error(w(137,e));if(t.dangerouslySetInnerHTML!=null){if(t.children!=null)throw Error(w(60));if(typeof t.dangerouslySetInnerHTML!="object"||!("__html"in t.dangerouslySetInnerHTML))throw Error(w(61))}if(t.style!=null&&typeof t.style!="object")throw Error(w(62))}}function ll(e,t){if(e.indexOf("-")===-1)return typeof t.is=="string";switch(e){case"annotation-xml":case"color-profile":case"font-face":case"font-face-src":case"font-face-uri":case"font-face-format":case"font-face-name":case"missing-glyph":return!1;default:return!0}}var ol=null;function Jl(e){return e=e.target||e.srcElement||window,e.correspondingUseElement&&(e=e.correspondingUseElement),e.nodeType===3?e.parentNode:e}var sl=null,Kt=null,Yt=null;function Yo(e){if(e=Zn(e)){if(typeof sl!="function")throw Error(w(280));var t=e.stateNode;t&&(t=oi(t),sl(e.stateNode,e.type,t))}}function wa(e){Kt?Yt?Yt.push(e):Yt=[e]:Kt=e}function xa(){if(Kt){var e=Kt,t=Yt;if(Yt=Kt=null,Yo(e),t)for(e=0;e>>=0,e===0?32:31-(Jc(e)/Zc|0)|0}var or=64,sr=4194304;function kn(e){switch(e&-e){case 1:return 1;case 2:return 2;case 4:return 4;case 8:return 8;case 16:return 16;case 32:return 32;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return e&4194240;case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:return e&130023424;case 134217728:return 134217728;case 268435456:return 268435456;case 536870912:return 536870912;case 1073741824:return 1073741824;default:return e}}function Ir(e,t){var n=e.pendingLanes;if(n===0)return 0;var r=0,i=e.suspendedLanes,l=e.pingedLanes,o=n&268435455;if(o!==0){var s=o&~i;s!==0?r=kn(s):(l&=o,l!==0&&(r=kn(l)))}else o=n&~i,o!==0?r=kn(o):l!==0&&(r=kn(l));if(r===0)return 0;if(t!==0&&t!==r&&!(t&i)&&(i=r&-r,l=t&-t,i>=l||i===16&&(l&4194240)!==0))return t;if(r&4&&(r|=n&16),t=e.entangledLanes,t!==0)for(e=e.entanglements,t&=r;0n;n++)t.push(e);return t}function Gn(e,t,n){e.pendingLanes|=t,t!==536870912&&(e.suspendedLanes=0,e.pingedLanes=0),e=e.eventTimes,t=31-Le(t),e[t]=n}function nd(e,t){var n=e.pendingLanes&~t;e.pendingLanes=t,e.suspendedLanes=0,e.pingedLanes=0,e.expiredLanes&=t,e.mutableReadLanes&=t,e.entangledLanes&=t,t=e.entanglements;var r=e.eventTimes;for(e=e.expirationTimes;0=Cn),ns=" ",rs=!1;function Ba(e,t){switch(e){case"keyup":return Td.indexOf(t.keyCode)!==-1;case"keydown":return t.keyCode!==229;case"keypress":case"mousedown":case"focusout":return!0;default:return!1}}function $a(e){return e=e.detail,typeof e=="object"&&"data"in e?e.data:null}var It=!1;function Md(e,t){switch(e){case"compositionend":return $a(t);case"keypress":return t.which!==32?null:(rs=!0,ns);case"textInput":return e=t.data,e===ns&&rs?null:e;default:return null}}function Rd(e,t){if(It)return e==="compositionend"||!lo&&Ba(e,t)?(e=Aa(),Sr=no=tt=null,It=!1,e):null;switch(e){case"paste":return null;case"keypress":if(!(t.ctrlKey||t.altKey||t.metaKey)||t.ctrlKey&&t.altKey){if(t.char&&1=t)return{node:n,offset:t-e};e=r}e:{for(;n;){if(n.nextSibling){n=n.nextSibling;break e}n=n.parentNode}n=void 0}n=ss(n)}}function Qa(e,t){return e&&t?e===t?!0:e&&e.nodeType===3?!1:t&&t.nodeType===3?Qa(e,t.parentNode):"contains"in e?e.contains(t):e.compareDocumentPosition?!!(e.compareDocumentPosition(t)&16):!1:!1}function Ka(){for(var e=window,t=Lr();t instanceof e.HTMLIFrameElement;){try{var n=typeof t.contentWindow.location.href=="string"}catch{n=!1}if(n)e=t.contentWindow;else break;t=Lr(e.document)}return t}function oo(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return t&&(t==="input"&&(e.type==="text"||e.type==="search"||e.type==="tel"||e.type==="url"||e.type==="password")||t==="textarea"||e.contentEditable==="true")}function Hd(e){var t=Ka(),n=e.focusedElem,r=e.selectionRange;if(t!==n&&n&&n.ownerDocument&&Qa(n.ownerDocument.documentElement,n)){if(r!==null&&oo(n)){if(t=r.start,e=r.end,e===void 0&&(e=t),"selectionStart"in n)n.selectionStart=t,n.selectionEnd=Math.min(e,n.value.length);else if(e=(t=n.ownerDocument||document)&&t.defaultView||window,e.getSelection){e=e.getSelection();var i=n.textContent.length,l=Math.min(r.start,i);r=r.end===void 0?l:Math.min(r.end,i),!e.extend&&l>r&&(i=r,r=l,l=i),i=as(n,l);var o=as(n,r);i&&o&&(e.rangeCount!==1||e.anchorNode!==i.node||e.anchorOffset!==i.offset||e.focusNode!==o.node||e.focusOffset!==o.offset)&&(t=t.createRange(),t.setStart(i.node,i.offset),e.removeAllRanges(),l>r?(e.addRange(t),e.extend(o.node,o.offset)):(t.setEnd(o.node,o.offset),e.addRange(t)))}}for(t=[],e=n;e=e.parentNode;)e.nodeType===1&&t.push({element:e,left:e.scrollLeft,top:e.scrollTop});for(typeof n.focus=="function"&&n.focus(),n=0;n=document.documentMode,Ot=null,pl=null,Pn=null,ml=!1;function us(e,t,n){var r=n.window===n?n.document:n.nodeType===9?n:n.ownerDocument;ml||Ot==null||Ot!==Lr(r)||(r=Ot,"selectionStart"in r&&oo(r)?r={start:r.selectionStart,end:r.selectionEnd}:(r=(r.ownerDocument&&r.ownerDocument.defaultView||window).getSelection(),r={anchorNode:r.anchorNode,anchorOffset:r.anchorOffset,focusNode:r.focusNode,focusOffset:r.focusOffset}),Pn&&Un(Pn,r)||(Pn=r,r=Ar(pl,"onSelect"),0Ut||(e.current=xl[Ut],xl[Ut]=null,Ut--)}function I(e,t){Ut++,xl[Ut]=e.current,e.current=t}var ft={},ie=mt(ft),de=mt(!1),Ct=ft;function Zt(e,t){var n=e.type.contextTypes;if(!n)return ft;var r=e.stateNode;if(r&&r.__reactInternalMemoizedUnmaskedChildContext===t)return r.__reactInternalMemoizedMaskedChildContext;var i={},l;for(l in n)i[l]=t[l];return r&&(e=e.stateNode,e.__reactInternalMemoizedUnmaskedChildContext=t,e.__reactInternalMemoizedMaskedChildContext=i),i}function fe(e){return e=e.childContextTypes,e!=null}function Br(){D(de),D(ie)}function vs(e,t,n){if(ie.current!==ft)throw Error(w(168));I(ie,t),I(de,n)}function tu(e,t,n){var r=e.stateNode;if(t=t.childContextTypes,typeof r.getChildContext!="function")return n;r=r.getChildContext();for(var i in r)if(!(i in t))throw Error(w(108,Dc(e)||"Unknown",i));return $({},n,r)}function $r(e){return e=(e=e.stateNode)&&e.__reactInternalMemoizedMergedChildContext||ft,Ct=ie.current,I(ie,e),I(de,de.current),!0}function ys(e,t,n){var r=e.stateNode;if(!r)throw Error(w(169));n?(e=tu(e,t,Ct),r.__reactInternalMemoizedMergedChildContext=e,D(de),D(ie),I(ie,e)):D(de),I(de,n)}var $e=null,si=!1,Di=!1;function nu(e){$e===null?$e=[e]:$e.push(e)}function ef(e){si=!0,nu(e)}function ht(){if(!Di&&$e!==null){Di=!0;var e=0,t=F;try{var n=$e;for(F=1;e>=o,i-=o,He=1<<32-Le(t)+i|n<P?(V=C,C=null):V=C.sibling;var L=v(d,C,f[P],g);if(L===null){C===null&&(C=V);break}e&&C&&L.alternate===null&&t(d,C),c=l(L,c,P),N===null?S=L:N.sibling=L,N=L,C=V}if(P===f.length)return n(d,C),A&>(d,P),S;if(C===null){for(;PP?(V=C,C=null):V=C.sibling;var Ne=v(d,C,L.value,g);if(Ne===null){C===null&&(C=V);break}e&&C&&Ne.alternate===null&&t(d,C),c=l(Ne,c,P),N===null?S=Ne:N.sibling=Ne,N=Ne,C=V}if(L.done)return n(d,C),A&>(d,P),S;if(C===null){for(;!L.done;P++,L=f.next())L=h(d,L.value,g),L!==null&&(c=l(L,c,P),N===null?S=L:N.sibling=L,N=L);return A&>(d,P),S}for(C=r(d,C);!L.done;P++,L=f.next())L=y(C,d,P,L.value,g),L!==null&&(e&&L.alternate!==null&&C.delete(L.key===null?P:L.key),c=l(L,c,P),N===null?S=L:N.sibling=L,N=L);return e&&C.forEach(function(un){return t(d,un)}),A&>(d,P),S}function R(d,c,f,g){if(typeof f=="object"&&f!==null&&f.type===Ft&&f.key===null&&(f=f.props.children),typeof f=="object"&&f!==null){switch(f.$$typeof){case rr:e:{for(var S=f.key,N=c;N!==null;){if(N.key===S){if(S=f.type,S===Ft){if(N.tag===7){n(d,N.sibling),c=i(N,f.props.children),c.return=d,d=c;break e}}else if(N.elementType===S||typeof S=="object"&&S!==null&&S.$$typeof===Je&&xs(S)===N.type){n(d,N.sibling),c=i(N,f.props),c.ref=vn(d,N,f),c.return=d,d=c;break e}n(d,N);break}else t(d,N);N=N.sibling}f.type===Ft?(c=Et(f.props.children,d.mode,g,f.key),c.return=d,d=c):(g=Tr(f.type,f.key,f.props,null,d.mode,g),g.ref=vn(d,c,f),g.return=d,d=g)}return o(d);case Rt:e:{for(N=f.key;c!==null;){if(c.key===N)if(c.tag===4&&c.stateNode.containerInfo===f.containerInfo&&c.stateNode.implementation===f.implementation){n(d,c.sibling),c=i(c,f.children||[]),c.return=d,d=c;break e}else{n(d,c);break}else t(d,c);c=c.sibling}c=Qi(f,d.mode,g),c.return=d,d=c}return o(d);case Je:return N=f._init,R(d,c,N(f._payload),g)}if(xn(f))return x(d,c,f,g);if(dn(f))return k(d,c,f,g);mr(d,f)}return typeof f=="string"&&f!==""||typeof f=="number"?(f=""+f,c!==null&&c.tag===6?(n(d,c.sibling),c=i(c,f),c.return=d,d=c):(n(d,c),c=Wi(f,d.mode,g),c.return=d,d=c),o(d)):n(d,c)}return R}var en=ou(!0),su=ou(!1),Wr=mt(null),Qr=null,Ht=null,co=null;function fo(){co=Ht=Qr=null}function po(e){var t=Wr.current;D(Wr),e._currentValue=t}function _l(e,t,n){for(;e!==null;){var r=e.alternate;if((e.childLanes&t)!==t?(e.childLanes|=t,r!==null&&(r.childLanes|=t)):r!==null&&(r.childLanes&t)!==t&&(r.childLanes|=t),e===n)break;e=e.return}}function Xt(e,t){Qr=e,co=Ht=null,e=e.dependencies,e!==null&&e.firstContext!==null&&(e.lanes&t&&(ce=!0),e.firstContext=null)}function Ee(e){var t=e._currentValue;if(co!==e)if(e={context:e,memoizedValue:t,next:null},Ht===null){if(Qr===null)throw Error(w(308));Ht=e,Qr.dependencies={lanes:0,firstContext:e}}else Ht=Ht.next=e;return t}var kt=null;function mo(e){kt===null?kt=[e]:kt.push(e)}function au(e,t,n,r){var i=t.interleaved;return i===null?(n.next=n,mo(t)):(n.next=i.next,i.next=n),t.interleaved=n,Ye(e,r)}function Ye(e,t){e.lanes|=t;var n=e.alternate;for(n!==null&&(n.lanes|=t),n=e,e=e.return;e!==null;)e.childLanes|=t,n=e.alternate,n!==null&&(n.childLanes|=t),n=e,e=e.return;return n.tag===3?n.stateNode:null}var Ze=!1;function ho(e){e.updateQueue={baseState:e.memoizedState,firstBaseUpdate:null,lastBaseUpdate:null,shared:{pending:null,interleaved:null,lanes:0},effects:null}}function uu(e,t){e=e.updateQueue,t.updateQueue===e&&(t.updateQueue={baseState:e.baseState,firstBaseUpdate:e.firstBaseUpdate,lastBaseUpdate:e.lastBaseUpdate,shared:e.shared,effects:e.effects})}function We(e,t){return{eventTime:e,lane:t,tag:0,payload:null,callback:null,next:null}}function st(e,t,n){var r=e.updateQueue;if(r===null)return null;if(r=r.shared,M&2){var i=r.pending;return i===null?t.next=t:(t.next=i.next,i.next=t),r.pending=t,Ye(e,n)}return i=r.interleaved,i===null?(t.next=t,mo(r)):(t.next=i.next,i.next=t),r.interleaved=t,Ye(e,n)}function Er(e,t,n){if(t=t.updateQueue,t!==null&&(t=t.shared,(n&4194240)!==0)){var r=t.lanes;r&=e.pendingLanes,n|=r,t.lanes=n,bl(e,n)}}function ks(e,t){var n=e.updateQueue,r=e.alternate;if(r!==null&&(r=r.updateQueue,n===r)){var i=null,l=null;if(n=n.firstBaseUpdate,n!==null){do{var o={eventTime:n.eventTime,lane:n.lane,tag:n.tag,payload:n.payload,callback:n.callback,next:null};l===null?i=l=o:l=l.next=o,n=n.next}while(n!==null);l===null?i=l=t:l=l.next=t}else i=l=t;n={baseState:r.baseState,firstBaseUpdate:i,lastBaseUpdate:l,shared:r.shared,effects:r.effects},e.updateQueue=n;return}e=n.lastBaseUpdate,e===null?n.firstBaseUpdate=t:e.next=t,n.lastBaseUpdate=t}function Kr(e,t,n,r){var i=e.updateQueue;Ze=!1;var l=i.firstBaseUpdate,o=i.lastBaseUpdate,s=i.shared.pending;if(s!==null){i.shared.pending=null;var a=s,u=a.next;a.next=null,o===null?l=u:o.next=u,o=a;var m=e.alternate;m!==null&&(m=m.updateQueue,s=m.lastBaseUpdate,s!==o&&(s===null?m.firstBaseUpdate=u:s.next=u,m.lastBaseUpdate=a))}if(l!==null){var h=i.baseState;o=0,m=u=a=null,s=l;do{var v=s.lane,y=s.eventTime;if((r&v)===v){m!==null&&(m=m.next={eventTime:y,lane:0,tag:s.tag,payload:s.payload,callback:s.callback,next:null});e:{var x=e,k=s;switch(v=t,y=n,k.tag){case 1:if(x=k.payload,typeof x=="function"){h=x.call(y,h,v);break e}h=x;break e;case 3:x.flags=x.flags&-65537|128;case 0:if(x=k.payload,v=typeof x=="function"?x.call(y,h,v):x,v==null)break e;h=$({},h,v);break e;case 2:Ze=!0}}s.callback!==null&&s.lane!==0&&(e.flags|=64,v=i.effects,v===null?i.effects=[s]:v.push(s))}else y={eventTime:y,lane:v,tag:s.tag,payload:s.payload,callback:s.callback,next:null},m===null?(u=m=y,a=h):m=m.next=y,o|=v;if(s=s.next,s===null){if(s=i.shared.pending,s===null)break;v=s,s=v.next,v.next=null,i.lastBaseUpdate=v,i.shared.pending=null}}while(!0);if(m===null&&(a=h),i.baseState=a,i.firstBaseUpdate=u,i.lastBaseUpdate=m,t=i.shared.interleaved,t!==null){i=t;do o|=i.lane,i=i.next;while(i!==t)}else l===null&&(i.shared.lanes=0);jt|=o,e.lanes=o,e.memoizedState=h}}function Ss(e,t,n){if(e=t.effects,t.effects=null,e!==null)for(t=0;tn?n:4,e(!0);var r=Ui.transition;Ui.transition={};try{e(!1),t()}finally{F=n,Ui.transition=r}}function Nu(){return Ce().memoizedState}function lf(e,t,n){var r=ut(e);if(n={lane:r,action:n,hasEagerState:!1,eagerState:null,next:null},Pu(e))ju(t,n);else if(n=au(e,t,n,r),n!==null){var i=oe();Me(n,e,r,i),zu(n,t,r)}}function of(e,t,n){var r=ut(e),i={lane:r,action:n,hasEagerState:!1,eagerState:null,next:null};if(Pu(e))ju(t,i);else{var l=e.alternate;if(e.lanes===0&&(l===null||l.lanes===0)&&(l=t.lastRenderedReducer,l!==null))try{var o=t.lastRenderedState,s=l(o,n);if(i.hasEagerState=!0,i.eagerState=s,Re(s,o)){var a=t.interleaved;a===null?(i.next=i,mo(t)):(i.next=a.next,a.next=i),t.interleaved=i;return}}catch{}finally{}n=au(e,t,i,r),n!==null&&(i=oe(),Me(n,e,r,i),zu(n,t,r))}}function Pu(e){var t=e.alternate;return e===B||t!==null&&t===B}function ju(e,t){jn=qr=!0;var n=e.pending;n===null?t.next=t:(t.next=n.next,n.next=t),e.pending=t}function zu(e,t,n){if(n&4194240){var r=t.lanes;r&=e.pendingLanes,n|=r,t.lanes=n,bl(e,n)}}var Xr={readContext:Ee,useCallback:te,useContext:te,useEffect:te,useImperativeHandle:te,useInsertionEffect:te,useLayoutEffect:te,useMemo:te,useReducer:te,useRef:te,useState:te,useDebugValue:te,useDeferredValue:te,useTransition:te,useMutableSource:te,useSyncExternalStore:te,useId:te,unstable_isNewReconciler:!1},sf={readContext:Ee,useCallback:function(e,t){return Oe().memoizedState=[e,t===void 0?null:t],e},useContext:Ee,useEffect:Es,useImperativeHandle:function(e,t,n){return n=n!=null?n.concat([e]):null,Nr(4194308,4,ku.bind(null,t,e),n)},useLayoutEffect:function(e,t){return Nr(4194308,4,e,t)},useInsertionEffect:function(e,t){return Nr(4,2,e,t)},useMemo:function(e,t){var n=Oe();return t=t===void 0?null:t,e=e(),n.memoizedState=[e,t],e},useReducer:function(e,t,n){var r=Oe();return t=n!==void 0?n(t):t,r.memoizedState=r.baseState=t,e={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:e,lastRenderedState:t},r.queue=e,e=e.dispatch=lf.bind(null,B,e),[r.memoizedState,e]},useRef:function(e){var t=Oe();return e={current:e},t.memoizedState=e},useState:_s,useDebugValue:_o,useDeferredValue:function(e){return Oe().memoizedState=e},useTransition:function(){var e=_s(!1),t=e[0];return e=rf.bind(null,e[1]),Oe().memoizedState=e,[t,e]},useMutableSource:function(){},useSyncExternalStore:function(e,t,n){var r=B,i=Oe();if(A){if(n===void 0)throw Error(w(407));n=n()}else{if(n=t(),J===null)throw Error(w(349));Pt&30||pu(r,t,n)}i.memoizedState=n;var l={value:n,getSnapshot:t};return i.queue=l,Es(hu.bind(null,r,l,e),[e]),r.flags|=2048,Yn(9,mu.bind(null,r,l,n,t),void 0,null),n},useId:function(){var e=Oe(),t=J.identifierPrefix;if(A){var n=Ve,r=He;n=(r&~(1<<32-Le(r)-1)).toString(32)+n,t=":"+t+"R"+n,n=Qn++,0<\/script>",e=e.removeChild(e.firstChild)):typeof r.is=="string"?e=o.createElement(n,{is:r.is}):(e=o.createElement(n),n==="select"&&(o=e,r.multiple?o.multiple=!0:r.size&&(o.size=r.size))):e=o.createElementNS(e,n),e[De]=t,e[Hn]=r,Uu(e,t,!1,!1),t.stateNode=e;e:{switch(o=ll(n,r),n){case"dialog":O("cancel",e),O("close",e),i=r;break;case"iframe":case"object":case"embed":O("load",e),i=r;break;case"video":case"audio":for(i=0;irn&&(t.flags|=128,r=!0,yn(l,!1),t.lanes=4194304)}else{if(!r)if(e=Yr(o),e!==null){if(t.flags|=128,r=!0,n=e.updateQueue,n!==null&&(t.updateQueue=n,t.flags|=4),yn(l,!0),l.tail===null&&l.tailMode==="hidden"&&!o.alternate&&!A)return ne(t),null}else 2*Q()-l.renderingStartTime>rn&&n!==1073741824&&(t.flags|=128,r=!0,yn(l,!1),t.lanes=4194304);l.isBackwards?(o.sibling=t.child,t.child=o):(n=l.last,n!==null?n.sibling=o:t.child=o,l.last=o)}return l.tail!==null?(t=l.tail,l.rendering=t,l.tail=t.sibling,l.renderingStartTime=Q(),t.sibling=null,n=U.current,I(U,r?n&1|2:n&1),t):(ne(t),null);case 22:case 23:return zo(),r=t.memoizedState!==null,e!==null&&e.memoizedState!==null!==r&&(t.flags|=8192),r&&t.mode&1?me&1073741824&&(ne(t),t.subtreeFlags&6&&(t.flags|=8192)):ne(t),null;case 24:return null;case 25:return null}throw Error(w(156,t.tag))}function hf(e,t){switch(ao(t),t.tag){case 1:return fe(t.type)&&Br(),e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 3:return tn(),D(de),D(ie),go(),e=t.flags,e&65536&&!(e&128)?(t.flags=e&-65537|128,t):null;case 5:return yo(t),null;case 13:if(D(U),e=t.memoizedState,e!==null&&e.dehydrated!==null){if(t.alternate===null)throw Error(w(340));bt()}return e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 19:return D(U),null;case 4:return tn(),null;case 10:return po(t.type._context),null;case 22:case 23:return zo(),null;case 24:return null;default:return null}}var vr=!1,re=!1,vf=typeof WeakSet=="function"?WeakSet:Set,_=null;function Vt(e,t){var n=e.ref;if(n!==null)if(typeof n=="function")try{n(null)}catch(r){H(e,t,r)}else n.current=null}function Ml(e,t,n){try{n()}catch(r){H(e,t,r)}}var Is=!1;function yf(e,t){if(hl=Or,e=Ka(),oo(e)){if("selectionStart"in e)var n={start:e.selectionStart,end:e.selectionEnd};else e:{n=(n=e.ownerDocument)&&n.defaultView||window;var r=n.getSelection&&n.getSelection();if(r&&r.rangeCount!==0){n=r.anchorNode;var i=r.anchorOffset,l=r.focusNode;r=r.focusOffset;try{n.nodeType,l.nodeType}catch{n=null;break e}var o=0,s=-1,a=-1,u=0,m=0,h=e,v=null;t:for(;;){for(var y;h!==n||i!==0&&h.nodeType!==3||(s=o+i),h!==l||r!==0&&h.nodeType!==3||(a=o+r),h.nodeType===3&&(o+=h.nodeValue.length),(y=h.firstChild)!==null;)v=h,h=y;for(;;){if(h===e)break t;if(v===n&&++u===i&&(s=o),v===l&&++m===r&&(a=o),(y=h.nextSibling)!==null)break;h=v,v=h.parentNode}h=y}n=s===-1||a===-1?null:{start:s,end:a}}else n=null}n=n||{start:0,end:0}}else n=null;for(vl={focusedElem:e,selectionRange:n},Or=!1,_=t;_!==null;)if(t=_,e=t.child,(t.subtreeFlags&1028)!==0&&e!==null)e.return=t,_=e;else for(;_!==null;){t=_;try{var x=t.alternate;if(t.flags&1024)switch(t.tag){case 0:case 11:case 15:break;case 1:if(x!==null){var k=x.memoizedProps,R=x.memoizedState,d=t.stateNode,c=d.getSnapshotBeforeUpdate(t.elementType===t.type?k:je(t.type,k),R);d.__reactInternalSnapshotBeforeUpdate=c}break;case 3:var f=t.stateNode.containerInfo;f.nodeType===1?f.textContent="":f.nodeType===9&&f.documentElement&&f.removeChild(f.documentElement);break;case 5:case 6:case 4:case 17:break;default:throw Error(w(163))}}catch(g){H(t,t.return,g)}if(e=t.sibling,e!==null){e.return=t.return,_=e;break}_=t.return}return x=Is,Is=!1,x}function zn(e,t,n){var r=t.updateQueue;if(r=r!==null?r.lastEffect:null,r!==null){var i=r=r.next;do{if((i.tag&e)===e){var l=i.destroy;i.destroy=void 0,l!==void 0&&Ml(t,n,l)}i=i.next}while(i!==r)}}function ci(e,t){if(t=t.updateQueue,t=t!==null?t.lastEffect:null,t!==null){var n=t=t.next;do{if((n.tag&e)===e){var r=n.create;n.destroy=r()}n=n.next}while(n!==t)}}function Rl(e){var t=e.ref;if(t!==null){var n=e.stateNode;switch(e.tag){case 5:e=n;break;default:e=n}typeof t=="function"?t(e):t.current=e}}function Hu(e){var t=e.alternate;t!==null&&(e.alternate=null,Hu(t)),e.child=null,e.deletions=null,e.sibling=null,e.tag===5&&(t=e.stateNode,t!==null&&(delete t[De],delete t[Hn],delete t[wl],delete t[Zd],delete t[bd])),e.stateNode=null,e.return=null,e.dependencies=null,e.memoizedProps=null,e.memoizedState=null,e.pendingProps=null,e.stateNode=null,e.updateQueue=null}function Vu(e){return e.tag===5||e.tag===3||e.tag===4}function Os(e){e:for(;;){for(;e.sibling===null;){if(e.return===null||Vu(e.return))return null;e=e.return}for(e.sibling.return=e.return,e=e.sibling;e.tag!==5&&e.tag!==6&&e.tag!==18;){if(e.flags&2||e.child===null||e.tag===4)continue e;e.child.return=e,e=e.child}if(!(e.flags&2))return e.stateNode}}function Fl(e,t,n){var r=e.tag;if(r===5||r===6)e=e.stateNode,t?n.nodeType===8?n.parentNode.insertBefore(e,t):n.insertBefore(e,t):(n.nodeType===8?(t=n.parentNode,t.insertBefore(e,n)):(t=n,t.appendChild(e)),n=n._reactRootContainer,n!=null||t.onclick!==null||(t.onclick=Ur));else if(r!==4&&(e=e.child,e!==null))for(Fl(e,t,n),e=e.sibling;e!==null;)Fl(e,t,n),e=e.sibling}function Il(e,t,n){var r=e.tag;if(r===5||r===6)e=e.stateNode,t?n.insertBefore(e,t):n.appendChild(e);else if(r!==4&&(e=e.child,e!==null))for(Il(e,t,n),e=e.sibling;e!==null;)Il(e,t,n),e=e.sibling}var Z=null,ze=!1;function Ge(e,t,n){for(n=n.child;n!==null;)Wu(e,t,n),n=n.sibling}function Wu(e,t,n){if(Ae&&typeof Ae.onCommitFiberUnmount=="function")try{Ae.onCommitFiberUnmount(ni,n)}catch{}switch(n.tag){case 5:re||Vt(n,t);case 6:var r=Z,i=ze;Z=null,Ge(e,t,n),Z=r,ze=i,Z!==null&&(ze?(e=Z,n=n.stateNode,e.nodeType===8?e.parentNode.removeChild(n):e.removeChild(n)):Z.removeChild(n.stateNode));break;case 18:Z!==null&&(ze?(e=Z,n=n.stateNode,e.nodeType===8?Oi(e.parentNode,n):e.nodeType===1&&Oi(e,n),Dn(e)):Oi(Z,n.stateNode));break;case 4:r=Z,i=ze,Z=n.stateNode.containerInfo,ze=!0,Ge(e,t,n),Z=r,ze=i;break;case 0:case 11:case 14:case 15:if(!re&&(r=n.updateQueue,r!==null&&(r=r.lastEffect,r!==null))){i=r=r.next;do{var l=i,o=l.destroy;l=l.tag,o!==void 0&&(l&2||l&4)&&Ml(n,t,o),i=i.next}while(i!==r)}Ge(e,t,n);break;case 1:if(!re&&(Vt(n,t),r=n.stateNode,typeof r.componentWillUnmount=="function"))try{r.props=n.memoizedProps,r.state=n.memoizedState,r.componentWillUnmount()}catch(s){H(n,t,s)}Ge(e,t,n);break;case 21:Ge(e,t,n);break;case 22:n.mode&1?(re=(r=re)||n.memoizedState!==null,Ge(e,t,n),re=r):Ge(e,t,n);break;default:Ge(e,t,n)}}function Ds(e){var t=e.updateQueue;if(t!==null){e.updateQueue=null;var n=e.stateNode;n===null&&(n=e.stateNode=new vf),t.forEach(function(r){var i=Nf.bind(null,e,r);n.has(r)||(n.add(r),r.then(i,i))})}}function Pe(e,t){var n=t.deletions;if(n!==null)for(var r=0;ri&&(i=o),r&=~l}if(r=i,r=Q()-r,r=(120>r?120:480>r?480:1080>r?1080:1920>r?1920:3e3>r?3e3:4320>r?4320:1960*wf(r/1960))-r,10e?16:e,nt===null)var r=!1;else{if(e=nt,nt=null,Zr=0,M&6)throw Error(w(331));var i=M;for(M|=4,_=e.current;_!==null;){var l=_,o=l.child;if(_.flags&16){var s=l.deletions;if(s!==null){for(var a=0;aQ()-Po?_t(e,0):No|=n),pe(e,t)}function Zu(e,t){t===0&&(e.mode&1?(t=sr,sr<<=1,!(sr&130023424)&&(sr=4194304)):t=1);var n=oe();e=Ye(e,t),e!==null&&(Gn(e,t,n),pe(e,n))}function Cf(e){var t=e.memoizedState,n=0;t!==null&&(n=t.retryLane),Zu(e,n)}function Nf(e,t){var n=0;switch(e.tag){case 13:var r=e.stateNode,i=e.memoizedState;i!==null&&(n=i.retryLane);break;case 19:r=e.stateNode;break;default:throw Error(w(314))}r!==null&&r.delete(t),Zu(e,n)}var bu;bu=function(e,t,n){if(e!==null)if(e.memoizedProps!==t.pendingProps||de.current)ce=!0;else{if(!(e.lanes&n)&&!(t.flags&128))return ce=!1,pf(e,t,n);ce=!!(e.flags&131072)}else ce=!1,A&&t.flags&1048576&&ru(t,Vr,t.index);switch(t.lanes=0,t.tag){case 2:var r=t.type;Pr(e,t),e=t.pendingProps;var i=Zt(t,ie.current);Xt(t,n),i=xo(null,t,r,e,i,n);var l=ko();return t.flags|=1,typeof i=="object"&&i!==null&&typeof i.render=="function"&&i.$$typeof===void 0?(t.tag=1,t.memoizedState=null,t.updateQueue=null,fe(r)?(l=!0,$r(t)):l=!1,t.memoizedState=i.state!==null&&i.state!==void 0?i.state:null,ho(t),i.updater=ui,t.stateNode=i,i._reactInternals=t,Cl(t,r,e,n),t=jl(null,t,r,!0,l,n)):(t.tag=0,A&&l&&so(t),le(null,t,i,n),t=t.child),t;case 16:r=t.elementType;e:{switch(Pr(e,t),e=t.pendingProps,i=r._init,r=i(r._payload),t.type=r,i=t.tag=jf(r),e=je(r,e),i){case 0:t=Pl(null,t,r,e,n);break e;case 1:t=Ms(null,t,r,e,n);break e;case 11:t=Ts(null,t,r,e,n);break e;case 14:t=Ls(null,t,r,je(r.type,e),n);break e}throw Error(w(306,r,""))}return t;case 0:return r=t.type,i=t.pendingProps,i=t.elementType===r?i:je(r,i),Pl(e,t,r,i,n);case 1:return r=t.type,i=t.pendingProps,i=t.elementType===r?i:je(r,i),Ms(e,t,r,i,n);case 3:e:{if(Ou(t),e===null)throw Error(w(387));r=t.pendingProps,l=t.memoizedState,i=l.element,uu(e,t),Kr(t,r,null,n);var o=t.memoizedState;if(r=o.element,l.isDehydrated)if(l={element:r,isDehydrated:!1,cache:o.cache,pendingSuspenseBoundaries:o.pendingSuspenseBoundaries,transitions:o.transitions},t.updateQueue.baseState=l,t.memoizedState=l,t.flags&256){i=nn(Error(w(423)),t),t=Rs(e,t,r,n,i);break e}else if(r!==i){i=nn(Error(w(424)),t),t=Rs(e,t,r,n,i);break e}else for(he=ot(t.stateNode.containerInfo.firstChild),ve=t,A=!0,Te=null,n=su(t,null,r,n),t.child=n;n;)n.flags=n.flags&-3|4096,n=n.sibling;else{if(bt(),r===i){t=qe(e,t,n);break e}le(e,t,r,n)}t=t.child}return t;case 5:return cu(t),e===null&&Sl(t),r=t.type,i=t.pendingProps,l=e!==null?e.memoizedProps:null,o=i.children,yl(r,i)?o=null:l!==null&&yl(r,l)&&(t.flags|=32),Iu(e,t),le(e,t,o,n),t.child;case 6:return e===null&&Sl(t),null;case 13:return Du(e,t,n);case 4:return vo(t,t.stateNode.containerInfo),r=t.pendingProps,e===null?t.child=en(t,null,r,n):le(e,t,r,n),t.child;case 11:return r=t.type,i=t.pendingProps,i=t.elementType===r?i:je(r,i),Ts(e,t,r,i,n);case 7:return le(e,t,t.pendingProps,n),t.child;case 8:return le(e,t,t.pendingProps.children,n),t.child;case 12:return le(e,t,t.pendingProps.children,n),t.child;case 10:e:{if(r=t.type._context,i=t.pendingProps,l=t.memoizedProps,o=i.value,I(Wr,r._currentValue),r._currentValue=o,l!==null)if(Re(l.value,o)){if(l.children===i.children&&!de.current){t=qe(e,t,n);break e}}else for(l=t.child,l!==null&&(l.return=t);l!==null;){var s=l.dependencies;if(s!==null){o=l.child;for(var a=s.firstContext;a!==null;){if(a.context===r){if(l.tag===1){a=We(-1,n&-n),a.tag=2;var u=l.updateQueue;if(u!==null){u=u.shared;var m=u.pending;m===null?a.next=a:(a.next=m.next,m.next=a),u.pending=a}}l.lanes|=n,a=l.alternate,a!==null&&(a.lanes|=n),_l(l.return,n,t),s.lanes|=n;break}a=a.next}}else if(l.tag===10)o=l.type===t.type?null:l.child;else if(l.tag===18){if(o=l.return,o===null)throw Error(w(341));o.lanes|=n,s=o.alternate,s!==null&&(s.lanes|=n),_l(o,n,t),o=l.sibling}else o=l.child;if(o!==null)o.return=l;else for(o=l;o!==null;){if(o===t){o=null;break}if(l=o.sibling,l!==null){l.return=o.return,o=l;break}o=o.return}l=o}le(e,t,i.children,n),t=t.child}return t;case 9:return i=t.type,r=t.pendingProps.children,Xt(t,n),i=Ee(i),r=r(i),t.flags|=1,le(e,t,r,n),t.child;case 14:return r=t.type,i=je(r,t.pendingProps),i=je(r.type,i),Ls(e,t,r,i,n);case 15:return Ru(e,t,t.type,t.pendingProps,n);case 17:return r=t.type,i=t.pendingProps,i=t.elementType===r?i:je(r,i),Pr(e,t),t.tag=1,fe(r)?(e=!0,$r(t)):e=!1,Xt(t,n),Tu(t,r,i),Cl(t,r,i,n),jl(null,t,r,!0,e,n);case 19:return Au(e,t,n);case 22:return Fu(e,t,n)}throw Error(w(156,t.tag))};function ec(e,t){return Pa(e,t)}function Pf(e,t,n,r){this.tag=e,this.key=n,this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null,this.index=0,this.ref=null,this.pendingProps=t,this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null,this.mode=r,this.subtreeFlags=this.flags=0,this.deletions=null,this.childLanes=this.lanes=0,this.alternate=null}function Se(e,t,n,r){return new Pf(e,t,n,r)}function Lo(e){return e=e.prototype,!(!e||!e.isReactComponent)}function jf(e){if(typeof e=="function")return Lo(e)?1:0;if(e!=null){if(e=e.$$typeof,e===Xl)return 11;if(e===Gl)return 14}return 2}function ct(e,t){var n=e.alternate;return n===null?(n=Se(e.tag,t,e.key,e.mode),n.elementType=e.elementType,n.type=e.type,n.stateNode=e.stateNode,n.alternate=e,e.alternate=n):(n.pendingProps=t,n.type=e.type,n.flags=0,n.subtreeFlags=0,n.deletions=null),n.flags=e.flags&14680064,n.childLanes=e.childLanes,n.lanes=e.lanes,n.child=e.child,n.memoizedProps=e.memoizedProps,n.memoizedState=e.memoizedState,n.updateQueue=e.updateQueue,t=e.dependencies,n.dependencies=t===null?null:{lanes:t.lanes,firstContext:t.firstContext},n.sibling=e.sibling,n.index=e.index,n.ref=e.ref,n}function Tr(e,t,n,r,i,l){var o=2;if(r=e,typeof e=="function")Lo(e)&&(o=1);else if(typeof e=="string")o=5;else e:switch(e){case Ft:return Et(n.children,i,l,t);case ql:o=8,i|=8;break;case Xi:return e=Se(12,n,t,i|2),e.elementType=Xi,e.lanes=l,e;case Gi:return e=Se(13,n,t,i),e.elementType=Gi,e.lanes=l,e;case Ji:return e=Se(19,n,t,i),e.elementType=Ji,e.lanes=l,e;case ca:return fi(n,i,l,t);default:if(typeof e=="object"&&e!==null)switch(e.$$typeof){case aa:o=10;break e;case ua:o=9;break e;case Xl:o=11;break e;case Gl:o=14;break e;case Je:o=16,r=null;break e}throw Error(w(130,e==null?e:typeof e,""))}return t=Se(o,n,t,i),t.elementType=e,t.type=r,t.lanes=l,t}function Et(e,t,n,r){return e=Se(7,e,r,t),e.lanes=n,e}function fi(e,t,n,r){return e=Se(22,e,r,t),e.elementType=ca,e.lanes=n,e.stateNode={isHidden:!1},e}function Wi(e,t,n){return e=Se(6,e,null,t),e.lanes=n,e}function Qi(e,t,n){return t=Se(4,e.children!==null?e.children:[],e.key,t),t.lanes=n,t.stateNode={containerInfo:e.containerInfo,pendingChildren:null,implementation:e.implementation},t}function zf(e,t,n,r,i){this.tag=t,this.containerInfo=e,this.finishedWork=this.pingCache=this.current=this.pendingChildren=null,this.timeoutHandle=-1,this.callbackNode=this.pendingContext=this.context=null,this.callbackPriority=0,this.eventTimes=Ci(0),this.expirationTimes=Ci(-1),this.entangledLanes=this.finishedLanes=this.mutableReadLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0,this.entanglements=Ci(0),this.identifierPrefix=r,this.onRecoverableError=i,this.mutableSourceEagerHydrationData=null}function Mo(e,t,n,r,i,l,o,s,a){return e=new zf(e,t,n,s,a),t===1?(t=1,l===!0&&(t|=8)):t=0,l=Se(3,null,null,t),e.current=l,l.stateNode=e,l.memoizedState={element:r,isDehydrated:n,cache:null,transitions:null,pendingSuspenseBoundaries:null},ho(l),e}function Tf(e,t,n){var r=3"u"||typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE!="function"))try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(ic)}catch(e){console.error(e)}}ic(),ia.exports=ge;var If=ia.exports,Qs=If;Yi.createRoot=Qs.createRoot,Yi.hydrateRoot=Qs.hydrateRoot;function Of(){return on.useEffect(()=>{particlesJS("bg",{particles:{number:{value:650,density:{enable:!0,value_area:789.1476416322727}},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:.48927153781200905,random:!1,anim:{enable:!0,speed:1.5,opacity_min:0,sync:!1}},size:{value:3,random:!0,anim:{enable:!0,speed:2,size_min:0,sync:!1}},line_linked:{enable:!1,distance:150,color:"#ffffff",opacity:.4,width:1},move:{enable:!0,speed:.2,direction:"none",random:!0,straight:!1,out_mode:"out",bounce:!1,attract:{enable:!1,rotateX:600,rotateY:1200}}},interactivity:{detect_on:"canvas",events:{onhover:{enable:!0,mode:"bubble"},onclick:{enable:!0,mode:"push"},resize:!0},modes:{grab:{distance:400,line_linked:{opacity:1}},bubble:{distance:83.91608391608392,size:1,duration:3,opacity:1,speed:3},repulse:{distance:200,duration:.4},push:{particles_nb:4},remove:{particles_nb:2}}},retina_detect:!0})},[]),p.jsx("div",{id:"bg",className:"bg"})}const lc="/assets/logo_white-BjorXUgm.png",Df="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20width='32'%20height='32'%20fill='rgba(255,255,255,1)'%3e%3cpath%20d='M3%204H21V6H3V4ZM3%2011H21V13H3V11ZM3%2018H21V20H3V18Z'%3e%3c/path%3e%3c/svg%3e";function Af(){let e=document.querySelector(".sidebar-menu"),t=document.querySelector(".sidebar-icon");function n(){e.classList.toggle("active")}t.addEventListener("click",n),document.querySelectorAll(".sidebar-menu .rem").forEach(function(l){l.addEventListener("click",function(){e.classList.remove("active")})});var i=window.pageYOffset;window.onscroll=function(){var l=window.pageYOffset;i{Af()},[]),p.jsx("nav",{className:"navbar navbar-expand-lg bg-*",children:p.jsxs("div",{className:"container-fluid pt-2",children:[p.jsx("a",{className:"navbar-brand",href:"#",children:p.jsx("img",{src:lc,alt:"Bootstrap",width:"370"})}),p.jsx("div",{className:"sidebar-icon",id:"sidebar-icon",children:p.jsx("img",{src:Df,alt:"",className:"sidebar-i",id:"sidebar-i"})}),p.jsx("div",{className:"sidebar-menu",id:"sidebar-menu",children:p.jsxs("div",{className:"sidebar-links",children:[p.jsxs("ul",{children:[p.jsx("li",{className:"sidebar-list-item rem",children:p.jsx("a",{className:"rem-default",href:"#",children:"Home"})}),p.jsx("li",{className:"sidebar-list-item rem",children:p.jsx("a",{className:"rem-default",href:"#apod",children:"APOD"})}),p.jsx("li",{className:"sidebar-list-item rem",children:p.jsx("a",{className:"rem-default",href:"#mars",children:"MartianImagery"})})]}),p.jsx("a",{href:"#contact",className:"sidebar-contact rem-default rem",children:p.jsx("button",{className:"btn btn-outline-light rounded-pill",type:"submit",children:"Contact Us"})})]})}),p.jsx("div",{className:"collapse navbar-collapse pe-5",id:"navbarSupportedContent",children:p.jsxs("ul",{className:"navbar-nav ms-auto mb-2 mb-lg-0",children:[p.jsx("li",{className:"nav-item",children:p.jsx("a",{className:"nav-link text-light",href:"#",children:"Home"})}),p.jsx("li",{className:"nav-item",children:p.jsx("a",{className:"nav-link text-light",href:"#apod",children:"APoD"})}),p.jsx("li",{className:"nav-item",children:p.jsx("a",{className:"nav-link text-light",href:"#mars",children:"MartianImagery"})}),p.jsx("li",{className:"nav-item",children:p.jsx("a",{href:"#contact",children:p.jsx("button",{className:"btn btn-outline-light rounded-pill",type:"submit",children:"Contact Us"})})})]})})]})})}const Bf="/assets/A%20letter%20tech%20logo-B_QDrxWF.png";function Bl(){return Bl=Object.assign?Object.assign.bind():function(e){for(var t=1;t0&&(n.strPos=n.currentElContent.length-1,n.strings.unshift(n.currentElContent)),n.sequence=[],n.strings)n.sequence[a]=a;n.arrayPos=0,n.stopNum=0,n.loop=n.options.loop,n.loopCount=n.options.loopCount,n.curLoop=0,n.shuffle=n.options.shuffle,n.pause={status:!1,typewrite:!0,curString:"",curStrPos:0},n.typingComplete=!1,n.autoInsertCss=n.options.autoInsertCss,n.autoInsertCss&&(this.appendCursorAnimationCss(n),this.appendFadeOutAnimationCss(n))},t.getCurrentElContent=function(n){return n.attr?n.el.getAttribute(n.attr):n.isInput?n.el.value:n.contentType==="html"?n.el.innerHTML:n.el.textContent},t.appendCursorAnimationCss=function(n){var r="data-typed-js-cursor-css";if(n.showCursor&&!document.querySelector("["+r+"]")){var i=document.createElement("style");i.setAttribute(r,"true"),i.innerHTML=` - .typed-cursor{ - opacity: 1; - } - .typed-cursor.typed-cursor--blink{ - animation: typedjsBlink 0.7s infinite; - -webkit-animation: typedjsBlink 0.7s infinite; - animation: typedjsBlink 0.7s infinite; - } - @keyframes typedjsBlink{ - 50% { opacity: 0.0; } - } - @-webkit-keyframes typedjsBlink{ - 0% { opacity: 1; } - 50% { opacity: 0.0; } - 100% { opacity: 1; } - } - `,document.body.appendChild(i)}},t.appendFadeOutAnimationCss=function(n){var r="data-typed-fadeout-js-css";if(n.fadeOut&&!document.querySelector("["+r+"]")){var i=document.createElement("style");i.setAttribute(r,"true"),i.innerHTML=` - .typed-fade-out{ - opacity: 0; - transition: opacity .25s; - } - .typed-cursor.typed-cursor--blink.typed-fade-out{ - -webkit-animation: 0; - animation: 0; - } - `,document.body.appendChild(i)}},e}()),Ks=new(function(){function e(){}var t=e.prototype;return t.typeHtmlChars=function(n,r,i){if(i.contentType!=="html")return r;var l=n.substring(r).charAt(0);if(l==="<"||l==="&"){var o;for(o=l==="<"?">":";";n.substring(r+1).charAt(0)!==o&&!(1+ ++r>n.length););r++}return r},t.backSpaceHtmlChars=function(n,r,i){if(i.contentType!=="html")return r;var l=n.substring(r).charAt(0);if(l===">"||l===";"){var o;for(o=l===">"?"<":"&";n.substring(r-1).charAt(0)!==o&&!(--r<0););r--}return r},e}()),Vf=function(){function e(n,r){Hf.load(this,r,n),this.begin()}var t=e.prototype;return t.toggle=function(){this.pause.status?this.start():this.stop()},t.stop=function(){this.typingComplete||this.pause.status||(this.toggleBlinking(!0),this.pause.status=!0,this.options.onStop(this.arrayPos,this))},t.start=function(){this.typingComplete||this.pause.status&&(this.pause.status=!1,this.pause.typewrite?this.typewrite(this.pause.curString,this.pause.curStrPos):this.backspace(this.pause.curString,this.pause.curStrPos),this.options.onStart(this.arrayPos,this))},t.destroy=function(){this.reset(!1),this.options.onDestroy(this)},t.reset=function(n){n===void 0&&(n=!0),clearInterval(this.timeout),this.replaceText(""),this.cursor&&this.cursor.parentNode&&(this.cursor.parentNode.removeChild(this.cursor),this.cursor=null),this.strPos=0,this.arrayPos=0,this.curLoop=0,n&&(this.insertCursor(),this.options.onReset(this),this.begin())},t.begin=function(){var n=this;this.options.onBegin(this),this.typingComplete=!1,this.shuffleStringsIfNeeded(this),this.insertCursor(),this.bindInputFocusEvents&&this.bindFocusEvents(),this.timeout=setTimeout(function(){n.strPos===0?n.typewrite(n.strings[n.sequence[n.arrayPos]],n.strPos):n.backspace(n.strings[n.sequence[n.arrayPos]],n.strPos)},this.startDelay)},t.typewrite=function(n,r){var i=this;this.fadeOut&&this.el.classList.contains(this.fadeOutClass)&&(this.el.classList.remove(this.fadeOutClass),this.cursor&&this.cursor.classList.remove(this.fadeOutClass));var l=this.humanizer(this.typeSpeed),o=1;this.pause.status!==!0?this.timeout=setTimeout(function(){r=Ks.typeHtmlChars(n,r,i);var s=0,a=n.substring(r);if(a.charAt(0)==="^"&&/^\^\d+/.test(a)){var u=1;u+=(a=/\d+/.exec(a)[0]).length,s=parseInt(a),i.temporaryPause=!0,i.options.onTypingPaused(i.arrayPos,i),n=n.substring(0,r)+n.substring(r+u),i.toggleBlinking(!0)}if(a.charAt(0)==="`"){for(;n.substring(r+o).charAt(0)!=="`"&&(o++,!(r+o>n.length)););var m=n.substring(0,r),h=n.substring(m.length+1,r+o),v=n.substring(r+o+1);n=m+h+v,o--}i.timeout=setTimeout(function(){i.toggleBlinking(!1),r>=n.length?i.doneTyping(n,r):i.keepTyping(n,r,o),i.temporaryPause&&(i.temporaryPause=!1,i.options.onTypingResumed(i.arrayPos,i))},s)},l):this.setPauseStatus(n,r,!0)},t.keepTyping=function(n,r,i){r===0&&(this.toggleBlinking(!1),this.options.preStringTyped(this.arrayPos,this));var l=n.substring(0,r+=i);this.replaceText(l),this.typewrite(n,r)},t.doneTyping=function(n,r){var i=this;this.options.onStringTyped(this.arrayPos,this),this.toggleBlinking(!0),this.arrayPos===this.strings.length-1&&(this.complete(),this.loop===!1||this.curLoop===this.loopCount)||(this.timeout=setTimeout(function(){i.backspace(n,r)},this.backDelay))},t.backspace=function(n,r){var i=this;if(this.pause.status!==!0){if(this.fadeOut)return this.initFadeOut();this.toggleBlinking(!1);var l=this.humanizer(this.backSpeed);this.timeout=setTimeout(function(){r=Ks.backSpaceHtmlChars(n,r,i);var o=n.substring(0,r);if(i.replaceText(o),i.smartBackspace){var s=i.strings[i.arrayPos+1];i.stopNum=s&&o===s.substring(0,r)?r:0}r>i.stopNum?(r--,i.backspace(n,r)):r<=i.stopNum&&(i.arrayPos++,i.arrayPos===i.strings.length?(i.arrayPos=0,i.options.onLastStringBackspaced(),i.shuffleStringsIfNeeded(),i.begin()):i.typewrite(i.strings[i.sequence[i.arrayPos]],r))},l)}else this.setPauseStatus(n,r,!1)},t.complete=function(){this.options.onComplete(this),this.loop?this.curLoop++:this.typingComplete=!0},t.setPauseStatus=function(n,r,i){this.pause.typewrite=i,this.pause.curString=n,this.pause.curStrPos=r},t.toggleBlinking=function(n){this.cursor&&(this.pause.status||this.cursorBlinking!==n&&(this.cursorBlinking=n,n?this.cursor.classList.add("typed-cursor--blink"):this.cursor.classList.remove("typed-cursor--blink")))},t.humanizer=function(n){return Math.round(Math.random()*n/2)+n},t.shuffleStringsIfNeeded=function(){this.shuffle&&(this.sequence=this.sequence.sort(function(){return Math.random()-.5}))},t.initFadeOut=function(){var n=this;return this.el.className+=" "+this.fadeOutClass,this.cursor&&(this.cursor.className+=" "+this.fadeOutClass),setTimeout(function(){n.arrayPos++,n.replaceText(""),n.strings.length>n.arrayPos?n.typewrite(n.strings[n.sequence[n.arrayPos]],0):(n.typewrite(n.strings[0],0),n.arrayPos=0)},this.fadeOutDelay)},t.replaceText=function(n){this.attr?this.el.setAttribute(this.attr,n):this.isInput?this.el.value=n:this.contentType==="html"?this.el.innerHTML=n:this.el.textContent=n},t.bindFocusEvents=function(){var n=this;this.isInput&&(this.el.addEventListener("focus",function(r){n.stop()}),this.el.addEventListener("blur",function(r){n.el.value&&n.el.value.length!==0||n.start()}))},t.insertCursor=function(){this.showCursor&&(this.cursor||(this.cursor=document.createElement("span"),this.cursor.className="typed-cursor",this.cursor.setAttribute("aria-hidden",!0),this.cursor.innerHTML=this.cursorChar,this.el.parentNode&&this.el.parentNode.insertBefore(this.cursor,this.el.nextSibling)))},e}();function Wf(){return on.useEffect(()=>{var e=new Vf(".auto-typed",{strings:["Expedition.","Voyage.","Odyssey."],typeSpeed:150,backSpeed:50,loop:!0});return()=>{e.destroy()}},[]),p.jsx("div",{className:"container col-xxl-9 px-3 py-5 override-display",children:p.jsxs("div",{className:"row flex-lg-row-reverse align-items-center g-5 py-5",children:[p.jsx("div",{className:"col-10 col-sm-8 col-lg-6",children:p.jsx("img",{src:Bf,className:"d-block mx-lg-auto img-fluid hero_img",alt:"Bootstrap Themes",width:"700",height:"500",loading:"lazy"})}),p.jsxs("div",{className:"col-lg-6",children:[p.jsxs("h1",{className:"display-2 fw-bold text-light",children:["Let's embark on a Cosmic ",p.jsx("span",{className:"highlight",children:"X"}),p.jsx("span",{className:"auto-typed"})]}),p.jsx("p",{className:"lead text-light",children:"Welcome to CosmoXplore, where the celestial canvas unfolds its mysteries before your eyes. Immerse yourself in a cosmic odyssey, as we harness the power of NASA's API to bring you a symphony of space resources. From breathtaking images to cutting-edge astronomical data, embark on a journey that transcends the limits of earthly imagination."}),p.jsx("div",{className:"d-grid gap-5 d-md-flex justify-content-md-start pt-2",children:p.jsx("a",{href:"#apod",children:p.jsx("button",{type:"button",className:"btn btn-primary btn-lg px-4 me-md-2",children:"Explore"})})})]})]})})}const Qf="/assets/64e4e4aabd98a600197c0ca3-Dl0soOWx.webp";function Kf(){return p.jsxs(p.Fragment,{children:[p.jsx("h1",{align:"center",className:"section_title section_title_mobile",id:"apod",children:"Astronomy Picture of The Day"}),p.jsx("div",{className:"container my-5",children:p.jsxs("div",{className:"row p-4 pb-0 pe-lg-0 pt-lg-5 align-items-center rounded-3 border shadow-lg",id:"class_removal",children:[p.jsxs("div",{className:"col-lg-7 p-3 p-lg-5 pt-lg-3",children:[p.jsx("h2",{id:"title",className:"display-7 fw-bold lh-1 text-light",children:"APoD Title"}),p.jsx("br",{}),p.jsx("p",{id:"apod_info",className:"lead",children:"NASA's Astronomy Picture of the Day (APoD) showcases captivating celestial images accompanied by brief explanations. Each day, NASA features astronomical wonders, ranging from stunning nebulae and galaxies to snapshots of our solar system, providing a daily dose of cosmic beauty and scientific insight. APoD serves as a valuable resource for both astronomy enthusiasts and those seeking to explore the wonders of the universe."})]}),p.jsx("div",{className:"apod_img_container",children:p.jsx("div",{className:"img",children:p.jsx("img",{src:Qf,id:"apod_img",className:"apod_img",alt:"APOD"})})})]})})]})}function Yf(){return p.jsxs(p.Fragment,{children:[p.jsx("h1",{align:"center",className:"section_title section_title_mobile",id:"mars",children:"Mars Rover Imagery"}),p.jsx("br",{})]})}const qf="/assets/mars-DxpMb2vj.png";function Xf(){function e(){document.querySelector(".rover_container").style.display="none",document.querySelector(".rover_display").style.display="flex";let r=`https://api.nasa.gov/mars-photos/api/v1/rovers/curiosity/photos?earth_date=${document.querySelector(".date_input").value}&api_key=eISHzmGbQk7EMWv9NTlVtvzZVmeLKPUoL3uKMSPJ`;fetch(r).then(i=>i.json()).then(i=>{console.log(i);let l=i.photos[0].img_src,o=i.photos[0].earth_date,s=i.photos[0].rover.name,a=i.photos[0].camera.full_name,u=i.photos[0].rover.launch_date,m=i.photos[0].rover.landing_date,h=i.photos[0].rover.status;t(l,o,s,a,u,m,h)}).catch(i=>console.error(i))}function t(n,r,i,l,o,s,a){document.querySelector("#roverImg").src=n,document.querySelector(".date").textContent=r,document.querySelector(".roverName").textContent=i,document.querySelector(".camera").textContent=l,document.querySelector(".land").textContent=s,document.querySelector(".launch").textContent=o,document.querySelector(".status").textContent=a}return p.jsxs(p.Fragment,{children:[p.jsxs("div",{className:"rover_container",children:[p.jsx("div",{className:"rover_section_img",children:p.jsx("img",{src:qf,className:"mars_illus",alt:"Mars"})}),p.jsx("div",{className:"rover_section_text",children:p.jsx("p",{className:"rover_section_para",children:"Welcome to an extraordinary adventure into the Martian landscape, where we invite you to explore the wonders of the Red Planet through the lens of various rovers that have traversed its surface. Our journey takes us deep into the photographic archives, a treasure trove of captivating images captured by these robotic explorers. Each rover, armed with sophisticated cameras, has documented the Martian terrain, unveiling its mysteries one snapshot at a time. The heart of this exploration lies in a comprehensive database meticulously organized to offer you an unparalleled visual chronicle of Mars' exploration. This repository is a testament to the marvels of technology and the spirit of scientific curiosity that drives humanity to push the boundaries of exploration. But how do you, the explorer, access this vast collection? Fear not, for we present a user-friendly approach that allows you to effortlessly navigate through the visual wonders of Mars. By simply entering the Earth date corresponding to a specific photo, you unlock a portal to the Red Planet's past, witnessing moments frozen in time by the lenses of our robotic companions. The convenience of this method provides unparalleled flexibility, enabling you to tailor your exploration based on your interests. Whether you're drawn to the intricate geological formations that dot the Martian surface, mesmerized by the dance of atmospheric phenomena in the thin Martian air, or captivated by the milestones achieved by the rovers themselves, our immersive experience ensures that your curiosity is rewarded. This journey offers a deeper understanding of Mars' unique features and the scientific endeavors that drive these robotic explorers. From the striking landscapes to the subtle details that tell the story of a planet's evolution, each image contributes to our collective knowledge of the Red Planet. Join us in unlocking the mysteries of Mars as we navigate through the cutting-edge technology and unparalleled exploration that has brought us face to face with the enigmatic Red Planet."})})]}),p.jsx("div",{className:"ip",children:p.jsxs("div",{className:"input-group mb-4 input_container",children:[p.jsx("input",{className:"date_input form-control",type:"text",name:"date",placeholder:"Enter the date for retrieving Mars Rover Images. (YYYY-MM-DD)","aria-label":"Recipient's username","aria-describedby":"button-addon2"}),p.jsx("button",{className:"btn btn-primary mars_button",type:"button",id:"button-addon2",onClick:e,children:"Enter"})]})})]})}const Gf="/assets/feel%20the%20fear%20and%20do%20it%20anyway-5KTxAw8P.png";function Jf(){return p.jsx(p.Fragment,{children:p.jsx("div",{className:"rover_display",children:p.jsxs("div",{className:"inner_conatiner",children:[p.jsx("div",{className:"image_div",children:p.jsx("img",{id:"roverImg",src:Gf,className:"rover_popup_image_mobile",alt:"Rover"})}),p.jsxs("div",{className:"info_container",children:[p.jsxs("div",{className:"info1 info-gen",children:[p.jsx("div",{className:"row",children:p.jsxs("div",{className:"card",children:[p.jsx("h4",{children:"Earth Date"}),p.jsx("p",{className:"date",children:"...."})]})}),p.jsx("div",{className:"row",children:p.jsxs("div",{className:"card",children:[p.jsx("h4",{children:"Rover Name"}),p.jsx("p",{className:"roverName",children:"...."})]})}),p.jsx("div",{className:"row",children:p.jsxs("div",{className:"card",children:[p.jsx("h4",{children:"Camera"}),p.jsx("p",{className:"camera",children:"...."})]})})]}),p.jsxs("div",{className:"info2 info-gen",children:[p.jsx("div",{className:"row",children:p.jsxs("div",{className:"card",children:[p.jsx("h4",{children:"Launch Date"}),p.jsx("p",{className:"launch",children:"...."})]})}),p.jsx("div",{className:"row",children:p.jsxs("div",{className:"card",children:[p.jsx("h4",{children:"Land Date"}),p.jsx("p",{className:"land",children:"...."})]})}),p.jsx("div",{className:"row",children:p.jsxs("div",{className:"card",children:[p.jsx("h4",{children:"Status"}),p.jsx("p",{className:"status",children:"...."})]})})]})]})]})})})}const Zf="/assets/original-5fcdc62f8266e353ea97ca56731ad804-BlkKGf4V.png";function bf(){return p.jsxs(p.Fragment,{children:[p.jsx("h1",{align:"center",className:"section_title",id:"contact",children:"Contact Us"}),p.jsxs("div",{className:"contact-form",children:[p.jsx("div",{className:"left",children:p.jsx("img",{src:Zf,className:"contact_img",alt:"Contact Image",style:{maxWidth:"100%"}})}),p.jsx("div",{className:"right",children:p.jsxs("form",{children:[p.jsxs("div",{className:"mb-3",children:[p.jsx("label",{htmlFor:"exampleInputName",className:"form-label text-light",children:"Name"}),p.jsx("input",{type:"text",className:"form-control",id:"exampleInputName",placeholder:"Enter your name"})]}),p.jsxs("div",{className:"mb-3",children:[p.jsx("label",{htmlFor:"exampleInputEmail2",className:"form-label text-light",children:"Email address"}),p.jsx("input",{type:"email",className:"form-control",id:"exampleInputEmail2","aria-describedby":"emailHelp",placeholder:"Enter your email"}),p.jsx("div",{id:"emailHelp",className:"form-text text-light",children:"We'll never share your email with anyone else."})]}),p.jsxs("div",{className:"mb-3",children:[p.jsx("label",{htmlFor:"exampleInputMessage",className:"form-label text-light",children:"Message"}),p.jsx("textarea",{className:"form-control",id:"exampleInputMessage",rows:"4",placeholder:"feel free to ask your queries!"})]}),p.jsx("button",{type:"submit",className:"btn btn-primary",onClick:()=>alert("Mail has been sent successfully!"),children:"Submit"})]})})]})]})}function ep(){return p.jsx("div",{className:"container",children:p.jsxs("footer",{className:"d-flex flex-wrap justify-content-between align-items-center py-3 my-4 border-top",children:[p.jsx("a",{href:"/",className:"col-md-4 d-flex align-items-center justify-content-center mb-3 mb-md-0 me-md-auto link-body-emphasis text-decoration-none",children:p.jsx("img",{src:lc,width:"150",alt:"Logo"})}),p.jsx("p",{className:"col-md-4 mb-0 text-light",children:"© 2024 CosmoXplore India, Inc. All Rights Reserved"})]})})}function tp(){return p.jsxs(p.Fragment,{children:[p.jsx(Of,{}),p.jsx(Uf,{}),p.jsx(Wf,{}),p.jsx(Kf,{}),p.jsx(Yf,{}),p.jsx(Xf,{}),p.jsx(Jf,{}),p.jsx(bf,{}),p.jsx(ep,{})]})}Yi.createRoot(document.getElementById("root")).render(p.jsx(_c.StrictMode,{children:p.jsx(tp,{})}));function Ki(e){var t=/^#?([a-f\d])([a-f\d])([a-f\d])$/i;e=e.replace(t,function(r,i,l,o){return i+i+l+l+o+o});var n=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(e);return n?{r:parseInt(n[1],16),g:parseInt(n[2],16),b:parseInt(n[3],16)}:null}function np(e,t,n){return Math.min(Math.max(e,t),n)}function Ie(e,t){return t.indexOf(e)>-1}var rp=function(e,t){var n=document.querySelector("#"+e+" > .particles-js-canvas-el");this.pJS={canvas:{el:n,w:n.offsetWidth,h:n.offsetHeight},particles:{number:{value:400,density:{enable:!0,value_area:800}},color:{value:"#fff"},shape:{type:"circle",stroke:{width:0,color:"#ff0000"},polygon:{nb_sides:5},image:{src:"",width:100,height:100}},opacity:{value:1,random:!1,anim:{enable:!1,speed:2,opacity_min:0,sync:!1}},size:{value:20,random:!1,anim:{enable:!1,speed:20,size_min:0,sync:!1}},line_linked:{enable:!0,distance:100,color:"#fff",opacity:1,width:1},move:{enable:!0,speed:2,direction:"none",random:!1,straight:!1,out_mode:"out",bounce:!1,attract:{enable:!1,rotateX:3e3,rotateY:3e3}},array:[]},interactivity:{detect_on:"canvas",events:{onhover:{enable:!0,mode:"grab"},onclick:{enable:!0,mode:"push"},resize:!0},modes:{grab:{distance:100,line_linked:{opacity:1}},bubble:{distance:200,size:80,duration:.4},repulse:{distance:200,duration:.4},push:{particles_nb:4},remove:{particles_nb:2}},mouse:{}},retina_detect:!1,fn:{interact:{},modes:{},vendors:{}},tmp:{}};var r=this.pJS;t&&Object.deepExtend(r,t),r.tmp.obj={size_value:r.particles.size.value,size_anim_speed:r.particles.size.anim.speed,move_speed:r.particles.move.speed,line_linked_distance:r.particles.line_linked.distance,line_linked_width:r.particles.line_linked.width,mode_grab_distance:r.interactivity.modes.grab.distance,mode_bubble_distance:r.interactivity.modes.bubble.distance,mode_bubble_size:r.interactivity.modes.bubble.size,mode_repulse_distance:r.interactivity.modes.repulse.distance},r.fn.retinaInit=function(){r.retina_detect&&window.devicePixelRatio>1?(r.canvas.pxratio=window.devicePixelRatio,r.tmp.retina=!0):(r.canvas.pxratio=1,r.tmp.retina=!1),r.canvas.w=r.canvas.el.offsetWidth*r.canvas.pxratio,r.canvas.h=r.canvas.el.offsetHeight*r.canvas.pxratio,r.particles.size.value=r.tmp.obj.size_value*r.canvas.pxratio,r.particles.size.anim.speed=r.tmp.obj.size_anim_speed*r.canvas.pxratio,r.particles.move.speed=r.tmp.obj.move_speed*r.canvas.pxratio,r.particles.line_linked.distance=r.tmp.obj.line_linked_distance*r.canvas.pxratio,r.interactivity.modes.grab.distance=r.tmp.obj.mode_grab_distance*r.canvas.pxratio,r.interactivity.modes.bubble.distance=r.tmp.obj.mode_bubble_distance*r.canvas.pxratio,r.particles.line_linked.width=r.tmp.obj.line_linked_width*r.canvas.pxratio,r.interactivity.modes.bubble.size=r.tmp.obj.mode_bubble_size*r.canvas.pxratio,r.interactivity.modes.repulse.distance=r.tmp.obj.mode_repulse_distance*r.canvas.pxratio},r.fn.canvasInit=function(){r.canvas.ctx=r.canvas.el.getContext("2d")},r.fn.canvasSize=function(){r.canvas.el.width=r.canvas.w,r.canvas.el.height=r.canvas.h,r&&r.interactivity.events.resize&&window.addEventListener("resize",function(){r.canvas.w=r.canvas.el.offsetWidth,r.canvas.h=r.canvas.el.offsetHeight,r.tmp.retina&&(r.canvas.w*=r.canvas.pxratio,r.canvas.h*=r.canvas.pxratio),r.canvas.el.width=r.canvas.w,r.canvas.el.height=r.canvas.h,r.particles.move.enable||(r.fn.particlesEmpty(),r.fn.particlesCreate(),r.fn.particlesDraw(),r.fn.vendors.densityAutoParticles()),r.fn.vendors.densityAutoParticles()})},r.fn.canvasPaint=function(){r.canvas.ctx.fillRect(0,0,r.canvas.w,r.canvas.h)},r.fn.canvasClear=function(){r.canvas.ctx.clearRect(0,0,r.canvas.w,r.canvas.h)},r.fn.particle=function(i,l,o){if(this.radius=(r.particles.size.random?Math.random():1)*r.particles.size.value,r.particles.size.anim.enable&&(this.size_status=!1,this.vs=r.particles.size.anim.speed/100,r.particles.size.anim.sync||(this.vs=this.vs*Math.random())),this.x=o?o.x:Math.random()*r.canvas.w,this.y=o?o.y:Math.random()*r.canvas.h,this.x>r.canvas.w-2*this.radius?this.x=this.x-this.radius:this.x<2*this.radius&&(this.x=this.x+this.radius),this.y>r.canvas.h-2*this.radius?this.y=this.y-this.radius:this.y<2*this.radius&&(this.y=this.y+this.radius),r.particles.move.bounce&&r.fn.vendors.checkOverlap(this,o),this.color={},typeof i.value=="object")if(i.value instanceof Array){var s=i.value[Math.floor(Math.random()*r.particles.color.value.length)];this.color.rgb=Ki(s)}else i.value.r!=null&&i.value.g!=null&&i.value.b!=null&&(this.color.rgb={r:i.value.r,g:i.value.g,b:i.value.b}),i.value.h!=null&&i.value.s!=null&&i.value.l!=null&&(this.color.hsl={h:i.value.h,s:i.value.s,l:i.value.l});else i.value=="random"?this.color.rgb={r:Math.floor(256*Math.random())+0,g:Math.floor(256*Math.random())+0,b:Math.floor(256*Math.random())+0}:typeof i.value=="string"&&(this.color=i,this.color.rgb=Ki(this.color.value));this.opacity=(r.particles.opacity.random?Math.random():1)*r.particles.opacity.value,r.particles.opacity.anim.enable&&(this.opacity_status=!1,this.vo=r.particles.opacity.anim.speed/100,r.particles.opacity.anim.sync||(this.vo=this.vo*Math.random()));var a={};switch(r.particles.move.direction){case"top":a={x:0,y:-1};break;case"top-right":a={x:.5,y:-.5};break;case"right":a={x:1,y:-0};break;case"bottom-right":a={x:.5,y:.5};break;case"bottom":a={x:0,y:1};break;case"bottom-left":a={x:-.5,y:1};break;case"left":a={x:-1,y:0};break;case"top-left":a={x:-.5,y:-.5};break;default:a={x:0,y:0}}r.particles.move.straight?(this.vx=a.x,this.vy=a.y,r.particles.move.random&&(this.vx=this.vx*Math.random(),this.vy=this.vy*Math.random())):(this.vx=a.x+Math.random()-.5,this.vy=a.y+Math.random()-.5),this.vx_i=this.vx,this.vy_i=this.vy;var u=r.particles.shape.type;if(typeof u=="object"){if(u instanceof Array){var m=u[Math.floor(Math.random()*u.length)];this.shape=m}}else this.shape=u;if(this.shape=="image"){var h=r.particles.shape;this.img={src:h.image.src,ratio:h.image.width/h.image.height},this.img.ratio||(this.img.ratio=1),r.tmp.img_type=="svg"&&r.tmp.source_svg!=null&&(r.fn.vendors.createSvgImg(this),r.tmp.pushing&&(this.img.loaded=!1))}},r.fn.particle.prototype.draw=function(){function i(){r.canvas.ctx.drawImage(u,l.x-o,l.y-o,2*o,2*o/l.img.ratio)}var l=this;if(l.radius_bubble!=null)var o=l.radius_bubble;else var o=l.radius;if(l.opacity_bubble!=null)var s=l.opacity_bubble;else var s=l.opacity;if(l.color.rgb)var a="rgba("+l.color.rgb.r+","+l.color.rgb.g+","+l.color.rgb.b+","+s+")";else var a="hsla("+l.color.hsl.h+","+l.color.hsl.s+"%,"+l.color.hsl.l+"%,"+s+")";switch(r.canvas.ctx.fillStyle=a,r.canvas.ctx.beginPath(),l.shape){case"circle":r.canvas.ctx.arc(l.x,l.y,o,0,2*Math.PI,!1);break;case"edge":r.canvas.ctx.rect(l.x-o,l.y-o,2*o,2*o);break;case"triangle":r.fn.vendors.drawShape(r.canvas.ctx,l.x-o,l.y+o/1.66,2*o,3,2);break;case"polygon":r.fn.vendors.drawShape(r.canvas.ctx,l.x-o/(r.particles.shape.polygon.nb_sides/3.5),l.y-o/.76,2.66*o/(r.particles.shape.polygon.nb_sides/3),r.particles.shape.polygon.nb_sides,1);break;case"star":r.fn.vendors.drawShape(r.canvas.ctx,l.x-2*o/(r.particles.shape.polygon.nb_sides/4),l.y-o/1.52,2*o*2.66/(r.particles.shape.polygon.nb_sides/3),r.particles.shape.polygon.nb_sides,2);break;case"image":if(r.tmp.img_type=="svg")var u=l.img.obj;else var u=r.tmp.img_obj;u&&i()}r.canvas.ctx.closePath(),r.particles.shape.stroke.width>0&&(r.canvas.ctx.strokeStyle=r.particles.shape.stroke.color,r.canvas.ctx.lineWidth=r.particles.shape.stroke.width,r.canvas.ctx.stroke()),r.canvas.ctx.fill()},r.fn.particlesCreate=function(){for(var i=0;i=r.particles.opacity.value&&(l.opacity_status=!1),l.opacity+=l.vo):(l.opacity<=r.particles.opacity.anim.opacity_min&&(l.opacity_status=!0),l.opacity-=l.vo),l.opacity<0&&(l.opacity=0)),r.particles.size.anim.enable&&(l.size_status==1?(l.radius>=r.particles.size.value&&(l.size_status=!1),l.radius+=l.vs):(l.radius<=r.particles.size.anim.size_min&&(l.size_status=!0),l.radius-=l.vs),l.radius<0&&(l.radius=0)),r.particles.move.out_mode=="bounce")var s={x_left:l.radius,x_right:r.canvas.w,y_top:l.radius,y_bottom:r.canvas.h};else var s={x_left:-l.radius,x_right:r.canvas.w+l.radius,y_top:-l.radius,y_bottom:r.canvas.h+l.radius};switch(l.x-l.radius>r.canvas.w?(l.x=s.x_left,l.y=Math.random()*r.canvas.h):l.x+l.radius<0&&(l.x=s.x_right,l.y=Math.random()*r.canvas.h),l.y-l.radius>r.canvas.h?(l.y=s.y_top,l.x=Math.random()*r.canvas.w):l.y+l.radius<0&&(l.y=s.y_bottom,l.x=Math.random()*r.canvas.w),r.particles.move.out_mode){case"bounce":(l.x+l.radius>r.canvas.w||l.x-l.radius<0)&&(l.vx=-l.vx),(l.y+l.radius>r.canvas.h||l.y-l.radius<0)&&(l.vy=-l.vy)}if(Ie("grab",r.interactivity.events.onhover.mode)&&r.fn.modes.grabParticle(l),(Ie("bubble",r.interactivity.events.onhover.mode)||Ie("bubble",r.interactivity.events.onclick.mode))&&r.fn.modes.bubbleParticle(l),(Ie("repulse",r.interactivity.events.onhover.mode)||Ie("repulse",r.interactivity.events.onclick.mode))&&r.fn.modes.repulseParticle(l),r.particles.line_linked.enable||r.particles.move.attract.enable)for(var a=i+1;a0){var m=r.particles.line_linked.color_rgb_line;r.canvas.ctx.strokeStyle="rgba("+m.r+","+m.g+","+m.b+","+u+")",r.canvas.ctx.lineWidth=r.particles.line_linked.width,r.canvas.ctx.beginPath(),r.canvas.ctx.moveTo(i.x,i.y),r.canvas.ctx.lineTo(l.x,l.y),r.canvas.ctx.stroke(),r.canvas.ctx.closePath()}}},r.fn.interact.attractParticles=function(i,l){var o=i.x-l.x,s=i.y-l.y,a=Math.sqrt(o*o+s*s);if(a<=r.particles.line_linked.distance){var u=o/(1e3*r.particles.move.attract.rotateX),m=s/(1e3*r.particles.move.attract.rotateY);i.vx-=u,i.vy-=m,l.vx+=u,l.vy+=m}},r.fn.interact.bounceParticles=function(i,l){var o=i.x-l.x,s=i.y-l.y,a=Math.sqrt(o*o+s*s),u=i.radius+l.radius;u>=a&&(i.vx=-i.vx,i.vy=-i.vy,l.vx=-l.vx,l.vy=-l.vy)},r.fn.modes.pushParticles=function(i,l){r.tmp.pushing=!0;for(var o=0;i>o;o++)r.particles.array.push(new r.fn.particle(r.particles.color,r.particles.opacity.value,{x:l?l.pos_x:Math.random()*r.canvas.w,y:l?l.pos_y:Math.random()*r.canvas.h})),o==i-1&&(r.particles.move.enable||r.fn.particlesDraw(),r.tmp.pushing=!1)},r.fn.modes.removeParticles=function(i){r.particles.array.splice(0,i),r.particles.move.enable||r.fn.particlesDraw()},r.fn.modes.bubbleParticle=function(i){function l(){i.opacity_bubble=i.opacity,i.radius_bubble=i.radius}function o(k,R,d,c,f){if(k!=R)if(r.tmp.bubble_duration_end){if(d!=null){var g=c-x*(c-k)/r.interactivity.modes.bubble.duration,S=k-g;C=k+S,f=="size"&&(i.radius_bubble=C),f=="opacity"&&(i.opacity_bubble=C)}}else if(u<=r.interactivity.modes.bubble.distance){if(d!=null)var N=d;else var N=c;if(N!=k){var C=c-x*(c-k)/r.interactivity.modes.bubble.duration;f=="size"&&(i.radius_bubble=C),f=="opacity"&&(i.opacity_bubble=C)}}else f=="size"&&(i.radius_bubble=void 0),f=="opacity"&&(i.opacity_bubble=void 0)}if(r.interactivity.events.onhover.enable&&Ie("bubble",r.interactivity.events.onhover.mode)){var s=i.x-r.interactivity.mouse.pos_x,a=i.y-r.interactivity.mouse.pos_y,u=Math.sqrt(s*s+a*a),m=1-u/r.interactivity.modes.bubble.distance;if(u<=r.interactivity.modes.bubble.distance){if(m>=0&&r.interactivity.status=="mousemove"){if(r.interactivity.modes.bubble.size!=r.particles.size.value)if(r.interactivity.modes.bubble.size>r.particles.size.value){var h=i.radius+r.interactivity.modes.bubble.size*m;h>=0&&(i.radius_bubble=h)}else{var v=i.radius-r.interactivity.modes.bubble.size,h=i.radius-v*m;h>0?i.radius_bubble=h:i.radius_bubble=0}if(r.interactivity.modes.bubble.opacity!=r.particles.opacity.value)if(r.interactivity.modes.bubble.opacity>r.particles.opacity.value){var y=r.interactivity.modes.bubble.opacity*m;y>i.opacity&&y<=r.interactivity.modes.bubble.opacity&&(i.opacity_bubble=y)}else{var y=i.opacity-(r.particles.opacity.value-r.interactivity.modes.bubble.opacity)*m;y=r.interactivity.modes.bubble.opacity&&(i.opacity_bubble=y)}}}else l();r.interactivity.status=="mouseleave"&&l()}else if(r.interactivity.events.onclick.enable&&Ie("bubble",r.interactivity.events.onclick.mode)){if(r.tmp.bubble_clicking){var s=i.x-r.interactivity.mouse.click_pos_x,a=i.y-r.interactivity.mouse.click_pos_y,u=Math.sqrt(s*s+a*a),x=(new Date().getTime()-r.interactivity.mouse.click_time)/1e3;x>r.interactivity.modes.bubble.duration&&(r.tmp.bubble_duration_end=!0),x>2*r.interactivity.modes.bubble.duration&&(r.tmp.bubble_clicking=!1,r.tmp.bubble_duration_end=!1)}r.tmp.bubble_clicking&&(o(r.interactivity.modes.bubble.size,r.particles.size.value,i.radius_bubble,i.radius,"size"),o(r.interactivity.modes.bubble.opacity,r.particles.opacity.value,i.opacity_bubble,i.opacity,"opacity"))}},r.fn.modes.repulseParticle=function(i){function l(){var c=Math.atan2(k,x);if(i.vx=d*Math.cos(c),i.vy=d*Math.sin(c),r.particles.move.out_mode=="bounce"){var f={x:i.x+i.vx,y:i.y+i.vy};(f.x+i.radius>r.canvas.w||f.x-i.radius<0)&&(i.vx=-i.vx),(f.y+i.radius>r.canvas.h||f.y-i.radius<0)&&(i.vy=-i.vy)}}if(r.interactivity.events.onhover.enable&&Ie("repulse",r.interactivity.events.onhover.mode)&&r.interactivity.status=="mousemove"){var o=i.x-r.interactivity.mouse.pos_x,s=i.y-r.interactivity.mouse.pos_y,a=Math.sqrt(o*o+s*s),u={x:o/a,y:s/a},m=r.interactivity.modes.repulse.distance,h=100,v=np(1/m*(-1*Math.pow(a/m,2)+1)*m*h,0,50),y={x:i.x+u.x*v,y:i.y+u.y*v};r.particles.move.out_mode=="bounce"?(y.x-i.radius>0&&y.x+i.radius0&&y.y+i.radius=R&&l()}else r.tmp.repulse_clicking==0&&(i.vx=i.vx_i,i.vy=i.vy_i)},r.fn.modes.grabParticle=function(i){if(r.interactivity.events.onhover.enable&&r.interactivity.status=="mousemove"){var l=i.x-r.interactivity.mouse.pos_x,o=i.y-r.interactivity.mouse.pos_y,s=Math.sqrt(l*l+o*o);if(s<=r.interactivity.modes.grab.distance){var a=r.interactivity.modes.grab.line_linked.opacity-s/(1/r.interactivity.modes.grab.line_linked.opacity)/r.interactivity.modes.grab.distance;if(a>0){var u=r.particles.line_linked.color_rgb_line;r.canvas.ctx.strokeStyle="rgba("+u.r+","+u.g+","+u.b+","+a+")",r.canvas.ctx.lineWidth=r.particles.line_linked.width,r.canvas.ctx.beginPath(),r.canvas.ctx.moveTo(i.x,i.y),r.canvas.ctx.lineTo(r.interactivity.mouse.pos_x,r.interactivity.mouse.pos_y),r.canvas.ctx.stroke(),r.canvas.ctx.closePath()}}}},r.fn.vendors.eventsListeners=function(){r.interactivity.detect_on=="window"?r.interactivity.el=window:r.interactivity.el=r.canvas.el,(r.interactivity.events.onhover.enable||r.interactivity.events.onclick.enable)&&(r.interactivity.el.addEventListener("mousemove",function(i){if(r.interactivity.el==window)var l=i.clientX,o=i.clientY;else var l=i.offsetX||i.clientX,o=i.offsetY||i.clientY;r.interactivity.mouse.pos_x=l,r.interactivity.mouse.pos_y=o,r.tmp.retina&&(r.interactivity.mouse.pos_x*=r.canvas.pxratio,r.interactivity.mouse.pos_y*=r.canvas.pxratio),r.interactivity.status="mousemove"}),r.interactivity.el.addEventListener("mouseleave",function(i){r.interactivity.mouse.pos_x=null,r.interactivity.mouse.pos_y=null,r.interactivity.status="mouseleave"})),r.interactivity.events.onclick.enable&&r.interactivity.el.addEventListener("click",function(){if(r.interactivity.mouse.click_pos_x=r.interactivity.mouse.pos_x,r.interactivity.mouse.click_pos_y=r.interactivity.mouse.pos_y,r.interactivity.mouse.click_time=new Date().getTime(),r.interactivity.events.onclick.enable)switch(r.interactivity.events.onclick.mode){case"push":r.particles.move.enable||r.interactivity.modes.push.particles_nb==1?r.fn.modes.pushParticles(r.interactivity.modes.push.particles_nb,r.interactivity.mouse):r.interactivity.modes.push.particles_nb>1&&r.fn.modes.pushParticles(r.interactivity.modes.push.particles_nb);break;case"remove":r.fn.modes.removeParticles(r.interactivity.modes.remove.particles_nb);break;case"bubble":r.tmp.bubble_clicking=!0;break;case"repulse":r.tmp.repulse_clicking=!0,r.tmp.repulse_count=0,r.tmp.repulse_finish=!1,setTimeout(function(){r.tmp.repulse_clicking=!1},1e3*r.interactivity.modes.repulse.duration)}})},r.fn.vendors.densityAutoParticles=function(){if(r.particles.number.density.enable){var i=r.canvas.el.width*r.canvas.el.height/1e3;r.tmp.retina&&(i/=2*r.canvas.pxratio);var l=i*r.particles.number.value/r.particles.number.density.value_area,o=r.particles.array.length-l;0>o?r.fn.modes.pushParticles(Math.abs(o)):r.fn.modes.removeParticles(o)}},r.fn.vendors.checkOverlap=function(i,l){for(var o=0;ox;x++)i.lineTo(s,0),i.translate(s,0),i.rotate(y);i.fill(),i.restore()},r.fn.vendors.exportImg=function(){window.open(r.canvas.el.toDataURL("image/png"),"_blank")},r.fn.vendors.loadImg=function(i){if(r.tmp.img_error=void 0,r.particles.shape.image.src!="")if(i=="svg"){var l=new XMLHttpRequest;l.open("GET",r.particles.shape.image.src),l.onreadystatechange=function(s){l.readyState==4&&(l.status==200?(r.tmp.source_svg=s.currentTarget.response,r.fn.vendors.checkBeforeDraw()):(console.log("Error pJS - Image not found"),r.tmp.img_error=!0))},l.send()}else{var o=new Image;o.addEventListener("load",function(){r.tmp.img_obj=o,r.fn.vendors.checkBeforeDraw()}),o.src=r.particles.shape.image.src}else console.log("Error pJS - No image.src"),r.tmp.img_error=!0},r.fn.vendors.draw=function(){r.particles.shape.type=="image"?r.tmp.img_type=="svg"?r.tmp.count_svg>=r.particles.number.value?(r.fn.particlesDraw(),r.particles.move.enable?r.fn.drawAnimFrame=requestAnimFrame(r.fn.vendors.draw):cancelRequestAnimFrame(r.fn.drawAnimFrame)):r.tmp.img_error||(r.fn.drawAnimFrame=requestAnimFrame(r.fn.vendors.draw)):r.tmp.img_obj!=null?(r.fn.particlesDraw(),r.particles.move.enable?r.fn.drawAnimFrame=requestAnimFrame(r.fn.vendors.draw):cancelRequestAnimFrame(r.fn.drawAnimFrame)):r.tmp.img_error||(r.fn.drawAnimFrame=requestAnimFrame(r.fn.vendors.draw)):(r.fn.particlesDraw(),r.particles.move.enable?r.fn.drawAnimFrame=requestAnimFrame(r.fn.vendors.draw):cancelRequestAnimFrame(r.fn.drawAnimFrame))},r.fn.vendors.checkBeforeDraw=function(){r.particles.shape.type=="image"?r.tmp.img_type=="svg"&&r.tmp.source_svg==null?r.tmp.checkAnimFrame=requestAnimFrame(check):(cancelRequestAnimFrame(r.tmp.checkAnimFrame),r.tmp.img_error||(r.fn.vendors.init(),r.fn.vendors.draw())):(r.fn.vendors.init(),r.fn.vendors.draw())},r.fn.vendors.init=function(){r.fn.retinaInit(),r.fn.canvasInit(),r.fn.canvasSize(),r.fn.canvasPaint(),r.fn.particlesCreate(),r.fn.vendors.densityAutoParticles(),r.particles.line_linked.color_rgb_line=Ki(r.particles.line_linked.color)},r.fn.vendors.start=function(){Ie("image",r.particles.shape.type)?(r.tmp.img_type=r.particles.shape.image.src.substr(r.particles.shape.image.src.length-3),r.fn.vendors.loadImg(r.tmp.img_type)):r.fn.vendors.checkBeforeDraw()},r.fn.vendors.eventsListeners(),r.fn.vendors.start()};Object.deepExtend=function(e,t){for(var n in t)t[n]&&t[n].constructor&&t[n].constructor===Object?(e[n]=e[n]||{},arguments.callee(e[n],t[n])):e[n]=t[n];return e},window.requestAnimFrame=function(){return window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||window.oRequestAnimationFrame||window.msRequestAnimationFrame||function(e){window.setTimeout(e,1e3/60)}}(),window.cancelRequestAnimFrame=function(){return window.cancelAnimationFrame||window.webkitCancelRequestAnimationFrame||window.mozCancelRequestAnimationFrame||window.oCancelRequestAnimationFrame||window.msCancelRequestAnimationFrame||clearTimeout}(),window.pJSDom=[],window.particlesJS=function(e,t){typeof e!="string"&&(t=e,e="particles-js"),e||(e="particles-js");var n=document.getElementById(e),r="particles-js-canvas-el",i=n.getElementsByClassName(r);if(i.length)for(;i.length>0;)n.removeChild(i[0]);var l=document.createElement("canvas");l.className=r,l.style.width="100%",l.style.height="100%";var o=document.getElementById(e).appendChild(l);o!=null&&pJSDom.push(new rp(e,t))},window.particlesJS.load=function(e,t,n){var r=new XMLHttpRequest;r.open("GET",t),r.onreadystatechange=function(i){if(r.readyState==4)if(r.status==200){var l=JSON.parse(i.currentTarget.response);window.particlesJS(e,l),n&&n()}else console.log("Error pJS - XMLHttpRequest status: "+r.status),console.log("Error pJS - File config not found")},r.send()}; diff --git a/dist/assets/index-D8jJgqdT.css b/dist/assets/index-D8jJgqdT.css deleted file mode 100644 index 4ca2f12..0000000 --- a/dist/assets/index-D8jJgqdT.css +++ /dev/null @@ -1 +0,0 @@ -@import"https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&subset=devanagari,latin-ext";.auto-typed{background:-webkit-linear-gradient(#e4d6fb,#8400ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.section_title{background:-webkit-linear-gradient(#e4d6fb,#8400ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:4rem;font-weight:700}#bg{position:fixed;top:0;left:0;bottom:0;right:0;z-index:-1}.ip{display:flex;justify-content:center;align-self:center}.input_container{display:flex;width:40%;align-items:center;justify-content:center;background-color:red}.date_input{width:20%}.apod_img_container{width:500px;height:500px}.img{width:500px;height:400px}.info{width:500px;height:100px}#apod_img{border-radius:25px}.apod_img{position:relative;height:80%}#apod_img:hover{color:#fff;box-shadow:0 5px 15px #9000ff}.hero_img{border-radius:50%}.hero_img:hover{color:#bf00ff;box-shadow:0 5px 15px #9000ff}.rover_container{width:100%;display:flex;justify-content:center}.rover_section_text{width:50%}.mars_illus{border-radius:50%;margin-right:30px}.mars_illus:hover{color:#bf00ff;box-shadow:0 5px 15px #f09}.rover_display{height:70vh;width:100%;display:none;justify-content:center}.inner_conatiner{height:100%;width:75%;border-radius:10px;border:#e4d6fb;border-style:solid;border-width:1px;display:flex;justify-content:center;align-items:center}.image_div{width:500px;height:500px;margin-right:50px}.rover_popup_image_mobile{width:500px;height:500px;border-radius:25px}#roverImg:hover{color:#bf00ff;box-shadow:0 5px 15px #9000ff}.info_div{width:500px;height:500px;background-color:#7fffd4}.info_container{display:flex}.contact-form{display:flex;align-items:center;justify-content:space-between}.contact-form .left{flex:1;display:flex;align-items:center;justify-content:center}.contact-form .right{flex:1;padding-left:20px}.right .form-control{width:100%;max-width:600px}.contact_img{border-radius:50%}.contact_img:hover{color:#fff;box-shadow:0 5px 15px #9000ff}@media (max-width: 768px){.contact-form{flex-direction:column}.contact-form .right{padding-left:0;margin-top:10px}}.card{border-radius:10px;filter:drop-shadow(0 5px 10px 0 #ffffff);width:230px;height:130px;background-color:#fff;padding:20px;margin-bottom:5px;margin-top:5px;margin-right:10px;position:relative;z-index:0;overflow:hidden;transition:.6s ease-in}.info1{margin-right:30px}.card:before{content:"";position:absolute;z-index:-1;top:-15px;right:-15px;background:#7952b3;height:220px;width:25px;border-radius:32px;transform:scale(1);transform-origin:50% 50%;transition:transform .25s ease-out}.card:hover:before{transition-delay:.2s;transform:scale(40)}.card:hover{color:#fff}.card p{padding:10px 0}.img{display:flex;justify-content:center}@media (max-width: 765px){.section_title_mobile{font-size:2rem}.img{width:100%}.apod_img{height:350px;width:350px}.rover_section_img{display:flex;justify-content:center;align-items:center;padding-bottom:2rem}.mars_illus{width:70%}.rover_section_text{width:100%}.rover_section_para{text-align:center;font-size:1rem;padding:10px}.rover_container{display:flex;justify-content:center;align-items:center;flex-direction:column}.rover_display{display:none}.override-display{width:90%}.hero_img,.contact_img{width:70%}.inner_conatiner{display:flex;justify-content:center;align-items:center;flex-direction:column;height:30rem;width:98%;border-radius:10px;border:#e4d6fb;border-style:solid;border-width:1px}.rover_popup_image_mobile{height:80%;width:80%}.image_div{display:flex;justify-content:center;align-items:center;height:10rem;width:80%}.card{height:5rem;width:20rem}.info_container{display:flex;justify-content:center;align-items:center}.info-gen{width:20%}}.rover_container{display:flex;justify-content:center;align-items:center}.mars_illus{height:80%}.sidebar-icon{position:absolute;top:80px;right:20px;z-index:10}.sidebar-list-item{list-style-type:none;padding-bottom:8px}@media (min-width: 990px){.sidebar-icon{display:none}}.sidebar-contact{display:flex;justify-content:center}.sidebar-menu{position:fixed;top:80px;right:-200px;width:160px;height:160px;background-color:inherit;transition:right .3s ease;z-index:5}.sidebar-menu.active{right:0}.rem-default{text-decoration:none;color:inherit;cursor:pointer}*{box-sizing:border-box;margin:0;padding:0}body{background-image:linear-gradient(to left,#0a0049,#000);overflow-x:hidden;color:#fff;font-family:sans-serif}.body::-webkit-scrollbar{display:none} diff --git a/dist/index.html b/dist/index.html index 600cb49..63450d0 100644 --- a/dist/index.html +++ b/dist/index.html @@ -1,33 +1,22 @@ - - - - - - - cosmoXplore - - - - - - -
- - - - - - + + + + + + + + cosmoXplore + + + + + + + +
+ + + \ No newline at end of file diff --git a/src/components/Background/Background.jsx b/src/components/BackGround/BackGround.jsx similarity index 100% rename from src/components/Background/Background.jsx rename to src/components/BackGround/BackGround.jsx diff --git a/src/components/BackGround/BackGround.module.css b/src/components/BackGround/BackGround.module.css new file mode 100644 index 0000000..34f5234 --- /dev/null +++ b/src/components/BackGround/BackGround.module.css @@ -0,0 +1,6 @@ +#container { + position: fixed; + z-index: -100; + height: 100vh; + width: 100vw; +} \ No newline at end of file From dfd738a4833bcb33782e4b84f90f40d00f68b3af Mon Sep 17 00:00:00 2001 From: Donald Reddy Indelu Date: Thu, 30 May 2024 12:40:07 +0530 Subject: [PATCH 5/5] add 3d star field --- src/components/Toast/Toast.jsx | 1 - src/components/Toast/Toast.module.css | 15 ++++++++++++++- 2 files changed, 14 insertions(+), 2 deletions(-) diff --git a/src/components/Toast/Toast.jsx b/src/components/Toast/Toast.jsx index 35a672e..9a5a8a3 100644 --- a/src/components/Toast/Toast.jsx +++ b/src/components/Toast/Toast.jsx @@ -32,7 +32,6 @@ function Toast() { function handleClose() { setIsShow(false); if (timeOut) { - console.log("cancle"); clearTimeout(timeOut) timeOut = null } diff --git a/src/components/Toast/Toast.module.css b/src/components/Toast/Toast.module.css index be43a03..6b63ace 100644 --- a/src/components/Toast/Toast.module.css +++ b/src/components/Toast/Toast.module.css @@ -64,6 +64,19 @@ @media (max-width:600px) { #toast { - left: 20%; + left: 15%; } + + #container { + width: 200px; + } + + #toast span { + width: 200px; + } + + #container img { + width: 20px; + } + } \ No newline at end of file