Scurtmetraje Finaliste - FILMMIC XVIII<\/title>\r\n <style>\r\n \/* BASE MATRIX & NEON INDIE THEME *\/\r\n *, *::before, *::after {\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n background-color: #020204 !important;\r\n color: #ffffff;\r\n margin: 0;\r\n padding: 0;\r\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n min-height: 100vh;\r\n perspective: 2000px; \/* Ad\u00e2ncime 3D crescut\u0103 pentru rota\u021bii dramatice *\/\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* WOW 3D KINETIC HEADER SYSTEM *\/\r\n .cyber-header-container {\r\n width: 100%;\r\n max-width: 1650px;\r\n margin: 0 auto;\r\n padding: 60px 40px 0px 40px;\r\n text-align: center;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .hud-top-line {\r\n font-family: monospace;\r\n font-size: 0.75rem;\r\n color: rgba(255, 0, 60, 0.6);\r\n letter-spacing: 6px;\r\n text-transform: uppercase;\r\n margin-bottom: 15px;\r\n animation: pulseGlow 3s infinite ease-in-out;\r\n }\r\n\r\n .matrix-title-3d {\r\n position: relative;\r\n font-size: 3.2rem;\r\n font-weight: 900;\r\n text-transform: uppercase;\r\n letter-spacing: 4px;\r\n line-height: 1.1;\r\n margin: 0;\r\n color: #ffffff;\r\n cursor: default;\r\n transform-style: preserve-3d;\r\n transform: rotateX(12deg) rotateY(-5deg);\r\n transition: transform 0.5s ease;\r\n \r\n \/* Efect masiv de ad\u00e2ncime prin text-shadow stratificat *\/\r\n text-shadow: \r\n 0 1px 0 #cc0030,\r\n 0 2px 0 #b3002b,\r\n 0 3px 0 #990025,\r\n 0 4px 0 #80001f,\r\n 0 5px 0 #660019,\r\n 0 6px 1px rgba(0,0,0,.1),\r\n 0 0 5px rgba(255, 0, 60, 0.2),\r\n 0 10px 20px rgba(255, 0, 60, 0.4),\r\n 0 20px 40px rgba(0, 0, 0, 0.7);\r\n }\r\n\r\n .matrix-title-3d:hover {\r\n transform: rotateX(20deg) rotateY(8deg) scale(1.03);\r\n text-shadow: \r\n 0 1px 0 #ff003c,\r\n 0 2px 0 #ff1a50,\r\n 0 3px 0 #cc0030,\r\n 0 4px 0 #990025,\r\n 0 5px 0 #660019,\r\n 0 0 20px rgba(255, 0, 60, 0.6),\r\n 0 15px 30px rgba(255, 0, 60, 0.5),\r\n 0 30px 60px rgba(0, 0, 0, 0.8);\r\n }\r\n\r\n .matrix-title-3d span {\r\n display: block;\r\n font-size: 1.8rem;\r\n font-weight: 300;\r\n letter-spacing: 12px;\r\n color: #ff003c;\r\n margin-top: 5px;\r\n text-shadow: 0 0 10px rgba(255, 0, 60, 0.5);\r\n }\r\n\r\n .hud-bottom-line {\r\n width: 180px;\r\n height: 2px;\r\n background: linear-gradient(90deg, transparent, #ff003c, transparent);\r\n margin-top: 25px;\r\n position: relative;\r\n }\r\n\r\n .hud-bottom-line::before {\r\n content\r\n position: absolute;\r\n top: 8px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n font-family: monospace;\r\n font-size: 0.6rem;\r\n color: rgba(255, 255, 255, 0.3);\r\n letter-spacing: 2px;\r\n }\r\n\r\n \/* GRID COMPACT *\/\r\n .cinema-matrix-grid {\r\n max-width: 1650px; \/* L\u0103\u021bime extins\u0103 pentru a \u021bine perfect 4 pe r\u00e2nd pe ecrane mari *\/\r\n margin: 0 auto;\r\n padding: 80px 40px 80px 40px; \/* Redus padding-ul de sus pentru a l\u0103sa loc titlului *\/\r\n display: grid;\r\n grid-template-columns: repeat(auto-fill, minmax(350px, 1fr)); \r\n gap: 40px 25px; \r\n }\r\n\r\n \/* WRAPPER 3D PENTRU FIECARE CARTONA\u0218 *\/\r\n .cyber-card-wrapper {\r\n background: transparent;\r\n width: 100%;\r\n height: 290px; \/* Dimensiune mare, impun\u0103toare *\/\r\n perspective: 1200px;\r\n }\r\n\r\n .cyber-card-inner {\r\n position: relative;\r\n width: 100%;\r\n height: 100%;\r\n transition: transform 0.8s cubic-bezier(0.34, 1.56, 0.64, 1); \/* Efect snap-back premium *\/\r\n transform-style: preserve-3d;\r\n }\r\n\r\n \/* Activare rota\u021bie la click *\/\r\n .cyber-card-wrapper.flipped .cyber-card-inner {\r\n transform: rotateY(180deg);\r\n }\r\n\r\n \/* FA\u021aA \u0218I SPATELE CARDULUI *\/\r\n .card-face-front, .card-face-back {\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n -webkit-backface-visibility: hidden;\r\n backface-visibility: hidden;\r\n background: linear-gradient(135deg, #09090f 0%, #050508 100%);\r\n border: 2px solid rgba(255, 0, 60, 0.25);\r\n padding: 30px;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n box-shadow: 0 20px 40px rgba(0,0,0,0.8);\r\n transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);\r\n }\r\n\r\n \/* FA\u021aA CARTONA\u0218ULUI CIBERNETIC *\/\r\n .card-face-front {\r\n \/* T\u0103ieturi geometrice pe col\u021buri (Stil Sci-Fi\/Clachet\u0103) *\/\r\n clip-path: polygon(0px 0px, calc(100% - 25px) 0px, 100% 25px, 100% 100%, 0px 100%);\r\n }\r\n\r\n \/* HOVER EFECT WOW - CRE\u0218TE \u00ceN DIMENSIUNE \u0218I STR\u0102LUCE\u0218TE CYBER-RED *\/\r\n .cyber-card-wrapper:not(.flipped):hover .card-face-front {\r\n border-color: #ff003c;\r\n transform: translateZ(40px); \/* \u00cempinge puternic cardul spre utilizator \u00een spa\u021biu *\/\r\n box-shadow: 0 0 35px rgba(255, 0, 60, 0.45), inset 0 0 20px rgba(255, 0, 60, 0.15);\r\n }\r\n\r\n \/* ELEMENTE INTERNE FA\u021a\u0102 *\/\r\n .hud-index {\r\n font-family: monospace;\r\n font-size: 0.8rem;\r\n color: #ff003c;\r\n letter-spacing: 3px;\r\n text-align: left;\r\n font-weight: bold;\r\n }\r\n\r\n .movie-main-title {\r\n font-size: 1.6rem;\r\n font-weight: 300;\r\n text-transform: uppercase;\r\n letter-spacing: 2px;\r\n margin: 20px 0 10px 0;\r\n text-align: left;\r\n color: #ffffff;\r\n line-height: 1.2;\r\n }\r\n\r\n .cyber-card-wrapper:hover .movie-main-title {\r\n color: #ff003c;\r\n text-shadow: 0 0 15px rgba(255, 0, 60, 0.3);\r\n }\r\n\r\n .movie-sub-school {\r\n font-size: 0.75rem;\r\n text-transform: uppercase;\r\n letter-spacing: 3px;\r\n color: rgba(255, 255, 255, 0.4);\r\n text-align: left;\r\n line-height: 1.5;\r\n }\r\n\r\n .launch-trigger-btn {\r\n align-self: flex-start;\r\n font-family: monospace;\r\n font-size: 0.7rem;\r\n letter-spacing: 2px;\r\n color: #ffffff;\r\n border: 1px solid rgba(255, 255, 255, 0.15);\r\n padding: 8px 16px;\r\n background: transparent;\r\n margin-top: 15px;\r\n cursor: pointer;\r\n transition: all 0.3s;\r\n }\r\n\r\n .cyber-card-wrapper:hover .launch-trigger-btn {\r\n background: #ff003c;\r\n border-color: #ff003c;\r\n box-shadow: 0 0 15px rgba(255, 0, 60, 0.4);\r\n }\r\n\r\n \/* SPATELE CARTONA\u0218ULUI *\/\r\n .card-face-back {\r\n transform: rotateY(180deg);\r\n padding: 0; \/* Playerul umple tot spatele *\/\r\n border-color: #ff003c;\r\n box-shadow: 0 0 40px rgba(255, 0, 60, 0.3);\r\n background: #000000;\r\n }\r\n\r\n .video-wrapper-core {\r\n width: 100%;\r\n height: 100%;\r\n position: relative;\r\n }\r\n\r\n .video-wrapper-core iframe {\r\n width: 100%;\r\n height: 100%;\r\n border: none;\r\n }\r\n\r\n \/* Butonul minimalist de panic\u0103 \/ \u00eenchidere video *\/\r\n .abort-proiection-btn {\r\n position: absolute;\r\n top: 12px;\r\n right: 12px;\r\n z-index: 50;\r\n background: rgba(2, 2, 4, 0.9);\r\n border: 1px solid #ff003c;\r\n color: #ffffff;\r\n font-family: monospace;\r\n font-size: 0.65rem;\r\n padding: 5px 10px;\r\n cursor: pointer;\r\n letter-spacing: 1px;\r\n text-transform: uppercase;\r\n }\r\n\r\n .abort-proiection-btn:hover {\r\n background: #ff003c;\r\n box-shadow: 0 0 10px #ff003c;\r\n }\r\n\r\n \/* ANIMA\u021aII *\/\r\n @keyframes pulseGlow {\r\n 0%, 100% { opacity: 0.5; text-shadow: 0 0 2px rgba(255,0,60,0.1); }\r\n 50% { opacity: 1; text-shadow: 0 0 10px rgba(255,0,60,0.5); }\r\n }\r\n\r\n \/* CORECTUR\u0102 RESPONSIVE *\/\r\n @media (max-width: 1200px) {\r\n .cinema-matrix-grid { grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); }\r\n .matrix-title-3d { font-size: 2.5rem; }\r\n .matrix-title-3d span { font-size: 1.4rem; letter-spacing: 8px; }\r\n }\r\n @media (max-width: 768px) {\r\n .cyber-header-container { padding: 40px 20px 0px 20px; }\r\n .matrix-title-3d { font-size: 1.8rem; letter-spacing: 2px; }\r\n .matrix-title-3d span { font-size: 1rem; letter-spacing: 4px; }\r\n .cinema-matrix-grid { grid-template-columns: 1fr; padding: 50px 20px 40px 20px; }\r\n .cyber-card-wrapper { height: 260px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <header class=\"cyber-header-container\">\r\n <div class=\"hud-top-line\">\/\/ FILMMIC \/\/<\/div>\r\n <h1 class=\"matrix-title-3d\">\r\n Finali\u0219ti Sec\u021biunea Scurtmetraj\r\n <span>Edi\u021bia XVIII<\/span>\r\n <\/h1>\r\n <div class=\"hud-bottom-line\"><\/div>\r\n <\/header>\r\n\r\n <main class=\"cinema-matrix-grid\">\r\n\r\n <div class=\"cyber-card-wrapper\" id=\"scurtmetraj-1\">\r\n <div class=\"cyber-card-inner\">\r\n <div class=\"card-face-front\" onclick=\"triggerFlip('scurtmetraj-1', 'https:\/\/www.youtube.com\/embed\/5dwCiaas9Ug')\">\r\n <div class=\"hud-index\">\/\/ CORE_SYS_01<\/div>\r\n <div>\r\n <h2 class=\"movie-main-title\">UMBRA EI<\/h2>\r\n <p class=\"movie-sub-school\">Colegiul Tehnic Media <br>\/\/ Bucure\u0219ti<\/p>\r\n <\/div>\r\n <button class=\"launch-trigger-btn\">[ LANSEAZ\u0102 FILMUL ]<\/button>\r\n <\/div>\r\n <div class=\"card-face-back\">\r\n <div class=\"video-wrapper-core\">\r\n <button class=\"abort-proiection-btn\" onclick=\"abortFlip(event, 'scurtmetraj-1')\">[ INCHIDE ]<\/button>\r\n <iframe src=\"\" allow=\"autoplay; fullscreen\" allowfullscreen><\/iframe>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"cyber-card-wrapper\" id=\"scurtmetraj-2\">\r\n <div class=\"cyber-card-inner\">\r\n <div class=\"card-face-front\" onclick=\"triggerFlip('scurtmetraj-2', 'https:\/\/www.youtube.com\/embed\/6bIqlZJhfmc')\">\r\n <div class=\"hud-index\">\/\/ CORE_SYS_02<\/div>\r\n <div>\r\n <h2 class=\"movie-main-title\">GO UP<\/h2>\r\n <p class=\"movie-sub-school\">Liceul Teoretic \u201dTraian\u201d <br>\/\/ Constan\u021ba<\/p>\r\n <\/div>\r\n <button class=\"launch-trigger-btn\">[ LANSEAZ\u0102 FILMUL ]<\/button>\r\n <\/div>\r\n <div class=\"card-face-back\">\r\n <div class=\"video-wrapper-core\">\r\n <button class=\"abort-proiection-btn\" onclick=\"abortFlip(event, 'scurtmetraj-2')\">[ INCHIDE ]<\/button>\r\n <iframe src=\"\" allow=\"autoplay; fullscreen\" allowfullscreen><\/iframe>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"cyber-card-wrapper\" id=\"scurtmetraj-3\">\r\n <div class=\"cyber-card-inner\">\r\n <div class=\"card-face-front\" onclick=\"triggerFlip('scurtmetraj-3', 'https:\/\/www.youtube.com\/embed\/qGvqgIPD-3g')\">\r\n <div class=\"hud-index\">\/\/ CORE_SYS_03<\/div>\r\n <div>\r\n <h2 class=\"movie-main-title\">Articolul 209<\/h2>\r\n <p class=\"movie-sub-school\">Colegiul Na\u021bional \u201dGheorghe \u0218incai\u201d <br>\/\/ Baia Mare<\/p>\r\n <\/div>\r\n <button class=\"launch-trigger-btn\">[ LANSEAZ\u0102 FILMUL ]<\/button>\r\n <\/div>\r\n <div class=\"card-face-back\">\r\n <div class=\"video-wrapper-core\">\r\n <button class=\"abort-proiection-btn\" onclick=\"abortFlip(event, 'scurtmetraj-3')\">[ INCHIDE ]<\/button>\r\n <iframe src=\"\" allow=\"autoplay; fullscreen\" allowfullscreen><\/iframe>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"cyber-card-wrapper\" id=\"scurtmetraj-4\">\r\n <div class=\"cyber-card-inner\">\r\n <div class=\"card-face-front\" onclick=\"triggerFlip('scurtmetraj-4', 'https:\/\/www.youtube.com\/embed\/-G7xU_hrnvI')\">\r\n <div class=\"hud-index\">\/\/ CORE_SYS_04<\/div>\r\n <div>\r\n <h2 class=\"movie-main-title\">Codul Viitorului<\/h2>\r\n <p class=\"movie-sub-school\">Liceul Teoretic \u201dTraian\u201d <br>\/\/ Constan\u021ba<\/p>\r\n <\/div>\r\n <button class=\"launch-trigger-btn\">[ LANSEAZ\u0102 FILMUL ]<\/button>\r\n <\/div>\r\n <div class=\"card-face-back\">\r\n <div class=\"video-wrapper-core\">\r\n <button class=\"abort-proiection-btn\" onclick=\"abortFlip(event, 'scurtmetraj-4')\">[ INCHIDE ]<\/button>\r\n <iframe src=\"\" allow=\"autoplay; fullscreen\" allowfullscreen><\/iframe>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"cyber-card-wrapper\" id=\"scurtmetraj-5\">\r\n <div class=\"cyber-card-inner\">\r\n <div class=\"card-face-front\" onclick=\"triggerFlip('scurtmetraj-5', 'https:\/\/www.youtube.com\/embed\/uh0gWZqpkhE')\">\r\n <div class=\"hud-index\">\/\/ CORE_SYS_05<\/div>\r\n <div>\r\n <h2 class=\"movie-main-title\">Ecoul T\u0102U<\/h2>\r\n <p class=\"movie-sub-school\">Colegiul Na\u021bional \u201eVASILE ALECSANDRI\u201d <br>\/\/ Gala\u021bi<\/p>\r\n <\/div>\r\n <button class=\"launch-trigger-btn\">[ LANSEAZ\u0102 FILMUL ]<\/button>\r\n <\/div>\r\n <div class=\"card-face-back\">\r\n <div class=\"video-wrapper-core\">\r\n <button class=\"abort-proiection-btn\" onclick=\"abortFlip(event, 'scurtmetraj-5')\">[ INCHIDE ]<\/button>\r\n <iframe src=\"\" allow=\"autoplay; fullscreen\" allowfullscreen><\/iframe>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"cyber-card-wrapper\" id=\"scurtmetraj-6\">\r\n <div class=\"cyber-card-inner\">\r\n <div class=\"card-face-front\" onclick=\"triggerFlip('scurtmetraj-6', 'https:\/\/www.youtube.com\/embed\/-0auNezJXfs')\">\r\n <div class=\"hud-index\">\/\/ CORE_SYS_06<\/div>\r\n <div>\r\n <h2 class=\"movie-main-title\">Reminiscen\u021b\u0103<\/h2>\r\n <p class=\"movie-sub-school\">Palatul copiilor <br>\/\/ Cluj<\/p>\r\n <\/div>\r\n <button class=\"launch-trigger-btn\">[ LANSEAZ\u0102 FILMUL ]<\/button>\r\n <\/div>\r\n <div class=\"card-face-back\">\r\n <div class=\"video-wrapper-core\">\r\n <button class=\"abort-proiection-btn\" onclick=\"abortFlip(event, 'scurtmetraj-6')\">[ INCHIDE ]<\/button>\r\n <iframe src=\"\" allow=\"autoplay; fullscreen\" allowfullscreen><\/iframe>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"cyber-card-wrapper\" id=\"scurtmetraj-7\">\r\n <div class=\"cyber-card-inner\">\r\n <div class=\"card-face-front\" onclick=\"triggerFlip('scurtmetraj-7', 'https:\/\/www.youtube.com\/embed\/7B6UlmjBT2o')\">\r\n <div class=\"hud-index\">\/\/ CORE_SYS_07<\/div>\r\n <div>\r\n <h2 class=\"movie-main-title\">Yelena<\/h2>\r\n <p class=\"movie-sub-school\">Colegiul Tehnic \u201dGheorghe ASACHI\u201d<br>\/\/ Bucure\u0219ti<\/p>\r\n <\/div>\r\n <button class=\"launch-trigger-btn\">[ LANSEAZ\u0102 FILMUL ]<\/button>\r\n <\/div>\r\n <div class=\"card-face-back\">\r\n <div class=\"video-wrapper-core\">\r\n <button class=\"abort-proiection-btn\" onclick=\"abortFlip(event, 'scurtmetraj-7')\">[ INCHIDE ]<\/button>\r\n <iframe src=\"\" allow=\"autoplay; fullscreen\" allowfullscreen><\/iframe>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"cyber-card-wrapper\" id=\"scurtmetraj-8\">\r\n <div class=\"cyber-card-inner\">\r\n <div class=\"card-face-front\" onclick=\"triggerFlip('scurtmetraj-8', 'https:\/\/www.youtube.com\/embed\/4aVCvK0NSYI')\">\r\n <div class=\"hud-index\">\/\/ CORE_SYS_08<\/div>\r\n <div>\r\n <h2 class=\"movie-main-title\">Ieri este aici<\/h2>\r\n <p class=\"movie-sub-school\">Colegiul Tehnic Media <br>\/\/ Bucure\u0219ti<\/p>\r\n <\/div>\r\n <button class=\"launch-trigger-btn\">[ LANSEAZ\u0102 FILMUL ]<\/button>\r\n <\/div>\r\n <div class=\"card-face-back\">\r\n <div class=\"video-wrapper-core\">\r\n <button class=\"abort-proiection-btn\" onclick=\"abortFlip(event, 'scurtmetraj-8')\">[ INCHIDE ]<\/button>\r\n <iframe src=\"\" allow=\"autoplay; fullscreen\" allowfullscreen><\/iframe>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"cyber-card-wrapper\" id=\"scurtmetraj-9\">\r\n <div class=\"cyber-card-inner\">\r\n <div class=\"card-face-front\" onclick=\"triggerFlip('scurtmetraj-9', 'https:\/\/www.youtube.com\/embed\/2bbFu07AuQw')\">\r\n <div class=\"hud-index\">\/\/ CORE_SYS_09<\/div>\r\n <div>\r\n <h2 class=\"movie-main-title\">FERESTRE DESCHISE<\/h2>\r\n <p class=\"movie-sub-school\">Colegiul Tehnic \u201dGheorghe ASACHI\u201d <br>\/\/ Bucure\u0219ti<\/p>\r\n <\/div>\r\n <button class=\"launch-trigger-btn\">[ LANSEAZ\u0102 FILMUL ]<\/button>\r\n <\/div>\r\n <div class=\"card-face-back\">\r\n <div class=\"video-wrapper-core\">\r\n <button class=\"abort-proiection-btn\" onclick=\"abortFlip(event, 'scurtmetraj-9')\">[ INCHIDE ]<\/button>\r\n <iframe src=\"\" allow=\"autoplay; fullscreen\" allowfullscreen><\/iframe>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"cyber-card-wrapper\" id=\"scurtmetraj-10\">\r\n <div class=\"cyber-card-inner\">\r\n <div class=\"card-face-front\" onclick=\"triggerFlip('scurtmetraj-10', 'https:\/\/www.youtube.com\/embed\/Hehj9PpU2gk')\">\r\n <div class=\"hud-index\">\/\/ CORE_SYS_10<\/div>\r\n <div>\r\n <h2 class=\"movie-main-title\">RUNE<\/h2>\r\n <p class=\"movie-sub-school\">Palatul Copiilor <br>\/\/ Bac\u0103u<\/p>\r\n <\/div>\r\n <button class=\"launch-trigger-btn\">[ LANSEAZ\u0102 FILMUL ]<\/button>\r\n <\/div>\r\n <div class=\"card-face-back\">\r\n <div class=\"video-wrapper-core\">\r\n <button class=\"abort-proiection-btn\" onclick=\"abortFlip(event, 'scurtmetraj-10')\">[ INCHIDE ]<\/button>\r\n <iframe src=\"\" allow=\"autoplay; fullscreen\" allowfullscreen><\/iframe>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"cyber-card-wrapper\" id=\"scurtmetraj-11\">\r\n <div class=\"cyber-card-inner\">\r\n <div class=\"card-face-front\" onclick=\"triggerFlip('scurtmetraj-11', 'https:\/\/www.youtube.com\/embed\/3vAuZluvSdQ')\">\r\n <div class=\"hud-index\">\/\/ CORE_SYS_11<\/div>\r\n <div>\r\n <h2 class=\"movie-main-title\">18, \u00ceNTRE GRAB\u0102 \u0218I SENS<\/h2>\r\n <p class=\"movie-sub-school\">Liceul Teoretic \u201eC.A ROSETTI\u201d <br>\/\/ Bucure\u0219ti<\/p>\r\n <\/div>\r\n <button class=\"launch-trigger-btn\">[ LANSEAZ\u0102 FILMUL ]<\/button>\r\n <\/div>\r\n <div class=\"card-face-back\">\r\n <div class=\"video-wrapper-core\">\r\n <button class=\"abort-proiection-btn\" onclick=\"abortFlip(event, 'scurtmetraj-11')\">[ INCHIDE ]<\/button>\r\n <iframe src=\"\" allow=\"autoplay; fullscreen\" allowfullscreen><\/iframe>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/main>\r\n\r\n <script>\r\n function triggerFlip(id, videoUrl) {\r\n const card = document.getElementById(id);\r\n if (card.classList.contains('flipped')) return;\r\n \r\n const iframe = card.querySelector('iframe');\r\n card.classList.add('flipped');\r\n iframe.src = videoUrl + \"?autoplay=1&rel=0\";\r\n }\r\n\r\n function abortFlip(event, id) {\r\n event.stopPropagation();\r\n \r\n const card = document.getElementById(id);\r\n const iframe = card.querySelector('iframe');\r\n \r\n card.classList.remove('flipped');\r\n \r\n setTimeout(() => {\r\n iframe.src = '';\r\n }, 400);\r\n }\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Scurtmetraje Finaliste – FILMMIC XVIII \/\/ FILMMIC \/\/ Finali\u0219ti Sec\u021biunea Scurtmetraj Edi\u021bia XVIII \/\/ CORE_SYS_01 UMBRA EI Colegiul Tehnic Media \/\/ Bucure\u0219ti [ LANSEAZ\u0102 FILMUL ] [ INCHIDE ] \/\/ CORE_SYS_02 GO UP Liceul Teoretic \u201dTraian\u201d \/\/ Constan\u021ba [ LANSEAZ\u0102 FILMUL ] [ INCHIDE ] \/\/ CORE_SYS_03 Articolul 209 Colegiul Na\u021bional \u201dGheorghe \u0218incai\u201d \/\/ Baia […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-6589","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/filmmic.ro\/wp69\/wp-json\/wp\/v2\/pages\/6589","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/filmmic.ro\/wp69\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/filmmic.ro\/wp69\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/filmmic.ro\/wp69\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/filmmic.ro\/wp69\/wp-json\/wp\/v2\/comments?post=6589"}],"version-history":[{"count":13,"href":"https:\/\/filmmic.ro\/wp69\/wp-json\/wp\/v2\/pages\/6589\/revisions"}],"predecessor-version":[{"id":6602,"href":"https:\/\/filmmic.ro\/wp69\/wp-json\/wp\/v2\/pages\/6589\/revisions\/6602"}],"wp:attachment":[{"href":"https:\/\/filmmic.ro\/wp69\/wp-json\/wp\/v2\/media?parent=6589"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t

\n\t\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Scurtmetraje Finaliste - FILMMIC XVIII<\/title>\r\n <style>\r\n \/* BASE MATRIX & NEON INDIE THEME *\/\r\n *, *::before, *::after {\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n background-color: #020204 !important;\r\n color: #ffffff;\r\n margin: 0;\r\n padding: 0;\r\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n min-height: 100vh;\r\n perspective: 2000px; \/* Ad\u00e2ncime 3D crescut\u0103 pentru rota\u021bii dramatice *\/\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* WOW 3D KINETIC HEADER SYSTEM *\/\r\n .cyber-header-container {\r\n width: 100%;\r\n max-width: 1650px;\r\n margin: 0 auto;\r\n padding: 60px 40px 0px 40px;\r\n text-align: center;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .hud-top-line {\r\n font-family: monospace;\r\n font-size: 0.75rem;\r\n color: rgba(255, 0, 60, 0.6);\r\n letter-spacing: 6px;\r\n text-transform: uppercase;\r\n margin-bottom: 15px;\r\n animation: pulseGlow 3s infinite ease-in-out;\r\n }\r\n\r\n .matrix-title-3d {\r\n position: relative;\r\n font-size: 3.2rem;\r\n font-weight: 900;\r\n text-transform: uppercase;\r\n letter-spacing: 4px;\r\n line-height: 1.1;\r\n margin: 0;\r\n color: #ffffff;\r\n cursor: default;\r\n transform-style: preserve-3d;\r\n transform: rotateX(12deg) rotateY(-5deg);\r\n transition: transform 0.5s ease;\r\n \r\n \/* Efect masiv de ad\u00e2ncime prin text-shadow stratificat *\/\r\n text-shadow: \r\n 0 1px 0 #cc0030,\r\n 0 2px 0 #b3002b,\r\n 0 3px 0 #990025,\r\n 0 4px 0 #80001f,\r\n 0 5px 0 #660019,\r\n 0 6px 1px rgba(0,0,0,.1),\r\n 0 0 5px rgba(255, 0, 60, 0.2),\r\n 0 10px 20px rgba(255, 0, 60, 0.4),\r\n 0 20px 40px rgba(0, 0, 0, 0.7);\r\n }\r\n\r\n .matrix-title-3d:hover {\r\n transform: rotateX(20deg) rotateY(8deg) scale(1.03);\r\n text-shadow: \r\n 0 1px 0 #ff003c,\r\n 0 2px 0 #ff1a50,\r\n 0 3px 0 #cc0030,\r\n 0 4px 0 #990025,\r\n 0 5px 0 #660019,\r\n 0 0 20px rgba(255, 0, 60, 0.6),\r\n 0 15px 30px rgba(255, 0, 60, 0.5),\r\n 0 30px 60px rgba(0, 0, 0, 0.8);\r\n }\r\n\r\n .matrix-title-3d span {\r\n display: block;\r\n font-size: 1.8rem;\r\n font-weight: 300;\r\n letter-spacing: 12px;\r\n color: #ff003c;\r\n margin-top: 5px;\r\n text-shadow: 0 0 10px rgba(255, 0, 60, 0.5);\r\n }\r\n\r\n .hud-bottom-line {\r\n width: 180px;\r\n height: 2px;\r\n background: linear-gradient(90deg, transparent, #ff003c, transparent);\r\n margin-top: 25px;\r\n position: relative;\r\n }\r\n\r\n .hud-bottom-line::before {\r\n content\r\n position: absolute;\r\n top: 8px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n font-family: monospace;\r\n font-size: 0.6rem;\r\n color: rgba(255, 255, 255, 0.3);\r\n letter-spacing: 2px;\r\n }\r\n\r\n \/* GRID COMPACT *\/\r\n .cinema-matrix-grid {\r\n max-width: 1650px; \/* L\u0103\u021bime extins\u0103 pentru a \u021bine perfect 4 pe r\u00e2nd pe ecrane mari *\/\r\n margin: 0 auto;\r\n padding: 80px 40px 80px 40px; \/* Redus padding-ul de sus pentru a l\u0103sa loc titlului *\/\r\n display: grid;\r\n grid-template-columns: repeat(auto-fill, minmax(350px, 1fr)); \r\n gap: 40px 25px; \r\n }\r\n\r\n \/* WRAPPER 3D PENTRU FIECARE CARTONA\u0218 *\/\r\n .cyber-card-wrapper {\r\n background: transparent;\r\n width: 100%;\r\n height: 290px; \/* Dimensiune mare, impun\u0103toare *\/\r\n perspective: 1200px;\r\n }\r\n\r\n .cyber-card-inner {\r\n position: relative;\r\n width: 100%;\r\n height: 100%;\r\n transition: transform 0.8s cubic-bezier(0.34, 1.56, 0.64, 1); \/* Efect snap-back premium *\/\r\n transform-style: preserve-3d;\r\n }\r\n\r\n \/* Activare rota\u021bie la click *\/\r\n .cyber-card-wrapper.flipped .cyber-card-inner {\r\n transform: rotateY(180deg);\r\n }\r\n\r\n \/* FA\u021aA \u0218I SPATELE CARDULUI *\/\r\n .card-face-front, .card-face-back {\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n -webkit-backface-visibility: hidden;\r\n backface-visibility: hidden;\r\n background: linear-gradient(135deg, #09090f 0%, #050508 100%);\r\n border: 2px solid rgba(255, 0, 60, 0.25);\r\n padding: 30px;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n box-shadow: 0 20px 40px rgba(0,0,0,0.8);\r\n transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);\r\n }\r\n\r\n \/* FA\u021aA CARTONA\u0218ULUI CIBERNETIC *\/\r\n .card-face-front {\r\n \/* T\u0103ieturi geometrice pe col\u021buri (Stil Sci-Fi\/Clachet\u0103) *\/\r\n clip-path: polygon(0px 0px, calc(100% - 25px) 0px, 100% 25px, 100% 100%, 0px 100%);\r\n }\r\n\r\n \/* HOVER EFECT WOW - CRE\u0218TE \u00ceN DIMENSIUNE \u0218I STR\u0102LUCE\u0218TE CYBER-RED *\/\r\n .cyber-card-wrapper:not(.flipped):hover .card-face-front {\r\n border-color: #ff003c;\r\n transform: translateZ(40px); \/* \u00cempinge puternic cardul spre utilizator \u00een spa\u021biu *\/\r\n box-shadow: 0 0 35px rgba(255, 0, 60, 0.45), inset 0 0 20px rgba(255, 0, 60, 0.15);\r\n }\r\n\r\n \/* ELEMENTE INTERNE FA\u021a\u0102 *\/\r\n .hud-index {\r\n font-family: monospace;\r\n font-size: 0.8rem;\r\n color: #ff003c;\r\n letter-spacing: 3px;\r\n text-align: left;\r\n font-weight: bold;\r\n }\r\n\r\n .movie-main-title {\r\n font-size: 1.6rem;\r\n font-weight: 300;\r\n text-transform: uppercase;\r\n letter-spacing: 2px;\r\n margin: 20px 0 10px 0;\r\n text-align: left;\r\n color: #ffffff;\r\n line-height: 1.2;\r\n }\r\n\r\n .cyber-card-wrapper:hover .movie-main-title {\r\n color: #ff003c;\r\n text-shadow: 0 0 15px rgba(255, 0, 60, 0.3);\r\n }\r\n\r\n .movie-sub-school {\r\n font-size: 0.75rem;\r\n text-transform: uppercase;\r\n letter-spacing: 3px;\r\n color: rgba(255, 255, 255, 0.4);\r\n text-align: left;\r\n line-height: 1.5;\r\n }\r\n\r\n .launch-trigger-btn {\r\n align-self: flex-start;\r\n font-family: monospace;\r\n font-size: 0.7rem;\r\n letter-spacing: 2px;\r\n color: #ffffff;\r\n border: 1px solid rgba(255, 255, 255, 0.15);\r\n padding: 8px 16px;\r\n background: transparent;\r\n margin-top: 15px;\r\n cursor: pointer;\r\n transition: all 0.3s;\r\n }\r\n\r\n .cyber-card-wrapper:hover .launch-trigger-btn {\r\n background: #ff003c;\r\n border-color: #ff003c;\r\n box-shadow: 0 0 15px rgba(255, 0, 60, 0.4);\r\n }\r\n\r\n \/* SPATELE CARTONA\u0218ULUI *\/\r\n .card-face-back {\r\n transform: rotateY(180deg);\r\n padding: 0; \/* Playerul umple tot spatele *\/\r\n border-color: #ff003c;\r\n box-shadow: 0 0 40px rgba(255, 0, 60, 0.3);\r\n background: #000000;\r\n }\r\n\r\n .video-wrapper-core {\r\n width: 100%;\r\n height: 100%;\r\n position: relative;\r\n }\r\n\r\n .video-wrapper-core iframe {\r\n width: 100%;\r\n height: 100%;\r\n border: none;\r\n }\r\n\r\n \/* Butonul minimalist de panic\u0103 \/ \u00eenchidere video *\/\r\n .abort-proiection-btn {\r\n position: absolute;\r\n top: 12px;\r\n right: 12px;\r\n z-index: 50;\r\n background: rgba(2, 2, 4, 0.9);\r\n border: 1px solid #ff003c;\r\n color: #ffffff;\r\n font-family: monospace;\r\n font-size: 0.65rem;\r\n padding: 5px 10px;\r\n cursor: pointer;\r\n letter-spacing: 1px;\r\n text-transform: uppercase;\r\n }\r\n\r\n .abort-proiection-btn:hover {\r\n background: #ff003c;\r\n box-shadow: 0 0 10px #ff003c;\r\n }\r\n\r\n \/* ANIMA\u021aII *\/\r\n @keyframes pulseGlow {\r\n 0%, 100% { opacity: 0.5; text-shadow: 0 0 2px rgba(255,0,60,0.1); }\r\n 50% { opacity: 1; text-shadow: 0 0 10px rgba(255,0,60,0.5); }\r\n }\r\n\r\n \/* CORECTUR\u0102 RESPONSIVE *\/\r\n @media (max-width: 1200px) {\r\n .cinema-matrix-grid { grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); }\r\n .matrix-title-3d { font-size: 2.5rem; }\r\n .matrix-title-3d span { font-size: 1.4rem; letter-spacing: 8px; }\r\n }\r\n @media (max-width: 768px) {\r\n .cyber-header-container { padding: 40px 20px 0px 20px; }\r\n .matrix-title-3d { font-size: 1.8rem; letter-spacing: 2px; }\r\n .matrix-title-3d span { font-size: 1rem; letter-spacing: 4px; }\r\n .cinema-matrix-grid { grid-template-columns: 1fr; padding: 50px 20px 40px 20px; }\r\n .cyber-card-wrapper { height: 260px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <header class=\"cyber-header-container\">\r\n <div class=\"hud-top-line\">\/\/ FILMMIC \/\/<\/div>\r\n <h1 class=\"matrix-title-3d\">\r\n Finali\u0219ti Sec\u021biunea Scurtmetraj\r\n <span>Edi\u021bia XVIII<\/span>\r\n <\/h1>\r\n <div class=\"hud-bottom-line\"><\/div>\r\n <\/header>\r\n\r\n <main class=\"cinema-matrix-grid\">\r\n\r\n <div class=\"cyber-card-wrapper\" id=\"scurtmetraj-1\">\r\n <div class=\"cyber-card-inner\">\r\n <div class=\"card-face-front\" onclick=\"triggerFlip('scurtmetraj-1', 'https:\/\/www.youtube.com\/embed\/5dwCiaas9Ug')\">\r\n <div class=\"hud-index\">\/\/ CORE_SYS_01<\/div>\r\n <div>\r\n <h2 class=\"movie-main-title\">UMBRA EI<\/h2>\r\n <p class=\"movie-sub-school\">Colegiul Tehnic Media <br>\/\/ Bucure\u0219ti<\/p>\r\n <\/div>\r\n <button class=\"launch-trigger-btn\">[ LANSEAZ\u0102 FILMUL ]<\/button>\r\n <\/div>\r\n <div class=\"card-face-back\">\r\n <div class=\"video-wrapper-core\">\r\n <button class=\"abort-proiection-btn\" onclick=\"abortFlip(event, 'scurtmetraj-1')\">[ INCHIDE ]<\/button>\r\n <iframe src=\"\" allow=\"autoplay; fullscreen\" allowfullscreen><\/iframe>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"cyber-card-wrapper\" id=\"scurtmetraj-2\">\r\n <div class=\"cyber-card-inner\">\r\n <div class=\"card-face-front\" onclick=\"triggerFlip('scurtmetraj-2', 'https:\/\/www.youtube.com\/embed\/6bIqlZJhfmc')\">\r\n <div class=\"hud-index\">\/\/ CORE_SYS_02<\/div>\r\n <div>\r\n <h2 class=\"movie-main-title\">GO UP<\/h2>\r\n <p class=\"movie-sub-school\">Liceul Teoretic \u201dTraian\u201d <br>\/\/ Constan\u021ba<\/p>\r\n <\/div>\r\n <button class=\"launch-trigger-btn\">[ LANSEAZ\u0102 FILMUL ]<\/button>\r\n <\/div>\r\n <div class=\"card-face-back\">\r\n <div class=\"video-wrapper-core\">\r\n <button class=\"abort-proiection-btn\" onclick=\"abortFlip(event, 'scurtmetraj-2')\">[ INCHIDE ]<\/button>\r\n <iframe src=\"\" allow=\"autoplay; fullscreen\" allowfullscreen><\/iframe>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"cyber-card-wrapper\" id=\"scurtmetraj-3\">\r\n <div class=\"cyber-card-inner\">\r\n <div class=\"card-face-front\" onclick=\"triggerFlip('scurtmetraj-3', 'https:\/\/www.youtube.com\/embed\/qGvqgIPD-3g')\">\r\n <div class=\"hud-index\">\/\/ CORE_SYS_03<\/div>\r\n <div>\r\n <h2 class=\"movie-main-title\">Articolul 209<\/h2>\r\n <p class=\"movie-sub-school\">Colegiul Na\u021bional \u201dGheorghe \u0218incai\u201d <br>\/\/ Baia Mare<\/p>\r\n <\/div>\r\n <button class=\"launch-trigger-btn\">[ LANSEAZ\u0102 FILMUL ]<\/button>\r\n <\/div>\r\n <div class=\"card-face-back\">\r\n <div class=\"video-wrapper-core\">\r\n <button class=\"abort-proiection-btn\" onclick=\"abortFlip(event, 'scurtmetraj-3')\">[ INCHIDE ]<\/button>\r\n <iframe src=\"\" allow=\"autoplay; fullscreen\" allowfullscreen><\/iframe>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"cyber-card-wrapper\" id=\"scurtmetraj-4\">\r\n <div class=\"cyber-card-inner\">\r\n <div class=\"card-face-front\" onclick=\"triggerFlip('scurtmetraj-4', 'https:\/\/www.youtube.com\/embed\/-G7xU_hrnvI')\">\r\n <div class=\"hud-index\">\/\/ CORE_SYS_04<\/div>\r\n <div>\r\n <h2 class=\"movie-main-title\">Codul Viitorului<\/h2>\r\n <p class=\"movie-sub-school\">Liceul Teoretic \u201dTraian\u201d <br>\/\/ Constan\u021ba<\/p>\r\n <\/div>\r\n <button class=\"launch-trigger-btn\">[ LANSEAZ\u0102 FILMUL ]<\/button>\r\n <\/div>\r\n <div class=\"card-face-back\">\r\n <div class=\"video-wrapper-core\">\r\n <button class=\"abort-proiection-btn\" onclick=\"abortFlip(event, 'scurtmetraj-4')\">[ INCHIDE ]<\/button>\r\n <iframe src=\"\" allow=\"autoplay; fullscreen\" allowfullscreen><\/iframe>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"cyber-card-wrapper\" id=\"scurtmetraj-5\">\r\n <div class=\"cyber-card-inner\">\r\n <div class=\"card-face-front\" onclick=\"triggerFlip('scurtmetraj-5', 'https:\/\/www.youtube.com\/embed\/uh0gWZqpkhE')\">\r\n <div class=\"hud-index\">\/\/ CORE_SYS_05<\/div>\r\n <div>\r\n <h2 class=\"movie-main-title\">Ecoul T\u0102U<\/h2>\r\n <p class=\"movie-sub-school\">Colegiul Na\u021bional \u201eVASILE ALECSANDRI\u201d <br>\/\/ Gala\u021bi<\/p>\r\n <\/div>\r\n <button class=\"launch-trigger-btn\">[ LANSEAZ\u0102 FILMUL ]<\/button>\r\n <\/div>\r\n <div class=\"card-face-back\">\r\n <div class=\"video-wrapper-core\">\r\n <button class=\"abort-proiection-btn\" onclick=\"abortFlip(event, 'scurtmetraj-5')\">[ INCHIDE ]<\/button>\r\n <iframe src=\"\" allow=\"autoplay; fullscreen\" allowfullscreen><\/iframe>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"cyber-card-wrapper\" id=\"scurtmetraj-6\">\r\n <div class=\"cyber-card-inner\">\r\n <div class=\"card-face-front\" onclick=\"triggerFlip('scurtmetraj-6', 'https:\/\/www.youtube.com\/embed\/-0auNezJXfs')\">\r\n <div class=\"hud-index\">\/\/ CORE_SYS_06<\/div>\r\n <div>\r\n <h2 class=\"movie-main-title\">Reminiscen\u021b\u0103<\/h2>\r\n <p class=\"movie-sub-school\">Palatul copiilor <br>\/\/ Cluj<\/p>\r\n <\/div>\r\n <button class=\"launch-trigger-btn\">[ LANSEAZ\u0102 FILMUL ]<\/button>\r\n <\/div>\r\n <div class=\"card-face-back\">\r\n <div class=\"video-wrapper-core\">\r\n <button class=\"abort-proiection-btn\" onclick=\"abortFlip(event, 'scurtmetraj-6')\">[ INCHIDE ]<\/button>\r\n <iframe src=\"\" allow=\"autoplay; fullscreen\" allowfullscreen><\/iframe>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"cyber-card-wrapper\" id=\"scurtmetraj-7\">\r\n <div class=\"cyber-card-inner\">\r\n <div class=\"card-face-front\" onclick=\"triggerFlip('scurtmetraj-7', 'https:\/\/www.youtube.com\/embed\/7B6UlmjBT2o')\">\r\n <div class=\"hud-index\">\/\/ CORE_SYS_07<\/div>\r\n <div>\r\n <h2 class=\"movie-main-title\">Yelena<\/h2>\r\n <p class=\"movie-sub-school\">Colegiul Tehnic \u201dGheorghe ASACHI\u201d<br>\/\/ Bucure\u0219ti<\/p>\r\n <\/div>\r\n <button class=\"launch-trigger-btn\">[ LANSEAZ\u0102 FILMUL ]<\/button>\r\n <\/div>\r\n <div class=\"card-face-back\">\r\n <div class=\"video-wrapper-core\">\r\n <button class=\"abort-proiection-btn\" onclick=\"abortFlip(event, 'scurtmetraj-7')\">[ INCHIDE ]<\/button>\r\n <iframe src=\"\" allow=\"autoplay; fullscreen\" allowfullscreen><\/iframe>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"cyber-card-wrapper\" id=\"scurtmetraj-8\">\r\n <div class=\"cyber-card-inner\">\r\n <div class=\"card-face-front\" onclick=\"triggerFlip('scurtmetraj-8', 'https:\/\/www.youtube.com\/embed\/4aVCvK0NSYI')\">\r\n <div class=\"hud-index\">\/\/ CORE_SYS_08<\/div>\r\n <div>\r\n <h2 class=\"movie-main-title\">Ieri este aici<\/h2>\r\n <p class=\"movie-sub-school\">Colegiul Tehnic Media <br>\/\/ Bucure\u0219ti<\/p>\r\n <\/div>\r\n <button class=\"launch-trigger-btn\">[ LANSEAZ\u0102 FILMUL ]<\/button>\r\n <\/div>\r\n <div class=\"card-face-back\">\r\n <div class=\"video-wrapper-core\">\r\n <button class=\"abort-proiection-btn\" onclick=\"abortFlip(event, 'scurtmetraj-8')\">[ INCHIDE ]<\/button>\r\n <iframe src=\"\" allow=\"autoplay; fullscreen\" allowfullscreen><\/iframe>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"cyber-card-wrapper\" id=\"scurtmetraj-9\">\r\n <div class=\"cyber-card-inner\">\r\n <div class=\"card-face-front\" onclick=\"triggerFlip('scurtmetraj-9', 'https:\/\/www.youtube.com\/embed\/2bbFu07AuQw')\">\r\n <div class=\"hud-index\">\/\/ CORE_SYS_09<\/div>\r\n <div>\r\n <h2 class=\"movie-main-title\">FERESTRE DESCHISE<\/h2>\r\n <p class=\"movie-sub-school\">Colegiul Tehnic \u201dGheorghe ASACHI\u201d <br>\/\/ Bucure\u0219ti<\/p>\r\n <\/div>\r\n <button class=\"launch-trigger-btn\">[ LANSEAZ\u0102 FILMUL ]<\/button>\r\n <\/div>\r\n <div class=\"card-face-back\">\r\n <div class=\"video-wrapper-core\">\r\n <button class=\"abort-proiection-btn\" onclick=\"abortFlip(event, 'scurtmetraj-9')\">[ INCHIDE ]<\/button>\r\n <iframe src=\"\" allow=\"autoplay; fullscreen\" allowfullscreen><\/iframe>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"cyber-card-wrapper\" id=\"scurtmetraj-10\">\r\n <div class=\"cyber-card-inner\">\r\n <div class=\"card-face-front\" onclick=\"triggerFlip('scurtmetraj-10', 'https:\/\/www.youtube.com\/embed\/Hehj9PpU2gk')\">\r\n <div class=\"hud-index\">\/\/ CORE_SYS_10<\/div>\r\n <div>\r\n <h2 class=\"movie-main-title\">RUNE<\/h2>\r\n <p class=\"movie-sub-school\">Palatul Copiilor <br>\/\/ Bac\u0103u<\/p>\r\n <\/div>\r\n <button class=\"launch-trigger-btn\">[ LANSEAZ\u0102 FILMUL ]<\/button>\r\n <\/div>\r\n <div class=\"card-face-back\">\r\n <div class=\"video-wrapper-core\">\r\n <button class=\"abort-proiection-btn\" onclick=\"abortFlip(event, 'scurtmetraj-10')\">[ INCHIDE ]<\/button>\r\n <iframe src=\"\" allow=\"autoplay; fullscreen\" allowfullscreen><\/iframe>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"cyber-card-wrapper\" id=\"scurtmetraj-11\">\r\n <div class=\"cyber-card-inner\">\r\n <div class=\"card-face-front\" onclick=\"triggerFlip('scurtmetraj-11', 'https:\/\/www.youtube.com\/embed\/3vAuZluvSdQ')\">\r\n <div class=\"hud-index\">\/\/ CORE_SYS_11<\/div>\r\n <div>\r\n <h2 class=\"movie-main-title\">18, \u00ceNTRE GRAB\u0102 \u0218I SENS<\/h2>\r\n <p class=\"movie-sub-school\">Liceul Teoretic \u201eC.A ROSETTI\u201d <br>\/\/ Bucure\u0219ti<\/p>\r\n <\/div>\r\n <button class=\"launch-trigger-btn\">[ LANSEAZ\u0102 FILMUL ]<\/button>\r\n <\/div>\r\n <div class=\"card-face-back\">\r\n <div class=\"video-wrapper-core\">\r\n <button class=\"abort-proiection-btn\" onclick=\"abortFlip(event, 'scurtmetraj-11')\">[ INCHIDE ]<\/button>\r\n <iframe src=\"\" allow=\"autoplay; fullscreen\" allowfullscreen><\/iframe>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/main>\r\n\r\n <script>\r\n function triggerFlip(id, videoUrl) {\r\n const card = document.getElementById(id);\r\n if (card.classList.contains('flipped')) return;\r\n \r\n const iframe = card.querySelector('iframe');\r\n card.classList.add('flipped');\r\n iframe.src = videoUrl + \"?autoplay=1&rel=0\";\r\n }\r\n\r\n function abortFlip(event, id) {\r\n event.stopPropagation();\r\n \r\n const card = document.getElementById(id);\r\n const iframe = card.querySelector('iframe');\r\n \r\n card.classList.remove('flipped');\r\n \r\n setTimeout(() => {\r\n iframe.src = '';\r\n }, 400);\r\n }\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Scurtmetraje Finaliste – FILMMIC XVIII \/\/ FILMMIC \/\/ Finali\u0219ti Sec\u021biunea Scurtmetraj Edi\u021bia XVIII \/\/ CORE_SYS_01 UMBRA EI Colegiul Tehnic Media \/\/ Bucure\u0219ti [ LANSEAZ\u0102 FILMUL ] [ INCHIDE ] \/\/ CORE_SYS_02 GO UP Liceul Teoretic \u201dTraian\u201d \/\/ Constan\u021ba [ LANSEAZ\u0102 FILMUL ] [ INCHIDE ] \/\/ CORE_SYS_03 Articolul 209 Colegiul Na\u021bional \u201dGheorghe \u0218incai\u201d \/\/ Baia […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-6589","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/filmmic.ro\/wp69\/wp-json\/wp\/v2\/pages\/6589","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/filmmic.ro\/wp69\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/filmmic.ro\/wp69\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/filmmic.ro\/wp69\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/filmmic.ro\/wp69\/wp-json\/wp\/v2\/comments?post=6589"}],"version-history":[{"count":13,"href":"https:\/\/filmmic.ro\/wp69\/wp-json\/wp\/v2\/pages\/6589\/revisions"}],"predecessor-version":[{"id":6602,"href":"https:\/\/filmmic.ro\/wp69\/wp-json\/wp\/v2\/pages\/6589\/revisions\/6602"}],"wp:attachment":[{"href":"https:\/\/filmmic.ro\/wp69\/wp-json\/wp\/v2\/media?parent=6589"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}