Array ( [content] => Plateforme de Streaming Vidéo

s

StreamVidéo

one piece

episode 1034

Action

Comment Battre La PRISON BRUTALE dans La Plateforme 2

Imaginez la pire sensation de faim que vous ayez jamais ressentie. Vous êtes piégé dans une prison verticale de 300 étages où, chaque jour, une plateforme descend avec de la nourriture, mais les prisonniers du haut ont toujours la primeur et ceux du bas doivent se débrouiller seuls.

Action

Comment Battre La PRISON BRUTALE dans La Plateforme 2

Imaginez la pire sensation de faim que vous ayez jamais ressentie. Vous êtes piégé dans une prison verticale de 300 étages où, chaque jour, une plateforme descend avec de la nourriture, mais les prisonniers du haut ont toujours la primeur et ceux du bas doivent se débrouiller seuls.

Action

ttttttttttt

ttttttttttttt

Action
) INPUT: content=%3C!DOCTYPE%20html%3E%0A%3Chtml%20lang%3D%22fr%22%20class%3D%22scroll-smooth%22%3E%3Chead%3E%0A%20%20%3Cmeta%20charset%3D%22UTF-8%22%3E%0A%20%20%3Cmeta%20name%3D%22viewport%22%20content%3D%22width%3Ddevice-width%2C%20initial-scale%3D1%22%3E%0A%20%20%3Cmeta%20http-equiv%3D%22Content-Security-Policy%22%20content%3D%22upgrade-insecure-requests%22%3E%0A%20%20%3Ctitle%3EPlateforme%20de%20Streaming%20Vid%C3%A9o%3C%2Ftitle%3E%0A%20%20%3Cscript%20src%3D%22https%3A%2F%2Fcdn.tailwindcss.com%22%3E%3C%2Fscript%3E%0A%20%20%3Clink%20rel%3D%22stylesheet%22%20href%3D%22https%3A%2F%2Fcdnjs.cloudflare.com%2Fajax%2Flibs%2Ffont-awesome%2F5.15.3%2Fcss%2Fall.min.css%22%3E%0A%20%20%3Clink%20href%3D%22https%3A%2F%2Ffonts.googleapis.com%2Fcss2%3Ffamily%3DRoboto%3Awght%40400%3B700%26amp%3Bdisplay%3Dswap%22%20rel%3D%22stylesheet%22%3E%0A%20%20%3Cstyle%3E%0A%20%20%20%20body%20%7B%0A%20%20%20%20%20%20font-family%3A%20'Roboto'%2C%20sans-serif%3B%0A%20%20%20%20%7D%0A%20%20%20%20.scrollbar-thin%3A%3A-webkit-scrollbar%20%7B%0A%20%20%20%20%20%20height%3A%206px%3B%0A%20%20%20%20%7D%0A%20%20%20%20.scrollbar-thin%3A%3A-webkit-scrollbar-thumb%20%7B%0A%20%20%20%20%20%20background-color%3A%20%23a0aec0%3B%0A%20%20%20%20%20%20border-radius%3A%203px%3B%0A%20%20%20%20%7D%0A%20%20%3C%2Fstyle%3E%0A%20%20%3Cstyle%3E*%2C%20%3A%3Abefore%2C%20%3A%3Aafter%7B--tw-border-spacing-x%3A0%3B--tw-border-spacing-y%3A0%3B--tw-translate-x%3A0%3B--tw-translate-y%3A0%3B--tw-rotate%3A0%3B--tw-skew-x%3A0%3B--tw-skew-y%3A0%3B--tw-scale-x%3A1%3B--tw-scale-y%3A1%3B--tw-pan-x%3A%20%3B--tw-pan-y%3A%20%3B--tw-pinch-zoom%3A%20%3B--tw-scroll-snap-strictness%3Aproximity%3B--tw-gradient-from-position%3A%20%3B--tw-gradient-via-position%3A%20%3B--tw-gradient-to-position%3A%20%3B--tw-ordinal%3A%20%3B--tw-slashed-zero%3A%20%3B--tw-numeric-figure%3A%20%3B--tw-numeric-spacing%3A%20%3B--tw-numeric-fraction%3A%20%3B--tw-ring-inset%3A%20%3B--tw-ring-offset-width%3A0px%3B--tw-ring-offset-color%3A%23fff%3B--tw-ring-color%3Argb(59%20130%20246%20%2F%200.5)%3B--tw-ring-offset-shadow%3A0%200%20%230000%3B--tw-ring-shadow%3A0%200%20%230000%3B--tw-shadow%3A0%200%20%230000%3B--tw-shadow-colored%3A0%200%20%230000%3B--tw-blur%3A%20%3B--tw-brightness%3A%20%3B--tw-contrast%3A%20%3B--tw-grayscale%3A%20%3B--tw-hue-rotate%3A%20%3B--tw-invert%3A%20%3B--tw-saturate%3A%20%3B--tw-sepia%3A%20%3B--tw-drop-shadow%3A%20%3B--tw-backdrop-blur%3A%20%3B--tw-backdrop-brightness%3A%20%3B--tw-backdrop-contrast%3A%20%3B--tw-backdrop-grayscale%3A%20%3B--tw-backdrop-hue-rotate%3A%20%3B--tw-backdrop-invert%3A%20%3B--tw-backdrop-opacity%3A%20%3B--tw-backdrop-saturate%3A%20%3B--tw-backdrop-sepia%3A%20%3B--tw-contain-size%3A%20%3B--tw-contain-layout%3A%20%3B--tw-contain-paint%3A%20%3B--tw-contain-style%3A%20%7D%3A%3Abackdrop%7B--tw-border-spacing-x%3A0%3B--tw-border-spacing-y%3A0%3B--tw-translate-x%3A0%3B--tw-translate-y%3A0%3B--tw-rotate%3A0%3B--tw-skew-x%3A0%3B--tw-skew-y%3A0%3B--tw-scale-x%3A1%3B--tw-scale-y%3A1%3B--tw-pan-x%3A%20%3B--tw-pan-y%3A%20%3B--tw-pinch-zoom%3A%20%3B--tw-scroll-snap-strictness%3Aproximity%3B--tw-gradient-from-position%3A%20%3B--tw-gradient-via-position%3A%20%3B--tw-gradient-to-position%3A%20%3B--tw-ordinal%3A%20%3B--tw-slashed-zero%3A%20%3B--tw-numeric-figure%3A%20%3B--tw-numeric-spacing%3A%20%3B--tw-numeric-fraction%3A%20%3B--tw-ring-inset%3A%20%3B--tw-ring-offset-width%3A0px%3B--tw-ring-offset-color%3A%23fff%3B--tw-ring-color%3Argb(59%20130%20246%20%2F%200.5)%3B--tw-ring-offset-shadow%3A0%200%20%230000%3B--tw-ring-shadow%3A0%200%20%230000%3B--tw-shadow%3A0%200%20%230000%3B--tw-shadow-colored%3A0%200%20%230000%3B--tw-blur%3A%20%3B--tw-brightness%3A%20%3B--tw-contrast%3A%20%3B--tw-grayscale%3A%20%3B--tw-hue-rotate%3A%20%3B--tw-invert%3A%20%3B--tw-saturate%3A%20%3B--tw-sepia%3A%20%3B--tw-drop-shadow%3A%20%3B--tw-backdrop-blur%3A%20%3B--tw-backdrop-brightness%3A%20%3B--tw-backdrop-contrast%3A%20%3B--tw-backdrop-grayscale%3A%20%3B--tw-backdrop-hue-rotate%3A%20%3B--tw-backdrop-invert%3A%20%3B--tw-backdrop-opacity%3A%20%3B--tw-backdrop-saturate%3A%20%3B--tw-backdrop-sepia%3A%20%3B--tw-contain-size%3A%20%3B--tw-contain-layout%3A%20%3B--tw-contain-paint%3A%20%3B--tw-contain-style%3A%20%7D%2F*%20!%20tailwindcss%20v3.4.16%20%7C%20MIT%20License%20%7C%20https%3A%2F%2Ftailwindcss.com%20*%2F*%2C%3A%3Aafter%2C%3A%3Abefore%7Bbox-sizing%3Aborder-box%3Bborder-width%3A0%3Bborder-style%3Asolid%3Bborder-color%3A%23e5e7eb%7D%3A%3Aafter%2C%3A%3Abefore%7B--tw-content%3A''%7D%3Ahost%2Chtml%7Bline-height%3A1.5%3B-webkit-text-size-adjust%3A100%25%3B-moz-tab-size%3A4%3Btab-size%3A4%3Bfont-family%3Aui-sans-serif%2C%20system-ui%2C%20sans-serif%2C%20%22Apple%20Color%20Emoji%22%2C%20%22Segoe%20UI%20Emoji%22%2C%20%22Segoe%20UI%20Symbol%22%2C%20%22Noto%20Color%20Emoji%22%3Bfont-feature-settings%3Anormal%3Bfont-variation-settings%3Anormal%3B-webkit-tap-highlight-color%3Atransparent%7Dbody%7Bmargin%3A0%3Bline-height%3Ainherit%7Dhr%7Bheight%3A0%3Bcolor%3Ainherit%3Bborder-top-width%3A1px%7Dabbr%3Awhere(%5Btitle%5D)%7B-webkit-text-decoration%3Aunderline%20dotted%3Btext-decoration%3Aunderline%20dotted%7Dh1%2Ch2%2Ch3%2Ch4%2Ch5%2Ch6%7Bfont-size%3Ainherit%3Bfont-weight%3Ainherit%7Da%7Bcolor%3Ainherit%3Btext-decoration%3Ainherit%7Db%2Cstrong%7Bfont-weight%3Abolder%7Dcode%2Ckbd%2Cpre%2Csamp%7Bfont-family%3Aui-monospace%2C%20SFMono-Regular%2C%20Menlo%2C%20Monaco%2C%20Consolas%2C%20%22Liberation%20Mono%22%2C%20%22Courier%20New%22%2C%20monospace%3Bfont-feature-settings%3Anormal%3Bfont-variation-settings%3Anormal%3Bfont-size%3A1em%7Dsmall%7Bfont-size%3A80%25%7Dsub%2Csup%7Bfont-size%3A75%25%3Bline-height%3A0%3Bposition%3Arelative%3Bvertical-align%3Abaseline%7Dsub%7Bbottom%3A-.25em%7Dsup%7Btop%3A-.5em%7Dtable%7Btext-indent%3A0%3Bborder-color%3Ainherit%3Bborder-collapse%3Acollapse%7Dbutton%2Cinput%2Coptgroup%2Cselect%2Ctextarea%7Bfont-family%3Ainherit%3Bfont-feature-settings%3Ainherit%3Bfont-variation-settings%3Ainherit%3Bfont-size%3A100%25%3Bfont-weight%3Ainherit%3Bline-height%3Ainherit%3Bletter-spacing%3Ainherit%3Bcolor%3Ainherit%3Bmargin%3A0%3Bpadding%3A0%7Dbutton%2Cselect%7Btext-transform%3Anone%7Dbutton%2Cinput%3Awhere(%5Btype%3Dbutton%5D)%2Cinput%3Awhere(%5Btype%3Dreset%5D)%2Cinput%3Awhere(%5Btype%3Dsubmit%5D)%7B-webkit-appearance%3Abutton%3Bbackground-color%3Atransparent%3Bbackground-image%3Anone%7D%3A-moz-focusring%7Boutline%3Aauto%7D%3A-moz-ui-invalid%7Bbox-shadow%3Anone%7Dprogress%7Bvertical-align%3Abaseline%7D%3A%3A-webkit-inner-spin-button%2C%3A%3A-webkit-outer-spin-button%7Bheight%3Aauto%7D%5Btype%3Dsearch%5D%7B-webkit-appearance%3Atextfield%3Boutline-offset%3A-2px%7D%3A%3A-webkit-search-decoration%7B-webkit-appearance%3Anone%7D%3A%3A-webkit-file-upload-button%7B-webkit-appearance%3Abutton%3Bfont%3Ainherit%7Dsummary%7Bdisplay%3Alist-item%7Dblockquote%2Cdd%2Cdl%2Cfigure%2Ch1%2Ch2%2Ch3%2Ch4%2Ch5%2Ch6%2Chr%2Cp%2Cpre%7Bmargin%3A0%7Dfieldset%7Bmargin%3A0%3Bpadding%3A0%7Dlegend%7Bpadding%3A0%7Dmenu%2Col%2Cul%7Blist-style%3Anone%3Bmargin%3A0%3Bpadding%3A0%7Ddialog%7Bpadding%3A0%7Dtextarea%7Bresize%3Avertical%7Dinput%3A%3Aplaceholder%2Ctextarea%3A%3Aplaceholder%7Bopacity%3A1%3Bcolor%3A%239ca3af%7D%5Brole%3Dbutton%5D%2Cbutton%7Bcursor%3Apointer%7D%3Adisabled%7Bcursor%3Adefault%7Daudio%2Ccanvas%2Cembed%2Ciframe%2Cimg%2Cobject%2Csvg%2Cvideo%7Bdisplay%3Ablock%3Bvertical-align%3Amiddle%7Dimg%2Cvideo%7Bmax-width%3A100%25%3Bheight%3Aauto%7D%5Bhidden%5D%3Awhere(%3Anot(%5Bhidden%3Duntil-found%5D))%7Bdisplay%3Anone%7D.pointer-events-none%7Bpointer-events%3Anone%7D.fixed%7Bposition%3Afixed%7D.absolute%7Bposition%3Aabsolute%7D.relative%7Bposition%3Arelative%7D.inset-0%7Binset%3A0px%7D.left-0%7Bleft%3A0px%7D.left-2%7Bleft%3A0.5rem%7D.right-0%7Bright%3A0px%7D.right-3%7Bright%3A0.75rem%7D.top-0%7Btop%3A0px%7D.top-1%5C%2F2%7Btop%3A50%25%7D.top-16%7Btop%3A4rem%7D.top-3%7Btop%3A0.75rem%7D.top-full%7Btop%3A100%25%7D.bottom-0%7Bbottom%3A0px%7D.z-20%7Bz-index%3A20%7D.z-40%7Bz-index%3A40%7D.z-50%7Bz-index%3A50%7D.mx-4%7Bmargin-left%3A1rem%3Bmargin-right%3A1rem%7D.mx-auto%7Bmargin-left%3Aauto%3Bmargin-right%3Aauto%7D.mb-1%7Bmargin-bottom%3A0.25rem%7D.mb-4%7Bmargin-bottom%3A1rem%7D.mt-1%7Bmargin-top%3A0.25rem%7D.mt-auto%7Bmargin-top%3Aauto%7D.line-clamp-3%7Boverflow%3Ahidden%3Bdisplay%3A-webkit-box%3B-webkit-box-orient%3Avertical%3B-webkit-line-clamp%3A3%7D.block%7Bdisplay%3Ablock%7D.inline-block%7Bdisplay%3Ainline-block%7D.flex%7Bdisplay%3Aflex%7D.grid%7Bdisplay%3Agrid%7D.hidden%7Bdisplay%3Anone%7D.aspect-video%7Baspect-ratio%3A16%20%2F%209%7D.h-16%7Bheight%3A4rem%7D.h-48%7Bheight%3A12rem%7D.h-14%7Bheight%3A3.5rem%7D.max-h-0%7Bmax-height%3A0px%7D.max-h-48%7Bmax-height%3A12rem%7D.max-h-60%7Bmax-height%3A15rem%7D.min-h-screen%7Bmin-height%3A100vh%7D.w-full%7Bwidth%3A100%25%7D.max-w-7xl%7Bmax-width%3A80rem%7D.max-w-lg%7Bmax-width%3A32rem%7D.max-w-xl%7Bmax-width%3A36rem%7D.flex-1%7Bflex%3A1%201%200%25%7D.-translate-y-1%5C%2F2%7B--tw-translate-y%3A-50%25%3Btransform%3Atranslate(var(--tw-translate-x)%2C%20var(--tw-translate-y))%20rotate(var(--tw-rotate))%20skewX(var(--tw-skew-x))%20skewY(var(--tw-skew-y))%20scaleX(var(--tw-scale-x))%20scaleY(var(--tw-scale-y))%7D.-translate-y-full%7B--tw-translate-y%3A-100%25%3Btransform%3Atranslate(var(--tw-translate-x)%2C%20var(--tw-translate-y))%20rotate(var(--tw-rotate))%20skewX(var(--tw-skew-x))%20skewY(var(--tw-skew-y))%20scaleX(var(--tw-scale-x))%20scaleY(var(--tw-scale-y))%7D.transform%7Btransform%3Atranslate(var(--tw-translate-x)%2C%20var(--tw-translate-y))%20rotate(var(--tw-rotate))%20skewX(var(--tw-skew-x))%20skewY(var(--tw-skew-y))%20scaleX(var(--tw-scale-x))%20scaleY(var(--tw-scale-y))%7D.select-none%7B-webkit-user-select%3Anone%3Buser-select%3Anone%7D.select-text%7B-webkit-user-select%3Atext%3Buser-select%3Atext%7D.resize-y%7Bresize%3Avertical%7D.grid-cols-1%7Bgrid-template-columns%3Arepeat(1%2C%20minmax(0%2C%201fr))%7D.flex-col%7Bflex-direction%3Acolumn%7D.flex-wrap%7Bflex-wrap%3Awrap%7D.items-center%7Balign-items%3Acenter%7D.justify-end%7Bjustify-content%3Aflex-end%7D.justify-center%7Bjustify-content%3Acenter%7D.justify-between%7Bjustify-content%3Aspace-between%7D.justify-around%7Bjustify-content%3Aspace-around%7D.gap-2%7Bgap%3A0.5rem%7D.gap-6%7Bgap%3A1.5rem%7D.space-x-2%20%3E%20%3Anot(%5Bhidden%5D)%20~%20%3Anot(%5Bhidden%5D)%7B--tw-space-x-reverse%3A0%3Bmargin-right%3Acalc(0.5rem%20*%20var(--tw-space-x-reverse))%3Bmargin-left%3Acalc(0.5rem%20*%20calc(1%20-%20var(--tw-space-x-reverse)))%7D.space-x-3%20%3E%20%3Anot(%5Bhidden%5D)%20~%20%3Anot(%5Bhidden%5D)%7B--tw-space-x-reverse%3A0%3Bmargin-right%3Acalc(0.75rem%20*%20var(--tw-space-x-reverse))%3Bmargin-left%3Acalc(0.75rem%20*%20calc(1%20-%20var(--tw-space-x-reverse)))%7D.space-x-4%20%3E%20%3Anot(%5Bhidden%5D)%20~%20%3Anot(%5Bhidden%5D)%7B--tw-space-x-reverse%3A0%3Bmargin-right%3Acalc(1rem%20*%20var(--tw-space-x-reverse))%3Bmargin-left%3Acalc(1rem%20*%20calc(1%20-%20var(--tw-space-x-reverse)))%7D.space-y-4%20%3E%20%3Anot(%5Bhidden%5D)%20~%20%3Anot(%5Bhidden%5D)%7B--tw-space-y-reverse%3A0%3Bmargin-top%3Acalc(1rem%20*%20calc(1%20-%20var(--tw-space-y-reverse)))%3Bmargin-bottom%3Acalc(1rem%20*%20var(--tw-space-y-reverse))%7D.overflow-hidden%7Boverflow%3Ahidden%7D.overflow-y-auto%7Boverflow-y%3Aauto%7D.scroll-smooth%7Bscroll-behavior%3Asmooth%7D.truncate%7Boverflow%3Ahidden%3Btext-overflow%3Aellipsis%3Bwhite-space%3Anowrap%7D.whitespace-nowrap%7Bwhite-space%3Anowrap%7D.rounded-full%7Bborder-radius%3A9999px%7D.rounded-lg%7Bborder-radius%3A0.5rem%7D.rounded-md%7Bborder-radius%3A0.375rem%7D.border%7Bborder-width%3A1px%7D.border-t%7Bborder-top-width%3A1px%7D.border-indigo-500%7B--tw-border-opacity%3A1%3Bborder-color%3Argb(99%20102%20241%20%2F%20var(--tw-border-opacity%2C%201))%7D.border-gray-700%7B--tw-border-opacity%3A1%3Bborder-color%3Argb(55%2065%2081%20%2F%20var(--tw-border-opacity%2C%201))%7D.bg-black%7B--tw-bg-opacity%3A1%3Bbackground-color%3Argb(0%200%200%20%2F%20var(--tw-bg-opacity%2C%201))%7D.bg-gray-600%7B--tw-bg-opacity%3A1%3Bbackground-color%3Argb(75%2085%2099%20%2F%20var(--tw-bg-opacity%2C%201))%7D.bg-gray-700%7B--tw-bg-opacity%3A1%3Bbackground-color%3Argb(55%2065%2081%20%2F%20var(--tw-bg-opacity%2C%201))%7D.bg-gray-800%7B--tw-bg-opacity%3A1%3Bbackground-color%3Argb(31%2041%2055%20%2F%20var(--tw-bg-opacity%2C%201))%7D.bg-gray-900%7B--tw-bg-opacity%3A1%3Bbackground-color%3Argb(17%2024%2039%20%2F%20var(--tw-bg-opacity%2C%201))%7D.bg-indigo-600%7B--tw-bg-opacity%3A1%3Bbackground-color%3Argb(79%2070%20229%20%2F%20var(--tw-bg-opacity%2C%201))%7D.bg-opacity-70%7B--tw-bg-opacity%3A0.7%7D.p-2%7Bpadding%3A0.5rem%7D.p-6%7Bpadding%3A1.5rem%7D.p-4%7Bpadding%3A1rem%7D.px-3%7Bpadding-left%3A0.75rem%3Bpadding-right%3A0.75rem%7D.px-4%7Bpadding-left%3A1rem%3Bpadding-right%3A1rem%7D.py-1%7Bpadding-top%3A0.25rem%3Bpadding-bottom%3A0.25rem%7D.py-2%7Bpadding-top%3A0.5rem%3Bpadding-bottom%3A0.5rem%7D.py-3%7Bpadding-top%3A0.75rem%3Bpadding-bottom%3A0.75rem%7D.px-2%7Bpadding-left%3A0.5rem%3Bpadding-right%3A0.5rem%7D.py-0%5C.5%7Bpadding-top%3A0.125rem%3Bpadding-bottom%3A0.125rem%7D.pb-16%7Bpadding-bottom%3A4rem%7D.pl-10%7Bpadding-left%3A2.5rem%7D.pr-4%7Bpadding-right%3A1rem%7D.pt-20%7Bpadding-top%3A5rem%7D.pt-4%7Bpadding-top%3A1rem%7D.text-center%7Btext-align%3Acenter%7D.text-2xl%7Bfont-size%3A1.5rem%3Bline-height%3A2rem%7D.text-lg%7Bfont-size%3A1.125rem%3Bline-height%3A1.75rem%7D.text-sm%7Bfont-size%3A0.875rem%3Bline-height%3A1.25rem%7D.text-xl%7Bfont-size%3A1.25rem%3Bline-height%3A1.75rem%7D.text-xs%7Bfont-size%3A0.75rem%3Bline-height%3A1rem%7D.font-bold%7Bfont-weight%3A700%7D.font-semibold%7Bfont-weight%3A600%7D.text-gray-100%7B--tw-text-opacity%3A1%3Bcolor%3Argb(243%20244%20246%20%2F%20var(--tw-text-opacity%2C%201))%7D.text-gray-200%7B--tw-text-opacity%3A1%3Bcolor%3Argb(229%20231%20235%20%2F%20var(--tw-text-opacity%2C%201))%7D.text-gray-400%7B--tw-text-opacity%3A1%3Bcolor%3Argb(156%20163%20175%20%2F%20var(--tw-text-opacity%2C%201))%7D.text-indigo-400%7B--tw-text-opacity%3A1%3Bcolor%3Argb(129%20140%20248%20%2F%20var(--tw-text-opacity%2C%201))%7D.text-gray-300%7B--tw-text-opacity%3A1%3Bcolor%3Argb(209%20213%20219%20%2F%20var(--tw-text-opacity%2C%201))%7D.text-white%7B--tw-text-opacity%3A1%3Bcolor%3Argb(255%20255%20255%20%2F%20var(--tw-text-opacity%2C%201))%7D.text-indigo-100%7B--tw-text-opacity%3A1%3Bcolor%3Argb(224%20231%20255%20%2F%20var(--tw-text-opacity%2C%201))%7D.placeholder-gray-400%3A%3Aplaceholder%7B--tw-placeholder-opacity%3A1%3Bcolor%3Argb(156%20163%20175%20%2F%20var(--tw-placeholder-opacity%2C%201))%7D.opacity-0%7Bopacity%3A0%7D.shadow-lg%7B--tw-shadow%3A0%2010px%2015px%20-3px%20rgb(0%200%200%20%2F%200.1)%2C%200%204px%206px%20-4px%20rgb(0%200%200%20%2F%200.1)%3B--tw-shadow-colored%3A0%2010px%2015px%20-3px%20var(--tw-shadow-color)%2C%200%204px%206px%20-4px%20var(--tw-shadow-color)%3Bbox-shadow%3Avar(--tw-ring-offset-shadow%2C%200%200%20%230000)%2C%20var(--tw-ring-shadow%2C%200%200%20%230000)%2C%20var(--tw-shadow)%7D.shadow-md%7B--tw-shadow%3A0%204px%206px%20-1px%20rgb(0%200%200%20%2F%200.1)%2C%200%202px%204px%20-2px%20rgb(0%200%200%20%2F%200.1)%3B--tw-shadow-colored%3A0%204px%206px%20-1px%20var(--tw-shadow-color)%2C%200%202px%204px%20-2px%20var(--tw-shadow-color)%3Bbox-shadow%3Avar(--tw-ring-offset-shadow%2C%200%200%20%230000)%2C%20var(--tw-ring-shadow%2C%200%200%20%230000)%2C%20var(--tw-shadow)%7D.transition-all%7Btransition-property%3Aall%3Btransition-timing-function%3Acubic-bezier(0.4%2C%200%2C%200.2%2C%201)%3Btransition-duration%3A150ms%7D.transition-opacity%7Btransition-property%3Aopacity%3Btransition-timing-function%3Acubic-bezier(0.4%2C%200%2C%200.2%2C%201)%3Btransition-duration%3A150ms%7D.transition-transform%7Btransition-property%3Atransform%3Btransition-timing-function%3Acubic-bezier(0.4%2C%200%2C%200.2%2C%201)%3Btransition-duration%3A150ms%7D.transition-colors%7Btransition-property%3Acolor%2C%20background-color%2C%20border-color%2C%20fill%2C%20stroke%2C%20-webkit-text-decoration-color%3Btransition-property%3Acolor%2C%20background-color%2C%20border-color%2C%20text-decoration-color%2C%20fill%2C%20stroke%3Btransition-property%3Acolor%2C%20background-color%2C%20border-color%2C%20text-decoration-color%2C%20fill%2C%20stroke%2C%20-webkit-text-decoration-color%3Btransition-timing-function%3Acubic-bezier(0.4%2C%200%2C%200.2%2C%201)%3Btransition-duration%3A150ms%7D.duration-300%7Btransition-duration%3A300ms%7D.duration-200%7Btransition-duration%3A200ms%7D.hover%5C%3Abg-gray-700%3Ahover%7B--tw-bg-opacity%3A1%3Bbackground-color%3Argb(55%2065%2081%20%2F%20var(--tw-bg-opacity%2C%201))%7D.hover%5C%3Abg-indigo-700%3Ahover%7B--tw-bg-opacity%3A1%3Bbackground-color%3Argb(67%2056%20202%20%2F%20var(--tw-bg-opacity%2C%201))%7D.hover%5C%3Abg-indigo-600%3Ahover%7B--tw-bg-opacity%3A1%3Bbackground-color%3Argb(79%2070%20229%20%2F%20var(--tw-bg-opacity%2C%201))%7D.hover%5C%3Atext-indigo-400%3Ahover%7B--tw-text-opacity%3A1%3Bcolor%3Argb(129%20140%20248%20%2F%20var(--tw-text-opacity%2C%201))%7D.hover%5C%3Atext-white%3Ahover%7B--tw-text-opacity%3A1%3Bcolor%3Argb(255%20255%20255%20%2F%20var(--tw-text-opacity%2C%201))%7D.focus%5C%3Abg-gray-800%3Afocus%7B--tw-bg-opacity%3A1%3Bbackground-color%3Argb(31%2041%2055%20%2F%20var(--tw-bg-opacity%2C%201))%7D.focus%5C%3Aoutline-none%3Afocus%7Boutline%3A2px%20solid%20transparent%3Boutline-offset%3A2px%7D.focus%5C%3Aring-2%3Afocus%7B--tw-ring-offset-shadow%3Avar(--tw-ring-inset)%200%200%200%20var(--tw-ring-offset-width)%20var(--tw-ring-offset-color)%3B--tw-ring-shadow%3Avar(--tw-ring-inset)%200%200%200%20calc(2px%20%2B%20var(--tw-ring-offset-width))%20var(--tw-ring-color)%3Bbox-shadow%3Avar(--tw-ring-offset-shadow)%2C%20var(--tw-ring-shadow)%2C%20var(--tw-shadow%2C%200%200%20%230000)%7D.focus%5C%3Aring-indigo-400%3Afocus%7B--tw-ring-opacity%3A1%3B--tw-ring-color%3Argb(129%20140%20248%20%2F%20var(--tw-ring-opacity%2C%201))%7D%40media%20(min-width%3A%20640px)%7B.sm%5C%3Amx-0%7Bmargin-left%3A0px%3Bmargin-right%3A0px%7D.sm%5C%3Amx-8%7Bmargin-left%3A2rem%3Bmargin-right%3A2rem%7D.sm%5C%3Ainline%7Bdisplay%3Ainline%7D.sm%5C%3Ahidden%7Bdisplay%3Anone%7D.sm%5C%3Ah-56%7Bheight%3A14rem%7D.sm%5C%3Amax-h-48%7Bmax-height%3A12rem%7D.sm%5C%3Agrid-cols-2%7Bgrid-template-columns%3Arepeat(2%2C%20minmax(0%2C%201fr))%7D.sm%5C%3Apx-6%7Bpadding-left%3A1.5rem%3Bpadding-right%3A1.5rem%7D.sm%5C%3Atext-2xl%7Bfont-size%3A1.5rem%3Bline-height%3A2rem%7D.sm%5C%3Atext-base%7Bfont-size%3A1rem%3Bline-height%3A1.5rem%7D.sm%5C%3Atext-xl%7Bfont-size%3A1.25rem%3Bline-height%3A1.75rem%7D%7D%40media%20(min-width%3A%20768px)%7B.md%5C%3Agrid-cols-3%7Bgrid-template-columns%3Arepeat(3%2C%20minmax(0%2C%201fr))%7D%7D%40media%20(min-width%3A%201024px)%7B.lg%5C%3Agrid-cols-4%7Bgrid-template-columns%3Arepeat(4%2C%20minmax(0%2C%201fr))%7D.lg%5C%3Apx-8%7Bpadding-left%3A2rem%3Bpadding-right%3A2rem%7D%7D%3C%2Fstyle%3E%3Clink%20rel%3D%22stylesheet%22%20href%3D%22chrome-extension%3A%2F%2Fihcjicgdanjaechkgeegckofjjedodee%2Fapp%2Fcontent-style.css%22%3E%3Cscript%20src%3D%22chrome-extension%3A%2F%2Fojaffphbffmdaicdkahnmihipclmepok%2Fstatic%2Fjs%2Fworkers.min.js%22%3E%3C%2Fscript%3E%3C%2Fhead%3E%3Cbody%20class%3D%22bg-gray-900%20text-gray-100%20min-h-screen%20flex%20flex-col%22%20style%3D%22cursor%3A%20crosshair%3B%22%3E%3Cp%20class%3D%22%22%3Es%3C%2Fp%3E%0A%0A%0A%0A%20%20%3C!--%20HEADER%20%2F%20NAVBAR%20--%3E%0A%20%20%3Cheader%20class%3D%22bg-gray-800%20fixed%20top-0%20left-0%20right-0%20z-50%20shadow-md%22%3E%0A%20%20%20%20%3Cdiv%20class%3D%22max-w-7xl%20mx-auto%20flex%20items-center%20justify-between%20px-4%20sm%3Apx-6%20lg%3Apx-8%20h-16%22%3E%0A%20%20%20%20%20%20%3Cdiv%20class%3D%22flex%20items-center%20space-x-3%22%3E%0A%20%20%20%20%20%20%20%20%3Cbutton%20id%3D%22btn-menu-categories%22%20aria-label%3D%22Afficher%20les%20cat%C3%A9gories%22%20class%3D%22text-gray-100%20hover%3Atext-indigo-400%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%20rounded-md%20text-lg%20sm%3Atext-xl%22%20title%3D%22Cat%C3%A9gories%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Ci%20class%3D%22fas%20fa-th-large%22%3E%3C%2Fi%3E%0A%20%20%20%20%20%20%20%20%3C%2Fbutton%3E%0A%20%20%20%20%20%20%20%20%3Ch1%20class%3D%22text-xl%20sm%3Atext-2xl%20font-bold%20select-none%22%3EStreamVid%C3%A9o%3C%2Fh1%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%3C!--%20Search%20%26%20Filters%20--%3E%0A%20%20%20%20%20%20%3Cdiv%20class%3D%22relative%20flex-1%20max-w-xl%20mx-4%20sm%3Amx-8%22%3E%0A%20%20%20%20%20%20%20%20%3Cbutton%20id%3D%22btn-search-toggle%22%20aria-label%3D%22Afficher%20la%20barre%20de%20recherche%22%20class%3D%22absolute%20left-2%20top-1%2F2%20-translate-y-1%2F2%20text-gray-400%20hover%3Atext-indigo-400%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%20rounded-md%20z-20%22%20title%3D%22Rechercher%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Ci%20class%3D%22fas%20fa-search%20text-lg%20sm%3Atext-xl%22%3E%3C%2Fi%3E%0A%20%20%20%20%20%20%20%20%3C%2Fbutton%3E%0A%20%20%20%20%20%20%20%20%3Cinput%20id%3D%22input-search%22%20type%3D%22text%22%20placeholder%3D%22Rechercher%20une%20vid%C3%A9o...%22%20class%3D%22w-full%20pl-10%20pr-4%20py-2%20rounded-md%20bg-gray-700%20text-gray-100%20placeholder-gray-400%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%20focus%3Abg-gray-800%20transition-all%20duration-300%20max-h-0%20opacity-0%20pointer-events-none%22%20aria-label%3D%22Barre%20de%20recherche%22%3E%0A%20%20%20%20%20%20%20%20%3C!--%20Genre%20filters%20container%20--%3E%0A%20%20%20%20%20%20%20%20%3Cdiv%20id%3D%22genre-filters%22%20class%3D%22absolute%20top-full%20left-0%20right-0%20mt-1%20bg-gray-800%20rounded-md%20shadow-lg%20p-2%20flex%20flex-wrap%20gap-2%20max-h-48%20overflow-y-auto%20scrollbar-thin%20opacity-0%20pointer-events-none%20transition-opacity%20duration-300%22%20aria-label%3D%22Filtres%20de%20genre%22%3E%3Cbutton%20type%3D%22button%22%20class%3D%22px-3%20py-1%20rounded-full%20border%20border-indigo-500%20text-indigo-400%20hover%3Abg-indigo-600%20hover%3Atext-white%20transition-colors%20duration-200%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%22%3EAction%3C%2Fbutton%3E%3Cbutton%20type%3D%22button%22%20class%3D%22px-3%20py-1%20rounded-full%20border%20border-indigo-500%20text-indigo-400%20hover%3Abg-indigo-600%20hover%3Atext-white%20transition-colors%20duration-200%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%22%3ECom%C3%A9die%3C%2Fbutton%3E%3Cbutton%20type%3D%22button%22%20class%3D%22px-3%20py-1%20rounded-full%20border%20border-indigo-500%20text-indigo-400%20hover%3Abg-indigo-600%20hover%3Atext-white%20transition-colors%20duration-200%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%22%3EDrame%3C%2Fbutton%3E%3Cbutton%20type%3D%22button%22%20class%3D%22px-3%20py-1%20rounded-full%20border%20border-indigo-500%20text-indigo-400%20hover%3Abg-indigo-600%20hover%3Atext-white%20transition-colors%20duration-200%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%22%3EHorreur%3C%2Fbutton%3E%3Cbutton%20type%3D%22button%22%20class%3D%22px-3%20py-1%20rounded-full%20border%20border-indigo-500%20text-indigo-400%20hover%3Abg-indigo-600%20hover%3Atext-white%20transition-colors%20duration-200%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%22%3EScience-fiction%3C%2Fbutton%3E%3Cbutton%20type%3D%22button%22%20class%3D%22px-3%20py-1%20rounded-full%20border%20border-indigo-500%20text-indigo-400%20hover%3Abg-indigo-600%20hover%3Atext-white%20transition-colors%20duration-200%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%22%3EDocumentaire%3C%2Fbutton%3E%3Cbutton%20type%3D%22button%22%20class%3D%22px-3%20py-1%20rounded-full%20border%20border-indigo-500%20text-indigo-400%20hover%3Abg-indigo-600%20hover%3Atext-white%20transition-colors%20duration-200%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%22%3EAnimation%3C%2Fbutton%3E%3Cbutton%20type%3D%22button%22%20class%3D%22px-3%20py-1%20rounded-full%20border%20border-indigo-500%20text-indigo-400%20hover%3Abg-indigo-600%20hover%3Atext-white%20transition-colors%20duration-200%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%22%3ERomance%3C%2Fbutton%3E%3Cbutton%20type%3D%22button%22%20class%3D%22px-3%20py-1%20rounded-full%20border%20border-indigo-500%20text-indigo-400%20hover%3Abg-indigo-600%20hover%3Atext-white%20transition-colors%20duration-200%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%22%3EThriller%3C%2Fbutton%3E%3Cbutton%20type%3D%22button%22%20class%3D%22px-3%20py-1%20rounded-full%20border%20border-indigo-500%20text-indigo-400%20hover%3Abg-indigo-600%20hover%3Atext-white%20transition-colors%20duration-200%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%22%3EAventure%3C%2Fbutton%3E%3C%2Fdiv%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%0A%20%20%20%20%20%20%3Cdiv%20class%3D%22flex%20items-center%20space-x-3%22%3E%0A%20%20%20%20%20%20%20%20%3Cbutton%20id%3D%22btn-add-video%22%20aria-label%3D%22Ajouter%20une%20vid%C3%A9o%22%20class%3D%22bg-indigo-600%20hover%3Abg-indigo-700%20focus%3Aring-2%20focus%3Aring-indigo-400%20focus%3Aoutline-none%20rounded-md%20px-3%20py-1%20text-sm%20sm%3Atext-base%20font-semibold%20flex%20items-center%20space-x-2%22%20title%3D%22Ajouter%20une%20vid%C3%A9o%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Ci%20class%3D%22fas%20fa-plus%22%3E%3C%2Fi%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22hidden%20sm%3Ainline%22%3EAjouter%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3C%2Fbutton%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%3C%2Fheader%3E%0A%0A%20%20%3C!--%20Categories%20panel%20(hidden%20by%20default)%20--%3E%0A%20%20%3Cnav%20id%3D%22panel-categories%22%20class%3D%22fixed%20top-16%20left-0%20right-0%20bg-gray-800%20shadow-lg%20max-h-60%20overflow-y-auto%20z-40%20transition-transform%20transform%20-translate-y-full%20sm%3Amax-h-48%22%20aria-label%3D%22Liste%20des%20cat%C3%A9gories%22%3E%0A%20%20%20%20%3Cul%20class%3D%22flex%20space-x-4%20px-4%20py-3%20whitespace-nowrap%20text-gray-200%20text-sm%20sm%3Atext-base%22%3E%3Cli%3E%3Cbutton%20type%3D%22button%22%20class%3D%22px-3%20py-1%20rounded-md%20hover%3Abg-indigo-600%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%20bg-indigo-600%20text-white%22%3EToutes%3C%2Fbutton%3E%3C%2Fli%3E%3Cli%3E%3Cbutton%20type%3D%22button%22%20class%3D%22px-3%20py-1%20rounded-md%20hover%3Abg-indigo-600%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%20text-gray-300%22%3EAction%3C%2Fbutton%3E%3C%2Fli%3E%3Cli%3E%3Cbutton%20type%3D%22button%22%20class%3D%22px-3%20py-1%20rounded-md%20hover%3Abg-indigo-600%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%20text-gray-300%22%3ECom%C3%A9die%3C%2Fbutton%3E%3C%2Fli%3E%3Cli%3E%3Cbutton%20type%3D%22button%22%20class%3D%22px-3%20py-1%20rounded-md%20hover%3Abg-indigo-600%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%20text-gray-300%22%3EDrame%3C%2Fbutton%3E%3C%2Fli%3E%3Cli%3E%3Cbutton%20type%3D%22button%22%20class%3D%22px-3%20py-1%20rounded-md%20hover%3Abg-indigo-600%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%20text-gray-300%22%3EHorreur%3C%2Fbutton%3E%3C%2Fli%3E%3Cli%3E%3Cbutton%20type%3D%22button%22%20class%3D%22px-3%20py-1%20rounded-md%20hover%3Abg-indigo-600%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%20text-gray-300%22%3EScience-fiction%3C%2Fbutton%3E%3C%2Fli%3E%3Cli%3E%3Cbutton%20type%3D%22button%22%20class%3D%22px-3%20py-1%20rounded-md%20hover%3Abg-indigo-600%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%20text-gray-300%22%3EDocumentaire%3C%2Fbutton%3E%3C%2Fli%3E%3Cli%3E%3Cbutton%20type%3D%22button%22%20class%3D%22px-3%20py-1%20rounded-md%20hover%3Abg-indigo-600%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%20text-gray-300%22%3EAnimation%3C%2Fbutton%3E%3C%2Fli%3E%3Cli%3E%3Cbutton%20type%3D%22button%22%20class%3D%22px-3%20py-1%20rounded-md%20hover%3Abg-indigo-600%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%20text-gray-300%22%3ERomance%3C%2Fbutton%3E%3C%2Fli%3E%3Cli%3E%3Cbutton%20type%3D%22button%22%20class%3D%22px-3%20py-1%20rounded-md%20hover%3Abg-indigo-600%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%20text-gray-300%22%3EThriller%3C%2Fbutton%3E%3C%2Fli%3E%3Cli%3E%3Cbutton%20type%3D%22button%22%20class%3D%22px-3%20py-1%20rounded-md%20hover%3Abg-indigo-600%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%20text-gray-300%22%3EAventure%3C%2Fbutton%3E%3C%2Fli%3E%3C%2Ful%3E%0A%20%20%3C%2Fnav%3E%0A%0A%20%20%3C!--%20Main%20content%20--%3E%0A%20%20%3Cmain%20id%3D%22main-content%22%20class%3D%22flex-1%20pt-20%20pb-16%20max-w-7xl%20mx-auto%20px-4%20sm%3Apx-6%20lg%3Apx-8%20w-full%22%20style%3D%22%22%3E%3Cdiv%20class%3D%22grid%20grid-cols-1%20sm%3Agrid-cols-2%20md%3Agrid-cols-3%20lg%3Agrid-cols-4%20gap-6%22%3E%3Carticle%20class%3D%22bg-gray-800%20rounded-lg%20shadow-md%20overflow-hidden%20flex%20flex-col%22%3E%3Cdiv%20class%3D%22w-full%20aspect-video%20bg-black%22%3E%3Ciframe%20class%3D%22w-full%20h-48%20sm%3Ah-56%20rounded-md%22%20width%3D%22640%22%20height%3D%22360%22%20src%3D%22http%3A%2F%2Fvideo.sibnet.ru%2Fshell.php%3Fvideoid%3D4833415%26amp%3Bshare%3D1%26quot%3B%22%20title%3D%22YouTube%20video%20player%22%20frameborder%3D%220%22%20allow%3D%22accelerometer%3B%20autoplay%3B%20clipboard-write%3B%20encrypted-media%3B%20gyroscope%3B%20picture-in-picture%3B%20web-share%22%20referrerpolicy%3D%22strict-origin-when-cross-origin%22%20allowfullscreen%3D%22%22%3E%3C%2Fiframe%3E%3C%2Fdiv%3E%3Cdiv%20class%3D%22p-4%20flex%20flex-col%20flex-1%22%3E%3Ch3%20class%3D%22text-lg%20font-semibold%20text-indigo-400%20truncate%20select-text%22%3Eone%20piece%3C%2Fh3%3E%3Cp%20class%3D%22text-gray-300%20mt-1%20text-sm%20line-clamp-3%20select-text%22%3Eepisode%201034%3C%2Fp%3E%3Cspan%20class%3D%22mt-auto%20inline-block%20bg-indigo-600%20text-indigo-100%20text-xs%20font-semibold%20px-2%20py-0.5%20rounded-full%20select-text%22%3EAction%3C%2Fspan%3E%3C%2Fdiv%3E%3C%2Farticle%3E%3Carticle%20class%3D%22bg-gray-800%20rounded-lg%20shadow-md%20overflow-hidden%20flex%20flex-col%22%3E%3Cdiv%20class%3D%22w-full%20aspect-video%20bg-black%22%3E%3Ciframe%20class%3D%22w-full%20h-48%20sm%3Ah-56%20rounded-md%22%20width%3D%22560%22%20height%3D%22315%22%20src%3D%22https%3A%2F%2Fwww.youtube.com%2Fembed%2FN0behGD9I2o%3Fsi%3DIP06PyKoxXDSyrE4%22%20title%3D%22YouTube%20video%20player%22%20frameborder%3D%220%22%20allow%3D%22accelerometer%3B%20autoplay%3B%20clipboard-write%3B%20encrypted-media%3B%20gyroscope%3B%20picture-in-picture%3B%20web-share%22%20referrerpolicy%3D%22strict-origin-when-cross-origin%22%20allowfullscreen%3D%22%22%3E%3C%2Fiframe%3E%3C%2Fdiv%3E%3Cdiv%20class%3D%22p-4%20flex%20flex-col%20flex-1%22%3E%3Ch3%20class%3D%22text-lg%20font-semibold%20text-indigo-400%20truncate%20select-text%22%3EComment%20Battre%20La%20PRISON%20BRUTALE%20dans%20La%20Plateforme%202%3C%2Fh3%3E%3Cp%20class%3D%22text-gray-300%20mt-1%20text-sm%20line-clamp-3%20select-text%22%3EImaginez%20la%20pire%20sensation%20de%20faim%20que%20vous%20ayez%20jamais%20ressentie.%20Vous%20%C3%AAtes%20pi%C3%A9g%C3%A9%20dans%20une%20prison%20verticale%20de%20300%20%C3%A9tages%20o%C3%B9%2C%20chaque%20jour%2C%20une%20plateforme%20descend%20avec%20de%20la%20nourriture%2C%20mais%20les%20prisonniers%20du%20haut%20ont%20toujours%20la%20primeur%20et%20ceux%20du%20bas%20doivent%20se%20d%C3%A9brouiller%20seuls.%3C%2Fp%3E%3Cspan%20class%3D%22mt-auto%20inline-block%20bg-indigo-600%20text-indigo-100%20text-xs%20font-semibold%20px-2%20py-0.5%20rounded-full%20select-text%22%3EAction%3C%2Fspan%3E%3C%2Fdiv%3E%3C%2Farticle%3E%3Carticle%20class%3D%22bg-gray-800%20rounded-lg%20shadow-md%20overflow-hidden%20flex%20flex-col%22%3E%3Cdiv%20class%3D%22w-full%20aspect-video%20bg-black%22%3E%3Ciframe%20class%3D%22w-full%20h-48%20sm%3Ah-56%20rounded-md%22%20width%3D%22560%22%20height%3D%22315%22%20src%3D%22https%3A%2F%2Fwww.youtube.com%2Fembed%2FN0behGD9I2o%3Fsi%3DIP06PyKoxXDSyrE4%22%20title%3D%22YouTube%20video%20player%22%20frameborder%3D%220%22%20allow%3D%22accelerometer%3B%20autoplay%3B%20clipboard-write%3B%20encrypted-media%3B%20gyroscope%3B%20picture-in-picture%3B%20web-share%22%20referrerpolicy%3D%22strict-origin-when-cross-origin%22%20allowfullscreen%3D%22%22%3E%3C%2Fiframe%3E%3C%2Fdiv%3E%3Cdiv%20class%3D%22p-4%20flex%20flex-col%20flex-1%22%3E%3Ch3%20class%3D%22text-lg%20font-semibold%20text-indigo-400%20truncate%20select-text%22%3EComment%20Battre%20La%20PRISON%20BRUTALE%20dans%20La%20Plateforme%202%3C%2Fh3%3E%3Cp%20class%3D%22text-gray-300%20mt-1%20text-sm%20line-clamp-3%20select-text%22%3EImaginez%20la%20pire%20sensation%20de%20faim%20que%20vous%20ayez%20jamais%20ressentie.%20Vous%20%C3%AAtes%20pi%C3%A9g%C3%A9%20dans%20une%20prison%20verticale%20de%20300%20%C3%A9tages%20o%C3%B9%2C%20chaque%20jour%2C%20une%20plateforme%20descend%20avec%20de%20la%20nourriture%2C%20mais%20les%20prisonniers%20du%20haut%20ont%20toujours%20la%20primeur%20et%20ceux%20du%20bas%20doivent%20se%20d%C3%A9brouiller%20seuls.%3C%2Fp%3E%3Cspan%20class%3D%22mt-auto%20inline-block%20bg-indigo-600%20text-indigo-100%20text-xs%20font-semibold%20px-2%20py-0.5%20rounded-full%20select-text%22%3EAction%3C%2Fspan%3E%3C%2Fdiv%3E%3C%2Farticle%3E%3Carticle%20class%3D%22bg-gray-800%20rounded-lg%20shadow-md%20overflow-hidden%20flex%20flex-col%22%3E%3Cdiv%20class%3D%22w-full%20aspect-video%20bg-black%22%3E%3Ciframe%20class%3D%22w-full%20h-48%20sm%3Ah-56%20rounded-md%22%20width%3D%22560%22%20height%3D%22315%22%20src%3D%22https%3A%2F%2Fwww.youtube.com%2Fembed%2FdyAYwVQ4gVg%3Fsi%3DHb9IHXhxEmyEoE-m%22%20title%3D%22YouTube%20video%20player%22%20frameborder%3D%220%22%20allow%3D%22accelerometer%3B%20autoplay%3B%20clipboard-write%3B%20encrypted-media%3B%20gyroscope%3B%20picture-in-picture%3B%20web-share%22%20referrerpolicy%3D%22strict-origin-when-cross-origin%22%20allowfullscreen%3D%22%22%3E%3C%2Fiframe%3E%3C%2Fdiv%3E%3Cdiv%20class%3D%22p-4%20flex%20flex-col%20flex-1%22%3E%3Ch3%20class%3D%22text-lg%20font-semibold%20text-indigo-400%20truncate%20select-text%22%3Ettttttttttt%3C%2Fh3%3E%3Cp%20class%3D%22text-gray-300%20mt-1%20text-sm%20line-clamp-3%20select-text%22%3Ettttttttttttt%3C%2Fp%3E%3Cspan%20class%3D%22mt-auto%20inline-block%20bg-indigo-600%20text-indigo-100%20text-xs%20font-semibold%20px-2%20py-0.5%20rounded-full%20select-text%22%3EAction%3C%2Fspan%3E%3C%2Fdiv%3E%3C%2Farticle%3E%3C%2Fdiv%3E%3C%2Fmain%3E%0A%0A%20%20%3C!--%20Popup%20modal%20for%20adding%20video%20--%3E%0A%20%20%3Cdiv%20id%3D%22modal-add-video%22%20class%3D%22fixed%20inset-0%20bg-black%20bg-opacity-70%20flex%20items-center%20justify-center%20z-50%20opacity-0%20pointer-events-none%20transition-opacity%20duration-300%22%20role%3D%22dialog%22%20aria-modal%3D%22true%22%20aria-labelledby%3D%22modal-title%22%3E%0A%20%20%20%20%3Cdiv%20class%3D%22bg-gray-800%20rounded-lg%20max-w-lg%20w-full%20p-6%20relative%20mx-4%20sm%3Amx-0%22%3E%0A%20%20%20%20%20%20%3Ch2%20id%3D%22modal-title%22%20class%3D%22text-2xl%20font-bold%20mb-4%20text-indigo-400%20text-center%22%3E%0A%20%20%20%20%20%20%20%20Ajouter%20une%20vid%C3%A9o%0A%20%20%20%20%20%20%3C%2Fh2%3E%0A%20%20%20%20%20%20%3Cform%20id%3D%22form-add-video%22%20class%3D%22space-y-4%20text-gray-200%22%3E%0A%20%20%20%20%20%20%20%20%3Cdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%3Clabel%20for%3D%22input-iframe%22%20class%3D%22block%20mb-1%20font-semibold%22%3EBalise%20iframe%3C%2Flabel%3E%0A%20%20%20%20%20%20%20%20%20%20%3Ctextarea%20id%3D%22input-iframe%22%20name%3D%22iframe%22%20rows%3D%223%22%20required%3D%22%22%20placeholder%3D%22Exemple%3A%20%26lt%3Biframe%20src%3D%26quot%3Bhttps%3A%2F%2F...%26quot%3B%20frameborder%3D%26quot%3B0%26quot%3B%20allowfullscreen%26gt%3B%26lt%3B%2Fiframe%26gt%3B%22%20class%3D%22w-full%20rounded-md%20bg-gray-700%20text-gray-100%20p-2%20resize-y%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%22%3E%3C%2Ftextarea%3E%0A%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%3Cdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%3Clabel%20for%3D%22input-title%22%20class%3D%22block%20mb-1%20font-semibold%22%3ETitre%3C%2Flabel%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cinput%20id%3D%22input-title%22%20name%3D%22title%22%20type%3D%22text%22%20required%3D%22%22%20placeholder%3D%22Titre%20de%20la%20vid%C3%A9o%22%20class%3D%22w-full%20rounded-md%20bg-gray-700%20text-gray-100%20p-2%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%22%3E%0A%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%3Cdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%3Clabel%20for%3D%22input-description%22%20class%3D%22block%20mb-1%20font-semibold%22%3EDescription%3C%2Flabel%3E%0A%20%20%20%20%20%20%20%20%20%20%3Ctextarea%20id%3D%22input-description%22%20name%3D%22description%22%20rows%3D%222%22%20placeholder%3D%22Description%20courte%22%20class%3D%22w-full%20rounded-md%20bg-gray-700%20text-gray-100%20p-2%20resize-y%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%22%3E%3C%2Ftextarea%3E%0A%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%3Cdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%3Clabel%20for%3D%22select-genre%22%20class%3D%22block%20mb-1%20font-semibold%22%3EGenre%3C%2Flabel%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cselect%20id%3D%22select-genre%22%20name%3D%22genre%22%20required%3D%22%22%20class%3D%22w-full%20rounded-md%20bg-gray-700%20text-gray-100%20p-2%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%22%3E%3Coption%20value%3D%22Action%22%3EAction%3C%2Foption%3E%3Coption%20value%3D%22Com%C3%A9die%22%3ECom%C3%A9die%3C%2Foption%3E%3Coption%20value%3D%22Drame%22%3EDrame%3C%2Foption%3E%3Coption%20value%3D%22Horreur%22%3EHorreur%3C%2Foption%3E%3Coption%20value%3D%22Science-fiction%22%3EScience-fiction%3C%2Foption%3E%3Coption%20value%3D%22Documentaire%22%3EDocumentaire%3C%2Foption%3E%3Coption%20value%3D%22Animation%22%3EAnimation%3C%2Foption%3E%3Coption%20value%3D%22Romance%22%3ERomance%3C%2Foption%3E%3Coption%20value%3D%22Thriller%22%3EThriller%3C%2Foption%3E%3Coption%20value%3D%22Aventure%22%3EAventure%3C%2Foption%3E%3C%2Fselect%3E%0A%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22flex%20justify-end%20space-x-3%20pt-4%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cbutton%20type%3D%22button%22%20id%3D%22btn-cancel-add%22%20class%3D%22px-4%20py-2%20rounded-md%20bg-gray-600%20hover%3Abg-gray-700%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20Annuler%0A%20%20%20%20%20%20%20%20%20%20%3C%2Fbutton%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cbutton%20type%3D%22submit%22%20class%3D%22px-4%20py-2%20rounded-md%20bg-indigo-600%20hover%3Abg-indigo-700%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%20font-semibold%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20Ajouter%0A%20%20%20%20%20%20%20%20%20%20%3C%2Fbutton%3E%0A%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%3C%2Fform%3E%0A%20%20%20%20%20%20%3Cbutton%20id%3D%22btn-close-modal%22%20aria-label%3D%22Fermer%20la%20fen%C3%AAtre%22%20class%3D%22absolute%20top-3%20right-3%20text-gray-400%20hover%3Atext-indigo-400%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%20rounded-full%22%3E%0A%20%20%20%20%20%20%20%20%3Ci%20class%3D%22fas%20fa-times%20text-lg%22%3E%3C%2Fi%3E%0A%20%20%20%20%20%20%3C%2Fbutton%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%3C%2Fdiv%3E%0A%0A%20%20%3Cscript%3E%0A%20%20%20%20document.addEventListener('DOMContentLoaded'%2C%20()%20%3D%3E%20%7B%0A%0A%20%20%20%20%20%20%2F%2F%20Genres%20list%0A%20%20%20%20%20%20const%20genres%20%3D%20%5B%0A%20%20%20%20%20%20%20%20%22Action%22%2C%0A%20%20%20%20%20%20%20%20%22Com%C3%A9die%22%2C%0A%20%20%20%20%20%20%20%20%22Drame%22%2C%0A%20%20%20%20%20%20%20%20%22Horreur%22%2C%0A%20%20%20%20%20%20%20%20%22Science-fiction%22%2C%0A%20%20%20%20%20%20%20%20%22Documentaire%22%2C%0A%20%20%20%20%20%20%20%20%22Animation%22%2C%0A%20%20%20%20%20%20%20%20%22Romance%22%2C%0A%20%20%20%20%20%20%20%20%22Thriller%22%2C%0A%20%20%20%20%20%20%20%20%22Aventure%22%2C%0A%20%20%20%20%20%20%5D%3B%0A%0A%20%20%20%20%20%20%2F%2F%20Videos%20data%20-%20now%20loaded%20from%20database%0A%20%20%20%20%20%20let%20videos%20%3D%20%5B%5D%3B%0A%0A%20%20%20%20%20%20%2F%2F%20Function%20to%20load%20videos%20from%20database%0A%20%20%20%20%20%20async%20function%20loadVideos()%20%7B%0A%20%20%20%20%20%20%20%20%20%20try%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20const%20response%20%3D%20await%20fetch('get_videos.php')%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20if%20(!response.ok)%20throw%20new%20Error('Network%20response%20was%20not%20ok')%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20videos%20%3D%20await%20response.json()%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20renderVideos()%3B%0A%20%20%20%20%20%20%20%20%20%20%7D%20catch%20(error)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20console.error('Error%20loading%20videos%3A'%2C%20error)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%2F%2F%20Fallback%20to%20demo%20videos%20if%20database%20fails%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20videos%20%3D%20getDemoVideos()%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20renderVideos()%3B%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%2F%2F%20Fallback%20demo%20videos%0A%20%20%20%20%20%20function%20getDemoVideos()%20%7B%0A%20%20%20%20%20%20%20%20%20%20return%20%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20id%3A%201%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20iframe%3A%20'%3Ciframe%20src%3D%22https%3A%2F%2Fwww.youtube.com%2Fembed%2FdQw4w9WgXcQ%22%20frameborder%3D%220%22%20allowfullscreen%20class%3D%22w-full%20h-48%20sm%3Ah-56%20rounded-md%22%3E%3C%2Fiframe%3E'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20title%3A%20%22Action%20%C3%A9pique%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20description%3A%20%22Une%20sc%C3%A8ne%20d'action%20intense%20et%20spectaculaire.%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20genre%3A%20%22Action%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20img%3A%20%22https%3A%2F%2Fplacehold.co%2F400x225%2Fpng%3Ftext%3DAction%2BVideo%26font%3Droboto%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20id%3A%202%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20iframe%3A%20'%3Ciframe%20src%3D%22https%3A%2F%2Fwww.youtube.com%2Fembed%2FtgbNymZ7vqY%22%20frameborder%3D%220%22%20allowfullscreen%20class%3D%22w-full%20h-48%20sm%3Ah-56%20rounded-md%22%3E%3C%2Fiframe%3E'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20title%3A%20%22Com%C3%A9die%20hilarante%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20description%3A%20%22Rires%20garantis%20avec%20cette%20com%C3%A9die%20d%C3%A9jant%C3%A9e.%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20genre%3A%20%22Com%C3%A9die%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20img%3A%20%22https%3A%2F%2Fplacehold.co%2F400x225%2Fpng%3Ftext%3DCom%25C3%25A9die%2BVideo%26font%3Droboto%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20id%3A%203%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20iframe%3A%20'%3Ciframe%20src%3D%22https%3A%2F%2Fwww.youtube.com%2Fembed%2F5NV6Rdv1a3I%22%20frameborder%3D%220%22%20allowfullscreen%20class%3D%22w-full%20h-48%20sm%3Ah-56%20rounded-md%22%3E%3C%2Fiframe%3E'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20title%3A%20%22Drame%20poignant%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20description%3A%20%22Une%20histoire%20%C3%A9mouvante%20et%20profonde.%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20genre%3A%20%22Drame%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20img%3A%20%22https%3A%2F%2Fplacehold.co%2F400x225%2Fpng%3Ftext%3DDrame%2BVideo%26font%3Droboto%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20id%3A%204%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20iframe%3A%20'%3Ciframe%20src%3D%22https%3A%2F%2Fwww.youtube.com%2Fembed%2F2Z4m4lnjxkY%22%20frameborder%3D%220%22%20allowfullscreen%20class%3D%22w-full%20h-48%20sm%3Ah-56%20rounded-md%22%3E%3C%2Fiframe%3E'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20title%3A%20%22Horreur%20terrifiante%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20description%3A%20%22Frissons%20garantis%20avec%20ce%20film%20d'horreur.%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20genre%3A%20%22Horreur%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20img%3A%20%22https%3A%2F%2Fplacehold.co%2F400x225%2Fpng%3Ftext%3DHorreur%2BVideo%26font%3Droboto%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20id%3A%205%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20iframe%3A%20'%3Ciframe%20src%3D%22https%3A%2F%2Fwww.youtube.com%2Fembed%2F3JZ_D3ELwOQ%22%20frameborder%3D%220%22%20allowfullscreen%20class%3D%22w-full%20h-48%20sm%3Ah-56%20rounded-md%22%3E%3C%2Fiframe%3E'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20title%3A%20%22Science-fiction%20futuriste%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20description%3A%20%22Voyage%20dans%20l'espace%20et%20aventures%20futuristes.%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20genre%3A%20%22Science-fiction%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20img%3A%20%22https%3A%2F%2Fplacehold.co%2F400x225%2Fpng%3Ftext%3DScience-fiction%2BVideo%26font%3Droboto%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20id%3A%206%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20iframe%3A%20'%3Ciframe%20src%3D%22https%3A%2F%2Fwww.youtube.com%2Fembed%2FScMzIvxBSi4%22%20frameborder%3D%220%22%20allowfullscreen%20class%3D%22w-full%20h-48%20sm%3Ah-56%20rounded-md%22%3E%3C%2Fiframe%3E'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20title%3A%20%22Documentaire%20captivant%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20description%3A%20%22D%C3%A9couvrez%20des%20faits%20fascinants.%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20genre%3A%20%22Documentaire%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20img%3A%20%22https%3A%2F%2Fplacehold.co%2F400x225%2Fpng%3Ftext%3DDocumentaire%2BVideo%26font%3Droboto%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20id%3A%207%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20iframe%3A%20'%3Ciframe%20src%3D%22https%3A%2F%2Fwww.youtube.com%2Fembed%2FYE7VzlLtp-4%22%20frameborder%3D%220%22%20allowfullscreen%20class%3D%22w-full%20h-48%20sm%3Ah-56%20rounded-md%22%3E%3C%2Fiframe%3E'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20title%3A%20%22Animation%20color%C3%A9e%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20description%3A%20%22Des%20personnages%20anim%C3%A9s%20pour%20toute%20la%20famille.%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20genre%3A%20%22Animation%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20img%3A%20%22https%3A%2F%2Fplacehold.co%2F400x225%2Fpng%3Ftext%3DAnimation%2BVideo%26font%3Droboto%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20id%3A%208%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20iframe%3A%20'%3Ciframe%20src%3D%22https%3A%2F%2Fwww.youtube.com%2Fembed%2F2vjPBrBU-TM%22%20frameborder%3D%220%22%20allowfullscreen%20class%3D%22w-full%20h-48%20sm%3Ah-56%20rounded-md%22%3E%3C%2Fiframe%3E'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20title%3A%20%22Romance%20touchante%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20description%3A%20%22Une%20histoire%20d'amour%20inoubliable.%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20genre%3A%20%22Romance%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20img%3A%20%22https%3A%2F%2Fplacehold.co%2F400x225%2Fpng%3Ftext%3DRomance%2BVideo%26font%3Droboto%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20id%3A%209%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20iframe%3A%20'%3Ciframe%20src%3D%22https%3A%2F%2Fwww.youtube.com%2Fembed%2FZZ5LpwO-An4%22%20frameborder%3D%220%22%20allowfullscreen%20class%3D%22w-full%20h-48%20sm%3Ah-56%20rounded-md%22%3E%3C%2Fiframe%3E'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20title%3A%20%22Thriller%20haletant%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20description%3A%20%22Suspense%20et%20rebondissements%20%C3%A0%20chaque%20instant.%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20genre%3A%20%22Thriller%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20img%3A%20%22https%3A%2F%2Fplacehold.co%2F400x225%2Fpng%3Ftext%3DThriller%2BVideo%26font%3Droboto%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20id%3A%2010%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20iframe%3A%20'%3Ciframe%20src%3D%22https%3A%2F%2Fwww.youtube.com%2Fembed%2F6Ejga4kJUts%22%20frameborder%3D%220%22%20allowfullscreen%20class%3D%22w-full%20h-48%20sm%3Ah-56%20rounded-md%22%3E%3C%2Fiframe%3E'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20title%3A%20%22Aventure%20%C3%A9pique%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20description%3A%20%22Explorations%20et%20qu%C3%AAtes%20extraordinaires.%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20genre%3A%20%22Aventure%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20img%3A%20%22https%3A%2F%2Fplacehold.co%2F400x225%2Fpng%3Ftext%3DAventure%2BVideo%26font%3Droboto%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%5D%3B%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%2F%2F%20State%0A%20%20%20%20%20%20let%20currentGenre%20%3D%20null%3B%20%2F%2F%20null%20%3D%20all%20genres%0A%20%20%20%20%20%20let%20searchActive%20%3D%20false%3B%0A%20%20%20%20%20%20let%20selectedGenres%20%3D%20new%20Set()%3B%0A%0A%20%20%20%20%20%20%2F%2F%20DOM%20Elements%0A%20%20%20%20%20%20const%20btnSearchToggle%20%3D%20document.getElementById(%22btn-search-toggle%22)%3B%0A%20%20%20%20%20%20const%20inputSearch%20%3D%20document.getElementById(%22input-search%22)%3B%0A%20%20%20%20%20%20const%20genreFilters%20%3D%20document.getElementById(%22genre-filters%22)%3B%0A%20%20%20%20%20%20const%20panelCategories%20%3D%20document.getElementById(%22panel-categories%22)%3B%0A%20%20%20%20%20%20const%20btnMenuCategories%20%3D%20document.getElementById(%22btn-menu-categories%22)%3B%0A%20%20%20%20%20%20const%20mainContent%20%3D%20document.getElementById(%22main-content%22)%3B%0A%20%20%20%20%20%20const%20btnAddVideo%20%3D%20document.getElementById(%22btn-add-video%22)%3B%0A%20%20%20%20%20%20const%20modalAddVideo%20%3D%20document.getElementById(%22modal-add-video%22)%3B%0A%20%20%20%20%20%20const%20btnCloseModal%20%3D%20document.getElementById(%22btn-close-modal%22)%3B%0A%20%20%20%20%20%20const%20btnCancelAdd%20%3D%20document.getElementById(%22btn-cancel-add%22)%3B%0A%20%20%20%20%20%20const%20formAddVideo%20%3D%20document.getElementById(%22form-add-video%22)%3B%0A%20%20%20%20%20%20const%20selectGenre%20%3D%20document.getElementById(%22select-genre%22)%3B%0A%0A%20%20%20%20%20%20%2F%2F%20Initialize%20genre%20filters%20buttons%20in%20search%20bar%0A%20%20%20%20%20%20function%20renderGenreFilters()%20%7B%0A%20%20%20%20%20%20%20%20genreFilters.innerHTML%20%3D%20%22%22%3B%0A%20%20%20%20%20%20%20%20genres.forEach((genre)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20const%20btn%20%3D%20document.createElement(%22button%22)%3B%0A%20%20%20%20%20%20%20%20%20%20btn.type%20%3D%20%22button%22%3B%0A%20%20%20%20%20%20%20%20%20%20btn.textContent%20%3D%20genre%3B%0A%20%20%20%20%20%20%20%20%20%20btn.className%20%3D%0A%20%20%20%20%20%20%20%20%20%20%20%20%22px-3%20py-1%20rounded-full%20border%20border-indigo-500%20text-indigo-400%20hover%3Abg-indigo-600%20hover%3Atext-white%20transition-colors%20duration-200%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%22%3B%0A%20%20%20%20%20%20%20%20%20%20if%20(selectedGenres.has(genre))%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20btn.classList.add(%22bg-indigo-600%22%2C%20%22text-white%22)%3B%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20btn.addEventListener(%22click%22%2C%20()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20if%20(selectedGenres.has(genre))%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20selectedGenres.delete(genre)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%20else%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20selectedGenres.add(genre)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20renderGenreFilters()%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20renderVideos()%3B%0A%20%20%20%20%20%20%20%20%20%20%7D)%3B%0A%20%20%20%20%20%20%20%20%20%20genreFilters.appendChild(btn)%3B%0A%20%20%20%20%20%20%20%20%7D)%3B%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%2F%2F%20Initialize%20categories%20panel%0A%20%20%20%20%20%20function%20renderCategoriesPanel()%20%7B%0A%20%20%20%20%20%20%20%20const%20ul%20%3D%20panelCategories.querySelector(%22ul%22)%3B%0A%20%20%20%20%20%20%20%20ul.innerHTML%20%3D%20%22%22%3B%0A%20%20%20%20%20%20%20%20const%20allLi%20%3D%20document.createElement(%22li%22)%3B%0A%20%20%20%20%20%20%20%20const%20allBtn%20%3D%20document.createElement(%22button%22)%3B%0A%20%20%20%20%20%20%20%20allBtn.type%20%3D%20%22button%22%3B%0A%20%20%20%20%20%20%20%20allBtn.textContent%20%3D%20%22Toutes%22%3B%0A%20%20%20%20%20%20%20%20allBtn.className%20%3D%0A%20%20%20%20%20%20%20%20%20%20%22px-3%20py-1%20rounded-md%20hover%3Abg-indigo-600%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%22%3B%0A%20%20%20%20%20%20%20%20if%20(currentGenre%20%3D%3D%3D%20null)%20%7B%0A%20%20%20%20%20%20%20%20%20%20allBtn.classList.add(%22bg-indigo-600%22%2C%20%22text-white%22)%3B%0A%20%20%20%20%20%20%20%20%7D%20else%20%7B%0A%20%20%20%20%20%20%20%20%20%20allBtn.classList.add(%22text-gray-300%22)%3B%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20allBtn.addEventListener(%22click%22%2C%20()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20currentGenre%20%3D%20null%3B%0A%20%20%20%20%20%20%20%20%20%20renderCategoriesPanel()%3B%0A%20%20%20%20%20%20%20%20%20%20renderVideos()%3B%0A%20%20%20%20%20%20%20%20%20%20hideCategoriesPanel()%3B%0A%20%20%20%20%20%20%20%20%7D)%3B%0A%20%20%20%20%20%20%20%20allLi.appendChild(allBtn)%3B%0A%20%20%20%20%20%20%20%20ul.appendChild(allLi)%3B%0A%0A%20%20%20%20%20%20%20%20genres.forEach((genre)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20const%20li%20%3D%20document.createElement(%22li%22)%3B%0A%20%20%20%20%20%20%20%20%20%20const%20btn%20%3D%20document.createElement(%22button%22)%3B%0A%20%20%20%20%20%20%20%20%20%20btn.type%20%3D%20%22button%22%3B%0A%20%20%20%20%20%20%20%20%20%20btn.textContent%20%3D%20genre%3B%0A%20%20%20%20%20%20%20%20%20%20btn.className%20%3D%0A%20%20%20%20%20%20%20%20%20%20%20%20%22px-3%20py-1%20rounded-md%20hover%3Abg-indigo-600%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%22%3B%0A%20%20%20%20%20%20%20%20%20%20if%20(currentGenre%20%3D%3D%3D%20genre)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20btn.classList.add(%22bg-indigo-600%22%2C%20%22text-white%22)%3B%0A%20%20%20%20%20%20%20%20%20%20%7D%20else%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20btn.classList.add(%22text-gray-300%22)%3B%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20btn.addEventListener(%22click%22%2C%20()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20currentGenre%20%3D%20genre%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20renderCategoriesPanel()%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20renderVideos()%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20hideCategoriesPanel()%3B%0A%20%20%20%20%20%20%20%20%20%20%7D)%3B%0A%20%20%20%20%20%20%20%20%20%20li.appendChild(btn)%3B%0A%20%20%20%20%20%20%20%20%20%20ul.appendChild(li)%3B%0A%20%20%20%20%20%20%20%20%7D)%3B%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%2F%2F%20Show%2Fhide%20categories%20panel%0A%20%20%20%20%20%20function%20toggleCategoriesPanel()%20%7B%0A%20%20%20%20%20%20%20%20if%20(%0A%20%20%20%20%20%20%20%20%20%20panelCategories.classList.contains(%22-translate-y-full%22)%20%7C%7C%0A%20%20%20%20%20%20%20%20%20%20panelCategories.classList.contains(%22hidden%22)%0A%20%20%20%20%20%20%20%20)%20%7B%0A%20%20%20%20%20%20%20%20%20%20panelCategories.classList.remove(%22-translate-y-full%22%2C%20%22hidden%22)%3B%0A%20%20%20%20%20%20%20%20%20%20panelCategories.classList.add(%22translate-y-0%22)%3B%0A%20%20%20%20%20%20%20%20%7D%20else%20%7B%0A%20%20%20%20%20%20%20%20%20%20hideCategoriesPanel()%3B%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20function%20hideCategoriesPanel()%20%7B%0A%20%20%20%20%20%20%20%20panelCategories.classList.add(%22-translate-y-full%22)%3B%0A%20%20%20%20%20%20%20%20panelCategories.classList.remove(%22translate-y-0%22)%3B%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%2F%2F%20Show%2Fhide%20search%20bar%0A%20%20%20%20%20%20function%20toggleSearchBar()%20%7B%0A%20%20%20%20%20%20%20%20searchActive%20%3D%20!searchActive%3B%0A%20%20%20%20%20%20%20%20if%20(searchActive)%20%7B%0A%20%20%20%20%20%20%20%20%20%20inputSearch.classList.remove(%0A%20%20%20%20%20%20%20%20%20%20%20%20%22max-h-0%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22opacity-0%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22pointer-events-none%22%0A%20%20%20%20%20%20%20%20%20%20)%3B%0A%20%20%20%20%20%20%20%20%20%20inputSearch.classList.add(%22max-h-12%22%2C%20%22opacity-100%22%2C%20%22pointer-events-auto%22)%3B%0A%20%20%20%20%20%20%20%20%20%20inputSearch.focus()%3B%0A%20%20%20%20%20%20%20%20%20%20genreFilters.classList.remove(%22opacity-0%22%2C%20%22pointer-events-none%22)%3B%0A%20%20%20%20%20%20%20%20%20%20genreFilters.classList.add(%22opacity-100%22%2C%20%22pointer-events-auto%22)%3B%0A%20%20%20%20%20%20%20%20%7D%20else%20%7B%0A%20%20%20%20%20%20%20%20%20%20inputSearch.classList.add(%0A%20%20%20%20%20%20%20%20%20%20%20%20%22max-h-0%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22opacity-0%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22pointer-events-none%22%0A%20%20%20%20%20%20%20%20%20%20)%3B%0A%20%20%20%20%20%20%20%20%20%20inputSearch.classList.remove(%22max-h-12%22%2C%20%22opacity-100%22%2C%20%22pointer-events-auto%22)%3B%0A%20%20%20%20%20%20%20%20%20%20genreFilters.classList.add(%22opacity-0%22%2C%20%22pointer-events-none%22)%3B%0A%20%20%20%20%20%20%20%20%20%20genreFilters.classList.remove(%22opacity-100%22%2C%20%22pointer-events-auto%22)%3B%0A%20%20%20%20%20%20%20%20%20%20inputSearch.value%20%3D%20%22%22%3B%0A%20%20%20%20%20%20%20%20%20%20selectedGenres.clear()%3B%0A%20%20%20%20%20%20%20%20%20%20renderGenreFilters()%3B%0A%20%20%20%20%20%20%20%20%20%20renderVideos()%3B%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%2F%2F%20Render%20videos%20grid%20filtered%20by%20currentGenre%2C%20search%20text%20and%20selectedGenres%0A%20%20%20%20%20%20function%20renderVideos()%20%7B%0A%20%20%20%20%20%20%20%20mainContent.innerHTML%20%3D%20%22%22%3B%0A%20%20%20%20%20%20%20%20let%20filteredVideos%20%3D%20videos%3B%0A%0A%20%20%20%20%20%20%20%20%2F%2F%20Filter%20by%20genre%20from%20category%20panel%0A%20%20%20%20%20%20%20%20if%20(currentGenre%20!%3D%3D%20null)%20%7B%0A%20%20%20%20%20%20%20%20%20%20filteredVideos%20%3D%20filteredVideos.filter(%0A%20%20%20%20%20%20%20%20%20%20%20%20(v)%20%3D%3E%20v.genre%20%3D%3D%3D%20currentGenre%0A%20%20%20%20%20%20%20%20%20%20)%3B%0A%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20%2F%2F%20Filter%20by%20search%20text%0A%20%20%20%20%20%20%20%20const%20searchText%20%3D%20inputSearch.value.trim().toLowerCase()%3B%0A%20%20%20%20%20%20%20%20if%20(searchText.length%20%3E%200)%20%7B%0A%20%20%20%20%20%20%20%20%20%20filteredVideos%20%3D%20filteredVideos.filter(%0A%20%20%20%20%20%20%20%20%20%20%20%20(v)%20%3D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20v.title.toLowerCase().includes(searchText)%20%7C%7C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20v.description.toLowerCase().includes(searchText)%0A%20%20%20%20%20%20%20%20%20%20)%3B%0A%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20%2F%2F%20Filter%20by%20selected%20genres%20in%20search%20bar%0A%20%20%20%20%20%20%20%20if%20(selectedGenres.size%20%3E%200)%20%7B%0A%20%20%20%20%20%20%20%20%20%20filteredVideos%20%3D%20filteredVideos.filter((v)%20%3D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20selectedGenres.has(v.genre)%0A%20%20%20%20%20%20%20%20%20%20)%3B%0A%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20if%20(filteredVideos.length%20%3D%3D%3D%200)%20%7B%0A%20%20%20%20%20%20%20%20%20%20const%20noResult%20%3D%20document.createElement(%22p%22)%3B%0A%20%20%20%20%20%20%20%20%20%20noResult.textContent%20%3D%20%22Aucune%20vid%C3%A9o%20trouv%C3%A9e.%22%3B%0A%20%20%20%20%20%20%20%20%20%20noResult.className%20%3D%20%22text-center%20text-gray-400%20mt-12%20text-lg%22%3B%0A%20%20%20%20%20%20%20%20%20%20mainContent.appendChild(noResult)%3B%0A%20%20%20%20%20%20%20%20%20%20return%3B%0A%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20%2F%2F%20Grid%20container%0A%20%20%20%20%20%20%20%20const%20grid%20%3D%20document.createElement(%22div%22)%3B%0A%20%20%20%20%20%20%20%20grid.className%20%3D%0A%20%20%20%20%20%20%20%20%20%20%22grid%20grid-cols-1%20sm%3Agrid-cols-2%20md%3Agrid-cols-3%20lg%3Agrid-cols-4%20gap-6%22%3B%0A%0A%20%20%20%20%20%20%20%20filteredVideos.forEach((video)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20const%20card%20%3D%20document.createElement(%22article%22)%3B%0A%20%20%20%20%20%20%20%20%20%20card.className%20%3D%0A%20%20%20%20%20%20%20%20%20%20%20%20%22bg-gray-800%20rounded-lg%20shadow-md%20overflow-hidden%20flex%20flex-col%22%3B%0A%0A%20%20%20%20%20%20%20%20%20%20%2F%2F%20Video%20iframe%20container%0A%20%20%20%20%20%20%20%20%20%20const%20iframeWrapper%20%3D%20document.createElement(%22div%22)%3B%0A%20%20%20%20%20%20%20%20%20%20iframeWrapper.className%20%3D%20%22w-full%20aspect-video%20bg-black%22%3B%0A%20%20%20%20%20%20%20%20%20%20iframeWrapper.innerHTML%20%3D%20video.iframe%3B%0A%20%20%20%20%20%20%20%20%20%20card.appendChild(iframeWrapper)%3B%0A%0A%20%20%20%20%20%20%20%20%20%20%2F%2F%20Content%20container%0A%20%20%20%20%20%20%20%20%20%20const%20content%20%3D%20document.createElement(%22div%22)%3B%0A%20%20%20%20%20%20%20%20%20%20content.className%20%3D%20%22p-4%20flex%20flex-col%20flex-1%22%3B%0A%0A%20%20%20%20%20%20%20%20%20%20%2F%2F%20Title%0A%20%20%20%20%20%20%20%20%20%20const%20title%20%3D%20document.createElement(%22h3%22)%3B%0A%20%20%20%20%20%20%20%20%20%20title.className%20%3D%0A%20%20%20%20%20%20%20%20%20%20%20%20%22text-lg%20font-semibold%20text-indigo-400%20truncate%20select-text%22%3B%0A%20%20%20%20%20%20%20%20%20%20title.textContent%20%3D%20video.title%3B%0A%20%20%20%20%20%20%20%20%20%20content.appendChild(title)%3B%0A%0A%20%20%20%20%20%20%20%20%20%20%2F%2F%20Description%0A%20%20%20%20%20%20%20%20%20%20const%20desc%20%3D%20document.createElement(%22p%22)%3B%0A%20%20%20%20%20%20%20%20%20%20desc.className%20%3D%0A%20%20%20%20%20%20%20%20%20%20%20%20%22text-gray-300%20mt-1%20text-sm%20line-clamp-3%20select-text%22%3B%0A%20%20%20%20%20%20%20%20%20%20desc.textContent%20%3D%20video.description%3B%0A%20%20%20%20%20%20%20%20%20%20content.appendChild(desc)%3B%0A%0A%20%20%20%20%20%20%20%20%20%20%2F%2F%20Genre%20badge%0A%20%20%20%20%20%20%20%20%20%20const%20genreBadge%20%3D%20document.createElement(%22span%22)%3B%0A%20%20%20%20%20%20%20%20%20%20genreBadge.className%20%3D%0A%20%20%20%20%20%20%20%20%20%20%20%20%22mt-auto%20inline-block%20bg-indigo-600%20text-indigo-100%20text-xs%20font-semibold%20px-2%20py-0.5%20rounded-full%20select-text%22%3B%0A%20%20%20%20%20%20%20%20%20%20genreBadge.textContent%20%3D%20video.genre%3B%0A%20%20%20%20%20%20%20%20%20%20content.appendChild(genreBadge)%3B%0A%0A%20%20%20%20%20%20%20%20%20%20card.appendChild(content)%3B%0A%20%20%20%20%20%20%20%20%20%20grid.appendChild(card)%3B%0A%20%20%20%20%20%20%20%20%7D)%3B%0A%0A%20%20%20%20%20%20%20%20mainContent.appendChild(grid)%3B%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%2F%2F%20Render%20options%20in%20add%20video%20form%20genre%20select%0A%20%20%20%20%20%20function%20renderGenreOptions()%20%7B%0A%20%20%20%20%20%20%20%20selectGenre.innerHTML%20%3D%20%22%22%3B%0A%20%20%20%20%20%20%20%20genres.forEach((genre)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20const%20option%20%3D%20document.createElement(%22option%22)%3B%0A%20%20%20%20%20%20%20%20%20%20option.value%20%3D%20genre%3B%0A%20%20%20%20%20%20%20%20%20%20option.textContent%20%3D%20genre%3B%0A%20%20%20%20%20%20%20%20%20%20selectGenre.appendChild(option)%3B%0A%20%20%20%20%20%20%20%20%7D)%3B%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%2F%2F%20Open%20modal%0A%20%20%20%20%20%20function%20openModal()%20%7B%0A%20%20%20%20%20%20%20%20modalAddVideo.classList.remove(%22opacity-0%22%2C%20%22pointer-events-none%22)%3B%0A%20%20%20%20%20%20%20%20modalAddVideo.classList.add(%22opacity-100%22)%3B%0A%20%20%20%20%20%20%20%20%2F%2F%20Reset%20form%0A%20%20%20%20%20%20%20%20formAddVideo.reset()%3B%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%2F%2F%20Close%20modal%0A%20%20%20%20%20%20function%20closeModal()%20%7B%0A%20%20%20%20%20%20%20%20modalAddVideo.classList.add(%22opacity-0%22%2C%20%22pointer-events-none%22)%3B%0A%20%20%20%20%20%20%20%20modalAddVideo.classList.remove(%22opacity-100%22)%3B%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%2F%2F%20Modify%20the%20form%20submit%20handler%20to%20save%20to%20database%0A%20%20%20%20%20%20formAddVideo.addEventListener(%22submit%22%2C%20async%20(e)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20e.preventDefault()%3B%0A%20%20%20%20%20%20%20%20const%20iframeRaw%20%3D%20formAddVideo.iframe.value.trim()%3B%0A%20%20%20%20%20%20%20%20const%20title%20%3D%20formAddVideo.title.value.trim()%3B%0A%20%20%20%20%20%20%20%20const%20description%20%3D%20formAddVideo.description.value.trim()%3B%0A%20%20%20%20%20%20%20%20const%20genre%20%3D%20formAddVideo.genre.value%3B%0A%0A%20%20%20%20%20%20%20%20%2F%2F%20Validate%20iframe%20tag%20(basic)%0A%20%20%20%20%20%20%20%20if%20(!iframeRaw.startsWith(%22%3Ciframe%22)%20%7C%7C%20!iframeRaw.includes(%22src%3D%22))%20%7B%0A%20%20%20%20%20%20%20%20%20%20alert(%22Veuillez%20ins%C3%A9rer%20une%20balise%20iframe%20valide%20contenant%20un%20attribut%20src.%22)%3B%0A%20%20%20%20%20%20%20%20%20%20return%3B%0A%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20%2F%2F%20Add%20class%20to%20iframe%20for%20styling%0A%20%20%20%20%20%20%20%20let%20iframeWithClass%20%3D%20iframeRaw%3B%0A%20%20%20%20%20%20%20%20if%20(!iframeRaw.includes(%22class%3D%22))%20%7B%0A%20%20%20%20%20%20%20%20%20%20iframeWithClass%20%3D%20iframeRaw.replace(%0A%20%20%20%20%20%20%20%20%20%20%20%20%22%3Ciframe%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20'%3Ciframe%20class%3D%22w-full%20h-48%20sm%3Ah-56%20rounded-md%22'%0A%20%20%20%20%20%20%20%20%20%20)%3B%0A%20%20%20%20%20%20%20%20%7D%20else%20%7B%0A%20%20%20%20%20%20%20%20%20%20iframeWithClass%20%3D%20iframeRaw.replace(%0A%20%20%20%20%20%20%20%20%20%20%20%20%2Fclass%3D%22(%5B%5E%22%5D*)%22%2F%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20(match%2C%20p1)%20%3D%3E%20%60class%3D%22%24%7Bp1%7D%20w-full%20h-48%20sm%3Ah-56%20rounded-md%22%60%0A%20%20%20%20%20%20%20%20%20%20)%3B%0A%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20try%20%7B%0A%20%20%20%20%20%20%20%20%20%20const%20formData%20%3D%20new%20FormData()%3B%0A%20%20%20%20%20%20%20%20%20%20formData.append('iframe'%2C%20iframeWithClass)%3B%0A%20%20%20%20%20%20%20%20%20%20formData.append('title'%2C%20title)%3B%0A%20%20%20%20%20%20%20%20%20%20formData.append('description'%2C%20description)%3B%0A%20%20%20%20%20%20%20%20%20%20formData.append('genre'%2C%20genre)%3B%0A%0A%20%20%20%20%20%20%20%20%20%20const%20response%20%3D%20await%20fetch('save_video.php'%2C%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20method%3A%20'POST'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20body%3A%20formData%0A%20%20%20%20%20%20%20%20%20%20%7D)%3B%0A%0A%20%20%20%20%20%20%20%20%20%20if%20(!response.ok)%20throw%20new%20Error('Error%20saving%20video')%3B%0A%0A%20%20%20%20%20%20%20%20%20%20%2F%2F%20Reload%20videos%20from%20database%0A%20%20%20%20%20%20%20%20%20%20await%20loadVideos()%3B%0A%20%20%20%20%20%20%20%20%20%20%0A%20%20%20%20%20%20%20%20%20%20%2F%2F%20If%20current%20genre%20filter%20is%20active%20and%20different%2C%20switch%20to%20it%20to%20show%20new%20video%0A%20%20%20%20%20%20%20%20%20%20if%20(currentGenre%20!%3D%3D%20genre)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20currentGenre%20%3D%20genre%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20renderCategoriesPanel()%3B%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20%20%20closeModal()%3B%0A%20%20%20%20%20%20%20%20%7D%20catch%20(error)%20%7B%0A%20%20%20%20%20%20%20%20%20%20console.error('Error%3A'%2C%20error)%3B%0A%20%20%20%20%20%20%20%20%20%20alert(%22Une%20erreur%20s'est%20produite%20lors%20de%20l'ajout%20de%20la%20vid%C3%A9o%22)%3B%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D)%3B%0A%0A%20%20%20%20%20%20%2F%2F%20Event%20listeners%0A%20%20%20%20%20%20btnSearchToggle.addEventListener(%22click%22%2C%20()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20toggleSearchBar()%3B%0A%20%20%20%20%20%20%20%20hideCategoriesPanel()%3B%0A%20%20%20%20%20%20%7D)%3B%0A%0A%20%20%20%20%20%20btnMenuCategories.addEventListener(%22click%22%2C%20()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20toggleCategoriesPanel()%3B%0A%20%20%20%20%20%20%20%20%2F%2F%20Close%20search%20bar%20if%20open%0A%20%20%20%20%20%20%20%20if%20(searchActive)%20%7B%0A%20%20%20%20%20%20%20%20%20%20toggleSearchBar()%3B%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D)%3B%0A%0A%20%20%20%20%20%20btnAddVideo.addEventListener(%22click%22%2C%20()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20openModal()%3B%0A%20%20%20%20%20%20%20%20hideCategoriesPanel()%3B%0A%20%20%20%20%20%20%20%20if%20(searchActive)%20%7B%0A%20%20%20%20%20%20%20%20%20%20toggleSearchBar()%3B%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D)%3B%0A%0A%20%20%20%20%20%20btnCloseModal.addEventListener(%22click%22%2C%20closeModal)%3B%0A%20%20%20%20%20%20btnCancelAdd.addEventListener(%22click%22%2C%20closeModal)%3B%0A%0A%20%20%20%20%20%20%2F%2F%20Close%20categories%20panel%20if%20click%20outside%0A%20%20%20%20%20%20document.addEventListener(%22click%22%2C%20(e)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20if%20(%0A%20%20%20%20%20%20%20%20%20%20!panelCategories.contains(e.target)%20%26%26%0A%20%20%20%20%20%20%20%20%20%20!btnMenuCategories.contains(e.target)%0A%20%20%20%20%20%20%20%20)%20%7B%0A%20%20%20%20%20%20%20%20%20%20hideCategoriesPanel()%3B%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D)%3B%0A%0A%20%20%20%20%20%20%2F%2F%20Close%20search%20bar%20if%20click%20outside%20input%20or%20search%20button%20or%20genre%20filters%0A%20%20%20%20%20%20document.addEventListener(%22click%22%2C%20(e)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20if%20(%0A%20%20%20%20%20%20%20%20%20%20searchActive%20%26%26%0A%20%20%20%20%20%20%20%20%20%20!inputSearch.contains(e.target)%20%26%26%0A%20%20%20%20%20%20%20%20%20%20!btnSearchToggle.contains(e.target)%20%26%26%0A%20%20%20%20%20%20%20%20%20%20!genreFilters.contains(e.target)%0A%20%20%20%20%20%20%20%20)%20%7B%0A%20%20%20%20%20%20%20%20%20%20toggleSearchBar()%3B%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D)%3B%0A%0A%20%20%20%20%20%20%2F%2F%20On%20input%20search%20change%2C%20update%20videos%0A%20%20%20%20%20%20inputSearch.addEventListener(%22input%22%2C%20()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20renderVideos()%3B%0A%20%20%20%20%20%20%7D)%3B%0A%0A%20%20%20%20%20%20%2F%2F%20Initial%20render%0A%20%20%20%20%20%20renderGenreFilters()%3B%0A%20%20%20%20%20%20renderCategoriesPanel()%3B%0A%20%20%20%20%20%20renderGenreOptions()%3B%0A%20%20%20%20%20%20loadVideos()%3B%0A%0A%20%20%20%20%20%20%2F%2F%20Mobile%20app-like%20style%20on%20small%20screens%0A%20%20%20%20%20%20function%20applyMobileAppStyle()%20%7B%0A%20%20%20%20%20%20%20%20if%20(window.innerWidth%20%3C%20640)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%2F%2F%20Add%20bottom%20nav%20bar%20for%20mobile%20app%20feel%0A%20%20%20%20%20%20%20%20%20%20if%20(!document.getElementById(%22mobile-bottom-nav%22))%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20const%20bottomNav%20%3D%20document.createElement(%22nav%22)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20bottomNav.id%20%3D%20%22mobile-bottom-nav%22%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20bottomNav.className%20%3D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22fixed%20bottom-0%20left-0%20right-0%20bg-gray-800%20border-t%20border-gray-700%20flex%20justify-around%20items-center%20h-14%20z-50%20sm%3Ahidden%22%3B%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%2F%20Home%20button%0A%20%20%20%20%20%20%20%20%20%20%20%20const%20btnHome%20%3D%20document.createElement(%22button%22)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20btnHome.type%20%3D%20%22button%22%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20btnHome.title%20%3D%20%22Accueil%22%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20btnHome.className%20%3D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22flex%20flex-col%20items-center%20justify-center%20text-gray-400%20hover%3Atext-indigo-400%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%22%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20btnHome.innerHTML%20%3D%20'%3Ci%20class%3D%22fas%20fa-home%20text-lg%22%3E%3C%2Fi%3E%3Cspan%20class%3D%22text-xs%22%3EAccueil%3C%2Fspan%3E'%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20btnHome.addEventListener(%22click%22%2C%20()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20currentGenre%20%3D%20null%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20renderCategoriesPanel()%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20renderVideos()%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20hideCategoriesPanel()%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20bottomNav.appendChild(btnHome)%3B%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%2F%20Categories%20button%0A%20%20%20%20%20%20%20%20%20%20%20%20const%20btnCat%20%3D%20document.createElement(%22button%22)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20btnCat.type%20%3D%20%22button%22%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20btnCat.title%20%3D%20%22Cat%C3%A9gories%22%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20btnCat.className%20%3D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22flex%20flex-col%20items-center%20justify-center%20text-gray-400%20hover%3Atext-indigo-400%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%22%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20btnCat.innerHTML%20%3D%20'%3Ci%20class%3D%22fas%20fa-th-large%20text-lg%22%3E%3C%2Fi%3E%3Cspan%20class%3D%22text-xs%22%3ECat%C3%A9gories%3C%2Fspan%3E'%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20btnCat.addEventListener(%22click%22%2C%20()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20toggleCategoriesPanel()%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20if%20(searchActive)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20toggleSearchBar()%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20bottomNav.appendChild(btnCat)%3B%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%2F%20Search%20button%0A%20%20%20%20%20%20%20%20%20%20%20%20const%20btnSearch%20%3D%20document.createElement(%22button%22)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20btnSearch.type%20%3D%20%22button%22%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20btnSearch.title%20%3D%20%22Recherche%22%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20btnSearch.className%20%3D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22flex%20flex-col%20items-center%20justify-center%20text-gray-400%20hover%3Atext-indigo-400%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%22%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20btnSearch.innerHTML%20%3D%20'%3Ci%20class%3D%22fas%20fa-search%20text-lg%22%3E%3C%2Fi%3E%3Cspan%20class%3D%22text-xs%22%3ERecherche%3C%2Fspan%3E'%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20btnSearch.addEventListener(%22click%22%2C%20()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20toggleSearchBar()%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20hideCategoriesPanel()%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20bottomNav.appendChild(btnSearch)%3B%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%2F%20Add%20video%20button%0A%20%20%20%20%20%20%20%20%20%20%20%20const%20btnAdd%20%3D%20document.createElement(%22button%22)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20btnAdd.type%20%3D%20%22button%22%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20btnAdd.title%20%3D%20%22Ajouter%22%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20btnAdd.className%20%3D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22flex%20flex-col%20items-center%20justify-center%20text-gray-400%20hover%3Atext-indigo-400%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%22%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20btnAdd.innerHTML%20%3D%20'%3Ci%20class%3D%22fas%20fa-plus%20text-lg%22%3E%3C%2Fi%3E%3Cspan%20class%3D%22text-xs%22%3EAjouter%3C%2Fspan%3E'%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20btnAdd.addEventListener(%22click%22%2C%20()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20openModal()%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20hideCategoriesPanel()%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20if%20(searchActive)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20toggleSearchBar()%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20bottomNav.appendChild(btnAdd)%3B%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20document.body.appendChild(bottomNav)%3B%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%2F%20Add%20bottom%20padding%20to%20main%20content%20to%20avoid%20overlap%0A%20%20%20%20%20%20%20%20%20%20%20%20mainContent.style.paddingBottom%20%3D%20%225rem%22%3B%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%7D%20else%20%7B%0A%20%20%20%20%20%20%20%20%20%20%2F%2F%20Remove%20mobile%20bottom%20nav%20if%20exists%0A%20%20%20%20%20%20%20%20%20%20const%20bottomNav%20%3D%20document.getElementById(%22mobile-bottom-nav%22)%3B%0A%20%20%20%20%20%20%20%20%20%20if%20(bottomNav)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20bottomNav.remove()%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20mainContent.style.paddingBottom%20%3D%20%22%22%3B%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20window.addEventListener(%22resize%22%2C%20applyMobileAppStyle)%3B%0A%20%20%20%20%20%20applyMobileAppStyle()%3B%0A%20%20%20%20%7D)%3B%0A%20%20%3C%2Fscript%3E%0A%0A%3C%2Fbody%3E%3C%2Fhtml%3EArray ( [content] => Plateforme de Streaming Vidéo

s

StreamVidéo

one piece

episode 1034

Action

Comment Battre La PRISON BRUTALE dans La Plateforme 2

Imaginez la pire sensation de faim que vous ayez jamais ressentie. Vous êtes piégé dans une prison verticale de 300 étages où, chaque jour, une plateforme descend avec de la nourriture, mais les prisonniers du haut ont toujours la primeur et ceux du bas doivent se débrouiller seuls.

Action

Comment Battre La PRISON BRUTALE dans La Plateforme 2

Imaginez la pire sensation de faim que vous ayez jamais ressentie. Vous êtes piégé dans une prison verticale de 300 étages où, chaque jour, une plateforme descend avec de la nourriture, mais les prisonniers du haut ont toujours la primeur et ceux du bas doivent se débrouiller seuls.

Action

ttttttttttt

ttttttttttttt

Action
) INPUT: content=%3C!DOCTYPE%20html%3E%0A%3Chtml%20lang%3D%22fr%22%20class%3D%22scroll-smooth%22%3E%3Chead%3E%0A%20%20%3Cmeta%20charset%3D%22UTF-8%22%3E%0A%20%20%3Cmeta%20name%3D%22viewport%22%20content%3D%22width%3Ddevice-width%2C%20initial-scale%3D1%22%3E%0A%20%20%3Cmeta%20http-equiv%3D%22Content-Security-Policy%22%20content%3D%22upgrade-insecure-requests%22%3E%0A%20%20%3Ctitle%3EPlateforme%20de%20Streaming%20Vid%C3%A9o%3C%2Ftitle%3E%0A%20%20%3Cscript%20src%3D%22https%3A%2F%2Fcdn.tailwindcss.com%22%3E%3C%2Fscript%3E%0A%20%20%3Clink%20rel%3D%22stylesheet%22%20href%3D%22https%3A%2F%2Fcdnjs.cloudflare.com%2Fajax%2Flibs%2Ffont-awesome%2F5.15.3%2Fcss%2Fall.min.css%22%3E%0A%20%20%3Clink%20href%3D%22https%3A%2F%2Ffonts.googleapis.com%2Fcss2%3Ffamily%3DRoboto%3Awght%40400%3B700%26amp%3Bdisplay%3Dswap%22%20rel%3D%22stylesheet%22%3E%0A%20%20%3Cstyle%3E%0A%20%20%20%20body%20%7B%0A%20%20%20%20%20%20font-family%3A%20'Roboto'%2C%20sans-serif%3B%0A%20%20%20%20%7D%0A%20%20%20%20.scrollbar-thin%3A%3A-webkit-scrollbar%20%7B%0A%20%20%20%20%20%20height%3A%206px%3B%0A%20%20%20%20%7D%0A%20%20%20%20.scrollbar-thin%3A%3A-webkit-scrollbar-thumb%20%7B%0A%20%20%20%20%20%20background-color%3A%20%23a0aec0%3B%0A%20%20%20%20%20%20border-radius%3A%203px%3B%0A%20%20%20%20%7D%0A%20%20%3C%2Fstyle%3E%0A%20%20%3Cstyle%3E*%2C%20%3A%3Abefore%2C%20%3A%3Aafter%7B--tw-border-spacing-x%3A0%3B--tw-border-spacing-y%3A0%3B--tw-translate-x%3A0%3B--tw-translate-y%3A0%3B--tw-rotate%3A0%3B--tw-skew-x%3A0%3B--tw-skew-y%3A0%3B--tw-scale-x%3A1%3B--tw-scale-y%3A1%3B--tw-pan-x%3A%20%3B--tw-pan-y%3A%20%3B--tw-pinch-zoom%3A%20%3B--tw-scroll-snap-strictness%3Aproximity%3B--tw-gradient-from-position%3A%20%3B--tw-gradient-via-position%3A%20%3B--tw-gradient-to-position%3A%20%3B--tw-ordinal%3A%20%3B--tw-slashed-zero%3A%20%3B--tw-numeric-figure%3A%20%3B--tw-numeric-spacing%3A%20%3B--tw-numeric-fraction%3A%20%3B--tw-ring-inset%3A%20%3B--tw-ring-offset-width%3A0px%3B--tw-ring-offset-color%3A%23fff%3B--tw-ring-color%3Argb(59%20130%20246%20%2F%200.5)%3B--tw-ring-offset-shadow%3A0%200%20%230000%3B--tw-ring-shadow%3A0%200%20%230000%3B--tw-shadow%3A0%200%20%230000%3B--tw-shadow-colored%3A0%200%20%230000%3B--tw-blur%3A%20%3B--tw-brightness%3A%20%3B--tw-contrast%3A%20%3B--tw-grayscale%3A%20%3B--tw-hue-rotate%3A%20%3B--tw-invert%3A%20%3B--tw-saturate%3A%20%3B--tw-sepia%3A%20%3B--tw-drop-shadow%3A%20%3B--tw-backdrop-blur%3A%20%3B--tw-backdrop-brightness%3A%20%3B--tw-backdrop-contrast%3A%20%3B--tw-backdrop-grayscale%3A%20%3B--tw-backdrop-hue-rotate%3A%20%3B--tw-backdrop-invert%3A%20%3B--tw-backdrop-opacity%3A%20%3B--tw-backdrop-saturate%3A%20%3B--tw-backdrop-sepia%3A%20%3B--tw-contain-size%3A%20%3B--tw-contain-layout%3A%20%3B--tw-contain-paint%3A%20%3B--tw-contain-style%3A%20%7D%3A%3Abackdrop%7B--tw-border-spacing-x%3A0%3B--tw-border-spacing-y%3A0%3B--tw-translate-x%3A0%3B--tw-translate-y%3A0%3B--tw-rotate%3A0%3B--tw-skew-x%3A0%3B--tw-skew-y%3A0%3B--tw-scale-x%3A1%3B--tw-scale-y%3A1%3B--tw-pan-x%3A%20%3B--tw-pan-y%3A%20%3B--tw-pinch-zoom%3A%20%3B--tw-scroll-snap-strictness%3Aproximity%3B--tw-gradient-from-position%3A%20%3B--tw-gradient-via-position%3A%20%3B--tw-gradient-to-position%3A%20%3B--tw-ordinal%3A%20%3B--tw-slashed-zero%3A%20%3B--tw-numeric-figure%3A%20%3B--tw-numeric-spacing%3A%20%3B--tw-numeric-fraction%3A%20%3B--tw-ring-inset%3A%20%3B--tw-ring-offset-width%3A0px%3B--tw-ring-offset-color%3A%23fff%3B--tw-ring-color%3Argb(59%20130%20246%20%2F%200.5)%3B--tw-ring-offset-shadow%3A0%200%20%230000%3B--tw-ring-shadow%3A0%200%20%230000%3B--tw-shadow%3A0%200%20%230000%3B--tw-shadow-colored%3A0%200%20%230000%3B--tw-blur%3A%20%3B--tw-brightness%3A%20%3B--tw-contrast%3A%20%3B--tw-grayscale%3A%20%3B--tw-hue-rotate%3A%20%3B--tw-invert%3A%20%3B--tw-saturate%3A%20%3B--tw-sepia%3A%20%3B--tw-drop-shadow%3A%20%3B--tw-backdrop-blur%3A%20%3B--tw-backdrop-brightness%3A%20%3B--tw-backdrop-contrast%3A%20%3B--tw-backdrop-grayscale%3A%20%3B--tw-backdrop-hue-rotate%3A%20%3B--tw-backdrop-invert%3A%20%3B--tw-backdrop-opacity%3A%20%3B--tw-backdrop-saturate%3A%20%3B--tw-backdrop-sepia%3A%20%3B--tw-contain-size%3A%20%3B--tw-contain-layout%3A%20%3B--tw-contain-paint%3A%20%3B--tw-contain-style%3A%20%7D%2F*%20!%20tailwindcss%20v3.4.16%20%7C%20MIT%20License%20%7C%20https%3A%2F%2Ftailwindcss.com%20*%2F*%2C%3A%3Aafter%2C%3A%3Abefore%7Bbox-sizing%3Aborder-box%3Bborder-width%3A0%3Bborder-style%3Asolid%3Bborder-color%3A%23e5e7eb%7D%3A%3Aafter%2C%3A%3Abefore%7B--tw-content%3A''%7D%3Ahost%2Chtml%7Bline-height%3A1.5%3B-webkit-text-size-adjust%3A100%25%3B-moz-tab-size%3A4%3Btab-size%3A4%3Bfont-family%3Aui-sans-serif%2C%20system-ui%2C%20sans-serif%2C%20%22Apple%20Color%20Emoji%22%2C%20%22Segoe%20UI%20Emoji%22%2C%20%22Segoe%20UI%20Symbol%22%2C%20%22Noto%20Color%20Emoji%22%3Bfont-feature-settings%3Anormal%3Bfont-variation-settings%3Anormal%3B-webkit-tap-highlight-color%3Atransparent%7Dbody%7Bmargin%3A0%3Bline-height%3Ainherit%7Dhr%7Bheight%3A0%3Bcolor%3Ainherit%3Bborder-top-width%3A1px%7Dabbr%3Awhere(%5Btitle%5D)%7B-webkit-text-decoration%3Aunderline%20dotted%3Btext-decoration%3Aunderline%20dotted%7Dh1%2Ch2%2Ch3%2Ch4%2Ch5%2Ch6%7Bfont-size%3Ainherit%3Bfont-weight%3Ainherit%7Da%7Bcolor%3Ainherit%3Btext-decoration%3Ainherit%7Db%2Cstrong%7Bfont-weight%3Abolder%7Dcode%2Ckbd%2Cpre%2Csamp%7Bfont-family%3Aui-monospace%2C%20SFMono-Regular%2C%20Menlo%2C%20Monaco%2C%20Consolas%2C%20%22Liberation%20Mono%22%2C%20%22Courier%20New%22%2C%20monospace%3Bfont-feature-settings%3Anormal%3Bfont-variation-settings%3Anormal%3Bfont-size%3A1em%7Dsmall%7Bfont-size%3A80%25%7Dsub%2Csup%7Bfont-size%3A75%25%3Bline-height%3A0%3Bposition%3Arelative%3Bvertical-align%3Abaseline%7Dsub%7Bbottom%3A-.25em%7Dsup%7Btop%3A-.5em%7Dtable%7Btext-indent%3A0%3Bborder-color%3Ainherit%3Bborder-collapse%3Acollapse%7Dbutton%2Cinput%2Coptgroup%2Cselect%2Ctextarea%7Bfont-family%3Ainherit%3Bfont-feature-settings%3Ainherit%3Bfont-variation-settings%3Ainherit%3Bfont-size%3A100%25%3Bfont-weight%3Ainherit%3Bline-height%3Ainherit%3Bletter-spacing%3Ainherit%3Bcolor%3Ainherit%3Bmargin%3A0%3Bpadding%3A0%7Dbutton%2Cselect%7Btext-transform%3Anone%7Dbutton%2Cinput%3Awhere(%5Btype%3Dbutton%5D)%2Cinput%3Awhere(%5Btype%3Dreset%5D)%2Cinput%3Awhere(%5Btype%3Dsubmit%5D)%7B-webkit-appearance%3Abutton%3Bbackground-color%3Atransparent%3Bbackground-image%3Anone%7D%3A-moz-focusring%7Boutline%3Aauto%7D%3A-moz-ui-invalid%7Bbox-shadow%3Anone%7Dprogress%7Bvertical-align%3Abaseline%7D%3A%3A-webkit-inner-spin-button%2C%3A%3A-webkit-outer-spin-button%7Bheight%3Aauto%7D%5Btype%3Dsearch%5D%7B-webkit-appearance%3Atextfield%3Boutline-offset%3A-2px%7D%3A%3A-webkit-search-decoration%7B-webkit-appearance%3Anone%7D%3A%3A-webkit-file-upload-button%7B-webkit-appearance%3Abutton%3Bfont%3Ainherit%7Dsummary%7Bdisplay%3Alist-item%7Dblockquote%2Cdd%2Cdl%2Cfigure%2Ch1%2Ch2%2Ch3%2Ch4%2Ch5%2Ch6%2Chr%2Cp%2Cpre%7Bmargin%3A0%7Dfieldset%7Bmargin%3A0%3Bpadding%3A0%7Dlegend%7Bpadding%3A0%7Dmenu%2Col%2Cul%7Blist-style%3Anone%3Bmargin%3A0%3Bpadding%3A0%7Ddialog%7Bpadding%3A0%7Dtextarea%7Bresize%3Avertical%7Dinput%3A%3Aplaceholder%2Ctextarea%3A%3Aplaceholder%7Bopacity%3A1%3Bcolor%3A%239ca3af%7D%5Brole%3Dbutton%5D%2Cbutton%7Bcursor%3Apointer%7D%3Adisabled%7Bcursor%3Adefault%7Daudio%2Ccanvas%2Cembed%2Ciframe%2Cimg%2Cobject%2Csvg%2Cvideo%7Bdisplay%3Ablock%3Bvertical-align%3Amiddle%7Dimg%2Cvideo%7Bmax-width%3A100%25%3Bheight%3Aauto%7D%5Bhidden%5D%3Awhere(%3Anot(%5Bhidden%3Duntil-found%5D))%7Bdisplay%3Anone%7D.pointer-events-none%7Bpointer-events%3Anone%7D.fixed%7Bposition%3Afixed%7D.absolute%7Bposition%3Aabsolute%7D.relative%7Bposition%3Arelative%7D.inset-0%7Binset%3A0px%7D.left-0%7Bleft%3A0px%7D.left-2%7Bleft%3A0.5rem%7D.right-0%7Bright%3A0px%7D.right-3%7Bright%3A0.75rem%7D.top-0%7Btop%3A0px%7D.top-1%5C%2F2%7Btop%3A50%25%7D.top-16%7Btop%3A4rem%7D.top-3%7Btop%3A0.75rem%7D.top-full%7Btop%3A100%25%7D.bottom-0%7Bbottom%3A0px%7D.z-20%7Bz-index%3A20%7D.z-40%7Bz-index%3A40%7D.z-50%7Bz-index%3A50%7D.mx-4%7Bmargin-left%3A1rem%3Bmargin-right%3A1rem%7D.mx-auto%7Bmargin-left%3Aauto%3Bmargin-right%3Aauto%7D.mb-1%7Bmargin-bottom%3A0.25rem%7D.mb-4%7Bmargin-bottom%3A1rem%7D.mt-1%7Bmargin-top%3A0.25rem%7D.mt-auto%7Bmargin-top%3Aauto%7D.line-clamp-3%7Boverflow%3Ahidden%3Bdisplay%3A-webkit-box%3B-webkit-box-orient%3Avertical%3B-webkit-line-clamp%3A3%7D.block%7Bdisplay%3Ablock%7D.inline-block%7Bdisplay%3Ainline-block%7D.flex%7Bdisplay%3Aflex%7D.grid%7Bdisplay%3Agrid%7D.hidden%7Bdisplay%3Anone%7D.aspect-video%7Baspect-ratio%3A16%20%2F%209%7D.h-16%7Bheight%3A4rem%7D.h-48%7Bheight%3A12rem%7D.h-14%7Bheight%3A3.5rem%7D.max-h-0%7Bmax-height%3A0px%7D.max-h-48%7Bmax-height%3A12rem%7D.max-h-60%7Bmax-height%3A15rem%7D.min-h-screen%7Bmin-height%3A100vh%7D.w-full%7Bwidth%3A100%25%7D.max-w-7xl%7Bmax-width%3A80rem%7D.max-w-lg%7Bmax-width%3A32rem%7D.max-w-xl%7Bmax-width%3A36rem%7D.flex-1%7Bflex%3A1%201%200%25%7D.-translate-y-1%5C%2F2%7B--tw-translate-y%3A-50%25%3Btransform%3Atranslate(var(--tw-translate-x)%2C%20var(--tw-translate-y))%20rotate(var(--tw-rotate))%20skewX(var(--tw-skew-x))%20skewY(var(--tw-skew-y))%20scaleX(var(--tw-scale-x))%20scaleY(var(--tw-scale-y))%7D.-translate-y-full%7B--tw-translate-y%3A-100%25%3Btransform%3Atranslate(var(--tw-translate-x)%2C%20var(--tw-translate-y))%20rotate(var(--tw-rotate))%20skewX(var(--tw-skew-x))%20skewY(var(--tw-skew-y))%20scaleX(var(--tw-scale-x))%20scaleY(var(--tw-scale-y))%7D.transform%7Btransform%3Atranslate(var(--tw-translate-x)%2C%20var(--tw-translate-y))%20rotate(var(--tw-rotate))%20skewX(var(--tw-skew-x))%20skewY(var(--tw-skew-y))%20scaleX(var(--tw-scale-x))%20scaleY(var(--tw-scale-y))%7D.select-none%7B-webkit-user-select%3Anone%3Buser-select%3Anone%7D.select-text%7B-webkit-user-select%3Atext%3Buser-select%3Atext%7D.resize-y%7Bresize%3Avertical%7D.grid-cols-1%7Bgrid-template-columns%3Arepeat(1%2C%20minmax(0%2C%201fr))%7D.flex-col%7Bflex-direction%3Acolumn%7D.flex-wrap%7Bflex-wrap%3Awrap%7D.items-center%7Balign-items%3Acenter%7D.justify-end%7Bjustify-content%3Aflex-end%7D.justify-center%7Bjustify-content%3Acenter%7D.justify-between%7Bjustify-content%3Aspace-between%7D.justify-around%7Bjustify-content%3Aspace-around%7D.gap-2%7Bgap%3A0.5rem%7D.gap-6%7Bgap%3A1.5rem%7D.space-x-2%20%3E%20%3Anot(%5Bhidden%5D)%20~%20%3Anot(%5Bhidden%5D)%7B--tw-space-x-reverse%3A0%3Bmargin-right%3Acalc(0.5rem%20*%20var(--tw-space-x-reverse))%3Bmargin-left%3Acalc(0.5rem%20*%20calc(1%20-%20var(--tw-space-x-reverse)))%7D.space-x-3%20%3E%20%3Anot(%5Bhidden%5D)%20~%20%3Anot(%5Bhidden%5D)%7B--tw-space-x-reverse%3A0%3Bmargin-right%3Acalc(0.75rem%20*%20var(--tw-space-x-reverse))%3Bmargin-left%3Acalc(0.75rem%20*%20calc(1%20-%20var(--tw-space-x-reverse)))%7D.space-x-4%20%3E%20%3Anot(%5Bhidden%5D)%20~%20%3Anot(%5Bhidden%5D)%7B--tw-space-x-reverse%3A0%3Bmargin-right%3Acalc(1rem%20*%20var(--tw-space-x-reverse))%3Bmargin-left%3Acalc(1rem%20*%20calc(1%20-%20var(--tw-space-x-reverse)))%7D.space-y-4%20%3E%20%3Anot(%5Bhidden%5D)%20~%20%3Anot(%5Bhidden%5D)%7B--tw-space-y-reverse%3A0%3Bmargin-top%3Acalc(1rem%20*%20calc(1%20-%20var(--tw-space-y-reverse)))%3Bmargin-bottom%3Acalc(1rem%20*%20var(--tw-space-y-reverse))%7D.overflow-hidden%7Boverflow%3Ahidden%7D.overflow-y-auto%7Boverflow-y%3Aauto%7D.scroll-smooth%7Bscroll-behavior%3Asmooth%7D.truncate%7Boverflow%3Ahidden%3Btext-overflow%3Aellipsis%3Bwhite-space%3Anowrap%7D.whitespace-nowrap%7Bwhite-space%3Anowrap%7D.rounded-full%7Bborder-radius%3A9999px%7D.rounded-lg%7Bborder-radius%3A0.5rem%7D.rounded-md%7Bborder-radius%3A0.375rem%7D.border%7Bborder-width%3A1px%7D.border-t%7Bborder-top-width%3A1px%7D.border-indigo-500%7B--tw-border-opacity%3A1%3Bborder-color%3Argb(99%20102%20241%20%2F%20var(--tw-border-opacity%2C%201))%7D.border-gray-700%7B--tw-border-opacity%3A1%3Bborder-color%3Argb(55%2065%2081%20%2F%20var(--tw-border-opacity%2C%201))%7D.bg-black%7B--tw-bg-opacity%3A1%3Bbackground-color%3Argb(0%200%200%20%2F%20var(--tw-bg-opacity%2C%201))%7D.bg-gray-600%7B--tw-bg-opacity%3A1%3Bbackground-color%3Argb(75%2085%2099%20%2F%20var(--tw-bg-opacity%2C%201))%7D.bg-gray-700%7B--tw-bg-opacity%3A1%3Bbackground-color%3Argb(55%2065%2081%20%2F%20var(--tw-bg-opacity%2C%201))%7D.bg-gray-800%7B--tw-bg-opacity%3A1%3Bbackground-color%3Argb(31%2041%2055%20%2F%20var(--tw-bg-opacity%2C%201))%7D.bg-gray-900%7B--tw-bg-opacity%3A1%3Bbackground-color%3Argb(17%2024%2039%20%2F%20var(--tw-bg-opacity%2C%201))%7D.bg-indigo-600%7B--tw-bg-opacity%3A1%3Bbackground-color%3Argb(79%2070%20229%20%2F%20var(--tw-bg-opacity%2C%201))%7D.bg-opacity-70%7B--tw-bg-opacity%3A0.7%7D.p-2%7Bpadding%3A0.5rem%7D.p-6%7Bpadding%3A1.5rem%7D.p-4%7Bpadding%3A1rem%7D.px-3%7Bpadding-left%3A0.75rem%3Bpadding-right%3A0.75rem%7D.px-4%7Bpadding-left%3A1rem%3Bpadding-right%3A1rem%7D.py-1%7Bpadding-top%3A0.25rem%3Bpadding-bottom%3A0.25rem%7D.py-2%7Bpadding-top%3A0.5rem%3Bpadding-bottom%3A0.5rem%7D.py-3%7Bpadding-top%3A0.75rem%3Bpadding-bottom%3A0.75rem%7D.px-2%7Bpadding-left%3A0.5rem%3Bpadding-right%3A0.5rem%7D.py-0%5C.5%7Bpadding-top%3A0.125rem%3Bpadding-bottom%3A0.125rem%7D.pb-16%7Bpadding-bottom%3A4rem%7D.pl-10%7Bpadding-left%3A2.5rem%7D.pr-4%7Bpadding-right%3A1rem%7D.pt-20%7Bpadding-top%3A5rem%7D.pt-4%7Bpadding-top%3A1rem%7D.text-center%7Btext-align%3Acenter%7D.text-2xl%7Bfont-size%3A1.5rem%3Bline-height%3A2rem%7D.text-lg%7Bfont-size%3A1.125rem%3Bline-height%3A1.75rem%7D.text-sm%7Bfont-size%3A0.875rem%3Bline-height%3A1.25rem%7D.text-xl%7Bfont-size%3A1.25rem%3Bline-height%3A1.75rem%7D.text-xs%7Bfont-size%3A0.75rem%3Bline-height%3A1rem%7D.font-bold%7Bfont-weight%3A700%7D.font-semibold%7Bfont-weight%3A600%7D.text-gray-100%7B--tw-text-opacity%3A1%3Bcolor%3Argb(243%20244%20246%20%2F%20var(--tw-text-opacity%2C%201))%7D.text-gray-200%7B--tw-text-opacity%3A1%3Bcolor%3Argb(229%20231%20235%20%2F%20var(--tw-text-opacity%2C%201))%7D.text-gray-400%7B--tw-text-opacity%3A1%3Bcolor%3Argb(156%20163%20175%20%2F%20var(--tw-text-opacity%2C%201))%7D.text-indigo-400%7B--tw-text-opacity%3A1%3Bcolor%3Argb(129%20140%20248%20%2F%20var(--tw-text-opacity%2C%201))%7D.text-gray-300%7B--tw-text-opacity%3A1%3Bcolor%3Argb(209%20213%20219%20%2F%20var(--tw-text-opacity%2C%201))%7D.text-white%7B--tw-text-opacity%3A1%3Bcolor%3Argb(255%20255%20255%20%2F%20var(--tw-text-opacity%2C%201))%7D.text-indigo-100%7B--tw-text-opacity%3A1%3Bcolor%3Argb(224%20231%20255%20%2F%20var(--tw-text-opacity%2C%201))%7D.placeholder-gray-400%3A%3Aplaceholder%7B--tw-placeholder-opacity%3A1%3Bcolor%3Argb(156%20163%20175%20%2F%20var(--tw-placeholder-opacity%2C%201))%7D.opacity-0%7Bopacity%3A0%7D.shadow-lg%7B--tw-shadow%3A0%2010px%2015px%20-3px%20rgb(0%200%200%20%2F%200.1)%2C%200%204px%206px%20-4px%20rgb(0%200%200%20%2F%200.1)%3B--tw-shadow-colored%3A0%2010px%2015px%20-3px%20var(--tw-shadow-color)%2C%200%204px%206px%20-4px%20var(--tw-shadow-color)%3Bbox-shadow%3Avar(--tw-ring-offset-shadow%2C%200%200%20%230000)%2C%20var(--tw-ring-shadow%2C%200%200%20%230000)%2C%20var(--tw-shadow)%7D.shadow-md%7B--tw-shadow%3A0%204px%206px%20-1px%20rgb(0%200%200%20%2F%200.1)%2C%200%202px%204px%20-2px%20rgb(0%200%200%20%2F%200.1)%3B--tw-shadow-colored%3A0%204px%206px%20-1px%20var(--tw-shadow-color)%2C%200%202px%204px%20-2px%20var(--tw-shadow-color)%3Bbox-shadow%3Avar(--tw-ring-offset-shadow%2C%200%200%20%230000)%2C%20var(--tw-ring-shadow%2C%200%200%20%230000)%2C%20var(--tw-shadow)%7D.transition-all%7Btransition-property%3Aall%3Btransition-timing-function%3Acubic-bezier(0.4%2C%200%2C%200.2%2C%201)%3Btransition-duration%3A150ms%7D.transition-opacity%7Btransition-property%3Aopacity%3Btransition-timing-function%3Acubic-bezier(0.4%2C%200%2C%200.2%2C%201)%3Btransition-duration%3A150ms%7D.transition-transform%7Btransition-property%3Atransform%3Btransition-timing-function%3Acubic-bezier(0.4%2C%200%2C%200.2%2C%201)%3Btransition-duration%3A150ms%7D.transition-colors%7Btransition-property%3Acolor%2C%20background-color%2C%20border-color%2C%20fill%2C%20stroke%2C%20-webkit-text-decoration-color%3Btransition-property%3Acolor%2C%20background-color%2C%20border-color%2C%20text-decoration-color%2C%20fill%2C%20stroke%3Btransition-property%3Acolor%2C%20background-color%2C%20border-color%2C%20text-decoration-color%2C%20fill%2C%20stroke%2C%20-webkit-text-decoration-color%3Btransition-timing-function%3Acubic-bezier(0.4%2C%200%2C%200.2%2C%201)%3Btransition-duration%3A150ms%7D.duration-300%7Btransition-duration%3A300ms%7D.duration-200%7Btransition-duration%3A200ms%7D.hover%5C%3Abg-gray-700%3Ahover%7B--tw-bg-opacity%3A1%3Bbackground-color%3Argb(55%2065%2081%20%2F%20var(--tw-bg-opacity%2C%201))%7D.hover%5C%3Abg-indigo-700%3Ahover%7B--tw-bg-opacity%3A1%3Bbackground-color%3Argb(67%2056%20202%20%2F%20var(--tw-bg-opacity%2C%201))%7D.hover%5C%3Abg-indigo-600%3Ahover%7B--tw-bg-opacity%3A1%3Bbackground-color%3Argb(79%2070%20229%20%2F%20var(--tw-bg-opacity%2C%201))%7D.hover%5C%3Atext-indigo-400%3Ahover%7B--tw-text-opacity%3A1%3Bcolor%3Argb(129%20140%20248%20%2F%20var(--tw-text-opacity%2C%201))%7D.hover%5C%3Atext-white%3Ahover%7B--tw-text-opacity%3A1%3Bcolor%3Argb(255%20255%20255%20%2F%20var(--tw-text-opacity%2C%201))%7D.focus%5C%3Abg-gray-800%3Afocus%7B--tw-bg-opacity%3A1%3Bbackground-color%3Argb(31%2041%2055%20%2F%20var(--tw-bg-opacity%2C%201))%7D.focus%5C%3Aoutline-none%3Afocus%7Boutline%3A2px%20solid%20transparent%3Boutline-offset%3A2px%7D.focus%5C%3Aring-2%3Afocus%7B--tw-ring-offset-shadow%3Avar(--tw-ring-inset)%200%200%200%20var(--tw-ring-offset-width)%20var(--tw-ring-offset-color)%3B--tw-ring-shadow%3Avar(--tw-ring-inset)%200%200%200%20calc(2px%20%2B%20var(--tw-ring-offset-width))%20var(--tw-ring-color)%3Bbox-shadow%3Avar(--tw-ring-offset-shadow)%2C%20var(--tw-ring-shadow)%2C%20var(--tw-shadow%2C%200%200%20%230000)%7D.focus%5C%3Aring-indigo-400%3Afocus%7B--tw-ring-opacity%3A1%3B--tw-ring-color%3Argb(129%20140%20248%20%2F%20var(--tw-ring-opacity%2C%201))%7D%40media%20(min-width%3A%20640px)%7B.sm%5C%3Amx-0%7Bmargin-left%3A0px%3Bmargin-right%3A0px%7D.sm%5C%3Amx-8%7Bmargin-left%3A2rem%3Bmargin-right%3A2rem%7D.sm%5C%3Ainline%7Bdisplay%3Ainline%7D.sm%5C%3Ahidden%7Bdisplay%3Anone%7D.sm%5C%3Ah-56%7Bheight%3A14rem%7D.sm%5C%3Amax-h-48%7Bmax-height%3A12rem%7D.sm%5C%3Agrid-cols-2%7Bgrid-template-columns%3Arepeat(2%2C%20minmax(0%2C%201fr))%7D.sm%5C%3Apx-6%7Bpadding-left%3A1.5rem%3Bpadding-right%3A1.5rem%7D.sm%5C%3Atext-2xl%7Bfont-size%3A1.5rem%3Bline-height%3A2rem%7D.sm%5C%3Atext-base%7Bfont-size%3A1rem%3Bline-height%3A1.5rem%7D.sm%5C%3Atext-xl%7Bfont-size%3A1.25rem%3Bline-height%3A1.75rem%7D%7D%40media%20(min-width%3A%20768px)%7B.md%5C%3Agrid-cols-3%7Bgrid-template-columns%3Arepeat(3%2C%20minmax(0%2C%201fr))%7D%7D%40media%20(min-width%3A%201024px)%7B.lg%5C%3Agrid-cols-4%7Bgrid-template-columns%3Arepeat(4%2C%20minmax(0%2C%201fr))%7D.lg%5C%3Apx-8%7Bpadding-left%3A2rem%3Bpadding-right%3A2rem%7D%7D%3C%2Fstyle%3E%3Clink%20rel%3D%22stylesheet%22%20href%3D%22chrome-extension%3A%2F%2Fihcjicgdanjaechkgeegckofjjedodee%2Fapp%2Fcontent-style.css%22%3E%3Cscript%20src%3D%22chrome-extension%3A%2F%2Fojaffphbffmdaicdkahnmihipclmepok%2Fstatic%2Fjs%2Fworkers.min.js%22%3E%3C%2Fscript%3E%3C%2Fhead%3E%3Cbody%20class%3D%22bg-gray-900%20text-gray-100%20min-h-screen%20flex%20flex-col%22%20style%3D%22cursor%3A%20crosshair%3B%20background-color%3A%20rgb(0%2C%201%2C%200)%3B%22%3E%3Cp%20class%3D%22%22%3Es%3C%2Fp%3E%0A%0A%0A%0A%20%20%3C!--%20HEADER%20%2F%20NAVBAR%20--%3E%0A%20%20%3Cheader%20class%3D%22bg-gray-800%20fixed%20top-0%20left-0%20right-0%20z-50%20shadow-md%22%3E%0A%20%20%20%20%3Cdiv%20class%3D%22max-w-7xl%20mx-auto%20flex%20items-center%20justify-between%20px-4%20sm%3Apx-6%20lg%3Apx-8%20h-16%22%3E%0A%20%20%20%20%20%20%3Cdiv%20class%3D%22flex%20items-center%20space-x-3%22%3E%0A%20%20%20%20%20%20%20%20%3Cbutton%20id%3D%22btn-menu-categories%22%20aria-label%3D%22Afficher%20les%20cat%C3%A9gories%22%20class%3D%22text-gray-100%20hover%3Atext-indigo-400%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%20rounded-md%20text-lg%20sm%3Atext-xl%22%20title%3D%22Cat%C3%A9gories%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Ci%20class%3D%22fas%20fa-th-large%22%3E%3C%2Fi%3E%0A%20%20%20%20%20%20%20%20%3C%2Fbutton%3E%0A%20%20%20%20%20%20%20%20%3Ch1%20class%3D%22text-xl%20sm%3Atext-2xl%20font-bold%20select-none%22%3EStreamVid%C3%A9o%3C%2Fh1%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%3C!--%20Search%20%26%20Filters%20--%3E%0A%20%20%20%20%20%20%3Cdiv%20class%3D%22relative%20flex-1%20max-w-xl%20mx-4%20sm%3Amx-8%22%3E%0A%20%20%20%20%20%20%20%20%3Cbutton%20id%3D%22btn-search-toggle%22%20aria-label%3D%22Afficher%20la%20barre%20de%20recherche%22%20class%3D%22absolute%20left-2%20top-1%2F2%20-translate-y-1%2F2%20text-gray-400%20hover%3Atext-indigo-400%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%20rounded-md%20z-20%22%20title%3D%22Rechercher%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Ci%20class%3D%22fas%20fa-search%20text-lg%20sm%3Atext-xl%22%3E%3C%2Fi%3E%0A%20%20%20%20%20%20%20%20%3C%2Fbutton%3E%0A%20%20%20%20%20%20%20%20%3Cinput%20id%3D%22input-search%22%20type%3D%22text%22%20placeholder%3D%22Rechercher%20une%20vid%C3%A9o...%22%20class%3D%22w-full%20pl-10%20pr-4%20py-2%20rounded-md%20bg-gray-700%20text-gray-100%20placeholder-gray-400%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%20focus%3Abg-gray-800%20transition-all%20duration-300%20max-h-0%20opacity-0%20pointer-events-none%22%20aria-label%3D%22Barre%20de%20recherche%22%3E%0A%20%20%20%20%20%20%20%20%3C!--%20Genre%20filters%20container%20--%3E%0A%20%20%20%20%20%20%20%20%3Cdiv%20id%3D%22genre-filters%22%20class%3D%22absolute%20top-full%20left-0%20right-0%20mt-1%20bg-gray-800%20rounded-md%20shadow-lg%20p-2%20flex%20flex-wrap%20gap-2%20max-h-48%20overflow-y-auto%20scrollbar-thin%20opacity-0%20pointer-events-none%20transition-opacity%20duration-300%22%20aria-label%3D%22Filtres%20de%20genre%22%3E%3Cbutton%20type%3D%22button%22%20class%3D%22px-3%20py-1%20rounded-full%20border%20border-indigo-500%20text-indigo-400%20hover%3Abg-indigo-600%20hover%3Atext-white%20transition-colors%20duration-200%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%22%3EAction%3C%2Fbutton%3E%3Cbutton%20type%3D%22button%22%20class%3D%22px-3%20py-1%20rounded-full%20border%20border-indigo-500%20text-indigo-400%20hover%3Abg-indigo-600%20hover%3Atext-white%20transition-colors%20duration-200%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%22%3ECom%C3%A9die%3C%2Fbutton%3E%3Cbutton%20type%3D%22button%22%20class%3D%22px-3%20py-1%20rounded-full%20border%20border-indigo-500%20text-indigo-400%20hover%3Abg-indigo-600%20hover%3Atext-white%20transition-colors%20duration-200%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%22%3EDrame%3C%2Fbutton%3E%3Cbutton%20type%3D%22button%22%20class%3D%22px-3%20py-1%20rounded-full%20border%20border-indigo-500%20text-indigo-400%20hover%3Abg-indigo-600%20hover%3Atext-white%20transition-colors%20duration-200%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%22%3EHorreur%3C%2Fbutton%3E%3Cbutton%20type%3D%22button%22%20class%3D%22px-3%20py-1%20rounded-full%20border%20border-indigo-500%20text-indigo-400%20hover%3Abg-indigo-600%20hover%3Atext-white%20transition-colors%20duration-200%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%22%3EScience-fiction%3C%2Fbutton%3E%3Cbutton%20type%3D%22button%22%20class%3D%22px-3%20py-1%20rounded-full%20border%20border-indigo-500%20text-indigo-400%20hover%3Abg-indigo-600%20hover%3Atext-white%20transition-colors%20duration-200%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%22%3EDocumentaire%3C%2Fbutton%3E%3Cbutton%20type%3D%22button%22%20class%3D%22px-3%20py-1%20rounded-full%20border%20border-indigo-500%20text-indigo-400%20hover%3Abg-indigo-600%20hover%3Atext-white%20transition-colors%20duration-200%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%22%3EAnimation%3C%2Fbutton%3E%3Cbutton%20type%3D%22button%22%20class%3D%22px-3%20py-1%20rounded-full%20border%20border-indigo-500%20text-indigo-400%20hover%3Abg-indigo-600%20hover%3Atext-white%20transition-colors%20duration-200%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%22%3ERomance%3C%2Fbutton%3E%3Cbutton%20type%3D%22button%22%20class%3D%22px-3%20py-1%20rounded-full%20border%20border-indigo-500%20text-indigo-400%20hover%3Abg-indigo-600%20hover%3Atext-white%20transition-colors%20duration-200%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%22%3EThriller%3C%2Fbutton%3E%3Cbutton%20type%3D%22button%22%20class%3D%22px-3%20py-1%20rounded-full%20border%20border-indigo-500%20text-indigo-400%20hover%3Abg-indigo-600%20hover%3Atext-white%20transition-colors%20duration-200%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%22%3EAventure%3C%2Fbutton%3E%3C%2Fdiv%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%0A%20%20%20%20%20%20%3Cdiv%20class%3D%22flex%20items-center%20space-x-3%22%3E%0A%20%20%20%20%20%20%20%20%3Cbutton%20id%3D%22btn-add-video%22%20aria-label%3D%22Ajouter%20une%20vid%C3%A9o%22%20class%3D%22bg-indigo-600%20hover%3Abg-indigo-700%20focus%3Aring-2%20focus%3Aring-indigo-400%20focus%3Aoutline-none%20rounded-md%20px-3%20py-1%20text-sm%20sm%3Atext-base%20font-semibold%20flex%20items-center%20space-x-2%22%20title%3D%22Ajouter%20une%20vid%C3%A9o%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Ci%20class%3D%22fas%20fa-plus%22%3E%3C%2Fi%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22hidden%20sm%3Ainline%22%3EAjouter%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3C%2Fbutton%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%3C%2Fheader%3E%0A%0A%20%20%3C!--%20Categories%20panel%20(hidden%20by%20default)%20--%3E%0A%20%20%3Cnav%20id%3D%22panel-categories%22%20class%3D%22fixed%20top-16%20left-0%20right-0%20bg-gray-800%20shadow-lg%20max-h-60%20overflow-y-auto%20z-40%20transition-transform%20transform%20-translate-y-full%20sm%3Amax-h-48%22%20aria-label%3D%22Liste%20des%20cat%C3%A9gories%22%3E%0A%20%20%20%20%3Cul%20class%3D%22flex%20space-x-4%20px-4%20py-3%20whitespace-nowrap%20text-gray-200%20text-sm%20sm%3Atext-base%22%3E%3Cli%3E%3Cbutton%20type%3D%22button%22%20class%3D%22px-3%20py-1%20rounded-md%20hover%3Abg-indigo-600%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%20bg-indigo-600%20text-white%22%3EToutes%3C%2Fbutton%3E%3C%2Fli%3E%3Cli%3E%3Cbutton%20type%3D%22button%22%20class%3D%22px-3%20py-1%20rounded-md%20hover%3Abg-indigo-600%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%20text-gray-300%22%3EAction%3C%2Fbutton%3E%3C%2Fli%3E%3Cli%3E%3Cbutton%20type%3D%22button%22%20class%3D%22px-3%20py-1%20rounded-md%20hover%3Abg-indigo-600%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%20text-gray-300%22%3ECom%C3%A9die%3C%2Fbutton%3E%3C%2Fli%3E%3Cli%3E%3Cbutton%20type%3D%22button%22%20class%3D%22px-3%20py-1%20rounded-md%20hover%3Abg-indigo-600%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%20text-gray-300%22%3EDrame%3C%2Fbutton%3E%3C%2Fli%3E%3Cli%3E%3Cbutton%20type%3D%22button%22%20class%3D%22px-3%20py-1%20rounded-md%20hover%3Abg-indigo-600%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%20text-gray-300%22%3EHorreur%3C%2Fbutton%3E%3C%2Fli%3E%3Cli%3E%3Cbutton%20type%3D%22button%22%20class%3D%22px-3%20py-1%20rounded-md%20hover%3Abg-indigo-600%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%20text-gray-300%22%3EScience-fiction%3C%2Fbutton%3E%3C%2Fli%3E%3Cli%3E%3Cbutton%20type%3D%22button%22%20class%3D%22px-3%20py-1%20rounded-md%20hover%3Abg-indigo-600%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%20text-gray-300%22%3EDocumentaire%3C%2Fbutton%3E%3C%2Fli%3E%3Cli%3E%3Cbutton%20type%3D%22button%22%20class%3D%22px-3%20py-1%20rounded-md%20hover%3Abg-indigo-600%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%20text-gray-300%22%3EAnimation%3C%2Fbutton%3E%3C%2Fli%3E%3Cli%3E%3Cbutton%20type%3D%22button%22%20class%3D%22px-3%20py-1%20rounded-md%20hover%3Abg-indigo-600%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%20text-gray-300%22%3ERomance%3C%2Fbutton%3E%3C%2Fli%3E%3Cli%3E%3Cbutton%20type%3D%22button%22%20class%3D%22px-3%20py-1%20rounded-md%20hover%3Abg-indigo-600%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%20text-gray-300%22%3EThriller%3C%2Fbutton%3E%3C%2Fli%3E%3Cli%3E%3Cbutton%20type%3D%22button%22%20class%3D%22px-3%20py-1%20rounded-md%20hover%3Abg-indigo-600%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%20text-gray-300%22%3EAventure%3C%2Fbutton%3E%3C%2Fli%3E%3C%2Ful%3E%0A%20%20%3C%2Fnav%3E%0A%0A%20%20%3C!--%20Main%20content%20--%3E%0A%20%20%3Cmain%20id%3D%22main-content%22%20class%3D%22flex-1%20pt-20%20pb-16%20max-w-7xl%20mx-auto%20px-4%20sm%3Apx-6%20lg%3Apx-8%20w-full%22%20style%3D%22padding-bottom%3A%205rem%3B%22%3E%3Cdiv%20class%3D%22grid%20grid-cols-1%20sm%3Agrid-cols-2%20md%3Agrid-cols-3%20lg%3Agrid-cols-4%20gap-6%22%3E%3Carticle%20class%3D%22bg-gray-800%20rounded-lg%20shadow-md%20overflow-hidden%20flex%20flex-col%22%3E%3Cdiv%20class%3D%22w-full%20aspect-video%20bg-black%22%3E%3Ciframe%20class%3D%22w-full%20h-48%20sm%3Ah-56%20rounded-md%22%20width%3D%22640%22%20height%3D%22360%22%20src%3D%22http%3A%2F%2Fvideo.sibnet.ru%2Fshell.php%3Fvideoid%3D4833415%26amp%3Bshare%3D1%26quot%3B%22%20title%3D%22YouTube%20video%20player%22%20frameborder%3D%220%22%20allow%3D%22accelerometer%3B%20autoplay%3B%20clipboard-write%3B%20encrypted-media%3B%20gyroscope%3B%20picture-in-picture%3B%20web-share%22%20referrerpolicy%3D%22strict-origin-when-cross-origin%22%20allowfullscreen%3D%22%22%3E%3C%2Fiframe%3E%3C%2Fdiv%3E%3Cdiv%20class%3D%22p-4%20flex%20flex-col%20flex-1%22%3E%3Ch3%20class%3D%22text-lg%20font-semibold%20text-indigo-400%20truncate%20select-text%22%3Eone%20piece%3C%2Fh3%3E%3Cp%20class%3D%22text-gray-300%20mt-1%20text-sm%20line-clamp-3%20select-text%22%3Eepisode%201034%3C%2Fp%3E%3Cspan%20class%3D%22mt-auto%20inline-block%20bg-indigo-600%20text-indigo-100%20text-xs%20font-semibold%20px-2%20py-0.5%20rounded-full%20select-text%22%3EAction%3C%2Fspan%3E%3C%2Fdiv%3E%3C%2Farticle%3E%3Carticle%20class%3D%22bg-gray-800%20rounded-lg%20shadow-md%20overflow-hidden%20flex%20flex-col%22%3E%3Cdiv%20class%3D%22w-full%20aspect-video%20bg-black%22%3E%3Ciframe%20class%3D%22w-full%20h-48%20sm%3Ah-56%20rounded-md%22%20width%3D%22560%22%20height%3D%22315%22%20src%3D%22https%3A%2F%2Fwww.youtube.com%2Fembed%2FN0behGD9I2o%3Fsi%3DIP06PyKoxXDSyrE4%22%20title%3D%22YouTube%20video%20player%22%20frameborder%3D%220%22%20allow%3D%22accelerometer%3B%20autoplay%3B%20clipboard-write%3B%20encrypted-media%3B%20gyroscope%3B%20picture-in-picture%3B%20web-share%22%20referrerpolicy%3D%22strict-origin-when-cross-origin%22%20allowfullscreen%3D%22%22%3E%3C%2Fiframe%3E%3C%2Fdiv%3E%3Cdiv%20class%3D%22p-4%20flex%20flex-col%20flex-1%22%3E%3Ch3%20class%3D%22text-lg%20font-semibold%20text-indigo-400%20truncate%20select-text%22%3EComment%20Battre%20La%20PRISON%20BRUTALE%20dans%20La%20Plateforme%202%3C%2Fh3%3E%3Cp%20class%3D%22text-gray-300%20mt-1%20text-sm%20line-clamp-3%20select-text%22%3EImaginez%20la%20pire%20sensation%20de%20faim%20que%20vous%20ayez%20jamais%20ressentie.%20Vous%20%C3%AAtes%20pi%C3%A9g%C3%A9%20dans%20une%20prison%20verticale%20de%20300%20%C3%A9tages%20o%C3%B9%2C%20chaque%20jour%2C%20une%20plateforme%20descend%20avec%20de%20la%20nourriture%2C%20mais%20les%20prisonniers%20du%20haut%20ont%20toujours%20la%20primeur%20et%20ceux%20du%20bas%20doivent%20se%20d%C3%A9brouiller%20seuls.%3C%2Fp%3E%3Cspan%20class%3D%22mt-auto%20inline-block%20bg-indigo-600%20text-indigo-100%20text-xs%20font-semibold%20px-2%20py-0.5%20rounded-full%20select-text%22%3EAction%3C%2Fspan%3E%3C%2Fdiv%3E%3C%2Farticle%3E%3Carticle%20class%3D%22bg-gray-800%20rounded-lg%20shadow-md%20overflow-hidden%20flex%20flex-col%22%3E%3Cdiv%20class%3D%22w-full%20aspect-video%20bg-black%22%3E%3Ciframe%20class%3D%22w-full%20h-48%20sm%3Ah-56%20rounded-md%22%20width%3D%22560%22%20height%3D%22315%22%20src%3D%22https%3A%2F%2Fwww.youtube.com%2Fembed%2FN0behGD9I2o%3Fsi%3DIP06PyKoxXDSyrE4%22%20title%3D%22YouTube%20video%20player%22%20frameborder%3D%220%22%20allow%3D%22accelerometer%3B%20autoplay%3B%20clipboard-write%3B%20encrypted-media%3B%20gyroscope%3B%20picture-in-picture%3B%20web-share%22%20referrerpolicy%3D%22strict-origin-when-cross-origin%22%20allowfullscreen%3D%22%22%3E%3C%2Fiframe%3E%3C%2Fdiv%3E%3Cdiv%20class%3D%22p-4%20flex%20flex-col%20flex-1%22%3E%3Ch3%20class%3D%22text-lg%20font-semibold%20text-indigo-400%20truncate%20select-text%22%3EComment%20Battre%20La%20PRISON%20BRUTALE%20dans%20La%20Plateforme%202%3C%2Fh3%3E%3Cp%20class%3D%22text-gray-300%20mt-1%20text-sm%20line-clamp-3%20select-text%22%3EImaginez%20la%20pire%20sensation%20de%20faim%20que%20vous%20ayez%20jamais%20ressentie.%20Vous%20%C3%AAtes%20pi%C3%A9g%C3%A9%20dans%20une%20prison%20verticale%20de%20300%20%C3%A9tages%20o%C3%B9%2C%20chaque%20jour%2C%20une%20plateforme%20descend%20avec%20de%20la%20nourriture%2C%20mais%20les%20prisonniers%20du%20haut%20ont%20toujours%20la%20primeur%20et%20ceux%20du%20bas%20doivent%20se%20d%C3%A9brouiller%20seuls.%3C%2Fp%3E%3Cspan%20class%3D%22mt-auto%20inline-block%20bg-indigo-600%20text-indigo-100%20text-xs%20font-semibold%20px-2%20py-0.5%20rounded-full%20select-text%22%3EAction%3C%2Fspan%3E%3C%2Fdiv%3E%3C%2Farticle%3E%3Carticle%20class%3D%22bg-gray-800%20rounded-lg%20shadow-md%20overflow-hidden%20flex%20flex-col%22%3E%3Cdiv%20class%3D%22w-full%20aspect-video%20bg-black%22%3E%3Ciframe%20class%3D%22w-full%20h-48%20sm%3Ah-56%20rounded-md%22%20width%3D%22560%22%20height%3D%22315%22%20src%3D%22https%3A%2F%2Fwww.youtube.com%2Fembed%2FdyAYwVQ4gVg%3Fsi%3DHb9IHXhxEmyEoE-m%22%20title%3D%22YouTube%20video%20player%22%20frameborder%3D%220%22%20allow%3D%22accelerometer%3B%20autoplay%3B%20clipboard-write%3B%20encrypted-media%3B%20gyroscope%3B%20picture-in-picture%3B%20web-share%22%20referrerpolicy%3D%22strict-origin-when-cross-origin%22%20allowfullscreen%3D%22%22%3E%3C%2Fiframe%3E%3C%2Fdiv%3E%3Cdiv%20class%3D%22p-4%20flex%20flex-col%20flex-1%22%3E%3Ch3%20class%3D%22text-lg%20font-semibold%20text-indigo-400%20truncate%20select-text%22%3Ettttttttttt%3C%2Fh3%3E%3Cp%20class%3D%22text-gray-300%20mt-1%20text-sm%20line-clamp-3%20select-text%22%3Ettttttttttttt%3C%2Fp%3E%3Cspan%20class%3D%22mt-auto%20inline-block%20bg-indigo-600%20text-indigo-100%20text-xs%20font-semibold%20px-2%20py-0.5%20rounded-full%20select-text%22%3EAction%3C%2Fspan%3E%3C%2Fdiv%3E%3C%2Farticle%3E%3C%2Fdiv%3E%3C%2Fmain%3E%0A%0A%20%20%3C!--%20Popup%20modal%20for%20adding%20video%20--%3E%0A%20%20%3Cdiv%20id%3D%22modal-add-video%22%20class%3D%22fixed%20inset-0%20bg-black%20bg-opacity-70%20flex%20items-center%20justify-center%20z-50%20opacity-0%20pointer-events-none%20transition-opacity%20duration-300%22%20role%3D%22dialog%22%20aria-modal%3D%22true%22%20aria-labelledby%3D%22modal-title%22%3E%0A%20%20%20%20%3Cdiv%20class%3D%22bg-gray-800%20rounded-lg%20max-w-lg%20w-full%20p-6%20relative%20mx-4%20sm%3Amx-0%22%3E%0A%20%20%20%20%20%20%3Ch2%20id%3D%22modal-title%22%20class%3D%22text-2xl%20font-bold%20mb-4%20text-indigo-400%20text-center%22%3E%0A%20%20%20%20%20%20%20%20Ajouter%20une%20vid%C3%A9o%0A%20%20%20%20%20%20%3C%2Fh2%3E%0A%20%20%20%20%20%20%3Cform%20id%3D%22form-add-video%22%20class%3D%22space-y-4%20text-gray-200%22%3E%0A%20%20%20%20%20%20%20%20%3Cdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%3Clabel%20for%3D%22input-iframe%22%20class%3D%22block%20mb-1%20font-semibold%22%3EBalise%20iframe%3C%2Flabel%3E%0A%20%20%20%20%20%20%20%20%20%20%3Ctextarea%20id%3D%22input-iframe%22%20name%3D%22iframe%22%20rows%3D%223%22%20required%3D%22%22%20placeholder%3D%22Exemple%3A%20%26lt%3Biframe%20src%3D%26quot%3Bhttps%3A%2F%2F...%26quot%3B%20frameborder%3D%26quot%3B0%26quot%3B%20allowfullscreen%26gt%3B%26lt%3B%2Fiframe%26gt%3B%22%20class%3D%22w-full%20rounded-md%20bg-gray-700%20text-gray-100%20p-2%20resize-y%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%22%3E%3C%2Ftextarea%3E%0A%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%3Cdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%3Clabel%20for%3D%22input-title%22%20class%3D%22block%20mb-1%20font-semibold%22%3ETitre%3C%2Flabel%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cinput%20id%3D%22input-title%22%20name%3D%22title%22%20type%3D%22text%22%20required%3D%22%22%20placeholder%3D%22Titre%20de%20la%20vid%C3%A9o%22%20class%3D%22w-full%20rounded-md%20bg-gray-700%20text-gray-100%20p-2%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%22%3E%0A%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%3Cdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%3Clabel%20for%3D%22input-description%22%20class%3D%22block%20mb-1%20font-semibold%22%3EDescription%3C%2Flabel%3E%0A%20%20%20%20%20%20%20%20%20%20%3Ctextarea%20id%3D%22input-description%22%20name%3D%22description%22%20rows%3D%222%22%20placeholder%3D%22Description%20courte%22%20class%3D%22w-full%20rounded-md%20bg-gray-700%20text-gray-100%20p-2%20resize-y%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%22%3E%3C%2Ftextarea%3E%0A%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%3Cdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%3Clabel%20for%3D%22select-genre%22%20class%3D%22block%20mb-1%20font-semibold%22%3EGenre%3C%2Flabel%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cselect%20id%3D%22select-genre%22%20name%3D%22genre%22%20required%3D%22%22%20class%3D%22w-full%20rounded-md%20bg-gray-700%20text-gray-100%20p-2%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%22%3E%3Coption%20value%3D%22Action%22%3EAction%3C%2Foption%3E%3Coption%20value%3D%22Com%C3%A9die%22%3ECom%C3%A9die%3C%2Foption%3E%3Coption%20value%3D%22Drame%22%3EDrame%3C%2Foption%3E%3Coption%20value%3D%22Horreur%22%3EHorreur%3C%2Foption%3E%3Coption%20value%3D%22Science-fiction%22%3EScience-fiction%3C%2Foption%3E%3Coption%20value%3D%22Documentaire%22%3EDocumentaire%3C%2Foption%3E%3Coption%20value%3D%22Animation%22%3EAnimation%3C%2Foption%3E%3Coption%20value%3D%22Romance%22%3ERomance%3C%2Foption%3E%3Coption%20value%3D%22Thriller%22%3EThriller%3C%2Foption%3E%3Coption%20value%3D%22Aventure%22%3EAventure%3C%2Foption%3E%3C%2Fselect%3E%0A%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22flex%20justify-end%20space-x-3%20pt-4%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cbutton%20type%3D%22button%22%20id%3D%22btn-cancel-add%22%20class%3D%22px-4%20py-2%20rounded-md%20bg-gray-600%20hover%3Abg-gray-700%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20Annuler%0A%20%20%20%20%20%20%20%20%20%20%3C%2Fbutton%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cbutton%20type%3D%22submit%22%20class%3D%22px-4%20py-2%20rounded-md%20bg-indigo-600%20hover%3Abg-indigo-700%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%20font-semibold%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20Ajouter%0A%20%20%20%20%20%20%20%20%20%20%3C%2Fbutton%3E%0A%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%3C%2Fform%3E%0A%20%20%20%20%20%20%3Cbutton%20id%3D%22btn-close-modal%22%20aria-label%3D%22Fermer%20la%20fen%C3%AAtre%22%20class%3D%22absolute%20top-3%20right-3%20text-gray-400%20hover%3Atext-indigo-400%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%20rounded-full%22%3E%0A%20%20%20%20%20%20%20%20%3Ci%20class%3D%22fas%20fa-times%20text-lg%22%3E%3C%2Fi%3E%0A%20%20%20%20%20%20%3C%2Fbutton%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%3C%2Fdiv%3E%0A%0A%20%20%3Cscript%3E%0A%20%20%20%20document.addEventListener('DOMContentLoaded'%2C%20()%20%3D%3E%20%7B%0A%0A%20%20%20%20%20%20%2F%2F%20Genres%20list%0A%20%20%20%20%20%20const%20genres%20%3D%20%5B%0A%20%20%20%20%20%20%20%20%22Action%22%2C%0A%20%20%20%20%20%20%20%20%22Com%C3%A9die%22%2C%0A%20%20%20%20%20%20%20%20%22Drame%22%2C%0A%20%20%20%20%20%20%20%20%22Horreur%22%2C%0A%20%20%20%20%20%20%20%20%22Science-fiction%22%2C%0A%20%20%20%20%20%20%20%20%22Documentaire%22%2C%0A%20%20%20%20%20%20%20%20%22Animation%22%2C%0A%20%20%20%20%20%20%20%20%22Romance%22%2C%0A%20%20%20%20%20%20%20%20%22Thriller%22%2C%0A%20%20%20%20%20%20%20%20%22Aventure%22%2C%0A%20%20%20%20%20%20%5D%3B%0A%0A%20%20%20%20%20%20%2F%2F%20Videos%20data%20-%20now%20loaded%20from%20database%0A%20%20%20%20%20%20let%20videos%20%3D%20%5B%5D%3B%0A%0A%20%20%20%20%20%20%2F%2F%20Function%20to%20load%20videos%20from%20database%0A%20%20%20%20%20%20async%20function%20loadVideos()%20%7B%0A%20%20%20%20%20%20%20%20%20%20try%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20const%20response%20%3D%20await%20fetch('get_videos.php')%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20if%20(!response.ok)%20throw%20new%20Error('Network%20response%20was%20not%20ok')%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20videos%20%3D%20await%20response.json()%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20renderVideos()%3B%0A%20%20%20%20%20%20%20%20%20%20%7D%20catch%20(error)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20console.error('Error%20loading%20videos%3A'%2C%20error)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%2F%2F%20Fallback%20to%20demo%20videos%20if%20database%20fails%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20videos%20%3D%20getDemoVideos()%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20renderVideos()%3B%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%2F%2F%20Fallback%20demo%20videos%0A%20%20%20%20%20%20function%20getDemoVideos()%20%7B%0A%20%20%20%20%20%20%20%20%20%20return%20%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20id%3A%201%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20iframe%3A%20'%3Ciframe%20src%3D%22https%3A%2F%2Fwww.youtube.com%2Fembed%2FdQw4w9WgXcQ%22%20frameborder%3D%220%22%20allowfullscreen%20class%3D%22w-full%20h-48%20sm%3Ah-56%20rounded-md%22%3E%3C%2Fiframe%3E'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20title%3A%20%22Action%20%C3%A9pique%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20description%3A%20%22Une%20sc%C3%A8ne%20d'action%20intense%20et%20spectaculaire.%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20genre%3A%20%22Action%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20img%3A%20%22https%3A%2F%2Fplacehold.co%2F400x225%2Fpng%3Ftext%3DAction%2BVideo%26font%3Droboto%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20id%3A%202%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20iframe%3A%20'%3Ciframe%20src%3D%22https%3A%2F%2Fwww.youtube.com%2Fembed%2FtgbNymZ7vqY%22%20frameborder%3D%220%22%20allowfullscreen%20class%3D%22w-full%20h-48%20sm%3Ah-56%20rounded-md%22%3E%3C%2Fiframe%3E'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20title%3A%20%22Com%C3%A9die%20hilarante%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20description%3A%20%22Rires%20garantis%20avec%20cette%20com%C3%A9die%20d%C3%A9jant%C3%A9e.%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20genre%3A%20%22Com%C3%A9die%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20img%3A%20%22https%3A%2F%2Fplacehold.co%2F400x225%2Fpng%3Ftext%3DCom%25C3%25A9die%2BVideo%26font%3Droboto%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20id%3A%203%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20iframe%3A%20'%3Ciframe%20src%3D%22https%3A%2F%2Fwww.youtube.com%2Fembed%2F5NV6Rdv1a3I%22%20frameborder%3D%220%22%20allowfullscreen%20class%3D%22w-full%20h-48%20sm%3Ah-56%20rounded-md%22%3E%3C%2Fiframe%3E'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20title%3A%20%22Drame%20poignant%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20description%3A%20%22Une%20histoire%20%C3%A9mouvante%20et%20profonde.%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20genre%3A%20%22Drame%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20img%3A%20%22https%3A%2F%2Fplacehold.co%2F400x225%2Fpng%3Ftext%3DDrame%2BVideo%26font%3Droboto%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20id%3A%204%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20iframe%3A%20'%3Ciframe%20src%3D%22https%3A%2F%2Fwww.youtube.com%2Fembed%2F2Z4m4lnjxkY%22%20frameborder%3D%220%22%20allowfullscreen%20class%3D%22w-full%20h-48%20sm%3Ah-56%20rounded-md%22%3E%3C%2Fiframe%3E'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20title%3A%20%22Horreur%20terrifiante%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20description%3A%20%22Frissons%20garantis%20avec%20ce%20film%20d'horreur.%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20genre%3A%20%22Horreur%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20img%3A%20%22https%3A%2F%2Fplacehold.co%2F400x225%2Fpng%3Ftext%3DHorreur%2BVideo%26font%3Droboto%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20id%3A%205%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20iframe%3A%20'%3Ciframe%20src%3D%22https%3A%2F%2Fwww.youtube.com%2Fembed%2F3JZ_D3ELwOQ%22%20frameborder%3D%220%22%20allowfullscreen%20class%3D%22w-full%20h-48%20sm%3Ah-56%20rounded-md%22%3E%3C%2Fiframe%3E'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20title%3A%20%22Science-fiction%20futuriste%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20description%3A%20%22Voyage%20dans%20l'espace%20et%20aventures%20futuristes.%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20genre%3A%20%22Science-fiction%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20img%3A%20%22https%3A%2F%2Fplacehold.co%2F400x225%2Fpng%3Ftext%3DScience-fiction%2BVideo%26font%3Droboto%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20id%3A%206%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20iframe%3A%20'%3Ciframe%20src%3D%22https%3A%2F%2Fwww.youtube.com%2Fembed%2FScMzIvxBSi4%22%20frameborder%3D%220%22%20allowfullscreen%20class%3D%22w-full%20h-48%20sm%3Ah-56%20rounded-md%22%3E%3C%2Fiframe%3E'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20title%3A%20%22Documentaire%20captivant%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20description%3A%20%22D%C3%A9couvrez%20des%20faits%20fascinants.%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20genre%3A%20%22Documentaire%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20img%3A%20%22https%3A%2F%2Fplacehold.co%2F400x225%2Fpng%3Ftext%3DDocumentaire%2BVideo%26font%3Droboto%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20id%3A%207%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20iframe%3A%20'%3Ciframe%20src%3D%22https%3A%2F%2Fwww.youtube.com%2Fembed%2FYE7VzlLtp-4%22%20frameborder%3D%220%22%20allowfullscreen%20class%3D%22w-full%20h-48%20sm%3Ah-56%20rounded-md%22%3E%3C%2Fiframe%3E'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20title%3A%20%22Animation%20color%C3%A9e%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20description%3A%20%22Des%20personnages%20anim%C3%A9s%20pour%20toute%20la%20famille.%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20genre%3A%20%22Animation%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20img%3A%20%22https%3A%2F%2Fplacehold.co%2F400x225%2Fpng%3Ftext%3DAnimation%2BVideo%26font%3Droboto%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20id%3A%208%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20iframe%3A%20'%3Ciframe%20src%3D%22https%3A%2F%2Fwww.youtube.com%2Fembed%2F2vjPBrBU-TM%22%20frameborder%3D%220%22%20allowfullscreen%20class%3D%22w-full%20h-48%20sm%3Ah-56%20rounded-md%22%3E%3C%2Fiframe%3E'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20title%3A%20%22Romance%20touchante%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20description%3A%20%22Une%20histoire%20d'amour%20inoubliable.%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20genre%3A%20%22Romance%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20img%3A%20%22https%3A%2F%2Fplacehold.co%2F400x225%2Fpng%3Ftext%3DRomance%2BVideo%26font%3Droboto%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20id%3A%209%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20iframe%3A%20'%3Ciframe%20src%3D%22https%3A%2F%2Fwww.youtube.com%2Fembed%2FZZ5LpwO-An4%22%20frameborder%3D%220%22%20allowfullscreen%20class%3D%22w-full%20h-48%20sm%3Ah-56%20rounded-md%22%3E%3C%2Fiframe%3E'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20title%3A%20%22Thriller%20haletant%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20description%3A%20%22Suspense%20et%20rebondissements%20%C3%A0%20chaque%20instant.%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20genre%3A%20%22Thriller%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20img%3A%20%22https%3A%2F%2Fplacehold.co%2F400x225%2Fpng%3Ftext%3DThriller%2BVideo%26font%3Droboto%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20id%3A%2010%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20iframe%3A%20'%3Ciframe%20src%3D%22https%3A%2F%2Fwww.youtube.com%2Fembed%2F6Ejga4kJUts%22%20frameborder%3D%220%22%20allowfullscreen%20class%3D%22w-full%20h-48%20sm%3Ah-56%20rounded-md%22%3E%3C%2Fiframe%3E'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20title%3A%20%22Aventure%20%C3%A9pique%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20description%3A%20%22Explorations%20et%20qu%C3%AAtes%20extraordinaires.%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20genre%3A%20%22Aventure%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20img%3A%20%22https%3A%2F%2Fplacehold.co%2F400x225%2Fpng%3Ftext%3DAventure%2BVideo%26font%3Droboto%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%5D%3B%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%2F%2F%20State%0A%20%20%20%20%20%20let%20currentGenre%20%3D%20null%3B%20%2F%2F%20null%20%3D%20all%20genres%0A%20%20%20%20%20%20let%20searchActive%20%3D%20false%3B%0A%20%20%20%20%20%20let%20selectedGenres%20%3D%20new%20Set()%3B%0A%0A%20%20%20%20%20%20%2F%2F%20DOM%20Elements%0A%20%20%20%20%20%20const%20btnSearchToggle%20%3D%20document.getElementById(%22btn-search-toggle%22)%3B%0A%20%20%20%20%20%20const%20inputSearch%20%3D%20document.getElementById(%22input-search%22)%3B%0A%20%20%20%20%20%20const%20genreFilters%20%3D%20document.getElementById(%22genre-filters%22)%3B%0A%20%20%20%20%20%20const%20panelCategories%20%3D%20document.getElementById(%22panel-categories%22)%3B%0A%20%20%20%20%20%20const%20btnMenuCategories%20%3D%20document.getElementById(%22btn-menu-categories%22)%3B%0A%20%20%20%20%20%20const%20mainContent%20%3D%20document.getElementById(%22main-content%22)%3B%0A%20%20%20%20%20%20const%20btnAddVideo%20%3D%20document.getElementById(%22btn-add-video%22)%3B%0A%20%20%20%20%20%20const%20modalAddVideo%20%3D%20document.getElementById(%22modal-add-video%22)%3B%0A%20%20%20%20%20%20const%20btnCloseModal%20%3D%20document.getElementById(%22btn-close-modal%22)%3B%0A%20%20%20%20%20%20const%20btnCancelAdd%20%3D%20document.getElementById(%22btn-cancel-add%22)%3B%0A%20%20%20%20%20%20const%20formAddVideo%20%3D%20document.getElementById(%22form-add-video%22)%3B%0A%20%20%20%20%20%20const%20selectGenre%20%3D%20document.getElementById(%22select-genre%22)%3B%0A%0A%20%20%20%20%20%20%2F%2F%20Initialize%20genre%20filters%20buttons%20in%20search%20bar%0A%20%20%20%20%20%20function%20renderGenreFilters()%20%7B%0A%20%20%20%20%20%20%20%20genreFilters.innerHTML%20%3D%20%22%22%3B%0A%20%20%20%20%20%20%20%20genres.forEach((genre)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20const%20btn%20%3D%20document.createElement(%22button%22)%3B%0A%20%20%20%20%20%20%20%20%20%20btn.type%20%3D%20%22button%22%3B%0A%20%20%20%20%20%20%20%20%20%20btn.textContent%20%3D%20genre%3B%0A%20%20%20%20%20%20%20%20%20%20btn.className%20%3D%0A%20%20%20%20%20%20%20%20%20%20%20%20%22px-3%20py-1%20rounded-full%20border%20border-indigo-500%20text-indigo-400%20hover%3Abg-indigo-600%20hover%3Atext-white%20transition-colors%20duration-200%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%22%3B%0A%20%20%20%20%20%20%20%20%20%20if%20(selectedGenres.has(genre))%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20btn.classList.add(%22bg-indigo-600%22%2C%20%22text-white%22)%3B%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20btn.addEventListener(%22click%22%2C%20()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20if%20(selectedGenres.has(genre))%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20selectedGenres.delete(genre)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%20else%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20selectedGenres.add(genre)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20renderGenreFilters()%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20renderVideos()%3B%0A%20%20%20%20%20%20%20%20%20%20%7D)%3B%0A%20%20%20%20%20%20%20%20%20%20genreFilters.appendChild(btn)%3B%0A%20%20%20%20%20%20%20%20%7D)%3B%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%2F%2F%20Initialize%20categories%20panel%0A%20%20%20%20%20%20function%20renderCategoriesPanel()%20%7B%0A%20%20%20%20%20%20%20%20const%20ul%20%3D%20panelCategories.querySelector(%22ul%22)%3B%0A%20%20%20%20%20%20%20%20ul.innerHTML%20%3D%20%22%22%3B%0A%20%20%20%20%20%20%20%20const%20allLi%20%3D%20document.createElement(%22li%22)%3B%0A%20%20%20%20%20%20%20%20const%20allBtn%20%3D%20document.createElement(%22button%22)%3B%0A%20%20%20%20%20%20%20%20allBtn.type%20%3D%20%22button%22%3B%0A%20%20%20%20%20%20%20%20allBtn.textContent%20%3D%20%22Toutes%22%3B%0A%20%20%20%20%20%20%20%20allBtn.className%20%3D%0A%20%20%20%20%20%20%20%20%20%20%22px-3%20py-1%20rounded-md%20hover%3Abg-indigo-600%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%22%3B%0A%20%20%20%20%20%20%20%20if%20(currentGenre%20%3D%3D%3D%20null)%20%7B%0A%20%20%20%20%20%20%20%20%20%20allBtn.classList.add(%22bg-indigo-600%22%2C%20%22text-white%22)%3B%0A%20%20%20%20%20%20%20%20%7D%20else%20%7B%0A%20%20%20%20%20%20%20%20%20%20allBtn.classList.add(%22text-gray-300%22)%3B%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20allBtn.addEventListener(%22click%22%2C%20()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20currentGenre%20%3D%20null%3B%0A%20%20%20%20%20%20%20%20%20%20renderCategoriesPanel()%3B%0A%20%20%20%20%20%20%20%20%20%20renderVideos()%3B%0A%20%20%20%20%20%20%20%20%20%20hideCategoriesPanel()%3B%0A%20%20%20%20%20%20%20%20%7D)%3B%0A%20%20%20%20%20%20%20%20allLi.appendChild(allBtn)%3B%0A%20%20%20%20%20%20%20%20ul.appendChild(allLi)%3B%0A%0A%20%20%20%20%20%20%20%20genres.forEach((genre)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20const%20li%20%3D%20document.createElement(%22li%22)%3B%0A%20%20%20%20%20%20%20%20%20%20const%20btn%20%3D%20document.createElement(%22button%22)%3B%0A%20%20%20%20%20%20%20%20%20%20btn.type%20%3D%20%22button%22%3B%0A%20%20%20%20%20%20%20%20%20%20btn.textContent%20%3D%20genre%3B%0A%20%20%20%20%20%20%20%20%20%20btn.className%20%3D%0A%20%20%20%20%20%20%20%20%20%20%20%20%22px-3%20py-1%20rounded-md%20hover%3Abg-indigo-600%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%22%3B%0A%20%20%20%20%20%20%20%20%20%20if%20(currentGenre%20%3D%3D%3D%20genre)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20btn.classList.add(%22bg-indigo-600%22%2C%20%22text-white%22)%3B%0A%20%20%20%20%20%20%20%20%20%20%7D%20else%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20btn.classList.add(%22text-gray-300%22)%3B%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20btn.addEventListener(%22click%22%2C%20()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20currentGenre%20%3D%20genre%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20renderCategoriesPanel()%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20renderVideos()%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20hideCategoriesPanel()%3B%0A%20%20%20%20%20%20%20%20%20%20%7D)%3B%0A%20%20%20%20%20%20%20%20%20%20li.appendChild(btn)%3B%0A%20%20%20%20%20%20%20%20%20%20ul.appendChild(li)%3B%0A%20%20%20%20%20%20%20%20%7D)%3B%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%2F%2F%20Show%2Fhide%20categories%20panel%0A%20%20%20%20%20%20function%20toggleCategoriesPanel()%20%7B%0A%20%20%20%20%20%20%20%20if%20(%0A%20%20%20%20%20%20%20%20%20%20panelCategories.classList.contains(%22-translate-y-full%22)%20%7C%7C%0A%20%20%20%20%20%20%20%20%20%20panelCategories.classList.contains(%22hidden%22)%0A%20%20%20%20%20%20%20%20)%20%7B%0A%20%20%20%20%20%20%20%20%20%20panelCategories.classList.remove(%22-translate-y-full%22%2C%20%22hidden%22)%3B%0A%20%20%20%20%20%20%20%20%20%20panelCategories.classList.add(%22translate-y-0%22)%3B%0A%20%20%20%20%20%20%20%20%7D%20else%20%7B%0A%20%20%20%20%20%20%20%20%20%20hideCategoriesPanel()%3B%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20function%20hideCategoriesPanel()%20%7B%0A%20%20%20%20%20%20%20%20panelCategories.classList.add(%22-translate-y-full%22)%3B%0A%20%20%20%20%20%20%20%20panelCategories.classList.remove(%22translate-y-0%22)%3B%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%2F%2F%20Show%2Fhide%20search%20bar%0A%20%20%20%20%20%20function%20toggleSearchBar()%20%7B%0A%20%20%20%20%20%20%20%20searchActive%20%3D%20!searchActive%3B%0A%20%20%20%20%20%20%20%20if%20(searchActive)%20%7B%0A%20%20%20%20%20%20%20%20%20%20inputSearch.classList.remove(%0A%20%20%20%20%20%20%20%20%20%20%20%20%22max-h-0%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22opacity-0%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22pointer-events-none%22%0A%20%20%20%20%20%20%20%20%20%20)%3B%0A%20%20%20%20%20%20%20%20%20%20inputSearch.classList.add(%22max-h-12%22%2C%20%22opacity-100%22%2C%20%22pointer-events-auto%22)%3B%0A%20%20%20%20%20%20%20%20%20%20inputSearch.focus()%3B%0A%20%20%20%20%20%20%20%20%20%20genreFilters.classList.remove(%22opacity-0%22%2C%20%22pointer-events-none%22)%3B%0A%20%20%20%20%20%20%20%20%20%20genreFilters.classList.add(%22opacity-100%22%2C%20%22pointer-events-auto%22)%3B%0A%20%20%20%20%20%20%20%20%7D%20else%20%7B%0A%20%20%20%20%20%20%20%20%20%20inputSearch.classList.add(%0A%20%20%20%20%20%20%20%20%20%20%20%20%22max-h-0%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22opacity-0%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22pointer-events-none%22%0A%20%20%20%20%20%20%20%20%20%20)%3B%0A%20%20%20%20%20%20%20%20%20%20inputSearch.classList.remove(%22max-h-12%22%2C%20%22opacity-100%22%2C%20%22pointer-events-auto%22)%3B%0A%20%20%20%20%20%20%20%20%20%20genreFilters.classList.add(%22opacity-0%22%2C%20%22pointer-events-none%22)%3B%0A%20%20%20%20%20%20%20%20%20%20genreFilters.classList.remove(%22opacity-100%22%2C%20%22pointer-events-auto%22)%3B%0A%20%20%20%20%20%20%20%20%20%20inputSearch.value%20%3D%20%22%22%3B%0A%20%20%20%20%20%20%20%20%20%20selectedGenres.clear()%3B%0A%20%20%20%20%20%20%20%20%20%20renderGenreFilters()%3B%0A%20%20%20%20%20%20%20%20%20%20renderVideos()%3B%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%2F%2F%20Render%20videos%20grid%20filtered%20by%20currentGenre%2C%20search%20text%20and%20selectedGenres%0A%20%20%20%20%20%20function%20renderVideos()%20%7B%0A%20%20%20%20%20%20%20%20mainContent.innerHTML%20%3D%20%22%22%3B%0A%20%20%20%20%20%20%20%20let%20filteredVideos%20%3D%20videos%3B%0A%0A%20%20%20%20%20%20%20%20%2F%2F%20Filter%20by%20genre%20from%20category%20panel%0A%20%20%20%20%20%20%20%20if%20(currentGenre%20!%3D%3D%20null)%20%7B%0A%20%20%20%20%20%20%20%20%20%20filteredVideos%20%3D%20filteredVideos.filter(%0A%20%20%20%20%20%20%20%20%20%20%20%20(v)%20%3D%3E%20v.genre%20%3D%3D%3D%20currentGenre%0A%20%20%20%20%20%20%20%20%20%20)%3B%0A%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20%2F%2F%20Filter%20by%20search%20text%0A%20%20%20%20%20%20%20%20const%20searchText%20%3D%20inputSearch.value.trim().toLowerCase()%3B%0A%20%20%20%20%20%20%20%20if%20(searchText.length%20%3E%200)%20%7B%0A%20%20%20%20%20%20%20%20%20%20filteredVideos%20%3D%20filteredVideos.filter(%0A%20%20%20%20%20%20%20%20%20%20%20%20(v)%20%3D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20v.title.toLowerCase().includes(searchText)%20%7C%7C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20v.description.toLowerCase().includes(searchText)%0A%20%20%20%20%20%20%20%20%20%20)%3B%0A%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20%2F%2F%20Filter%20by%20selected%20genres%20in%20search%20bar%0A%20%20%20%20%20%20%20%20if%20(selectedGenres.size%20%3E%200)%20%7B%0A%20%20%20%20%20%20%20%20%20%20filteredVideos%20%3D%20filteredVideos.filter((v)%20%3D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20selectedGenres.has(v.genre)%0A%20%20%20%20%20%20%20%20%20%20)%3B%0A%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20if%20(filteredVideos.length%20%3D%3D%3D%200)%20%7B%0A%20%20%20%20%20%20%20%20%20%20const%20noResult%20%3D%20document.createElement(%22p%22)%3B%0A%20%20%20%20%20%20%20%20%20%20noResult.textContent%20%3D%20%22Aucune%20vid%C3%A9o%20trouv%C3%A9e.%22%3B%0A%20%20%20%20%20%20%20%20%20%20noResult.className%20%3D%20%22text-center%20text-gray-400%20mt-12%20text-lg%22%3B%0A%20%20%20%20%20%20%20%20%20%20mainContent.appendChild(noResult)%3B%0A%20%20%20%20%20%20%20%20%20%20return%3B%0A%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20%2F%2F%20Grid%20container%0A%20%20%20%20%20%20%20%20const%20grid%20%3D%20document.createElement(%22div%22)%3B%0A%20%20%20%20%20%20%20%20grid.className%20%3D%0A%20%20%20%20%20%20%20%20%20%20%22grid%20grid-cols-1%20sm%3Agrid-cols-2%20md%3Agrid-cols-3%20lg%3Agrid-cols-4%20gap-6%22%3B%0A%0A%20%20%20%20%20%20%20%20filteredVideos.forEach((video)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20const%20card%20%3D%20document.createElement(%22article%22)%3B%0A%20%20%20%20%20%20%20%20%20%20card.className%20%3D%0A%20%20%20%20%20%20%20%20%20%20%20%20%22bg-gray-800%20rounded-lg%20shadow-md%20overflow-hidden%20flex%20flex-col%22%3B%0A%0A%20%20%20%20%20%20%20%20%20%20%2F%2F%20Video%20iframe%20container%0A%20%20%20%20%20%20%20%20%20%20const%20iframeWrapper%20%3D%20document.createElement(%22div%22)%3B%0A%20%20%20%20%20%20%20%20%20%20iframeWrapper.className%20%3D%20%22w-full%20aspect-video%20bg-black%22%3B%0A%20%20%20%20%20%20%20%20%20%20iframeWrapper.innerHTML%20%3D%20video.iframe%3B%0A%20%20%20%20%20%20%20%20%20%20card.appendChild(iframeWrapper)%3B%0A%0A%20%20%20%20%20%20%20%20%20%20%2F%2F%20Content%20container%0A%20%20%20%20%20%20%20%20%20%20const%20content%20%3D%20document.createElement(%22div%22)%3B%0A%20%20%20%20%20%20%20%20%20%20content.className%20%3D%20%22p-4%20flex%20flex-col%20flex-1%22%3B%0A%0A%20%20%20%20%20%20%20%20%20%20%2F%2F%20Title%0A%20%20%20%20%20%20%20%20%20%20const%20title%20%3D%20document.createElement(%22h3%22)%3B%0A%20%20%20%20%20%20%20%20%20%20title.className%20%3D%0A%20%20%20%20%20%20%20%20%20%20%20%20%22text-lg%20font-semibold%20text-indigo-400%20truncate%20select-text%22%3B%0A%20%20%20%20%20%20%20%20%20%20title.textContent%20%3D%20video.title%3B%0A%20%20%20%20%20%20%20%20%20%20content.appendChild(title)%3B%0A%0A%20%20%20%20%20%20%20%20%20%20%2F%2F%20Description%0A%20%20%20%20%20%20%20%20%20%20const%20desc%20%3D%20document.createElement(%22p%22)%3B%0A%20%20%20%20%20%20%20%20%20%20desc.className%20%3D%0A%20%20%20%20%20%20%20%20%20%20%20%20%22text-gray-300%20mt-1%20text-sm%20line-clamp-3%20select-text%22%3B%0A%20%20%20%20%20%20%20%20%20%20desc.textContent%20%3D%20video.description%3B%0A%20%20%20%20%20%20%20%20%20%20content.appendChild(desc)%3B%0A%0A%20%20%20%20%20%20%20%20%20%20%2F%2F%20Genre%20badge%0A%20%20%20%20%20%20%20%20%20%20const%20genreBadge%20%3D%20document.createElement(%22span%22)%3B%0A%20%20%20%20%20%20%20%20%20%20genreBadge.className%20%3D%0A%20%20%20%20%20%20%20%20%20%20%20%20%22mt-auto%20inline-block%20bg-indigo-600%20text-indigo-100%20text-xs%20font-semibold%20px-2%20py-0.5%20rounded-full%20select-text%22%3B%0A%20%20%20%20%20%20%20%20%20%20genreBadge.textContent%20%3D%20video.genre%3B%0A%20%20%20%20%20%20%20%20%20%20content.appendChild(genreBadge)%3B%0A%0A%20%20%20%20%20%20%20%20%20%20card.appendChild(content)%3B%0A%20%20%20%20%20%20%20%20%20%20grid.appendChild(card)%3B%0A%20%20%20%20%20%20%20%20%7D)%3B%0A%0A%20%20%20%20%20%20%20%20mainContent.appendChild(grid)%3B%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%2F%2F%20Render%20options%20in%20add%20video%20form%20genre%20select%0A%20%20%20%20%20%20function%20renderGenreOptions()%20%7B%0A%20%20%20%20%20%20%20%20selectGenre.innerHTML%20%3D%20%22%22%3B%0A%20%20%20%20%20%20%20%20genres.forEach((genre)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20const%20option%20%3D%20document.createElement(%22option%22)%3B%0A%20%20%20%20%20%20%20%20%20%20option.value%20%3D%20genre%3B%0A%20%20%20%20%20%20%20%20%20%20option.textContent%20%3D%20genre%3B%0A%20%20%20%20%20%20%20%20%20%20selectGenre.appendChild(option)%3B%0A%20%20%20%20%20%20%20%20%7D)%3B%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%2F%2F%20Open%20modal%0A%20%20%20%20%20%20function%20openModal()%20%7B%0A%20%20%20%20%20%20%20%20modalAddVideo.classList.remove(%22opacity-0%22%2C%20%22pointer-events-none%22)%3B%0A%20%20%20%20%20%20%20%20modalAddVideo.classList.add(%22opacity-100%22)%3B%0A%20%20%20%20%20%20%20%20%2F%2F%20Reset%20form%0A%20%20%20%20%20%20%20%20formAddVideo.reset()%3B%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%2F%2F%20Close%20modal%0A%20%20%20%20%20%20function%20closeModal()%20%7B%0A%20%20%20%20%20%20%20%20modalAddVideo.classList.add(%22opacity-0%22%2C%20%22pointer-events-none%22)%3B%0A%20%20%20%20%20%20%20%20modalAddVideo.classList.remove(%22opacity-100%22)%3B%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%2F%2F%20Modify%20the%20form%20submit%20handler%20to%20save%20to%20database%0A%20%20%20%20%20%20formAddVideo.addEventListener(%22submit%22%2C%20async%20(e)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20e.preventDefault()%3B%0A%20%20%20%20%20%20%20%20const%20iframeRaw%20%3D%20formAddVideo.iframe.value.trim()%3B%0A%20%20%20%20%20%20%20%20const%20title%20%3D%20formAddVideo.title.value.trim()%3B%0A%20%20%20%20%20%20%20%20const%20description%20%3D%20formAddVideo.description.value.trim()%3B%0A%20%20%20%20%20%20%20%20const%20genre%20%3D%20formAddVideo.genre.value%3B%0A%0A%20%20%20%20%20%20%20%20%2F%2F%20Validate%20iframe%20tag%20(basic)%0A%20%20%20%20%20%20%20%20if%20(!iframeRaw.startsWith(%22%3Ciframe%22)%20%7C%7C%20!iframeRaw.includes(%22src%3D%22))%20%7B%0A%20%20%20%20%20%20%20%20%20%20alert(%22Veuillez%20ins%C3%A9rer%20une%20balise%20iframe%20valide%20contenant%20un%20attribut%20src.%22)%3B%0A%20%20%20%20%20%20%20%20%20%20return%3B%0A%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20%2F%2F%20Add%20class%20to%20iframe%20for%20styling%0A%20%20%20%20%20%20%20%20let%20iframeWithClass%20%3D%20iframeRaw%3B%0A%20%20%20%20%20%20%20%20if%20(!iframeRaw.includes(%22class%3D%22))%20%7B%0A%20%20%20%20%20%20%20%20%20%20iframeWithClass%20%3D%20iframeRaw.replace(%0A%20%20%20%20%20%20%20%20%20%20%20%20%22%3Ciframe%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20'%3Ciframe%20class%3D%22w-full%20h-48%20sm%3Ah-56%20rounded-md%22'%0A%20%20%20%20%20%20%20%20%20%20)%3B%0A%20%20%20%20%20%20%20%20%7D%20else%20%7B%0A%20%20%20%20%20%20%20%20%20%20iframeWithClass%20%3D%20iframeRaw.replace(%0A%20%20%20%20%20%20%20%20%20%20%20%20%2Fclass%3D%22(%5B%5E%22%5D*)%22%2F%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20(match%2C%20p1)%20%3D%3E%20%60class%3D%22%24%7Bp1%7D%20w-full%20h-48%20sm%3Ah-56%20rounded-md%22%60%0A%20%20%20%20%20%20%20%20%20%20)%3B%0A%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20try%20%7B%0A%20%20%20%20%20%20%20%20%20%20const%20formData%20%3D%20new%20FormData()%3B%0A%20%20%20%20%20%20%20%20%20%20formData.append('iframe'%2C%20iframeWithClass)%3B%0A%20%20%20%20%20%20%20%20%20%20formData.append('title'%2C%20title)%3B%0A%20%20%20%20%20%20%20%20%20%20formData.append('description'%2C%20description)%3B%0A%20%20%20%20%20%20%20%20%20%20formData.append('genre'%2C%20genre)%3B%0A%0A%20%20%20%20%20%20%20%20%20%20const%20response%20%3D%20await%20fetch('save_video.php'%2C%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20method%3A%20'POST'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20body%3A%20formData%0A%20%20%20%20%20%20%20%20%20%20%7D)%3B%0A%0A%20%20%20%20%20%20%20%20%20%20if%20(!response.ok)%20throw%20new%20Error('Error%20saving%20video')%3B%0A%0A%20%20%20%20%20%20%20%20%20%20%2F%2F%20Reload%20videos%20from%20database%0A%20%20%20%20%20%20%20%20%20%20await%20loadVideos()%3B%0A%20%20%20%20%20%20%20%20%20%20%0A%20%20%20%20%20%20%20%20%20%20%2F%2F%20If%20current%20genre%20filter%20is%20active%20and%20different%2C%20switch%20to%20it%20to%20show%20new%20video%0A%20%20%20%20%20%20%20%20%20%20if%20(currentGenre%20!%3D%3D%20genre)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20currentGenre%20%3D%20genre%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20renderCategoriesPanel()%3B%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20%20%20closeModal()%3B%0A%20%20%20%20%20%20%20%20%7D%20catch%20(error)%20%7B%0A%20%20%20%20%20%20%20%20%20%20console.error('Error%3A'%2C%20error)%3B%0A%20%20%20%20%20%20%20%20%20%20alert(%22Une%20erreur%20s'est%20produite%20lors%20de%20l'ajout%20de%20la%20vid%C3%A9o%22)%3B%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D)%3B%0A%0A%20%20%20%20%20%20%2F%2F%20Event%20listeners%0A%20%20%20%20%20%20btnSearchToggle.addEventListener(%22click%22%2C%20()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20toggleSearchBar()%3B%0A%20%20%20%20%20%20%20%20hideCategoriesPanel()%3B%0A%20%20%20%20%20%20%7D)%3B%0A%0A%20%20%20%20%20%20btnMenuCategories.addEventListener(%22click%22%2C%20()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20toggleCategoriesPanel()%3B%0A%20%20%20%20%20%20%20%20%2F%2F%20Close%20search%20bar%20if%20open%0A%20%20%20%20%20%20%20%20if%20(searchActive)%20%7B%0A%20%20%20%20%20%20%20%20%20%20toggleSearchBar()%3B%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D)%3B%0A%0A%20%20%20%20%20%20btnAddVideo.addEventListener(%22click%22%2C%20()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20openModal()%3B%0A%20%20%20%20%20%20%20%20hideCategoriesPanel()%3B%0A%20%20%20%20%20%20%20%20if%20(searchActive)%20%7B%0A%20%20%20%20%20%20%20%20%20%20toggleSearchBar()%3B%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D)%3B%0A%0A%20%20%20%20%20%20btnCloseModal.addEventListener(%22click%22%2C%20closeModal)%3B%0A%20%20%20%20%20%20btnCancelAdd.addEventListener(%22click%22%2C%20closeModal)%3B%0A%0A%20%20%20%20%20%20%2F%2F%20Close%20categories%20panel%20if%20click%20outside%0A%20%20%20%20%20%20document.addEventListener(%22click%22%2C%20(e)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20if%20(%0A%20%20%20%20%20%20%20%20%20%20!panelCategories.contains(e.target)%20%26%26%0A%20%20%20%20%20%20%20%20%20%20!btnMenuCategories.contains(e.target)%0A%20%20%20%20%20%20%20%20)%20%7B%0A%20%20%20%20%20%20%20%20%20%20hideCategoriesPanel()%3B%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D)%3B%0A%0A%20%20%20%20%20%20%2F%2F%20Close%20search%20bar%20if%20click%20outside%20input%20or%20search%20button%20or%20genre%20filters%0A%20%20%20%20%20%20document.addEventListener(%22click%22%2C%20(e)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20if%20(%0A%20%20%20%20%20%20%20%20%20%20searchActive%20%26%26%0A%20%20%20%20%20%20%20%20%20%20!inputSearch.contains(e.target)%20%26%26%0A%20%20%20%20%20%20%20%20%20%20!btnSearchToggle.contains(e.target)%20%26%26%0A%20%20%20%20%20%20%20%20%20%20!genreFilters.contains(e.target)%0A%20%20%20%20%20%20%20%20)%20%7B%0A%20%20%20%20%20%20%20%20%20%20toggleSearchBar()%3B%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D)%3B%0A%0A%20%20%20%20%20%20%2F%2F%20On%20input%20search%20change%2C%20update%20videos%0A%20%20%20%20%20%20inputSearch.addEventListener(%22input%22%2C%20()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20renderVideos()%3B%0A%20%20%20%20%20%20%7D)%3B%0A%0A%20%20%20%20%20%20%2F%2F%20Initial%20render%0A%20%20%20%20%20%20renderGenreFilters()%3B%0A%20%20%20%20%20%20renderCategoriesPanel()%3B%0A%20%20%20%20%20%20renderGenreOptions()%3B%0A%20%20%20%20%20%20loadVideos()%3B%0A%0A%20%20%20%20%20%20%2F%2F%20Mobile%20app-like%20style%20on%20small%20screens%0A%20%20%20%20%20%20function%20applyMobileAppStyle()%20%7B%0A%20%20%20%20%20%20%20%20if%20(window.innerWidth%20%3C%20640)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%2F%2F%20Add%20bottom%20nav%20bar%20for%20mobile%20app%20feel%0A%20%20%20%20%20%20%20%20%20%20if%20(!document.getElementById(%22mobile-bottom-nav%22))%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20const%20bottomNav%20%3D%20document.createElement(%22nav%22)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20bottomNav.id%20%3D%20%22mobile-bottom-nav%22%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20bottomNav.className%20%3D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22fixed%20bottom-0%20left-0%20right-0%20bg-gray-800%20border-t%20border-gray-700%20flex%20justify-around%20items-center%20h-14%20z-50%20sm%3Ahidden%22%3B%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%2F%20Home%20button%0A%20%20%20%20%20%20%20%20%20%20%20%20const%20btnHome%20%3D%20document.createElement(%22button%22)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20btnHome.type%20%3D%20%22button%22%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20btnHome.title%20%3D%20%22Accueil%22%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20btnHome.className%20%3D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22flex%20flex-col%20items-center%20justify-center%20text-gray-400%20hover%3Atext-indigo-400%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%22%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20btnHome.innerHTML%20%3D%20'%3Ci%20class%3D%22fas%20fa-home%20text-lg%22%3E%3C%2Fi%3E%3Cspan%20class%3D%22text-xs%22%3EAccueil%3C%2Fspan%3E'%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20btnHome.addEventListener(%22click%22%2C%20()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20currentGenre%20%3D%20null%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20renderCategoriesPanel()%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20renderVideos()%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20hideCategoriesPanel()%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20bottomNav.appendChild(btnHome)%3B%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%2F%20Categories%20button%0A%20%20%20%20%20%20%20%20%20%20%20%20const%20btnCat%20%3D%20document.createElement(%22button%22)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20btnCat.type%20%3D%20%22button%22%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20btnCat.title%20%3D%20%22Cat%C3%A9gories%22%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20btnCat.className%20%3D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22flex%20flex-col%20items-center%20justify-center%20text-gray-400%20hover%3Atext-indigo-400%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%22%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20btnCat.innerHTML%20%3D%20'%3Ci%20class%3D%22fas%20fa-th-large%20text-lg%22%3E%3C%2Fi%3E%3Cspan%20class%3D%22text-xs%22%3ECat%C3%A9gories%3C%2Fspan%3E'%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20btnCat.addEventListener(%22click%22%2C%20()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20toggleCategoriesPanel()%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20if%20(searchActive)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20toggleSearchBar()%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20bottomNav.appendChild(btnCat)%3B%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%2F%20Search%20button%0A%20%20%20%20%20%20%20%20%20%20%20%20const%20btnSearch%20%3D%20document.createElement(%22button%22)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20btnSearch.type%20%3D%20%22button%22%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20btnSearch.title%20%3D%20%22Recherche%22%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20btnSearch.className%20%3D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22flex%20flex-col%20items-center%20justify-center%20text-gray-400%20hover%3Atext-indigo-400%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%22%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20btnSearch.innerHTML%20%3D%20'%3Ci%20class%3D%22fas%20fa-search%20text-lg%22%3E%3C%2Fi%3E%3Cspan%20class%3D%22text-xs%22%3ERecherche%3C%2Fspan%3E'%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20btnSearch.addEventListener(%22click%22%2C%20()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20toggleSearchBar()%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20hideCategoriesPanel()%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20bottomNav.appendChild(btnSearch)%3B%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%2F%20Add%20video%20button%0A%20%20%20%20%20%20%20%20%20%20%20%20const%20btnAdd%20%3D%20document.createElement(%22button%22)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20btnAdd.type%20%3D%20%22button%22%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20btnAdd.title%20%3D%20%22Ajouter%22%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20btnAdd.className%20%3D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22flex%20flex-col%20items-center%20justify-center%20text-gray-400%20hover%3Atext-indigo-400%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%22%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20btnAdd.innerHTML%20%3D%20'%3Ci%20class%3D%22fas%20fa-plus%20text-lg%22%3E%3C%2Fi%3E%3Cspan%20class%3D%22text-xs%22%3EAjouter%3C%2Fspan%3E'%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20btnAdd.addEventListener(%22click%22%2C%20()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20openModal()%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20hideCategoriesPanel()%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20if%20(searchActive)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20toggleSearchBar()%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20bottomNav.appendChild(btnAdd)%3B%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20document.body.appendChild(bottomNav)%3B%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%2F%20Add%20bottom%20padding%20to%20main%20content%20to%20avoid%20overlap%0A%20%20%20%20%20%20%20%20%20%20%20%20mainContent.style.paddingBottom%20%3D%20%225rem%22%3B%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%7D%20else%20%7B%0A%20%20%20%20%20%20%20%20%20%20%2F%2F%20Remove%20mobile%20bottom%20nav%20if%20exists%0A%20%20%20%20%20%20%20%20%20%20const%20bottomNav%20%3D%20document.getElementById(%22mobile-bottom-nav%22)%3B%0A%20%20%20%20%20%20%20%20%20%20if%20(bottomNav)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20bottomNav.remove()%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20mainContent.style.paddingBottom%20%3D%20%22%22%3B%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20window.addEventListener(%22resize%22%2C%20applyMobileAppStyle)%3B%0A%20%20%20%20%20%20applyMobileAppStyle()%3B%0A%20%20%20%20%7D)%3B%0A%20%20%3C%2Fscript%3E%0A%0A%3Cnav%20id%3D%22mobile-bottom-nav%22%20class%3D%22fixed%20bottom-0%20left-0%20right-0%20bg-gray-800%20border-t%20border-gray-700%20flex%20justify-around%20items-center%20h-14%20z-50%20sm%3Ahidden%22%3E%3Cbutton%20type%3D%22button%22%20title%3D%22Accueil%22%20class%3D%22flex%20flex-col%20items-center%20justify-center%20text-gray-400%20hover%3Atext-indigo-400%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%22%3E%3Ci%20class%3D%22fas%20fa-home%20text-lg%22%3E%3C%2Fi%3E%3Cspan%20class%3D%22text-xs%22%3EAccueil%3C%2Fspan%3E%3C%2Fbutton%3E%3Cbutton%20type%3D%22button%22%20title%3D%22Cat%C3%A9gories%22%20class%3D%22flex%20flex-col%20items-center%20justify-center%20text-gray-400%20hover%3Atext-indigo-400%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%22%3E%3Ci%20class%3D%22fas%20fa-th-large%20text-lg%22%3E%3C%2Fi%3E%3Cspan%20class%3D%22text-xs%22%3ECat%C3%A9gories%3C%2Fspan%3E%3C%2Fbutton%3E%3Cbutton%20type%3D%22button%22%20title%3D%22Recherche%22%20class%3D%22flex%20flex-col%20items-center%20justify-center%20text-gray-400%20hover%3Atext-indigo-400%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%22%3E%3Ci%20class%3D%22fas%20fa-search%20text-lg%22%3E%3C%2Fi%3E%3Cspan%20class%3D%22text-xs%22%3ERecherche%3C%2Fspan%3E%3C%2Fbutton%3E%3Cbutton%20type%3D%22button%22%20title%3D%22Ajouter%22%20class%3D%22flex%20flex-col%20items-center%20justify-center%20text-gray-400%20hover%3Atext-indigo-400%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%22%3E%3Ci%20class%3D%22fas%20fa-plus%20text-lg%22%3E%3C%2Fi%3E%3Cspan%20class%3D%22text-xs%22%3EAjouter%3C%2Fspan%3E%3C%2Fbutton%3E%3C%2Fnav%3E%3C%2Fbody%3E%3C%2Fhtml%3EArray ( [content] => Plateforme de Streaming Vidéo

s

StreamVidéo

one piece

episode 1034

Action

Comment Battre La PRISON BRUTALE dans La Plateforme 2

Imaginez la pire sensation de faim que vous ayez jamais ressentie. Vous êtes piégé dans une prison verticale de 300 étages où, chaque jour, une plateforme descend avec de la nourriture, mais les prisonniers du haut ont toujours la primeur et ceux du bas doivent se débrouiller seuls.

Action

Comment Battre La PRISON BRUTALE dans La Plateforme 2

Imaginez la pire sensation de faim que vous ayez jamais ressentie. Vous êtes piégé dans une prison verticale de 300 étages où, chaque jour, une plateforme descend avec de la nourriture, mais les prisonniers du haut ont toujours la primeur et ceux du bas doivent se débrouiller seuls.

Action

ttttttttttt

ttttttttttttt

Action
) INPUT: content=%3C!DOCTYPE%20html%3E%0A%3Chtml%20lang%3D%22fr%22%20class%3D%22scroll-smooth%22%3E%3Chead%3E%0A%20%20%3Cmeta%20charset%3D%22UTF-8%22%3E%0A%20%20%3Cmeta%20name%3D%22viewport%22%20content%3D%22width%3Ddevice-width%2C%20initial-scale%3D1%22%3E%0A%20%20%3Cmeta%20http-equiv%3D%22Content-Security-Policy%22%20content%3D%22upgrade-insecure-requests%22%3E%0A%20%20%3Ctitle%3EPlateforme%20de%20Streaming%20Vid%C3%A9o%3C%2Ftitle%3E%0A%20%20%3Cscript%20src%3D%22https%3A%2F%2Fcdn.tailwindcss.com%22%3E%3C%2Fscript%3E%0A%20%20%3Clink%20rel%3D%22stylesheet%22%20href%3D%22https%3A%2F%2Fcdnjs.cloudflare.com%2Fajax%2Flibs%2Ffont-awesome%2F5.15.3%2Fcss%2Fall.min.css%22%3E%0A%20%20%3Clink%20href%3D%22https%3A%2F%2Ffonts.googleapis.com%2Fcss2%3Ffamily%3DRoboto%3Awght%40400%3B700%26amp%3Bdisplay%3Dswap%22%20rel%3D%22stylesheet%22%3E%0A%20%20%3Cstyle%3E%0A%20%20%20%20body%20%7B%0A%20%20%20%20%20%20font-family%3A%20'Roboto'%2C%20sans-serif%3B%0A%20%20%20%20%7D%0A%20%20%20%20.scrollbar-thin%3A%3A-webkit-scrollbar%20%7B%0A%20%20%20%20%20%20height%3A%206px%3B%0A%20%20%20%20%7D%0A%20%20%20%20.scrollbar-thin%3A%3A-webkit-scrollbar-thumb%20%7B%0A%20%20%20%20%20%20background-color%3A%20%23a0aec0%3B%0A%20%20%20%20%20%20border-radius%3A%203px%3B%0A%20%20%20%20%7D%0A%20%20%3C%2Fstyle%3E%0A%20%20%3Cstyle%3E*%2C%20%3A%3Abefore%2C%20%3A%3Aafter%7B--tw-border-spacing-x%3A0%3B--tw-border-spacing-y%3A0%3B--tw-translate-x%3A0%3B--tw-translate-y%3A0%3B--tw-rotate%3A0%3B--tw-skew-x%3A0%3B--tw-skew-y%3A0%3B--tw-scale-x%3A1%3B--tw-scale-y%3A1%3B--tw-pan-x%3A%20%3B--tw-pan-y%3A%20%3B--tw-pinch-zoom%3A%20%3B--tw-scroll-snap-strictness%3Aproximity%3B--tw-gradient-from-position%3A%20%3B--tw-gradient-via-position%3A%20%3B--tw-gradient-to-position%3A%20%3B--tw-ordinal%3A%20%3B--tw-slashed-zero%3A%20%3B--tw-numeric-figure%3A%20%3B--tw-numeric-spacing%3A%20%3B--tw-numeric-fraction%3A%20%3B--tw-ring-inset%3A%20%3B--tw-ring-offset-width%3A0px%3B--tw-ring-offset-color%3A%23fff%3B--tw-ring-color%3Argb(59%20130%20246%20%2F%200.5)%3B--tw-ring-offset-shadow%3A0%200%20%230000%3B--tw-ring-shadow%3A0%200%20%230000%3B--tw-shadow%3A0%200%20%230000%3B--tw-shadow-colored%3A0%200%20%230000%3B--tw-blur%3A%20%3B--tw-brightness%3A%20%3B--tw-contrast%3A%20%3B--tw-grayscale%3A%20%3B--tw-hue-rotate%3A%20%3B--tw-invert%3A%20%3B--tw-saturate%3A%20%3B--tw-sepia%3A%20%3B--tw-drop-shadow%3A%20%3B--tw-backdrop-blur%3A%20%3B--tw-backdrop-brightness%3A%20%3B--tw-backdrop-contrast%3A%20%3B--tw-backdrop-grayscale%3A%20%3B--tw-backdrop-hue-rotate%3A%20%3B--tw-backdrop-invert%3A%20%3B--tw-backdrop-opacity%3A%20%3B--tw-backdrop-saturate%3A%20%3B--tw-backdrop-sepia%3A%20%3B--tw-contain-size%3A%20%3B--tw-contain-layout%3A%20%3B--tw-contain-paint%3A%20%3B--tw-contain-style%3A%20%7D%3A%3Abackdrop%7B--tw-border-spacing-x%3A0%3B--tw-border-spacing-y%3A0%3B--tw-translate-x%3A0%3B--tw-translate-y%3A0%3B--tw-rotate%3A0%3B--tw-skew-x%3A0%3B--tw-skew-y%3A0%3B--tw-scale-x%3A1%3B--tw-scale-y%3A1%3B--tw-pan-x%3A%20%3B--tw-pan-y%3A%20%3B--tw-pinch-zoom%3A%20%3B--tw-scroll-snap-strictness%3Aproximity%3B--tw-gradient-from-position%3A%20%3B--tw-gradient-via-position%3A%20%3B--tw-gradient-to-position%3A%20%3B--tw-ordinal%3A%20%3B--tw-slashed-zero%3A%20%3B--tw-numeric-figure%3A%20%3B--tw-numeric-spacing%3A%20%3B--tw-numeric-fraction%3A%20%3B--tw-ring-inset%3A%20%3B--tw-ring-offset-width%3A0px%3B--tw-ring-offset-color%3A%23fff%3B--tw-ring-color%3Argb(59%20130%20246%20%2F%200.5)%3B--tw-ring-offset-shadow%3A0%200%20%230000%3B--tw-ring-shadow%3A0%200%20%230000%3B--tw-shadow%3A0%200%20%230000%3B--tw-shadow-colored%3A0%200%20%230000%3B--tw-blur%3A%20%3B--tw-brightness%3A%20%3B--tw-contrast%3A%20%3B--tw-grayscale%3A%20%3B--tw-hue-rotate%3A%20%3B--tw-invert%3A%20%3B--tw-saturate%3A%20%3B--tw-sepia%3A%20%3B--tw-drop-shadow%3A%20%3B--tw-backdrop-blur%3A%20%3B--tw-backdrop-brightness%3A%20%3B--tw-backdrop-contrast%3A%20%3B--tw-backdrop-grayscale%3A%20%3B--tw-backdrop-hue-rotate%3A%20%3B--tw-backdrop-invert%3A%20%3B--tw-backdrop-opacity%3A%20%3B--tw-backdrop-saturate%3A%20%3B--tw-backdrop-sepia%3A%20%3B--tw-contain-size%3A%20%3B--tw-contain-layout%3A%20%3B--tw-contain-paint%3A%20%3B--tw-contain-style%3A%20%7D%2F*%20!%20tailwindcss%20v3.4.16%20%7C%20MIT%20License%20%7C%20https%3A%2F%2Ftailwindcss.com%20*%2F*%2C%3A%3Aafter%2C%3A%3Abefore%7Bbox-sizing%3Aborder-box%3Bborder-width%3A0%3Bborder-style%3Asolid%3Bborder-color%3A%23e5e7eb%7D%3A%3Aafter%2C%3A%3Abefore%7B--tw-content%3A''%7D%3Ahost%2Chtml%7Bline-height%3A1.5%3B-webkit-text-size-adjust%3A100%25%3B-moz-tab-size%3A4%3Btab-size%3A4%3Bfont-family%3Aui-sans-serif%2C%20system-ui%2C%20sans-serif%2C%20%22Apple%20Color%20Emoji%22%2C%20%22Segoe%20UI%20Emoji%22%2C%20%22Segoe%20UI%20Symbol%22%2C%20%22Noto%20Color%20Emoji%22%3Bfont-feature-settings%3Anormal%3Bfont-variation-settings%3Anormal%3B-webkit-tap-highlight-color%3Atransparent%7Dbody%7Bmargin%3A0%3Bline-height%3Ainherit%7Dhr%7Bheight%3A0%3Bcolor%3Ainherit%3Bborder-top-width%3A1px%7Dabbr%3Awhere(%5Btitle%5D)%7B-webkit-text-decoration%3Aunderline%20dotted%3Btext-decoration%3Aunderline%20dotted%7Dh1%2Ch2%2Ch3%2Ch4%2Ch5%2Ch6%7Bfont-size%3Ainherit%3Bfont-weight%3Ainherit%7Da%7Bcolor%3Ainherit%3Btext-decoration%3Ainherit%7Db%2Cstrong%7Bfont-weight%3Abolder%7Dcode%2Ckbd%2Cpre%2Csamp%7Bfont-family%3Aui-monospace%2C%20SFMono-Regular%2C%20Menlo%2C%20Monaco%2C%20Consolas%2C%20%22Liberation%20Mono%22%2C%20%22Courier%20New%22%2C%20monospace%3Bfont-feature-settings%3Anormal%3Bfont-variation-settings%3Anormal%3Bfont-size%3A1em%7Dsmall%7Bfont-size%3A80%25%7Dsub%2Csup%7Bfont-size%3A75%25%3Bline-height%3A0%3Bposition%3Arelative%3Bvertical-align%3Abaseline%7Dsub%7Bbottom%3A-.25em%7Dsup%7Btop%3A-.5em%7Dtable%7Btext-indent%3A0%3Bborder-color%3Ainherit%3Bborder-collapse%3Acollapse%7Dbutton%2Cinput%2Coptgroup%2Cselect%2Ctextarea%7Bfont-family%3Ainherit%3Bfont-feature-settings%3Ainherit%3Bfont-variation-settings%3Ainherit%3Bfont-size%3A100%25%3Bfont-weight%3Ainherit%3Bline-height%3Ainherit%3Bletter-spacing%3Ainherit%3Bcolor%3Ainherit%3Bmargin%3A0%3Bpadding%3A0%7Dbutton%2Cselect%7Btext-transform%3Anone%7Dbutton%2Cinput%3Awhere(%5Btype%3Dbutton%5D)%2Cinput%3Awhere(%5Btype%3Dreset%5D)%2Cinput%3Awhere(%5Btype%3Dsubmit%5D)%7B-webkit-appearance%3Abutton%3Bbackground-color%3Atransparent%3Bbackground-image%3Anone%7D%3A-moz-focusring%7Boutline%3Aauto%7D%3A-moz-ui-invalid%7Bbox-shadow%3Anone%7Dprogress%7Bvertical-align%3Abaseline%7D%3A%3A-webkit-inner-spin-button%2C%3A%3A-webkit-outer-spin-button%7Bheight%3Aauto%7D%5Btype%3Dsearch%5D%7B-webkit-appearance%3Atextfield%3Boutline-offset%3A-2px%7D%3A%3A-webkit-search-decoration%7B-webkit-appearance%3Anone%7D%3A%3A-webkit-file-upload-button%7B-webkit-appearance%3Abutton%3Bfont%3Ainherit%7Dsummary%7Bdisplay%3Alist-item%7Dblockquote%2Cdd%2Cdl%2Cfigure%2Ch1%2Ch2%2Ch3%2Ch4%2Ch5%2Ch6%2Chr%2Cp%2Cpre%7Bmargin%3A0%7Dfieldset%7Bmargin%3A0%3Bpadding%3A0%7Dlegend%7Bpadding%3A0%7Dmenu%2Col%2Cul%7Blist-style%3Anone%3Bmargin%3A0%3Bpadding%3A0%7Ddialog%7Bpadding%3A0%7Dtextarea%7Bresize%3Avertical%7Dinput%3A%3Aplaceholder%2Ctextarea%3A%3Aplaceholder%7Bopacity%3A1%3Bcolor%3A%239ca3af%7D%5Brole%3Dbutton%5D%2Cbutton%7Bcursor%3Apointer%7D%3Adisabled%7Bcursor%3Adefault%7Daudio%2Ccanvas%2Cembed%2Ciframe%2Cimg%2Cobject%2Csvg%2Cvideo%7Bdisplay%3Ablock%3Bvertical-align%3Amiddle%7Dimg%2Cvideo%7Bmax-width%3A100%25%3Bheight%3Aauto%7D%5Bhidden%5D%3Awhere(%3Anot(%5Bhidden%3Duntil-found%5D))%7Bdisplay%3Anone%7D.pointer-events-none%7Bpointer-events%3Anone%7D.fixed%7Bposition%3Afixed%7D.absolute%7Bposition%3Aabsolute%7D.relative%7Bposition%3Arelative%7D.inset-0%7Binset%3A0px%7D.left-0%7Bleft%3A0px%7D.left-2%7Bleft%3A0.5rem%7D.right-0%7Bright%3A0px%7D.right-3%7Bright%3A0.75rem%7D.top-0%7Btop%3A0px%7D.top-1%5C%2F2%7Btop%3A50%25%7D.top-16%7Btop%3A4rem%7D.top-3%7Btop%3A0.75rem%7D.top-full%7Btop%3A100%25%7D.bottom-0%7Bbottom%3A0px%7D.z-20%7Bz-index%3A20%7D.z-40%7Bz-index%3A40%7D.z-50%7Bz-index%3A50%7D.mx-4%7Bmargin-left%3A1rem%3Bmargin-right%3A1rem%7D.mx-auto%7Bmargin-left%3Aauto%3Bmargin-right%3Aauto%7D.mb-1%7Bmargin-bottom%3A0.25rem%7D.mb-4%7Bmargin-bottom%3A1rem%7D.mt-1%7Bmargin-top%3A0.25rem%7D.mt-auto%7Bmargin-top%3Aauto%7D.line-clamp-3%7Boverflow%3Ahidden%3Bdisplay%3A-webkit-box%3B-webkit-box-orient%3Avertical%3B-webkit-line-clamp%3A3%7D.block%7Bdisplay%3Ablock%7D.inline-block%7Bdisplay%3Ainline-block%7D.flex%7Bdisplay%3Aflex%7D.grid%7Bdisplay%3Agrid%7D.hidden%7Bdisplay%3Anone%7D.aspect-video%7Baspect-ratio%3A16%20%2F%209%7D.h-16%7Bheight%3A4rem%7D.h-14%7Bheight%3A3.5rem%7D.h-48%7Bheight%3A12rem%7D.max-h-0%7Bmax-height%3A0px%7D.max-h-48%7Bmax-height%3A12rem%7D.max-h-60%7Bmax-height%3A15rem%7D.min-h-screen%7Bmin-height%3A100vh%7D.w-full%7Bwidth%3A100%25%7D.max-w-7xl%7Bmax-width%3A80rem%7D.max-w-lg%7Bmax-width%3A32rem%7D.max-w-xl%7Bmax-width%3A36rem%7D.flex-1%7Bflex%3A1%201%200%25%7D.-translate-y-1%5C%2F2%7B--tw-translate-y%3A-50%25%3Btransform%3Atranslate(var(--tw-translate-x)%2C%20var(--tw-translate-y))%20rotate(var(--tw-rotate))%20skewX(var(--tw-skew-x))%20skewY(var(--tw-skew-y))%20scaleX(var(--tw-scale-x))%20scaleY(var(--tw-scale-y))%7D.-translate-y-full%7B--tw-translate-y%3A-100%25%3Btransform%3Atranslate(var(--tw-translate-x)%2C%20var(--tw-translate-y))%20rotate(var(--tw-rotate))%20skewX(var(--tw-skew-x))%20skewY(var(--tw-skew-y))%20scaleX(var(--tw-scale-x))%20scaleY(var(--tw-scale-y))%7D.transform%7Btransform%3Atranslate(var(--tw-translate-x)%2C%20var(--tw-translate-y))%20rotate(var(--tw-rotate))%20skewX(var(--tw-skew-x))%20skewY(var(--tw-skew-y))%20scaleX(var(--tw-scale-x))%20scaleY(var(--tw-scale-y))%7D.select-none%7B-webkit-user-select%3Anone%3Buser-select%3Anone%7D.select-text%7B-webkit-user-select%3Atext%3Buser-select%3Atext%7D.resize-y%7Bresize%3Avertical%7D.grid-cols-1%7Bgrid-template-columns%3Arepeat(1%2C%20minmax(0%2C%201fr))%7D.flex-col%7Bflex-direction%3Acolumn%7D.flex-wrap%7Bflex-wrap%3Awrap%7D.items-center%7Balign-items%3Acenter%7D.justify-end%7Bjustify-content%3Aflex-end%7D.justify-center%7Bjustify-content%3Acenter%7D.justify-between%7Bjustify-content%3Aspace-between%7D.justify-around%7Bjustify-content%3Aspace-around%7D.gap-2%7Bgap%3A0.5rem%7D.gap-6%7Bgap%3A1.5rem%7D.space-x-2%20%3E%20%3Anot(%5Bhidden%5D)%20~%20%3Anot(%5Bhidden%5D)%7B--tw-space-x-reverse%3A0%3Bmargin-right%3Acalc(0.5rem%20*%20var(--tw-space-x-reverse))%3Bmargin-left%3Acalc(0.5rem%20*%20calc(1%20-%20var(--tw-space-x-reverse)))%7D.space-x-3%20%3E%20%3Anot(%5Bhidden%5D)%20~%20%3Anot(%5Bhidden%5D)%7B--tw-space-x-reverse%3A0%3Bmargin-right%3Acalc(0.75rem%20*%20var(--tw-space-x-reverse))%3Bmargin-left%3Acalc(0.75rem%20*%20calc(1%20-%20var(--tw-space-x-reverse)))%7D.space-x-4%20%3E%20%3Anot(%5Bhidden%5D)%20~%20%3Anot(%5Bhidden%5D)%7B--tw-space-x-reverse%3A0%3Bmargin-right%3Acalc(1rem%20*%20var(--tw-space-x-reverse))%3Bmargin-left%3Acalc(1rem%20*%20calc(1%20-%20var(--tw-space-x-reverse)))%7D.space-y-4%20%3E%20%3Anot(%5Bhidden%5D)%20~%20%3Anot(%5Bhidden%5D)%7B--tw-space-y-reverse%3A0%3Bmargin-top%3Acalc(1rem%20*%20calc(1%20-%20var(--tw-space-y-reverse)))%3Bmargin-bottom%3Acalc(1rem%20*%20var(--tw-space-y-reverse))%7D.overflow-hidden%7Boverflow%3Ahidden%7D.overflow-y-auto%7Boverflow-y%3Aauto%7D.scroll-smooth%7Bscroll-behavior%3Asmooth%7D.truncate%7Boverflow%3Ahidden%3Btext-overflow%3Aellipsis%3Bwhite-space%3Anowrap%7D.whitespace-nowrap%7Bwhite-space%3Anowrap%7D.rounded-full%7Bborder-radius%3A9999px%7D.rounded-lg%7Bborder-radius%3A0.5rem%7D.rounded-md%7Bborder-radius%3A0.375rem%7D.border%7Bborder-width%3A1px%7D.border-t%7Bborder-top-width%3A1px%7D.border-gray-700%7B--tw-border-opacity%3A1%3Bborder-color%3Argb(55%2065%2081%20%2F%20var(--tw-border-opacity%2C%201))%7D.border-indigo-500%7B--tw-border-opacity%3A1%3Bborder-color%3Argb(99%20102%20241%20%2F%20var(--tw-border-opacity%2C%201))%7D.bg-black%7B--tw-bg-opacity%3A1%3Bbackground-color%3Argb(0%200%200%20%2F%20var(--tw-bg-opacity%2C%201))%7D.bg-gray-600%7B--tw-bg-opacity%3A1%3Bbackground-color%3Argb(75%2085%2099%20%2F%20var(--tw-bg-opacity%2C%201))%7D.bg-gray-700%7B--tw-bg-opacity%3A1%3Bbackground-color%3Argb(55%2065%2081%20%2F%20var(--tw-bg-opacity%2C%201))%7D.bg-gray-800%7B--tw-bg-opacity%3A1%3Bbackground-color%3Argb(31%2041%2055%20%2F%20var(--tw-bg-opacity%2C%201))%7D.bg-gray-900%7B--tw-bg-opacity%3A1%3Bbackground-color%3Argb(17%2024%2039%20%2F%20var(--tw-bg-opacity%2C%201))%7D.bg-indigo-600%7B--tw-bg-opacity%3A1%3Bbackground-color%3Argb(79%2070%20229%20%2F%20var(--tw-bg-opacity%2C%201))%7D.bg-opacity-70%7B--tw-bg-opacity%3A0.7%7D.p-2%7Bpadding%3A0.5rem%7D.p-6%7Bpadding%3A1.5rem%7D.p-4%7Bpadding%3A1rem%7D.px-3%7Bpadding-left%3A0.75rem%3Bpadding-right%3A0.75rem%7D.px-4%7Bpadding-left%3A1rem%3Bpadding-right%3A1rem%7D.py-1%7Bpadding-top%3A0.25rem%3Bpadding-bottom%3A0.25rem%7D.py-2%7Bpadding-top%3A0.5rem%3Bpadding-bottom%3A0.5rem%7D.py-3%7Bpadding-top%3A0.75rem%3Bpadding-bottom%3A0.75rem%7D.px-2%7Bpadding-left%3A0.5rem%3Bpadding-right%3A0.5rem%7D.py-0%5C.5%7Bpadding-top%3A0.125rem%3Bpadding-bottom%3A0.125rem%7D.pb-16%7Bpadding-bottom%3A4rem%7D.pl-10%7Bpadding-left%3A2.5rem%7D.pr-4%7Bpadding-right%3A1rem%7D.pt-20%7Bpadding-top%3A5rem%7D.pt-4%7Bpadding-top%3A1rem%7D.text-center%7Btext-align%3Acenter%7D.text-2xl%7Bfont-size%3A1.5rem%3Bline-height%3A2rem%7D.text-lg%7Bfont-size%3A1.125rem%3Bline-height%3A1.75rem%7D.text-sm%7Bfont-size%3A0.875rem%3Bline-height%3A1.25rem%7D.text-xl%7Bfont-size%3A1.25rem%3Bline-height%3A1.75rem%7D.text-xs%7Bfont-size%3A0.75rem%3Bline-height%3A1rem%7D.font-bold%7Bfont-weight%3A700%7D.font-semibold%7Bfont-weight%3A600%7D.text-gray-100%7B--tw-text-opacity%3A1%3Bcolor%3Argb(243%20244%20246%20%2F%20var(--tw-text-opacity%2C%201))%7D.text-gray-200%7B--tw-text-opacity%3A1%3Bcolor%3Argb(229%20231%20235%20%2F%20var(--tw-text-opacity%2C%201))%7D.text-gray-400%7B--tw-text-opacity%3A1%3Bcolor%3Argb(156%20163%20175%20%2F%20var(--tw-text-opacity%2C%201))%7D.text-indigo-400%7B--tw-text-opacity%3A1%3Bcolor%3Argb(129%20140%20248%20%2F%20var(--tw-text-opacity%2C%201))%7D.text-gray-300%7B--tw-text-opacity%3A1%3Bcolor%3Argb(209%20213%20219%20%2F%20var(--tw-text-opacity%2C%201))%7D.text-white%7B--tw-text-opacity%3A1%3Bcolor%3Argb(255%20255%20255%20%2F%20var(--tw-text-opacity%2C%201))%7D.text-indigo-100%7B--tw-text-opacity%3A1%3Bcolor%3Argb(224%20231%20255%20%2F%20var(--tw-text-opacity%2C%201))%7D.placeholder-gray-400%3A%3Aplaceholder%7B--tw-placeholder-opacity%3A1%3Bcolor%3Argb(156%20163%20175%20%2F%20var(--tw-placeholder-opacity%2C%201))%7D.opacity-0%7Bopacity%3A0%7D.shadow-lg%7B--tw-shadow%3A0%2010px%2015px%20-3px%20rgb(0%200%200%20%2F%200.1)%2C%200%204px%206px%20-4px%20rgb(0%200%200%20%2F%200.1)%3B--tw-shadow-colored%3A0%2010px%2015px%20-3px%20var(--tw-shadow-color)%2C%200%204px%206px%20-4px%20var(--tw-shadow-color)%3Bbox-shadow%3Avar(--tw-ring-offset-shadow%2C%200%200%20%230000)%2C%20var(--tw-ring-shadow%2C%200%200%20%230000)%2C%20var(--tw-shadow)%7D.shadow-md%7B--tw-shadow%3A0%204px%206px%20-1px%20rgb(0%200%200%20%2F%200.1)%2C%200%202px%204px%20-2px%20rgb(0%200%200%20%2F%200.1)%3B--tw-shadow-colored%3A0%204px%206px%20-1px%20var(--tw-shadow-color)%2C%200%202px%204px%20-2px%20var(--tw-shadow-color)%3Bbox-shadow%3Avar(--tw-ring-offset-shadow%2C%200%200%20%230000)%2C%20var(--tw-ring-shadow%2C%200%200%20%230000)%2C%20var(--tw-shadow)%7D.transition-all%7Btransition-property%3Aall%3Btransition-timing-function%3Acubic-bezier(0.4%2C%200%2C%200.2%2C%201)%3Btransition-duration%3A150ms%7D.transition-opacity%7Btransition-property%3Aopacity%3Btransition-timing-function%3Acubic-bezier(0.4%2C%200%2C%200.2%2C%201)%3Btransition-duration%3A150ms%7D.transition-transform%7Btransition-property%3Atransform%3Btransition-timing-function%3Acubic-bezier(0.4%2C%200%2C%200.2%2C%201)%3Btransition-duration%3A150ms%7D.transition-colors%7Btransition-property%3Acolor%2C%20background-color%2C%20border-color%2C%20fill%2C%20stroke%2C%20-webkit-text-decoration-color%3Btransition-property%3Acolor%2C%20background-color%2C%20border-color%2C%20text-decoration-color%2C%20fill%2C%20stroke%3Btransition-property%3Acolor%2C%20background-color%2C%20border-color%2C%20text-decoration-color%2C%20fill%2C%20stroke%2C%20-webkit-text-decoration-color%3Btransition-timing-function%3Acubic-bezier(0.4%2C%200%2C%200.2%2C%201)%3Btransition-duration%3A150ms%7D.duration-300%7Btransition-duration%3A300ms%7D.duration-200%7Btransition-duration%3A200ms%7D.hover%5C%3Abg-gray-700%3Ahover%7B--tw-bg-opacity%3A1%3Bbackground-color%3Argb(55%2065%2081%20%2F%20var(--tw-bg-opacity%2C%201))%7D.hover%5C%3Abg-indigo-700%3Ahover%7B--tw-bg-opacity%3A1%3Bbackground-color%3Argb(67%2056%20202%20%2F%20var(--tw-bg-opacity%2C%201))%7D.hover%5C%3Abg-indigo-600%3Ahover%7B--tw-bg-opacity%3A1%3Bbackground-color%3Argb(79%2070%20229%20%2F%20var(--tw-bg-opacity%2C%201))%7D.hover%5C%3Atext-indigo-400%3Ahover%7B--tw-text-opacity%3A1%3Bcolor%3Argb(129%20140%20248%20%2F%20var(--tw-text-opacity%2C%201))%7D.hover%5C%3Atext-white%3Ahover%7B--tw-text-opacity%3A1%3Bcolor%3Argb(255%20255%20255%20%2F%20var(--tw-text-opacity%2C%201))%7D.focus%5C%3Abg-gray-800%3Afocus%7B--tw-bg-opacity%3A1%3Bbackground-color%3Argb(31%2041%2055%20%2F%20var(--tw-bg-opacity%2C%201))%7D.focus%5C%3Aoutline-none%3Afocus%7Boutline%3A2px%20solid%20transparent%3Boutline-offset%3A2px%7D.focus%5C%3Aring-2%3Afocus%7B--tw-ring-offset-shadow%3Avar(--tw-ring-inset)%200%200%200%20var(--tw-ring-offset-width)%20var(--tw-ring-offset-color)%3B--tw-ring-shadow%3Avar(--tw-ring-inset)%200%200%200%20calc(2px%20%2B%20var(--tw-ring-offset-width))%20var(--tw-ring-color)%3Bbox-shadow%3Avar(--tw-ring-offset-shadow)%2C%20var(--tw-ring-shadow)%2C%20var(--tw-shadow%2C%200%200%20%230000)%7D.focus%5C%3Aring-indigo-400%3Afocus%7B--tw-ring-opacity%3A1%3B--tw-ring-color%3Argb(129%20140%20248%20%2F%20var(--tw-ring-opacity%2C%201))%7D%40media%20(min-width%3A%20640px)%7B.sm%5C%3Amx-0%7Bmargin-left%3A0px%3Bmargin-right%3A0px%7D.sm%5C%3Amx-8%7Bmargin-left%3A2rem%3Bmargin-right%3A2rem%7D.sm%5C%3Ainline%7Bdisplay%3Ainline%7D.sm%5C%3Ahidden%7Bdisplay%3Anone%7D.sm%5C%3Ah-56%7Bheight%3A14rem%7D.sm%5C%3Amax-h-48%7Bmax-height%3A12rem%7D.sm%5C%3Agrid-cols-2%7Bgrid-template-columns%3Arepeat(2%2C%20minmax(0%2C%201fr))%7D.sm%5C%3Apx-6%7Bpadding-left%3A1.5rem%3Bpadding-right%3A1.5rem%7D.sm%5C%3Atext-2xl%7Bfont-size%3A1.5rem%3Bline-height%3A2rem%7D.sm%5C%3Atext-base%7Bfont-size%3A1rem%3Bline-height%3A1.5rem%7D.sm%5C%3Atext-xl%7Bfont-size%3A1.25rem%3Bline-height%3A1.75rem%7D%7D%40media%20(min-width%3A%20768px)%7B.md%5C%3Agrid-cols-3%7Bgrid-template-columns%3Arepeat(3%2C%20minmax(0%2C%201fr))%7D%7D%40media%20(min-width%3A%201024px)%7B.lg%5C%3Agrid-cols-4%7Bgrid-template-columns%3Arepeat(4%2C%20minmax(0%2C%201fr))%7D.lg%5C%3Apx-8%7Bpadding-left%3A2rem%3Bpadding-right%3A2rem%7D%7D%3C%2Fstyle%3E%3Cscript%20src%3D%22chrome-extension%3A%2F%2Fojaffphbffmdaicdkahnmihipclmepok%2Fstatic%2Fjs%2Fworkers.min.js%22%3E%3C%2Fscript%3E%3Clink%20rel%3D%22stylesheet%22%20href%3D%22chrome-extension%3A%2F%2Fihcjicgdanjaechkgeegckofjjedodee%2Fapp%2Fcontent-style.css%22%3E%3C%2Fhead%3E%3Cbody%20class%3D%22bg-gray-900%20text-gray-100%20min-h-screen%20flex%20flex-col%22%20style%3D%22cursor%3A%20crosshair%3B%22%3E%3Cp%20class%3D%22%22%3Es%3C%2Fp%3E%0A%0A%0A%0A%20%20%3C!--%20HEADER%20%2F%20NAVBAR%20--%3E%0A%20%20%3Cheader%20class%3D%22bg-gray-800%20fixed%20top-0%20left-0%20right-0%20z-50%20shadow-md%22%3E%0A%20%20%20%20%3Cdiv%20class%3D%22max-w-7xl%20mx-auto%20flex%20items-center%20justify-between%20px-4%20sm%3Apx-6%20lg%3Apx-8%20h-16%22%3E%0A%20%20%20%20%20%20%3Cdiv%20class%3D%22flex%20items-center%20space-x-3%22%3E%0A%20%20%20%20%20%20%20%20%3Cbutton%20id%3D%22btn-menu-categories%22%20aria-label%3D%22Afficher%20les%20cat%C3%A9gories%22%20class%3D%22text-gray-100%20hover%3Atext-indigo-400%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%20rounded-md%20text-lg%20sm%3Atext-xl%22%20title%3D%22Cat%C3%A9gories%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Ci%20class%3D%22fas%20fa-th-large%22%3E%3C%2Fi%3E%0A%20%20%20%20%20%20%20%20%3C%2Fbutton%3E%0A%20%20%20%20%20%20%20%20%3Ch1%20class%3D%22text-xl%20sm%3Atext-2xl%20font-bold%20select-none%22%3EStreamVid%C3%A9o%3C%2Fh1%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%3C!--%20Search%20%26%20Filters%20--%3E%0A%20%20%20%20%20%20%3Cdiv%20class%3D%22relative%20flex-1%20max-w-xl%20mx-4%20sm%3Amx-8%22%3E%0A%20%20%20%20%20%20%20%20%3Cbutton%20id%3D%22btn-search-toggle%22%20aria-label%3D%22Afficher%20la%20barre%20de%20recherche%22%20class%3D%22absolute%20left-2%20top-1%2F2%20-translate-y-1%2F2%20text-gray-400%20hover%3Atext-indigo-400%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%20rounded-md%20z-20%22%20title%3D%22Rechercher%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Ci%20class%3D%22fas%20fa-search%20text-lg%20sm%3Atext-xl%22%3E%3C%2Fi%3E%0A%20%20%20%20%20%20%20%20%3C%2Fbutton%3E%0A%20%20%20%20%20%20%20%20%3Cinput%20id%3D%22input-search%22%20type%3D%22text%22%20placeholder%3D%22Rechercher%20une%20vid%C3%A9o...%22%20class%3D%22w-full%20pl-10%20pr-4%20py-2%20rounded-md%20bg-gray-700%20text-gray-100%20placeholder-gray-400%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%20focus%3Abg-gray-800%20transition-all%20duration-300%20max-h-0%20opacity-0%20pointer-events-none%22%20aria-label%3D%22Barre%20de%20recherche%22%3E%0A%20%20%20%20%20%20%20%20%3C!--%20Genre%20filters%20container%20--%3E%0A%20%20%20%20%20%20%20%20%3Cdiv%20id%3D%22genre-filters%22%20class%3D%22absolute%20top-full%20left-0%20right-0%20mt-1%20bg-gray-800%20rounded-md%20shadow-lg%20p-2%20flex%20flex-wrap%20gap-2%20max-h-48%20overflow-y-auto%20scrollbar-thin%20opacity-0%20pointer-events-none%20transition-opacity%20duration-300%22%20aria-label%3D%22Filtres%20de%20genre%22%3E%3Cbutton%20type%3D%22button%22%20class%3D%22px-3%20py-1%20rounded-full%20border%20border-indigo-500%20text-indigo-400%20hover%3Abg-indigo-600%20hover%3Atext-white%20transition-colors%20duration-200%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%22%3EAction%3C%2Fbutton%3E%3Cbutton%20type%3D%22button%22%20class%3D%22px-3%20py-1%20rounded-full%20border%20border-indigo-500%20text-indigo-400%20hover%3Abg-indigo-600%20hover%3Atext-white%20transition-colors%20duration-200%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%22%3ECom%C3%A9die%3C%2Fbutton%3E%3Cbutton%20type%3D%22button%22%20class%3D%22px-3%20py-1%20rounded-full%20border%20border-indigo-500%20text-indigo-400%20hover%3Abg-indigo-600%20hover%3Atext-white%20transition-colors%20duration-200%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%22%3EDrame%3C%2Fbutton%3E%3Cbutton%20type%3D%22button%22%20class%3D%22px-3%20py-1%20rounded-full%20border%20border-indigo-500%20text-indigo-400%20hover%3Abg-indigo-600%20hover%3Atext-white%20transition-colors%20duration-200%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%22%3EHorreur%3C%2Fbutton%3E%3Cbutton%20type%3D%22button%22%20class%3D%22px-3%20py-1%20rounded-full%20border%20border-indigo-500%20text-indigo-400%20hover%3Abg-indigo-600%20hover%3Atext-white%20transition-colors%20duration-200%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%22%3EScience-fiction%3C%2Fbutton%3E%3Cbutton%20type%3D%22button%22%20class%3D%22px-3%20py-1%20rounded-full%20border%20border-indigo-500%20text-indigo-400%20hover%3Abg-indigo-600%20hover%3Atext-white%20transition-colors%20duration-200%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%22%3EDocumentaire%3C%2Fbutton%3E%3Cbutton%20type%3D%22button%22%20class%3D%22px-3%20py-1%20rounded-full%20border%20border-indigo-500%20text-indigo-400%20hover%3Abg-indigo-600%20hover%3Atext-white%20transition-colors%20duration-200%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%22%3EAnimation%3C%2Fbutton%3E%3Cbutton%20type%3D%22button%22%20class%3D%22px-3%20py-1%20rounded-full%20border%20border-indigo-500%20text-indigo-400%20hover%3Abg-indigo-600%20hover%3Atext-white%20transition-colors%20duration-200%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%22%3ERomance%3C%2Fbutton%3E%3Cbutton%20type%3D%22button%22%20class%3D%22px-3%20py-1%20rounded-full%20border%20border-indigo-500%20text-indigo-400%20hover%3Abg-indigo-600%20hover%3Atext-white%20transition-colors%20duration-200%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%22%3EThriller%3C%2Fbutton%3E%3Cbutton%20type%3D%22button%22%20class%3D%22px-3%20py-1%20rounded-full%20border%20border-indigo-500%20text-indigo-400%20hover%3Abg-indigo-600%20hover%3Atext-white%20transition-colors%20duration-200%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%22%3EAventure%3C%2Fbutton%3E%3C%2Fdiv%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%0A%20%20%20%20%20%20%3Cdiv%20class%3D%22flex%20items-center%20space-x-3%22%3E%0A%20%20%20%20%20%20%20%20%3Cbutton%20id%3D%22btn-add-video%22%20aria-label%3D%22Ajouter%20une%20vid%C3%A9o%22%20class%3D%22bg-indigo-600%20hover%3Abg-indigo-700%20focus%3Aring-2%20focus%3Aring-indigo-400%20focus%3Aoutline-none%20rounded-md%20px-3%20py-1%20text-sm%20sm%3Atext-base%20font-semibold%20flex%20items-center%20space-x-2%22%20title%3D%22Ajouter%20une%20vid%C3%A9o%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Ci%20class%3D%22fas%20fa-plus%22%3E%3C%2Fi%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22hidden%20sm%3Ainline%22%3EAjouter%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3C%2Fbutton%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%3C%2Fheader%3E%0A%0A%20%20%3C!--%20Categories%20panel%20(hidden%20by%20default)%20--%3E%0A%20%20%3Cnav%20id%3D%22panel-categories%22%20class%3D%22fixed%20top-16%20left-0%20right-0%20bg-gray-800%20shadow-lg%20max-h-60%20overflow-y-auto%20z-40%20transition-transform%20transform%20-translate-y-full%20sm%3Amax-h-48%22%20aria-label%3D%22Liste%20des%20cat%C3%A9gories%22%3E%0A%20%20%20%20%3Cul%20class%3D%22flex%20space-x-4%20px-4%20py-3%20whitespace-nowrap%20text-gray-200%20text-sm%20sm%3Atext-base%22%3E%3Cli%3E%3Cbutton%20type%3D%22button%22%20class%3D%22px-3%20py-1%20rounded-md%20hover%3Abg-indigo-600%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%20bg-indigo-600%20text-white%22%3EToutes%3C%2Fbutton%3E%3C%2Fli%3E%3Cli%3E%3Cbutton%20type%3D%22button%22%20class%3D%22px-3%20py-1%20rounded-md%20hover%3Abg-indigo-600%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%20text-gray-300%22%3EAction%3C%2Fbutton%3E%3C%2Fli%3E%3Cli%3E%3Cbutton%20type%3D%22button%22%20class%3D%22px-3%20py-1%20rounded-md%20hover%3Abg-indigo-600%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%20text-gray-300%22%3ECom%C3%A9die%3C%2Fbutton%3E%3C%2Fli%3E%3Cli%3E%3Cbutton%20type%3D%22button%22%20class%3D%22px-3%20py-1%20rounded-md%20hover%3Abg-indigo-600%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%20text-gray-300%22%3EDrame%3C%2Fbutton%3E%3C%2Fli%3E%3Cli%3E%3Cbutton%20type%3D%22button%22%20class%3D%22px-3%20py-1%20rounded-md%20hover%3Abg-indigo-600%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%20text-gray-300%22%3EHorreur%3C%2Fbutton%3E%3C%2Fli%3E%3Cli%3E%3Cbutton%20type%3D%22button%22%20class%3D%22px-3%20py-1%20rounded-md%20hover%3Abg-indigo-600%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%20text-gray-300%22%3EScience-fiction%3C%2Fbutton%3E%3C%2Fli%3E%3Cli%3E%3Cbutton%20type%3D%22button%22%20class%3D%22px-3%20py-1%20rounded-md%20hover%3Abg-indigo-600%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%20text-gray-300%22%3EDocumentaire%3C%2Fbutton%3E%3C%2Fli%3E%3Cli%3E%3Cbutton%20type%3D%22button%22%20class%3D%22px-3%20py-1%20rounded-md%20hover%3Abg-indigo-600%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%20text-gray-300%22%3EAnimation%3C%2Fbutton%3E%3C%2Fli%3E%3Cli%3E%3Cbutton%20type%3D%22button%22%20class%3D%22px-3%20py-1%20rounded-md%20hover%3Abg-indigo-600%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%20text-gray-300%22%3ERomance%3C%2Fbutton%3E%3C%2Fli%3E%3Cli%3E%3Cbutton%20type%3D%22button%22%20class%3D%22px-3%20py-1%20rounded-md%20hover%3Abg-indigo-600%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%20text-gray-300%22%3EThriller%3C%2Fbutton%3E%3C%2Fli%3E%3Cli%3E%3Cbutton%20type%3D%22button%22%20class%3D%22px-3%20py-1%20rounded-md%20hover%3Abg-indigo-600%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%20text-gray-300%22%3EAventure%3C%2Fbutton%3E%3C%2Fli%3E%3C%2Ful%3E%0A%20%20%3C%2Fnav%3E%0A%0A%20%20%3C!--%20Main%20content%20--%3E%0A%20%20%3Cmain%20id%3D%22main-content%22%20class%3D%22flex-1%20pt-20%20pb-16%20max-w-7xl%20mx-auto%20px-4%20sm%3Apx-6%20lg%3Apx-8%20w-full%22%20style%3D%22padding-bottom%3A%205rem%3B%22%3E%3Cdiv%20class%3D%22grid%20grid-cols-1%20sm%3Agrid-cols-2%20md%3Agrid-cols-3%20lg%3Agrid-cols-4%20gap-6%22%3E%3Carticle%20class%3D%22bg-gray-800%20rounded-lg%20shadow-md%20overflow-hidden%20flex%20flex-col%22%3E%3Cdiv%20class%3D%22w-full%20aspect-video%20bg-black%22%3E%3Ciframe%20class%3D%22w-full%20h-48%20sm%3Ah-56%20rounded-md%22%20width%3D%22640%22%20height%3D%22360%22%20src%3D%22http%3A%2F%2Fvideo.sibnet.ru%2Fshell.php%3Fvideoid%3D4833415%26amp%3Bshare%3D1%26quot%3B%22%20title%3D%22YouTube%20video%20player%22%20frameborder%3D%220%22%20allow%3D%22accelerometer%3B%20autoplay%3B%20clipboard-write%3B%20encrypted-media%3B%20gyroscope%3B%20picture-in-picture%3B%20web-share%22%20referrerpolicy%3D%22strict-origin-when-cross-origin%22%20allowfullscreen%3D%22%22%3E%3C%2Fiframe%3E%3C%2Fdiv%3E%3Cdiv%20class%3D%22p-4%20flex%20flex-col%20flex-1%22%3E%3Ch3%20class%3D%22text-lg%20font-semibold%20text-indigo-400%20truncate%20select-text%22%3Eone%20piece%3C%2Fh3%3E%3Cp%20class%3D%22text-gray-300%20mt-1%20text-sm%20line-clamp-3%20select-text%22%3Eepisode%201034%3C%2Fp%3E%3Cspan%20class%3D%22mt-auto%20inline-block%20bg-indigo-600%20text-indigo-100%20text-xs%20font-semibold%20px-2%20py-0.5%20rounded-full%20select-text%22%3EAction%3C%2Fspan%3E%3C%2Fdiv%3E%3C%2Farticle%3E%3Carticle%20class%3D%22bg-gray-800%20rounded-lg%20shadow-md%20overflow-hidden%20flex%20flex-col%22%3E%3Cdiv%20class%3D%22w-full%20aspect-video%20bg-black%22%3E%3Ciframe%20class%3D%22w-full%20h-48%20sm%3Ah-56%20rounded-md%22%20width%3D%22560%22%20height%3D%22315%22%20src%3D%22https%3A%2F%2Fwww.youtube.com%2Fembed%2FN0behGD9I2o%3Fsi%3DIP06PyKoxXDSyrE4%22%20title%3D%22YouTube%20video%20player%22%20frameborder%3D%220%22%20allow%3D%22accelerometer%3B%20autoplay%3B%20clipboard-write%3B%20encrypted-media%3B%20gyroscope%3B%20picture-in-picture%3B%20web-share%22%20referrerpolicy%3D%22strict-origin-when-cross-origin%22%20allowfullscreen%3D%22%22%3E%3C%2Fiframe%3E%3C%2Fdiv%3E%3Cdiv%20class%3D%22p-4%20flex%20flex-col%20flex-1%22%3E%3Ch3%20class%3D%22text-lg%20font-semibold%20text-indigo-400%20truncate%20select-text%22%3EComment%20Battre%20La%20PRISON%20BRUTALE%20dans%20La%20Plateforme%202%3C%2Fh3%3E%3Cp%20class%3D%22text-gray-300%20mt-1%20text-sm%20line-clamp-3%20select-text%22%3EImaginez%20la%20pire%20sensation%20de%20faim%20que%20vous%20ayez%20jamais%20ressentie.%20Vous%20%C3%AAtes%20pi%C3%A9g%C3%A9%20dans%20une%20prison%20verticale%20de%20300%20%C3%A9tages%20o%C3%B9%2C%20chaque%20jour%2C%20une%20plateforme%20descend%20avec%20de%20la%20nourriture%2C%20mais%20les%20prisonniers%20du%20haut%20ont%20toujours%20la%20primeur%20et%20ceux%20du%20bas%20doivent%20se%20d%C3%A9brouiller%20seuls.%3C%2Fp%3E%3Cspan%20class%3D%22mt-auto%20inline-block%20bg-indigo-600%20text-indigo-100%20text-xs%20font-semibold%20px-2%20py-0.5%20rounded-full%20select-text%22%3EAction%3C%2Fspan%3E%3C%2Fdiv%3E%3C%2Farticle%3E%3Carticle%20class%3D%22bg-gray-800%20rounded-lg%20shadow-md%20overflow-hidden%20flex%20flex-col%22%3E%3Cdiv%20class%3D%22w-full%20aspect-video%20bg-black%22%3E%3Ciframe%20class%3D%22w-full%20h-48%20sm%3Ah-56%20rounded-md%22%20width%3D%22560%22%20height%3D%22315%22%20src%3D%22https%3A%2F%2Fwww.youtube.com%2Fembed%2FN0behGD9I2o%3Fsi%3DIP06PyKoxXDSyrE4%22%20title%3D%22YouTube%20video%20player%22%20frameborder%3D%220%22%20allow%3D%22accelerometer%3B%20autoplay%3B%20clipboard-write%3B%20encrypted-media%3B%20gyroscope%3B%20picture-in-picture%3B%20web-share%22%20referrerpolicy%3D%22strict-origin-when-cross-origin%22%20allowfullscreen%3D%22%22%3E%3C%2Fiframe%3E%3C%2Fdiv%3E%3Cdiv%20class%3D%22p-4%20flex%20flex-col%20flex-1%22%3E%3Ch3%20class%3D%22text-lg%20font-semibold%20text-indigo-400%20truncate%20select-text%22%3EComment%20Battre%20La%20PRISON%20BRUTALE%20dans%20La%20Plateforme%202%3C%2Fh3%3E%3Cp%20class%3D%22text-gray-300%20mt-1%20text-sm%20line-clamp-3%20select-text%22%3EImaginez%20la%20pire%20sensation%20de%20faim%20que%20vous%20ayez%20jamais%20ressentie.%20Vous%20%C3%AAtes%20pi%C3%A9g%C3%A9%20dans%20une%20prison%20verticale%20de%20300%20%C3%A9tages%20o%C3%B9%2C%20chaque%20jour%2C%20une%20plateforme%20descend%20avec%20de%20la%20nourriture%2C%20mais%20les%20prisonniers%20du%20haut%20ont%20toujours%20la%20primeur%20et%20ceux%20du%20bas%20doivent%20se%20d%C3%A9brouiller%20seuls.%3C%2Fp%3E%3Cspan%20class%3D%22mt-auto%20inline-block%20bg-indigo-600%20text-indigo-100%20text-xs%20font-semibold%20px-2%20py-0.5%20rounded-full%20select-text%22%3EAction%3C%2Fspan%3E%3C%2Fdiv%3E%3C%2Farticle%3E%3Carticle%20class%3D%22bg-gray-800%20rounded-lg%20shadow-md%20overflow-hidden%20flex%20flex-col%22%3E%3Cdiv%20class%3D%22w-full%20aspect-video%20bg-black%22%3E%3Ciframe%20class%3D%22w-full%20h-48%20sm%3Ah-56%20rounded-md%22%20width%3D%22560%22%20height%3D%22315%22%20src%3D%22https%3A%2F%2Fwww.youtube.com%2Fembed%2FdyAYwVQ4gVg%3Fsi%3DHb9IHXhxEmyEoE-m%22%20title%3D%22YouTube%20video%20player%22%20frameborder%3D%220%22%20allow%3D%22accelerometer%3B%20autoplay%3B%20clipboard-write%3B%20encrypted-media%3B%20gyroscope%3B%20picture-in-picture%3B%20web-share%22%20referrerpolicy%3D%22strict-origin-when-cross-origin%22%20allowfullscreen%3D%22%22%3E%3C%2Fiframe%3E%3C%2Fdiv%3E%3Cdiv%20class%3D%22p-4%20flex%20flex-col%20flex-1%22%3E%3Ch3%20class%3D%22text-lg%20font-semibold%20text-indigo-400%20truncate%20select-text%22%3Ettttttttttt%3C%2Fh3%3E%3Cp%20class%3D%22text-gray-300%20mt-1%20text-sm%20line-clamp-3%20select-text%22%3Ettttttttttttt%3C%2Fp%3E%3Cspan%20class%3D%22mt-auto%20inline-block%20bg-indigo-600%20text-indigo-100%20text-xs%20font-semibold%20px-2%20py-0.5%20rounded-full%20select-text%22%3EAction%3C%2Fspan%3E%3C%2Fdiv%3E%3C%2Farticle%3E%3C%2Fdiv%3E%3C%2Fmain%3E%0A%0A%20%20%3C!--%20Popup%20modal%20for%20adding%20video%20--%3E%0A%20%20%3Cdiv%20id%3D%22modal-add-video%22%20class%3D%22fixed%20inset-0%20bg-black%20bg-opacity-70%20flex%20items-center%20justify-center%20z-50%20opacity-0%20pointer-events-none%20transition-opacity%20duration-300%22%20role%3D%22dialog%22%20aria-modal%3D%22true%22%20aria-labelledby%3D%22modal-title%22%3E%0A%20%20%20%20%3Cdiv%20class%3D%22bg-gray-800%20rounded-lg%20max-w-lg%20w-full%20p-6%20relative%20mx-4%20sm%3Amx-0%22%3E%0A%20%20%20%20%20%20%3Ch2%20id%3D%22modal-title%22%20class%3D%22text-2xl%20font-bold%20mb-4%20text-indigo-400%20text-center%22%3E%0A%20%20%20%20%20%20%20%20Ajouter%20une%20vid%C3%A9o%0A%20%20%20%20%20%20%3C%2Fh2%3E%0A%20%20%20%20%20%20%3Cform%20id%3D%22form-add-video%22%20class%3D%22space-y-4%20text-gray-200%22%3E%0A%20%20%20%20%20%20%20%20%3Cdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%3Clabel%20for%3D%22input-iframe%22%20class%3D%22block%20mb-1%20font-semibold%22%3EBalise%20iframe%3C%2Flabel%3E%0A%20%20%20%20%20%20%20%20%20%20%3Ctextarea%20id%3D%22input-iframe%22%20name%3D%22iframe%22%20rows%3D%223%22%20required%3D%22%22%20placeholder%3D%22Exemple%3A%20%26lt%3Biframe%20src%3D%26quot%3Bhttps%3A%2F%2F...%26quot%3B%20frameborder%3D%26quot%3B0%26quot%3B%20allowfullscreen%26gt%3B%26lt%3B%2Fiframe%26gt%3B%22%20class%3D%22w-full%20rounded-md%20bg-gray-700%20text-gray-100%20p-2%20resize-y%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%22%3E%3C%2Ftextarea%3E%0A%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%3Cdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%3Clabel%20for%3D%22input-title%22%20class%3D%22block%20mb-1%20font-semibold%22%3ETitre%3C%2Flabel%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cinput%20id%3D%22input-title%22%20name%3D%22title%22%20type%3D%22text%22%20required%3D%22%22%20placeholder%3D%22Titre%20de%20la%20vid%C3%A9o%22%20class%3D%22w-full%20rounded-md%20bg-gray-700%20text-gray-100%20p-2%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%22%3E%0A%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%3Cdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%3Clabel%20for%3D%22input-description%22%20class%3D%22block%20mb-1%20font-semibold%22%3EDescription%3C%2Flabel%3E%0A%20%20%20%20%20%20%20%20%20%20%3Ctextarea%20id%3D%22input-description%22%20name%3D%22description%22%20rows%3D%222%22%20placeholder%3D%22Description%20courte%22%20class%3D%22w-full%20rounded-md%20bg-gray-700%20text-gray-100%20p-2%20resize-y%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%22%3E%3C%2Ftextarea%3E%0A%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%3Cdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%3Clabel%20for%3D%22select-genre%22%20class%3D%22block%20mb-1%20font-semibold%22%3EGenre%3C%2Flabel%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cselect%20id%3D%22select-genre%22%20name%3D%22genre%22%20required%3D%22%22%20class%3D%22w-full%20rounded-md%20bg-gray-700%20text-gray-100%20p-2%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%22%3E%3Coption%20value%3D%22Action%22%3EAction%3C%2Foption%3E%3Coption%20value%3D%22Com%C3%A9die%22%3ECom%C3%A9die%3C%2Foption%3E%3Coption%20value%3D%22Drame%22%3EDrame%3C%2Foption%3E%3Coption%20value%3D%22Horreur%22%3EHorreur%3C%2Foption%3E%3Coption%20value%3D%22Science-fiction%22%3EScience-fiction%3C%2Foption%3E%3Coption%20value%3D%22Documentaire%22%3EDocumentaire%3C%2Foption%3E%3Coption%20value%3D%22Animation%22%3EAnimation%3C%2Foption%3E%3Coption%20value%3D%22Romance%22%3ERomance%3C%2Foption%3E%3Coption%20value%3D%22Thriller%22%3EThriller%3C%2Foption%3E%3Coption%20value%3D%22Aventure%22%3EAventure%3C%2Foption%3E%3C%2Fselect%3E%0A%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22flex%20justify-end%20space-x-3%20pt-4%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cbutton%20type%3D%22button%22%20id%3D%22btn-cancel-add%22%20class%3D%22px-4%20py-2%20rounded-md%20bg-gray-600%20hover%3Abg-gray-700%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20Annuler%0A%20%20%20%20%20%20%20%20%20%20%3C%2Fbutton%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cbutton%20type%3D%22submit%22%20class%3D%22px-4%20py-2%20rounded-md%20bg-indigo-600%20hover%3Abg-indigo-700%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%20font-semibold%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20Ajouter%0A%20%20%20%20%20%20%20%20%20%20%3C%2Fbutton%3E%0A%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%3C%2Fform%3E%0A%20%20%20%20%20%20%3Cbutton%20id%3D%22btn-close-modal%22%20aria-label%3D%22Fermer%20la%20fen%C3%AAtre%22%20class%3D%22absolute%20top-3%20right-3%20text-gray-400%20hover%3Atext-indigo-400%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%20rounded-full%22%3E%0A%20%20%20%20%20%20%20%20%3Ci%20class%3D%22fas%20fa-times%20text-lg%22%3E%3C%2Fi%3E%0A%20%20%20%20%20%20%3C%2Fbutton%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%3C%2Fdiv%3E%0A%0A%20%20%3Cscript%3E%0A%20%20%20%20document.addEventListener('DOMContentLoaded'%2C%20()%20%3D%3E%20%7B%0A%0A%20%20%20%20%20%20%2F%2F%20Genres%20list%0A%20%20%20%20%20%20const%20genres%20%3D%20%5B%0A%20%20%20%20%20%20%20%20%22Action%22%2C%0A%20%20%20%20%20%20%20%20%22Com%C3%A9die%22%2C%0A%20%20%20%20%20%20%20%20%22Drame%22%2C%0A%20%20%20%20%20%20%20%20%22Horreur%22%2C%0A%20%20%20%20%20%20%20%20%22Science-fiction%22%2C%0A%20%20%20%20%20%20%20%20%22Documentaire%22%2C%0A%20%20%20%20%20%20%20%20%22Animation%22%2C%0A%20%20%20%20%20%20%20%20%22Romance%22%2C%0A%20%20%20%20%20%20%20%20%22Thriller%22%2C%0A%20%20%20%20%20%20%20%20%22Aventure%22%2C%0A%20%20%20%20%20%20%5D%3B%0A%0A%20%20%20%20%20%20%2F%2F%20Videos%20data%20-%20now%20loaded%20from%20database%0A%20%20%20%20%20%20let%20videos%20%3D%20%5B%5D%3B%0A%0A%20%20%20%20%20%20%2F%2F%20Function%20to%20load%20videos%20from%20database%0A%20%20%20%20%20%20async%20function%20loadVideos()%20%7B%0A%20%20%20%20%20%20%20%20%20%20try%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20const%20response%20%3D%20await%20fetch('get_videos.php')%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20if%20(!response.ok)%20throw%20new%20Error('Network%20response%20was%20not%20ok')%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20videos%20%3D%20await%20response.json()%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20renderVideos()%3B%0A%20%20%20%20%20%20%20%20%20%20%7D%20catch%20(error)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20console.error('Error%20loading%20videos%3A'%2C%20error)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%2F%2F%20Fallback%20to%20demo%20videos%20if%20database%20fails%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20videos%20%3D%20getDemoVideos()%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20renderVideos()%3B%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%2F%2F%20Fallback%20demo%20videos%0A%20%20%20%20%20%20function%20getDemoVideos()%20%7B%0A%20%20%20%20%20%20%20%20%20%20return%20%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20id%3A%201%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20iframe%3A%20'%3Ciframe%20src%3D%22https%3A%2F%2Fwww.youtube.com%2Fembed%2FdQw4w9WgXcQ%22%20frameborder%3D%220%22%20allowfullscreen%20class%3D%22w-full%20h-48%20sm%3Ah-56%20rounded-md%22%3E%3C%2Fiframe%3E'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20title%3A%20%22Action%20%C3%A9pique%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20description%3A%20%22Une%20sc%C3%A8ne%20d'action%20intense%20et%20spectaculaire.%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20genre%3A%20%22Action%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20img%3A%20%22https%3A%2F%2Fplacehold.co%2F400x225%2Fpng%3Ftext%3DAction%2BVideo%26font%3Droboto%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20id%3A%202%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20iframe%3A%20'%3Ciframe%20src%3D%22https%3A%2F%2Fwww.youtube.com%2Fembed%2FtgbNymZ7vqY%22%20frameborder%3D%220%22%20allowfullscreen%20class%3D%22w-full%20h-48%20sm%3Ah-56%20rounded-md%22%3E%3C%2Fiframe%3E'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20title%3A%20%22Com%C3%A9die%20hilarante%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20description%3A%20%22Rires%20garantis%20avec%20cette%20com%C3%A9die%20d%C3%A9jant%C3%A9e.%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20genre%3A%20%22Com%C3%A9die%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20img%3A%20%22https%3A%2F%2Fplacehold.co%2F400x225%2Fpng%3Ftext%3DCom%25C3%25A9die%2BVideo%26font%3Droboto%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20id%3A%203%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20iframe%3A%20'%3Ciframe%20src%3D%22https%3A%2F%2Fwww.youtube.com%2Fembed%2F5NV6Rdv1a3I%22%20frameborder%3D%220%22%20allowfullscreen%20class%3D%22w-full%20h-48%20sm%3Ah-56%20rounded-md%22%3E%3C%2Fiframe%3E'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20title%3A%20%22Drame%20poignant%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20description%3A%20%22Une%20histoire%20%C3%A9mouvante%20et%20profonde.%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20genre%3A%20%22Drame%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20img%3A%20%22https%3A%2F%2Fplacehold.co%2F400x225%2Fpng%3Ftext%3DDrame%2BVideo%26font%3Droboto%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20id%3A%204%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20iframe%3A%20'%3Ciframe%20src%3D%22https%3A%2F%2Fwww.youtube.com%2Fembed%2F2Z4m4lnjxkY%22%20frameborder%3D%220%22%20allowfullscreen%20class%3D%22w-full%20h-48%20sm%3Ah-56%20rounded-md%22%3E%3C%2Fiframe%3E'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20title%3A%20%22Horreur%20terrifiante%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20description%3A%20%22Frissons%20garantis%20avec%20ce%20film%20d'horreur.%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20genre%3A%20%22Horreur%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20img%3A%20%22https%3A%2F%2Fplacehold.co%2F400x225%2Fpng%3Ftext%3DHorreur%2BVideo%26font%3Droboto%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20id%3A%205%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20iframe%3A%20'%3Ciframe%20src%3D%22https%3A%2F%2Fwww.youtube.com%2Fembed%2F3JZ_D3ELwOQ%22%20frameborder%3D%220%22%20allowfullscreen%20class%3D%22w-full%20h-48%20sm%3Ah-56%20rounded-md%22%3E%3C%2Fiframe%3E'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20title%3A%20%22Science-fiction%20futuriste%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20description%3A%20%22Voyage%20dans%20l'espace%20et%20aventures%20futuristes.%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20genre%3A%20%22Science-fiction%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20img%3A%20%22https%3A%2F%2Fplacehold.co%2F400x225%2Fpng%3Ftext%3DScience-fiction%2BVideo%26font%3Droboto%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20id%3A%206%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20iframe%3A%20'%3Ciframe%20src%3D%22https%3A%2F%2Fwww.youtube.com%2Fembed%2FScMzIvxBSi4%22%20frameborder%3D%220%22%20allowfullscreen%20class%3D%22w-full%20h-48%20sm%3Ah-56%20rounded-md%22%3E%3C%2Fiframe%3E'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20title%3A%20%22Documentaire%20captivant%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20description%3A%20%22D%C3%A9couvrez%20des%20faits%20fascinants.%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20genre%3A%20%22Documentaire%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20img%3A%20%22https%3A%2F%2Fplacehold.co%2F400x225%2Fpng%3Ftext%3DDocumentaire%2BVideo%26font%3Droboto%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20id%3A%207%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20iframe%3A%20'%3Ciframe%20src%3D%22https%3A%2F%2Fwww.youtube.com%2Fembed%2FYE7VzlLtp-4%22%20frameborder%3D%220%22%20allowfullscreen%20class%3D%22w-full%20h-48%20sm%3Ah-56%20rounded-md%22%3E%3C%2Fiframe%3E'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20title%3A%20%22Animation%20color%C3%A9e%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20description%3A%20%22Des%20personnages%20anim%C3%A9s%20pour%20toute%20la%20famille.%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20genre%3A%20%22Animation%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20img%3A%20%22https%3A%2F%2Fplacehold.co%2F400x225%2Fpng%3Ftext%3DAnimation%2BVideo%26font%3Droboto%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20id%3A%208%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20iframe%3A%20'%3Ciframe%20src%3D%22https%3A%2F%2Fwww.youtube.com%2Fembed%2F2vjPBrBU-TM%22%20frameborder%3D%220%22%20allowfullscreen%20class%3D%22w-full%20h-48%20sm%3Ah-56%20rounded-md%22%3E%3C%2Fiframe%3E'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20title%3A%20%22Romance%20touchante%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20description%3A%20%22Une%20histoire%20d'amour%20inoubliable.%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20genre%3A%20%22Romance%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20img%3A%20%22https%3A%2F%2Fplacehold.co%2F400x225%2Fpng%3Ftext%3DRomance%2BVideo%26font%3Droboto%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20id%3A%209%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20iframe%3A%20'%3Ciframe%20src%3D%22https%3A%2F%2Fwww.youtube.com%2Fembed%2FZZ5LpwO-An4%22%20frameborder%3D%220%22%20allowfullscreen%20class%3D%22w-full%20h-48%20sm%3Ah-56%20rounded-md%22%3E%3C%2Fiframe%3E'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20title%3A%20%22Thriller%20haletant%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20description%3A%20%22Suspense%20et%20rebondissements%20%C3%A0%20chaque%20instant.%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20genre%3A%20%22Thriller%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20img%3A%20%22https%3A%2F%2Fplacehold.co%2F400x225%2Fpng%3Ftext%3DThriller%2BVideo%26font%3Droboto%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20id%3A%2010%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20iframe%3A%20'%3Ciframe%20src%3D%22https%3A%2F%2Fwww.youtube.com%2Fembed%2F6Ejga4kJUts%22%20frameborder%3D%220%22%20allowfullscreen%20class%3D%22w-full%20h-48%20sm%3Ah-56%20rounded-md%22%3E%3C%2Fiframe%3E'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20title%3A%20%22Aventure%20%C3%A9pique%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20description%3A%20%22Explorations%20et%20qu%C3%AAtes%20extraordinaires.%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20genre%3A%20%22Aventure%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20img%3A%20%22https%3A%2F%2Fplacehold.co%2F400x225%2Fpng%3Ftext%3DAventure%2BVideo%26font%3Droboto%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%5D%3B%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%2F%2F%20State%0A%20%20%20%20%20%20let%20currentGenre%20%3D%20null%3B%20%2F%2F%20null%20%3D%20all%20genres%0A%20%20%20%20%20%20let%20searchActive%20%3D%20false%3B%0A%20%20%20%20%20%20let%20selectedGenres%20%3D%20new%20Set()%3B%0A%0A%20%20%20%20%20%20%2F%2F%20DOM%20Elements%0A%20%20%20%20%20%20const%20btnSearchToggle%20%3D%20document.getElementById(%22btn-search-toggle%22)%3B%0A%20%20%20%20%20%20const%20inputSearch%20%3D%20document.getElementById(%22input-search%22)%3B%0A%20%20%20%20%20%20const%20genreFilters%20%3D%20document.getElementById(%22genre-filters%22)%3B%0A%20%20%20%20%20%20const%20panelCategories%20%3D%20document.getElementById(%22panel-categories%22)%3B%0A%20%20%20%20%20%20const%20btnMenuCategories%20%3D%20document.getElementById(%22btn-menu-categories%22)%3B%0A%20%20%20%20%20%20const%20mainContent%20%3D%20document.getElementById(%22main-content%22)%3B%0A%20%20%20%20%20%20const%20btnAddVideo%20%3D%20document.getElementById(%22btn-add-video%22)%3B%0A%20%20%20%20%20%20const%20modalAddVideo%20%3D%20document.getElementById(%22modal-add-video%22)%3B%0A%20%20%20%20%20%20const%20btnCloseModal%20%3D%20document.getElementById(%22btn-close-modal%22)%3B%0A%20%20%20%20%20%20const%20btnCancelAdd%20%3D%20document.getElementById(%22btn-cancel-add%22)%3B%0A%20%20%20%20%20%20const%20formAddVideo%20%3D%20document.getElementById(%22form-add-video%22)%3B%0A%20%20%20%20%20%20const%20selectGenre%20%3D%20document.getElementById(%22select-genre%22)%3B%0A%0A%20%20%20%20%20%20%2F%2F%20Initialize%20genre%20filters%20buttons%20in%20search%20bar%0A%20%20%20%20%20%20function%20renderGenreFilters()%20%7B%0A%20%20%20%20%20%20%20%20genreFilters.innerHTML%20%3D%20%22%22%3B%0A%20%20%20%20%20%20%20%20genres.forEach((genre)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20const%20btn%20%3D%20document.createElement(%22button%22)%3B%0A%20%20%20%20%20%20%20%20%20%20btn.type%20%3D%20%22button%22%3B%0A%20%20%20%20%20%20%20%20%20%20btn.textContent%20%3D%20genre%3B%0A%20%20%20%20%20%20%20%20%20%20btn.className%20%3D%0A%20%20%20%20%20%20%20%20%20%20%20%20%22px-3%20py-1%20rounded-full%20border%20border-indigo-500%20text-indigo-400%20hover%3Abg-indigo-600%20hover%3Atext-white%20transition-colors%20duration-200%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%22%3B%0A%20%20%20%20%20%20%20%20%20%20if%20(selectedGenres.has(genre))%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20btn.classList.add(%22bg-indigo-600%22%2C%20%22text-white%22)%3B%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20btn.addEventListener(%22click%22%2C%20()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20if%20(selectedGenres.has(genre))%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20selectedGenres.delete(genre)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%20else%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20selectedGenres.add(genre)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20renderGenreFilters()%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20renderVideos()%3B%0A%20%20%20%20%20%20%20%20%20%20%7D)%3B%0A%20%20%20%20%20%20%20%20%20%20genreFilters.appendChild(btn)%3B%0A%20%20%20%20%20%20%20%20%7D)%3B%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%2F%2F%20Initialize%20categories%20panel%0A%20%20%20%20%20%20function%20renderCategoriesPanel()%20%7B%0A%20%20%20%20%20%20%20%20const%20ul%20%3D%20panelCategories.querySelector(%22ul%22)%3B%0A%20%20%20%20%20%20%20%20ul.innerHTML%20%3D%20%22%22%3B%0A%20%20%20%20%20%20%20%20const%20allLi%20%3D%20document.createElement(%22li%22)%3B%0A%20%20%20%20%20%20%20%20const%20allBtn%20%3D%20document.createElement(%22button%22)%3B%0A%20%20%20%20%20%20%20%20allBtn.type%20%3D%20%22button%22%3B%0A%20%20%20%20%20%20%20%20allBtn.textContent%20%3D%20%22Toutes%22%3B%0A%20%20%20%20%20%20%20%20allBtn.className%20%3D%0A%20%20%20%20%20%20%20%20%20%20%22px-3%20py-1%20rounded-md%20hover%3Abg-indigo-600%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%22%3B%0A%20%20%20%20%20%20%20%20if%20(currentGenre%20%3D%3D%3D%20null)%20%7B%0A%20%20%20%20%20%20%20%20%20%20allBtn.classList.add(%22bg-indigo-600%22%2C%20%22text-white%22)%3B%0A%20%20%20%20%20%20%20%20%7D%20else%20%7B%0A%20%20%20%20%20%20%20%20%20%20allBtn.classList.add(%22text-gray-300%22)%3B%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20allBtn.addEventListener(%22click%22%2C%20()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20currentGenre%20%3D%20null%3B%0A%20%20%20%20%20%20%20%20%20%20renderCategoriesPanel()%3B%0A%20%20%20%20%20%20%20%20%20%20renderVideos()%3B%0A%20%20%20%20%20%20%20%20%20%20hideCategoriesPanel()%3B%0A%20%20%20%20%20%20%20%20%7D)%3B%0A%20%20%20%20%20%20%20%20allLi.appendChild(allBtn)%3B%0A%20%20%20%20%20%20%20%20ul.appendChild(allLi)%3B%0A%0A%20%20%20%20%20%20%20%20genres.forEach((genre)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20const%20li%20%3D%20document.createElement(%22li%22)%3B%0A%20%20%20%20%20%20%20%20%20%20const%20btn%20%3D%20document.createElement(%22button%22)%3B%0A%20%20%20%20%20%20%20%20%20%20btn.type%20%3D%20%22button%22%3B%0A%20%20%20%20%20%20%20%20%20%20btn.textContent%20%3D%20genre%3B%0A%20%20%20%20%20%20%20%20%20%20btn.className%20%3D%0A%20%20%20%20%20%20%20%20%20%20%20%20%22px-3%20py-1%20rounded-md%20hover%3Abg-indigo-600%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%22%3B%0A%20%20%20%20%20%20%20%20%20%20if%20(currentGenre%20%3D%3D%3D%20genre)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20btn.classList.add(%22bg-indigo-600%22%2C%20%22text-white%22)%3B%0A%20%20%20%20%20%20%20%20%20%20%7D%20else%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20btn.classList.add(%22text-gray-300%22)%3B%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20btn.addEventListener(%22click%22%2C%20()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20currentGenre%20%3D%20genre%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20renderCategoriesPanel()%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20renderVideos()%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20hideCategoriesPanel()%3B%0A%20%20%20%20%20%20%20%20%20%20%7D)%3B%0A%20%20%20%20%20%20%20%20%20%20li.appendChild(btn)%3B%0A%20%20%20%20%20%20%20%20%20%20ul.appendChild(li)%3B%0A%20%20%20%20%20%20%20%20%7D)%3B%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%2F%2F%20Show%2Fhide%20categories%20panel%0A%20%20%20%20%20%20function%20toggleCategoriesPanel()%20%7B%0A%20%20%20%20%20%20%20%20if%20(%0A%20%20%20%20%20%20%20%20%20%20panelCategories.classList.contains(%22-translate-y-full%22)%20%7C%7C%0A%20%20%20%20%20%20%20%20%20%20panelCategories.classList.contains(%22hidden%22)%0A%20%20%20%20%20%20%20%20)%20%7B%0A%20%20%20%20%20%20%20%20%20%20panelCategories.classList.remove(%22-translate-y-full%22%2C%20%22hidden%22)%3B%0A%20%20%20%20%20%20%20%20%20%20panelCategories.classList.add(%22translate-y-0%22)%3B%0A%20%20%20%20%20%20%20%20%7D%20else%20%7B%0A%20%20%20%20%20%20%20%20%20%20hideCategoriesPanel()%3B%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20function%20hideCategoriesPanel()%20%7B%0A%20%20%20%20%20%20%20%20panelCategories.classList.add(%22-translate-y-full%22)%3B%0A%20%20%20%20%20%20%20%20panelCategories.classList.remove(%22translate-y-0%22)%3B%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%2F%2F%20Show%2Fhide%20search%20bar%0A%20%20%20%20%20%20function%20toggleSearchBar()%20%7B%0A%20%20%20%20%20%20%20%20searchActive%20%3D%20!searchActive%3B%0A%20%20%20%20%20%20%20%20if%20(searchActive)%20%7B%0A%20%20%20%20%20%20%20%20%20%20inputSearch.classList.remove(%0A%20%20%20%20%20%20%20%20%20%20%20%20%22max-h-0%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22opacity-0%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22pointer-events-none%22%0A%20%20%20%20%20%20%20%20%20%20)%3B%0A%20%20%20%20%20%20%20%20%20%20inputSearch.classList.add(%22max-h-12%22%2C%20%22opacity-100%22%2C%20%22pointer-events-auto%22)%3B%0A%20%20%20%20%20%20%20%20%20%20inputSearch.focus()%3B%0A%20%20%20%20%20%20%20%20%20%20genreFilters.classList.remove(%22opacity-0%22%2C%20%22pointer-events-none%22)%3B%0A%20%20%20%20%20%20%20%20%20%20genreFilters.classList.add(%22opacity-100%22%2C%20%22pointer-events-auto%22)%3B%0A%20%20%20%20%20%20%20%20%7D%20else%20%7B%0A%20%20%20%20%20%20%20%20%20%20inputSearch.classList.add(%0A%20%20%20%20%20%20%20%20%20%20%20%20%22max-h-0%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22opacity-0%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22pointer-events-none%22%0A%20%20%20%20%20%20%20%20%20%20)%3B%0A%20%20%20%20%20%20%20%20%20%20inputSearch.classList.remove(%22max-h-12%22%2C%20%22opacity-100%22%2C%20%22pointer-events-auto%22)%3B%0A%20%20%20%20%20%20%20%20%20%20genreFilters.classList.add(%22opacity-0%22%2C%20%22pointer-events-none%22)%3B%0A%20%20%20%20%20%20%20%20%20%20genreFilters.classList.remove(%22opacity-100%22%2C%20%22pointer-events-auto%22)%3B%0A%20%20%20%20%20%20%20%20%20%20inputSearch.value%20%3D%20%22%22%3B%0A%20%20%20%20%20%20%20%20%20%20selectedGenres.clear()%3B%0A%20%20%20%20%20%20%20%20%20%20renderGenreFilters()%3B%0A%20%20%20%20%20%20%20%20%20%20renderVideos()%3B%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%2F%2F%20Render%20videos%20grid%20filtered%20by%20currentGenre%2C%20search%20text%20and%20selectedGenres%0A%20%20%20%20%20%20function%20renderVideos()%20%7B%0A%20%20%20%20%20%20%20%20mainContent.innerHTML%20%3D%20%22%22%3B%0A%20%20%20%20%20%20%20%20let%20filteredVideos%20%3D%20videos%3B%0A%0A%20%20%20%20%20%20%20%20%2F%2F%20Filter%20by%20genre%20from%20category%20panel%0A%20%20%20%20%20%20%20%20if%20(currentGenre%20!%3D%3D%20null)%20%7B%0A%20%20%20%20%20%20%20%20%20%20filteredVideos%20%3D%20filteredVideos.filter(%0A%20%20%20%20%20%20%20%20%20%20%20%20(v)%20%3D%3E%20v.genre%20%3D%3D%3D%20currentGenre%0A%20%20%20%20%20%20%20%20%20%20)%3B%0A%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20%2F%2F%20Filter%20by%20search%20text%0A%20%20%20%20%20%20%20%20const%20searchText%20%3D%20inputSearch.value.trim().toLowerCase()%3B%0A%20%20%20%20%20%20%20%20if%20(searchText.length%20%3E%200)%20%7B%0A%20%20%20%20%20%20%20%20%20%20filteredVideos%20%3D%20filteredVideos.filter(%0A%20%20%20%20%20%20%20%20%20%20%20%20(v)%20%3D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20v.title.toLowerCase().includes(searchText)%20%7C%7C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20v.description.toLowerCase().includes(searchText)%0A%20%20%20%20%20%20%20%20%20%20)%3B%0A%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20%2F%2F%20Filter%20by%20selected%20genres%20in%20search%20bar%0A%20%20%20%20%20%20%20%20if%20(selectedGenres.size%20%3E%200)%20%7B%0A%20%20%20%20%20%20%20%20%20%20filteredVideos%20%3D%20filteredVideos.filter((v)%20%3D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20selectedGenres.has(v.genre)%0A%20%20%20%20%20%20%20%20%20%20)%3B%0A%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20if%20(filteredVideos.length%20%3D%3D%3D%200)%20%7B%0A%20%20%20%20%20%20%20%20%20%20const%20noResult%20%3D%20document.createElement(%22p%22)%3B%0A%20%20%20%20%20%20%20%20%20%20noResult.textContent%20%3D%20%22Aucune%20vid%C3%A9o%20trouv%C3%A9e.%22%3B%0A%20%20%20%20%20%20%20%20%20%20noResult.className%20%3D%20%22text-center%20text-gray-400%20mt-12%20text-lg%22%3B%0A%20%20%20%20%20%20%20%20%20%20mainContent.appendChild(noResult)%3B%0A%20%20%20%20%20%20%20%20%20%20return%3B%0A%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20%2F%2F%20Grid%20container%0A%20%20%20%20%20%20%20%20const%20grid%20%3D%20document.createElement(%22div%22)%3B%0A%20%20%20%20%20%20%20%20grid.className%20%3D%0A%20%20%20%20%20%20%20%20%20%20%22grid%20grid-cols-1%20sm%3Agrid-cols-2%20md%3Agrid-cols-3%20lg%3Agrid-cols-4%20gap-6%22%3B%0A%0A%20%20%20%20%20%20%20%20filteredVideos.forEach((video)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20const%20card%20%3D%20document.createElement(%22article%22)%3B%0A%20%20%20%20%20%20%20%20%20%20card.className%20%3D%0A%20%20%20%20%20%20%20%20%20%20%20%20%22bg-gray-800%20rounded-lg%20shadow-md%20overflow-hidden%20flex%20flex-col%22%3B%0A%0A%20%20%20%20%20%20%20%20%20%20%2F%2F%20Video%20iframe%20container%0A%20%20%20%20%20%20%20%20%20%20const%20iframeWrapper%20%3D%20document.createElement(%22div%22)%3B%0A%20%20%20%20%20%20%20%20%20%20iframeWrapper.className%20%3D%20%22w-full%20aspect-video%20bg-black%22%3B%0A%20%20%20%20%20%20%20%20%20%20iframeWrapper.innerHTML%20%3D%20video.iframe%3B%0A%20%20%20%20%20%20%20%20%20%20card.appendChild(iframeWrapper)%3B%0A%0A%20%20%20%20%20%20%20%20%20%20%2F%2F%20Content%20container%0A%20%20%20%20%20%20%20%20%20%20const%20content%20%3D%20document.createElement(%22div%22)%3B%0A%20%20%20%20%20%20%20%20%20%20content.className%20%3D%20%22p-4%20flex%20flex-col%20flex-1%22%3B%0A%0A%20%20%20%20%20%20%20%20%20%20%2F%2F%20Title%0A%20%20%20%20%20%20%20%20%20%20const%20title%20%3D%20document.createElement(%22h3%22)%3B%0A%20%20%20%20%20%20%20%20%20%20title.className%20%3D%0A%20%20%20%20%20%20%20%20%20%20%20%20%22text-lg%20font-semibold%20text-indigo-400%20truncate%20select-text%22%3B%0A%20%20%20%20%20%20%20%20%20%20title.textContent%20%3D%20video.title%3B%0A%20%20%20%20%20%20%20%20%20%20content.appendChild(title)%3B%0A%0A%20%20%20%20%20%20%20%20%20%20%2F%2F%20Description%0A%20%20%20%20%20%20%20%20%20%20const%20desc%20%3D%20document.createElement(%22p%22)%3B%0A%20%20%20%20%20%20%20%20%20%20desc.className%20%3D%0A%20%20%20%20%20%20%20%20%20%20%20%20%22text-gray-300%20mt-1%20text-sm%20line-clamp-3%20select-text%22%3B%0A%20%20%20%20%20%20%20%20%20%20desc.textContent%20%3D%20video.description%3B%0A%20%20%20%20%20%20%20%20%20%20content.appendChild(desc)%3B%0A%0A%20%20%20%20%20%20%20%20%20%20%2F%2F%20Genre%20badge%0A%20%20%20%20%20%20%20%20%20%20const%20genreBadge%20%3D%20document.createElement(%22span%22)%3B%0A%20%20%20%20%20%20%20%20%20%20genreBadge.className%20%3D%0A%20%20%20%20%20%20%20%20%20%20%20%20%22mt-auto%20inline-block%20bg-indigo-600%20text-indigo-100%20text-xs%20font-semibold%20px-2%20py-0.5%20rounded-full%20select-text%22%3B%0A%20%20%20%20%20%20%20%20%20%20genreBadge.textContent%20%3D%20video.genre%3B%0A%20%20%20%20%20%20%20%20%20%20content.appendChild(genreBadge)%3B%0A%0A%20%20%20%20%20%20%20%20%20%20card.appendChild(content)%3B%0A%20%20%20%20%20%20%20%20%20%20grid.appendChild(card)%3B%0A%20%20%20%20%20%20%20%20%7D)%3B%0A%0A%20%20%20%20%20%20%20%20mainContent.appendChild(grid)%3B%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%2F%2F%20Render%20options%20in%20add%20video%20form%20genre%20select%0A%20%20%20%20%20%20function%20renderGenreOptions()%20%7B%0A%20%20%20%20%20%20%20%20selectGenre.innerHTML%20%3D%20%22%22%3B%0A%20%20%20%20%20%20%20%20genres.forEach((genre)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20const%20option%20%3D%20document.createElement(%22option%22)%3B%0A%20%20%20%20%20%20%20%20%20%20option.value%20%3D%20genre%3B%0A%20%20%20%20%20%20%20%20%20%20option.textContent%20%3D%20genre%3B%0A%20%20%20%20%20%20%20%20%20%20selectGenre.appendChild(option)%3B%0A%20%20%20%20%20%20%20%20%7D)%3B%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%2F%2F%20Open%20modal%0A%20%20%20%20%20%20function%20openModal()%20%7B%0A%20%20%20%20%20%20%20%20modalAddVideo.classList.remove(%22opacity-0%22%2C%20%22pointer-events-none%22)%3B%0A%20%20%20%20%20%20%20%20modalAddVideo.classList.add(%22opacity-100%22)%3B%0A%20%20%20%20%20%20%20%20%2F%2F%20Reset%20form%0A%20%20%20%20%20%20%20%20formAddVideo.reset()%3B%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%2F%2F%20Close%20modal%0A%20%20%20%20%20%20function%20closeModal()%20%7B%0A%20%20%20%20%20%20%20%20modalAddVideo.classList.add(%22opacity-0%22%2C%20%22pointer-events-none%22)%3B%0A%20%20%20%20%20%20%20%20modalAddVideo.classList.remove(%22opacity-100%22)%3B%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%2F%2F%20Modify%20the%20form%20submit%20handler%20to%20save%20to%20database%0A%20%20%20%20%20%20formAddVideo.addEventListener(%22submit%22%2C%20async%20(e)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20e.preventDefault()%3B%0A%20%20%20%20%20%20%20%20const%20iframeRaw%20%3D%20formAddVideo.iframe.value.trim()%3B%0A%20%20%20%20%20%20%20%20const%20title%20%3D%20formAddVideo.title.value.trim()%3B%0A%20%20%20%20%20%20%20%20const%20description%20%3D%20formAddVideo.description.value.trim()%3B%0A%20%20%20%20%20%20%20%20const%20genre%20%3D%20formAddVideo.genre.value%3B%0A%0A%20%20%20%20%20%20%20%20%2F%2F%20Validate%20iframe%20tag%20(basic)%0A%20%20%20%20%20%20%20%20if%20(!iframeRaw.startsWith(%22%3Ciframe%22)%20%7C%7C%20!iframeRaw.includes(%22src%3D%22))%20%7B%0A%20%20%20%20%20%20%20%20%20%20alert(%22Veuillez%20ins%C3%A9rer%20une%20balise%20iframe%20valide%20contenant%20un%20attribut%20src.%22)%3B%0A%20%20%20%20%20%20%20%20%20%20return%3B%0A%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20%2F%2F%20Add%20class%20to%20iframe%20for%20styling%0A%20%20%20%20%20%20%20%20let%20iframeWithClass%20%3D%20iframeRaw%3B%0A%20%20%20%20%20%20%20%20if%20(!iframeRaw.includes(%22class%3D%22))%20%7B%0A%20%20%20%20%20%20%20%20%20%20iframeWithClass%20%3D%20iframeRaw.replace(%0A%20%20%20%20%20%20%20%20%20%20%20%20%22%3Ciframe%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20'%3Ciframe%20class%3D%22w-full%20h-48%20sm%3Ah-56%20rounded-md%22'%0A%20%20%20%20%20%20%20%20%20%20)%3B%0A%20%20%20%20%20%20%20%20%7D%20else%20%7B%0A%20%20%20%20%20%20%20%20%20%20iframeWithClass%20%3D%20iframeRaw.replace(%0A%20%20%20%20%20%20%20%20%20%20%20%20%2Fclass%3D%22(%5B%5E%22%5D*)%22%2F%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20(match%2C%20p1)%20%3D%3E%20%60class%3D%22%24%7Bp1%7D%20w-full%20h-48%20sm%3Ah-56%20rounded-md%22%60%0A%20%20%20%20%20%20%20%20%20%20)%3B%0A%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20try%20%7B%0A%20%20%20%20%20%20%20%20%20%20const%20formData%20%3D%20new%20FormData()%3B%0A%20%20%20%20%20%20%20%20%20%20formData.append('iframe'%2C%20iframeWithClass)%3B%0A%20%20%20%20%20%20%20%20%20%20formData.append('title'%2C%20title)%3B%0A%20%20%20%20%20%20%20%20%20%20formData.append('description'%2C%20description)%3B%0A%20%20%20%20%20%20%20%20%20%20formData.append('genre'%2C%20genre)%3B%0A%0A%20%20%20%20%20%20%20%20%20%20const%20response%20%3D%20await%20fetch('save_video.php'%2C%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20method%3A%20'POST'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20body%3A%20formData%0A%20%20%20%20%20%20%20%20%20%20%7D)%3B%0A%0A%20%20%20%20%20%20%20%20%20%20if%20(!response.ok)%20throw%20new%20Error('Error%20saving%20video')%3B%0A%0A%20%20%20%20%20%20%20%20%20%20%2F%2F%20Reload%20videos%20from%20database%0A%20%20%20%20%20%20%20%20%20%20await%20loadVideos()%3B%0A%20%20%20%20%20%20%20%20%20%20%0A%20%20%20%20%20%20%20%20%20%20%2F%2F%20If%20current%20genre%20filter%20is%20active%20and%20different%2C%20switch%20to%20it%20to%20show%20new%20video%0A%20%20%20%20%20%20%20%20%20%20if%20(currentGenre%20!%3D%3D%20genre)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20currentGenre%20%3D%20genre%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20renderCategoriesPanel()%3B%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20%20%20closeModal()%3B%0A%20%20%20%20%20%20%20%20%7D%20catch%20(error)%20%7B%0A%20%20%20%20%20%20%20%20%20%20console.error('Error%3A'%2C%20error)%3B%0A%20%20%20%20%20%20%20%20%20%20alert(%22Une%20erreur%20s'est%20produite%20lors%20de%20l'ajout%20de%20la%20vid%C3%A9o%22)%3B%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D)%3B%0A%0A%20%20%20%20%20%20%2F%2F%20Event%20listeners%0A%20%20%20%20%20%20btnSearchToggle.addEventListener(%22click%22%2C%20()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20toggleSearchBar()%3B%0A%20%20%20%20%20%20%20%20hideCategoriesPanel()%3B%0A%20%20%20%20%20%20%7D)%3B%0A%0A%20%20%20%20%20%20btnMenuCategories.addEventListener(%22click%22%2C%20()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20toggleCategoriesPanel()%3B%0A%20%20%20%20%20%20%20%20%2F%2F%20Close%20search%20bar%20if%20open%0A%20%20%20%20%20%20%20%20if%20(searchActive)%20%7B%0A%20%20%20%20%20%20%20%20%20%20toggleSearchBar()%3B%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D)%3B%0A%0A%20%20%20%20%20%20btnAddVideo.addEventListener(%22click%22%2C%20()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20openModal()%3B%0A%20%20%20%20%20%20%20%20hideCategoriesPanel()%3B%0A%20%20%20%20%20%20%20%20if%20(searchActive)%20%7B%0A%20%20%20%20%20%20%20%20%20%20toggleSearchBar()%3B%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D)%3B%0A%0A%20%20%20%20%20%20btnCloseModal.addEventListener(%22click%22%2C%20closeModal)%3B%0A%20%20%20%20%20%20btnCancelAdd.addEventListener(%22click%22%2C%20closeModal)%3B%0A%0A%20%20%20%20%20%20%2F%2F%20Close%20categories%20panel%20if%20click%20outside%0A%20%20%20%20%20%20document.addEventListener(%22click%22%2C%20(e)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20if%20(%0A%20%20%20%20%20%20%20%20%20%20!panelCategories.contains(e.target)%20%26%26%0A%20%20%20%20%20%20%20%20%20%20!btnMenuCategories.contains(e.target)%0A%20%20%20%20%20%20%20%20)%20%7B%0A%20%20%20%20%20%20%20%20%20%20hideCategoriesPanel()%3B%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D)%3B%0A%0A%20%20%20%20%20%20%2F%2F%20Close%20search%20bar%20if%20click%20outside%20input%20or%20search%20button%20or%20genre%20filters%0A%20%20%20%20%20%20document.addEventListener(%22click%22%2C%20(e)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20if%20(%0A%20%20%20%20%20%20%20%20%20%20searchActive%20%26%26%0A%20%20%20%20%20%20%20%20%20%20!inputSearch.contains(e.target)%20%26%26%0A%20%20%20%20%20%20%20%20%20%20!btnSearchToggle.contains(e.target)%20%26%26%0A%20%20%20%20%20%20%20%20%20%20!genreFilters.contains(e.target)%0A%20%20%20%20%20%20%20%20)%20%7B%0A%20%20%20%20%20%20%20%20%20%20toggleSearchBar()%3B%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D)%3B%0A%0A%20%20%20%20%20%20%2F%2F%20On%20input%20search%20change%2C%20update%20videos%0A%20%20%20%20%20%20inputSearch.addEventListener(%22input%22%2C%20()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20renderVideos()%3B%0A%20%20%20%20%20%20%7D)%3B%0A%0A%20%20%20%20%20%20%2F%2F%20Initial%20render%0A%20%20%20%20%20%20renderGenreFilters()%3B%0A%20%20%20%20%20%20renderCategoriesPanel()%3B%0A%20%20%20%20%20%20renderGenreOptions()%3B%0A%20%20%20%20%20%20loadVideos()%3B%0A%0A%20%20%20%20%20%20%2F%2F%20Mobile%20app-like%20style%20on%20small%20screens%0A%20%20%20%20%20%20function%20applyMobileAppStyle()%20%7B%0A%20%20%20%20%20%20%20%20if%20(window.innerWidth%20%3C%20640)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%2F%2F%20Add%20bottom%20nav%20bar%20for%20mobile%20app%20feel%0A%20%20%20%20%20%20%20%20%20%20if%20(!document.getElementById(%22mobile-bottom-nav%22))%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20const%20bottomNav%20%3D%20document.createElement(%22nav%22)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20bottomNav.id%20%3D%20%22mobile-bottom-nav%22%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20bottomNav.className%20%3D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22fixed%20bottom-0%20left-0%20right-0%20bg-gray-800%20border-t%20border-gray-700%20flex%20justify-around%20items-center%20h-14%20z-50%20sm%3Ahidden%22%3B%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%2F%20Home%20button%0A%20%20%20%20%20%20%20%20%20%20%20%20const%20btnHome%20%3D%20document.createElement(%22button%22)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20btnHome.type%20%3D%20%22button%22%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20btnHome.title%20%3D%20%22Accueil%22%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20btnHome.className%20%3D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22flex%20flex-col%20items-center%20justify-center%20text-gray-400%20hover%3Atext-indigo-400%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%22%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20btnHome.innerHTML%20%3D%20'%3Ci%20class%3D%22fas%20fa-home%20text-lg%22%3E%3C%2Fi%3E%3Cspan%20class%3D%22text-xs%22%3EAccueil%3C%2Fspan%3E'%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20btnHome.addEventListener(%22click%22%2C%20()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20currentGenre%20%3D%20null%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20renderCategoriesPanel()%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20renderVideos()%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20hideCategoriesPanel()%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20bottomNav.appendChild(btnHome)%3B%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%2F%20Categories%20button%0A%20%20%20%20%20%20%20%20%20%20%20%20const%20btnCat%20%3D%20document.createElement(%22button%22)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20btnCat.type%20%3D%20%22button%22%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20btnCat.title%20%3D%20%22Cat%C3%A9gories%22%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20btnCat.className%20%3D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22flex%20flex-col%20items-center%20justify-center%20text-gray-400%20hover%3Atext-indigo-400%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%22%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20btnCat.innerHTML%20%3D%20'%3Ci%20class%3D%22fas%20fa-th-large%20text-lg%22%3E%3C%2Fi%3E%3Cspan%20class%3D%22text-xs%22%3ECat%C3%A9gories%3C%2Fspan%3E'%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20btnCat.addEventListener(%22click%22%2C%20()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20toggleCategoriesPanel()%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20if%20(searchActive)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20toggleSearchBar()%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20bottomNav.appendChild(btnCat)%3B%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%2F%20Search%20button%0A%20%20%20%20%20%20%20%20%20%20%20%20const%20btnSearch%20%3D%20document.createElement(%22button%22)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20btnSearch.type%20%3D%20%22button%22%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20btnSearch.title%20%3D%20%22Recherche%22%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20btnSearch.className%20%3D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22flex%20flex-col%20items-center%20justify-center%20text-gray-400%20hover%3Atext-indigo-400%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%22%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20btnSearch.innerHTML%20%3D%20'%3Ci%20class%3D%22fas%20fa-search%20text-lg%22%3E%3C%2Fi%3E%3Cspan%20class%3D%22text-xs%22%3ERecherche%3C%2Fspan%3E'%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20btnSearch.addEventListener(%22click%22%2C%20()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20toggleSearchBar()%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20hideCategoriesPanel()%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20bottomNav.appendChild(btnSearch)%3B%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%2F%20Add%20video%20button%0A%20%20%20%20%20%20%20%20%20%20%20%20const%20btnAdd%20%3D%20document.createElement(%22button%22)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20btnAdd.type%20%3D%20%22button%22%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20btnAdd.title%20%3D%20%22Ajouter%22%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20btnAdd.className%20%3D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22flex%20flex-col%20items-center%20justify-center%20text-gray-400%20hover%3Atext-indigo-400%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%22%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20btnAdd.innerHTML%20%3D%20'%3Ci%20class%3D%22fas%20fa-plus%20text-lg%22%3E%3C%2Fi%3E%3Cspan%20class%3D%22text-xs%22%3EAjouter%3C%2Fspan%3E'%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20btnAdd.addEventListener(%22click%22%2C%20()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20openModal()%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20hideCategoriesPanel()%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20if%20(searchActive)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20toggleSearchBar()%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20bottomNav.appendChild(btnAdd)%3B%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20document.body.appendChild(bottomNav)%3B%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%2F%20Add%20bottom%20padding%20to%20main%20content%20to%20avoid%20overlap%0A%20%20%20%20%20%20%20%20%20%20%20%20mainContent.style.paddingBottom%20%3D%20%225rem%22%3B%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%7D%20else%20%7B%0A%20%20%20%20%20%20%20%20%20%20%2F%2F%20Remove%20mobile%20bottom%20nav%20if%20exists%0A%20%20%20%20%20%20%20%20%20%20const%20bottomNav%20%3D%20document.getElementById(%22mobile-bottom-nav%22)%3B%0A%20%20%20%20%20%20%20%20%20%20if%20(bottomNav)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20bottomNav.remove()%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20mainContent.style.paddingBottom%20%3D%20%22%22%3B%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20window.addEventListener(%22resize%22%2C%20applyMobileAppStyle)%3B%0A%20%20%20%20%20%20applyMobileAppStyle()%3B%0A%20%20%20%20%7D)%3B%0A%20%20%3C%2Fscript%3E%0A%0A%3Cnav%20id%3D%22mobile-bottom-nav%22%20class%3D%22fixed%20bottom-0%20left-0%20right-0%20bg-gray-800%20border-t%20border-gray-700%20flex%20justify-around%20items-center%20h-14%20z-50%20sm%3Ahidden%22%3E%3Cbutton%20type%3D%22button%22%20title%3D%22Accueil%22%20class%3D%22flex%20flex-col%20items-center%20justify-center%20text-gray-400%20hover%3Atext-indigo-400%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%22%3E%3Ci%20class%3D%22fas%20fa-home%20text-lg%22%3E%3C%2Fi%3E%3Cspan%20class%3D%22text-xs%22%3EAccueil%3C%2Fspan%3E%3C%2Fbutton%3E%3Cbutton%20type%3D%22button%22%20title%3D%22Cat%C3%A9gories%22%20class%3D%22flex%20flex-col%20items-center%20justify-center%20text-gray-400%20hover%3Atext-indigo-400%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%22%3E%3Ci%20class%3D%22fas%20fa-th-large%20text-lg%22%3E%3C%2Fi%3E%3Cspan%20class%3D%22text-xs%22%3ECat%C3%A9gories%3C%2Fspan%3E%3C%2Fbutton%3E%3Cbutton%20type%3D%22button%22%20title%3D%22Recherche%22%20class%3D%22flex%20flex-col%20items-center%20justify-center%20text-gray-400%20hover%3Atext-indigo-400%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%22%3E%3Ci%20class%3D%22fas%20fa-search%20text-lg%22%3E%3C%2Fi%3E%3Cspan%20class%3D%22text-xs%22%3ERecherche%3C%2Fspan%3E%3C%2Fbutton%3E%3Cbutton%20type%3D%22button%22%20title%3D%22Ajouter%22%20class%3D%22flex%20flex-col%20items-center%20justify-center%20text-gray-400%20hover%3Atext-indigo-400%20focus%3Aoutline-none%20focus%3Aring-2%20focus%3Aring-indigo-400%22%3E%3Ci%20class%3D%22fas%20fa-plus%20text-lg%22%3E%3C%2Fi%3E%3Cspan%20class%3D%22text-xs%22%3EAjouter%3C%2Fspan%3E%3C%2Fbutton%3E%3C%2Fnav%3E%3C%2Fbody%3E%3C%2Fhtml%3EArray ( [content] => ) INPUT: content=%3C!DOCTYPE%20html%3E%0A%3Chtml%3E%3Chead%3E%3C%2Fhead%3E%3Cbody%20style%3D%22cursor%3A%20crosshair%3B%22%3E%3C%2Fbody%3E%3C%2Fhtml%3E