



{"id":20268,"date":"2020-04-05T13:55:11","date_gmt":"2020-04-05T10:55:11","guid":{"rendered":"https:\/\/livresq.com\/?page_id=20268"},"modified":"2026-01-26T15:38:58","modified_gmt":"2026-01-26T13:38:58","slug":"faq","status":"publish","type":"page","link":"https:\/\/livresq.com\/ro\/faq\/","title":{"rendered":"FAQ"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"ro\" class=\"scroll-smooth\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>LIVRESQ &#8211; \u00centreb\u0103ri Frecvente<\/title>\n    \n    <!-- Google Fonts -->\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&#038;family=Roboto:wght@700;900&#038;display=swap\" rel=\"stylesheet\">\n    \n    <!-- Tailwind CSS -->\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    \n    <!-- Lucide Icons -->\n    <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\n    \n    <!-- Tailwind Configuration -->\n    <script>\n        tailwind.config = {\n            \/\/ Scope Tailwind styles to our wrapper ID to override WP styles\n            important: '#livresq-standalone-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                            light: '#f8f9fa',\n                            text: '#333333'\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                    boxShadow: {\n                        'sm': '0 1px 2px 0 rgba(0, 0, 0, 0.05)',\n                        'md': '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)',\n                        'lg': '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)',\n                    }\n                }\n            }\n        }\n    <\/script>\n\n    <!-- WordPress Isolation & Custom Styles -->\n    <style>\n        \/* \n           WORDPRESS ISOLATION LAYER \n           Specific resets to prevent theme bleed without breaking layout.\n        *\/\n        #livresq-standalone-app {\n            font-family: 'Inter', sans-serif;\n            color: #334155; \/* slate-700 *\/\n            line-height: 1.5;\n            background-color: #f8fafc; \/* bg-slate-50 *\/\n            -webkit-font-smoothing: antialiased;\n            -moz-osx-font-smoothing: grayscale;\n            width: 100%;\n            display: block; \n            position: relative;\n        }\n\n        \/* Box Sizing Reset *\/\n        #livresq-standalone-app *, \n        #livresq-standalone-app *::before, \n        #livresq-standalone-app *::after {\n            box-sizing: border-box;\n        }\n\n        \/* Image Reset *\/\n        #livresq-standalone-app img {\n            border-style: none;\n            max-width: 100%;\n            height: auto;\n            display: block; \n            margin: 0;\n            padding: 0;\n        }\n\n        \/* List Reset *\/\n        #livresq-standalone-app ul, \n        #livresq-standalone-app li {\n            list-style: none !important;\n            margin: 0 !important;\n            padding: 0 !important;\n        }\n        #livresq-standalone-app li::before {\n            content: none !important;\n            display: none !important;\n        }\n\n        \/* Heading Reset *\/\n        #livresq-standalone-app h1, \n        #livresq-standalone-app h2, \n        #livresq-standalone-app h3, \n        #livresq-standalone-app h4, \n        #livresq-standalone-app h5, \n        #livresq-standalone-app h6 {\n            margin: 0;\n            font-weight: inherit;\n            font-size: inherit;\n            line-height: inherit;\n        }\n\n        \/* Input Reset *\/\n        #livresq-standalone-app input[type=\"text\"] {\n            appearance: none;\n            -webkit-appearance: none;\n            background-color: #ffffff;\n            color: #334155;\n            margin: 0;\n            outline: none;\n            box-shadow: none;\n        }\n        #livresq-standalone-app input::placeholder {\n            color: #94a3b8; \/* slate-400 *\/\n            opacity: 1;\n        }\n\n        \/* Button Reset *\/\n        #livresq-standalone-app button {\n            background: transparent;\n            border: none;\n            padding: 0;\n            margin: 0;\n            cursor: pointer;\n            font-family: inherit;\n            color: inherit;\n            appearance: none;\n            -webkit-appearance: none;\n        }\n        #livresq-standalone-app button:focus {\n            outline: none;\n        }\n\n        \/* Accordion Animation *\/\n        .accordion-content {\n            transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out;\n            max-height: 0;\n            opacity: 0;\n            overflow: hidden;\n        }\n        .accordion-content.open {\n            opacity: 1;\n        }\n        \n        \/* Sticky Fix *\/\n        #livresq-standalone-app .sticky {\n            position: -webkit-sticky;\n            position: sticky;\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <!-- WRAPPER ID -->\n    <div id=\"livresq-standalone-app\">\n\n        <!-- Main Content (No Navbar\/Footer) -->\n        <main class=\"min-h-screen pb-20 bg-slate-50\">\n            \n            <!-- Hero Banner -->\n            <div class=\"w-full relative h-[300px] md:h-[400px] overflow-hidden\">\n                <div class=\"absolute inset-0 bg-gradient-to-r from-slate-900\/90 to-slate-900\/40 z-10\"><\/div>\n                <img decoding=\"async\" \n                    src=\"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2025\/05\/Untitled-design-47.png?fit=1200%2C400&#038;ssl=1\"\n                    alt=\"LIVRESQ Banner\"\n                    class=\"w-full h-full object-cover\"\n                \/>\n                <div class=\"absolute inset-0 z-20 flex flex-col items-center justify-center text-center px-4\">\n                    <h1 class=\"text-4xl md:text-5xl font-heading font-black text-white mb-4 drop-shadow-lg leading-tight\">\n                        \u00centreb\u0103ri Frecvente (FAQ)\n                    <\/h1>\n                    <p class=\"text-lg md:text-xl text-slate-200 max-w-2xl drop-shadow-md font-light\">\n                        Afl\u0103 r\u0103spunsurile la cele mai frecvente \u00eentreb\u0103ri legate de platforma LIVRESQ, editor \u0219i bibliotec\u0103.\n                    <\/p>\n                <\/div>\n            <\/div>\n\n            <!-- Search Bar -->\n            <!-- top-0 because no navbar -->\n            <div class=\"bg-white border-b border-slate-200 py-8 px-4 sm:px-6 lg:px-8 sticky top-0 z-30 shadow-sm\">\n                <div class=\"max-w-4xl mx-auto\">\n                    <div class=\"relative\">\n                        <!-- Icon z-10 to stay above input background if stacking context issues arise -->\n                        <div class=\"absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none text-slate-400 z-10\">\n                            <i data-lucide=\"search\" class=\"w-5 h-5\"><\/i>\n                        <\/div>\n                        <!-- !pl-10 forces padding to ensure text doesn't overlap icon -->\n                        <input\n                            type=\"text\"\n                            id=\"faq-search\"\n                            class=\"block w-full !pl-10 !pr-3 !py-3 border border-slate-300 rounded-lg leading-5 bg-slate-50 placeholder-slate-500 focus:outline-none focus:ring-2 focus:ring-livresq-fucsia focus:border-livresq-fucsia sm:text-sm shadow-sm transition-all duration-200 hover:bg-white focus:bg-white text-slate-700\"\n                            placeholder=\"Caut\u0103 o \u00eentrebare...\"\n                        \/>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Content Grid -->\n            <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12\">\n                <div class=\"lg:grid lg:grid-cols-12 lg:gap-8\">\n                    <!-- Sidebar -->\n                    <div class=\"hidden lg:block lg:col-span-3\">\n                        <!-- top-40 allows spacing from sticky search bar -->\n                        <nav id=\"faq-sidebar\" class=\"sticky top-40 space-y-1 bg-white p-4 rounded-xl shadow-sm border border-slate-100\" aria-label=\"Sidebar\">\n                            <!-- Sidebar items generated by JS -->\n                        <\/nav>\n                    <\/div>\n\n                    <!-- Main Questions Area -->\n                    <div id=\"faq-content\" class=\"mt-8 lg:mt-0 lg:col-span-9 space-y-16\">\n                        <!-- Content generated by JS -->\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/main>\n\n        <!-- Logic -->\n        <script>\n            \/\/ --- 1. DATA (Matches FullFAQ.tsx) ---\n            const faqData = [\n                {\n                    id: 'creare',\n                    title: 'Crearea lec\u021biilor',\n                    icon: 'book',\n                    image: \"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2025\/05\/Screenshot-2025-05-12-112219.png?fit=800%2C598&ssl=1\",\n                    items: [\n                        { q: \"Ce este platforma LIVRESQ \u0219i la ce folose\u0219te?\", a: \"LIVRESQ este o platform\u0103 online care permite crearea, editarea \u0219i publicarea de lec\u021bii interactive, RED-uri (Resurse Educa\u021bionale Deschise) \u0219i cursuri E-Learning. Po\u021bi realiza u\u0219or cursuri, manuale, prezent\u0103ri sau alte materiale educative cu elemente multimedia (text, imagini, video, teste etc.), f\u0103r\u0103 s\u0103 fie necesare cuno\u0219tin\u021be avansate de programare.\" },\n                        { q: \"Trebuie s\u0103 instalez un program pentru a folosi LIVRESQ?\", a: \"Nu este nevoie de nicio instalare. LIVRESQ func\u021bioneaz\u0103 direct \u00een browserul web (precum Chrome, Firefox, Safari, Edge) \u0219i este o platform\u0103 cloud-based. Doar accesezi site-ul LIVRESQ, \u00ee\u021bi creezi un cont \u0219i lucrezi online \u2013 ai nevoie doar de o conexiune la internet.\" },\n                        { q: \"LIVRESQ este gratuit\u0103 sau necesit\u0103 abonament?\", a: \"Platforma ofer\u0103 at\u00e2t un plan gratuit, c\u00e2t \u0219i op\u021biuni cu abonament (Premium\/Academic). Cu contul gratuit po\u021bi crea lec\u021bii \u0219i accesa majoritatea func\u021biilor de baz\u0103. Planul Premium adaug\u0103 func\u021bionalit\u0103\u021bi suplimentare (de exemplu, colaborare \u00een timp real, modul de planificare, spa\u021biu suplimentar de stocare, creare lec\u021bii cu ajutorul Inteligen\u021bei Artificiale), dar pentru \u00eenceput po\u021bi realiza multe lucruri \u0219i cu varianta gratuit\u0103.\" },\n                        { q: \"Cum \u00eemi creez un cont pe LIVRESQ \u0219i cum m\u0103 autentific?\", a: \"Intri pe site-ul LIVRESQ \u0219i folose\u0219ti op\u021biunea de \u00eenregistrare. Vei furniza o adres\u0103 de email \u0219i o parol\u0103, apoi \u00ee\u021bi vei confirma contul acces\u00e2nd email-ul t\u0103u. Dup\u0103 ce contul este activ, te autentifici (te loghezi) cu emailul \u0219i parola alese, direct \u00een browser, pentru a accesa platforma.\" },\n                        { q: \"Cum creez o lec\u021bie nou\u0103 (proiect nou) \u00een LIVRESQ?\", a: \"Dup\u0103 ce te loghezi, accesezi sec\u021biunea Atelier (editorul de lec\u021bii). Acolo vei g\u0103si un buton \u201eCreeaz\u0103 un proiect nou\u201d. D\u00e2nd clic, po\u021bi alege s\u0103 porne\u0219ti de la zero, s\u0103 folose\u0219ti un \u0219ablon dac\u0103 ai cont gratuit sau chiar s\u0103 la\u0219i inteligen\u021ba artificial\u0103 s\u0103 \u00ee\u021bi genereze o structur\u0103 de lec\u021bie dac\u0103 ai cont premium\/academic. Dup\u0103 selectare, se va deschide editorul unde vei \u00eencepe s\u0103 adaugi con\u021binutul lec\u021biei.\" },\n                        { q: \"Pot folosi \u0219abloane predefinite pentru a crea lec\u021bii?\", a: \"Da. LIVRESQ pune la dispozi\u021bie \u0219abloane (modele de lec\u021bii) pe care le po\u021bi folosi ca punct de plecare. C\u00e2nd creezi un proiect nou, po\u021bi alege un \u0219ablon existent \u2013 acesta va con\u021bine deja o structur\u0103 \u0219i elemente de baz\u0103, pe care le po\u021bi modifica \u0219i completa cu propriul con\u021binut. Astfel economise\u0219ti timp \u0219i ai un model de lec\u021bie bine format.\" },\n                        { q: \"Pot generate con\u021binut cu ajutorul Inteligen\u021bei Artificiale \u00een platform\u0103?\", a: \"Da, platforma are integrate func\u021bii de inteligen\u021b\u0103 artificial\u0103 care i\u021bi pot crea con\u021binutul, apoi tu s\u0103 modifici conform propriilor dorin\u021be. De exemplu, exist\u0103 op\u021biuni de a genera text (pentru explica\u021bii sau \u00eentreb\u0103ri). Aceste func\u021bii sunt menite s\u0103 \u00ee\u021bi ofere idei \u0219i materiale, pe care apoi le po\u021bi ajusta dup\u0103 preferin\u021be. (Not\u0103: disponibilitatea AI necesita un plan Premium\/Academic).\" },\n                        { q: \"Pot s\u0103 duplic (copiez) o lec\u021bie existent\u0103 pentru a crea una nou\u0103?\", a: \"Da. Dac\u0103 ai deja un proiect \u0219i vrei s\u0103 porne\u0219ti o nou\u0103 lec\u021bie de la structura lui, po\u021bi folosi func\u021bia Duplicare. \u00cen lista de resurse, l\u00e2ng\u0103 numele proiectului, exist\u0103 op\u021biunea de duplicare (un buton). Aceasta creeaz\u0103 o copie a lec\u021biei selectate, pe care apoi o po\u021bi redenumi \u0219i modifica independent de original.\" },\n                        { q: \"Ce \u00eenseamn\u0103 termenii \u201eproiect\u201d, \u201esec\u021biune\u201d \u0219i \u201eresurs\u0103\u201d \u00een LIVRESQ?\", a: \"\u00cen LIVRESQ, un proiect este lec\u021bia complet\u0103 (cuprinde toate capitolele \/ paginile). Proiectul este alc\u0103tuit din una sau mai multe sec\u021biuni \u2013 fiecare sec\u021biune poate fi privit\u0103 ca un capitol, subcapitol sau pagin\u0103 individual\u0103 din lec\u021bie. O resurs\u0103 este un element de con\u021binut pe care \u00eel inserezi \u00eentr-o sec\u021biune (de exemplu: un bloc de text, o imagine, un video, un test etc.). Pe scurt, proiectul este lec\u021bia \u00eentreag\u0103, sec\u021biunile sunt subdiviziunile lec\u021biei, iar resursele sunt materialele efective plasate \u00een sec\u021biuni(ex: resurs\u0103 tip text, tip video, tip imagine etc.).\" },\n                        { q: \"Cum adaug o sec\u021biune nou\u0103 \u00eentr-o lec\u021bie?\", a: \"\u00cen editor, lec\u021bia ta (proiectul) are un meniu al sec\u021biunilor. Exist\u0103 un buton \u201eAdaug\u0103 sec\u021biune\u201d (reprezentat prin simbolul \u201e+\u201d) \u00een bara de sus. C\u00e2nd ape\u0219i acest buton, se va crea o sec\u021biune nou\u0103 goal\u0103 \u00een cadrul proiectului, pe care o po\u021bi denumi (de ex. \u201eCapitolul 2\u201d) \u0219i apoi completa cu resurse. Fiecare sec\u021biune ad\u0103ugat\u0103 va ap\u0103rea \u00een structura lec\u021biei \u0219i va putea fi editat\u0103 independent.\" },\n                        { q: \"Pot crea sec\u021biuni separat \u0219i apoi s\u0103 le includ \u00eentr-un proiect?\", a: \"Da. LIVRESQ \u00ee\u021bi permite s\u0103 creezi sec\u021biuni \u0219i ca resurse independente. De exemplu, po\u021bi realiza o sec\u021biune (cu tot con\u021binutul ei) \u00een zona de Resurse a atelierului, f\u0103r\u0103 s\u0103 fie \u00eenc\u0103 parte dintr-un proiect. Ulterior, o po\u021bi include \u00eentr-un proiect prin import sau drag-and-drop. Aceast\u0103 abordare e util\u0103 dac\u0103 vrei s\u0103 reutilizezi aceea\u0219i sec\u021biune \u00een mai multe lec\u021bii diferite.\" },\n                        { q: \"Unde \u00eemi g\u0103sesc \u0219i cum deschid o lec\u021bie creat\u0103 anterior?\", a: \"Toate proiectele \u0219i sec\u021biunile tale salvate apar \u00een pagina Resurse din Atelier. C\u00e2nd te loghezi, po\u021bi naviga la \u201eResurse\u201d (lista de proiecte\/sec\u021biuni). Acolo vezi titlurile lec\u021biilor create de tine. Pentru a continua lucrul la o lec\u021bie, faci dublu click pe numele proiectului respectiv (sau alegi op\u021biunea \u201eDeschide\u201d). Lec\u021bia se va deschide \u00een editor, unde po\u021bi continua editarea de unde ai r\u0103mas\" },\n                        { q: \"Cum \u0219terg o lec\u021bie sau o sec\u021biune de care nu mai am nevoie?\", a: \"\u00cen pagina de Resurse, po\u021bi \u0219terge elementele nedorite. De exemplu, pentru a \u0219terge un proiect \u00eentreg (o lec\u021bie), selectezi proiectul respectiv \u0219i cau\u021bi op\u021biunea \u201e\u0218terge\u201d (reprezentat\u0103 de obicei de un co\u0219 de gunoi). Confirm\u00e2nd, lec\u021bia va fi \u0219tears\u0103 din contul t\u0103u. Similar, po\u021bi \u0219terge o sec\u021biune individual\u0103: fie din interiorul proiectului (\u00een lista de sec\u021biuni a lec\u021biei exist\u0103 op\u021biune de \u0219tergere pe sec\u021biunea dorit\u0103), fie din lista general\u0103 de resurse. Aten\u021bie: \u0219tergerea este permanent\u0103, a\u0219a c\u0103 asigur\u0103-te c\u0103 nu mai ai nevoie de respectivul con\u021binut.\" },\n                        { q: \"Cum redenumesc un proiect sau o sec\u021biune?\", a: \"Pentru a redenumi o lec\u021bie (proiect), mergi \u00een pagina de Resurse, \u00een bara de sus reg\u0103se\u0219ti pictograma unui creion care reprezint\u0103 \u201eredenumirea\u201d. Introdu noul titlu dorit. Pentru a redenumi o sec\u021biune, o selectezi, apoi urmezi pasul prezentat mai sus. Astfel, po\u021bi actualiza titlurile capitolelor sau ale proiectelor oric\u00e2nd, chiar \u0219i dup\u0103 ce ai ad\u0103ugat con\u021binut.\" },\n                        { q: \"Pot organiza lec\u021biile mele \u00een foldere sau categorii?\", a: \"Da. \u00cen zona de Resurse a platformei po\u021bi crea directoare (foldere) pentru a-\u021bi organiza proiectele \u0219i resursele. De exemplu, po\u021bi avea un folder \u201eMatematic\u0103\u201d \u00een care s\u0103 mu\u021bi toate lec\u021biile de matematic\u0103 \u0219i un alt folder \u201eBiologie\u201d pentru lec\u021biile aferente. Creezi un folder nou (exist\u0103 op\u021biunea \u201eCreeaz\u0103 director\u201d), apoi mu\u021bi prin drag-and-drop sau prin comanda \u201eMut\u0103\u201d lec\u021biile \u00een folderele respective. Aceasta te ajut\u0103 s\u0103 men\u021bii ordinea c\u00e2nd ai multe materiale.\" },\n                        { q: \"Pot avea mai multe lec\u021bii deschise \u00een acela\u0219i timp?\", a: \"Da, editorul suport\u0103 lucru cu mai multe proiecte\/sec\u021biuni simultan. \u00cen bara de sus a editorului, fiecare lec\u021bie sau sec\u021biune deschis\u0103 va fi afi\u0219at\u0103 ca un tab (o fil\u0103). Po\u021bi crea sau deschide un alt proiect ap\u0103s\u00e2nd butonul \u201e+\u201d din zona filelor. Apoi po\u021bi comuta \u00eentre lec\u021bii f\u0103c\u00e2nd clic pe fila dorit\u0103. Astfel, po\u021bi copia con\u021binut \u00eentre proiecte sau lucra \u00een paralel, f\u0103r\u0103 a \u00eenchide \u0219i deschide lec\u021bii de fiecare dat\u0103.\" },\n                        { q: \"Pot folosi LIVRESQ pe telefon sau tablet\u0103 pentru a crea lec\u021bii?\", a: \"Platforma LIVRESQ este responsive, adic\u0103 adaptat\u0103 \u0219i pentru dispozitive mobile. Te po\u021bi loga \u0219i edita con\u021binut de pe o tablet\u0103 sau chiar telefon. Totu\u0219i, pentru experien\u021ba optim\u0103 de editare (dat fiind spa\u021biul \u0219i complexitatea interfe\u021bei), se recomand\u0103 utilizarea unui computer sau a unei tablete cu ecran mai mare. Dar da, \u00een caz de nevoie, po\u021bi accesa, vizualiza sau face modific\u0103ri minore \u0219i de pe dispozitive mobile.\" },\n                        { q: \"Am nevoie de cuno\u0219tin\u021be de programare pentru a crea lec\u021bii \u00een LIVRESQ?\", a: \"Nu. LIVRESQ a fost conceput ca un instrument u\u0219or de folosit de c\u0103tre profesori \u0219i formatori, f\u0103r\u0103 a necesita cuno\u0219tin\u021be tehnice avansate.Ad\u0103ugarea elementelor interactive se face prin clic \u0219i completare, iar personalizarea aspectului prin meniuri intuitive. Nu trebuie s\u0103 scrii cod pentru a realiza lec\u021bii atr\u0103g\u0103toare \u2013 platforma se ocup\u0103 de partea tehnic\u0103, a\u0219a c\u0103 te po\u021bi concentra pe con\u021binut.\" },\n                        { q: \"Ce tipuri de materiale pot crea cu LIVRESQ?\", a: \"Po\u021bi crea o gam\u0103 variat\u0103 de resurse educa\u021bionale interactive. \u00cen principal, LIVRESQ este folosit pentru lec\u021bii digitale (lec\u021bii online, module de curs), dar po\u021bi realiza \u0219i manuale digitale, e-book-uri interactive, prezent\u0103ri, teste de evaluare, jocuri educative simple sau chiar ghiduri. Practic, orice material care combin\u0103 text cu elemente multimedia \u0219i interactivitate (exerci\u021bii) poate fi realizat sub form\u0103 de proiect \u00een LIVRESQ.\" },\n                        { q: \"Pot integra teste \u0219i exerci\u021bii interactive \u00een lec\u021biile mele?\", a: \"Da, aceasta este una dintre principalele capabilit\u0103\u021bi ale platformei. \u00cen cadrul unei lec\u021bii po\u021bi \u00eembina con\u021binut teoretic (texte, imagini, video) cu exerci\u021bii practice sau evalu\u0103ri (chestionare, quiz-uri, jocuri de tip rebus etc.). Astfel, lec\u021bia devine mult mai interactiv\u0103 \u0219i verific\u0103 cuno\u0219tin\u021bele elevului pe parcurs. Platforma are mai multe tipuri de teste\/chestionare pe care le po\u021bi ad\u0103uga u\u0219or \u00een sec\u021biunile dorite.\" },\n                        { q: \"Cum pot vedea cum va ar\u0103ta lec\u021bia pentru elevi (previzualiza lec\u021bia)?\", a: \"Editorul are o func\u021bie de previzualizare. C\u00e2nd editezi o sec\u021biune, po\u021bi ap\u0103sa butonul \u201eVizualizeaz\u0103\u201d (click pe \u201eochi\u201d \u00een bara de sus). Aceasta va deschide sec\u021biunea curent\u0103 \u00eentr-un mod de vizualizare, exact cum o va vedea un cursant. Pentru a previzualiza \u00eentreaga lec\u021bie cap-coad\u0103, o metod\u0103 este s\u0103 accesezi previzualizarea din proiect, nu din sec\u021biune sau publici temporar lec\u021bia (doar pentru tine, \u00een raftul personal) \u0219i apoi s\u0103 parcurgi toate sec\u021biunile ca un elev obi\u0219nuit. Astfel, te asiguri c\u0103 totul arat\u0103 \u0219i func\u021bioneaz\u0103 corect \u00eenainte de distribuire.\" },\n                        { q: \"Ce se \u00eent\u00e2mpl\u0103 dac\u0103 pierd conexiunea la internet \u00een timp ce lucrez?\", a: \"LIVRESQ salveaz\u0103 automat progresul la intervale scurte. Dac\u0103 conexiunea cade, platforma va \u00eencerca s\u0103 salveze c\u00e2nd revine internetul. \u00cen caz de deconectare, vei primi o notificare \u00een editor (un mesaj de aten\u021bionare). De obicei, datele introduse p\u00e2n\u0103 \u00een acel moment r\u0103m\u00e2n stocate local temporar; odat\u0103 ce reconexiunea are loc, modific\u0103rile sunt salvate pe server. Dac\u0103 totu\u0219i apar erori de salvare, este recomandat s\u0103 dai un refresh paginii dup\u0103 reconectare, pentru siguran\u021b\u0103.\" },\n                        { q: \"Exist\u0103 func\u021bia de Undo\/Redo dac\u0103 gre\u0219esc ceva la editare?\", a: \"Da. \u00cen editor, \u00een bara de op\u021biuni de sus, exist\u0103 butoane pentru \u201eAnuleaz\u0103\u201d (Undo) \u0219i \u201eRef\u0103\u201d (Redo). Dac\u0103 ai \u0219ters sau modificat ceva din gre\u0219eal\u0103, po\u021bi ap\u0103sa Undo pentru a reveni la starea anterioar\u0103. Similar, dac\u0103 ai anulat prea mult, po\u021bi folosi Redo pentru a reface modificarea. Aceste func\u021bii te ajut\u0103 s\u0103 experimentezi f\u0103r\u0103 team\u0103, \u0219tiind c\u0103 po\u021bi oric\u00e2nd s\u0103 revii cu un clic.\" },\n                        { q: \"Pot muta sau reordona elementele ad\u0103ugate \u00een pagin\u0103?\", a: \"Da. Elementele (resursele) dintr-o sec\u021biune pot fi aranjate cum dore\u0219ti. Po\u021bi muta un bloc (de text, imagine etc.) \u021bin\u00e2nd clic pe el \u0219i tr\u0103g\u00e2ndu-l \u00een pozi\u021bia dorit\u0103 (drag-and-drop) \u00een cadrul paginii sau al r\u00e2ndului. De asemenea, po\u021bi schimba ordinea sec\u021biunilor \u00een proiect (de ex., s\u0103 mu\u021bi Sec\u021biunea 3 \u00eenaintea Sec\u021biunii 2) \u2013 acest lucru se face \u00een lista de sec\u021biuni, tot prin tragere sau folosind op\u021biunea \u201eMut\u0103 sus\/jos\u201d. \u00cen concluzie, ai libertate total\u0103 s\u0103 rearanjezi con\u021binutul pentru a ob\u021bine structura optim\u0103.\" },\n                        { q: \"Exist\u0103 tutoriale sau documenta\u021bie care s\u0103 m\u0103 ajute s\u0103 folosesc platforma?\", a: \"Da. Pe l\u00e2ng\u0103 aceste \u00eentreb\u0103ri frecvente, exist\u0103 un Manual de utilizare LIVRESQ (manual oficial) \u0219i diverse tutoriale video oferite de echipa LIVRESQ. Po\u021bi accesa documenta\u021bia pe site-ul oficial (sec\u021biunea \u201eHelp\/Centru de \u00eenv\u0103\u021bare\u201d) unde g\u0103se\u0219ti pa\u0219i detalia\u021bi \u0219i exemple. De asemenea, interfa\u021ba are adesea scurte indica\u021bii \u0219i un asistent care te ghideaz\u0103 la prima utilizare. Comunitatea de utilizatori (Facebook, LIVRESQ Whatsapp) poate fi \u0219i ea un loc bun pentru sfaturi.\" }\n                    ]\n                },\n                {\n                    id: 'blocuri',\n                    title: 'Utilizarea blocurilor',\n                    icon: 'file-text',\n                    image: \"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2025\/05\/Screenshot-2025-05-12-112451.png?fit=800%2C542&ssl=1\",\n                    items: [\n                        { q: \"Cum adaug text \u00eentr-o lec\u021bie \u00een LIVRESQ?\", a: \"Pentru a ad\u0103uga text, inserezi o \u201eResurs\u0103 Text\u201d \u00een sec\u021biune. \u00cen editor, \u00een panoul din st\u00e2nga ai o list\u0103 de tipuri de con\u021binut \u2013 selectezi \u201eResursa Text\u201d \u0219i \u00eel tragi \u00een spa\u021biul de lucru. Se va crea un bloc de text editabil. F\u0103 clic \u00een acel bloc \u0219i po\u021bi \u00eencepe s\u0103 scrii sau s\u0103 inserezi paragrafurile dorite. Editorul de text \u00ee\u021bi permite s\u0103 tastezi direct \u0219i s\u0103 formatezi con\u021binutul dup\u0103 nevoie.\" },\n                        { q: \"Ce op\u021biuni de formatare a textului sunt disponibile?\", a: \"Editorul de text din LIVRESQ ofer\u0103 op\u021biuni similare unui procesor de text obi\u0219nuit. Po\u021bi formata caracterele cu bold, italic, subliniere, po\u021bi crea liste (marcate sau numerotate), po\u021bi alinia textul la st\u00e2nga\/centru\/dreapta, po\u021bi insera citate sau cod html \u0219i chiar hyperlink-uri. De asemenea, po\u021bi alege stiluri de titluri (Heading 1, Heading 2 etc.) pentru a eviden\u021bia titlurile \u0219i subtitlurile. Astfel, ai control asupra aspectului textului pentru a-l face c\u00e2t mai lizibil \u0219i atractiv.\" },\n                        { q: \"Cum inserez o imagine \u00eentr-o lec\u021bie?\", a: \"Pentru a ad\u0103uga o imagine, folose\u0219ti resursa Imagine. \u00cen editor, din panoul de st\u00e2nga alegi tipul \u201eImagine\u201d \u0219i plasezi blocul \u00een sec\u021biune. Apoi dai dublu click pe blocul de imagine ap\u0103rut sau folose\u0219ti butonul \u201e\u00cencarc\u0103 imagine\u201d. Se va deschide o fereastr\u0103 unde po\u021bi alege un fi\u0219ier de pe calculatorul t\u0103u sau po\u021bi selecta o imagine din \u201eFotografie de stoc\u201d. Dup\u0103 ce selectezi imaginea aceasta va fi \u00eenc\u0103rcat\u0103 \u0219i afi\u0219at\u0103 \u00een lec\u021bie. Ulterior, po\u021bi pozi\u021biona imaginea cum dore\u0219ti \u00een sec\u021biuni.\" },\n                        { q: \"Ce formate de imagine pot folosi \u00een LIVRESQ?\", a: \"Cele mai uzuale formate de imagine sunt acceptate: JPEG\/JPG, PNG, GIF etc. Acestea pot fi \u00eenc\u0103rcate f\u0103r\u0103 probleme. Dac\u0103 folose\u0219ti imagini PNG cu fundal transparent sau GIF-uri animate, platforma le va afi\u0219a corect. Este recomandat s\u0103 folose\u0219ti imagini de calitate, dar optimizate ca dimensiune (KB\/MB) pentru a nu \u00eengreuna \u00eenc\u0103rcarea lec\u021biei.\" },\n                        { q: \"Pot redimensiona sau edita o imagine direct \u00een platform\u0103?\", a: \"Po\u021bi redimensiona cu u\u0219urin\u021b\u0103 imaginea. \u00cen editor, dup\u0103 ce ai inserat imaginea, o po\u021bi edita acces\u00e2nd butonul \u201eEditeaz\u0103 Imaginea\u201d, aici po\u021bi edita: filtre, decupare, \u00eentoarce, rote\u0219te, deseneaza, forme, texte, ab\u021bipilduri, redimensionare.\" },\n                        { q: \"Cum adaug un fi\u0219ier audio \u00eentr-o lec\u021bie?\", a: \"Utilizezi resursa Audio. O g\u0103se\u0219ti \u00een lista de resurse \u0219i o inserezi \u00een sec\u021biune la fel ca pe celelalte. Dup\u0103 ce apare blocul audio, dai clic pe \u201e\u00cencarc\u0103 audio\u201d \u0219i selectezi fi\u0219ierul de pe dispozitivul t\u0103u (formatul recomandat este MP3). Dup\u0103 \u00eenc\u0103rcare, \u00een lec\u021bie va ap\u0103rea un player audio cu buton de redare, pe care cursantul \u00eel poate folosi pentru a asculta sunetul.\" },\n                        { q: \"Cum inserez un videoclip \u00een lec\u021bia mea?\", a: \"Prin resursa Video. \u00cen editor, alegi tipul \u201eResursa Video\u201d \u0219i \u00eel plasezi \u00een pagina dorit\u0103. Apoi ai op\u021biunea s\u0103 \u00eencarci un fi\u0219ier video de pe calculator (formate uzuale: MP4 \u2013 cel mai indicat), poti alege un fisier video de stoc sau poti genera cu Inteligen\u021ba Artificial\u0103 propriul t\u0103u fisier video. Dup\u0103 \u00eenc\u0103rcare, lec\u021bia va afi\u0219a un player video.\" },\n                        { q: \"Pot ad\u0103uga un video de pe YouTube sau alt site extern?\", a: \"Da. Chiar dac\u0103 resursa Video din LIVRESQ este destinat\u0103 \u00een principal fi\u0219ierelor video \u00eenc\u0103rcate direct, po\u021bi integra clipuri de pe platforme externe folosind embed. Cea mai simpl\u0103 metod\u0103: \u00een editorul de text, folose\u0219ti func\u021bia de inserare de cod HTML (iframe) \u2013 copiezi codul embed furnizat de YouTube\/Vimeo \u0219i \u00eel inserezi \u00eentr-un bloc de text (comut\u00e2nd editorul \u00een modul HTML). Astfel, cursan\u021bii pot viziona clipul f\u0103r\u0103 a p\u0103r\u0103si lec\u021bia.\" },\n                        { q: \"Ce formate de fi\u0219iere audio \u0219i video sunt acceptate?\", a: \"Pentru audio, formatul cel mai sigur este MP3 (recunoscut universal de browsere). Pentru video, MP4 (H.264)este formatul recomandat, deoarece ofer\u0103 compatibilitate ridicat\u0103 \u0219i un raport bun calitate\/dimensiune. Alte formate moderne (WebM, OGG) pot fi de asemenea redate de browsere, \u00eens\u0103 ca bun\u0103 practic\u0103 converte\u0219te videoclipurile \u00een MP4.\" },\n                        { q: \"Cum creez o galerie de imagini \u00eentr-o lec\u021bie?\", a: \"\u00cen lista de blocuri o vei g\u0103si ca \u201eGalerie\u201d \u2013 o inserezi \u00een sec\u021biune, apoi \u00een editorul galeriei care apare, \u00eencarci mai multe imagini. Platforma va crea automat o galerie (de tip slider sau carusel) prin care cursantul poate naviga. Imaginile pot fi v\u0103zute \u00een succesiune.\" },\n                        { q: \"Ce tipuri de teste interactive (chestionare) pot include \u00een lec\u021bie?\", a: \"LIVRESQ ofer\u0103 o varietate de tipuri de chestionare interactive: \u00eentreb\u0103ri cu alegere multipl\u0103 (tip gril\u0103), \u00eentreb\u0103ri de tip adev\u0103rat\/fals, exerci\u021bii de tragere \u0219i plasare (drag-and-drop), itemi de ordonare (rearanjare a elementelor \u00een ordinea corect\u0103), \u00eentreb\u0103ri cu r\u0103spuns deschis, chestionare de eviden\u021biere (unde elevul marcheaz\u0103 anumite zone din text sau imagine), completare de spa\u021bii goale \u00een text, rebus (matrice de litere) etc. Fiecare tip serve\u0219te altui scop (verificarea cuno\u0219tin\u021belor, exersare interactiv\u0103, joc educativ), iar tu le po\u021bi alege pe cele potrivite lec\u021biei tale.\" },\n                        { q: \"Cum adaug un chestionar (test) \u00een lec\u021bie?\", a: \"Folose\u0219ti resursa Chestionar. \u00cen panoul de resurse, selectezi tipul \u201eChestionar\u201d \u0219i \u00eel adaugi \u00een sec\u021biune. Se va deschide un editor specific pentru \u00eentreb\u0103ri. Mai \u00eent\u00e2i alegi tipul \u00eentreb\u0103rii (de ex. \u201eAlegere multipl\u0103\u201d sau alt tip dorit). Apoi introduci cerin\u021ba \u00eentreb\u0103rii, variantele de r\u0103spuns \u0219i marchezi care este corect\u0103. Po\u021bi seta dac\u0103 elevul vede feedback imediat \u0219i dac\u0103 are voie la multiple \u00eencerc\u0103ri. Dup\u0103 salvare, chestionarul apare \u00een lec\u021bie sub forma unei \u00eentreb\u0103ri interactive pe care elevul o poate rezolva.\" },\n                        { q: \"Cum creez o \u00eentrebare cu op\u021biuni multiple (tip gril\u0103)?\", a: \"\u00cen editorul de chestionare, alegi tipul \u201e\u00centrebare cu alegere multipl\u0103\u201d. Scrii enun\u021bul \u00eentreb\u0103rii (de exemplu: \u201eCare dintre urm\u0103toarele...?\u201d). Adaugi variante de r\u0103spuns (po\u021bi avea oric\u00e2te op\u021biuni; exist\u0103 buton \u201eAdaug\u0103 op\u021biune\u201d pentru a introduce noi r\u00e2nduri). Bifezi r\u0103spunsul corect (po\u021bi marca unul sau mai multe r\u0103spunsuri ca fiind corecte, \u00een func\u021bie de \u00eentrebare). Op\u021bional, pentru fiecare variant\u0103 po\u021bi seta un mesaj de feedback pe care elevul \u00eel va vedea dup\u0103 ce r\u0103spunde (de exemplu \u201eCorect, bravo!\u201d sau \u201eR\u0103spunsul nu este corect.\u201d). La final, salvezi \u00eentrebarea. \u00cen lec\u021bie, elevul va putea selecta r\u0103spunsul \u0219i verifica dac\u0103 a ales varianta corect\u0103.\" },\n                        { q: \"Cum adaug un exerci\u021biu de tip \u201etragere \u0219i plasare\u201d (drag-and-drop)?\", a: \"\u00cen cadrul resursei Chestionar, alege tipul \u201eDrag-and-drop\u201d (tragere \u0219i plasare). Acest tip de exerci\u021biu \u00ee\u021bi permite s\u0103 creezi, de exemplu, asocieri sau s\u0103 ceri elevului s\u0103 potriveasc\u0103 elemente \u00eentre ele. \u00cen editorul de drag-and-drop, vei avea de obicei dou\u0103 liste sau grupuri \u2013 trebuie s\u0103 inserezi elementele (text sau imagini) care trebuie potrivite. De exemplu, list\u0103 de termeni \u0219i list\u0103 de defini\u021bii pe care elevul s\u0103 le asocieze prin tragere. Configurezi care element corespunde cu care (astfel \u00eenc\u00e2t platforma s\u0103 \u0219tie r\u0103spunsul corect). Elevul, \u00een lec\u021bie, va putea trage cu mouse-ul (sau degetul pe tablet\u0103) elementele dintr-o parte \u00een cealalt\u0103 pentru a face corela\u021biile, iar apoi poate verifica dac\u0103 le-a potrivit corect.\" },\n                        { q: \"Cum fac un test \u00een care elevii trebuie s\u0103 ordoneze elemente?\", a: \"Alegi tipul de chestionar \u201eOrdonare\u201d (uneori numit \u0219i \u201eSortare\u201d sau \u201eRearanjare\u201d). \u00cen editorul de \u00eentreb\u0103ri, introduci o serie de elemente (texte sau imagini mici) pe care elevul ar trebui s\u0103 le pun\u0103 \u00een secven\u021ba corect\u0103. De exemplu, pa\u0219ii unui proces amesteca\u021bi sau ordonarea cronologic\u0103 a unor evenimente. Tu le adaugi \u00een ordinea corect\u0103, iar platforma le va afi\u0219a amestecat elevului. Cursantul va putea s\u0103 le trag\u0103 \u00een pozi\u021bia corect\u0103 (s\u0103 schimbe ordinea) \u0219i apoi s\u0103 verifice dac\u0103 a nimerit succesiunea corect\u0103 stabilit\u0103 de tine.\" },\n                        { q: \"Pot ad\u0103uga \u00eentreb\u0103ri cu r\u0103spuns deschis \u00een lec\u021bie?\", a: \"Da, exist\u0103 posibilitatea de a ad\u0103uga \u00eentreb\u0103ri cu r\u0103spuns liber (deschis). \u00cen editorul de chestionare, po\u021bi alege tipul \u201e\u00centrebare deschis\u0103\u201d. Acesta \u00eei va oferi elevului un spa\u021biu liber (un c\u00e2mp text) \u00een care s\u0103 scrie r\u0103spunsul cu cuvintele lui. Aceast\u0103 variant\u0103 este util\u0103 pentru \u00eentreb\u0103ri de reflec\u021bie sau eseu scurt. Re\u021bine c\u0103 platforma nu poate evalua automat r\u0103spunsurile deschise (deoarece nu are un barem exact ca la cele \u00eenchise). Practic, elevul \u00ee\u0219i noteaz\u0103 r\u0103spunsul, iar dac\u0103 folose\u0219ti lec\u021bia \u00eentr-un LMS, vei putea ulterior s\u0103 consul\u021bi r\u0103spunsurile manual. \u00centr-un context de auto-studiu, \u00eentreb\u0103rile deschise pot servi ca exerci\u021bii de g\u00e2ndire, chiar dac\u0103 nu sunt punctateautomat.\" },\n                        { q: \"Ce este un chestionar de eviden\u021biere \u0219i cum func\u021bioneaz\u0103?\", a: \"Chestionarul de eviden\u021biere presupune ca elevul s\u0103 marcheze (s\u0103 eviden\u021bieze) anumite elemente corecte \u00eentr-un text. De exemplu, \u00eei po\u021bi cere elevului s\u0103 eviden\u021bieze cuvintele cheie sau gre\u0219elile. \u00cen editorul de chestionare, alegi tipul \u201eEviden\u021biere\u201d \u0219i introduci textul \u0219i specifici care cuvinte sau zone sunt cele corecte de marcat. Elevul, \u00een lec\u021bie, va putea selecta cu mouse-ul acele cuvinte sau va face clic pe anumite zone. Platforma va indica apoi dac\u0103 a eviden\u021biat elementele corecte. Acest tip de exerci\u021biu este interactiv \u0219i antreneaz\u0103 aten\u021bia la detalii.\" },\n                        { q: \"Ce este o resurs\u0103 de tip rebus (matrice) \u0219i cum o folosesc?\", a: \"Resursa Matrice (Rebus) \u00ee\u021bi permite s\u0103 creezi un joc de cuvinte \u00eencruci\u0219ate sau un rebus simplu. Practic, platforma \u00ee\u021bi pune la dispozi\u021bie o gril\u0103 (matrice) \u00een care po\u021bi defini literele care apar \u0219i eventualele indicii. De obicei, completezi cuvintele orizontal \u0219i vertical \u0219i furnizezi indicii pentru fiecare cuv\u00e2nt. Elevul va vedea grila goal\u0103 \u0219i va trebui s\u0103 completeze literele corecte pe baza indiciilor date (ca \u00eentrun rebus tradi\u021bional). C\u00e2nd termin\u0103, poate verifica solu\u021bia. Acest tip de resurs\u0103 este distractiv \u0219i util pentru recapitularea termenilor-cheie.\" },\n                        { q: \"Ce este o resurs\u0103 de tip acordeon \u0219i la ce folose\u0219te?\", a: \"Resursa Acordeon afi\u0219eaz\u0103 con\u021binutul sub form\u0103 de panouri pliabile, similare cu un meniu acordeon. Fiecare r\u00e2nd are o sec\u021biune vizibil\u0103 (un titlu sau o \u00eentrebare) \u0219i, c\u00e2nd este ap\u0103sat, se extinde dezv\u0103luind zona ascuns\u0103 (cu detalii sau r\u0103spuns). Este util pentru a prezenta informa\u021bia pe puncte pe care elevul s\u0103 le poat\u0103 extinde una c\u00e2te una (de exemplu: \u00eentreb\u0103ri frecvente, defini\u021bii pe care elevul le dezv\u0103luie pe r\u00e2nd). Pentru a folosi, inserezi resursa Acordeon, apoi editezi fiecare r\u00e2nd: introduci titlul (vizibil ini\u021bial) \u0219i con\u021binutul ascuns aferent. Elevul va putea face clic pe titluri pentru a \u201edesface\u201d acordeonul \u0219i a citi con\u021binutul.\" },\n                        { q: \"Cum folosesc resursa de tip \u201eTaburi\u201d (file) \u00een lec\u021bie?\", a: \"Resursa Taburi \u00ee\u021bi permite s\u0103 prezin\u021bi con\u021binutul \u00een mai multe file orizontale, ca \u00eentr-un navigator de internet. C\u00e2nd inserezi un astfel de bloc, vei putea ad\u0103uga mai multe file (tab-uri), fiecare cu un titlu \u0219i un con\u021binut propriu. Doar o fil\u0103 este vizibil\u0103 o dat\u0103, iar elevul poate comuta \u00eentre ele f\u0103c\u00e2nd clic pe titlurile de fil\u0103. Acest format este util dac\u0103 vrei s\u0103 grupezi informa\u021bia pe categorii \u00eentr-un singur spa\u021biu (de exemplu: \u201eDefini\u021bie\u201d, \u201eExemplu\u201d, \u201eExplica\u021bie\u201d ca trei file). Ca autor, inserezi resursa Taburi, apoi denume\u0219ti filele \u0219i pui con\u021binutul \u00een fiecare (text, imagini, etc.). Cursantul va naviga u\u0219or \u00eentre file pentru a vedea diferitele aspecte.\" },\n                        { q: \"Ce este resursa \u201eEtichete\u201d \u0219i cum o utilizez?\", a: \"Resursa Etichete permite ad\u0103ugarea de marcaje interactive peste o imagine. Practic, \u00eencarci o imagine \u0219i po\u021bi plasa pe ea etichete (puncte sau pin-uri) care, atunci c\u00e2nd sunt accesate, afi\u0219eaz\u0103 un text explicativ. E ca o imagine cu hotspot-uri informative. Dup\u0103 ce inserezi resursa Etichete, aceasta vine implicit cu un exemplu (o imagine \u0219i un marcaj de test). Dublu-click pentru editare: \u00eencarci propria imagine \u0219i adaugi marcaje (de ex. ape\u0219i pe imagine unde vrei un punct \u0219i adaugi o descriere pentru acel punct). Elevul va vedea imaginea cu iconi\u021be; c\u00e2nd trece cu mouse-ul sau face clic pe un marcaj, va vedea eticheta (descrierea) asociat\u0103. Aceast\u0103 resurs\u0103 e excelent\u0103 pentru diagrame sau h\u0103r\u021bi explicate interactiv\" },\n                        { q: \"Ce este resursa \u201eAta\u0219ament\u201d \u0219i cum ata\u0219ez un fi\u0219ier?\", a: \"Resursa Ata\u0219ament \u00ee\u021bi permite s\u0103 pui la dispo\u021bia elevului un fi\u0219ier de desc\u0103rcat. Poate fi orice tip de fi\u0219ier: PDF, document Word, arhiv\u0103 ZIP, prezentare PowerPoint etc. C\u00e2nd inserezi resursa Ata\u0219ament, \u00een editor faci dublu click pe ea \u0219i folose\u0219ti butonul \u201e\u00cencarc\u0103 fi\u0219ier\u201d pentru a alege fi\u0219ierul dorit de pe calculator. Po\u021bi oferi \u0219i o scurt\u0103 descriere sau instruc\u021biune (de exemplu \u201eDesc\u0103rca\u021bi fi\u0219a de lucru de aici\u201d). \u00cen lec\u021bie va ap\u0103rea o iconi\u021b\u0103 (de obicei un simbol de document) pe care cursantul poate da clic pentru a desc\u0103rca fi\u0219ierul ata\u0219at. E util c\u00e2nd vrei s\u0103 oferi materiale suplimentare, fi\u0219e PDF printabile sau resurse ce nu pot fi prezentate direct \u00een lec\u021bie.\" },\n                        { q: \"Ce este resursa \u201eAplica\u021bie\u201d \u0219i cum o pot folosi?\", a: \"Resursa Aplica\u021bie este un container pentru con\u021binut interactiv extern sau personalizat. C\u00e2nd o inserezi, \u00een editor po\u021bi \u00eenc\u0103rca o mini-aplica\u021bie (un fi\u0219ier HTML sau un pachet web) creat\u0103 de tine sau de un specialist. De exemplu, dac\u0103 ai o simulare sau anima\u021bie interactiv\u0103 f\u0103cut\u0103 \u00eentr-un alt mediu, o po\u021bi integra ca \u201eAplica\u021bie\u201d. Dai dublu click pe resursa Aplica\u021bie \u0219i folose\u0219ti \u201e\u00cencarc\u0103 alt\u0103 aplica\u021bie\u201d pentru a \u00eenc\u0103rca pachetul (de obicei un fi\u0219ier HTML + resursele asociate, \u00eentr-o arhiv\u0103). Dup\u0103 \u00eenc\u0103rcare, aplica\u021bia respectiv\u0103 va fi afi\u0219at\u0103 \u00een lec\u021bie. Practic, aceast\u0103 resurs\u0103 \u00ee\u021bi d\u0103 flexibilitate maxim\u0103: po\u021bi insera orice aplica\u021bie web (un joc educa\u021bional, o simulare de fizic\u0103 etc.) direct \u00een pagina lec\u021biei, f\u0103r\u0103 ca elevul s\u0103 mearg\u0103 pe alt site.\" },\n                        { q: \"Ce este resursa \u201eCertificat\u201d \u0219i cum ofer\u0103 diplome cursan\u021bilor?\", a: \"Resursa Certificat genereaz\u0103 o diplom\u0103 de final pe care elevul o poate primi dup\u0103 ce parcurge lec\u021bia. Dac\u0103 o inserezi \u00een proiect (de obicei la final), po\u021bi personaliza un model de diplom\u0103: include automat numele cursantului, titlul lec\u021biei, scorul ob\u021binut \u0219i data. \u00cen editor, dup\u0103 inserare, po\u021bi alege un \u0219ablon de design pentru certificat \u0219i configura variabilele (de exemplu, dac\u0103 vrei s\u0103 apar\u0103 punctajul sau nu). C\u00e2nd cursantul finalizeaz\u0103 lec\u021bia, diploma devine disponibil\u0103 \u2013 de obicei apare un buton \u201eDescarc\u0103 Certificat\u201d. Elevul poate salva diploma ca imagine sau PDF \u0219i chiar o poate imprima. Este o modalitate pl\u0103cut\u0103 de a certifica finalizarea cursului.\" },\n                        { q: \"Cum inserez un hyperlink (leg\u0103tur\u0103) \u00eentr-un text sau alt element?\", a: \"Pentru a ad\u0103uga un link, folose\u0219ti editorul de text sau propriet\u0103\u021bile elementului. \u00centr-un bloc de text, selectezi cu mouse-ul cuv\u00e2ntul sau expresia dorit\u0103 \u0219i apoi ape\u0219i butonul de inserare link (iconi\u021ba de lan\u021b). Introduci adresa URL c\u0103tre care vrei s\u0103 trimi\u021bi (poate fi un site extern, de ex. https:\/\/\u2026 \u0219i confirmi. Textul va deveni albastru subliniat (implicit) \u0219i clicabil. Pentru imagini inserate \u00een Resursa text sau butoane, exist\u0103 op\u021biuni similare \u00een panoul de propriet\u0103\u021bi \u2013 po\u021bi specifica un URL \u021bint\u0103. Astfel, cursantul care d\u0103 clic va fi direc\u021bionat c\u0103tre pagina sau resursa respectiv\u0103.\" }\n                    ]\n                },\n                {\n                    id: 'organizare',\n                    title: 'Organizarea con\u021binutului',\n                    icon: 'layout',\n                    image: \"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2025\/05\/Screenshot-2025-05-12-113137.png?fit=800%2C543&ssl=1\",\n                    items: [\n                        { q: \"Cum \u00eempart lec\u021bia \u00een capitole sau sec\u021biuni?\", a: \"O lec\u021bie se structureaz\u0103 \u00een sec\u021biuni, fiecare sec\u021biune ac\u021bion\u00e2nd ca un capitol sau subcapitol. Pur \u0219i simplu adaugi sec\u021biuni noi pentru fiecare capitol dorit (de exemplu \u201eIntroducere\u201d, \u201eCapitolul 1\u201d, \u201eCapitolul 2\u201d etc.). \u00cen editorul LIVRESQ, folose\u0219te butonul \u201eAdaug\u0103 \u201d atunci c\u00e2nd ai proiectul deschis pentru a crea mai multe sectiuni. Le po\u021bi denumi sugestiv \u0219i ordona dup\u0103 cum ai nevoie. Astfel, lec\u021bia ta va fi \u00eemp\u0103r\u021bit\u0103 logic, iar elevul poate naviga mai u\u0219or prin con\u021binutul pe segmente.\" },\n                        { q: \"Cum schimb ordinea sec\u021biunilor \u00eentr-o lec\u021bie?\", a: \"\u00cen lista de sec\u021biuni a proiectului (vizibil\u0103 \u00een st\u00e2nga editorului), po\u021bi reordona sec\u021biunile prin drag-and-drop: selectezi cu mouse-ul sec\u021biunea dorit\u0103 \u0219i o mu\u021bi \u00een locul pe care \u00eel dore\u0219ti. Ordinea actualizat\u0103 va fi cea \u00een care cursantul va parcurge lec\u021bia. De exemplu, dac\u0103 ai nevoie ca un capitol de la final s\u0103 devin\u0103 capitolul 2, \u00eel po\u021bi muta cu u\u0219urin\u021b\u0103 din meniul \u201eSec\u021biuni\u201d.\" },\n                        { q: \"Cum creez un cuprins (Table of Contents) pentru lec\u021bia mea?\", a: \"LIVRESQ poate genera un cuprins navigabil folosind semnele de carte. Practic, pentru a avea un cuprins, \u00eent\u00e2i adaug\u0103 semne de carte la titlurile importante din sec\u021biuni (editorul are un buton de \u201eSemn de carte\u201d pe care \u00eel po\u021bi aplica pe un element, de obicei pe titlul sec\u021biunii sau al subcapitolului). Apoi, mergi la nivelul proiectului (pagina de editare general\u0103 a lec\u021biei) \u0219i selecteaz\u0103 op\u021biunea \u201eCuprins\u201d. Acolo vei vedea lista cu toate semnele de carte ad\u0103ugate. Po\u021bi alege care dintre capitole sau subcapitole s\u0103 apar\u0103 \u00een cuprins. Dup\u0103 ce ai mutat semnele de carte \u00een partea cuprinsului, acesta va fi salvat \u0219i afi\u0219at \u00een lec\u021bie.\" },\n                        { q: \"Ce sunt semnele de carte \u0219i cum le folosesc \u00een organizarea con\u021binutului?\", a: \"Semnele de carte sunt marcaje pe care le po\u021bi plasa \u00een interiorul sec\u021biunilor, pe elemente importante, pentru a le putea naviga rapid. De exemplu, pui un semn de carte pe titlul unui subcapitol sau chiar pe o anumit\u0103 defini\u021bie. Aceste semne de carte au dou\u0103 \u00eentrebuin\u021b\u0103ri: (1) pot fi ad\u0103ugate \u00een cuprinsul lec\u021biei (ca intr\u0103ri pe care elevul s\u0103 le poat\u0103 accesa dintr-un meniu) \u0219i (2) pot servi drept destina\u021bii pentru linkuri interne (de exemplu, un buton \u201eContinu\u0103\u201d care duce la urm\u0103torul semn de carte). Le adaugi select\u00e2nd elementul dorit \u0219i ap\u0103s\u00e2nd butonul de semn de carte (\u00een form\u0103 de stea). Odat\u0103 create, le vei vedea listate c\u00e2nd configurezi cuprinsul sau \u00een tab-ul \u201eSEMNE DE CARTE\u201d din partea dreapt\u0103.\" },\n                        { q: \"Cum creez leg\u0103turi interne sau butoane de navigare \u00eentre sec\u021biuni?\", a: \"Dac\u0103 vrei ca elevul s\u0103 poat\u0103 s\u0103ri dintr-o parte a lec\u021biei \u00een alta (de exemplu un buton \u201eMergi la recapitulare\u201d care duce direct la ultima sec\u021biune), po\u021bi folosi semnele de carte \u0219i butoane. Procedura: adaug\u0103 un buton (folosind un bloc de text pe post de buton). \u00cen propriet\u0103\u021bile butonului, seteaz\u0103 din func\u021bia \u201eAc\u021biune\u201d, op\u021biunea \u201eSari la semn de carte\u201d \u0219i alege semnul de carte corespunz\u0103tor sec\u021biunii\/pozi\u021biei dorite. Astfel, c\u00e2nd elevul va ap\u0103sa acel buton, lec\u021bia \u00eel va duce direct la capitolul sau segmentul indicat. Alternativ, po\u021bi insera hyperlink c\u0103tre o alt\u0103 resurs\u0103 creat\u0103 sau un link extern. Aceste naviga\u021bii interne sunt utile pentru a crea ramifica\u021bii sau pentru a permite revenirea la cuprins.\" },\n                        { q: \"Ce este o \u201eBarier\u0103\u201d \u0219i cum limiteaz\u0103 accesul la urm\u0103toarele sec\u021biuni?\", a: \"Bariera este un instrument de control al parcursului lec\u021biei. O barier\u0103 se plaseaz\u0103 \u00eentre dou\u0103 elemente (de obicei la finalul unei sec\u021biuni sau al unui chestionar) \u0219i blocheaz\u0103 \u00eenaintarea p\u00e2n\u0103 c\u00e2nd elevul \u00eendepline\u0219te o anumit\u0103 condi\u021bie, de exemplu, completarea unei activit\u0103\u021bi interactive. C\u00e2nd inserezi o barier\u0103, aceasta se \u201ecupleaz\u0103\u201d automat cu cea mai apropiat\u0103 resurs\u0103 interactiv\u0103 de deasupra ei (de exemplu, un clip video). P\u00e2n\u0103 c\u00e2nd elevul nu vizualizeaz\u0103 \u00een \u00eentregime (sau nu interac\u021bioneaz\u0103 corect cu elementul cerut), bariera r\u0103m\u00e2ne \u201e\u00eenchis\u0103\u201d \u0219i nu \u00eei permite s\u0103 treac\u0103 mai departe. Po\u021bi seta un mesaj de aten\u021bionare de tipul \u201eContinu\u0103 dup\u0103 ce rezolvi exerci\u021biul\u201d. Dup\u0103 ce activitatea e \u00eendeplinit\u0103, bariera se ridic\u0103 (devine \u201eDeschis\u0103\u201d) \u0219i afi\u0219eaz\u0103 un buton de continuare sau un alt text pe care \u00eel alegi, permi\u021b\u00e2nd elevului s\u0103 mearg\u0103 la sec\u021biunea urm\u0103toare. \u00cen esen\u021b\u0103, Bariera te ajut\u0103 s\u0103 te asiguri c\u0103 elevul nu sare peste exerci\u021bii \u0219i parcurge secven\u021bial con\u021binutul.\" },\n                        { q: \"Ce este \u201eAsistentul\u201d (mesajul asistentului) \u0219i cum func\u021bioneaz\u0103?\", a: \"Asistentul este un element interactiv care afi\u0219eaz\u0103 un mesaj \u00eentr-un mod animat\/pl\u0103cut, solicit\u00e2nd elevului s\u0103 interac\u021bioneze (s\u0103 apese un buton \u201eContinu\u0103\u201d) pentru a merge mai departe. De obicei, se folose\u0219te pentru a oferi explica\u021bii sau feedback \u00eentr-o manier\u0103 prietenoas\u0103. C\u00e2nd inserezi un Mesaj\/Asistent, acesta apare ca un personaj (de exemplu, un avatar) care \u201evorbe\u0219te\u201d un text pe care \u00eel introduci tu. Dup\u0103 ce elevul a parcurs o activitate, poate fi programat ca asistentul s\u0103 apar\u0103 cu un mesaj (ex: \u201eFelicit\u0103ri, ai terminat capitolul! Apas\u0103 continuare.\u201d). Elevul cite\u0219te mesajul \u0219i trebuie s\u0103 dea clic pe Continu\u0103 (butonul din balonul asistentului) pentru a trece mai departe \u00een lec\u021bie. P\u00e2n\u0103 nu face acest lucru, lec\u021bia nu avanseaz\u0103. Practic, Asistentul este similar cu Bariera, dar ofer\u0103 \u0219i un mesaj de ghidare sau de feedback, \u00eentr-un stil vizual atractiv.\" },\n                        { q: \"Cum aranjez con\u021binutul pe pagin\u0103 \u00een r\u00e2nduri \u0219i coloane?\", a: \"LIVRESQ folose\u0219te o structur\u0103 axat\u0103 pe r\u00e2nduri \u0219i coloane (celule) pentru pagini. Asta \u00eenseamn\u0103 c\u0103 po\u021bi organiza con\u021binutul \u00een r\u00e2nduri orizontale, pe care le po\u021bi \u00eemp\u0103r\u021bi apoi \u00een coloane. De exemplu, vrei ca \u00eentr-un r\u00e2nd s\u0103 ai text \u00een st\u00e2nga \u0219i imagine \u00een dreapta: creezi un r\u00e2nd cu dou\u0103 celule, apoi plasezi blocul de text \u00een prima coloan\u0103 \u0219i blocul de imagine \u00een a doua. \u00cen editor, zona de structur\u0103 (panelul din st\u00e2nga) include elemente de structur\u0103 precum \u201eR\u00e2nd\u201d \u0219i op\u021biuni de \u00eemp\u0103r\u021bire (de exemplu r\u00e2nd cu 2 celule, 3 celule etc.). Tragi un r\u00e2nd \u00een pagin\u0103, apoi po\u021bi duplica celulele \u00een fuc\u021bie de c\u00e2te ai nevoie. \u00ce\u021bi recomand\u0103m totu\u021bi s\u0103 nu inserezi mai mult de 5 celule \u00eentr-un r\u00e2nd. Apoi adaugi resursele dorite \u00een fiecare coloan\u0103. Aceast\u0103 organizare \u00ee\u021bi d\u0103 flexibilitate \u00een layout, permi\u021b\u00e2ndu-\u021bi s\u0103 creezi pagini aspectuoase \u0219i u\u0219or de urm\u0103rit.\" },\n                        { q: \"Cum adaug r\u00e2nduri sau coloane noi \u00een structura paginii?\", a: \"Ini\u021bial, o sec\u021biune \u00eencepe cu un singur r\u00e2nd full-width (o coloan\u0103 \u00eentreag\u0103). Pentru a ad\u0103uga un nou r\u00e2nd, trage un element de tip structur\u0103 din meniul st\u00e2nga (de exemplu \u201eR\u00e2nd cu o celul\u0103\u201d). Odat\u0103 ad\u0103ugat r\u00e2ndul, po\u021bi decide structura lui: adaugi sau nu celule \u00een plus \u0219i le redimensionezi \u00een func\u021bie de nevoie. Po\u021bi ad\u0103uga un alte r\u00e2nduri \u00eentr-o celul\u0103 deja existent\u0103 pentru a crea o structur\u0103 cu r\u00e2nduri multiple. Pe scurt, \u201er\u00e2nd\u201d adaug\u0103 un chenar nou orizontal pe pagin\u0103, iar \u201ecoloanele\u201d sunt diviziunile verticale ale acelui r\u00e2nd.\" },\n                        { q: \"Cum copiez sau mut con\u021binut (resurse) dintr-o sec\u021biune \u00een alta?\", a: \"Editorul are func\u021bii de copiere\/decupare \u0219i lipire. Selecteaz\u0103 elementul (resursa) pe care vrei s\u0103-l copiezi \u2013 vei vedea \u00een bara de sus a editorului butoanele \u201eCopiaz\u0103\u201d (fil\u0103 dubl\u0103) \u0219i \u201eDecupeaz\u0103\u201d (foarfec\u0103). Dac\u0103 alegi \u201eCopiaz\u0103\u201d, elementul este memorat. Apoi mergi \u00een sec\u021biunea (sau chiar \u00een alt proiect) unde dore\u0219ti s\u0103-l duplici \u0219i ape\u0219i \u201eLipe\u0219te\u201d (butonul clipboard). Elementul va ap\u0103rea acolo cu tot con\u021binutul s\u0103u. Similar, \u201eDecupeaz\u0103\u201d va t\u0103ia elementul din loca\u021bia curent\u0103 (\u00eel elimin\u0103) \u0219i apoi \u00eel po\u021bi lipi \u00een alt loc (mutare). De asemenea, dac\u0103 vrei s\u0103 mu\u021bi toat\u0103 sec\u021biunea \u00eentr-un alt proiect, po\u021bi folosi func\u021bia de decupare din interiorul proiectului. Ai deci at\u00e2t op\u021biunea de a copia blocuri individuale, c\u00e2t \u0219i de a muta sec\u021biuni \u00eentregi \u00eentre lec\u021bii.\" },\n                        { q: \"Pot reutiliza o sec\u021biune dintr-o lec\u021bie \u00eentr-o alt\u0103 lec\u021bie?\", a: \"Da, \u0219i e destul de simplu. Deschizi proiectul\/lec\u021bia dorit\u0103, selectezi sec\u021biunea pe care vrei s\u0103 o refolose\u0219ti, ape\u0219i pe butonul copiaz\u0103 din bara de sus. Deschizi apoi proiectul\/lec\u021bia nou\u0103 \u00een care vrei s\u0103 introduci resursa copiat\u0103 \u0219i ape\u0219i pe putonul \u201eLipe\u0219te\u201d. Po\u021bi aranja ulterior resursa recent introdus\u0103 \u00een ordinea pe care o dore\u0219ti. Po\u021bi de asemenea sa adaugi \u0219i sec\u021biuni create anterior, dar care nu fac parte din proiecte existente. Pentru a face acest lucru, deschide proiectul\/lec\u021bia \u00een care vrei s\u0103 adaugi noua sec\u021biune, apas\u0103 pe butonul \u201eAdaug\u0103 din Organizator\u201d (nor cu s\u0103geata \u00een jos), selecteaz\u0103 sec\u021biunea dorit\u0103, apoi apas\u0103 pe \u201eInsereaz\u0103\u201d.\" },\n                        { q: \"Pot eticheta sau filtra resursele mele pentru a le organiza mai u\u0219or?\", a: \"Da. Platforma ofer\u0103 sistem de etichete (tag-uri). \u00cen pagina de Resurse, po\u021bi atribui etichete deja create anterior sau nou create din partea st\u00e2ng\u0103 a meniului, proiectelor sau sec\u021biunilor tale (de exemplu \u201eSTEM\u201d, \u201eClasa a VII-a\u201d, \u201eDemo\u201d etc.). Exist\u0103 op\u021biunea \u201eEticheteaz\u0103\u201d pe care o po\u021bi folosi la fiecare resurs\u0103, ad\u0103ug\u00e2nd unul sau mai multe tag-uri descriptive. Ulterior, po\u021bi folosi bara de filtrare: de exemplu, filtrezi afi\u0219area resurselor dup\u0103 eticheta \u201eSTEM\u201d ca s\u0103 vezi doar lec\u021biile marcate astfel. Acest lucru e util c\u00e2nd ai foarte multe materiale \u2013 po\u021bi g\u0103si rapid tot ce \u021bine de o anumit\u0103 materie, clas\u0103 sau tematic\u0103 pe baza etichetelor setate de tine.\" },\n                        { q: \"Exist\u0103 o func\u021bie de c\u0103utare pentru lec\u021biile \u0219i resursele mele?\", a: \"Da. \u00cen interfa\u021ba de Resurse exist\u0103 o bar\u0103 de C\u0103utare \u00een partea de sus. Po\u021bi tasta un cuv\u00e2nt cheie (din titlul lec\u021biei, din descriere sau chiar din metadate) \u0219i platforma va filtra instant elementele care corespund. De exemplu, dac\u0103 \u00ee\u021bi cau\u021bi o lec\u021bie intitulat\u0103 \u201eEcosisteme\u201d, \u00eencepi s\u0103 tastezi \u201eEco\u201d \u00een c\u0103utare \u0219i \u00ee\u021bi vor ap\u0103rea doar resursele al c\u0103ror nume sau etichet\u0103 corespunde. Func\u021bia de c\u0103utare te scute\u0219te de r\u0103sfoit manual liste lungi de proiecte, mai ales c\u00e2nd ai adunat multe materiale \u00een cont.\" },\n                        { q: \"Cum \u0219terg un element de con\u021binut din lec\u021bie?\", a: \"Dac\u0103 ai ad\u0103ugat un bloc (text, imagine, video etc.) \u0219i vrei s\u0103 \u00eel elimini, selecteaz\u0103-l \u00een editor \u0219i apas\u0103 de la tastatur\u0103 tasta \u201eDelete\u201d sau folose\u0219te butonul \u201e\u0218terge\u201d (co\u0219 de gunoi) din bara de instrumente de sus. Elementul va disp\u0103rea din sec\u021biune. Pentru a \u0219terge un r\u00e2nd \u00eentreg, selecteaz\u0103 r\u00e2ndul (folosind butonul \u201eSelectare p\u0103rinte\u201d, p\u00e2n\u0103 c\u00e2nd se selecteaz\u0103 elementul dorit) sau direct cu mouse-ul, apoi apas\u0103 butoul \u201e\u0218terge\u201d. Astfel, po\u021bi cur\u0103\u021ba sau re-edita structura lec\u021biei oric\u00e2nd, elimin\u00e2nd p\u0103r\u021bile nefolositoare.\" },\n                        { q: \"E mai bine s\u0103 editez sec\u021biunile \u00een interiorul proiectului sau separat?\", a: \"Depinde de preferin\u021b\u0103 \u0219i fluxul t\u0103u de lucru. Dac\u0103 editezi sec\u021biunile \u00een interiorul proiectului, ai avantajul c\u0103 po\u021bi naviga u\u0219or \u00eentre capitole \u0219i vezi contextul lec\u021biei \u00eentregi. Editorul \u00ee\u021bi arat\u0103 structura complet\u0103 \u0219i po\u021bi, de exemplu, s\u0103 treci rapid de la Sec\u021biunea 1 la Sec\u021biunea 2 din bara de sus. Pe de alt\u0103 parte, po\u021bi alege s\u0103 lucrezi la sec\u021biuni separat (deschiz\u00e2nd sec\u021biunea individual din Resurse) \u2013 acest mod izoleaz\u0103 sec\u021biunea, ceea ce poate fi util dac\u0103 vrei s\u0103 te concentrezi doar pe acel capitol, s\u0103 colaborezi pe el independent sau s\u0103 refolose\u0219ti mai u\u0219or aceea\u0219i sec\u021biune \u00een mai multe proiecte. Mul\u021bi autori editeaz\u0103 direct \u00een proiect pentru viziune de ansamblu, dar dac\u0103 ai o sec\u021biune pe care o folose\u0219ti \u00een mai multe lec\u021bii, e de preferat s-o dezvol\u021bi ca resurs\u0103 separat\u0103 \u0219i apoi s-o inserezi unde e nevoie.\" },\n                        { q: \"Cum creez o pagin\u0103 de titlu (copert\u0103) pentru lec\u021bie?\", a: \"Paginile de titlu se creeaz\u0103 ca orice sec\u021biune, de obicei prima sec\u021biune a proiectului este coperta. Po\u021bi denumi prima sec\u021biune \u201eIntroducere\u201d sau \u201eCopert\u0103\u201d \u0219i s\u0103 inserezi \u00een ea elemente reprezentative: titlul lec\u021biei (cu un text mare, stil de titlu), eventual o imagine atractiv\u0103 sau logo, numele autorului \u0219i o scurt\u0103 descriere a lec\u021biei sau instruc\u021biuni pentru elev. De asemenea, po\u021bi folosi setarea de imagine reprezentativ\u0103 (vezi preferin\u021bele proiectului) care va fi afi\u0219at\u0103 ca fundal al titlului \u00een cuprinsul lec\u021biei. Practic, tratezi coperta ca pe un slide de \u00eenceput \u2013 \u00eel stilizezi cu elementele esen\u021biale \u0219i eventual f\u0103r\u0103 bariere sau teste, doar informativ \u0219i motivant vizual.\" },\n                        { q: \"Cum pot asigura c\u0103 lec\u021bia este parcurs\u0103 \u00een ordine (secven\u021bial)?\", a: \"Pentru a impune parcurgerea secven\u021bial\u0103, po\u021bi folosi Barierele. Adic\u0103, la finalul fiec\u0103rei sec\u021biuni cruciale, inserezi o Barier\u0103 legat\u0103 de un exerci\u021biu, astfel \u00eenc\u00e2t elevul nu poate ap\u0103sa \u00eenainta \u00een lec\u021biedec\u00e2t dup\u0103 ce a rezolvat cerin\u021bele anterioare. Astfel te asiguri c\u0103 toat\u0103 lumea trece prin lec\u021bie pas cu pas, f\u0103r\u0103 s\u0103 poat\u0103 s\u0103ri direct la final.\" },\n                        { q: \"Cum \u00eempart o sec\u021biune lung\u0103 \u00een dou\u0103 sec\u021biuni mai mici?\", a: \"Dac\u0103 o sec\u021biune a devenit foarte lung\u0103 \u0219i vrei s\u0103 o \u00eempar\u021bi, LIVRESQ are o func\u021bie de \u00eemp\u0103r\u021bire a sec\u021biunii. \u00cen editorul sec\u021biunii respective, identific\u0103 punctul unde vrei s\u0103 rupi (de exemplu, \u00eenainte de un anumit subcapitol). Apoi ape\u0219i butonul \u201eModul T\u0103iere\u201d (fila t\u0103iat\u0103 cu o linie orizontal\u0103 punctat\u0103). Platforma va crea o sec\u021biune nou\u0103, mut\u00e2nd tot con\u021binutul de dup\u0103 punctul de rupere \u00een noua sec\u021biune. Vei avea acum dou\u0103 sec\u021biuni consecutive cu con\u021binutul \u00eemp\u0103r\u021bit. Nu uita s\u0103 redenume\u0219ti sec\u021biunile adecvat dup\u0103 desp\u0103r\u021bire.\" },\n                        { q: \"Cum unesc con\u021binutul din dou\u0103 sec\u021biuni \u00eentr-una singur\u0103?\", a: \"Po\u021bi face acest lucru manual prin copiere \u0219i lipire. Deschide sec\u021biunea care urmeaz\u0103 s\u0103 fie ultima (de exemplu Sec\u021biunea 2) \u0219i sec\u021biunea pe care vrei s-o comasezi (Sec\u021biunea 1). Copiaz\u0103 elementele din Sec\u021biunea 2 (selectezi tot con\u021binutul sau r\u00e2nd cu r\u00e2nd \u0219i folose\u0219ti \u201eCopiaz\u0103\u201d), apoi du-te la finalul Sec\u021biunii 1 \u0219i folose\u0219te \u201eLipe\u0219te\u201d. Con\u021binutul Sec\u021biunii 2 va ap\u0103rea la finalul Sec\u021biunii 1. Verific\u0103 aranjarea s\u0103 fie coerent\u0103. Apoi po\u021bi \u0219terge Sec\u021biunea 2 din proiect. \u00cen acest fel, practic ai combinat cele dou\u0103 capitole \u00eentr-unul singur. Asigur\u0103-te doar c\u0103 ordinea elementelor este corect\u0103 \u0219i c\u0103 nu mai ai resurse duplicate.\" },\n                        { q: \"Pot crea subsec\u021biuni sau subcapitole \u00een cadrul unei sec\u021biuni?\", a: \"Da, po\u021bi crea subcapitole \u00een cadrul unei sec\u021biuni. \u00cen LIVRESQ, structura de baz\u0103 este proiect -> sec\u021biuni -> resurse. Po\u021bi organiza subcapitole prin modul \u00een care \u00ee\u021bi structurezi con\u021binutul \u00een interiorul unei sec\u021biuni: de exemplu, folose\u0219ti titluri de nivel diferit \u0219i semne de carte pentru a le marca. Cu ajutorul semnelor de carte, po\u021bi crea un cuprins detaliat care s\u0103 arate ca subcapitole.\" },\n                        { q: \"Cum m\u0103 asigur c\u0103 lec\u021bia mea arat\u0103 bine \u0219i pe telefoane sau tablete?\", a: \"LIVRESQ produce automat con\u021binut responsiv, adic\u0103 elementele se aranjeaz\u0103 adaptativ pe ecrane mici. Ca autor, \u00eens\u0103, e bine s\u0103 verifici. Editorul are func\u021bia \u201eSimulare ecran\u201d (un buton care \u00ee\u021bi permite s\u0103 previzualizezi lec\u021bia la diferite dimensiuni: mobil, tablet\u0103, desktop). Folose\u0219te aceast\u0103 unealt\u0103 pentru a vedea dac\u0103 imaginile nu sunt prea mici pe telefon, dac\u0103 textul r\u0103m\u00e2ne lizibil \u0219i elementele interactive se \u00eencadreaz\u0103. De obicei, r\u00e2ndurile cu mai multe coloane se vor a\u0219eza una sub alta pe mobil. Platforma gestioneaz\u0103 asta automat, deci nu trebuie s\u0103 faci ceva special, dar e bine s\u0103 nu aglomerezi prea mult con\u021binut \u00een coloane \u00eenguste.\" },\n                        { q: \"Pot previzualiza \u00eentreaga lec\u021bie de la \u00eenceput la sf\u00e2r\u0219it (nu doar pe sec\u021biuni)?\", a: \"Da, po\u021bi testa lec\u021bia integral \u0219i \u00eenainte de publicare, ap\u0103s\u00e2nd pe butonul \u201eVizualizeaz\u0103\u201d atunci c\u00e2nd este deschis proiectul, nu sec\u021biunea.\" },\n                        { q: \"Pot ad\u0103uga note doar pentru mine (invizibile elevilor) \u00een con\u021binut?\", a: \"Toate elementele ad\u0103ugate \u00eentr-o sec\u021biune sunt, \u00een principiu, vizibile cursantului. Un truc ar fi s\u0103 inserezi un bloc de text \u0219i s\u0103 scrii noti\u021bele acolo, apoi s\u0103 \u00eel \u0219tergi \u00eenainte de publicare. A\u0219adar, dac\u0103 ai nevoie s\u0103 \u00ee\u021bi \u021bii noti\u021be despre ce mai ai de f\u0103cut sau referin\u021be, le po\u021bi p\u0103stra \u00eentr-un document separat sau pe o resurs\u0103 text pe care o elimini c\u00e2nd lec\u021bia e gata.\" },\n                        { q: \"Ce este modulul de Planificare (mind-map) \u0219i cum m\u0103 ajut\u0103?\", a: \"Modulul de Planificare este o func\u021bie disponibil\u0103 (pentru conturile Premium) ce \u00ee\u021bi permite s\u0103 concepi lec\u021bia sub forma unei h\u0103r\u021bi conceptuale, \u00eenainte de a ad\u0103uga efectiv con\u021binutul. C\u00e2nd activezi modul \u201ePlanificare\u201d, interfa\u021ba se schimb\u0103: \u00een loc de pagina tradi\u021bional\u0103, vei vedea o arborescen\u021b\u0103 sau diagram\u0103 unde po\u021bi ad\u0103uga resurse astfel \u00eenc\u00e2t s\u0103 creezi structura lec\u021biei (cum ar fi titlurile sec\u021biunilor \u0219i ideile principale). Pe scurt, Planificarea te ajut\u0103 s\u0103 structurezi logic materialul, apoi platforma genereaz\u0103 scheletul lec\u021biei pe baza acelei h\u0103r\u021bi, pe care tu \u00eel vei completa cu detalii.\" }\n                    ]\n                },\n                {\n                    id: 'salvare',\n                    title: 'Salvare \u0219i publicare',\n                    icon: 'save',\n                    image: \"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2025\/05\/Screenshot-2025-05-12-124016.png?fit=800%2C544&ssl=1\",\n                    items: [\n                        { q: \"Platforma salveaz\u0103 automat lec\u021bia \u00een timp ce lucrez?\", a: \"Da. LIVRESQ are func\u021bie de autosave \u2013 modific\u0103rile pe care le faci sunt salvate periodic (aproape \u00een timp real) pe server. \u00cen col\u021bul dreapta-sus al editorului vei vedea adesea un mesaj cu ultima ora de salvare (\u201eSalvat acum X minute\u201d). Astfel, nu trebuie s\u0103 \u00ee\u021bi faci griji c\u0103 ui\u021bi s\u0103 salvezi manual; fiecare ad\u0103ugare de con\u021binut sau editare se salveaz\u0103 singur\u0103 dup\u0103 c\u00e2teva secunde. Aceasta previne pierderea progresului, de exemplu \u00een caz de \u00eenchidere accidental\u0103 a browserului.\" },\n                        { q: \"Pot salva manual modific\u0103rile lec\u021biei mele?\", a: \"Deoarece salvarea automat\u0103 func\u021bioneaz\u0103 continuu, nu exist\u0103 un buton tradi\u021bional \u201eSalveaz\u0103\u201d pentru con\u021binut.\" },\n                        { q: \"Unde sunt stocate lec\u021biile mele create \u00een LIVRESQ?\", a: \"Toate materialele tale se stocheaz\u0103 online, \u00een contul t\u0103u LIVRESQ, pe serverele platformei. Asta \u00eenseamn\u0103 c\u0103 po\u021bi accesa lec\u021biile de oriunde, at\u00e2ta timp c\u00e2t te loghezi pe site. Nu trebuie s\u0103 salvezi fi\u0219iere locale pentru lec\u021bii (dec\u00e2t dac\u0103 expor\u021bi, separat). Practic, lec\u021biile stau \u00een spa\u021biul cloud securizat al contului t\u0103u \u0219i le vezi organizate \u00een pagina de \u201eResurse\u201d. Acest lucru e convenabil deoarece nu ri\u0219ti s\u0103 \u00ee\u021bi pierzi datele dac\u0103 se stric\u0103 PC-ul t\u0103u \u0219i po\u021bi continua munca de la alt calculator f\u0103r\u0103 s\u0103 transferi nimic.\" },\n                        { q: \"Pot accesa lec\u021biile mele de pe alt dispozitiv (alt calculator)?\", a: \"Da, deoarece totul e stocat online, contul t\u0103u este accesibil de oriunde. Dac\u0103 te loghezi de la serviciu sau de acas\u0103, vei vedea acelea\u0219i proiecte. De exemplu, po\u021bi \u00eencepe s\u0103 creezi o lec\u021bie pe calculatorul de la \u0219coal\u0103 \u0219i s\u0103 o continui seara de pe laptopul personal. Important este s\u0103 ai conexiune la internet \u0219i s\u0103 folose\u0219ti un browser compatibil. Datele fiind \u00een cloud, nu trebuie transferate manual \u2013 doar te autentifici \u0219i ai acces la tot.\" },\n                        { q: \"Cum public lec\u021bia pe care am creat-o?\", a: \"Odat\u0103 ce lec\u021bia este gata, trebuie s\u0103 o publici pentru a fi v\u0103zut\u0103 de elevi. \u00cen editor, \u00een pagina proiectului, vei g\u0103si op\u021biunea \u201eExport\u0103\u201d pentru proiectul respectiv. Po\u021bi alege s\u0103 publici lec\u021bia \u00een raftul personal ap\u0103s\u00e2nd butonul \u201ePublic\u0103 \u00een Bibliotec\u0103 (raftul personal) \u0219i ulterior \u00een biblioteca Public\u0103 LIVRESQ (ap\u0103s\u00e2nd butonul \u201eSolicit\u0103 publicare\u201d disponibil dup\u0103 ce accesezi lec\u021bia \u00een raftul personal din bibliotec\u0103. Publicarea \u00een raftul personal nu \u00eenseamn\u0103 c\u0103 toat\u0103 lumea o poate vedea. Practic, dup\u0103 publicare vei ob\u021bine un link sau o intrare \u00een bibliotec\u0103 pe care o po\u021bi accesa tu \u0219i cei care au acces la link.\" },\n                        { q: \"Ce este biblioteca LIVRESQ \u0219i \u201eRaftul personal\u201d?\", a: \"Biblioteca LIVRESQ este spa\u021biul online unde sunt listate lec\u021biile publicate. Ea are dou\u0103 componente: biblioteca public\u0103 (lec\u021bii pe care autorii le-au f\u0103cut vizibile pentru to\u021bi utilizatorii) \u0219i Raftul personal (lec\u021biile tale publicate, vizibile doar \u021bie sau celor cu care le partajezi). C\u00e2nd publici o lec\u021bie, aceasta ajunge pe Raftul t\u0103u personal, adic\u0103 un fel de raft privat unde \u00ee\u021bi vezi propriile materiale. De acolo, po\u021bi decide s\u0103 le faci publice sau s\u0103 le trimi\u021bi unor persoane anume. Biblioteca public\u0103, pe de alt\u0103 parte, este ca un catalog comun \u2013 lec\u021biile publice apar acolo \u0219i pot fi c\u0103utate de oricine acceseaz\u0103 biblioteca.\" },\n                        { q: \"Cum le distribui elevilor lec\u021bia creat\u0103?\", a: \"Cel mai simplu, dup\u0103 ce ai publicat lec\u021bia, ob\u021bii un link c\u0103tre aceasta. Po\u021bi da acest link elevilor (prin email, WhatsApp etc.). C\u00e2nd elevii acceseaz\u0103 linkul, lec\u021bia se va deschide \u00een browserul web \u0219i o vor putea parcurge f\u0103r\u0103 s\u0103 fie nevoie s\u0103 se logheze. De asemenea, dac\u0103 \u0219coala folose\u0219te un sistem LMS, po\u021bi integra lec\u021bia acolo (vezi sec\u021biunea de export).\" },\n                        { q: \"Pot face lec\u021bia accesibil\u0103 public pentru toat\u0103 lumea?\", a: \"Da, dup\u0103 ce ai publicat-o \u00een raftul personal din bibliotec\u0103 ai op\u021biunea s\u0103 o faci public\u0103. Asta \u00eenseamn\u0103 c\u0103 lec\u021bia ta apare \u00een Biblioteca public\u0103 LIVRESQ, disponibil\u0103 oricui intr\u0103 pe site. O lec\u021bie public\u0103 poate fi fie editabil\u0103 de al\u021bi autori (dac\u0103 permi\u021bi, ei pot duplica \u0219i modifica versiunea ta), fie doar vizualizabil\u0103 (ne-editabil\u0103, doar de citit \u0219i parcurs). Tu alegi acest aspect la publicare. Dac\u0103 vrei s\u0103 fie vizibil\u0103 de oricine f\u0103r\u0103 restric\u021bii, o setezi public\u0103 \u0219i oricine are linkul sau caut\u0103 titlul o poate accesa. Dac\u0103 preferi s\u0103 r\u0103m\u00e2n\u0103 privat\u0103 doar pentru elevii t\u0103i, o la\u0219i publicat\u0103 doar \u00een raftul personal \u0219i distribui doar link-ul direct celor interesa\u021bi.\" },\n                        { q: \"Cum actualizez o lec\u021bie dup\u0103 ce am publicat-o?\", a: \"Dac\u0103 ai modificat lec\u021bia \u00een editor dup\u0103 ce ai publicat-o, va trebui s\u0103 republici sau s\u0103 actualizezi materialul publicat. Pentru a face acest lucru, public\u0103 \u00een raftul personal lec\u021bia modificat\u0103, apoi apas\u0103 pe butonul \u201eSuprascrie\u201d. \u00cen pasul urmator identific\u0103 lec\u021bia veche \u0219i apas\u0103 \u201eAlege\u201d. Este recomandat s\u0103 republici de fiecare dat\u0103 c\u00e2nd faci schimb\u0103ri importante, astfel \u00eenc\u00e2t to\u021bi utilizatorii s\u0103 aib\u0103 acces la ultima versiune\" },\n                        { q: \"Biblioteca p\u0103streaz\u0103 versiunile anterioare ale lec\u021biei mele?\", a: \"Biblioteca are un tab de istoric al versiunilor pentru fiecare lec\u021bie publicat\u0103. Asta \u00eenseamn\u0103 c\u0103 atunci c\u00e2nd actualizezi (suprascrii) o lec\u021bie, platforma \u021bine minte faptul c\u0103 ai avut o versiune anterioar\u0103 la o anumit\u0103 dat\u0103. Totu\u0219i, aceste versiuni sunt mai mult informative \u2013 nu exist\u0103 un mecanism simplu de a restaura public versiunea veche pentru elevi, e pur \u0219i simplu un jurnal. Dac\u0103 ai nevoie s\u0103 revi la o variant\u0103 veche, trebuie s\u0103 o editezi manual sau s\u0103 fi p\u0103strat un duplicat separat. \u00cen esen\u021b\u0103, da, istoricul exist\u0103, dar nu ca backup clasic restaurabil, ci ca eviden\u021b\u0103 a modific\u0103rilor.\" },\n                        { q: \"Care este diferen\u021ba \u00eentre a publica lec\u021bia \u00een bibliotec\u0103 \u0219i a o exporta?\", a: \"Publicarea \u00een bibliotec\u0103 \u00eenseamn\u0103 c\u0103 lec\u021bia r\u0103m\u00e2ne pe platforma LIVRESQ, accesibil\u0103 online. Exportul \u00eenseamn\u0103 s\u0103 generezi un pachet descarcabil (de exemplu SCORM sau HTML) pe care s\u0103-l folose\u0219ti \u00een afara platformei LIVRESQ. Public\u00e2nd, elevii t\u0103i vor accesa materialul prin intermediul bibliotecii. Export\u00e2nd, po\u021bi lua lec\u021bia \u0219i s-o pui \u00eentrun LMS (Learning Management System) extern. Pe scurt: publicarea e pentru distribuire online prin ecosistemul LIVRESQ, exportul e pentru utilizare offline sau pe alte platforme.\" },\n                        { q: \"Lec\u021biile din Raftul meu pot fi v\u0103zute de al\u021bi utilizatori?\", a: \"Raftul t\u0103u personal este privat, numai tu ai acces la lec\u021biile de acolo, p\u00e2n\u0103 c\u00e2nd alegi s\u0103 le partajezi sau s\u0103 le faci publice. Dac\u0103 publici o lec\u021bie dar o la\u0219i \u201eNepublicat\u0103 public\u201d (adic\u0103 nu o listezi \u00een biblioteca public\u0103), practic ea st\u0103 \u00een raftul t\u0103u \u0219i nimeni altcineva nu o poate vedea sau c\u0103uta. Al\u021bi utilizatori nu pot vedea con\u021binutul din contul t\u0103u dec\u00e2t dac\u0103 tu le dai voie prin distribuirea link-urilor lec\u021biilor din raftul personal. A\u0219adar, ai control total, nimeni nu se uit\u0103 pe raftul t\u0103u personal f\u0103r\u0103 permisiune.\" },\n                        { q: \"Cum fac o lec\u021bie publicat\u0103 s\u0103 poat\u0103 fi editat\u0103 de al\u021bi utilizatori?\", a: \"C\u00e2nd publici \u00een biblioteca public\u0103, ai op\u021biunea s\u0103 alegi dac\u0103 materialul este disponibil \u00een format editabil sau nu, prin bifarea sau nu a op\u021biunii de partajare a sursei. Dac\u0103 vrei ca lec\u021bia ta s\u0103 fie refolosit\u0103 de al\u021bi profesori, bifeaz\u0103 casu\u021ba de partajare a sursei atunci c\u00e2nd o trimi\u021bi spre publicare \u00een raftul personal.\" },\n                        { q: \"Cum \u0219terg o lec\u021bie din Raftul personal sau din biblioteca public\u0103?\", a: \"Dac\u0103 vrei s\u0103 retragi o lec\u021bie publicat\u0103, mergi \u00een biblioteca \u00een raftul personal, g\u0103se\u0219te lec\u021bia \u0219i apas\u0103 pe butonul \u201e\u0218terge\u201d. Dup\u0103 \u0219tergere, lec\u021bia nu va mai fi accesibil\u0103 nici dac\u0103 cineva \u00eencearc\u0103 sa acceseze dintr-un link partajat anterior . Dac\u0103 vrei s\u0103 p\u0103strezi lec\u021bia \u00een raftul personal, dar sa nu mai fie public\u0103, ai o po\u021bi face ap\u0103s\u00e2nd butonul \u201eAnuleaz\u0103 publicarea\u201d.\" },\n                        { q: \"C\u00e2te lec\u021bii pot salva sau publica \u00een contul meu?\", a: \"Platforma nu impune un num\u0103r fix de lec\u021bii publicate \u00een bibliotec\u0103, po\u021bi publica oric\u00e2te proiecte dore\u0219ti. \u00cen schimb, \u00een editor, dac\u0103 ai un cont gratuit, ai posibilitatea s\u0103 creezi 5 proiecte, conturile premium av\u00e2nd un num\u0103r nelimitat de proiecte.\" },\n                        { q: \"Pot modifica o lec\u021bie direct \u00een bibliotec\u0103 dup\u0103 ce am publicat-o?\", a: \"Biblioteca este doar pentru vizualizare\/distribuire. A\u0219adar, dac\u0103 observi ceva de schimbat \u00eentr-o lec\u021bie publicat\u0103, te \u00eentorci \u00een editor (deschizi proiectul din contul t\u0103u), faci modific\u0103rile, apoi republici lec\u021bia ca s\u0103 actualizezi versiunea din bibliotec\u0103. G\u00e2nde\u0219te-te la biblioteca publicat\u0103 ca la \u201evitrin\u0103\u201d: pentru a schimba obiectul din vitrin\u0103, trebuie s\u0103 lucrezi \u00een atelier, apoi s\u0103 pui noua versiune \u00een vitrin\u0103.\" },\n                        { q: \"Ce informa\u021bii trebuie completate \u00eenainte de publicarea lec\u021biei?\", a: \"Este recomandat s\u0103 completezi metadatele lec\u021biei: titlul (dac\u0103 nu e deja pus corect), o descriere scurt\u0103, materia sau subiectul, nivelul de clas\u0103\/v\u00e2rst\u0103 pentru care e destinat\u0103 lec\u021bia, cuprins, cuvinte cheie relevante. Aceste detalii apar \u00een biblioteca public\u0103 sau pe pagina de start a lec\u021biei, ajut\u00e2nd pe al\u021bii (sau pe elevi) s\u0103 \u00een\u021beleag\u0103 despre ce e vorba. De asemenea, po\u021bi seta limba lec\u021biei. Completarea corect\u0103 a metadatelor asigur\u0103 o prezentare profesional\u0103 a materialului t\u0103u \u00een biblioteca LIVRESQ.\" },\n                        { q: \"Pot publica lec\u021bia chiar dac\u0103 nu este finalizat\u0103 complet?\", a: \"Da. Publicarea nu te limiteaz\u0103 s\u0103 o faci doar c\u00e2nd totul e gata. Po\u021bi publica o versiune de test sau provizorie a lec\u021biei, de preferat \u00een raftul personal, deoarece lec\u021biile incomplete nu vor fi aprobate \u00een Biblioteca public\u0103. \u021aine minte s\u0103 suprascrii lec\u021bia de fiecare dat\u0103 c\u00e2nd adaugi ceva, altfel ei vor vedea versiunea veche.\" },\n                        { q: \"Pot restric\u021biona accesul la lec\u021bia mea (de exemplu cu parol\u0103)?\", a: \"Dac\u0103 nu vrei ca oricine s\u0103 intre, nu o pune public\u0103 \u00een biblioteca general\u0103. \u021aine-o \u00een raftul personal \u0219i trimite link-ul numai elevilor t\u0103i, astfel, numai cine are link-ul poate o accesa.\" },\n                        { q: \"Pot vedea cine a vizualizat sau c\u00e2\u021bi au vizualizat lec\u021bia mea?\", a: \"Platforma LIVRESQ \u00een sine nu \u00ee\u021bi arat\u0103 lista de cursan\u021bi care au parcurs lec\u021bia, \u00eens\u0103 dac\u0103 folose\u0219ti lec\u021bia printr-un LMS (prin SCORM), atunci LMS-ul va \u0219ti ce utilizator a parcurs \u0219i ce scor a ob\u021binut.\" },\n                        { q: \"Ce se \u00eent\u00e2mpl\u0103 cu lec\u021biile mele dac\u0103 nu mai am abonament activ?\", a: \"Dac\u0103 abonamentul Premium expir\u0103 \u0219i revii la contul gratuit, lec\u021biile tale r\u0103m\u00e2n \u00een cont \u2013 nu sunt \u0219terse. Vei p\u0103stra accesul la toate materialele create. Doar c\u0103 anumite func\u021bii premium (colaborare, spa\u021biu suplimentar etc.) nu vor mai fi disponibile, dar con\u021binutul muncii tale r\u0103m\u00e2ne intact. \u00cen cazul \u00een care \u00ee\u021bi \u0219tergi contul complet, evident, lec\u021biile se pierd. A\u0219adar, expirarea abonamentului nu \u00ee\u021bi \u0219terge datele, ci te limiteaz\u0103 la func\u021bionalit\u0103\u021bile unui cont gratuit.\" },\n                        { q: \"Pot transfera o lec\u021bie creat\u0103 pe un alt cont de utilizator?\", a: \"Da, po\u021bi partaja proiectul ad\u0103ug\u00e2nd un colaborator (dac\u0103 ai Premium) la lec\u021bie, iar el \u00ee\u0219i poate face o duplicare \u00een contul s\u0103u. Mai simplu: public\u0103 lec\u021bia \u0219i seteaz-o ca editabil\u0103, iar cel\u0103lalt utilizator o va g\u0103si \u00een biblioteca public\u0103 \u0219i va putea da \u201eDuplicheaz\u0103 \u00een contul meu\u201d. Astfel, va avea o copie separat\u0103 pe contul lui pe care o poate modifica independent.\" },\n                        { q: \"Con\u021binutul meu este privat \u0219i \u00een siguran\u021b\u0103 pe platforma LIVRESQ?\", a: \"Da. Toate lec\u021biile din contul t\u0103u (\u00een raftul personal) sunt private implicit, nimeni \u00een afar\u0103 de tine nu are acces la ele. LIVRESQ este o platform\u0103 securizat\u0103, iar conexiunile sunt criptate, deci datele transmise sunt protejate. Copiile lec\u021biilor stocate pe server sunt de asemenea securizate de c\u0103tre provider. Siguran\u021ba \u021bine \u0219i de parola contului t\u0103u \u2013 ai grij\u0103 s\u0103 folose\u0219ti o parol\u0103 puternic\u0103 \u0219i s\u0103 nu o divulgi. \u00cen plus, platforma face backup-uri regulate ale datelor, deci riscul s\u0103 \u00ee\u021bi pierzi con\u021binutul din cauza unor probleme tehnice este foarte mic. A\u0219adar, te po\u021bi \u00eencrede c\u0103 lec\u021biile tale sunt p\u0103strate confiden\u021bial p\u00e2n\u0103 alegi tu s\u0103 le publici.\" },\n                        { q: \"Cum creez o copie de rezerv\u0103 (backup) a unei lec\u021bii?\", a: \"Cea mai u\u0219oar\u0103 metod\u0103 este s\u0103 folose\u0219ti func\u021bia Duplicare \u00een contul t\u0103u \u2013 astfel ai o copie intern\u0103 de siguran\u021b\u0103. De exemplu, \u00eenainte de a face modific\u0103ri majore, duplici proiectul (ex: \u201eLec\u021bia X \u2013 backup\u201d) \u0219i lucrezi pe original. Dac\u0103 ceva nu iese bine, ai copia de rezerv\u0103 intact\u0103. O alt\u0103 metod\u0103 este s\u0103 expor\u021bi lec\u021bia (ca SCORM sau HTML) \u0219i s\u0103 salvezi pachetul pe calculatorul t\u0103u \u2013 nu pentru editare, ci ca arhiv\u0103 de con\u021binut.\" },\n                        { q: \"Pot tip\u0103ri lec\u021bia sau salva \u00eentr-un format imprimabil (PDF)?\", a: \"Da, acum este posibil! Pentru a face acest lucru acceseaz\u0103 lec\u021bia dorit\u0103, folose\u0219te butonul \u201eExport\u0103\u201d din bara din st\u00e2nga, apoi selecteaz\u0103 op\u021biunea PDF. \u00cen previzualizarea care \u00ee\u021bi apare, apas\u0103 butonul \u201ePrint PDF\u201d apoi salveaz\u0103 sau printeaz\u0103 direct fi\u0219ierul. Vei ob\u021bine un fi\u0219ier PDF cu structura lec\u021biei, ideal pentru arhivare sau tip\u0103rire. Este important de men\u021bionat c\u0103 elementele interactive (quiz-uri, anima\u021bii etc.) vor fi exportate \u00een format static, \u00eens\u0103 con\u021binutul esen\u021bial va fi redat clar \u0219i organizat.\" }\n                    ]\n                },\n                {\n                    id: 'navigare',\n                    title: 'Navigarea \u00een platform\u0103',\n                    icon: 'navigation',\n                    image: \"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2025\/05\/Screenshot-2025-05-12-130755.png?fit=800%2C512&ssl=1\",\n                    items: [\n                        { q: \"Ce sec\u021biuni principale are platforma LIVRESQ (Atelier, Bibliotec\u0103 etc.)?\", a: \"Interfa\u021ba LIVRESQ este \u00eemp\u0103r\u021bit\u0103 \u00een dou\u0103 zone majore: Atelierul \u0219i Biblioteca. Atelierul este locul unde creezi \u0219i editezi lec\u021bii, cursuri \u0219i resurse educa\u021bionale deschise \u2013 aici ai lista ta de componente (proiecte, sec\u021biuni, tipuri de resurse). Biblioteca este spa\u021biul unde se public\u0103 \u0219i se acceseaz\u0103 lec\u021biile finalizate \u2013 include raftul t\u0103u personal \u0219i biblioteca public\u0103 (lec\u021biile altor autori). \u00cen plus, mai exist\u0103 sec\u021biunea de Profil\/Set\u0103ri cont (unde po\u021bi gestiona informa\u021biile contului). C\u00e2nd te loghezi, de obicei ajungi \u00een Atelier (cu lista de proiecte). De acolo po\u021bi comuta la Biblioteca pentru a vedea materialele publicate.\" },\n                        { q: \"Cum g\u0103sesc lec\u021biile mele salvate (proiectele mele) \u00een platform\u0103?\", a: \"Dup\u0103 logare, mergi \u00een sec\u021biunea Atelier -> Resursele mele. Acolo vei vedea structura de foldere \u0219i fi\u0219iere din contul t\u0103u. Proiectele (lec\u021biile) apar ca iconi\u021be (de exemplu, o pictogram\u0103 de carte sau dosar cu numele pe dedesubt). Dac\u0103 nu le-ai organizat \u00een foldere, vor fi listate direct. Po\u021bi folosi bara de c\u0103utare sau pur \u0219i simplu s\u0103 derulezi lista. De asemenea, dac\u0103 ai intrat recent \u00eentr-un material, proiectul va fi afi\u0219at \u00een sec\u021biunea Recente pe pagina de start a Atelierului pentru acces rapid. \u00cen concluzie, toate proiectele tale sunt \u00een Atelier, fila Resurse \u2013 acolo navighezi ca \u00eentr-un explorator de fi\u0219iere \u0219i foldere pentru a g\u0103si lec\u021bia dorit\u0103.\" },\n                        { q: \"Ce g\u0103sesc pe pagina \u201eAcas\u0103\u201d (dashboard) a platformei?\", a: \"\u201eAcas\u0103\u201d \u00een LIVRESQ (\u00een contextul Atelierului) prezint\u0103 un panou general: con\u021bine butoane rapide de creare (ex: \u201eCreeaz\u0103 un nou proiect\u201d, \u201eCreeaz\u0103 o sec\u021biune\u201d), ultimele lec\u021bii pe care le-ai editat, eventual \u0219abloane disponibile \u0219i \u0219tiri\/anun\u021buri de la platform\u0103. Este ca o pagin\u0103 principal\u0103 care \u00ee\u021bi ofer\u0103 puncte de plecare. De acolo po\u021bi intra \u00een Resursele tale, po\u021bi vedea nout\u0103\u021bi.\" },\n                        { q: \"Cum este structurat\u0103 interfa\u021ba editorului de lec\u021bii?\", a: \"C\u00e2nd deschizi un proiect \u00een editor, ecranul se \u00eemparte \u00een mai multe zone: \u00een partea st\u00e2ng\u0103 ai lista de elemente(include tab-uri pentru Structur\u0103 \u0219i Resurse: de aici tragi blocuri de text, imagini, chestionare etc., personaje, rebusuri, precum \u0219i elemente de structur\u0103 \u2013 r\u00e2nduri, coloane). \u00cen mijloc este spa\u021biul de lucru \u2013 pagina lec\u021biei unde plasezi efectiv con\u021binutul \u0219i \u00eel vezi aranjat. \u00cen dreapta se afl\u0103 panoul de propriet\u0103\u021bi \u2013 c\u00e2nd selectezi un element pe pagin\u0103, aici apar set\u0103rile \u0219i propriet\u0103\u021bile lui (stil, culoare, text alternativ, ac\u021biuni etc.). Iar \u00een partea de sus este bara de instrumente (toolbar-ul general) \u2013 con\u021bine butoane pentru ac\u021biuni generale (undo\/redo, previzualizare, zoom, ad\u0103ugare sec\u021biune, informa\u021bii proiect etc.) \u0219i pentru navigarea \u00eentre proiecte\/sec\u021biuni deschise (filele). Toate aceste zone lucreaz\u0103 \u00eempreun\u0103: alegi un element din st\u00e2nga, \u00eel pui \u00een mijloc, apoi \u00eel configurezi \u00een dreapta.\" },\n                        { q: \"Ce func\u021bii ofer\u0103 bara de instrumente (meniu de sus) \u00een editor?\", a: \"Bara de instrumente de sus con\u021bine multiple butoane utile: Butoanele Anuleaz\u0103\/Ref\u0103 (Undo\/Redo), Un meniu pentru Planificare (mind-map), Un buton pentru Propriet\u0103\u021bi sec\u021biune, Butonul Export\u0103 element, Butonul Redenume\u0219te, Butonul \u00cemparte sec\u021biunea, Butonul Semn de carte, Butonul Previzualizeaz\u0103, Controlul de Zoom, Butonul Contururi, Butonul Simulare ecran, Informa\u021bii despre salvare. Astfel, toolbar-ul este centrul de comand\u0103 pentru ac\u021biuni globale, navigarea \u00eentre file (proiecte\/sec\u021biuni deschise) \u0219i acces rapid la func\u021bii de editare \u0219i verificare.\" },\n                        { q: \"Cum previzualizez lec\u021bia \u00een timpul edit\u0103rii?\", a: \"\u00cen editor, apas\u0103 butonul \u201eVizualizeaz\u0103\u201d. Acesta va deschide sec\u021biunea curent\u0103 \u00eentr-un mod de player, \u00eentr-o fereastr\u0103\/pop-up sau panou separat, \u00een func\u021bie de locul din editor \u00een care te afli. Astfel po\u021bi interac\u021biona cu ea ca un elev: po\u021bi da clic pe butoane, r\u0103spunde la \u00eentreb\u0103ri etc., f\u0103r\u0103 a p\u0103r\u0103si editorul. Dac\u0103 vrei s\u0103 previzualizezi alt\u0103 sec\u021biune, navighezi la ea \u00een editor \u0219i apoi ape\u0219i din nou vizualizare. Pentru a testa \u00eentreg parcursul lec\u021biei, cel mai bine este s\u0103 folose\u0219ti modul previzualizare pentru fiecare sec\u021biune pe r\u00e2nd (sau s\u0103 publici lec\u021bia \u00een Raftul personal \u0219i s-o parcurgi integral). Previzualizarea te ajut\u0103 s\u0103 verifici imediat aspectul \u0219i func\u021bionalitatea, astfel \u00eenc\u00e2t s\u0103 po\u021bi reveni rapid la editare pentru ajust\u0103ri.\" },\n                        { q: \"Cum comut \u00eentre mai multe proiecte sau sec\u021biuni deschise?\", a: \"Editorul suport\u0103 lucru cu file multiple. \u00cen partea de sus, chiar sub bara de instrumente, vei vedea tab-uri (etichete) cu numele proiectelor\/sec\u021biunilor pe care le-ai deschis. Fiecare fil\u0103 reprezint\u0103 fie un proiect (dac\u0103 ai deschis \u00eentreg proiectul) fie o sec\u021biune independent\u0103. Pentru a comuta, e suficient s\u0103 dai clic pe fila dorit\u0103 \u2013 con\u021binutul editorului se va schimba la acel proiect\/sec\u021biune. De asemenea, po\u021bi deschide rapid un alt proiect\/sec\u021biune ap\u0103s\u00e2nd pe sigla LIVRESQ (st\u00e2nga sus) sau butonul \u201e+\u201d din zona filelor, care \u00ee\u021bi permite s\u0103 selectezi o alt\u0103 resurs\u0103 de deschis. Practic, func\u021bioneaz\u0103 ca \u00een navigarea unui browser cu mai multe pagini: ai mai multe lec\u021bii sau capitole deschise \u0219i sari \u00eentre ele cu un singur clic pe tab.\" },\n                        { q: \"Cum revin la lista de resurse (proiecte \u0219i sec\u021biuni) din editor?\", a: \"Dac\u0103 e\u0219ti \u00een modul editare \u0219i vrei s\u0103 mergi \u00eenapoi la \u201eexploratorul\u201d de resurse, ai dou\u0103 variante: fie dai clic pe logo-ul LIVRESQ din col\u021bul st\u00e2nga-sus. Clic pe logo-ul platformei de obicei te va scoate din editor \u0219i te va duce la pagina Atelier -> Resurse, unde vezi din nou lista tuturor lec\u021biilor tale. Nu-\u021bi face griji, proiectul se autosalveaz\u0103 c\u00e2nd p\u0103r\u0103se\u0219ti editorul. A\u0219adar, pentru a naviga \u00eenapoi la toate proiectele, folose\u0219te logo-ul ca pe un \u201eAcas\u0103\u201d.\" },\n                        { q: \"Exist\u0103 o func\u021bie de c\u0103utare \u00een platform\u0103 pentru proiectele mele?\", a: \"\u00cen partea de sus a paginii Resurse (Atelier) se g\u0103se\u0219te o bar\u0103 de C\u0103utare. Dac\u0103 ai multe proiecte, po\u021bi \u00eencepe s\u0103 tastezi numele unui proiect sau un cuv\u00e2nt cheie \u2013 lista se va filtra instantaneu \u0219i \u00ee\u021bi va ar\u0103ta doar resursele care se potrivesc cu termenul c\u0103utat. De exemplu, dac\u0103 scrii \u201eEuropa\u201d, vei vedea toate materialele ce con\u021bin cuv\u00e2ntul respectiv. Func\u021bia de c\u0103utare caut\u0103 prin titlurile resurselor \u0219i prin metadatele lor. Este foarte util\u0103 pentru a localiza rapid un anumit material \u00eentr-o colec\u021bie mare.\" },\n                        { q: \"Cum creez foldere pentru a organiza proiectele \u0219i resursele?\", a: \"\u00cen pagina de Resurse, uit\u0103-te dup\u0103 op\u021biunea \u201eCreeaz\u0103 director\u201d sau un buton cu o iconi\u021b\u0103 de dosar \u0219i un plus. Apas\u0103-l \u0219i vei putea s\u0103 dai un nume noului folder (de ex. \u201eMatematic\u0103\u201d sau \u201eClasele V-VIII\u201d). Dup\u0103 ce folderul apare \u00een list\u0103, po\u021bi muta resurse \u00een el: fie prin drag-and-drop (iei un proiect din list\u0103 \u0219i \u00eel tragi peste iconi\u021ba folderului), fie prin selectare \u0219i alegerea comenzii \u201eMut\u0103\u201d -> selectezi directorul \u021bint\u0103. Astfel, \u00ee\u021bi po\u021bi grupa proiectele pe discipline, ani \u0219colari, sau orice criteriu preferi. Folderele pot con\u021bine at\u00e2t proiecte, c\u00e2t \u0219i sec\u021biuni sau media, deci po\u021bi organiza totul ierarhic ca pe calculatorul personal.\" },\n                        { q: \"Cum mut o lec\u021bie sau resurs\u0103 \u00eentr-un alt dosar (folder)?\", a: \"Exist\u0103 dou\u0103 moduri: 1) Prin tragere \u0219i plasare: \u00een lista de Resurse, pur \u0219i simplu apuci (clic men\u021binut) lec\u021bia sau resursa dorit\u0103 \u0219i o tragi peste folderul \u00een care vrei s\u0103 o mu\u021bi, apoi eliberezi clicul. 2) Prin op\u021biunea Mut\u0103: selectezi resursa (prin clic sau clic dreapta -> meniu contextual) \u0219i alegi \u201eMut\u0103\u201d. Se va deschide un mic dialog \u00een care selectezi destina\u021bia (alegi folderul dorit din structura ierarhic\u0103) \u0219i confirmi.\" },\n                        { q: \"Cum m\u0103 deloghez din contul LIVRESQ?\", a: \"\u00cen interfa\u021ba platformei, \u00een partea dreapt\u0103 sus, vei vedea \u201eContul Meu\u201d \u0219i o iconi\u021b\u0103 de profil. D\u00e2nd clic pe ea, apare un meniu derulant unde una dintre op\u021biuni este \u201eDeconectare\u201d. Ape\u0219i \u0219i vei fi delogat, revenind la pagina de login. Important: dup\u0103 ce termini de folosit platforma pe un computer public, s\u0103 te deloghezi astfel \u00eenc\u00e2t altcineva s\u0103 nu \u00ee\u021bi poat\u0103 accesa contul.\" },\n                        { q: \"Pot schimba limba interfe\u021bei platformei?\", a: \"Da. LIVRESQ suport\u0103 interfa\u021b\u0103 \u00een mai multe limbi (de exemplu Englez\u0103, Polonez\u0103, Croat\u0103, Francez\u0103, Spaniol\u0103, Italian\u0103, German\u0103, Suedez\u0103, Rom\u00e2n\u0103, Bulgar\u0103, Olandez\u0103, Maghiar\u0103, Portughez\u0103, Ucrainean\u0103, Rus\u0103, Chinez\u0103, Greac\u0103, Coreean\u0103, Arab\u0103). \u00cen biblioteca public\u0103, \u00een col\u021bul dreapta sus, exist\u0103 un selector de limb\u0103 (poate un glob sau ini\u021bialele limbii).\" },\n                        { q: \"Cum \u00eemi actualizez profilul sau parola contului?\", a: \"Intr\u0103 \u00een sec\u021biunea de Profil\/Cont \u2013 accesibil\u0103 din meniul care apare la click pe \u201eContul Meu\u201d. Acolo po\u021bi edita detalii precum numele afi\u0219at, email-ul folosit, parola etc. Pentru schimbarea parolei, cau\u021bi op\u021biunea \u201eSchimbare Parola\u201d \u2013 vei introduce parola actual\u0103, apoi noua parol\u0103 de dou\u0103 ori \u0219i salvezi. Dac\u0103 ai uitat parola, la ecranul de login exist\u0103 op\u021biunea \u201eAi uitat parola?\u201d care \u00ee\u021bi trimite un email de resetare. \u00cen profil mai g\u0103se\u0219ti \u0219i alte set\u0103ri, precum limba preferat\u0103, notific\u0103ri pe email etc. Nu uita s\u0103 salvezi modific\u0103rile f\u0103cute \u00eenainte de a p\u0103r\u0103si pagina.\" },\n                        { q: \"Ce browser este recomandat pentru a folosi LIVRESQ?\", a: \"Este recomandat s\u0103 folose\u0219ti un browser modern \u0219i actualizat, precum Google Chrome (cel mai des folosit \u0219i testat), Mozilla Firefox sau Microsoft Edge. De asemenea, Safari pe Mac merge bine. Evit\u0103 browsere vechi (Internet Explorer nu este suportat) sau versiuni \u00eenvechite, pentru c\u0103 platforma folose\u0219te tehnologii web moderne care func\u021bioneaz\u0103 optim pe browsere actuale. De regul\u0103, Chrome ofer\u0103 cea mai bun\u0103 compatibilitate \u0219i performan\u021b\u0103 cu instrumentele de editare \u0219i previzualizare. Indiferent de alegere, asigur\u0103-te c\u0103 browserul este updatat la zi pentru securitate \u0219i func\u021bionalitate maxim\u0103.\" },\n                        { q: \"Unde g\u0103sesc ajutor sau documenta\u021bie \u00een platform\u0103 dac\u0103 am \u00eentreb\u0103ri?\", a: \"LIVRESQ are c\u00e2teva resurse de suport integrate: adesea exist\u0103 un buton sau link \u201eHelp\u201d sau \u201e?\u201d undeva \u00een interfa\u021b\u0103 (posibil col\u021bul jos dreapta, sau \u00een meniul de profil). Acesta te poate duce la documenta\u021bia oficial\u0103 (un manual online) sau la o sec\u021biune de \u00eentreb\u0103ri frecvente. De asemenea, pe site-ul oficial LIVRESQ exist\u0103 o pagin\u0103 de \u00cenv\u0103\u021bare\/Help Center cu ghiduri pas-cu-pas, webinarii, \u00een zona de Training. Dac\u0103 \u00eent\u00e2mpini probleme tehnice, po\u021bi folosi \u0219i formularul de contact sau adresa de suport tehnic a platformei. \u00cen plus, exist\u0103 comunit\u0103\u021bi (grupuri de profesori utilizatori LIVRESQ, forumuri) unde po\u021bi \u00eentreba \u0219i primi sfaturi. A\u0219adar, direct \u00een platform\u0103 ai linkuri spre ghid, iar \u00een afara ei, site-ul companiei ofer\u0103 manual PDF, tutoriale video \u0219i suport prin email.\" },\n                        { q: \"Cum accesez lec\u021biile din biblioteca public\u0103 LIVRESQ?\", a: \"\u00cen interfa\u021ba, mergi la sec\u021biunea Bibliotec\u0103 sau scrie \u00een fereastra de browser: library.livresq.com Acolo vei vedea dou\u0103 tab-uri: Nout\u0103\u021bi (lec\u021bii recent publicate) \u0219i eventual Recomandate, plus op\u021biunea de a c\u0103uta. Po\u021bi r\u0103sfoi categoriile sau folosi bara de c\u0103utare pentru a g\u0103si lec\u021bii dup\u0103 materie, clas\u0103 sau cuvinte cheie. C\u00e2nd g\u0103se\u0219ti o lec\u021bie, dai clic pe ea \u2013 se va deschide pagina lec\u021biei cu descriere \u0219i buton \u201eDeschide lec\u021bia\u201d. Odat\u0103 deschis\u0103, o po\u021bi parcurge ca utilizator. Dac\u0103 vrei s-o folose\u0219ti \u00een contul t\u0103u, verific\u0103 dac\u0103 e editabil\u0103 (\u0219i duplic-o). Biblioteca public\u0103 e practic un catalog central cu materialele partajate de comunitate.\" },\n                        { q: \"Pot folosi platforma LIVRESQ offline, f\u0103r\u0103 conexiune la internet?\", a: \"Nu, din p\u0103cate nu. LIVRESQ este o aplica\u021bie web care ruleaz\u0103 pe server, deci ai nevoie de conexiune la internet pentru a o accesa \u0219i folosi. Editarea lec\u021biilor, salvarea \u0219i previzualizarea se fac online. Dac\u0103 \u0219tii c\u0103 vei fi f\u0103r\u0103 internet, po\u021bi exporta lec\u021bia \u00een HTML ca s\u0103 o vizualizezi offline, dar nu po\u021bi edita offline \u0219i apoi s\u0103 sincronizezi \u2013 nu exist\u0103 o aplica\u021bie desktop offline. A\u0219adar, asigur\u0103-te c\u0103 ai o conexiune stabil\u0103 c\u00e2nd lucrezi. Dac\u0103 pierzi temporar conexiunea, editorul va \u00eencerca s\u0103 salveze c\u00e2nd revine netul (\u0219i te va avertiza \u00een caz de deconectare). Dar complet offline (deconectat) nu vei putea accesa Atelierul.\" },\n                        { q: \"Cum pot contacta suportul tehnic al platformei?\", a: \"Pe site-ul LIVRESQ, exist\u0103 o sec\u021biune \u201eContact\u201d, un email dedicat: help@livresq.com \u0219i un num\u0103r de support. Cel mai sigur, viziteaz\u0103 pagina oficial\u0103 Livresq \u0219i caut\u0103 datele de contact pentru suport. Trimite-ne un mesaj cu problema \u00eent\u00e2mpinat\u0103 sau \u00eentrebarea \u2013 echipa de suport r\u0103spunde de obicei \u00een timpul programului de lucru. De asemenea, po\u021bi verifica \u00een sec\u021biunea de \u00eentreb\u0103ri frecvente (FAQ) pe site, poate g\u0103se\u0219ti r\u0103spunsul acolo f\u0103r\u0103 s\u0103 mai fie nevoie s\u0103 a\u0219tep\u021bi r\u0103spunsul echipei. \u00cen rezumat: exist\u0103 suport via email \u0219i telefon, iar leg\u0103tura c\u0103tre acestea e disponibil\u0103 pe site-ul platformei.\" },\n                        { q: \"Func\u021bioneaz\u0103 LIVRESQ \u0219i pe Mac sau Linux?\", a: \"Da. Fiind bazat pe browser, LIVRESQ func\u021bioneaz\u0103 indiferent de sistemul de operare, at\u00e2ta timp c\u00e2t ai un browser compatibil. Pe Mac, po\u021bi folosi Safari sau Chrome\/Firefox \u2013 platforma va merge la fel ca pe Windows. Pe Linux, la fel, cu Chrome sau Firefox actualizat. Nu trebuie instalat nimic specific pentru Windows sau Mac. Doar asigur\u0103-te c\u0103 folose\u0219ti un browser modern. Deci po\u021bi lucra pe Windows la \u0219coal\u0103 \u0219i pe Mac acas\u0103 f\u0103r\u0103 diferen\u021be. Platforma este cross-platform prin natura sa web.\" },\n                        { q: \"Unde v\u0103d c\u00e2nd a fost salvat\u0103 ultima dat\u0103 lec\u021bia?\", a: \"\u00cen editor, uit\u0103-te \u00een col\u021bul din dreapta sus al ferestrei de lucru (bara superioar\u0103). Acolo apare un text mic de tipul \u201eSalvat ultima oar\u0103 la HH:MM:SS\u201d sau \u201eSalvat acum X minute\u201d. LIVRESQ afi\u0219eaz\u0103 timestampul ultimei salv\u0103ri reu\u0219ite. Dac\u0103 de exemplu tocmai ai scris ceva, dup\u0103 c\u00e2teva secunde textul va spune \u201eSalvat acum c\u00e2teva secunde\u201d. Acest indicator \u00ee\u021bi d\u0103 lini\u0219te c\u0103 modific\u0103rile au fost \u00eenregistrate. \u00cen caz c\u0103 pierzi conexiunea, mesajul de salvare va semnala eroarea (ex: \u201eSalvare e\u0219uat\u0103!\u201d) \u2013 moment \u00een care \u0219tii c\u0103 ce ai lucrat dup\u0103 ultima salvare poate fi \u00een pericol. Dar c\u00e2t timp acel col\u021b arat\u0103 o or\u0103 recent\u0103, e\u0219ti asigurat c\u0103 munca e stocat\u0103.\" },\n                        { q: \"Ce semnific\u0103 diferitele iconi\u021be afi\u0219ate l\u00e2ng\u0103 resursele mele?\", a: \"\u00cen lista de Resurse, proiectele \u0219i sec\u021biunile apar cu mici iconi\u021be ce indic\u0103 tipul lor: o pictogram\u0103 de carte sau dosar sugereaz\u0103 un proiect (lec\u021bie \u00eentreag\u0103), o pagin\u0103 indic\u0103 o sec\u021biune, o imagine miniatural\u0103 indic\u0103 un fi\u0219ier media (imagine), un triunghi \u201eplay\u201d indic\u0103 un video, o nota muzical\u0103 pentru audio, un checklist pentru chestionar etc. De asemenea, dac\u0103 o resurs\u0103 e partajat\u0103, vezi iconi\u021ba cu doi oameni, dac\u0103 e marcat\u0103 cu etichet\u0103 special\u0103 poate ap\u0103rea un tag. Iconi\u021bele te ajut\u0103 vizual s\u0103 distingi \u00eentre tipuri (\u0219tii imediat c\u0103 \u201eManual Bio\u201d cu icon de carte e un proiect, iar sub el \u201eCapitol 1\u201d cu icon de pagin\u0103 e o sec\u021biune). Totodat\u0103, modul de vizualizare List\u0103 arat\u0103 \u0219i detalii ca data modific\u0103rii sau etichete l\u00e2ng\u0103 iconi\u021be.\" },\n                        { q: \"Pot filtra lista de resurse dup\u0103 tip, etichet\u0103 sau colaborator?\", a: \"Da, exist\u0103 instrumente de filtrare. \u00cen pagina de Resurse, de regul\u0103 deasupra listei sau \u00een lateral, ai op\u021biuni de filtrare: Dup\u0103 tip (proiecte, sec\u021biuni, media), Dup\u0103 etichete, Dup\u0103 partajare. Astfel, combinat cu c\u0103utarea, po\u021bi mic\u0219ora lista afi\u0219at\u0103 doar la ceea ce te intereseaz\u0103. De exemplu, alegi filtrul \u201eProiecte\u201d \u0219i tag \u201eBiologie\u201d ca s\u0103 vezi doar proiectele de biologie. Aceste filtre fac navigarea mult mai eficient\u0103 \u00een conturi cu con\u021binut voluminos.\" },\n                        { q: \"Ce este pagina \u201eNout\u0103\u021bi\u201d din biblioteca LIVRESQ?\", a: \"\u00cen Biblioteca public\u0103, fila Nout\u0103\u021bi listeaz\u0103 cele mai recente lec\u021bii publicate de utilizatori. E ca un flux cronologic al contribu\u021biilor noi. Acolo po\u021bi vedea ultimele lec\u021bii ad\u0103ugate, indiferent de categorie. De obicei sunt afi\u0219ate cu titlu, o imagine reprezentativ\u0103 \u0219i un scurt extras. Nout\u0103\u021bile \u00ee\u021bi permit s\u0103 descoperi con\u021binut proasp\u0103t creat \u2013 de exemplu dac\u0103 cineva a publicat azi o lec\u021bie de chimie, o vei vedea acolo. Pentru profesori, e un loc bun de explorat idei noi postate de comunitate.\" },\n                        { q: \"Ce sunt lec\u021biile \u201eRecomandate\u201d din bibliotec\u0103?\", a: \"Sec\u021biunea Recomandate (dac\u0103 exist\u0103) con\u021bine lec\u021bii eviden\u021biate de echipa LIVRESQ sau populare \u00een r\u00e2ndul utilizatorilor. Acestea pot fi materiale de calitate deosebit\u0103 sau foarte utile, alese manual de editorii platformei ori determinate de rating-uri bune. Practic, \u201eRecomandate\u201d e un panou de sugestii \u2013 dac\u0103 nu \u0219tii ce s\u0103 cau\u021bi, lec\u021biile de acolo ar putea fi un bun punct de plecare, fiind considerate valoroase. Ele sunt vizibile \u0219i pentru a \u00eencuraja autorii (s\u0103 le fie recunoscute public lec\u021biile reu\u0219ite). Ca utilizator, sec\u021biunea \u00ee\u021bi poate oferi rapid cele mai apreciate lec\u021bii, ca s\u0103 nu cau\u021bi prin sute de intr\u0103ri.\" }\n                    ]\n                },\n                {\n                    id: 'info',\n                    title: 'Mai multe informa\u021bii',\n                    icon: 'info',\n                    items: [\n                        { q: \"Este cu adev\u0103rat gratuit?\", a: \"Da! LIVRESQ ofer\u0103 cont gratuit tuturor persoanelor care doresc s\u0103 realizeze materiale educa\u021bionale tip cursuri sau lec\u021bii interactive.\" },\n                        { q: \"Cum distribui\/export con\u021binutul creat \u00een LIVRESQ?\", a: \"Sunt 5 variante posibile: 1) Cea mai popular\u0103 este s\u0103 expor\u021bi un pachet HTML5, pachetul se poate pune apoi pe orice site. Mai mult, acest pachet functioneaz\u0103 \u0219i offline (f\u0103r\u0103 internet). 2) Pentru cei care sunt din companii\/sau lucreaz\u0103 pentru companii: exist\u0103 varianta SCORM 2004 3rd edition \u0219i varianta SCORM 2004 4th edition (ambele pentru LMS-uri) 3) Pachet SCORM 1.2 (pentru LMS-uri) 4) Publicat privat \u00een raftul personal din Libr\u0103ria LIVRESQ - unde cei care vor accesa con\u021binutul primesc un link secret 5) Publicat gratuit, pentru toat\u0103 lumea (public) \u00een Libr\u0103ria LIVRESQ - unde to\u021bi utilizatorii vor putea s\u0103 vad\u0103 con\u021binutul\" },\n                        { q: \"Exist\u0103 \u0219abloane pe care s\u0103 pot s\u0103 le folosesc \u00een LIVRESQ?\", a: \"Da! LIVRESQ are \u0219abloane create deja de c\u0103tre echipa LIVRESQ. Acestea sunt buc\u0103\u021bi de con\u021binut (proiecte, sec\u021biuni, quiz-uri, imagini, etc) puse intr-o anumit\u0103 ordine. Nu trebuie s\u0103 \u00eencepi un proiect de la zero. Pentru a le accesa, intri \u00een Organizator \u0219i acolo vei g\u0103si \\\"Sabloane\\\".\" },\n                        { q: \"Cine este proprietarul con\u021binutului creat \u00een LIVRESQ?\", a: \"Tot con\u021binutul creat de tine \u00een LIVRESQ \u00ee\u021bi apar\u021bine 100%. Po\u021bi s\u0103 faci ce dore\u0219ti cu el, inclusiv s\u0103 \u00eel vinzi sau s\u0103 \u00eel dai gratuit.\" },\n                        { q: \"Este limba mea suportat\u0103 de platforma LIVRESQ?\", a: \"\u00cen acest moment, interfa\u021ba LIVRESQ se poate accesa \u00een urm\u0103toarele limbi: Rom\u00e2n\u0103, Englez\u0103, Francez\u0103, Spaniol\u0103, Italian\u0103, German\u0103, Suedez\u0103, Bulgar\u0103, Maghiar\u0103, Portughez\u0103, Ucrainean\u0103, Chinez\u0103 (zh-cn), Rus\u0103, Coreean\u0103, Arab\u0103. Dac\u0103 dore\u0219ti s\u0103 adaugi un anumit con\u021binut ce este \u00een alt\u0103 limb\u0103, o po\u021bi face prin copy-paste, LIVRESQ va accepta textul.\" },\n                        { q: \"LIVRESQ este online (cloud-based) sau trebuie s\u0103 descarc un program (desktop-based)?\", a: \"LIVRESQ este complet online, deci cloud-based. Pentru a folosi editorul trebuie doar s\u0103 te loghezi \u00een platforma online din browser. Nu trebuie desc\u0103rcat absolut nimic pe calculator \u0219i nici nu trebuie instalat vreun plugin special de browser.\" },\n                        { q: \"Pot s\u0103 colaborez cu al\u021bii ca s\u0103 construim un proiect LIVRESQ?\", a: \"Da, \u00een LIVRESQ mai mul\u021bi utilizatori pot lucra impreun\u0103 la acela\u0219i material. Prin func\u021bia de colaborare, LIVRESQ ofer\u0103 un link secret de editare la material ce poate fi accesat de echipa ta (sau de cei cu care dore\u0219ti s\u0103 colaborezi).\" },\n                        { q: \"Cum partajez un curs LIVRESQ cu un alt coleg?\", a: \"Acest lucru este util atunci c\u00e2nd ave\u021bi o echip\u0103 \u0219i trebuie s\u0103 lucra\u021bi \u00eempreun\u0103 la acela\u0219i proiect. Iat\u0103 pa\u0219ii: Pasul 1 - Selecta\u021bi cursul \u00een LIVRESQ. Pasul 2 - Face\u021bi clic pe butonul Partajeaz\u0103, acesta se g\u0103se\u0219te \u00een partea de sus-central. Pasul 3 - Aplica\u021bi bifa \u00een dreptul cursului \u00een fereastra pop-up \u0219i copia\u021bi linkul. Pasul 4 - Face\u021bi clic pe \u201eConfirm\u0103\u201d. Acum acest link poate fi trimis acum unui alt utilizator. Odat\u0103 ce noul utilizator face clic pe acesta, \u00eel va deschide \u00een modul Editare \u0219i pute\u021bi lucra am\u00e2ndoi la acel curs. Aceast\u0103 ac\u021biune se realizeaz\u0103 o singur\u0103 dat\u0103 pentru fiecare utilizator primitor, deoarece cursul va ap\u0103rea ulterior \u00een sec\u021biunea \u201ePartajate cu mine\u201d din LIVRESQ.\" },\n                        { q: \"C\u00e2t de u\u0219or de folosit este LIVRESQ?\", a: \"Nu sunt necesare cuno\u0219tin\u021be de programare. Interfa\u021ba este foarte u\u0219or de folosit. Prin drag and drop se pot pune resursele de care ai nevoie pentru a asambla cursul\/lec\u021bia.\" },\n                        { q: \"Pe ce dispozitive func\u021bioneaz\u0103 con\u021binutul (cursuri, lec\u021bii) realizat \u00een LIVRESQ?\", a: \"Cursurile\/lec\u021biile f\u0103cute cu LIVRESQ sunt responsive, adic\u0103 func\u021bioneaz\u0103 pe desktopuri, tablete, telefoane, indiferent de m\u0103rimea ecranului. Merg pe orice dispozitiv cu browser.\" },\n                        { q: \"Se poate exporta cursul LIVRESQ pentru sisteme LMS - Learning Management System?\", a: \"Da! Din LIVRESQ se pot exporta cursurile\/lec\u021biile \u00een format SCORM 2004 3rd \u0219i SCORM 1.2. Aceste standarde sunt folosite \u00een mod special pentru LMS-uri.\" },\n                        { q: \"\u00cen cazul \u00een care am nevoie de ajutor, cum pot comunica cu echipa LIVRESQ?\", a: \"Cel mai u\u0219or g\u0103si\u021bi echipa LIVRESQ la adresa de email help@livresq.com. R\u0103spundem \u00een cel mult 1 zi lucr\u0103toare.\" },\n                        { q: \"Pot s\u0103 fac module de microlearning \u00een LIVRESQ?\", a: \"Da! LIVRESQ este folosit cu succes de companii pentru a dezvolta con\u021binut tip Microlearning.\" },\n                        { q: \"Ce tipuri de resurse pot s\u0103 folosesc \u00een LIVRESQ?\", a: \"\u00cen LIVRESQ se pot folosi Imagini, Galerii, Celule de Text, Chestionare, Clipuri video, Fi\u0219iere Audio, Ferestre pop-up, GIF-uri, Obiecte web \u00eencorporate (iFrames), Tabele, \u0218abloane. Toate aceste resurse pot fi utilizate pentru a construi un curs sau o lec\u021bie LIVRESQ.\" },\n                        { q: \"Va func\u021biona bine LIVRESQ \u00een \u021bara mea?\", a: \"LIVRESQ utilizeaz\u0103 o re\u021bea de livrare a con\u021binutului (CDN) pentru a-\u021bi trimite fi\u0219ierele platformei \u00een func\u021bie de loca\u021bia ta geografic\u0103. Deci, va func\u021biona grozav, indiferent de unde e\u0219ti.\" },\n                        { q: \"Nu am un LMS, pot s\u0103 folosesc totu\u0219i LIVRESQ pentru a crea con\u021binut educa\u021bional?\", a: \"Da! Nu ai nevoie de un LMS pentru a putea accesa lec\u021biile realizate \u00een LIVRESQ. Orice material poate fi exportat din LIVRESQ ca pachet HTML5 - pachet ce va func\u021biona \u00een orice browser, chiar \u0219i offline. Mai mult, orice material poate fi publicat \u00een raftul privat din Libr\u0103ria LIVRESQ, unde poate fi accesat doar de cei care primesc link-ul secret de la tine.\" },\n                        { q: \"Pot s\u0103 creez cursul pornind de la ceva ce am construit deja?\", a: \"Da! Po\u021bi folosi ca baz\u0103 fie elemente din alt material construit de tine sau de colaboratori, fie \u0218abloanele din LIVRESQ - adic\u0103 con\u021binut deja dezvoltat de echipa LIVRESQ pentru a \u00eencepe mai u\u0219or dezvoltarea materialului.\" },\n                        { q: \"Pot sa folosesc elementele brandului meu \u00een curs?\", a: \"Da! LIVRESQ \u00eentelege nevoia de a face con\u021binutul s\u0103 arate a\u0219a cum \u00ee\u021bi dore\u0219ti.\" },\n                        { q: \"Ce anume cump\u0103r c\u00e2nd pl\u0103tesc un seat?\", a: \"Un \\\"seat\\\" este un cont de acces (pe baz\u0103 de email) la toate func\u021bionalit\u0103\u021bile de realizare a materialelor cu LIVRESQ. Cel care cump\u0103r\u0103 decide exact cui s\u0103 aloce seat-ul.\" },\n                        { q: \"Va primi LIVRESQ func\u021bionalit\u0103\u021bi noi \u00een viitor?\", a: \"Da! Lans\u0103m noi func\u021bionalit\u0103\u021bi din dou\u0103 \u00een dou\u0103 s\u0103pt\u0103m\u00e2ni.\" },\n                        { q: \"Dac\u0103 cump\u0103r acum, voi avea acces \u0219i la func\u021bionalit\u0103\u021bi viitoare?\", a: \"Da! Toate func\u021bionalit\u0103\u021bile noi lansate \u00een LIVRESQ ajung la to\u021bi cei care au conturi active, indiferent de momentul cump\u0103r\u0103rii.\" },\n                        { q: \"Pot s\u0103 adaug un material f\u0103cut cu LIVRESQ \u00een Microsoft Teams?\", a: \"Da! Procedura dureaz\u0103 sub un minut. Tot ce trebuie s\u0103 faci pentru a ad\u0103uga o lec\u021bie\/un curs \u00een Microsoft Teams g\u0103se\u0219ti mai jos. Pa\u0219i: 1. Selectezi clasa, canalul (echipa) \u00een Microsoft Teams. 2. \u00cen partea dreapt\u0103 ape\u0219i butonul \u201c+\u201d - butonul de \u201cAdd a Tab\\\". 3. Selectezi \u201cWebsite\u201d. 4. Adaugi linkul direct la lec\u021bie din Raftul t\u0103u din LIVRESQ. 5. Finalizat! Acum ai lec\u021bia \u00een Microsoft Teams.\" },\n                        { q: \"Pot s\u0103 intru \u00eentr-un grup de Facebook sau de LinkedIn pentru a \u00eenv\u0103\u021ba mai multe despre LIVRESQ?\", a: \"Da! G\u0103se\u0219ti grupurile LIVRESQ \u00een sec\u021biunea dedicat\u0103 de pe site-ul nostru (zona Training).\" },\n                        { q: \"Unde pot s\u0103 v\u0103d exemple de cursuri f\u0103cute cu LIVRESQ?\", a: \"Direct \u00een Biblioteca LIVRESQ, aceasta este accesibil\u0103 la library.livresq.com.\" },\n                        { q: \"Cursurile LIVRESQ sunt SCORM?\", a: \"Da, pentru LMS-uri, cursurile realizate \u00een LIVRESQ se pot exporta \u0219i ca pachete SCORM 2004 3rd \u0219i 4th edition \u0219i ca pachete SCORM 1.2.\" }\n                    ]\n                }\n            ];\n\n            \/\/ --- 2. RENDERING LOGIC ---\n\n            function renderFAQ(searchTerm = '') {\n                const contentContainer = document.getElementById('faq-content');\n                const sidebarContainer = document.getElementById('faq-sidebar');\n                contentContainer.innerHTML = '';\n                sidebarContainer.innerHTML = '';\n\n                let hasResults = false;\n                \n                \/\/ Filter Logic\n                const filteredData = faqData.map(cat => {\n                    const filteredItems = cat.items.filter(item => \n                        item.q.toLowerCase().includes(searchTerm.toLowerCase()) || \n                        item.a.toLowerCase().includes(searchTerm.toLowerCase())\n                    );\n                    return { ...cat, items: filteredItems };\n                }).filter(cat => cat.items.length > 0);\n\n                \/\/ No Results State\n                if (filteredData.length === 0) {\n                    contentContainer.innerHTML = `\n                        <div class=\"text-center py-20 bg-white rounded-xl border border-slate-200 shadow-sm\">\n                            <div class=\"mx-auto flex items-center justify-center h-16 w-16 rounded-full bg-slate-100 mb-6\">\n                                <i data-lucide=\"search\" class=\"h-8 w-8 text-slate-400\"><\/i>\n                            <\/div>\n                            <p class=\"text-slate-500 text-xl font-medium\">Nu am g\u0103sit rezultate pentru \"${searchTerm}\".<\/p>\n                            <p class=\"text-slate-400 mt-2\">\u00cencearc\u0103 alt termen de c\u0103utare.<\/p>\n                        <\/div>\n                    `;\n                    lucide.createIcons();\n                    return;\n                }\n\n                \/\/ Render Categories\n                filteredData.forEach((category, idx) => {\n                    \/\/ Sidebar Link\n                    const sidebarLink = document.createElement('button');\n                    \/\/ Add an ID for easy state selection\n                    sidebarLink.id = `sidebar-btn-${category.id}`;\n                    \n                    \/\/ Default Inactive Classes\n                    sidebarLink.className = `w-full group flex items-center px-3 py-2.5 text-sm font-medium rounded-lg transition-all duration-200 mb-1 text-slate-600 hover:bg-slate-50 hover:text-livresq-fucsia`;\n                    \n                    sidebarLink.innerHTML = `\n                        <span id=\"sidebar-icon-${category.id}\" class=\"mr-3 flex-shrink-0 transition-colors text-slate-400 group-hover:text-livresq-fucsia\">\n                            <i data-lucide=\"${category.icon}\" class=\"w-5 h-5\"><\/i>\n                        <\/span>\n                        <span class=\"truncate\">${category.title}<\/span>\n                    `;\n                    \n                    sidebarLink.onclick = () => {\n                        const el = document.getElementById(category.id);\n                        if(el) {\n                            \/\/ Calculate offset for sticky search bar (top-40 + header offset)\n                            const y = el.getBoundingClientRect().top + window.scrollY - 100;\n                            window.scrollTo({top: y, behavior: 'smooth'});\n                            \/\/ Update Active State\n                            updateSidebarState(category.id);\n                        }\n                    };\n                    sidebarContainer.appendChild(sidebarLink);\n\n                    \/\/ Main Content Block\n                    const catDiv = document.createElement('div');\n                    catDiv.id = category.id;\n                    catDiv.className = \"scroll-mt-40\"; \/\/ Scroll margin for sticky headers\n\n                    \/\/ Header\n                    const headerHtml = `\n                        <div class=\"flex items-center gap-3 mb-6 border-b border-slate-200 pb-4\">\n                            <div class=\"p-2.5 bg-white rounded-xl shadow-sm text-livresq-fucsia border border-slate-100\">\n                                <i data-lucide=\"${category.icon}\" class=\"w-6 h-6\"><\/i>\n                            <\/div>\n                            <h2 class=\"text-2xl font-bold text-slate-900\">${category.title}<\/h2>\n                        <\/div>\n                    `;\n\n                    \/\/ Image Layout - ZigZag Logic matching React (idx % 2 === 1)\n                    const isZigZag = idx % 2 === 1;\n                    const imageOrderClass = isZigZag ? 'xl:-order-1' : '';\n\n                    const imageHtml = category.image ? `\n                        <div class=\"w-full xl:w-[45%] sticky top-40 ${imageOrderClass} mb-8 xl:mb-0\">\n                            <div class=\"rounded-2xl overflow-hidden shadow-lg border border-slate-200 group relative\">\n                                <div class=\"absolute inset-0 bg-slate-900\/0 group-hover:bg-slate-900\/5 transition-colors duration-300 z-10\"><\/div>\n                                <img decoding=\"async\" \n                                    src=\"${category.image}\" \n                                    alt=\"Imagine pentru ${category.title}\"\n                                    class=\"w-full h-auto object-cover transform transition-transform duration-500 group-hover:scale-105\"\n                                    loading=\"lazy\"\n                                \/>\n                            <\/div>\n                        <\/div>\n                    ` : '';\n\n                    \/\/ Questions List\n                    let questionsHtml = '<div class=\"divide-y divide-slate-100\">';\n                    category.items.forEach((item, index) => {\n                        const uniqueId = `${category.id}-${index}`;\n                        questionsHtml += `\n                            <div class=\"group bg-white transition-colors hover:bg-slate-50\/30\">\n                                <button\n                                    onclick=\"toggleAccordion('${uniqueId}')\"\n                                    class=\"w-full text-left px-6 py-5 focus:outline-none flex items-start justify-between gap-4\"\n                                >\n                                    <!-- \n                                        BUG FIX: Added flex-1, text-left, break-words, whitespace-normal to prevent truncation and overflow \n                                    -->\n                                    <span id=\"q-text-${uniqueId}\" class=\"flex-1 text-left break-words whitespace-normal pr-4 text-[15px] font-bold leading-snug transition-colors text-slate-700 group-hover:text-slate-900\">\n                                        ${item.q}\n                                    <\/span>\n                                    <span class=\"flex-shrink-0 mt-0.5\">\n                                        <div id=\"icon-bg-${uniqueId}\" class=\"p-1 rounded-full transition-all duration-200 bg-slate-100 text-slate-400 group-hover:bg-slate-200\">\n                                            <i data-lucide=\"chevron-down\" id=\"icon-${uniqueId}\" class=\"w-4 h-4 transition-transform duration-300\"><\/i>\n                                        <\/div>\n                                    <\/span>\n                                <\/button>\n                                <div id=\"ans-${uniqueId}\" class=\"accordion-content\">\n                                    <div class=\"px-6 pb-6 pt-0\">\n                                        <div class=\"text-slate-600 text-sm leading-relaxed bg-slate-50 rounded-lg p-4 border border-slate-100\/50\">\n                                            ${item.a}\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        `;\n                    });\n                    questionsHtml += '<\/div>';\n\n                    catDiv.innerHTML = `\n                        ${headerHtml}\n                        <div class=\"flex flex-col xl:flex-row gap-8 items-start\">\n                            <div class=\"w-full xl:flex-1 bg-white shadow-sm rounded-2xl border border-slate-200 overflow-hidden\">\n                                ${questionsHtml}\n                            <\/div>\n                            ${imageHtml}\n                        <\/div>\n                    `;\n\n                    contentContainer.appendChild(catDiv);\n                });\n\n                \/\/ Re-initialize icons for newly added elements\n                lucide.createIcons();\n            }\n\n            \/\/ --- 3. STATE MANAGEMENT ---\n\n            \/\/ Sidebar Active State Manager\n            window.updateSidebarState = (activeId) => {\n                faqData.forEach(cat => {\n                    const btn = document.getElementById(`sidebar-btn-${cat.id}`);\n                    const iconSpan = document.getElementById(`sidebar-icon-${cat.id}`);\n                    \n                    if (!btn || !iconSpan) return;\n\n                    if (cat.id === activeId) {\n                        \/\/ ACTIVE STATE\n                        \/\/ Remove Inactive\n                        btn.classList.remove('text-slate-600', 'hover:bg-slate-50', 'hover:text-livresq-fucsia');\n                        iconSpan.classList.remove('text-slate-400', 'group-hover:text-livresq-fucsia');\n                        \n                        \/\/ Add Active\n                        btn.classList.add('bg-livresq-fucsia', 'text-white', 'shadow-md', 'scale-[1.02]');\n                        iconSpan.classList.add('text-white');\n                    } else {\n                        \/\/ INACTIVE STATE\n                        \/\/ Remove Active\n                        btn.classList.remove('bg-livresq-fucsia', 'text-white', 'shadow-md', 'scale-[1.02]');\n                        iconSpan.classList.remove('text-white');\n                        \n                        \/\/ Add Inactive\n                        btn.classList.add('text-slate-600', 'hover:bg-slate-50', 'hover:text-livresq-fucsia');\n                        iconSpan.classList.add('text-slate-400', 'group-hover:text-livresq-fucsia');\n                    }\n                });\n            };\n\n            \/\/ --- 4. INTERACTION HANDLERS ---\n\n            \/\/ Accordion Toggle\n            window.toggleAccordion = (id) => {\n                const content = document.getElementById(`ans-${id}`);\n                const icon = document.getElementById(`icon-${id}`);\n                const iconBg = document.getElementById(`icon-bg-${id}`);\n                const qText = document.getElementById(`q-text-${id}`);\n                \n                const isOpen = content.style.maxHeight && content.style.maxHeight !== '0px';\n\n                if (isOpen) {\n                    \/\/ Close\n                    content.style.maxHeight = '0px';\n                    content.classList.remove('open');\n                    icon.style.transform = 'rotate(0deg)';\n                    iconBg.classList.remove('bg-livresq-fucsia\/10', 'text-livresq-fucsia');\n                    iconBg.classList.add('bg-slate-100', 'text-slate-400');\n                    qText.classList.remove('text-livresq-fucsia');\n                    qText.classList.add('text-slate-700');\n                } else {\n                    \/\/ Open\n                    content.style.maxHeight = content.scrollHeight + \"px\";\n                    content.classList.add('open');\n                    icon.style.transform = 'rotate(180deg)';\n                    iconBg.classList.remove('bg-slate-100', 'text-slate-400');\n                    iconBg.classList.add('bg-livresq-fucsia\/10', 'text-livresq-fucsia');\n                    qText.classList.remove('text-slate-700');\n                    qText.classList.add('text-livresq-fucsia');\n                }\n            };\n\n            \/\/ --- 5. EVENT LISTENERS ---\n\n            document.addEventListener('DOMContentLoaded', () => {\n                \/\/ Initial Render\n                renderFAQ();\n\n                \/\/ Search\n                const searchInput = document.getElementById('faq-search');\n                searchInput.addEventListener('input', (e) => {\n                    renderFAQ(e.target.value);\n                });\n            });\n        <\/script>\n    <\/div>\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n\n\n","protected":false},"excerpt":{"rendered":"<p>LIVRESQ &#8211; \u00centreb\u0103ri Frecvente \u00centreb\u0103ri Frecvente (FAQ) Afl\u0103 r\u0103spunsurile la cele mai frecvente \u00eentreb\u0103ri legate de platforma LIVRESQ, editor \u0219i bibliotec\u0103.<\/p>\n","protected":false},"author":2,"featured_media":403601,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-20268","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>FAQ - 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\/ro\/faq\/\" \/>\n<meta property=\"og:locale\" content=\"ro_RO\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"FAQ - LIVRESQ\" \/>\n<meta property=\"og:description\" content=\"LIVRESQ &#8211; \u00centreb\u0103ri Frecvente \u00centreb\u0103ri Frecvente (FAQ) Afl\u0103 r\u0103spunsurile la cele mai frecvente \u00eentreb\u0103ri legate de platforma LIVRESQ, editor \u0219i bibliotec\u0103.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/livresq.com\/ro\/faq\/\" \/>\n<meta property=\"og:site_name\" content=\"LIVRESQ\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-26T13:38:58+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/livresq.com\/wp-content\/uploads\/2025\/07\/Untitled-800-x-800-px.png\" \/>\n\t<meta property=\"og:image:width\" content=\"800\" \/>\n\t<meta property=\"og:image:height\" content=\"800\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Timp estimat pentru citire\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minut\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/livresq.com\/faq\/\",\"url\":\"https:\/\/livresq.com\/faq\/\",\"name\":\"FAQ - LIVRESQ\",\"isPartOf\":{\"@id\":\"https:\/\/livresq.com\/en\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/livresq.com\/faq\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/livresq.com\/faq\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2025\/07\/Untitled-800-x-800-px.png?fit=800%2C800&ssl=1\",\"datePublished\":\"2020-04-05T10:55:11+00:00\",\"dateModified\":\"2026-01-26T13:38:58+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/livresq.com\/faq\/#breadcrumb\"},\"inLanguage\":\"ro-RO\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/livresq.com\/faq\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ro-RO\",\"@id\":\"https:\/\/livresq.com\/faq\/#primaryimage\",\"url\":\"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2025\/07\/Untitled-800-x-800-px.png?fit=800%2C800&ssl=1\",\"contentUrl\":\"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2025\/07\/Untitled-800-x-800-px.png?fit=800%2C800&ssl=1\",\"width\":800,\"height\":800},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/livresq.com\/faq\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Prima pagin\u0103\",\"item\":\"https:\/\/livresq.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"FAQ\"}]},{\"@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\":\"ro-RO\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/livresq.com\/en\/#organization\",\"name\":\"LIVRESQ - Authoring Tool\",\"url\":\"https:\/\/livresq.com\/en\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ro-RO\",\"@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 SEO plugin. -->","yoast_head_json":{"title":"FAQ - 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\/ro\/faq\/","og_locale":"ro_RO","og_type":"article","og_title":"FAQ - LIVRESQ","og_description":"LIVRESQ &#8211; \u00centreb\u0103ri Frecvente \u00centreb\u0103ri Frecvente (FAQ) Afl\u0103 r\u0103spunsurile la cele mai frecvente \u00eentreb\u0103ri legate de platforma LIVRESQ, editor \u0219i bibliotec\u0103.","og_url":"https:\/\/livresq.com\/ro\/faq\/","og_site_name":"LIVRESQ","article_modified_time":"2026-01-26T13:38:58+00:00","og_image":[{"width":800,"height":800,"url":"https:\/\/livresq.com\/wp-content\/uploads\/2025\/07\/Untitled-800-x-800-px.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Timp estimat pentru citire":"1 minut"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/livresq.com\/faq\/","url":"https:\/\/livresq.com\/faq\/","name":"FAQ - LIVRESQ","isPartOf":{"@id":"https:\/\/livresq.com\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/livresq.com\/faq\/#primaryimage"},"image":{"@id":"https:\/\/livresq.com\/faq\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2025\/07\/Untitled-800-x-800-px.png?fit=800%2C800&ssl=1","datePublished":"2020-04-05T10:55:11+00:00","dateModified":"2026-01-26T13:38:58+00:00","breadcrumb":{"@id":"https:\/\/livresq.com\/faq\/#breadcrumb"},"inLanguage":"ro-RO","potentialAction":[{"@type":"ReadAction","target":["https:\/\/livresq.com\/faq\/"]}]},{"@type":"ImageObject","inLanguage":"ro-RO","@id":"https:\/\/livresq.com\/faq\/#primaryimage","url":"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2025\/07\/Untitled-800-x-800-px.png?fit=800%2C800&ssl=1","contentUrl":"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2025\/07\/Untitled-800-x-800-px.png?fit=800%2C800&ssl=1","width":800,"height":800},{"@type":"BreadcrumbList","@id":"https:\/\/livresq.com\/faq\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Prima pagin\u0103","item":"https:\/\/livresq.com\/"},{"@type":"ListItem","position":2,"name":"FAQ"}]},{"@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":"ro-RO"},{"@type":"Organization","@id":"https:\/\/livresq.com\/en\/#organization","name":"LIVRESQ - Authoring Tool","url":"https:\/\/livresq.com\/en\/","logo":{"@type":"ImageObject","inLanguage":"ro-RO","@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\/ro\/wp-json\/wp\/v2\/pages\/20268","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/livresq.com\/ro\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/livresq.com\/ro\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/livresq.com\/ro\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/livresq.com\/ro\/wp-json\/wp\/v2\/comments?post=20268"}],"version-history":[{"count":130,"href":"https:\/\/livresq.com\/ro\/wp-json\/wp\/v2\/pages\/20268\/revisions"}],"predecessor-version":[{"id":489593,"href":"https:\/\/livresq.com\/ro\/wp-json\/wp\/v2\/pages\/20268\/revisions\/489593"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/livresq.com\/ro\/wp-json\/wp\/v2\/media\/403601"}],"wp:attachment":[{"href":"https:\/\/livresq.com\/ro\/wp-json\/wp\/v2\/media?parent=20268"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}