LIVRESQ Blog – Export<\/title>\n \n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&family=Roboto:wght@700;900&display=swap\" rel=\"stylesheet\">\n \n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n \n \n <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\n \n \n <script>\n tailwind.config = {\n \/\/ CRITICAL: Scopes all Tailwind utility classes to this ID to override WP styles\n important: '#livresq-blog-app', \n theme: {\n extend: {\n colors: {\n midnight: '#0F1623', \n livresq: {\n fucsia: '#D91278', \n 'fucsia-dark': '#b00e60',\n albastru: '#6fccf0', \n blond: '#faed87', \n darkblue: '#2c3e50',\n text: '#e2e8f0',\n amber: '#f59e0b'\n },\n slate: {\n 850: '#151e2e',\n 900: '#0F1623' \n }\n },\n fontFamily: {\n sans: ['Inter', 'sans-serif'],\n heading: ['Roboto', 'sans-serif'],\n },\n animation: {\n 'blob': 'blob 10s infinite alternate',\n 'float': 'float 6s ease-in-out infinite',\n },\n keyframes: {\n blob: {\n '0%': { transform: 'translate(0px, 0px) scale(1)' },\n '33%': { transform: 'translate(30px, -50px) scale(1.1)' },\n '66%': { transform: 'translate(-20px, 20px) scale(0.9)' },\n '100%': { transform: 'translate(0px, 0px) scale(1)' },\n },\n float: {\n '0%, 100%': { transform: 'translateY(0)' },\n '50%': { transform: 'translateY(-20px)' },\n }\n }\n }\n }\n }\n <\/script>\n\n <style>\n \/* Base Helper Styles *\/\n html { scroll-behavior: smooth; }\n \n .reveal {\n opacity: 0;\n transform: translateY(30px);\n transition: all 0.8s cubic-bezier(0.5, 0, 0, 1);\n }\n .reveal.active {\n opacity: 1;\n transform: translateY(0);\n }\n\n .delay-100 { transition-delay: 100ms; }\n .delay-200 { transition-delay: 200ms; }\n\n \/* --- VISUAL EFFECTS --- *\/\n \n \/* Grid Pattern *\/\n .bg-grid-overlay {\n background-size: 40px 40px;\n background-image: linear-gradient(to right, rgba(255, 255, 255, 0.03) 1px, transparent 1px),\n linear-gradient(to bottom, rgba(255, 255, 255, 0.03) 1px, transparent 1px);\n mask-image: linear-gradient(to bottom, transparent, 5%, white, 95%, transparent);\n -webkit-mask-image: linear-gradient(to bottom, transparent, 5%, white, 95%, transparent);\n }\n\n \/* Floating Dock Glass *\/\n .glass-dock {\n background: rgba(15, 22, 35, 0.85);\n backdrop-filter: blur(16px);\n -webkit-backdrop-filter: blur(16px);\n border: 1px solid rgba(255, 255, 255, 0.1);\n box-shadow: 0 10px 40px -10px rgba(0,0,0,0.5);\n }\n\n \/* Spotlight Effect *\/\n .spotlight-card {\n position: relative;\n \/* Ensure variables have defaults *\/\n --mouse-x: 50%;\n --mouse-y: 50%;\n }\n .spotlight-card::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(\n 600px circle at var(--mouse-x) var(--mouse-y),\n rgba(255, 255, 255, 0.06),\n transparent 40%\n );\n opacity: 0;\n transition: opacity 0.5s;\n pointer-events: none;\n z-index: 2;\n }\n .spotlight-card:hover::before {\n opacity: 1;\n }\n\n \/* Ambient Glow *\/\n .ambient-glow-purple {\n position: absolute;\n top: -50px;\n right: -50px;\n width: 200px;\n height: 200px;\n background: radial-gradient(circle, rgba(217, 18, 120, 0.15), transparent 70%); \/* Fucsia Glow *\/\n border-radius: 50%;\n pointer-events: none;\n z-index: 2;\n filter: blur(40px);\n }\n .ambient-glow-blue {\n position: absolute;\n bottom: -50px;\n left: -50px;\n width: 200px;\n height: 200px;\n background: radial-gradient(circle, rgba(111, 204, 240, 0.15), transparent 70%); \/* Blue Glow *\/\n border-radius: 50%;\n pointer-events: none;\n z-index: 2;\n filter: blur(40px);\n }\n\n \/* No Scrollbar Utility *\/\n .no-scrollbar::-webkit-scrollbar {\n display: none;\n }\n .no-scrollbar {\n -ms-overflow-style: none;\n scrollbar-width: none;\n }\n\n \/* --- WORDPRESS ISOLATION & OVERRIDES --- *\/\n \n #livresq-blog-app {\n all: initial; \/* Resets inherited properties *\/\n font-family: 'Inter', sans-serif;\n color: #334155; \/* slate-700 *\/\n line-height: 1.5;\n display: block;\n width: 100%;\n }\n\n \/* Reset Box Model inside the app *\/\n #livresq-blog-app *, \n #livresq-blog-app *::before, \n #livresq-blog-app *::after {\n box-sizing: border-box;\n }\n\n \/* Reset Links *\/\n #livresq-blog-app a {\n color: inherit;\n border-bottom: none;\n box-shadow: none;\n text-decoration: none;\n transition: all 0.3s ease;\n }\n \n \/* Reset Headings *\/\n #livresq-blog-app h1, \n #livresq-blog-app h2, \n #livresq-blog-app h3, \n #livresq-blog-app h4, \n #livresq-blog-app h5, \n #livresq-blog-app h6 {\n font-family: 'Roboto', sans-serif;\n font-weight: 900;\n line-height: 1.1;\n color: inherit;\n margin: 0;\n }\n\n \/* Reset Images *\/\n #livresq-blog-app img {\n max-width: 100%;\n height: auto;\n border: none;\n margin: 0;\n padding: 0;\n display: block;\n box-shadow: none;\n }\n\n \/* Reset Buttons *\/\n #livresq-blog-app button {\n background: none;\n border: none;\n padding: 0;\n margin: 0;\n font: inherit;\n cursor: pointer;\n outline: inherit;\n box-shadow: none;\n color: inherit;\n }\n\n \/* Reset Lists *\/\n #livresq-blog-app ul, \n #livresq-blog-app ol {\n list-style: none;\n margin: 0;\n padding: 0;\n }\n <\/style>\n<\/head>\n<body>\n\n \n <div id=\"livresq-blog-app\">\n \n \n <div class=\"relative overflow-hidden pt-32 pb-20 bg-gradient-to-b from-slate-50 via-white to-slate-50\">\n \n <div class=\"absolute top-0 right-0 w-[800px] h-[800px] bg-blue-100\/40 rounded-full blur-[120px] animate-blob mix-blend-multiply filter pointer-events-none opacity-60\"><\/div>\n <div class=\"absolute bottom-0 left-0 w-[600px] h-[600px] bg-pink-100\/40 rounded-full blur-[120px] animate-blob animation-delay-2000 mix-blend-multiply filter pointer-events-none opacity-60\"><\/div>\n\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\n <div class=\"text-center max-w-4xl mx-auto reveal\">\n \n <div class=\"flex justify-center mb-8\">\n <span class=\"inline-flex items-center py-1.5 px-4 rounded-lg border border-blue-200 bg-blue-50 text-blue-600 text-[11px] font-extrabold uppercase tracking-[0.15em] shadow-sm hover:bg-blue-100 transition-colors cursor-default\">\n <i data-lucide=\"graduation-cap\" class=\"w-3.5 h-3.5 mr-2\"><\/i> \n Stiri din via\u021ba LIVRESQ\n <\/span>\n <\/div>\n \n \n <h1 class=\"text-5xl md:text-6xl font-heading font-black text-slate-900 leading-[1.1] tracking-tight mb-8 drop-shadow-sm\">\n Blog \n <span class=\"text-livresq-fucsia\">\n LIVRESQ\n <\/span>\n <\/h1>\n \n \n <p class=\"mt-6 text-xl md:text-2xl text-slate-600 leading-relaxed max-w-3xl mx-auto font-normal\">\n Afl\u0103 ultimele nout\u0103\u021bi despre ceea ce facem pentru editorul LIVRESQ. Este o c\u0103l\u0103torie.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <section class=\"relative overflow-hidden z-20 pb-40 bg-slate-50\">\n <div class=\"max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\n \n \n <div class=\"mb-8 flex flex-col items-center justify-center text-center reveal mt-8\">\n <div class=\"inline-flex items-center justify-center px-4 py-1.5 rounded-md bg-white border border-slate-200 text-slate-500 text-xs font-bold uppercase tracking-wider shadow-sm\">\n <i data-lucide=\"clock\" class=\"w-3.5 h-3.5 mr-2 text-livresq-fucsia\"><\/i>\n <span id=\"page-indicator-text\">Articole Recente<\/span>\n <span class=\"mx-2 text-slate-300\">|<\/span>\n <span id=\"total-articles-count\">0 Articole<\/span>\n <\/div>\n <\/div>\n\n \n <div id=\"posts-container\" class=\"flex flex-col gap-12\">\n \n <\/div>\n\n \n <div id=\"pagination-wrapper\" class=\"hidden\">\n <div class=\"fixed bottom-8 left-1\/2 -translate-x-1\/2 z-50 w-auto max-w-[90vw] md:max-w-3xl\">\n <div class=\"glass-dock animate-float rounded-2xl px-3 py-2 md:px-4 md:py-2 flex items-center justify-center shadow-2xl border border-white\/10 bg-slate-900\/90 backdrop-blur-xl\">\n \n \n <button id=\"prev-btn\" onclick=\"changePage(currentPage - 1)\" class=\"p-2 md:p-3 rounded-xl hover:bg-white\/10 text-slate-400 hover:text-white disabled:opacity-30 disabled:cursor-not-allowed transition-all duration-300 flex-shrink-0\" aria-label=\"Previous Page\">\n <i data-lucide=\"chevron-left\" class=\"w-5 h-5\"><\/i>\n <\/button>\n\n <div class=\"h-6 w-px bg-white\/10 mx-2 flex-shrink-0\"><\/div>\n\n \n <div class=\"flex md:hidden items-center justify-center px-2\">\n <span id=\"mobile-page-indicator\" class=\"text-slate-200 text-sm font-bold whitespace-nowrap\">\n \n <\/span>\n <\/div>\n\n \n <div id=\"desktop-pages-list\" class=\"hidden md:flex items-center gap-1 overflow-x-auto no-scrollbar max-w-[180px] md:max-w-none px-1\">\n \n <\/div>\n\n <div class=\"h-6 w-px bg-white\/10 mx-2 flex-shrink-0\"><\/div>\n\n \n <button id=\"next-btn\" onclick=\"changePage(currentPage + 1)\" class=\"p-2 md:p-3 rounded-xl hover:bg-white\/10 text-slate-400 hover:text-white disabled:opacity-30 disabled:cursor-not-allowed transition-all duration-300 flex-shrink-0\" aria-label=\"Next Page\">\n <i data-lucide=\"chevron-right\" class=\"w-5 h-5\"><\/i>\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/section>\n\n <\/div>\n\n \n <script>\n \/\/ --- DATA ---\n const AVATARS = {\n \"Bogdan Vrinceanu\": \"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48cmVjdCB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0iI0Q5MTI3OCIvPjxwYXRoIGQ9Ik0wIDEwMCBMMTAwIDAgTDEwMCAxMDAgWiIgZmlsbD0iI2ZhZWQ4NyIgb3BhY2l0eT0iMC41Ii8+PC9zdmc+\",\n \"Andrei Suciu\": \"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48cmVjdCB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0iI2ZhZWQ4NyIvPjxjaXJjbGUgY3g9IjUwIiBjeT0iNTAiIHI9IjMwIiBmaWxsPSIjMmMzZTUwIiBvcGFjaXR5PSIwLjIiLz48L3N2Zz4=\",\n \"Admin\": \"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48cmVjdCB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0iIzZmY2NmMCIvPjxjaXJjbGUgY3g9IjUwIiBjeT0iNTAiIHI9IjM1IiBmaWxsPSIjZmZmZmZmIiBvcGFjaXR5PSIwLjUiLz48L3N2Zz4=\",\n \"Default\": \"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48cmVjdCB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0iI2UzZTNlMyIvPjwvc3ZnPg==\"\n };\n\n const rawBlogPosts = [\n{\n id: 1,\n title: \"Siguran\u021ba pe Internet \u00eencepe cu educa\u021bia de calitate. LIVRESQ premiaz\u0103 profesorii \u0219i elevii la evenimentul Ziua Siguran\u021bei pe Internet 2026\",\n excerpt: \"Internetul este o bibliotec\u0103 infinit\u0103, dar \u0219i un labirint plin de provoc\u0103ri. Pe 10 februarie 2026, echipa LIVRESQ (parte a Ascendia) a fost prezent\u0103 la Hotel Radisson Blu pentru a sus\u021bine una dintre cele mai importante ini\u021biative din Rom\u00e2nia dedicate protec\u021biei digitale: Ziua Siguran\u021bei pe Internet, organizat\u0103 de Salva\u021bi Copiii \u0219i Ora de Net.\",\n date: \"10 Februarue 2026\",\n image: \"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2026\/02\/Banner-articole-site-ASCENDIA-16.png?resize=1024%2C665&ssl=1\",\n link: \"https:\/\/livresq.com\/ro\/news\/siguranta-pe-internet-incepe-cu-educatia-de-calitate-livresq-premiaza-profesorii-si-elevii-la-evenimentul-ziua-sigurantei-pe-internet-2026\/\",\n category: \"News\",\n author: \"Bogdan Vrinceanu\"\n },\n {\n id: 2,\n title: \"LIVRESQ prime\u0219te grant de la ElevenLabs pentru a integra voci AI avansate\",\n excerpt: \"Comunicat de pres\u0103: LIVRESQ, platforma Ascendia, prime\u0219te grant de dezvoltare din partea ElevenLabs pentru a accelera dezvoltarea de func\u021bionalit\u0103\u021bi audio.\",\n date: \"15 Octombrie 2025\",\n image: \"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2025\/10\/Congrats-3.png?w=800&ssl=1\",\n link: \"https:\/\/livresq.com\/ro\/news\/livresq-primeste-grant-de-la-elevenlabs-pentru-a-integra-voci-ai-avansate-in-platforma-sa-e-learning-folosita-de-peste-158-000-de-creatori\/\",\n category: \"News\",\n author: \"Admin\"\n },\n {\n id: 3,\n title: \"De la un vis la un impact real: Cum profesorii au modelat LIVRESQ\",\n excerpt: \"Cum profesorii au modelat LIVRESQ \u0219i au adus Rom\u00e2nia \u00een fruntea educa\u021biei digitale europene. O c\u0103l\u0103torie de inovare continu\u0103.\",\n date: \"9 Octombrie 2025\",\n image: \"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2025\/10\/Add-a-heading-3.png?w=800&ssl=1\",\n link: \"https:\/\/livresq.com\/ro\/news\/de-la-un-vis-la-un-impact-real-cum-profesorii-au-modelat-livresq-si-au-adus-romania-in-fruntea-educatiei-digitale-europene\/\",\n category: \"News\",\n author: \"Bogdan Vrinceanu\",\n },\n {\n id: 4,\n title: \"Transform\u0103-\u021bi orele de biologie cu LIVRESQ \u0219i VHealthLab!\",\n excerpt: \"Dragi profesori de biologie, v\u0103 invit\u0103m s\u0103 participa\u021bi la conferin\u021ba final\u0103 a proiectului VHealthLab, care va avea un impact semnificativ.\",\n date: \"3 Octombrie 2025\",\n image: \"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2025\/10\/VHealthLab.png?w=800&ssl=1\",\n link: \"https:\/\/livresq.com\/ro\/news\/transforma-ti-orele-de-biologie-cu-livresq-si-vhealthlab\/\",\n category: \"Events\",\n author: \"Bogdan Vrinceanu\",\n },\n {\n id: 5,\n title: \"Calendarul anului 2025-2026 cu materiale auxiliare digitale interactive\",\n excerpt: \"Util pentru cadre didactice: Acest Calendar Educativ vine cu materiale auxiliare digitale interactive gratuite pentru fiecare zi important\u0103.\",\n date: \"2 Octombrie 2025\",\n image: \"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2025\/10\/Calendar-an-scolar-Facebook.png?w=800&ssl=1\",\n link: \"https:\/\/livresq.com\/ro\/news\/util-pentru-cadre-didactice-calendarul-anului-2025-2026-cu-materiale-auxiliare-digitale-interactive-gratuite-pentru-fiecare-zi-importanta\/\",\n category: \"Resources\",\n author: \"Bogdan Vrinceanu\",\n },\n {\n id: 6,\n title: \"Ascendia intr\u0103 cu LIVRESQ \u00een acceleratorul interna\u021bional Google 'AI for GovTech'\",\n excerpt: \"Ascendia S.A. intr\u0103 cu LIVRESQ \u00een acceleratorul interna\u021bional Growth Academy de la Google pentru a avansa solu\u021biile AI.\",\n date: \"24 Septembrie 2025\",\n image: \"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2025\/09\/Ai4GovTech-Wide-5.png?w=800&ssl=1\",\n link: \"https:\/\/livresq.com\/ro\/news\/ascendia-intra-cu-livresq-in-acceleratorul-international-growth-academy-ai-for-govtech-de-la-google\/\",\n category: \"Business\",\n author: \"Bogdan Vrinceanu\",\n },\n {\n id: 7,\n title: \"Business Education 2025: 5 \u0219abloane interactive pentru RETAIL\",\n excerpt: \"Anul 2025 marcheaz\u0103 o revolu\u021bie \u00een trainingul de retail. LIVRESQ introduce 5 \u0219abloane interactive noi.\",\n date: \"14 August 2025\",\n image: \"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2025\/08\/Banner-articole-site-ASCENDIA-4.png?w=800&ssl=1\",\n link: \"https:\/\/livresq.com\/ro\/news\/business-education-2025-livresq-introduce-5-sabloane-interactive-pentru-cursurile-e-learning-de-retail\/\",\n category: \"Templates\",\n author: \"Bogdan Vrinceanu\",\n },\n {\n id: 8,\n title: \"Pedagogie digital\u0103: Ce este \u0219i de ce este important\u0103\",\n excerpt: \"\u00cen era transform\u0103rii digitale, educa\u021bia se afl\u0103 la o r\u0103scruce istoric\u0103. Conceptul de pedagogie digital\u0103 devine central.\",\n date: \"5 Iunie 2025\",\n image: \"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2025\/06\/pedagogie_digitala.jpg?w=800&ssl=1\",\n link: \"https:\/\/livresq.com\/ro\/news\/pedagogie-digitala-ce-este-si-de-ce-este-importanta-pentru-educatia-moderna\/\",\n category: \"Education\",\n author: \"Victory\"\n },\n {\n id: 9,\n title: \"Personalizarea avansat\u0103 a lec\u021biilor cu teme, CSS \u0219i branding\",\n excerpt: \"Fiecare lec\u021bie interactiv\u0103 nu este doar un instrument de \u00eenv\u0103\u021bare, ci o experien\u021b\u0103. Afl\u0103 cum s\u0103 personalizezi avansat.\",\n date: \"3 Iunie 2025\",\n image: \"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2025\/06\/Untitled-design-54.png?w=800&ssl=1\",\n link: \"https:\/\/livresq.com\/ro\/news\/personalizarea-avansata-a-lectiilor-cu-teme-css-si-branding-in-livresq\/\",\n category: \"Tutorials\",\n author: \"Bogdan Vrinceanu\",\n },\n {\n id: 10,\n title: \"Resurse Educa\u021bionale Deschise (RED) \u00een LIVRESQ\",\n excerpt: \"Ce sunt RED-urile \u0219i de ce sunt importante? Cum transform\u0103 digitalizarea procesul de predare \u00een 2025.\",\n date: \"30 Mai 2025\",\n image: \"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2025\/05\/verforim_httpss.mj_.runRrISvn-aaR8_httpss.mj_.run9NXjKiEZfXw_Ex_a91cb828-e2d6-4b41-83a6-532e2ab30f75_3.png?w=800&ssl=1\",\n link: \"https:\/\/livresq.com\/ro\/news\/resurse-educationale-deschise-red-in-livresq-cum-transforma-digitalizarea-procesul-de-predare\/\",\n category: \"OER\",\n author: \"Bogdan Vrinceanu\",\n },\n {\n id: 11,\n title: \"Peste 2 milioane de profesori \u0219i elevi folosesc solu\u021biile AI Microsoft\",\n excerpt: \"Rom\u00e2nia continu\u0103 s\u0103 avanseze \u00een integrarea tehnologiilor digitale. Statistici impresionante despre adop\u021bia AI.\",\n date: \"9 Aprilie 2025\",\n image: \"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2025\/04\/1.11111.jpg?w=800&ssl=1\",\n link: \"https:\/\/livresq.com\/ro\/news\/peste-2-milioane-de-profesori-elevi-si-parinti-romani-folosesc-solutiile-ai-ale-microsoft\/\",\n category: \"Industry\",\n author: \"Bogdan Vrinceanu\",\n },\n {\n id: 12,\n title: \"Microcreditele \u00eentr-un peisaj VET \u00een schimbare\",\n excerpt: \"Ascendia a participat la un dialog \u00eentre consor\u021biul EMPASS \u0219i CEDEFOP despre viitorul microcreditelor.\",\n date: \"9 Aprilie 2025\",\n image: \"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2025\/04\/incercam.png?w=800&ssl=1\",\n link: \"https:\/\/livresq.com\/ro\/news\/microcreditele-intr-un-peisaj-vet-in-schimbare-un-dialog-intre-consortiul-empass-si-cedefop\/\",\n category: \"Projects\",\n author: \"Bogdan Vrinceanu\",\n },\n {\n id: 13,\n title: \"Gamificarea RED-urilor: exemple \u0219i teorii \u00een LIVRESQ\",\n excerpt: \"Afl\u0103 cum po\u021bi integra elemente de joc \u00een lec\u021biile tale pentru a spori interesul \u0219i participarea elevilor.\",\n date: \"8 Aprilie 2025\",\n image: \"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2025\/04\/Untitled-design-39.png?w=800&ssl=1\",\n link: \"https:\/\/livresq.com\/ro\/news\/gamificarea-red-urilor-exemple-teorii-si-aplicatii-in-platforma-livresq\/\",\n category: \"Tutorials\",\n author: \"Bogdan Vrinceanu\",\n },\n {\n id: 14,\n title: \"LIVRESQ \u2013 finalist\u0103 la Gala ANIS 2025\",\n excerpt: \"O victorie a comunit\u0103\u021bii de profesori \u0219i formatori. LIVRESQ recunoscut\u0103 ca platform\u0103 de top.\",\n date: \"27 Martie 2025\",\n image: \"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2025\/03\/486762282_1395412544770741_4553665332384119238_n.jpg?w=800&ssl=1\",\n link: \"https:\/\/livresq.com\/ro\/news\/livresq-platforma-de-lectii-interactive-finalista-la-gala-anis-2025-o-victorie-a-comunitatii-de-profesori-si-formatori\/\",\n category: \"Awards\",\n author: \"Bogdan Vrinceanu\",\n },\n {\n id: 15,\n title: \"\ud83c\udfc6 LIVRESQ \u2013 Recunoscut pentru impactul \u00een educa\u021bia digital\u0103!\",\n excerpt: \"Alex M\u0103lureanu, cofondator Ascendia, desemnat Antreprenorul Lunii pentru impactul LIVRESQ.\",\n date: \"19 Martie 2025\",\n image: \"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2025\/03\/1742372218032-1.jpeg?w=800&ssl=1\",\n link: \"https:\/\/livresq.com\/ro\/news\/%f0%9f%8f%86-livresq-recunoscut-pentru-impactul-in-educatia-digitala\/\",\n category: \"Awards\",\n author: \"Bogdan Vrinceanu\",\n },\n {\n id: 16,\n title: \"Concursul Interna\u021bional \u201e\u00cempreun\u0103 cu Hristos \u00een via\u021b\u0103\u201d 2025\",\n excerpt: \"LIVRESQ aduce interactivitate concursului coordonat de doamna Ionita Timi\u0219.\",\n date: \"13 Februarie 2025\",\n image: \"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2025\/02\/Concursul-International-Impreuna-cu-Hristos-in-viata.png?w=800&ssl=1\",\n link: \"https:\/\/livresq.com\/ro\/ro\/concurs-international-impreuna-cu-hristos-in-viata\/\",\n category: \"Community\",\n author: \"Bogdan Vrinceanu\",\n },\n {\n id: 17,\n title: \"Ascendia (LIVRESQ) membru \u00een Grupul de Exper\u021bi DEC al Comisiei Europene\",\n excerpt: \"O recunoa\u0219tere major\u0103: Ascendia se al\u0103tur\u0103 grupului de exper\u021bi pentru con\u021binut educa\u021bional digital.\",\n date: \"2 Iulie 2024\",\n image: \"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2024\/07\/ASC_DEC_RO.png?w=800&ssl=1\",\n link: \"https:\/\/livresq.com\/ro\/news\/ascendia-livresq-este-acum-membru-al-grupului-de-experti-pentru-continut-educational-digital-dec-al-comisiei-europene\/\",\n category: \"News\",\n author: \"Andrei Suciu\",\n },\n {\n id: 18,\n title: \"Cursuri de securitate cibernetic\u0103 \u00een cadrul #SigurantaOnline - Edi\u021bia 2\",\n excerpt: \"Cursuri gratuite pentru elevi, adul\u021bi \u0219i antreprenori oferite de Poli\u021bia Rom\u00e2n\u0103, DNSC \u0219i Ascendia.\",\n date: \"14 Martie 2024\",\n image: \"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2024\/03\/KV-Campanie-Siguranta-online-2.png?w=800&ssl=1\",\n link: \"https:\/\/livresq.com\/ro\/ro\/cursuri-de-securitate-cibernetica-pentru-elevi-si-adulti-si-antreprenori-in-cadrul-proiectului-national-sigurantaonline-editia-2\/\",\n category: \"CSR\",\n author: \"Andrei Suciu\",\n },\n {\n id: 19,\n title: \"Ascendia, partener \u00een proiectul european EMPASS\",\n excerpt: \"Un proiect finan\u021bat de UE pentru competen\u021be de ocupare a for\u021bei de munc\u0103, dezvoltat cu JA Europe.\",\n date: \"7 Februarie 2024\",\n image: \"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2024\/02\/KV-EMPASS.png?w=800&ssl=1\",\n link: \"https:\/\/livresq.com\/ro\/ro\/ascendia-partener-in-proiectul-european-empass-un-proiect-pentru-competente-de-ocupare-a-fortei-de-munca-finantat-de-uniunea-europeana\/\",\n category: \"Projects\",\n author: \"Andrei Suciu\",\n },\n {\n id: 20,\n title: \"Raport: Proiectul na\u021bional #SigurantaOnline \u00een anul 2023\",\n excerpt: \"Rezultatele campaniei 'Protec\u021bie prin educa\u021bie: Securitate digital\u0103' lansat\u0103 de Poli\u021bia Rom\u00e2n\u0103.\",\n date: \"29 Ianuarie 2024\",\n image: \"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2024\/01\/Campanie-Siguranta-online-4.png?w=800&ssl=1\",\n link: \"https:\/\/livresq.com\/ro\/ro\/proiectul-national-sigurantaonline-in-anul-2023-rezultatele-campaniei-protectie-prin-educatie-securitate-digitala\/\",\n category: \"Reports\",\n author: \"Andrei Suciu\",\n },\n {\n id: 21,\n title: \"Protec\u021bie prin educa\u021bie: Securitate digital\u0103\",\n excerpt: \"Lansarea cursurilor de securitate cibernetic\u0103 pentru elevi \u0219i adul\u021bi.\",\n date: \"31 Octombrie 2023\",\n image: \"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2023\/10\/KV-Protectie-prin-educatie-siguranta-online.png?w=800&ssl=1\",\n link: \"https:\/\/livresq.com\/ro\/news\/protectie-prin-educatie-securitate-digitala-cursuri-de-securitate-cibernetica-pentru-elevi-si-adulti\/\",\n category: \"Courses\",\n author: \"Andrei Suciu\",\n },\n {\n id: 22,\n title: \"Succes pentru campania 'Primul Ajutor, o \u0219ans\u0103 la via\u021b\u0103'\",\n excerpt: \"Ascendia \u0219i InfoCons \u00eencheie cu succes prima sesiune a campaniei na\u021bionale.\",\n date: \"29 August 2023\",\n image: \"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2023\/08\/Rezultate-finale-sesiunea-I-20.06.2023-31.07.2023.png?w=800&ssl=1\",\n link: \"https:\/\/livresq.com\/ro\/news\/ascendia-si-infocons-incheie-cu-succes-prima-sesiune-a-campaniei-primul-ajutor-o-sansa-la-viata\/\",\n category: \"CSR\",\n author: \"Andrei Suciu\",\n },\n {\n id: 23,\n title: \"Parteneriat strategic Samsung \u0219i Ascendia\",\n excerpt: \"Editorul LIVRESQ va fi integrat \u00een tablele interactive Samsung Flip pentru digitalizarea \u0219colilor.\",\n date: \"3 August 2023\",\n image: \"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2023\/08\/MicrosoftTeams-image-41.png?w=800&ssl=1\",\n link: \"https:\/\/livresq.com\/ro\/news\/samsung-si-ascendia-parteneriat-pentru-digitalizarea-institutiilor-educationale-din-romania-editorul-livresq-integrat-in-table-interactive-samsung-flip\/\",\n category: \"Partnership\",\n author: \"Andrei Suciu\",\n },\n {\n id: 24,\n title: \"Lansare campanie: Primul Ajutor, o \u0219ans\u0103 la via\u021b\u0103\",\n excerpt: \"Disponibil\u0103 \u00een toate institu\u021biile de \u00eenv\u0103\u021b\u0103m\u00e2nt din Rom\u00e2nia, \u00een parteneriat cu InfoCons.\",\n date: \"20 Iunie 2023\",\n image: \"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2023\/06\/artwork.png?w=800&ssl=1\",\n link: \"https:\/\/livresq.com\/ro\/news\/ascendia-si-infocons-lanseaza-campania-primul-ajutor-o-sansa-la-viata-in-toate-institutiile-de-invatamant-din-romania\/\",\n category: \"CSR\",\n author: \"Andrei Suciu\",\n },\n {\n id: 25,\n title: \"Tutorial \u00eenscriere: Campania Primul Ajutor\",\n excerpt: \"Ghid pas cu pas pentru \u00eenscrierea \u00een campania na\u021bional\u0103 de prim ajutor.\",\n date: \"20 Iunie 2023\",\n image: \"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2023\/06\/artwork.png?w=800&ssl=1\",\n link: \"https:\/\/livresq.com\/ro\/news\/calendarul-campaniei-primul-ajutor-o-sansa-la-viata\/\",\n category: \"Tutorials\",\n author: \"Andrei Suciu\",\n },\n {\n id: 26,\n title: \"Ascendia lanseaz\u0103 AI Enhancer pentru LIVRESQ\",\n excerpt: \"Redefinind crearea de con\u021binut e-learning prin inteligen\u021b\u0103 artificial\u0103.\",\n date: \"15 Iunie 2023\",\n image: \"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2023\/06\/wepik-ai-ro-livresq-20230609124033YMwo.png?w=800&ssl=1\",\n link: \"https:\/\/livresq.com\/ro\/news\/ascendia-lanseaza-ai-enhancer-pentru-livresq-redefinind-crearea-de-continut-e-learning\/\",\n category: \"Product\",\n author: \"Andrei Suciu\",\n },\n {\n id: 27,\n title: \"LIVRESQ la Hackathon-ul Smart2Education\",\n excerpt: \"Solu\u021bia aleas\u0103 de SNSPA pentru competi\u021bia de inova\u021bie educa\u021bional\u0103.\",\n date: \"10 Aprilie 2023\",\n image: \"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2023\/04\/Smart2Education-Hackaton-895x430-1.png?w=800&ssl=1\",\n link: \"https:\/\/livresq.com\/ro\/news\/livresq-solutia-folosita-la-hackathon-ul-smart2education\/\",\n category: \"Events\",\n author: \"Andrei Suciu\",\n },\n {\n id: 28,\n title: \"AICC vs SCORM: Care este mai bun?\",\n excerpt: \"O compara\u021bie tehnic\u0103 \u00eentre cele dou\u0103 standarde majore de eLearning.\",\n date: \"29 Noiembrie 2022\",\n image: \"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2022\/11\/AICC-vs-SCORM.png?w=800&ssl=1\",\n link: \"https:\/\/livresq.com\/ro\/news\/aicc-vs-scorm-care-este-mai-bun\/\",\n category: \"Tech\",\n author: \"Admin\"\n },\n {\n id: 29,\n title: \"List\u0103 cu lec\u021bii interactive gratuite de toamn\u0103\",\n excerpt: \"50 de lec\u021bii interactive gratuite preg\u0103tite pentru profesori.\",\n date: \"12 Septembrie 2022\",\n image: \"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2019\/07\/livresq-small.png?w=800&ssl=1\",\n link: \"https:\/\/livresq.com\/ro\/news\/lista-cu-lectii-interactive-gratuite-de-toamna\/\",\n category: \"Resources\",\n author: \"Admin\"\n },\n {\n id: 30,\n title: \"\u0218coala online: avantaje \u0219i dezavantaje\",\n excerpt: \"O analiz\u0103 a impactului cursurilor online \u0219i lec\u021biilor interactive.\",\n date: \"11 Septembrie 2022\",\n image: \"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2022\/09\/Scoala_online.jpeg?w=800&ssl=1\",\n link: \"https:\/\/livresq.com\/ro\/news\/scoala-online-avantaje-si-dezavantaje\/\",\n category: \"Education\",\n author: \"Admin\"\n },\n {\n id: 31,\n title: \"Cum predai asincron: Un ghid pentru profesori\",\n excerpt: \"\u00cenv\u0103\u021barea asincron\u0103 permite elevilor s\u0103 \u00eenve\u021be \u00een ritmul propriu. Iat\u0103 cum o po\u021bi implementa.\",\n date: \"7 Septembrie 2022\",\n image: \"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2022\/09\/Cum_predai.jpeg?w=800&ssl=1\",\n link: \"https:\/\/livresq.com\/ro\/news\/cum-predai-asincron-un-ghid-pentru-profesori\/\",\n category: \"Guides\",\n author: \"Admin\"\n },\n {\n id: 32,\n title: \"List\u0103 platforme educa\u021bionale rom\u00e2ne\u0219ti\",\n excerpt: \"Cele mai importante platforme rom\u00e2ne\u0219ti ce sus\u021bin educa\u021bia, de la pre\u0219colar la universitar.\",\n date: \"9 August 2022\",\n image: \"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2022\/08\/Instagram-Post-Resurse-Gratuitepentru-Profesori-2.png?w=800&ssl=1\",\n link: \"https:\/\/livresq.com\/ro\/news\/lista-platforme-educationale-romanesti\/\",\n category: \"Resources\",\n author: \"Admin\"\n },\n {\n id: 33,\n title: \"Surse a peste 800 de resurse educa\u021bionale deschise\",\n excerpt: \"Sursele editabile sunt acum disponibile gratuit direct din biblioteca LIVRESQ.\",\n date: \"28 Iulie 2022\",\n image: \"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2022\/07\/Ghid-LIVRESQ-Surse.jpeg?w=800&ssl=1\",\n link: \"https:\/\/livresq.com\/ro\/news\/surse-a-peste-800-de-resurse-educationale-deschise-sunt-disponibile-gratuit\/\",\n category: \"Resources\",\n author: \"Admin\"\n },\n {\n id: 34,\n title: \"Pachet de vacan\u021b\u0103 GRATUIT pentru cadre didactice!\",\n excerpt: \"Mul\u021bumim celor 32.000+ profesori cu materiale educa\u021bionale gratuite.\",\n date: \"12 Iulie 2022\",\n image: \"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2022\/07\/pachet-livresq.jpg?w=800&ssl=1\",\n link: \"https:\/\/livresq.com\/ro\/news\/pachet-de-vacanta-gratuit-pentru-cadre-didactice\/\",\n category: \"Resources\",\n author: \"Admin\"\n },\n {\n id: 35,\n title: \"Curs elearning gratuit de securitate cibernetic\u0103\",\n excerpt: \"ASCENDIA S.A. ofer\u0103 gratuit un curs esen\u021bial \u00een contextul actual.\",\n date: \"5 Mai 2022\",\n image: \"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2022\/05\/Securitate_cibernetica.jpeg?w=800&ssl=1\",\n link: \"https:\/\/livresq.com\/ro\/news\/curs-elearning-gratuit-de-securitate-cibernetica\/\",\n category: \"Courses\",\n author: \"Admin\"\n },\n {\n id: 36,\n title: \"Surse lec\u021bii Proiectul CRED\",\n excerpt: \"Sursele editabile a peste 422 de lec\u021bii din Proiectul CRED sunt accesibile.\",\n date: \"19 Aprilie 2022\",\n image: \"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2023\/10\/wepik-surse-editabile-cred-20231006084204kXYO.png?w=800&ssl=1\",\n link: \"https:\/\/livresq.com\/ro\/news\/surse-lectii-proiectul-cred\/\",\n category: \"Projects\",\n author: \"Admin\"\n },\n {\n id: 37,\n title: \"List\u0103 cu lec\u021bii interactive gratuite pentru Pa\u0219te!\",\n excerpt: \"21 lec\u021bii interactive pentru S\u0103rb\u0103torile Pascale, gata de folosit la clas\u0103.\",\n date: \"19 Aprilie 2022\",\n image: \"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2022\/04\/95e4c01d-cc47-4647-a79d-498c4bb5b3fe.png?w=800&ssl=1\",\n link: \"https:\/\/livresq.com\/ro\/news\/lista-cu-lectii-interactive-gratuite-pentru-paste\/\",\n category: \"Resources\",\n author: \"Admin\"\n },\n {\n id: 38,\n title: \"Cum te transformi \u00eentr-un asistent virtual?\",\n excerpt: \"Pa\u0219i rapizi pentru a crea o lec\u021bie interactiv\u0103 cu impact maxim.\",\n date: \"19 Aprilie 2022\",\n image: \"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2022\/04\/asistent-edu.jpg?w=800&ssl=1\",\n link: \"https:\/\/livresq.com\/ro\/news\/cum-te-transformi-intr-un-asistent-virtual-pentru-lectia-ta-interactiva\/\",\n category: \"Tutorials\",\n author: \"Admin\"\n },\n {\n id: 39,\n title: \"List\u0103 cu lec\u021bii interactive gratuite pentru Decembrie\",\n excerpt: \"Resurse utile cadrelor didactice pentru luna s\u0103rb\u0103torilor de iarn\u0103.\",\n date: \"25 Noiembrie 2021\",\n image: \"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2021\/11\/wepik-202312190954401BgZ.png?w=800&ssl=1\",\n link: \"https:\/\/livresq.com\/ro\/news\/lista-cu-lectii-interactive-gratuite-pentru-luna-decembrie\/\",\n category: \"Resources\",\n author: \"Admin\"\n },\n {\n id: 40,\n title: \"Lista 10 site-uri cu resurse gratuite pentru profesori\",\n excerpt: \"O selec\u021bie de 10 site-uri de unde pute\u021bi lua resurse educa\u021bionale gratuit.\",\n date: \"19 Noiembrie 2021\",\n image: \"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2021\/11\/Lista-10-site-uri.jpeg?w=800&ssl=1\",\n link: \"https:\/\/livresq.com\/ro\/news\/lista-10-site-uri-cu-resurse-gratuite-pentru-profesori\/\",\n category: \"Resources\",\n author: \"Admin\"\n },\n {\n id: 41,\n title: \"Cum creez o lec\u021bie interactiv\u0103?\",\n excerpt: \"Primul pas pentru a crea o lec\u021bie interactiv\u0103. \u00cenva\u021b\u0103 folosind un \u0219ablon dedicat.\",\n date: \"7 Aprilie 2021\",\n image: \"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2021\/04\/Custom-Prima.jpg?w=800&ssl=1\",\n link: \"https:\/\/livresq.com\/ro\/news\/cum-creez-o-lectie-interactiva\/\",\n category: \"Tutorials\",\n author: \"Admin\"\n },\n {\n id: 42,\n title: \"Aplic\u0103 pentru diploma de 'Creator de software educa\u021bional'\",\n excerpt: \"Ob\u021bine diploma LIVRESQ de 'Creator de resurse educa\u021bionale digitale interactive'.\",\n date: \"18 Mai 2020\",\n image: \"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2020\/05\/Diploma_Creator_LIVRESQ.png?w=800&ssl=1\",\n link: \"https:\/\/livresq.com\/ro\/news\/aplica-pentru-diploma-de-creator-de-resurse-educationale-digitale-interactive\/\",\n category: \"Certification\",\n author: \"Admin\"\n },\n {\n id: 43,\n title: \"Cum public corect o Resurs\u0103 Educa\u021bional\u0103 Deschis\u0103 (RED)?\",\n excerpt: \"Ghid scurt pentru publicarea lec\u021biilor \u0219i cursurilor \u00een biblioteca LIVRESQ.\",\n date: \"20 Aprilie 2020\",\n image: \"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2025\/01\/Pedagogie-Digitala%CC%86.png?w=800&ssl=1\",\n link: \"https:\/\/livresq.com\/ro\/news\/pregatirea-si-publicarea-unui-material-lectie-curs-in-livresq\/\",\n category: \"Tutorials\",\n author: \"Admin\"\n }\n ];\n\n \/\/ --- STATE & UTILS ---\n \n let currentPage = 1;\n const itemsPerPage = 8;\n \n \/\/ Normalize Data (match React Logic)\n const blogPosts = rawBlogPosts.map(post => {\n let author = post.author;\n if (author === \"Victory\" || author === \"Victoria\" || author === \"victoria\") {\n author = \"Admin\";\n }\n const avatar = AVATARS[author] || AVATARS[\"Default\"];\n return { ...post, author, authorAvatar: avatar };\n });\n\n \/\/ --- GLOBAL HANDLERS ---\n \/\/ Expose spotlight handler to window for inline HTML events\n window.handleSpotlight = function(e) {\n const rect = e.currentTarget.getBoundingClientRect();\n const x = e.clientX - rect.left;\n const y = e.clientY - rect.top;\n e.currentTarget.style.setProperty('--mouse-x', `${x}px`);\n e.currentTarget.style.setProperty('--mouse-y', `${y}px`);\n };\n\n \/\/ --- RENDER FUNCTIONS ---\n\n function renderApp() {\n \/\/ Calculate Slices\n const totalPages = Math.ceil(blogPosts.length \/ itemsPerPage);\n const indexOfLastItem = currentPage * itemsPerPage;\n const indexOfFirstItem = indexOfLastItem - itemsPerPage;\n const currentItems = blogPosts.slice(indexOfFirstItem, indexOfLastItem);\n\n \/\/ 1. Update Header Counts\/Text\n const pageIndicatorText = document.getElementById('page-indicator-text');\n pageIndicatorText.textContent = currentPage === 1 ? 'Articole Recente' : `Pagina ${currentPage}`;\n document.getElementById('total-articles-count').textContent = `${blogPosts.length} Articole`;\n\n \/\/ 2. Render Posts (Stacked List, Horizontal Cards)\n const postsContainer = document.getElementById('posts-container');\n postsContainer.innerHTML = currentItems.map((post, index) => {\n \/\/ Alternating Logic: Odd indices are dark (Midnight), Even are light (White)\n const isDark = (index % 2 !== 0);\n \n \/\/ --- STYLES ---\n \n \/\/ Container\n const containerClasses = `\n group w-full rounded-2xl overflow-hidden flex flex-col lg:flex-row shadow-2xl relative border reveal\n ${isDark ? 'bg-midnight border-white\/10 spotlight-card' : 'bg-white border-slate-200'}\n `;\n \n \/\/ Image Section\n const imgContainerClasses = `\n w-full lg:w-[55%] relative block flex items-center justify-center overflow-hidden aspect-video lg:aspect-auto\n ${isDark ? 'bg-slate-900\/50' : 'bg-slate-50'}\n `;\n \n \/\/ Tag Badge\n const tagClasses = `\n inline-flex items-center px-3 py-1.5 rounded-md text-xs font-bold uppercase tracking-wider shadow-lg backdrop-blur-md border\n ${isDark ? 'bg-slate-800\/80 text-white border-white\/20' : 'bg-white\/90 text-livresq-fucsia border-white\/50'}\n `;\n\n \/\/ Content Section\n const contentContainerClasses = `\n w-full lg:w-[45%] p-8 md:p-10 flex flex-col justify-center relative z-10\n ${isDark ? 'border-t lg:border-t-0 lg:border-l border-white\/10' : 'border-t lg:border-t-0 lg:border-l border-slate-100'}\n `;\n\n \/\/ Typography Colors\n const dateColor = 'text-slate-400';\n const titleColor = isDark ? 'text-white hover:text-livresq-albastru' : 'text-slate-900 hover:text-[#1379D1]';\n const excerptColor = isDark ? 'text-slate-400' : 'text-slate-500';\n \n \/\/ Footer\n const footerBorder = isDark ? 'border-white\/10' : 'border-slate-100';\n const avatarBorder = isDark ? 'border-slate-600' : 'border-slate-200';\n const authorColor = isDark ? 'text-slate-300' : 'text-slate-700';\n\n \/\/ Extras for Dark Cards\n const gridOverlay = isDark ? '<div class=\"absolute inset-0 bg-grid-overlay opacity-30 pointer-events-none z-0\"><\/div>' : '';\n const ambientGlow = isDark ? '<div class=\"ambient-glow-purple\"><\/div><div class=\"ambient-glow-blue\"><\/div>' : '';\n const eventHandler = isDark ? 'onmousemove=\"handleSpotlight(event)\"' : '';\n\n return `\n <article class=\"${containerClasses}\" ${eventHandler}>\n ${gridOverlay}\n ${ambientGlow}\n\n \n <a href=\"${post.link}\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"${imgContainerClasses}\">\n <div class=\"absolute inset-0 bg-black\/0 group-hover:bg-black\/10 transition-colors z-10\"><\/div>\n \n <img decoding=\"async\" src=\"${post.image}\" alt=\"${post.title}\" class=\"w-full h-full object-contain transform group-hover:scale-105 transition-transform duration-700 ease-out\" loading=\"lazy\" \/>\n \n <div class=\"absolute top-6 left-6 z-20\">\n <span class=\"${tagClasses}\">\n <i data-lucide=\"tag\" class=\"w-3 h-3 mr-2\"><\/i>\n ${post.category}\n <\/span>\n <\/div>\n <\/a>\n\n \n <div class=\"${contentContainerClasses}\">\n <div class=\"flex items-center gap-3 mb-6 font-bold uppercase tracking-wider text-xs ${dateColor}\">\n <i data-lucide=\"calendar\" class=\"w-4 h-4 mr-2\"><\/i>\n ${post.date}\n <\/div>\n\n <h2 class=\"text-2xl md:text-3xl font-black mb-6 leading-tight transition-colors ${titleColor}\">\n <a href=\"${post.link}\" target=\"_blank\" rel=\"noopener noreferrer\">\n ${post.title}\n <\/a>\n <\/h2>\n \n <p class=\"text-base md:text-lg leading-relaxed mb-8 font-normal ${excerptColor}\">\n ${post.excerpt}\n <\/p>\n\n <div class=\"mt-auto pt-8 border-t flex items-center justify-between ${footerBorder}\">\n <div class=\"flex items-center gap-3\">\n <img decoding=\"async\" src=\"${post.authorAvatar}\" alt=\"${post.author}\" class=\"w-10 h-10 rounded-full border ${avatarBorder}\"\/>\n <div class=\"flex flex-col\">\n <span class=\"text-[10px] text-slate-500 uppercase font-bold tracking-wider\">Autor<\/span>\n <span class=\"text-sm font-bold ${authorColor}\">${post.author}<\/span>\n <\/div>\n <\/div>\n \n <a href=\"${post.link}\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"inline-flex items-center px-6 py-3 bg-[#1379D1] hover:bg-[#116bb8] text-white font-bold rounded-md shadow-md hover:shadow-lg transition-all transform group-hover:translate-x-1\">\n Cite\u0219te\n <i data-lucide=\"arrow-right\" class=\"w-4 h-4 ml-2\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n <\/article>\n `;\n }).join('');\n\n \/\/ 3. Render Pagination\n const paginationWrapper = document.getElementById('pagination-wrapper');\n const prevBtn = document.getElementById('prev-btn');\n const nextBtn = document.getElementById('next-btn');\n const mobileIndicator = document.getElementById('mobile-page-indicator');\n const desktopList = document.getElementById('desktop-pages-list');\n\n if (totalPages > 1) {\n paginationWrapper.classList.remove('hidden');\n \n \/\/ Button States\n prevBtn.disabled = (currentPage === 1);\n nextBtn.disabled = (currentPage === totalPages);\n\n \/\/ Mobile Text\n mobileIndicator.textContent = `Pagina ${currentPage} din ${totalPages}`;\n\n \/\/ Desktop List\n let pagesHtml = '';\n for (let i = 1; i <= totalPages; i++) {\n const activeClass = (i === currentPage) \n ? 'bg-[#1379D1] text-white shadow-lg scale-105' \n : 'text-slate-400 hover:bg-white\/10 hover:text-white';\n \n pagesHtml += `\n <button onclick=\"changePage(${i})\" class=\"w-9 h-9 rounded-xl font-bold text-sm transition-all duration-300 flex items-center justify-center relative flex-shrink-0 ${activeClass}\">\n ${i}\n <\/button>\n `;\n }\n desktopList.innerHTML = pagesHtml;\n\n } else {\n paginationWrapper.classList.add('hidden');\n }\n\n \/\/ 4. Initialize Lucide Icons for newly injected content\n lucide.createIcons();\n\n \/\/ 5. Trigger Animations\n initAnimations();\n }\n\n function changePage(page) {\n currentPage = page;\n renderApp();\n window.scrollTo({ top: 0, behavior: 'smooth' });\n }\n\n function initAnimations() {\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('active');\n }\n });\n }, { threshold: 0.1 });\n\n setTimeout(() => {\n const elements = document.querySelectorAll('.reveal');\n elements.forEach((el, i) => {\n observer.observe(el);\n setTimeout(() => {\n \/\/ Only trigger if roughly in view or close to it, or just stagger them\n el.classList.add('active');\n }, i * 50);\n });\n }, 100);\n }\n\n document.addEventListener('DOMContentLoaded', () => {\n renderApp();\n const heroReveal = document.querySelector('.max-w-4xl.reveal');\n if(heroReveal) setTimeout(() => heroReveal.classList.add('active'), 100);\n });\n\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>LIVRESQ Blog – Export Stiri din via\u021ba LIVRESQ Blog LIVRESQ Afl\u0103 ultimele nout\u0103\u021bi despre ceea ce facem pentru editorul LIVRESQ. Este o c\u0103l\u0103torie. Articole Recente | 0 Articole<\/p>","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-10378","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Blog - LIVRESQ<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/livresq.com\/gr\/blog\/\" \/>\n<meta property=\"og:locale\" content=\"el_GR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Blog - LIVRESQ\" \/>\n<meta property=\"og:description\" content=\"LIVRESQ Blog – Export Stiri din via\u021ba LIVRESQ Blog LIVRESQ Afl\u0103 ultimele nout\u0103\u021bi despre ceea ce facem pentru editorul LIVRESQ. Este o c\u0103l\u0103torie. Articole Recente | 0 Articole\" \/>\n<meta property=\"og:url\" content=\"https:\/\/livresq.com\/gr\/blog\/\" \/>\n<meta property=\"og:site_name\" content=\"LIVRESQ\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-13T12:11:34+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u0395\u03ba\u03c4\u03b9\u03bc\u03ce\u03bc\u03b5\u03bd\u03bf\u03c2 \u03c7\u03c1\u03cc\u03bd\u03bf\u03c2 \u03b1\u03bd\u03ac\u03b3\u03bd\u03c9\u03c3\u03b7\u03c2\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 \u03bb\u03b5\u03c0\u03c4\u03cc\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/livresq.com\/blog\/\",\"url\":\"https:\/\/livresq.com\/blog\/\",\"name\":\"Blog - LIVRESQ\",\"isPartOf\":{\"@id\":\"https:\/\/livresq.com\/en\/#website\"},\"datePublished\":\"2020-02-19T10:27:56+00:00\",\"dateModified\":\"2026-02-13T12:11:34+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/livresq.com\/blog\/#breadcrumb\"},\"inLanguage\":\"el\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/livresq.com\/blog\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/livresq.com\/blog\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Prima pagin\u0103\",\"item\":\"https:\/\/livresq.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Blog\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/livresq.com\/en\/#website\",\"url\":\"https:\/\/livresq.com\/en\/\",\"name\":\"LIVRESQ\",\"description\":\"eLearning Authoring Tool\",\"publisher\":{\"@id\":\"https:\/\/livresq.com\/en\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/livresq.com\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"el\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/livresq.com\/en\/#organization\",\"name\":\"LIVRESQ - Authoring Tool\",\"url\":\"https:\/\/livresq.com\/en\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"el\",\"@id\":\"https:\/\/livresq.com\/en\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2019\/07\/cropped-Logo.png?fit=1054%2C575&ssl=1\",\"contentUrl\":\"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2019\/07\/cropped-Logo.png?fit=1054%2C575&ssl=1\",\"width\":1054,\"height\":575,\"caption\":\"LIVRESQ - Authoring Tool\"},\"image\":{\"@id\":\"https:\/\/livresq.com\/en\/#\/schema\/logo\/image\/\"}}]}<\/script>\n","yoast_head_json":{"title":"\u0399\u03c3\u03c4\u03bf\u03bb\u03cc\u03b3\u03b9\u03bf - LIVRESQ","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/livresq.com\/gr\/blog\/","og_locale":"el_GR","og_type":"article","og_title":"Blog - LIVRESQ","og_description":"LIVRESQ Blog – Export Stiri din via\u021ba LIVRESQ Blog LIVRESQ Afl\u0103 ultimele nout\u0103\u021bi despre ceea ce facem pentru editorul LIVRESQ. Este o c\u0103l\u0103torie. Articole Recente | 0 Articole","og_url":"https:\/\/livresq.com\/gr\/blog\/","og_site_name":"LIVRESQ","article_modified_time":"2026-02-13T12:11:34+00:00","twitter_card":"summary_large_image","twitter_misc":{"\u0395\u03ba\u03c4\u03b9\u03bc\u03ce\u03bc\u03b5\u03bd\u03bf\u03c2 \u03c7\u03c1\u03cc\u03bd\u03bf\u03c2 \u03b1\u03bd\u03ac\u03b3\u03bd\u03c9\u03c3\u03b7\u03c2":"1 \u03bb\u03b5\u03c0\u03c4\u03cc"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/livresq.com\/blog\/","url":"https:\/\/livresq.com\/blog\/","name":"\u0399\u03c3\u03c4\u03bf\u03bb\u03cc\u03b3\u03b9\u03bf - LIVRESQ","isPartOf":{"@id":"https:\/\/livresq.com\/en\/#website"},"datePublished":"2020-02-19T10:27:56+00:00","dateModified":"2026-02-13T12:11:34+00:00","breadcrumb":{"@id":"https:\/\/livresq.com\/blog\/#breadcrumb"},"inLanguage":"el","potentialAction":[{"@type":"ReadAction","target":["https:\/\/livresq.com\/blog\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/livresq.com\/blog\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Prima pagin\u0103","item":"https:\/\/livresq.com\/"},{"@type":"ListItem","position":2,"name":"Blog"}]},{"@type":"WebSite","@id":"https:\/\/livresq.com\/en\/#website","url":"https:\/\/livresq.com\/en\/","name":"LIVRESQ","description":"\u0395\u03c1\u03b3\u03b1\u03bb\u03b5\u03af\u03bf \u03c3\u03c5\u03b3\u03b3\u03c1\u03b1\u03c6\u03ae\u03c2 eLearning","publisher":{"@id":"https:\/\/livresq.com\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/livresq.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"el"},{"@type":"Organization","@id":"https:\/\/livresq.com\/en\/#organization","name":"LIVRESQ - \u0395\u03c1\u03b3\u03b1\u03bb\u03b5\u03af\u03bf \u03c3\u03c5\u03b3\u03b3\u03c1\u03b1\u03c6\u03ae\u03c2","url":"https:\/\/livresq.com\/en\/","logo":{"@type":"ImageObject","inLanguage":"el","@id":"https:\/\/livresq.com\/en\/#\/schema\/logo\/image\/","url":"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2019\/07\/cropped-Logo.png?fit=1054%2C575&ssl=1","contentUrl":"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2019\/07\/cropped-Logo.png?fit=1054%2C575&ssl=1","width":1054,"height":575,"caption":"LIVRESQ - Authoring Tool"},"image":{"@id":"https:\/\/livresq.com\/en\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/livresq.com\/gr\/wp-json\/wp\/v2\/pages\/10378","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/livresq.com\/gr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/livresq.com\/gr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/livresq.com\/gr\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/livresq.com\/gr\/wp-json\/wp\/v2\/comments?post=10378"}],"version-history":[{"count":105,"href":"https:\/\/livresq.com\/gr\/wp-json\/wp\/v2\/pages\/10378\/revisions"}],"predecessor-version":[{"id":489143,"href":"https:\/\/livresq.com\/gr\/wp-json\/wp\/v2\/pages\/10378\/revisions\/489143"}],"wp:attachment":[{"href":"https:\/\/livresq.com\/gr\/wp-json\/wp\/v2\/media?parent=10378"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":10378,"date":"2020-02-19T12:27:56","date_gmt":"2020-02-19T10:27:56","guid":{"rendered":"https:\/\/livresq.com\/?page_id=10378"},"modified":"2026-02-13T14:11:34","modified_gmt":"2026-02-13T12:11:34","slug":"blog","status":"publish","type":"page","link":"https:\/\/livresq.com\/gr\/blog\/","title":{"rendered":"\u039c\u03c0\u03bb\u03bf\u03b3\u03ba"},"content":{"rendered":"\n\n\n\n \n \n LIVRESQ Blog – Export<\/title>\n \n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&family=Roboto:wght@700;900&display=swap\" rel=\"stylesheet\">\n \n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n \n \n <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\n \n \n <script>\n tailwind.config = {\n \/\/ CRITICAL: Scopes all Tailwind utility classes to this ID to override WP styles\n important: '#livresq-blog-app', \n theme: {\n extend: {\n colors: {\n midnight: '#0F1623', \n livresq: {\n fucsia: '#D91278', \n 'fucsia-dark': '#b00e60',\n albastru: '#6fccf0', \n blond: '#faed87', \n darkblue: '#2c3e50',\n text: '#e2e8f0',\n amber: '#f59e0b'\n },\n slate: {\n 850: '#151e2e',\n 900: '#0F1623' \n }\n },\n fontFamily: {\n sans: ['Inter', 'sans-serif'],\n heading: ['Roboto', 'sans-serif'],\n },\n animation: {\n 'blob': 'blob 10s infinite alternate',\n 'float': 'float 6s ease-in-out infinite',\n },\n keyframes: {\n blob: {\n '0%': { transform: 'translate(0px, 0px) scale(1)' },\n '33%': { transform: 'translate(30px, -50px) scale(1.1)' },\n '66%': { transform: 'translate(-20px, 20px) scale(0.9)' },\n '100%': { transform: 'translate(0px, 0px) scale(1)' },\n },\n float: {\n '0%, 100%': { transform: 'translateY(0)' },\n '50%': { transform: 'translateY(-20px)' },\n }\n }\n }\n }\n }\n <\/script>\n\n <style>\n \/* Base Helper Styles *\/\n html { scroll-behavior: smooth; }\n \n .reveal {\n opacity: 0;\n transform: translateY(30px);\n transition: all 0.8s cubic-bezier(0.5, 0, 0, 1);\n }\n .reveal.active {\n opacity: 1;\n transform: translateY(0);\n }\n\n .delay-100 { transition-delay: 100ms; }\n .delay-200 { transition-delay: 200ms; }\n\n \/* --- VISUAL EFFECTS --- *\/\n \n \/* Grid Pattern *\/\n .bg-grid-overlay {\n background-size: 40px 40px;\n background-image: linear-gradient(to right, rgba(255, 255, 255, 0.03) 1px, transparent 1px),\n linear-gradient(to bottom, rgba(255, 255, 255, 0.03) 1px, transparent 1px);\n mask-image: linear-gradient(to bottom, transparent, 5%, white, 95%, transparent);\n -webkit-mask-image: linear-gradient(to bottom, transparent, 5%, white, 95%, transparent);\n }\n\n \/* Floating Dock Glass *\/\n .glass-dock {\n background: rgba(15, 22, 35, 0.85);\n backdrop-filter: blur(16px);\n -webkit-backdrop-filter: blur(16px);\n border: 1px solid rgba(255, 255, 255, 0.1);\n box-shadow: 0 10px 40px -10px rgba(0,0,0,0.5);\n }\n\n \/* Spotlight Effect *\/\n .spotlight-card {\n position: relative;\n \/* Ensure variables have defaults *\/\n --mouse-x: 50%;\n --mouse-y: 50%;\n }\n .spotlight-card::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(\n 600px circle at var(--mouse-x) var(--mouse-y),\n rgba(255, 255, 255, 0.06),\n transparent 40%\n );\n opacity: 0;\n transition: opacity 0.5s;\n pointer-events: none;\n z-index: 2;\n }\n .spotlight-card:hover::before {\n opacity: 1;\n }\n\n \/* Ambient Glow *\/\n .ambient-glow-purple {\n position: absolute;\n top: -50px;\n right: -50px;\n width: 200px;\n height: 200px;\n background: radial-gradient(circle, rgba(217, 18, 120, 0.15), transparent 70%); \/* Fucsia Glow *\/\n border-radius: 50%;\n pointer-events: none;\n z-index: 2;\n filter: blur(40px);\n }\n .ambient-glow-blue {\n position: absolute;\n bottom: -50px;\n left: -50px;\n width: 200px;\n height: 200px;\n background: radial-gradient(circle, rgba(111, 204, 240, 0.15), transparent 70%); \/* Blue Glow *\/\n border-radius: 50%;\n pointer-events: none;\n z-index: 2;\n filter: blur(40px);\n }\n\n \/* No Scrollbar Utility *\/\n .no-scrollbar::-webkit-scrollbar {\n display: none;\n }\n .no-scrollbar {\n -ms-overflow-style: none;\n scrollbar-width: none;\n }\n\n \/* --- WORDPRESS ISOLATION & OVERRIDES --- *\/\n \n #livresq-blog-app {\n all: initial; \/* Resets inherited properties *\/\n font-family: 'Inter', sans-serif;\n color: #334155; \/* slate-700 *\/\n line-height: 1.5;\n display: block;\n width: 100%;\n }\n\n \/* Reset Box Model inside the app *\/\n #livresq-blog-app *, \n #livresq-blog-app *::before, \n #livresq-blog-app *::after {\n box-sizing: border-box;\n }\n\n \/* Reset Links *\/\n #livresq-blog-app a {\n color: inherit;\n border-bottom: none;\n box-shadow: none;\n text-decoration: none;\n transition: all 0.3s ease;\n }\n \n \/* Reset Headings *\/\n #livresq-blog-app h1, \n #livresq-blog-app h2, \n #livresq-blog-app h3, \n #livresq-blog-app h4, \n #livresq-blog-app h5, \n #livresq-blog-app h6 {\n font-family: 'Roboto', sans-serif;\n font-weight: 900;\n line-height: 1.1;\n color: inherit;\n margin: 0;\n }\n\n \/* Reset Images *\/\n #livresq-blog-app img {\n max-width: 100%;\n height: auto;\n border: none;\n margin: 0;\n padding: 0;\n display: block;\n box-shadow: none;\n }\n\n \/* Reset Buttons *\/\n #livresq-blog-app button {\n background: none;\n border: none;\n padding: 0;\n margin: 0;\n font: inherit;\n cursor: pointer;\n outline: inherit;\n box-shadow: none;\n color: inherit;\n }\n\n \/* Reset Lists *\/\n #livresq-blog-app ul, \n #livresq-blog-app ol {\n list-style: none;\n margin: 0;\n padding: 0;\n }\n <\/style>\n<\/head>\n<body>\n\n \n <div id=\"livresq-blog-app\">\n \n \n <div class=\"relative overflow-hidden pt-32 pb-20 bg-gradient-to-b from-slate-50 via-white to-slate-50\">\n \n <div class=\"absolute top-0 right-0 w-[800px] h-[800px] bg-blue-100\/40 rounded-full blur-[120px] animate-blob mix-blend-multiply filter pointer-events-none opacity-60\"><\/div>\n <div class=\"absolute bottom-0 left-0 w-[600px] h-[600px] bg-pink-100\/40 rounded-full blur-[120px] animate-blob animation-delay-2000 mix-blend-multiply filter pointer-events-none opacity-60\"><\/div>\n\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\n <div class=\"text-center max-w-4xl mx-auto reveal\">\n \n <div class=\"flex justify-center mb-8\">\n <span class=\"inline-flex items-center py-1.5 px-4 rounded-lg border border-blue-200 bg-blue-50 text-blue-600 text-[11px] font-extrabold uppercase tracking-[0.15em] shadow-sm hover:bg-blue-100 transition-colors cursor-default\">\n <i data-lucide=\"graduation-cap\" class=\"w-3.5 h-3.5 mr-2\"><\/i> \n Stiri din via\u021ba LIVRESQ\n <\/span>\n <\/div>\n \n \n <h1 class=\"text-5xl md:text-6xl font-heading font-black text-slate-900 leading-[1.1] tracking-tight mb-8 drop-shadow-sm\">\n Blog \n <span class=\"text-livresq-fucsia\">\n LIVRESQ\n <\/span>\n <\/h1>\n \n \n <p class=\"mt-6 text-xl md:text-2xl text-slate-600 leading-relaxed max-w-3xl mx-auto font-normal\">\n Afl\u0103 ultimele nout\u0103\u021bi despre ceea ce facem pentru editorul LIVRESQ. Este o c\u0103l\u0103torie.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <section class=\"relative overflow-hidden z-20 pb-40 bg-slate-50\">\n <div class=\"max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\n \n \n <div class=\"mb-8 flex flex-col items-center justify-center text-center reveal mt-8\">\n <div class=\"inline-flex items-center justify-center px-4 py-1.5 rounded-md bg-white border border-slate-200 text-slate-500 text-xs font-bold uppercase tracking-wider shadow-sm\">\n <i data-lucide=\"clock\" class=\"w-3.5 h-3.5 mr-2 text-livresq-fucsia\"><\/i>\n <span id=\"page-indicator-text\">Articole Recente<\/span>\n <span class=\"mx-2 text-slate-300\">|<\/span>\n <span id=\"total-articles-count\">0 Articole<\/span>\n <\/div>\n <\/div>\n\n \n <div id=\"posts-container\" class=\"flex flex-col gap-12\">\n \n <\/div>\n\n \n <div id=\"pagination-wrapper\" class=\"hidden\">\n <div class=\"fixed bottom-8 left-1\/2 -translate-x-1\/2 z-50 w-auto max-w-[90vw] md:max-w-3xl\">\n <div class=\"glass-dock animate-float rounded-2xl px-3 py-2 md:px-4 md:py-2 flex items-center justify-center shadow-2xl border border-white\/10 bg-slate-900\/90 backdrop-blur-xl\">\n \n \n <button id=\"prev-btn\" onclick=\"changePage(currentPage - 1)\" class=\"p-2 md:p-3 rounded-xl hover:bg-white\/10 text-slate-400 hover:text-white disabled:opacity-30 disabled:cursor-not-allowed transition-all duration-300 flex-shrink-0\" aria-label=\"Previous Page\">\n <i data-lucide=\"chevron-left\" class=\"w-5 h-5\"><\/i>\n <\/button>\n\n <div class=\"h-6 w-px bg-white\/10 mx-2 flex-shrink-0\"><\/div>\n\n \n <div class=\"flex md:hidden items-center justify-center px-2\">\n <span id=\"mobile-page-indicator\" class=\"text-slate-200 text-sm font-bold whitespace-nowrap\">\n \n <\/span>\n <\/div>\n\n \n <div id=\"desktop-pages-list\" class=\"hidden md:flex items-center gap-1 overflow-x-auto no-scrollbar max-w-[180px] md:max-w-none px-1\">\n \n <\/div>\n\n <div class=\"h-6 w-px bg-white\/10 mx-2 flex-shrink-0\"><\/div>\n\n \n <button id=\"next-btn\" onclick=\"changePage(currentPage + 1)\" class=\"p-2 md:p-3 rounded-xl hover:bg-white\/10 text-slate-400 hover:text-white disabled:opacity-30 disabled:cursor-not-allowed transition-all duration-300 flex-shrink-0\" aria-label=\"Next Page\">\n <i data-lucide=\"chevron-right\" class=\"w-5 h-5\"><\/i>\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/section>\n\n <\/div>\n\n \n <script>\n \/\/ --- DATA ---\n const AVATARS = {\n \"Bogdan Vrinceanu\": \"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48cmVjdCB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0iI0Q5MTI3OCIvPjxwYXRoIGQ9Ik0wIDEwMCBMMTAwIDAgTDEwMCAxMDAgWiIgZmlsbD0iI2ZhZWQ4NyIgb3BhY2l0eT0iMC41Ii8+PC9zdmc+\",\n \"Andrei Suciu\": \"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48cmVjdCB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0iI2ZhZWQ4NyIvPjxjaXJjbGUgY3g9IjUwIiBjeT0iNTAiIHI9IjMwIiBmaWxsPSIjMmMzZTUwIiBvcGFjaXR5PSIwLjIiLz48L3N2Zz4=\",\n \"Admin\": \"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48cmVjdCB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0iIzZmY2NmMCIvPjxjaXJjbGUgY3g9IjUwIiBjeT0iNTAiIHI9IjM1IiBmaWxsPSIjZmZmZmZmIiBvcGFjaXR5PSIwLjUiLz48L3N2Zz4=\",\n \"Default\": \"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48cmVjdCB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0iI2UzZTNlMyIvPjwvc3ZnPg==\"\n };\n\n const rawBlogPosts = [\n{\n id: 1,\n title: \"Siguran\u021ba pe Internet \u00eencepe cu educa\u021bia de calitate. LIVRESQ premiaz\u0103 profesorii \u0219i elevii la evenimentul Ziua Siguran\u021bei pe Internet 2026\",\n excerpt: \"Internetul este o bibliotec\u0103 infinit\u0103, dar \u0219i un labirint plin de provoc\u0103ri. Pe 10 februarie 2026, echipa LIVRESQ (parte a Ascendia) a fost prezent\u0103 la Hotel Radisson Blu pentru a sus\u021bine una dintre cele mai importante ini\u021biative din Rom\u00e2nia dedicate protec\u021biei digitale: Ziua Siguran\u021bei pe Internet, organizat\u0103 de Salva\u021bi Copiii \u0219i Ora de Net.\",\n date: \"10 Februarue 2026\",\n image: \"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2026\/02\/Banner-articole-site-ASCENDIA-16.png?resize=1024%2C665&ssl=1\",\n link: \"https:\/\/livresq.com\/ro\/news\/siguranta-pe-internet-incepe-cu-educatia-de-calitate-livresq-premiaza-profesorii-si-elevii-la-evenimentul-ziua-sigurantei-pe-internet-2026\/\",\n category: \"News\",\n author: \"Bogdan Vrinceanu\"\n },\n {\n id: 2,\n title: \"LIVRESQ prime\u0219te grant de la ElevenLabs pentru a integra voci AI avansate\",\n excerpt: \"Comunicat de pres\u0103: LIVRESQ, platforma Ascendia, prime\u0219te grant de dezvoltare din partea ElevenLabs pentru a accelera dezvoltarea de func\u021bionalit\u0103\u021bi audio.\",\n date: \"15 Octombrie 2025\",\n image: \"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2025\/10\/Congrats-3.png?w=800&ssl=1\",\n link: \"https:\/\/livresq.com\/ro\/news\/livresq-primeste-grant-de-la-elevenlabs-pentru-a-integra-voci-ai-avansate-in-platforma-sa-e-learning-folosita-de-peste-158-000-de-creatori\/\",\n category: \"News\",\n author: \"Admin\"\n },\n {\n id: 3,\n title: \"De la un vis la un impact real: Cum profesorii au modelat LIVRESQ\",\n excerpt: \"Cum profesorii au modelat LIVRESQ \u0219i au adus Rom\u00e2nia \u00een fruntea educa\u021biei digitale europene. O c\u0103l\u0103torie de inovare continu\u0103.\",\n date: \"9 Octombrie 2025\",\n image: \"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2025\/10\/Add-a-heading-3.png?w=800&ssl=1\",\n link: \"https:\/\/livresq.com\/ro\/news\/de-la-un-vis-la-un-impact-real-cum-profesorii-au-modelat-livresq-si-au-adus-romania-in-fruntea-educatiei-digitale-europene\/\",\n category: \"News\",\n author: \"Bogdan Vrinceanu\",\n },\n {\n id: 4,\n title: \"Transform\u0103-\u021bi orele de biologie cu LIVRESQ \u0219i VHealthLab!\",\n excerpt: \"Dragi profesori de biologie, v\u0103 invit\u0103m s\u0103 participa\u021bi la conferin\u021ba final\u0103 a proiectului VHealthLab, care va avea un impact semnificativ.\",\n date: \"3 Octombrie 2025\",\n image: \"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2025\/10\/VHealthLab.png?w=800&ssl=1\",\n link: \"https:\/\/livresq.com\/ro\/news\/transforma-ti-orele-de-biologie-cu-livresq-si-vhealthlab\/\",\n category: \"Events\",\n author: \"Bogdan Vrinceanu\",\n },\n {\n id: 5,\n title: \"Calendarul anului 2025-2026 cu materiale auxiliare digitale interactive\",\n excerpt: \"Util pentru cadre didactice: Acest Calendar Educativ vine cu materiale auxiliare digitale interactive gratuite pentru fiecare zi important\u0103.\",\n date: \"2 Octombrie 2025\",\n image: \"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2025\/10\/Calendar-an-scolar-Facebook.png?w=800&ssl=1\",\n link: \"https:\/\/livresq.com\/ro\/news\/util-pentru-cadre-didactice-calendarul-anului-2025-2026-cu-materiale-auxiliare-digitale-interactive-gratuite-pentru-fiecare-zi-importanta\/\",\n category: \"Resources\",\n author: \"Bogdan Vrinceanu\",\n },\n {\n id: 6,\n title: \"Ascendia intr\u0103 cu LIVRESQ \u00een acceleratorul interna\u021bional Google 'AI for GovTech'\",\n excerpt: \"Ascendia S.A. intr\u0103 cu LIVRESQ \u00een acceleratorul interna\u021bional Growth Academy de la Google pentru a avansa solu\u021biile AI.\",\n date: \"24 Septembrie 2025\",\n image: \"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2025\/09\/Ai4GovTech-Wide-5.png?w=800&ssl=1\",\n link: \"https:\/\/livresq.com\/ro\/news\/ascendia-intra-cu-livresq-in-acceleratorul-international-growth-academy-ai-for-govtech-de-la-google\/\",\n category: \"Business\",\n author: \"Bogdan Vrinceanu\",\n },\n {\n id: 7,\n title: \"Business Education 2025: 5 \u0219abloane interactive pentru RETAIL\",\n excerpt: \"Anul 2025 marcheaz\u0103 o revolu\u021bie \u00een trainingul de retail. LIVRESQ introduce 5 \u0219abloane interactive noi.\",\n date: \"14 August 2025\",\n image: \"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2025\/08\/Banner-articole-site-ASCENDIA-4.png?w=800&ssl=1\",\n link: \"https:\/\/livresq.com\/ro\/news\/business-education-2025-livresq-introduce-5-sabloane-interactive-pentru-cursurile-e-learning-de-retail\/\",\n category: \"Templates\",\n author: \"Bogdan Vrinceanu\",\n },\n {\n id: 8,\n title: \"Pedagogie digital\u0103: Ce este \u0219i de ce este important\u0103\",\n excerpt: \"\u00cen era transform\u0103rii digitale, educa\u021bia se afl\u0103 la o r\u0103scruce istoric\u0103. Conceptul de pedagogie digital\u0103 devine central.\",\n date: \"5 Iunie 2025\",\n image: \"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2025\/06\/pedagogie_digitala.jpg?w=800&ssl=1\",\n link: \"https:\/\/livresq.com\/ro\/news\/pedagogie-digitala-ce-este-si-de-ce-este-importanta-pentru-educatia-moderna\/\",\n category: \"Education\",\n author: \"Victory\"\n },\n {\n id: 9,\n title: \"Personalizarea avansat\u0103 a lec\u021biilor cu teme, CSS \u0219i branding\",\n excerpt: \"Fiecare lec\u021bie interactiv\u0103 nu este doar un instrument de \u00eenv\u0103\u021bare, ci o experien\u021b\u0103. Afl\u0103 cum s\u0103 personalizezi avansat.\",\n date: \"3 Iunie 2025\",\n image: \"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2025\/06\/Untitled-design-54.png?w=800&ssl=1\",\n link: \"https:\/\/livresq.com\/ro\/news\/personalizarea-avansata-a-lectiilor-cu-teme-css-si-branding-in-livresq\/\",\n category: \"Tutorials\",\n author: \"Bogdan Vrinceanu\",\n },\n {\n id: 10,\n title: \"Resurse Educa\u021bionale Deschise (RED) \u00een LIVRESQ\",\n excerpt: \"Ce sunt RED-urile \u0219i de ce sunt importante? Cum transform\u0103 digitalizarea procesul de predare \u00een 2025.\",\n date: \"30 Mai 2025\",\n image: \"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2025\/05\/verforim_httpss.mj_.runRrISvn-aaR8_httpss.mj_.run9NXjKiEZfXw_Ex_a91cb828-e2d6-4b41-83a6-532e2ab30f75_3.png?w=800&ssl=1\",\n link: \"https:\/\/livresq.com\/ro\/news\/resurse-educationale-deschise-red-in-livresq-cum-transforma-digitalizarea-procesul-de-predare\/\",\n category: \"OER\",\n author: \"Bogdan Vrinceanu\",\n },\n {\n id: 11,\n title: \"Peste 2 milioane de profesori \u0219i elevi folosesc solu\u021biile AI Microsoft\",\n excerpt: \"Rom\u00e2nia continu\u0103 s\u0103 avanseze \u00een integrarea tehnologiilor digitale. Statistici impresionante despre adop\u021bia AI.\",\n date: \"9 Aprilie 2025\",\n image: \"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2025\/04\/1.11111.jpg?w=800&ssl=1\",\n link: \"https:\/\/livresq.com\/ro\/news\/peste-2-milioane-de-profesori-elevi-si-parinti-romani-folosesc-solutiile-ai-ale-microsoft\/\",\n category: \"Industry\",\n author: \"Bogdan Vrinceanu\",\n },\n {\n id: 12,\n title: \"Microcreditele \u00eentr-un peisaj VET \u00een schimbare\",\n excerpt: \"Ascendia a participat la un dialog \u00eentre consor\u021biul EMPASS \u0219i CEDEFOP despre viitorul microcreditelor.\",\n date: \"9 Aprilie 2025\",\n image: \"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2025\/04\/incercam.png?w=800&ssl=1\",\n link: \"https:\/\/livresq.com\/ro\/news\/microcreditele-intr-un-peisaj-vet-in-schimbare-un-dialog-intre-consortiul-empass-si-cedefop\/\",\n category: \"Projects\",\n author: \"Bogdan Vrinceanu\",\n },\n {\n id: 13,\n title: \"Gamificarea RED-urilor: exemple \u0219i teorii \u00een LIVRESQ\",\n excerpt: \"Afl\u0103 cum po\u021bi integra elemente de joc \u00een lec\u021biile tale pentru a spori interesul \u0219i participarea elevilor.\",\n date: \"8 Aprilie 2025\",\n image: \"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2025\/04\/Untitled-design-39.png?w=800&ssl=1\",\n link: \"https:\/\/livresq.com\/ro\/news\/gamificarea-red-urilor-exemple-teorii-si-aplicatii-in-platforma-livresq\/\",\n category: \"Tutorials\",\n author: \"Bogdan Vrinceanu\",\n },\n {\n id: 14,\n title: \"LIVRESQ \u2013 finalist\u0103 la Gala ANIS 2025\",\n excerpt: \"O victorie a comunit\u0103\u021bii de profesori \u0219i formatori. LIVRESQ recunoscut\u0103 ca platform\u0103 de top.\",\n date: \"27 Martie 2025\",\n image: \"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2025\/03\/486762282_1395412544770741_4553665332384119238_n.jpg?w=800&ssl=1\",\n link: \"https:\/\/livresq.com\/ro\/news\/livresq-platforma-de-lectii-interactive-finalista-la-gala-anis-2025-o-victorie-a-comunitatii-de-profesori-si-formatori\/\",\n category: \"Awards\",\n author: \"Bogdan Vrinceanu\",\n },\n {\n id: 15,\n title: \"\ud83c\udfc6 LIVRESQ \u2013 Recunoscut pentru impactul \u00een educa\u021bia digital\u0103!\",\n excerpt: \"Alex M\u0103lureanu, cofondator Ascendia, desemnat Antreprenorul Lunii pentru impactul LIVRESQ.\",\n date: \"19 Martie 2025\",\n image: \"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2025\/03\/1742372218032-1.jpeg?w=800&ssl=1\",\n link: \"https:\/\/livresq.com\/ro\/news\/%f0%9f%8f%86-livresq-recunoscut-pentru-impactul-in-educatia-digitala\/\",\n category: \"Awards\",\n author: \"Bogdan Vrinceanu\",\n },\n {\n id: 16,\n title: \"Concursul Interna\u021bional \u201e\u00cempreun\u0103 cu Hristos \u00een via\u021b\u0103\u201d 2025\",\n excerpt: \"LIVRESQ aduce interactivitate concursului coordonat de doamna Ionita Timi\u0219.\",\n date: \"13 Februarie 2025\",\n image: \"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2025\/02\/Concursul-International-Impreuna-cu-Hristos-in-viata.png?w=800&ssl=1\",\n link: \"https:\/\/livresq.com\/ro\/ro\/concurs-international-impreuna-cu-hristos-in-viata\/\",\n category: \"Community\",\n author: \"Bogdan Vrinceanu\",\n },\n {\n id: 17,\n title: \"Ascendia (LIVRESQ) membru \u00een Grupul de Exper\u021bi DEC al Comisiei Europene\",\n excerpt: \"O recunoa\u0219tere major\u0103: Ascendia se al\u0103tur\u0103 grupului de exper\u021bi pentru con\u021binut educa\u021bional digital.\",\n date: \"2 Iulie 2024\",\n image: \"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2024\/07\/ASC_DEC_RO.png?w=800&ssl=1\",\n link: \"https:\/\/livresq.com\/ro\/news\/ascendia-livresq-este-acum-membru-al-grupului-de-experti-pentru-continut-educational-digital-dec-al-comisiei-europene\/\",\n category: \"News\",\n author: \"Andrei Suciu\",\n },\n {\n id: 18,\n title: \"Cursuri de securitate cibernetic\u0103 \u00een cadrul #SigurantaOnline - Edi\u021bia 2\",\n excerpt: \"Cursuri gratuite pentru elevi, adul\u021bi \u0219i antreprenori oferite de Poli\u021bia Rom\u00e2n\u0103, DNSC \u0219i Ascendia.\",\n date: \"14 Martie 2024\",\n image: \"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2024\/03\/KV-Campanie-Siguranta-online-2.png?w=800&ssl=1\",\n link: \"https:\/\/livresq.com\/ro\/ro\/cursuri-de-securitate-cibernetica-pentru-elevi-si-adulti-si-antreprenori-in-cadrul-proiectului-national-sigurantaonline-editia-2\/\",\n category: \"CSR\",\n author: \"Andrei Suciu\",\n },\n {\n id: 19,\n title: \"Ascendia, partener \u00een proiectul european EMPASS\",\n excerpt: \"Un proiect finan\u021bat de UE pentru competen\u021be de ocupare a for\u021bei de munc\u0103, dezvoltat cu JA Europe.\",\n date: \"7 Februarie 2024\",\n image: \"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2024\/02\/KV-EMPASS.png?w=800&ssl=1\",\n link: \"https:\/\/livresq.com\/ro\/ro\/ascendia-partener-in-proiectul-european-empass-un-proiect-pentru-competente-de-ocupare-a-fortei-de-munca-finantat-de-uniunea-europeana\/\",\n category: \"Projects\",\n author: \"Andrei Suciu\",\n },\n {\n id: 20,\n title: \"Raport: Proiectul na\u021bional #SigurantaOnline \u00een anul 2023\",\n excerpt: \"Rezultatele campaniei 'Protec\u021bie prin educa\u021bie: Securitate digital\u0103' lansat\u0103 de Poli\u021bia Rom\u00e2n\u0103.\",\n date: \"29 Ianuarie 2024\",\n image: \"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2024\/01\/Campanie-Siguranta-online-4.png?w=800&ssl=1\",\n link: \"https:\/\/livresq.com\/ro\/ro\/proiectul-national-sigurantaonline-in-anul-2023-rezultatele-campaniei-protectie-prin-educatie-securitate-digitala\/\",\n category: \"Reports\",\n author: \"Andrei Suciu\",\n },\n {\n id: 21,\n title: \"Protec\u021bie prin educa\u021bie: Securitate digital\u0103\",\n excerpt: \"Lansarea cursurilor de securitate cibernetic\u0103 pentru elevi \u0219i adul\u021bi.\",\n date: \"31 Octombrie 2023\",\n image: \"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2023\/10\/KV-Protectie-prin-educatie-siguranta-online.png?w=800&ssl=1\",\n link: \"https:\/\/livresq.com\/ro\/news\/protectie-prin-educatie-securitate-digitala-cursuri-de-securitate-cibernetica-pentru-elevi-si-adulti\/\",\n category: \"Courses\",\n author: \"Andrei Suciu\",\n },\n {\n id: 22,\n title: \"Succes pentru campania 'Primul Ajutor, o \u0219ans\u0103 la via\u021b\u0103'\",\n excerpt: \"Ascendia \u0219i InfoCons \u00eencheie cu succes prima sesiune a campaniei na\u021bionale.\",\n date: \"29 August 2023\",\n image: \"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2023\/08\/Rezultate-finale-sesiunea-I-20.06.2023-31.07.2023.png?w=800&ssl=1\",\n link: \"https:\/\/livresq.com\/ro\/news\/ascendia-si-infocons-incheie-cu-succes-prima-sesiune-a-campaniei-primul-ajutor-o-sansa-la-viata\/\",\n category: \"CSR\",\n author: \"Andrei Suciu\",\n },\n {\n id: 23,\n title: \"Parteneriat strategic Samsung \u0219i Ascendia\",\n excerpt: \"Editorul LIVRESQ va fi integrat \u00een tablele interactive Samsung Flip pentru digitalizarea \u0219colilor.\",\n date: \"3 August 2023\",\n image: \"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2023\/08\/MicrosoftTeams-image-41.png?w=800&ssl=1\",\n link: \"https:\/\/livresq.com\/ro\/news\/samsung-si-ascendia-parteneriat-pentru-digitalizarea-institutiilor-educationale-din-romania-editorul-livresq-integrat-in-table-interactive-samsung-flip\/\",\n category: \"Partnership\",\n author: \"Andrei Suciu\",\n },\n {\n id: 24,\n title: \"Lansare campanie: Primul Ajutor, o \u0219ans\u0103 la via\u021b\u0103\",\n excerpt: \"Disponibil\u0103 \u00een toate institu\u021biile de \u00eenv\u0103\u021b\u0103m\u00e2nt din Rom\u00e2nia, \u00een parteneriat cu InfoCons.\",\n date: \"20 Iunie 2023\",\n image: \"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2023\/06\/artwork.png?w=800&ssl=1\",\n link: \"https:\/\/livresq.com\/ro\/news\/ascendia-si-infocons-lanseaza-campania-primul-ajutor-o-sansa-la-viata-in-toate-institutiile-de-invatamant-din-romania\/\",\n category: \"CSR\",\n author: \"Andrei Suciu\",\n },\n {\n id: 25,\n title: \"Tutorial \u00eenscriere: Campania Primul Ajutor\",\n excerpt: \"Ghid pas cu pas pentru \u00eenscrierea \u00een campania na\u021bional\u0103 de prim ajutor.\",\n date: \"20 Iunie 2023\",\n image: \"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2023\/06\/artwork.png?w=800&ssl=1\",\n link: \"https:\/\/livresq.com\/ro\/news\/calendarul-campaniei-primul-ajutor-o-sansa-la-viata\/\",\n category: \"Tutorials\",\n author: \"Andrei Suciu\",\n },\n {\n id: 26,\n title: \"Ascendia lanseaz\u0103 AI Enhancer pentru LIVRESQ\",\n excerpt: \"Redefinind crearea de con\u021binut e-learning prin inteligen\u021b\u0103 artificial\u0103.\",\n date: \"15 Iunie 2023\",\n image: \"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2023\/06\/wepik-ai-ro-livresq-20230609124033YMwo.png?w=800&ssl=1\",\n link: \"https:\/\/livresq.com\/ro\/news\/ascendia-lanseaza-ai-enhancer-pentru-livresq-redefinind-crearea-de-continut-e-learning\/\",\n category: \"Product\",\n author: \"Andrei Suciu\",\n },\n {\n id: 27,\n title: \"LIVRESQ la Hackathon-ul Smart2Education\",\n excerpt: \"Solu\u021bia aleas\u0103 de SNSPA pentru competi\u021bia de inova\u021bie educa\u021bional\u0103.\",\n date: \"10 Aprilie 2023\",\n image: \"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2023\/04\/Smart2Education-Hackaton-895x430-1.png?w=800&ssl=1\",\n link: \"https:\/\/livresq.com\/ro\/news\/livresq-solutia-folosita-la-hackathon-ul-smart2education\/\",\n category: \"Events\",\n author: \"Andrei Suciu\",\n },\n {\n id: 28,\n title: \"AICC vs SCORM: Care este mai bun?\",\n excerpt: \"O compara\u021bie tehnic\u0103 \u00eentre cele dou\u0103 standarde majore de eLearning.\",\n date: \"29 Noiembrie 2022\",\n image: \"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2022\/11\/AICC-vs-SCORM.png?w=800&ssl=1\",\n link: \"https:\/\/livresq.com\/ro\/news\/aicc-vs-scorm-care-este-mai-bun\/\",\n category: \"Tech\",\n author: \"Admin\"\n },\n {\n id: 29,\n title: \"List\u0103 cu lec\u021bii interactive gratuite de toamn\u0103\",\n excerpt: \"50 de lec\u021bii interactive gratuite preg\u0103tite pentru profesori.\",\n date: \"12 Septembrie 2022\",\n image: \"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2019\/07\/livresq-small.png?w=800&ssl=1\",\n link: \"https:\/\/livresq.com\/ro\/news\/lista-cu-lectii-interactive-gratuite-de-toamna\/\",\n category: \"Resources\",\n author: \"Admin\"\n },\n {\n id: 30,\n title: \"\u0218coala online: avantaje \u0219i dezavantaje\",\n excerpt: \"O analiz\u0103 a impactului cursurilor online \u0219i lec\u021biilor interactive.\",\n date: \"11 Septembrie 2022\",\n image: \"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2022\/09\/Scoala_online.jpeg?w=800&ssl=1\",\n link: \"https:\/\/livresq.com\/ro\/news\/scoala-online-avantaje-si-dezavantaje\/\",\n category: \"Education\",\n author: \"Admin\"\n },\n {\n id: 31,\n title: \"Cum predai asincron: Un ghid pentru profesori\",\n excerpt: \"\u00cenv\u0103\u021barea asincron\u0103 permite elevilor s\u0103 \u00eenve\u021be \u00een ritmul propriu. Iat\u0103 cum o po\u021bi implementa.\",\n date: \"7 Septembrie 2022\",\n image: \"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2022\/09\/Cum_predai.jpeg?w=800&ssl=1\",\n link: \"https:\/\/livresq.com\/ro\/news\/cum-predai-asincron-un-ghid-pentru-profesori\/\",\n category: \"Guides\",\n author: \"Admin\"\n },\n {\n id: 32,\n title: \"List\u0103 platforme educa\u021bionale rom\u00e2ne\u0219ti\",\n excerpt: \"Cele mai importante platforme rom\u00e2ne\u0219ti ce sus\u021bin educa\u021bia, de la pre\u0219colar la universitar.\",\n date: \"9 August 2022\",\n image: \"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2022\/08\/Instagram-Post-Resurse-Gratuitepentru-Profesori-2.png?w=800&ssl=1\",\n link: \"https:\/\/livresq.com\/ro\/news\/lista-platforme-educationale-romanesti\/\",\n category: \"Resources\",\n author: \"Admin\"\n },\n {\n id: 33,\n title: \"Surse a peste 800 de resurse educa\u021bionale deschise\",\n excerpt: \"Sursele editabile sunt acum disponibile gratuit direct din biblioteca LIVRESQ.\",\n date: \"28 Iulie 2022\",\n image: \"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2022\/07\/Ghid-LIVRESQ-Surse.jpeg?w=800&ssl=1\",\n link: \"https:\/\/livresq.com\/ro\/news\/surse-a-peste-800-de-resurse-educationale-deschise-sunt-disponibile-gratuit\/\",\n category: \"Resources\",\n author: \"Admin\"\n },\n {\n id: 34,\n title: \"Pachet de vacan\u021b\u0103 GRATUIT pentru cadre didactice!\",\n excerpt: \"Mul\u021bumim celor 32.000+ profesori cu materiale educa\u021bionale gratuite.\",\n date: \"12 Iulie 2022\",\n image: \"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2022\/07\/pachet-livresq.jpg?w=800&ssl=1\",\n link: \"https:\/\/livresq.com\/ro\/news\/pachet-de-vacanta-gratuit-pentru-cadre-didactice\/\",\n category: \"Resources\",\n author: \"Admin\"\n },\n {\n id: 35,\n title: \"Curs elearning gratuit de securitate cibernetic\u0103\",\n excerpt: \"ASCENDIA S.A. ofer\u0103 gratuit un curs esen\u021bial \u00een contextul actual.\",\n date: \"5 Mai 2022\",\n image: \"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2022\/05\/Securitate_cibernetica.jpeg?w=800&ssl=1\",\n link: \"https:\/\/livresq.com\/ro\/news\/curs-elearning-gratuit-de-securitate-cibernetica\/\",\n category: \"Courses\",\n author: \"Admin\"\n },\n {\n id: 36,\n title: \"Surse lec\u021bii Proiectul CRED\",\n excerpt: \"Sursele editabile a peste 422 de lec\u021bii din Proiectul CRED sunt accesibile.\",\n date: \"19 Aprilie 2022\",\n image: \"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2023\/10\/wepik-surse-editabile-cred-20231006084204kXYO.png?w=800&ssl=1\",\n link: \"https:\/\/livresq.com\/ro\/news\/surse-lectii-proiectul-cred\/\",\n category: \"Projects\",\n author: \"Admin\"\n },\n {\n id: 37,\n title: \"List\u0103 cu lec\u021bii interactive gratuite pentru Pa\u0219te!\",\n excerpt: \"21 lec\u021bii interactive pentru S\u0103rb\u0103torile Pascale, gata de folosit la clas\u0103.\",\n date: \"19 Aprilie 2022\",\n image: \"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2022\/04\/95e4c01d-cc47-4647-a79d-498c4bb5b3fe.png?w=800&ssl=1\",\n link: \"https:\/\/livresq.com\/ro\/news\/lista-cu-lectii-interactive-gratuite-pentru-paste\/\",\n category: \"Resources\",\n author: \"Admin\"\n },\n {\n id: 38,\n title: \"Cum te transformi \u00eentr-un asistent virtual?\",\n excerpt: \"Pa\u0219i rapizi pentru a crea o lec\u021bie interactiv\u0103 cu impact maxim.\",\n date: \"19 Aprilie 2022\",\n image: \"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2022\/04\/asistent-edu.jpg?w=800&ssl=1\",\n link: \"https:\/\/livresq.com\/ro\/news\/cum-te-transformi-intr-un-asistent-virtual-pentru-lectia-ta-interactiva\/\",\n category: \"Tutorials\",\n author: \"Admin\"\n },\n {\n id: 39,\n title: \"List\u0103 cu lec\u021bii interactive gratuite pentru Decembrie\",\n excerpt: \"Resurse utile cadrelor didactice pentru luna s\u0103rb\u0103torilor de iarn\u0103.\",\n date: \"25 Noiembrie 2021\",\n image: \"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2021\/11\/wepik-202312190954401BgZ.png?w=800&ssl=1\",\n link: \"https:\/\/livresq.com\/ro\/news\/lista-cu-lectii-interactive-gratuite-pentru-luna-decembrie\/\",\n category: \"Resources\",\n author: \"Admin\"\n },\n {\n id: 40,\n title: \"Lista 10 site-uri cu resurse gratuite pentru profesori\",\n excerpt: \"O selec\u021bie de 10 site-uri de unde pute\u021bi lua resurse educa\u021bionale gratuit.\",\n date: \"19 Noiembrie 2021\",\n image: \"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2021\/11\/Lista-10-site-uri.jpeg?w=800&ssl=1\",\n link: \"https:\/\/livresq.com\/ro\/news\/lista-10-site-uri-cu-resurse-gratuite-pentru-profesori\/\",\n category: \"Resources\",\n author: \"Admin\"\n },\n {\n id: 41,\n title: \"Cum creez o lec\u021bie interactiv\u0103?\",\n excerpt: \"Primul pas pentru a crea o lec\u021bie interactiv\u0103. \u00cenva\u021b\u0103 folosind un \u0219ablon dedicat.\",\n date: \"7 Aprilie 2021\",\n image: \"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2021\/04\/Custom-Prima.jpg?w=800&ssl=1\",\n link: \"https:\/\/livresq.com\/ro\/news\/cum-creez-o-lectie-interactiva\/\",\n category: \"Tutorials\",\n author: \"Admin\"\n },\n {\n id: 42,\n title: \"Aplic\u0103 pentru diploma de 'Creator de software educa\u021bional'\",\n excerpt: \"Ob\u021bine diploma LIVRESQ de 'Creator de resurse educa\u021bionale digitale interactive'.\",\n date: \"18 Mai 2020\",\n image: \"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2020\/05\/Diploma_Creator_LIVRESQ.png?w=800&ssl=1\",\n link: \"https:\/\/livresq.com\/ro\/news\/aplica-pentru-diploma-de-creator-de-resurse-educationale-digitale-interactive\/\",\n category: \"Certification\",\n author: \"Admin\"\n },\n {\n id: 43,\n title: \"Cum public corect o Resurs\u0103 Educa\u021bional\u0103 Deschis\u0103 (RED)?\",\n excerpt: \"Ghid scurt pentru publicarea lec\u021biilor \u0219i cursurilor \u00een biblioteca LIVRESQ.\",\n date: \"20 Aprilie 2020\",\n image: \"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2025\/01\/Pedagogie-Digitala%CC%86.png?w=800&ssl=1\",\n link: \"https:\/\/livresq.com\/ro\/news\/pregatirea-si-publicarea-unui-material-lectie-curs-in-livresq\/\",\n category: \"Tutorials\",\n author: \"Admin\"\n }\n ];\n\n \/\/ --- STATE & UTILS ---\n \n let currentPage = 1;\n const itemsPerPage = 8;\n \n \/\/ Normalize Data (match React Logic)\n const blogPosts = rawBlogPosts.map(post => {\n let author = post.author;\n if (author === \"Victory\" || author === \"Victoria\" || author === \"victoria\") {\n author = \"Admin\";\n }\n const avatar = AVATARS[author] || AVATARS[\"Default\"];\n return { ...post, author, authorAvatar: avatar };\n });\n\n \/\/ --- GLOBAL HANDLERS ---\n \/\/ Expose spotlight handler to window for inline HTML events\n window.handleSpotlight = function(e) {\n const rect = e.currentTarget.getBoundingClientRect();\n const x = e.clientX - rect.left;\n const y = e.clientY - rect.top;\n e.currentTarget.style.setProperty('--mouse-x', `${x}px`);\n e.currentTarget.style.setProperty('--mouse-y', `${y}px`);\n };\n\n \/\/ --- RENDER FUNCTIONS ---\n\n function renderApp() {\n \/\/ Calculate Slices\n const totalPages = Math.ceil(blogPosts.length \/ itemsPerPage);\n const indexOfLastItem = currentPage * itemsPerPage;\n const indexOfFirstItem = indexOfLastItem - itemsPerPage;\n const currentItems = blogPosts.slice(indexOfFirstItem, indexOfLastItem);\n\n \/\/ 1. Update Header Counts\/Text\n const pageIndicatorText = document.getElementById('page-indicator-text');\n pageIndicatorText.textContent = currentPage === 1 ? 'Articole Recente' : `Pagina ${currentPage}`;\n document.getElementById('total-articles-count').textContent = `${blogPosts.length} Articole`;\n\n \/\/ 2. Render Posts (Stacked List, Horizontal Cards)\n const postsContainer = document.getElementById('posts-container');\n postsContainer.innerHTML = currentItems.map((post, index) => {\n \/\/ Alternating Logic: Odd indices are dark (Midnight), Even are light (White)\n const isDark = (index % 2 !== 0);\n \n \/\/ --- STYLES ---\n \n \/\/ Container\n const containerClasses = `\n group w-full rounded-2xl overflow-hidden flex flex-col lg:flex-row shadow-2xl relative border reveal\n ${isDark ? 'bg-midnight border-white\/10 spotlight-card' : 'bg-white border-slate-200'}\n `;\n \n \/\/ Image Section\n const imgContainerClasses = `\n w-full lg:w-[55%] relative block flex items-center justify-center overflow-hidden aspect-video lg:aspect-auto\n ${isDark ? 'bg-slate-900\/50' : 'bg-slate-50'}\n `;\n \n \/\/ Tag Badge\n const tagClasses = `\n inline-flex items-center px-3 py-1.5 rounded-md text-xs font-bold uppercase tracking-wider shadow-lg backdrop-blur-md border\n ${isDark ? 'bg-slate-800\/80 text-white border-white\/20' : 'bg-white\/90 text-livresq-fucsia border-white\/50'}\n `;\n\n \/\/ Content Section\n const contentContainerClasses = `\n w-full lg:w-[45%] p-8 md:p-10 flex flex-col justify-center relative z-10\n ${isDark ? 'border-t lg:border-t-0 lg:border-l border-white\/10' : 'border-t lg:border-t-0 lg:border-l border-slate-100'}\n `;\n\n \/\/ Typography Colors\n const dateColor = 'text-slate-400';\n const titleColor = isDark ? 'text-white hover:text-livresq-albastru' : 'text-slate-900 hover:text-[#1379D1]';\n const excerptColor = isDark ? 'text-slate-400' : 'text-slate-500';\n \n \/\/ Footer\n const footerBorder = isDark ? 'border-white\/10' : 'border-slate-100';\n const avatarBorder = isDark ? 'border-slate-600' : 'border-slate-200';\n const authorColor = isDark ? 'text-slate-300' : 'text-slate-700';\n\n \/\/ Extras for Dark Cards\n const gridOverlay = isDark ? '<div class=\"absolute inset-0 bg-grid-overlay opacity-30 pointer-events-none z-0\"><\/div>' : '';\n const ambientGlow = isDark ? '<div class=\"ambient-glow-purple\"><\/div><div class=\"ambient-glow-blue\"><\/div>' : '';\n const eventHandler = isDark ? 'onmousemove=\"handleSpotlight(event)\"' : '';\n\n return `\n <article class=\"${containerClasses}\" ${eventHandler}>\n ${gridOverlay}\n ${ambientGlow}\n\n \n <a href=\"${post.link}\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"${imgContainerClasses}\">\n <div class=\"absolute inset-0 bg-black\/0 group-hover:bg-black\/10 transition-colors z-10\"><\/div>\n \n <img decoding=\"async\" src=\"${post.image}\" alt=\"${post.title}\" class=\"w-full h-full object-contain transform group-hover:scale-105 transition-transform duration-700 ease-out\" loading=\"lazy\" \/>\n \n <div class=\"absolute top-6 left-6 z-20\">\n <span class=\"${tagClasses}\">\n <i data-lucide=\"tag\" class=\"w-3 h-3 mr-2\"><\/i>\n ${post.category}\n <\/span>\n <\/div>\n <\/a>\n\n \n <div class=\"${contentContainerClasses}\">\n <div class=\"flex items-center gap-3 mb-6 font-bold uppercase tracking-wider text-xs ${dateColor}\">\n <i data-lucide=\"calendar\" class=\"w-4 h-4 mr-2\"><\/i>\n ${post.date}\n <\/div>\n\n <h2 class=\"text-2xl md:text-3xl font-black mb-6 leading-tight transition-colors ${titleColor}\">\n <a href=\"${post.link}\" target=\"_blank\" rel=\"noopener noreferrer\">\n ${post.title}\n <\/a>\n <\/h2>\n \n <p class=\"text-base md:text-lg leading-relaxed mb-8 font-normal ${excerptColor}\">\n ${post.excerpt}\n <\/p>\n\n <div class=\"mt-auto pt-8 border-t flex items-center justify-between ${footerBorder}\">\n <div class=\"flex items-center gap-3\">\n <img decoding=\"async\" src=\"${post.authorAvatar}\" alt=\"${post.author}\" class=\"w-10 h-10 rounded-full border ${avatarBorder}\"\/>\n <div class=\"flex flex-col\">\n <span class=\"text-[10px] text-slate-500 uppercase font-bold tracking-wider\">Autor<\/span>\n <span class=\"text-sm font-bold ${authorColor}\">${post.author}<\/span>\n <\/div>\n <\/div>\n \n <a href=\"${post.link}\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"inline-flex items-center px-6 py-3 bg-[#1379D1] hover:bg-[#116bb8] text-white font-bold rounded-md shadow-md hover:shadow-lg transition-all transform group-hover:translate-x-1\">\n Cite\u0219te\n <i data-lucide=\"arrow-right\" class=\"w-4 h-4 ml-2\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n <\/article>\n `;\n }).join('');\n\n \/\/ 3. Render Pagination\n const paginationWrapper = document.getElementById('pagination-wrapper');\n const prevBtn = document.getElementById('prev-btn');\n const nextBtn = document.getElementById('next-btn');\n const mobileIndicator = document.getElementById('mobile-page-indicator');\n const desktopList = document.getElementById('desktop-pages-list');\n\n if (totalPages > 1) {\n paginationWrapper.classList.remove('hidden');\n \n \/\/ Button States\n prevBtn.disabled = (currentPage === 1);\n nextBtn.disabled = (currentPage === totalPages);\n\n \/\/ Mobile Text\n mobileIndicator.textContent = `Pagina ${currentPage} din ${totalPages}`;\n\n \/\/ Desktop List\n let pagesHtml = '';\n for (let i = 1; i <= totalPages; i++) {\n const activeClass = (i === currentPage) \n ? 'bg-[#1379D1] text-white shadow-lg scale-105' \n : 'text-slate-400 hover:bg-white\/10 hover:text-white';\n \n pagesHtml += `\n <button onclick=\"changePage(${i})\" class=\"w-9 h-9 rounded-xl font-bold text-sm transition-all duration-300 flex items-center justify-center relative flex-shrink-0 ${activeClass}\">\n ${i}\n <\/button>\n `;\n }\n desktopList.innerHTML = pagesHtml;\n\n } else {\n paginationWrapper.classList.add('hidden');\n }\n\n \/\/ 4. Initialize Lucide Icons for newly injected content\n lucide.createIcons();\n\n \/\/ 5. Trigger Animations\n initAnimations();\n }\n\n function changePage(page) {\n currentPage = page;\n renderApp();\n window.scrollTo({ top: 0, behavior: 'smooth' });\n }\n\n function initAnimations() {\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('active');\n }\n });\n }, { threshold: 0.1 });\n\n setTimeout(() => {\n const elements = document.querySelectorAll('.reveal');\n elements.forEach((el, i) => {\n observer.observe(el);\n setTimeout(() => {\n \/\/ Only trigger if roughly in view or close to it, or just stagger them\n el.classList.add('active');\n }, i * 50);\n });\n }, 100);\n }\n\n document.addEventListener('DOMContentLoaded', () => {\n renderApp();\n const heroReveal = document.querySelector('.max-w-4xl.reveal');\n if(heroReveal) setTimeout(() => heroReveal.classList.add('active'), 100);\n });\n\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>LIVRESQ Blog – Export Stiri din via\u021ba LIVRESQ Blog LIVRESQ Afl\u0103 ultimele nout\u0103\u021bi despre ceea ce facem pentru editorul LIVRESQ. Este o c\u0103l\u0103torie. Articole Recente | 0 Articole<\/p>","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-10378","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Blog - LIVRESQ<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/livresq.com\/gr\/blog\/\" \/>\n<meta property=\"og:locale\" content=\"el_GR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Blog - LIVRESQ\" \/>\n<meta property=\"og:description\" content=\"LIVRESQ Blog – Export Stiri din via\u021ba LIVRESQ Blog LIVRESQ Afl\u0103 ultimele nout\u0103\u021bi despre ceea ce facem pentru editorul LIVRESQ. Este o c\u0103l\u0103torie. Articole Recente | 0 Articole\" \/>\n<meta property=\"og:url\" content=\"https:\/\/livresq.com\/gr\/blog\/\" \/>\n<meta property=\"og:site_name\" content=\"LIVRESQ\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-13T12:11:34+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u0395\u03ba\u03c4\u03b9\u03bc\u03ce\u03bc\u03b5\u03bd\u03bf\u03c2 \u03c7\u03c1\u03cc\u03bd\u03bf\u03c2 \u03b1\u03bd\u03ac\u03b3\u03bd\u03c9\u03c3\u03b7\u03c2\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 \u03bb\u03b5\u03c0\u03c4\u03cc\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/livresq.com\/blog\/\",\"url\":\"https:\/\/livresq.com\/blog\/\",\"name\":\"Blog - LIVRESQ\",\"isPartOf\":{\"@id\":\"https:\/\/livresq.com\/en\/#website\"},\"datePublished\":\"2020-02-19T10:27:56+00:00\",\"dateModified\":\"2026-02-13T12:11:34+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/livresq.com\/blog\/#breadcrumb\"},\"inLanguage\":\"el\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/livresq.com\/blog\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/livresq.com\/blog\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Prima pagin\u0103\",\"item\":\"https:\/\/livresq.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Blog\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/livresq.com\/en\/#website\",\"url\":\"https:\/\/livresq.com\/en\/\",\"name\":\"LIVRESQ\",\"description\":\"eLearning Authoring Tool\",\"publisher\":{\"@id\":\"https:\/\/livresq.com\/en\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/livresq.com\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"el\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/livresq.com\/en\/#organization\",\"name\":\"LIVRESQ - Authoring Tool\",\"url\":\"https:\/\/livresq.com\/en\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"el\",\"@id\":\"https:\/\/livresq.com\/en\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2019\/07\/cropped-Logo.png?fit=1054%2C575&ssl=1\",\"contentUrl\":\"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2019\/07\/cropped-Logo.png?fit=1054%2C575&ssl=1\",\"width\":1054,\"height\":575,\"caption\":\"LIVRESQ - Authoring Tool\"},\"image\":{\"@id\":\"https:\/\/livresq.com\/en\/#\/schema\/logo\/image\/\"}}]}<\/script>\n","yoast_head_json":{"title":"\u0399\u03c3\u03c4\u03bf\u03bb\u03cc\u03b3\u03b9\u03bf - LIVRESQ","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/livresq.com\/gr\/blog\/","og_locale":"el_GR","og_type":"article","og_title":"Blog - LIVRESQ","og_description":"LIVRESQ Blog – Export Stiri din via\u021ba LIVRESQ Blog LIVRESQ Afl\u0103 ultimele nout\u0103\u021bi despre ceea ce facem pentru editorul LIVRESQ. Este o c\u0103l\u0103torie. Articole Recente | 0 Articole","og_url":"https:\/\/livresq.com\/gr\/blog\/","og_site_name":"LIVRESQ","article_modified_time":"2026-02-13T12:11:34+00:00","twitter_card":"summary_large_image","twitter_misc":{"\u0395\u03ba\u03c4\u03b9\u03bc\u03ce\u03bc\u03b5\u03bd\u03bf\u03c2 \u03c7\u03c1\u03cc\u03bd\u03bf\u03c2 \u03b1\u03bd\u03ac\u03b3\u03bd\u03c9\u03c3\u03b7\u03c2":"1 \u03bb\u03b5\u03c0\u03c4\u03cc"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/livresq.com\/blog\/","url":"https:\/\/livresq.com\/blog\/","name":"\u0399\u03c3\u03c4\u03bf\u03bb\u03cc\u03b3\u03b9\u03bf - LIVRESQ","isPartOf":{"@id":"https:\/\/livresq.com\/en\/#website"},"datePublished":"2020-02-19T10:27:56+00:00","dateModified":"2026-02-13T12:11:34+00:00","breadcrumb":{"@id":"https:\/\/livresq.com\/blog\/#breadcrumb"},"inLanguage":"el","potentialAction":[{"@type":"ReadAction","target":["https:\/\/livresq.com\/blog\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/livresq.com\/blog\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Prima pagin\u0103","item":"https:\/\/livresq.com\/"},{"@type":"ListItem","position":2,"name":"Blog"}]},{"@type":"WebSite","@id":"https:\/\/livresq.com\/en\/#website","url":"https:\/\/livresq.com\/en\/","name":"LIVRESQ","description":"\u0395\u03c1\u03b3\u03b1\u03bb\u03b5\u03af\u03bf \u03c3\u03c5\u03b3\u03b3\u03c1\u03b1\u03c6\u03ae\u03c2 eLearning","publisher":{"@id":"https:\/\/livresq.com\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/livresq.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"el"},{"@type":"Organization","@id":"https:\/\/livresq.com\/en\/#organization","name":"LIVRESQ - \u0395\u03c1\u03b3\u03b1\u03bb\u03b5\u03af\u03bf \u03c3\u03c5\u03b3\u03b3\u03c1\u03b1\u03c6\u03ae\u03c2","url":"https:\/\/livresq.com\/en\/","logo":{"@type":"ImageObject","inLanguage":"el","@id":"https:\/\/livresq.com\/en\/#\/schema\/logo\/image\/","url":"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2019\/07\/cropped-Logo.png?fit=1054%2C575&ssl=1","contentUrl":"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2019\/07\/cropped-Logo.png?fit=1054%2C575&ssl=1","width":1054,"height":575,"caption":"LIVRESQ - Authoring Tool"},"image":{"@id":"https:\/\/livresq.com\/en\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/livresq.com\/gr\/wp-json\/wp\/v2\/pages\/10378","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/livresq.com\/gr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/livresq.com\/gr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/livresq.com\/gr\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/livresq.com\/gr\/wp-json\/wp\/v2\/comments?post=10378"}],"version-history":[{"count":105,"href":"https:\/\/livresq.com\/gr\/wp-json\/wp\/v2\/pages\/10378\/revisions"}],"predecessor-version":[{"id":489143,"href":"https:\/\/livresq.com\/gr\/wp-json\/wp\/v2\/pages\/10378\/revisions\/489143"}],"wp:attachment":[{"href":"https:\/\/livresq.com\/gr\/wp-json\/wp\/v2\/media?parent=10378"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}