{"id":4237,"date":"2026-06-18T12:14:15","date_gmt":"2026-06-18T12:14:15","guid":{"rendered":"https:\/\/earlyasd.eu\/web\/?page_id=4237"},"modified":"2026-06-18T12:26:16","modified_gmt":"2026-06-18T12:26:16","slug":"unelte-si-platforme","status":"publish","type":"page","link":"https:\/\/earlyasd.eu\/web\/ro\/unelte-si-platforme\/","title":{"rendered":"Unelte \u0219i platforme"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\r\n\r\n\r\n\r\n\r\nInstrumente \u0219i platforme digitale pentru pove\u0219ti sociale | EarlyASD<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Serif+Display:ital@0;1&family=Montserrat:wght@700;800&family=Nunito:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n\/* ===== EARLYASD TOOLS & PLATFORMS PAGE =====\r\n Scoped under .earlyasd-hub to avoid Elementor\/WP conflicts\r\n ============================================= *\/\r\n\r\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n.earlyasd-hub {\r\n --pink: #d20859;\r\n --pink-hover: #ed166d;\r\n --pink-soft: #fce8f0;\r\n --bg: #ffffff;\r\n --bg-alt: #f8f9fa;\r\n --bg-card: #ffffff;\r\n --text: #2a2a2a;\r\n --text-muted: #6b6b6b;\r\n --text-light: #a0a0a0;\r\n --border: #e4e4e4;\r\n --radius: 16px;\r\n --radius-sm: 10px;\r\n --radius-pill: 100px;\r\n font-family: 'Nunito', sans-serif;\r\n color: var(--text);\r\n background: var(--bg);\r\n line-height: 1.65;\r\n font-size: 16px;\r\n}\r\n\r\n\/* ---- Typography ---- *\/\r\n.earlyasd-hub h2,\r\n.earlyasd-hub h3 { font-family: 'DM Serif Display', serif; line-height: 1.2; }\r\n\r\n\/* Hero h1 uses Montserrat *\/\r\n.earlyasd-hub .hub-hero h1 {\r\n font-family: 'Montserrat', sans-serif;\r\n font-weight: 800;\r\n font-size: clamp(28px, 5vw, 50px);\r\n color: var(--text);\r\n margin-bottom: 18px;\r\n line-height: 1.15;\r\n}\r\n.earlyasd-hub .hub-hero h1 span { color: var(--pink); }\r\n\r\n\/* Section headings use Montserrat *\/\r\n.earlyasd-hub .hub-section-header h2,\r\n.earlyasd-hub .hub-choose h2,\r\n.earlyasd-hub .hub-principles h3 {\r\n font-family: 'Montserrat', sans-serif;\r\n font-weight: 800;\r\n line-height: 1.2;\r\n}\r\n\r\n\/* ===== HERO ===== *\/\r\n.earlyasd-hub .hub-hero {\r\n background: #ffffff;\r\n border-bottom: 1px solid var(--border);\r\n padding: 64px 24px 52px;\r\n}\r\n.earlyasd-hub .hub-hero-inner {\r\n max-width: 860px; margin: 0 auto; text-align: center;\r\n}\r\n.earlyasd-hub .hub-hero-badge {\r\n display: inline-flex; align-items: center; gap: 6px;\r\n background: var(--pink-soft); color: var(--pink);\r\n padding: 6px 16px; border-radius: var(--radius-pill);\r\n font-size: 12.5px; font-weight: 800; letter-spacing: .6px;\r\n text-transform: uppercase; margin-bottom: 20px;\r\n}\r\n.earlyasd-hub .hub-hero-desc {\r\n font-size: 16.5px; color: var(--text-muted); max-width: 680px;\r\n margin: 0 auto 32px; font-weight: 500;\r\n}\r\n.earlyasd-hub .hub-hero-stats {\r\n display: flex; justify-content: center; gap: 20px; flex-wrap: wrap;\r\n}\r\n.earlyasd-hub .hub-stat {\r\n text-align: center; padding: 14px 22px;\r\n background: #fff; border: 1px solid var(--border);\r\n border-radius: var(--radius);\r\n}\r\n.earlyasd-hub .hub-stat-num {\r\n display: block; font-family: 'DM Serif Display', serif;\r\n font-size: 30px; color: var(--pink); line-height: 1;\r\n}\r\n.earlyasd-hub .hub-stat-label {\r\n font-size: 12px; color: var(--text-muted); font-weight: 700;\r\n text-transform: uppercase; letter-spacing: .5px; margin-top: 4px;\r\n}\r\n\r\n\/* ===== SECTION WRAPPER ===== *\/\r\n.earlyasd-hub .hub-section {\r\n max-width: 1200px; margin: 0 auto; padding: 60px 24px 48px;\r\n}\r\n.earlyasd-hub .hub-section-header { margin-bottom: 32px; }\r\n.earlyasd-hub .hub-section-label {\r\n display: inline-flex; align-items: center; gap: 8px;\r\n font-size: 11.5px; font-weight: 800; letter-spacing: .8px;\r\n text-transform: uppercase; color: var(--pink); margin-bottom: 8px;\r\n}\r\n.earlyasd-hub .hub-section-label span {\r\n display: inline-block; width: 26px; height: 2px;\r\n background: var(--pink); border-radius: 2px;\r\n}\r\n.earlyasd-hub .hub-section-header h2 {\r\n font-size: clamp(22px, 3.5vw, 36px); color: var(--text); margin-bottom: 8px;\r\n}\r\n.earlyasd-hub .hub-section-header p {\r\n font-size: 15.5px; color: var(--text-muted); max-width: 680px; font-weight: 500;\r\n}\r\n.earlyasd-hub .section-divider {\r\n border: none; border-top: 1px solid var(--border); margin: 0;\r\n}\r\n\r\n\/* ===== HOW TO CHOOSE ===== *\/\r\n.earlyasd-hub .hub-choose {\r\n background: #fff; border: 1px solid var(--border);\r\n border-radius: var(--radius); padding: 36px 40px;\r\n overflow: hidden; position: relative;\r\n}\r\n.earlyasd-hub .hub-choose::before {\r\n content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px;\r\n background: linear-gradient(90deg, var(--pink), #ff6b9d, #b366cc);\r\n}\r\n.earlyasd-hub .hub-choose h2 { font-size: 24px; margin-bottom: 6px; }\r\n.earlyasd-hub .hub-choose > p {\r\n color: var(--text-muted); margin-bottom: 24px; font-size: 14.5px; font-weight: 500;\r\n}\r\n.earlyasd-hub .choose-grid {\r\n display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 14px;\r\n}\r\n.earlyasd-hub .choose-item {\r\n background: #fff; border: 1px solid var(--border);\r\n border-radius: var(--radius-sm); padding: 18px 16px;\r\n}\r\n.earlyasd-hub .choose-icon { font-size: 26px; margin-bottom: 8px; display: block; }\r\n.earlyasd-hub .choose-item h4 {\r\n font-size: 13.5px; font-weight: 800; color: var(--text); margin-bottom: 5px;\r\n}\r\n.earlyasd-hub .choose-item p {\r\n font-size: 12.5px; color: var(--text-muted); line-height: 1.5; font-weight: 500;\r\n}\r\n\r\n\/* ===== CARDS GRID ===== *\/\r\n.earlyasd-hub .hub-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));\r\n gap: 22px;\r\n}\r\n\r\n\/* ===== BASE CARD \u2014 no hover effect ===== *\/\r\n.earlyasd-hub .hub-card {\r\n background: var(--bg-card);\r\n border-radius: var(--radius);\r\n overflow: hidden;\r\n display: flex; flex-direction: column;\r\n animation: cardIn .35s ease both;\r\n}\r\n@keyframes cardIn {\r\n from { opacity: 0; transform: translateY(10px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n}\r\n.earlyasd-hub .hub-card.hidden { display: none; }\r\n\r\n\/* Top stripe *\/\r\n.earlyasd-hub .card-stripe { height: 5px; width: 100%; flex-shrink: 0; }\r\n\r\n.earlyasd-hub .card-header {\r\n padding: 20px 20px 0;\r\n display: flex; align-items: flex-start; gap: 13px;\r\n}\r\n.earlyasd-hub .card-icon {\r\n width: 50px; height: 50px; border-radius: 11px;\r\n display: flex; align-items: center; justify-content: center;\r\n font-size: 22px; flex-shrink: 0;\r\n}\r\n.earlyasd-hub .card-title-area { flex: 1; }\r\n.earlyasd-hub .card-category {\r\n display: inline-block; padding: 3px 10px;\r\n border-radius: var(--radius-pill); font-size: 10.5px; font-weight: 800;\r\n letter-spacing: .5px; text-transform: uppercase; margin-bottom: 5px;\r\n}\r\n.earlyasd-hub .card-title {\r\n font-size: 16.5px; font-weight: 800; color: var(--text); line-height: 1.25;\r\n}\r\n.earlyasd-hub .card-body { padding: 13px 20px 0; flex: 1; }\r\n.earlyasd-hub .card-desc {\r\n font-size: 13.5px; color: var(--text-muted); line-height: 1.65;\r\n font-weight: 500; margin-bottom: 12px;\r\n}\r\n\r\n\/* Expandable detail *\/\r\n.earlyasd-hub .card-expand-btn {\r\n background: none; border: none; cursor: pointer;\r\n color: var(--pink); font-size: 12.5px; font-weight: 700;\r\n font-family: 'Nunito', sans-serif; padding: 0;\r\n display: flex; align-items: center; gap: 4px; margin-bottom: 10px;\r\n transition: color .2s;\r\n}\r\n.earlyasd-hub .card-expand-btn:hover { color: var(--pink-hover); }\r\n.earlyasd-hub .card-expand-btn:focus { outline: 2px solid var(--pink); outline-offset: 2px; border-radius: 4px; }\r\n.earlyasd-hub .card-expand-btn svg { transition: transform .22s; }\r\n.earlyasd-hub .card-expand-btn.open svg { transform: rotate(180deg); }\r\n.earlyasd-hub .card-detail {\r\n display: none; font-size: 13px; color: var(--text-muted);\r\n background: var(--bg-alt); border-radius: var(--radius-sm);\r\n padding: 13px 15px; margin-bottom: 12px; line-height: 1.6;\r\n font-weight: 500; border-left: 3px solid var(--pink);\r\n}\r\n.earlyasd-hub .card-detail.open { display: block; }\r\n\r\n\/* Badges *\/\r\n.earlyasd-hub .card-badges { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 14px; }\r\n.earlyasd-hub .badge {\r\n display: inline-flex; align-items: center; gap: 4px;\r\n padding: 3px 9px; border-radius: var(--radius-pill);\r\n font-size: 10.5px; font-weight: 800; letter-spacing: .2px;\r\n}\r\n.earlyasd-hub .badge-visual { background: #e8f4ff; color: #1a6abf; }\r\n.earlyasd-hub .badge-ai { background: #f0e8ff; color: #7c3aed; }\r\n.earlyasd-hub .badge-beginner { background: #e8fff2; color: #0a7a3c; }\r\n.earlyasd-hub .badge-interactive { background: #fff3e8; color: #c45600; }\r\n.earlyasd-hub .badge-coding { background: #e8fcff; color: #0a6978; }\r\n.earlyasd-hub .badge-animation { background: #ffeef8; color: #b0197a; }\r\n.earlyasd-hub .badge-photo { background: #fff8e8; color: #8a6400; }\r\n.earlyasd-hub .badge-creative { background: #f3ffe8; color: #4a7a0a; }\r\n.earlyasd-hub .badge-freeplan { background: #f0f8ff; color: #1a6abf; }\r\n\r\n\/* Card footer *\/\r\n.earlyasd-hub .card-links {\r\n padding: 14px 20px 20px;\r\n display: flex; flex-wrap: wrap; gap: 8px;\r\n border-top: 1px solid var(--border);\r\n margin-top: auto;\r\n}\r\n\r\n\/* ===== BUTTONS ===== *\/\r\n.earlyasd-hub .card-btn {\r\n display: inline-flex; align-items: center; gap: 5px;\r\n padding: 8px 17px; border-radius: var(--radius-pill);\r\n font-size: 12.5px; font-weight: 800; text-decoration: none;\r\n background: var(--pink); color: #fff;\r\n transition: background .2s, transform .15s, box-shadow .2s;\r\n font-family: 'Nunito', sans-serif; border: none; cursor: pointer;\r\n letter-spacing: .2px;\r\n}\r\n.earlyasd-hub .card-btn:hover,\r\n.earlyasd-hub .card-btn:focus {\r\n background: var(--pink-hover);\r\n transform: translateY(-2px);\r\n box-shadow: 0 5px 18px rgba(210,8,89,.28);\r\n outline: none;\r\n}\r\n.earlyasd-hub .card-btn:focus-visible {\r\n outline: 3px solid var(--pink); outline-offset: 3px;\r\n}\r\n.earlyasd-hub .card-btn-outline {\r\n background: transparent; color: var(--pink);\r\n border: 1.5px solid var(--pink);\r\n}\r\n.earlyasd-hub .card-btn-outline:hover,\r\n.earlyasd-hub .card-btn-outline:focus {\r\n background: var(--pink); color: #fff;\r\n}\r\n\r\n\/* ===== NO RESULTS ===== *\/\r\n.earlyasd-hub .no-results {\r\n display: none; text-align: center; padding: 48px 24px; grid-column: 1 \/ -1;\r\n}\r\n.earlyasd-hub .no-results.show { display: block; }\r\n.earlyasd-hub .no-results p { font-size: 15px; color: var(--text-muted); font-weight: 600; }\r\n\r\n\/* ===== DESIGN PRINCIPLES ===== *\/\r\n.earlyasd-hub .hub-principles {\r\n background: #fff; border: 1px solid var(--border);\r\n border-radius: var(--radius); padding: 36px 40px;\r\n position: relative; overflow: hidden;\r\n}\r\n.earlyasd-hub .hub-principles::before {\r\n content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px;\r\n background: linear-gradient(90deg, #9147d9, var(--pink), #f0820a);\r\n}\r\n.earlyasd-hub .hub-principles h3 { font-size: 20px; margin-bottom: 5px; }\r\n.earlyasd-hub .hub-principles > p {\r\n font-size: 14px; color: var(--text-muted); margin-bottom: 20px;\r\n}\r\n.earlyasd-hub .principles-list {\r\n display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 10px;\r\n}\r\n.earlyasd-hub .principle-item {\r\n background: var(--bg-alt); border: 1px solid var(--border);\r\n border-radius: var(--radius-sm); padding: 13px 15px;\r\n display: flex; align-items: flex-start; gap: 9px;\r\n}\r\n.earlyasd-hub .principle-dot {\r\n width: 7px; height: 7px; border-radius: 50%;\r\n background: var(--pink); flex-shrink: 0; margin-top: 6px;\r\n}\r\n.earlyasd-hub .principle-item p {\r\n font-size: 12.5px; color: var(--text-muted); font-weight: 600; line-height: 1.45;\r\n}\r\n\r\n\/* ===== RESPONSIVE ===== *\/\r\n@media (max-width: 768px) {\r\n .earlyasd-hub .hub-hero { padding: 44px 16px 36px; }\r\n .earlyasd-hub .hub-section { padding: 36px 16px 28px; }\r\n .earlyasd-hub .hub-choose { padding: 24px 18px; }\r\n .earlyasd-hub .hub-grid { grid-template-columns: 1fr; }\r\n .earlyasd-hub .hub-hero-stats { gap: 12px; }\r\n .earlyasd-hub .hub-principles { padding: 22px 18px; }\r\n}\r\n\r\n\/* =======================================================\r\n CARD THEMES\r\n ======================================================= *\/\r\n\r\n\/* ---- VIDEO (red) ---- *\/\r\n.earlyasd-hub .hub-card.theme-video {\r\n border: 1px solid rgba(230,57,80,.30);\r\n}\r\n.earlyasd-hub .hub-card.theme-video .card-stripe { background: linear-gradient(90deg,#e63950,#ff7b6b); }\r\n.earlyasd-hub .hub-card.theme-video .card-icon { background: #fff0f2; }\r\n.earlyasd-hub .hub-card.theme-video .card-category { background: #fff0f2; color: #c0323f; }\r\n\r\n\/* ---- PHOTO (amber) ---- *\/\r\n.earlyasd-hub .hub-card.theme-photo {\r\n border: 1px solid rgba(240,130,10,.28);\r\n}\r\n.earlyasd-hub .hub-card.theme-photo .card-stripe { background: linear-gradient(90deg,#f0820a,#ffc346); }\r\n.earlyasd-hub .hub-card.theme-photo .card-icon { background: #fff7ee; }\r\n.earlyasd-hub .hub-card.theme-photo .card-category { background: #fff7ee; color: #a05800; }\r\n\r\n\/* ---- ILLUSTRATION (purple) ---- *\/\r\n.earlyasd-hub .hub-card.theme-illus {\r\n border: 1px solid rgba(145,71,217,.25);\r\n}\r\n.earlyasd-hub .hub-card.theme-illus .card-stripe { background: linear-gradient(90deg,#9147d9,#c97af9); }\r\n.earlyasd-hub .hub-card.theme-illus .card-icon { background: #f7eeff; }\r\n.earlyasd-hub .hub-card.theme-illus .card-category { background: #f7eeff; color: #7030ba; }\r\n\r\n\/* ---- STOP-MOTION (green) ---- *\/\r\n.earlyasd-hub .hub-card.theme-stop {\r\n border: 1px solid rgba(26,158,98,.25);\r\n}\r\n.earlyasd-hub .hub-card.theme-stop .card-stripe { background: linear-gradient(90deg,#1a9e62,#5cd98a); }\r\n.earlyasd-hub .hub-card.theme-stop .card-icon { background: #edfff5; }\r\n.earlyasd-hub .hub-card.theme-stop .card-category { background: #edfff5; color: #127a4a; }\r\n\r\n\/* ---- 2D\/3D ANIMATION (blue) ---- *\/\r\n.earlyasd-hub .hub-card.theme-anim {\r\n border: 1px solid rgba(26,111,212,.25);\r\n}\r\n.earlyasd-hub .hub-card.theme-anim .card-stripe { background: linear-gradient(90deg,#1a6fd4,#5ca8ff); }\r\n.earlyasd-hub .hub-card.theme-anim .card-icon { background: #eef5ff; }\r\n.earlyasd-hub .hub-card.theme-anim .card-category { background: #eef5ff; color: #1550a0; }\r\n\r\n\/* ---- CODING (teal) ---- *\/\r\n.earlyasd-hub .hub-card.theme-code {\r\n border: 1px solid rgba(10,138,158,.25);\r\n}\r\n.earlyasd-hub .hub-card.theme-code .card-stripe { background: linear-gradient(90deg,#0a8a9e,#2ed8f0); }\r\n.earlyasd-hub .hub-card.theme-code .card-icon { background: #e8fdff; }\r\n.earlyasd-hub .hub-card.theme-code .card-category { background: #e8fdff; color: #0a6978; }\r\n\r\n\/* ---- AI (violet) ---- *\/\r\n.earlyasd-hub .hub-card.theme-ai {\r\n border: 1px solid rgba(107,47,160,.22);\r\n}\r\n.earlyasd-hub .hub-card.theme-ai .card-stripe { background: linear-gradient(90deg,#6b2fa0,#d450ff); }\r\n.earlyasd-hub .hub-card.theme-ai .card-icon { background: #f5e8ff; }\r\n.earlyasd-hub .hub-card.theme-ai .card-category { background: #f5e8ff; color: #5c1a8a; }\r\n\r\n\/* ---- TOOL \/ GENERIC (pink) ---- *\/\r\n.earlyasd-hub .hub-card.theme-tool {\r\n border: 1px solid rgba(210,8,89,.22);\r\n}\r\n.earlyasd-hub .hub-card.theme-tool .card-stripe { background: linear-gradient(90deg,#d20859,#ff7abf); }\r\n.earlyasd-hub .hub-card.theme-tool .card-icon { background: #fce8f0; }\r\n.earlyasd-hub .hub-card.theme-tool .card-category { background: #fce8f0; color: #a00040; }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"earlyasd-hub\" id=\"earlyasd-top\">\r\n\r\n <!-- ===== HERO ===== -->\r\n <header class=\"hub-hero\">\r\n <div class=\"hub-hero-inner\">\r\n <div class=\"hub-hero-badge\">\r\n <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n EarlyASD \u00b7 Hub de Resurse Educa\u021bionale\r\n <\/div>\r\n <h1>Instrumente \u0219i platforme digitale<br><span>pentru pove\u0219ti sociale<\/span><\/h1>\r\n <p class=\"hub-hero-desc\">\r\n Pove\u0219tile Sociale Digitale folosesc elemente multimedia, imagini, audio, anima\u021bie \u0219i interactivitate pentru a ajuta copiii cu tulburare de spectru autist s\u0103 \u00een\u021beleag\u0103 \u0219i s\u0103 navigheze \u00een situa\u021biile sociale. Acest hub selectat reune\u0219te multe formate, instrumente \u0219i tutoriale de care ai nevoie pentru a crea pove\u0219ti eficiente \u0219i captivante pentru clas\u0103.\r\n <\/p>\r\n \r\n <\/div>\r\n \r\n <\/header>\r\n\r\n <!-- ===== HOW TO CHOOSE ===== -->\r\n <section id=\"section-choose\" aria-labelledby=\"choose-heading\">\r\n <div class=\"hub-section\" style=\"padding-bottom:0;\">\r\n <div class=\"hub-choose\">\r\n <h2 id=\"choose-heading\">Cum s\u0103 alegi un format de poveste<\/h2>\r\n <p>Elevii diferi\u021bi beneficiaz\u0103 de abord\u0103ri diferite. Folose\u0219te acest ghid rapid pentru a g\u0103si cea mai bun\u0103 potrivire nevoilor elevului sau copilului t\u0103u, nivelului t\u0103u de confort tehnic \u0219i contextului din clas\u0103.<\/p>\r\n <div class=\"choose-grid\">\r\n <div class=\"choose-item\"><span class=\"choose-icon\">\ud83c\udfac<\/span><h4>Bazat pe video<\/h4><p>Este bun pentru cei care \u00eenva\u021b\u0103 \u00een mod concret \u0219i beneficiaz\u0103 de a vedea modele reale de urmat \u0219i persoane familiare care demonstreaz\u0103 comportamente.<\/p><\/div>\r\n <div class=\"choose-item\"><span class=\"choose-icon\">\ud83d\udcf7<\/span><h4>Bazat pe fotografie<\/h4><p>Ideal pentru \u00eencep\u0103tori \u0219i pentru cei care \u00eenva\u021b\u0103 vizual. Excelent atunci c\u00e2nd folose\u0219ti fotografii reale din clas\u0103 pentru a crea familiaritate \u0219i context.<\/p><\/div>\r\n <div class=\"choose-item\"><span class=\"choose-icon\">\ud83c\udfa8<\/span><h4>Bazat pe ilustra\u021bii<\/h4><p>Func\u021bioneaz\u0103 cel mai bine atunci c\u00e2nd imaginile simplificate ajut\u0103 la reducerea distragerilor, ideal pentru copiii care g\u0103sesc fotografiile reale cople\u0219itoare.<\/p><\/div>\r\n <div class=\"choose-item\"><span class=\"choose-icon\">\ud83e\uddf8<\/span><h4>Stop-motion<\/h4><p>Foarte captivant pentru educatorii creativi. Folose\u0219te obiecte familiare pentru a face pa\u0219ii sociali abstrac\u021bi palpabili \u0219i distractivi, de\u0219i este greu de preg\u0103tit.<\/p><\/div>\r\n <div class=\"choose-item\"><span class=\"choose-icon\">\u2728<\/span><h4>Anima\u021bie 2D\/3D<\/h4><p>Ideal pentru copiii care r\u0103spund bine la personaje stilizate \u0219i la pu\u021bin\u0103 mi\u0219care. Cel mai popular format online.<\/p><\/div>\r\n <div class=\"choose-item\"><span class=\"choose-icon\">\ud83d\udcbb<\/span><h4>Bazat pe codare<\/h4><p>Perfect pentru educatorii curio\u0219i de tehnologie care doresc s\u0103 creeze materiale interactive. Sus\u021bine participarea activ\u0103 \u0219i controlul.<\/p><\/div>\r\n <div class=\"choose-item\"><span class=\"choose-icon\">\ud83e\udd16<\/span><h4>Asistat de AI<\/h4><p>Este cel mai potrivit atunci c\u00e2nd educatorii au nevoie rapid de un punct de plecare. Revizuie\u0219te \u0219i personalizeaz\u0103 \u00eentotdeauna rezultatele AI pentru fiecare copil.<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <main id=\"main-content\">\r\n\r\n <!-- ===== SECTION 1 : FORMATS ===== -->\r\n <section id=\"section-formats\" aria-labelledby=\"formats-heading\">\r\n <div class=\"hub-section\">\r\n <div class=\"hub-section-header\">\r\n <div class=\"hub-section-label\"><span><\/span>Sec\u021biunea 1<\/div>\r\n <h2 id=\"formats-heading\">Formate digitale de pove\u0219ti sociale<\/h2>\r\n <p>\u0218apte formate de povestire bazate pe dovezi pentru a sus\u021bine \u00eenv\u0103\u021barea socio-emo\u021bional\u0103 \u2014 de la secven\u021be foto simple p\u00e2n\u0103 la nara\u021biuni interactive generate de AI.<\/p>\r\n <\/div>\r\n <div class=\"hub-grid\" id=\"formatsGrid\">\r\n\r\n <!-- VIDEO -->\r\n <article class=\"hub-card theme-video\" data-section=\"format\" data-tags=\"video visual beginner\" aria-label=\"Pove\u0219ti sociale bazate pe video\">\r\n <div class=\"card-stripe\"><\/div>\r\n <div class=\"card-header\">\r\n <div class=\"card-icon\">\ud83c\udfac<\/div>\r\n <div class=\"card-title-area\">\r\n <span class=\"card-category\">Video<\/span>\r\n <h3 class=\"card-title\">Pove\u0219ti sociale bazate pe video<\/h3>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <p class=\"card-desc\">Videoclipuri scurte \u00eenregistrate pe telefoane, tablete sau camere, combinate cu editare video de baz\u0103 pentru a demonstra comportamente sociale, rutine \u0219i a\u0219tept\u0103ri prin modele reale de urmat.<\/p>\r\n <button class=\"card-expand-btn\" aria-expanded=\"false\">\r\n <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" aria-hidden=\"true\"><path d=\"m6 9 6 6 6-6\"\/><\/svg>\r\n Sfaturi pedagogice\r\n <\/button>\r\n <div class=\"card-detail\">\r\n <strong>C\u00e2nd s\u0103 folose\u0219ti:<\/strong> Cel mai potrivit pentru cei care \u00eenva\u021b\u0103 \u00een mod concret \u0219i beneficiaz\u0103 de a vedea persoane familiare \u00een medii reale. Modelarea video este extrem de eficient\u0103 pentru a demonstra anumite comportamente sociale. Asigur\u0103-te c\u0103 ritmul este lent \u0219i c\u0103 nara\u021biunea se potrive\u0219te clar cu ac\u021biunea de pe ecran.\r\n <\/div>\r\n <div class=\"card-badges\">\r\n <span class=\"badge badge-visual\">\ud83d\udcf7 Vizual<\/span>\r\n <span class=\"badge badge-beginner\">\u2705 Prietenos cu \u00eencep\u0103torii<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-links\">\r\n <a href=\"https:\/\/www.youtube.com\/watch?v=KiZSUcnyyzw\" target=\"_blank\" rel=\"noopener\" class=\"card-btn\">\u25b6 Urm\u0103re\u0219te exemplul<\/a>\r\n <a href=\"https:\/\/www.youtube.com\/@socialstories9001\" target=\"_blank\" rel=\"noopener\" class=\"card-btn card-btn-outline\">\ud83c\udf10 Afl\u0103 mai multe<\/a>\r\n <\/div>\r\n <\/article>\r\n\r\n <!-- PHOTO -->\r\n <article class=\"hub-card theme-photo\" data-section=\"format\" data-tags=\"photo visual beginner\" aria-label=\"Pove\u0219ti sociale bazate pe fotografii\">\r\n <div class=\"card-stripe\"><\/div>\r\n <div class=\"card-header\">\r\n <div class=\"card-icon\">\ud83d\udcf7<\/div>\r\n <div class=\"card-title-area\">\r\n <span class=\"card-category\">Fotografie<\/span>\r\n <h3 class=\"card-title\">Pove\u0219ti sociale bazate pe fotografii<\/h3>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <p class=\"card-desc\">Cunoscute \u0219i sub denumirea de pove\u0219ti foto-voce, fotografiile reale din mediul copilului sunt aranjate secven\u021bial \u0219i combinate cu nara\u021biune vocal\u0103 folosind software simplu de prezentare sau editare video.<\/p>\r\n <button class=\"card-expand-btn\" aria-expanded=\"false\">\r\n <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" aria-hidden=\"true\"><path d=\"m6 9 6 6 6-6\"\/><\/svg>\r\n Sfaturi pedagogice\r\n <\/button>\r\n <div class=\"card-detail\">\r\n <strong>C\u00e2nd s\u0103 folose\u0219ti:<\/strong> Recomandat pentru \u00eencep\u0103tori \u0219i pentru cei care \u00eenva\u021b\u0103 \u00een mod foarte concret. Folosirea fotografiilor reale din clas\u0103 cre\u0219te relevan\u021ba personal\u0103. Aranjeaz\u0103 secven\u021bial, \u00eenregistreaz\u0103 nara\u021biunea pentru fiecare fotografie \u0219i, op\u021bional, adaug\u0103 muzic\u0103 de fundal bl\u00e2nd\u0103 la volum mic.\r\n <\/div>\r\n <div class=\"card-badges\">\r\n <span class=\"badge badge-photo\">\ud83d\uddbc Pe baz\u0103 de fotografie<\/span>\r\n <span class=\"badge badge-beginner\">\u2705 Prietenos cu \u00eencep\u0103torii<\/span>\r\n <span class=\"badge badge-visual\">\ud83d\udcf7 Vizual<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-links\">\r\n <a href=\"https:\/\/undivided.io\/resources\/undivideds-school-visual-stories-library-3224\" target=\"_blank\" rel=\"noopener\" class=\"card-btn\">\ud83d\udcda Vezi Biblioteca de Resurse<\/a>\r\n <\/div>\r\n <\/article>\r\n\r\n <!-- ILLUSTRATION -->\r\n <article class=\"hub-card theme-illus\" data-section=\"format\" data-tags=\"illustration visual creative\" aria-label=\"Pove\u0219ti sociale bazate pe ilustra\u021bii\">\r\n <div class=\"card-stripe\"><\/div>\r\n <div class=\"card-header\">\r\n <div class=\"card-icon\">\ud83c\udfa8<\/div>\r\n <div class=\"card-title-area\">\r\n <span class=\"card-category\">Ilustra\u021bie<\/span>\r\n <h3 class=\"card-title\">Pove\u0219ti sociale bazate pe ilustra\u021bii<\/h3>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <p class=\"card-desc\">Desenele sau imaginile ilustrate, create de profesori, din biblioteci de ilustra\u021bii sau cu instrumente digitale de desen, \u00eenlocuiesc fotografiile reale pentru a simplifica mediile, a eviden\u021bia emo\u021biile cheie \u0219i a reduce distragerile vizuale.<\/p>\r\n <button class=\"card-expand-btn\" aria-expanded=\"false\">\r\n <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" aria-hidden=\"true\"><path d=\"m6 9 6 6 6-6\"\/><\/svg>\r\n Sfaturi pedagogice\r\n <\/button>\r\n <div class=\"card-detail\">\r\n <strong>C\u00e2nd s\u0103 folose\u0219ti:<\/strong> Deosebit de util pentru copiii care g\u0103sesc fotografiile reale deranjante sau r\u0103spund mai bine la imagini stilizate, simbolice. Ofer\u0103 o flexibilitate mai mare \u2014 po\u021bi simplifica fundalurile \u0219i po\u021bi pune accent pe ac\u021biunile cheie. Combin\u0103 cu nara\u021biune audio pentru suport maxim.\r\n <\/div>\r\n <div class=\"card-badges\">\r\n <span class=\"badge badge-visual\">\ud83d\udcf7 Vizual<\/span>\r\n <span class=\"badge badge-creative\">\ud83c\udfa8 Creativ<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-links\">\r\n <a href=\"https:\/\/www.youtube.com\/playlist?list=PLOUQCTegHBlxCsZcKlDe3TLwh3ZvQ1SXf\" target=\"_blank\" rel=\"noopener\" class=\"card-btn\">\u25b6 Urm\u0103re\u0219te exemplul<\/a>\r\n <a href=\"https:\/\/autismlittlelearners.com\/autism-little-learners-social-stories\/\" target=\"_blank\" rel=\"noopener\" class=\"card-btn card-btn-outline\">\ud83c\udf10 Afl\u0103 mai multe<\/a>\r\n <\/div>\r\n <\/article>\r\n\r\n <!-- STOP-MOTION -->\r\n <article class=\"hub-card theme-stop\" data-section=\"format\" data-tags=\"stop-motion animation creative tactile\" aria-label=\"Pove\u0219ti de anima\u021bie stop-motion\">\r\n <div class=\"card-stripe\"><\/div>\r\n <div class=\"card-header\">\r\n <div class=\"card-icon\">\ud83e\uddf8<\/div>\r\n <div class=\"card-title-area\">\r\n <span class=\"card-category\">Stop-motion<\/span>\r\n <h3 class=\"card-title\">Pove\u0219ti de anima\u021bie stop-motion<\/h3>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <p class=\"card-desc\">Scene construite cu obiecte fizice, juc\u0103rii, figurine de plastilin\u0103 sau obiecte casnice, fotografiate cadru cu cadru. Combinate \u00eentr-un videoclip, obiectele par s\u0103 se mi\u0219te, f\u0103c\u00e2nd rutinele abstracte tangibile \u0219i captivante.<\/p>\r\n <button class=\"card-expand-btn\" aria-expanded=\"false\">\r\n <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" aria-hidden=\"true\"><path d=\"m6 9 6 6 6-6\"\/><\/svg>\r\n Sfaturi pedagogice\r\n <\/button>\r\n <div class=\"card-detail\">\r\n <strong>C\u00e2nd s\u0103 folose\u0219ti:<\/strong> Este creativ \u0219i consumator de timp, dar versiunile simplificate demonstreaz\u0103 eficient ac\u021biuni \u0219i rutine de baz\u0103. Deosebit de captivant pentru cei care \u00eenva\u021b\u0103 prin tactil. Planific\u0103-\u021bi scenariul cu aten\u021bie \u0219i f\u0103 mai multe poze \u00eentre fiecare mi\u0219care mic\u0103.\r\n <\/div>\r\n <div class=\"card-badges\">\r\n <span class=\"badge badge-creative\">\ud83c\udfa8 Creativ<\/span>\r\n <span class=\"badge badge-animation\">\u2728 Anima\u021bie<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-links\">\r\n <a href=\"https:\/\/www.youtube.com\/watch?v=kyLCPeHI1Ic\" target=\"_blank\" rel=\"noopener\" class=\"card-btn\">\u25b6 Urm\u0103re\u0219te exemplul<\/a>\r\n <a href=\"https:\/\/www.youtube.com\/@launchpodlittlelearners6384\" target=\"_blank\" rel=\"noopener\" class=\"card-btn card-btn-outline\">\ud83c\udf10 Afl\u0103 mai multe<\/a>\r\n <\/div>\r\n <\/article>\r\n\r\n <!-- 2D\/3D -->\r\n <article class=\"hub-card theme-anim\" data-section=\"format\" data-tags=\"animation 2d 3d visual\" aria-label=\"Pove\u0219ti animate 2D \u0219i 3D\">\r\n <div class=\"card-stripe\"><\/div>\r\n <div class=\"card-header\">\r\n <div class=\"card-icon\">\u2728<\/div>\r\n <div class=\"card-title-area\">\r\n <span class=\"card-category\">Anima\u021bie<\/span>\r\n <h3 class=\"card-title\">Pove\u0219ti animate 2D \u0219i 3D<\/h3>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <p class=\"card-desc\">Cel mai popular format online, personajele animate \u0219i scenele \u00eei ajut\u0103 pe copii s\u0103 interac\u021bioneze cu imagini stilizate \u0219i dinamice. Uneltele prietenoase de tip drag-and-drop fac crearea de anima\u021bii accesibil\u0103 chiar \u0219i pentru educatorii cu experien\u021b\u0103 tehnic\u0103 limitat\u0103.<\/p>\r\n <button class=\"card-expand-btn\" aria-expanded=\"false\">\r\n <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" aria-hidden=\"true\"><path d=\"m6 9 6 6 6-6\"\/><\/svg>\r\n Sfaturi pedagogice\r\n <\/button>\r\n <div class=\"card-detail\">\r\n <strong>C\u00e2nd s\u0103 folose\u0219ti:<\/strong> Deosebit de eficient pentru copiii mici care interac\u021bioneaz\u0103 mai u\u0219or cu imagini stilizate. Men\u021bine anima\u021biile lente \u0219i cu scop, evit\u0103 mi\u0219c\u0103rile rapide care pot provoca disconfort senzorial. Aliniaz\u0103 \u00eentotdeauna nara\u021biunea cu ac\u021biunile animate de pe ecran.\r\n <\/div>\r\n <div class=\"card-badges\">\r\n <span class=\"badge badge-animation\">\u2728 Anima\u021bie<\/span>\r\n <span class=\"badge badge-visual\">\ud83d\udcf7 Vizual<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-links\">\r\n <a href=\"https:\/\/www.youtube.com\/playlist?list=PLCCP2Vzt_o61i-cUnOdsuB5jIetXKQLY9\" target=\"_blank\" rel=\"noopener\" class=\"card-btn\">\u25b6 Urm\u0103re\u0219te exemplul<\/a>\r\n <a href=\"https:\/\/www.youtube.com\/@autismlearningworlds\" target=\"_blank\" rel=\"noopener\" class=\"card-btn card-btn-outline\">\ud83c\udf10 Afl\u0103 mai multe<\/a>\r\n <\/div>\r\n <\/article>\r\n\r\n <!-- CODING -->\r\n <article class=\"hub-card theme-code\" data-section=\"format\" data-tags=\"coding interactive scratch\" aria-label=\"Pove\u0219ti interactive bazate pe programare\">\r\n <div class=\"card-stripe\"><\/div>\r\n <div class=\"card-header\">\r\n <div class=\"card-icon\">\ud83d\udcbb<\/div>\r\n <div class=\"card-title-area\">\r\n <span class=\"card-category\">Codare<\/span>\r\n <h3 class=\"card-title\">Pove\u0219ti interactive bazate pe programare<\/h3>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <p class=\"card-desc\">Platforme precum Scratch, ScratchJr \u0219i Code.org permit educatorilor s\u0103 creeze pove\u0219ti interactive folosind codare bazat\u0103 pe blocuri \u2014 personajele se mi\u0219c\u0103, vorbesc \u0219i reac\u021bioneaz\u0103 la input-ul utilizatorilor, cre\u00e2nd experien\u021be de \u00eenv\u0103\u021bare semnificative de tip cauz\u0103-efect.<\/p>\r\n <button class=\"card-expand-btn\" aria-expanded=\"false\">\r\n <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" aria-hidden=\"true\"><path d=\"m6 9 6 6 6-6\"\/><\/svg>\r\n Sfaturi pedagogice\r\n <\/button>\r\n <div class=\"card-detail\">\r\n <strong>C\u00e2nd s\u0103 folose\u0219ti:<\/strong> Potrivit pentru educatorii curio\u0219i despre tehnologie, care apreciaz\u0103 programarea \u0219i doresc s\u0103 predea copiilor rela\u021bii cauz\u0103-efect. \u00cencepe cu ScratchJr (v\u00e2rstele 5\u20137); folose\u0219te Scratch dac\u0103 e\u0219ti mai bun la codare bazat\u0103 pe blocuri. Code.org ofer\u0103 cursuri structurate gratuite pentru educatori la toate nivelurile.\r\n <\/div>\r\n <div class=\"card-badges\">\r\n <span class=\"badge badge-interactive\">\ud83d\uddb1 Interactiv<\/span>\r\n <span class=\"badge badge-coding\">\ud83d\udcbb Codare<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-links\">\r\n <a href=\"https:\/\/scratch.mit.edu\/search\/projects?q=social%20stories\" target=\"_blank\" rel=\"noopener\" class=\"card-btn\">\ud83d\udd0d Vezi exemple<\/a>\r\n <a href=\"https:\/\/code.org\" target=\"_blank\" rel=\"noopener\" class=\"card-btn card-btn-outline\">\ud83c\udf10 Afl\u0103 mai multe<\/a>\r\n <\/div>\r\n <\/article>\r\n\r\n <!-- AI -->\r\n <article class=\"hub-card theme-ai\" data-section=\"format\" data-tags=\"ai interactive beginner\" aria-label=\"Instrumente de povestire asistate de AI\">\r\n <div class=\"card-stripe\"><\/div>\r\n <div class=\"card-header\">\r\n <div class=\"card-icon\">\ud83e\udd16<\/div>\r\n <div class=\"card-title-area\">\r\n <span class=\"card-category\">Asistat de AI<\/span>\r\n <h3 class=\"card-title\">Instrumente de povestire asistate de AI<\/h3>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <p class=\"card-desc\">Platformele sus\u021binute de AI genereaz\u0103 pove\u0219ti \u00een draft, linii narative \u0219i sugestii vizuale din prompturile educatorilor, oferind un punct de plecare rapid care poate fi apoi revizuit, editat \u0219i personalizat \u00een func\u021bie de nevoile individuale \u0219i nivelul lingvistic al fiec\u0103rui copil.<\/p>\r\n <button class=\"card-expand-btn\" aria-expanded=\"false\">\r\n <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" aria-hidden=\"true\"><path d=\"m6 9 6 6 6-6\"\/><\/svg>\r\n Sfaturi pedagogice\r\n <\/button>\r\n <div class=\"card-detail\">\r\n <strong>C\u00e2nd s\u0103 folose\u0219ti:<\/strong> Cel mai util c\u00e2nd profesorii au nevoie rapid de un draft de \u00eenceput. Revizuie\u0219te \u00eentotdeauna cu aten\u021bie con\u021binutul generat de AI, verific\u0103 limbajul, lungimea \u0219i alinierea mesajului cu profilul TSA al copilului. Folose\u0219te prompturi precise pentru cele mai relevante rezultate. Con\u021binutul AI nu trebuie niciodat\u0103 s\u0103 \u00eenlocuiasc\u0103 personalizarea.\r\n <\/div>\r\n <div class=\"card-badges\">\r\n <span class=\"badge badge-ai\">\ud83e\udd16 Alimentat de AI<\/span>\r\n <span class=\"badge badge-beginner\">\u2705 Prietenos cu \u00eencep\u0103torii<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-links\">\r\n <a href=\"https:\/\/ozzystory.com\/\" target=\"_blank\" rel=\"noopener\" class=\"card-btn\">\ud83c\udf10 Vezi platforma<\/a>\r\n <\/div>\r\n <\/article>\r\n\r\n <\/div><!-- \/#formatsGrid -->\r\n <\/div>\r\n <\/section>\r\n\r\n <hr class=\"section-divider\">\r\n\r\n <!-- ===== SECTION 2 : TOOLS ===== -->\r\n <section id=\"section-tools\" aria-labelledby=\"tools-heading\">\r\n <div class=\"hub-section\">\r\n <div class=\"hub-section-header\">\r\n <div class=\"hub-section-label\"><span><\/span>Sec\u021biunea 2<\/div>\r\n <h2 id=\"tools-heading\">Platforme, Unelte \u0219i Tutoriale<\/h2>\r\n <p>Opt unelte cu ghidare pas cu pas, videoclipuri tutorial \u0219i sfaturi pentru \u00eencep\u0103tori, de la software simplu de prezentare p\u00e2n\u0103 la generatoare de pove\u0219ti bazate pe AI.<\/p>\r\n <\/div>\r\n <div class=\"hub-grid\" id=\"toolsGrid\">\r\n\r\n <!-- GOOGLE SLIDES -->\r\n <article class=\"hub-card theme-tool\" data-section=\"tool\" data-tags=\"slides presentation beginner basic\" aria-label=\"Google Slides\">\r\n <div class=\"card-stripe\"><\/div>\r\n <div class=\"card-header\">\r\n <div class=\"card-icon\">\ud83d\udcca<\/div>\r\n <div class=\"card-title-area\">\r\n <span class=\"card-category\">Unealt\u0103 de baz\u0103<\/span>\r\n <h3 class=\"card-title\">Google Slides<\/h3>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <p class=\"card-desc\">Un instrument gratuit de prezentare bazat pe cloud, care permite educatorilor s\u0103 combine text, imagini \u0219i nara\u021biune audio \u00eentr-un format simplu \u0219i accesibil. Nu este nevoie de instalare, ideal pentru pove\u0219ti sociale structurate, slide cu slide.<\/p>\r\n <button class=\"card-expand-btn\" aria-expanded=\"false\">\r\n <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" aria-hidden=\"true\"><path d=\"m6 9 6 6 6-6\"\/><\/svg>\r\n Ghid pas cu pas\r\n <\/button>\r\n <div class=\"card-detail\">\r\n Creeaz\u0103 o nou\u0103 prezentare goal\u0103 \u2192 un slide pe pas de poveste \u2192 insereaz\u0103 imagini clare \u2192 adaug\u0103 propozi\u021bii scurte \u2192 folose\u0219te <em>Insert \u2192 Audio<\/em> pentru nara\u021biune \u2192 men\u021bine o structur\u0103 consecvent\u0103 \u2192 export\u0103 ca PDF sau video pentru o partajare u\u0219oar\u0103 cu familiile.\r\n <\/div>\r\n <div class=\"card-badges\">\r\n <span class=\"badge badge-beginner\">\u2705 Prietenos cu \u00eencep\u0103torii<\/span>\r\n <span class=\"badge badge-visual\">\ud83d\udcf7 Vizual<\/span>\r\n <span class=\"badge badge-freeplan\">\ud83c\udd93 Gratuit<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-links\">\r\n <a href=\"https:\/\/www.youtube.com\/watch?v=Y5q-ObSGQFY\" target=\"_blank\" rel=\"noopener\" class=\"card-btn\">\u25b6 Vezi tutorialul<\/a>\r\n <a href=\"https:\/\/www.youtube.com\/@SimonSezIT\" target=\"_blank\" rel=\"noopener\" class=\"card-btn card-btn-outline\">\ud83d\udcfa Vezi canalul<\/a>\r\n <\/div>\r\n <\/article>\r\n\r\n <!-- BOOK CREATOR -->\r\n <article class=\"hub-card theme-tool\" data-section=\"tool\" data-tags=\"book creator story beginner\" aria-label=\"Book Creator\">\r\n <div class=\"card-stripe\"><\/div>\r\n <div class=\"card-header\">\r\n <div class=\"card-icon\">\ud83d\udcd6<\/div>\r\n <div class=\"card-title-area\">\r\n <span class=\"card-category\">Platform\u0103 de poveste<\/span>\r\n <h3 class=\"card-title\">Book Creator<\/h3>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <p class=\"card-desc\">O platform\u0103 specializat\u0103 de povestire digital\u0103 cu layout-uri, personaje \u0219i \u0219abloane vizuale gata f\u0103cute. Educatorii cu experien\u021b\u0103 tehnic\u0103 limitat\u0103 pot produce pove\u0219ti rafinate \u0219i structurate rapid, cu nara\u021biune audio \u00eenregistrat\u0103 pe fiecare pagin\u0103.<\/p>\r\n <button class=\"card-expand-btn\" aria-expanded=\"false\">\r\n <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" aria-hidden=\"true\"><path d=\"m6 9 6 6 6-6\"\/><\/svg>\r\n Ghid pas cu pas\r\n <\/button>\r\n <div class=\"card-detail\">\r\n Creeaz\u0103 un cont gratuit \u2192 selecteaz\u0103 o machet\u0103 de carte potrivit\u0103 pentru copii \u2192 o pagin\u0103 pe pas de poveste \u2192 insereaz\u0103 imagini \u0219i icoane \u2192 tasteaz\u0103 propozi\u021bii scurte \u00een limbaj pozitiv \u2192 \u00eenregistreaz\u0103 nara\u021biunea audio direct pe fiecare pagin\u0103 \u2192 revizuie\u0219te adecvarea emo\u021bional\u0103 \u2192 \u00eemp\u0103rt\u0103\u0219e\u0219te-o digital sau export\u0103 ca video\/PDF.\r\n <\/div>\r\n <div class=\"card-badges\">\r\n <span class=\"badge badge-beginner\">\u2705 Prietenos cu \u00eencep\u0103torii<\/span>\r\n <span class=\"badge badge-visual\">\ud83d\udcf7 Vizual<\/span>\r\n <span class=\"badge badge-freeplan\">\ud83c\udd93 Plan gratuit<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-links\">\r\n <a href=\"https:\/\/www.youtube.com\/watch?v=Mlap3afudKk\" target=\"_blank\" rel=\"noopener\" class=\"card-btn\">\u25b6 Vezi tutorialul<\/a>\r\n <a href=\"https:\/\/www.youtube.com\/@JenJonson\" target=\"_blank\" rel=\"noopener\" class=\"card-btn card-btn-outline\">\ud83d\udcfa Vezi canalul<\/a>\r\n <\/div>\r\n <\/article>\r\n\r\n <!-- CANVA -->\r\n <article class=\"hub-card theme-tool\" data-section=\"tool\" data-tags=\"canva video editing photo beginner\" aria-label=\"Canva Video Editor\">\r\n <div class=\"card-stripe\"><\/div>\r\n <div class=\"card-header\">\r\n <div class=\"card-icon\">\ud83c\udf9e\ufe0f<\/div>\r\n <div class=\"card-title-area\">\r\n <span class=\"card-category\">Editare video<\/span>\r\n <h3 class=\"card-title\">Canva Video Editor<\/h3>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <p class=\"card-desc\">O platform\u0103 versatil\u0103 de design \u0219i video care permite educatorilor s\u0103 combine fotografii, clipuri video, nara\u021biune vocal\u0103 \u0219i muzic\u0103 \u00een pove\u0219ti sociale rafinate, totul cu o interfa\u021b\u0103 drag-and-drop \u0219i o bibliotec\u0103 media extins\u0103 integrat\u0103.<\/p>\r\n <button class=\"card-expand-btn\" aria-expanded=\"false\">\r\n <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" aria-hidden=\"true\"><path d=\"m6 9 6 6 6-6\"\/><\/svg>\r\n Ghid pas cu pas\r\n <\/button>\r\n <div class=\"card-detail\">\r\n Selecteaz\u0103 un \u0219ablon Video sau de Prezentare \u2192 alege un design curat \u0219i minimalist \u2192 \u00eencarc\u0103 sau folose\u0219te imagini\/clipuri din bibliotec\u0103 \u2192 aranjeaz\u0103 imaginile \u00een ordine logic\u0103 \u2192 adaug\u0103 subtitr\u0103ri simple \u2192 \u00eencarc\u0103 sau \u00eenregistreaz\u0103 nara\u021biunea \u2192 adaug\u0103 muzic\u0103 de fundal cu volum redus \u2192 export\u0103 ca video.\r\n <\/div>\r\n <div class=\"card-badges\">\r\n <span class=\"badge badge-beginner\">\u2705 Prietenos cu \u00eencep\u0103torii<\/span>\r\n <span class=\"badge badge-photo\">\ud83d\uddbc Fotografie \u0219i Video<\/span>\r\n <span class=\"badge badge-freeplan\">\ud83c\udd93 Plan gratuit<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-links\">\r\n <a href=\"https:\/\/www.youtube.com\/watch?v=AlrC-XaKwew\" target=\"_blank\" rel=\"noopener\" class=\"card-btn\">\u25b6 Vezi tutorialul<\/a>\r\n <a href=\"https:\/\/www.youtube.com\/@PrimalVideo\" target=\"_blank\" rel=\"noopener\" class=\"card-btn card-btn-outline\">\ud83d\udcfa Vezi canalul<\/a>\r\n <\/div>\r\n <\/article>\r\n\r\n <!-- PIXTON -->\r\n <article class=\"hub-card theme-tool\" data-section=\"tool\" data-tags=\"pixton comic illustration caricature\" aria-label=\"Pixton\">\r\n <div class=\"card-stripe\"><\/div>\r\n <div class=\"card-header\">\r\n <div class=\"card-icon\">\ud83c\udfad<\/div>\r\n <div class=\"card-title-area\">\r\n <span class=\"card-category\">Platform\u0103 de caricatur\u0103<\/span>\r\n <h3 class=\"card-title\">Pixton<\/h3>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <p class=\"card-desc\">Un creator de benzi desenate \u0219i nara\u021biuni vizuale pentru proiectarea personajelor ilustrate, baloanelor de vorbire \u0219i g\u00e2ndire, precum \u0219i a panourilor secven\u021biale, comunic\u00e2nd clar emo\u021biile, regulile sociale \u0219i perspectivele \u00eentr-un format prietenos cu copiii.<\/p>\r\n <button class=\"card-expand-btn\" aria-expanded=\"false\">\r\n <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" aria-hidden=\"true\"><path d=\"m6 9 6 6 6-6\"\/><\/svg>\r\n Ghid pas cu pas\r\n <\/button>\r\n <div class=\"card-detail\">\r\n Creeaz\u0103 un cont Pixton \u2192 creeaz\u0103 personaje care \u00eei aduc aminte copilului de el sau de persoane familiare \u2192 alege fundaluri situa\u021bionale simple \u2192 creeaz\u0103 un panou pentru fiecare pas al pove\u0219tii \u2192 folose\u0219te baloane de vorbire\/g\u00e2ndire pentru a explica ac\u021biunile \u0219i sentimentele \u2192 p\u0103streaz\u0103 textul scurt \u0219i concret \u2192 export\u0103 ca imagini sau PDF.\r\n <\/div>\r\n <div class=\"card-badges\">\r\n <span class=\"badge badge-visual\">\ud83d\udcf7 Vizual<\/span>\r\n <span class=\"badge badge-creative\">\ud83c\udfa8 Creativ<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-links\">\r\n <a href=\"https:\/\/www.youtube.com\/watch?v=T_dThbYBGeU\" target=\"_blank\" rel=\"noopener\" class=\"card-btn\">\u25b6 Vezi tutorialul<\/a>\r\n <a href=\"https:\/\/www.youtube.com\/@pixtonedu4231\" target=\"_blank\" rel=\"noopener\" class=\"card-btn card-btn-outline\">\ud83d\udcfa Vezi canalul<\/a>\r\n <\/div>\r\n <\/article>\r\n\r\n <!-- POWTOON -->\r\n <article class=\"hub-card theme-tool\" data-section=\"tool\" data-tags=\"powtoon animation video beginner\" aria-label=\"Powtoon\">\r\n <div class=\"card-stripe\"><\/div>\r\n <div class=\"card-header\">\r\n <div class=\"card-icon\">\ud83c\udfac<\/div>\r\n <div class=\"card-title-area\">\r\n <span class=\"card-category\">Platform\u0103 de anima\u021bie<\/span>\r\n <h3 class=\"card-title\">Powtoon<\/h3>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <p class=\"card-desc\">O platform\u0103 animat\u0103 de povestire \u0219i prezentare cu personaje, fundaluri \u0219i scene predefinite. Perfect\u0103 pentru a crea nara\u021biuni vizuale dinamice care demonstreaz\u0103 comportamente sociale prin secven\u021be de anima\u021bie lente \u0219i deliberate.<\/p>\r\n <button class=\"card-expand-btn\" aria-expanded=\"false\">\r\n <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" aria-hidden=\"true\"><path d=\"m6 9 6 6 6-6\"\/><\/svg>\r\n Ghid pas cu pas\r\n <\/button>\r\n <div class=\"card-detail\">\r\n Alege un \u0219ablon animat simplu \u2192 planific\u0103 mai \u00eent\u00e2i secven\u021ba pove\u0219tii \u2192 adaug\u0103 personaje \u0219i scene pentru situa\u021bia social\u0103 \u2192 anim\u0103 ac\u021biunile \u00eencet pentru a evita suprasolicitarea cognitiv\u0103 \u2192 insereaz\u0103 subtitr\u0103ri scurte \u2192 \u00eenregistreaz\u0103 sau \u00eencarc\u0103 nara\u021biune aliniat\u0103 cu fiecare scen\u0103 \u2192 export\u0103 ca video.\r\n <\/div>\r\n <div class=\"card-badges\">\r\n <span class=\"badge badge-animation\">\u2728 Anima\u021bie<\/span>\r\n <span class=\"badge badge-visual\">\ud83d\udcf7 Vizual<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-links\">\r\n <a href=\"https:\/\/www.youtube.com\/watch?v=lEQiZQi-aGY\" target=\"_blank\" rel=\"noopener\" class=\"card-btn\">\u25b6 Vezi tutorialul<\/a>\r\n <a href=\"https:\/\/www.youtube.com\/@JenJonson\" target=\"_blank\" rel=\"noopener\" class=\"card-btn card-btn-outline\">\ud83d\udcfa Vezi canalul<\/a>\r\n <\/div>\r\n <\/article>\r\n\r\n <!-- STORYWIZARD -->\r\n <article class=\"hub-card theme-ai\" data-section=\"tool\" data-tags=\"ai storywizard beginner interactive\" aria-label=\"Storywizard.ai\">\r\n <div class=\"card-stripe\"><\/div>\r\n <div class=\"card-header\">\r\n <div class=\"card-icon\">\ud83e\udd16<\/div>\r\n <div class=\"card-title-area\">\r\n <span class=\"card-category\">Sus\u021binut de AI<\/span>\r\n <h3 class=\"card-title\">Storywizard.ai<\/h3>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <p class=\"card-desc\">O platform\u0103 de povestire educa\u021bional\u0103 asistat\u0103 de inteligen\u021b\u0103 artificial\u0103 care genereaz\u0103 schi\u021be ilustrate de pove\u0219ti bazate pe indica\u021biile profesorilor. Educatorii introduc un scenariu social, primesc un draft cu imagini, apoi editeaz\u0103 limbajul \u0219i imaginile pentru a se alinia cu nivelul de dezvoltare al fiec\u0103rui copil.<\/p>\r\n <button class=\"card-expand-btn\" aria-expanded=\"false\">\r\n <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" aria-hidden=\"true\"><path d=\"m6 9 6 6 6-6\"\/><\/svg>\r\n Ghid pas cu pas\r\n <\/button>\r\n <div class=\"card-detail\">\r\n Intr\u0103 pe platform\u0103 \u2192 selecteaz\u0103 generarea pove\u0219tii \u2192 ofer\u0103 un prompt clar \u0219i specific \u2192 revizuie\u0219te schi\u021ba generat\u0103 de AI \u2192 editeaz\u0103 limbajul pentru a se alinia cu principiile pove\u0219tii sociale \u2192 ajusteaz\u0103 vocabularul \u0219i lungimea propozi\u021biilor pentru nivelul copilului \u2192 modific\u0103 ilustra\u021biile generate \u2192 export\u0103 \u00een format digital. Personalizeaz\u0103 \u00eentotdeauna \u00eenainte de utilizare.\r\n <\/div>\r\n <div class=\"card-badges\">\r\n <span class=\"badge badge-ai\">\ud83e\udd16 Alimentat de AI<\/span>\r\n <span class=\"badge badge-beginner\">\u2705 Prietenos cu \u00eencep\u0103torii<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-links\">\r\n <a href=\"https:\/\/www.youtube.com\/watch?v=cU4l8dtMM9w\" target=\"_blank\" rel=\"noopener\" class=\"card-btn\">\u25b6 Vezi tutorialul<\/a>\r\n <a href=\"https:\/\/www.youtube.com\/@storywizardai\" target=\"_blank\" rel=\"noopener\" class=\"card-btn card-btn-outline\">\ud83d\udcfa Vezi canalul<\/a>\r\n <\/div>\r\n <\/article>\r\n\r\n <!-- SCRATCHJR -->\r\n <article class=\"hub-card theme-code\" data-section=\"tool\" data-tags=\"scratchjr coding interactive beginner children\" aria-label=\"ScratchJr\">\r\n <div class=\"card-stripe\"><\/div>\r\n <div class=\"card-header\">\r\n <div class=\"card-icon\">\ud83d\udc31<\/div>\r\n <div class=\"card-title-area\">\r\n <span class=\"card-category\">Platform\u0103 de programare<\/span>\r\n <h3 class=\"card-title\">ScratchJr<\/h3>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <p class=\"card-desc\">O aplica\u021bie gratuit\u0103 pentru tablete, adaptat\u0103 \u00eencep\u0103torilor, conceput\u0103 pentru copii cu v\u00e2rste \u00eentre 5 \u0219i 7 ani (poate fi folosit\u0103 \u0219i de educatori), care folose\u0219te codare pe blocuri drag-and-drop pentru a anima personajele cu mi\u0219care, vorbire \u0219i sunet, cre\u00e2nd pove\u0219ti sociale interactive cu secven\u021be clare de cauz\u0103 \u0219i efect.<\/p>\r\n <button class=\"card-expand-btn\" aria-expanded=\"false\">\r\n <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" aria-hidden=\"true\"><path d=\"m6 9 6 6 6-6\"\/><\/svg>\r\n Ghid pas cu pas\r\n <\/button>\r\n <div class=\"card-detail\">\r\n Deschide ScratchJr pe o tablet\u0103 \u2192 creeaz\u0103 un proiect nou \u2192 selecteaz\u0103 un fundal pentru contextul social \u2192 adaug\u0103 personaje familiare \u2192 programeaz\u0103 ac\u021biuni de baz\u0103 (mi\u0219c\u0103, vorbe\u0219te, a\u0219teapt\u0103) \u2192 adaug\u0103 mesaje vocale \u00eenregistrate sau indicii text \u2192 aranjeaz\u0103 blocurile \u00een secven\u021ba corect\u0103 \u2192 testeaz\u0103 cu copilul \u0219i revizuie\u0219te dup\u0103 nevoie.\r\n <\/div>\r\n <div class=\"card-badges\">\r\n <span class=\"badge badge-interactive\">\ud83d\uddb1 Interactiv<\/span>\r\n <span class=\"badge badge-coding\">\ud83d\udcbb Codare<\/span>\r\n <span class=\"badge badge-beginner\">\u2705 Prietenos cu \u00eencep\u0103torii<\/span>\r\n <span class=\"badge badge-freeplan\">\ud83c\udd93 Gratuit<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-links\">\r\n <a href=\"https:\/\/www.youtube.com\/watch?v=D-nW4jvzRr8\" target=\"_blank\" rel=\"noopener\" class=\"card-btn\">\u25b6 Tutorial general<\/a>\r\n <a href=\"https:\/\/www.youtube.com\/watch?v=WGhart5oFck\" target=\"_blank\" rel=\"noopener\" class=\"card-btn card-btn-outline\">\u25b6 Tutorial pentru Pove\u0219ti Sociale<\/a>\r\n <\/div>\r\n <div class=\"card-links\" style=\"border-top:none;padding-top:0;\">\r\n <a href=\"https:\/\/www.youtube.com\/@ZonxScratch\" target=\"_blank\" rel=\"noopener\" class=\"card-btn card-btn-outline\">\ud83d\udcfa ZonxScratch<\/a>\r\n <a href=\"https:\/\/www.youtube.com\/@learnwithhirday7835\" target=\"_blank\" rel=\"noopener\" class=\"card-btn card-btn-outline\">\ud83d\udcfa LearnWithHirday<\/a>\r\n <\/div>\r\n <\/article>\r\n\r\n <!-- OZZYSTORY -->\r\n <article class=\"hub-card theme-ai\" data-section=\"tool\" data-tags=\"ai ozzystory interactive beginner\" aria-label=\"OzzyStory\">\r\n <div class=\"card-stripe\"><\/div>\r\n <div class=\"card-header\">\r\n <div class=\"card-icon\">\u2b50<\/div>\r\n <div class=\"card-title-area\">\r\n <span class=\"card-category\">Sus\u021binut de AI<\/span>\r\n <h3 class=\"card-title\">OzzyStory<\/h3>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <p class=\"card-desc\">O platform\u0103 de pove\u0219ti sociale bazat\u0103 pe inteligen\u021b\u0103 artificial\u0103, construit\u0103 special pentru educa\u021bia copiilor cu TSA, care ofer\u0103 versiuni de poveste editabile \u0219i \u0219abloane goale de storyboard pe care profesorii le pot genera cu ajutor AI sau le pot construi complet de la zero \u0219i personaliza integral.<\/p>\r\n <button class=\"card-expand-btn\" aria-expanded=\"false\">\r\n <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" aria-hidden=\"true\"><path d=\"m6 9 6 6 6-6\"\/><\/svg>\r\n Sfaturi pedagogice\r\n <\/button>\r\n <div class=\"card-detail\">\r\n Ofer\u0103 un prompt care descrie situa\u021bia social\u0103 \u2192 platforma genereaz\u0103 o poveste cu ilustra\u021bii \u2192 revizuie\u0219te con\u021binutul pentru a evalua adecvarea la nivelul de dezvoltare \u2192 editeaz\u0103 limbajul, imaginile \u0219i detaliile scenariului \u2192 folose\u0219te creatorul de storyboard pentru a construi nara\u021biuni complet personalizate atunci c\u00e2nd este nevoie. Revizuie\u0219te \u00eentotdeauna toate rezultatele AI \u00eenainte de a le \u00eemp\u0103rt\u0103\u0219i cu un copil.\r\n <\/div>\r\n <div class=\"card-badges\">\r\n <span class=\"badge badge-ai\">\ud83e\udd16 Alimentat de AI<\/span>\r\n <span class=\"badge badge-interactive\">\ud83d\uddb1 Interactiv<\/span>\r\n <span class=\"badge badge-beginner\">\u2705 Prietenos cu \u00eencep\u0103torii<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-links\">\r\n <a href=\"https:\/\/ozzystory.com\/\" target=\"_blank\" rel=\"noopener\" class=\"card-btn\">\ud83c\udf10 Vezi platforma<\/a>\r\n <\/div>\r\n <\/article>\r\n\r\n <\/div><!-- \/#toolsGrid -->\r\n <\/div>\r\n <\/section>\r\n\r\n <hr class=\"section-divider\">\r\n\r\n <!-- ===== DESIGN PRINCIPLES ===== -->\r\n <section id=\"section-principles\" aria-labelledby=\"principles-heading\">\r\n <div class=\"hub-section\">\r\n <div class=\"hub-principles\">\r\n <h3 id=\"principles-heading\">\ud83c\udfa8 Principii de design vizual pentru pove\u0219ti sociale digitale<\/h3>\r\n <p>Considera\u021bii cheie de design atunci c\u00e2nd creezi pove\u0219ti digitale pentru copii cu TSA (Din Capitolul 3 al Ghidului Practic EarlyASD)<\/p>\r\n <div class=\"principles-list\">\r\n <div class=\"principle-item\"><div class=\"principle-dot\"><\/div><p><strong>Lungimea pove\u0219tii:<\/strong> 5\u201310 diapozitive sunt de obicei suficiente. Concentreaz\u0103-te pe o situa\u021bie specific\u0103 pentru fiecare poveste.<\/p><\/div>\r\n <div class=\"principle-item\"><div class=\"principle-dot\"><\/div><p><strong>Simplitate vizual\u0103:<\/strong> Limiteaz\u0103 elementele vizuale pe diapozitiv. Folose\u0219te imagini clare care se leag\u0103 direct de pasul pove\u0219tii.<\/p><\/div>\r\n <div class=\"principle-item\"><div class=\"principle-dot\"><\/div><p><strong>Layout consecvent:<\/strong> Men\u021bine un layout, un stil \u0219i un font uniforme pe tot parcursul pentru a sus\u021bine predictibilitatea.<\/p><\/div>\r\n <div class=\"principle-item\"><div class=\"principle-dot\"><\/div><p><strong>Nara\u021biune vocal\u0103:<\/strong> Folose\u0219te un ritm calm \u0219i clar. Vocile familiare cresc confortul \u0219i implicarea.<\/p><\/div>\r\n <div class=\"principle-item\"><div class=\"principle-dot\"><\/div><p><strong>Anima\u021bie cu scop:<\/strong> Folose\u0219te anima\u021bii minime \u0219i lente doar atunci c\u00e2nd sus\u021bin cu adev\u0103rat \u00een\u021belegerea.<\/p><\/div>\r\n <div class=\"principle-item\"><div class=\"principle-dot\"><\/div><p><strong>Limbaj de sus\u021binere:<\/strong> Folose\u0219te expresii precum \u201ePot s\u0103 \u00eencerc\u201d \u00een loc de comenzi, pentru a reduce rezisten\u021ba.<\/p><\/div>\r\n <div class=\"principle-item\"><div class=\"principle-dot\"><\/div><p><strong>Alinierea audio-vizual\u0103:<\/strong> Sincronizeaz\u0103 nara\u021biunea \u0219i imaginile astfel \u00eenc\u00e2t am\u00e2ndou\u0103 s\u0103 transmit\u0103 acela\u0219i pas \u00een acela\u0219i timp.<\/p><\/div>\r\n <div class=\"principle-item\"><div class=\"principle-dot\"><\/div><p><strong>Confiden\u021bialitate \u0219i consim\u021b\u0103m\u00e2nt:<\/strong> Ob\u021bine consim\u021b\u0103m\u00e2ntul p\u0103rin\u021bilor \u00eenainte de a folosi fotografii, videoclipuri sau \u00eenregistr\u0103ri vocale reale ale copiilor.<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <\/main>\r\n\r\n<\/div><!-- \/.earlyasd-hub -->\r\n\r\n<script>\r\n(function () {\r\n 'use strict';\r\n\r\n \/* ---- Expand \/ Collapse ---- *\/\r\n document.querySelectorAll('.earlyasd-hub .card-expand-btn').forEach(function (btn) {\r\n btn.addEventListener('click', function () {\r\n var detail = btn.nextElementSibling;\r\n var isOpen = detail.classList.contains('open');\r\n detail.classList.toggle('open');\r\n btn.classList.toggle('open');\r\n btn.setAttribute('aria-expanded', String(!isOpen));\r\n });\r\n });\r\n\r\n \/* ---- Stagger card entry animations ---- *\/\r\n document.querySelectorAll('.earlyasd-hub .hub-card').forEach(function (card, i) {\r\n card.style.animationDelay = (i * 45) + 'ms';\r\n });\r\n\r\n}());\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Instrumente \u0219i platforme digitale pentru pove\u0219ti sociale | EarlyASD EarlyASD \u00b7 Hub de Resurse Educa\u021bionale Instrumente \u0219i platforme digitalepentru pove\u0219ti sociale Pove\u0219tile Sociale Digitale folosesc elemente multimedia, imagini, audio, anima\u021bie \u0219i interactivitate pentru a ajuta copiii cu tulburare de spectru autist s\u0103 \u00een\u021beleag\u0103 \u0219i s\u0103 navigheze \u00een situa\u021biile sociale. Acest hub selectat reune\u0219te multe formate, […]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-4237","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/earlyasd.eu\/web\/wp-json\/wp\/v2\/pages\/4237","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/earlyasd.eu\/web\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/earlyasd.eu\/web\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/earlyasd.eu\/web\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/earlyasd.eu\/web\/wp-json\/wp\/v2\/comments?post=4237"}],"version-history":[{"count":7,"href":"https:\/\/earlyasd.eu\/web\/wp-json\/wp\/v2\/pages\/4237\/revisions"}],"predecessor-version":[{"id":4245,"href":"https:\/\/earlyasd.eu\/web\/wp-json\/wp\/v2\/pages\/4237\/revisions\/4245"}],"wp:attachment":[{"href":"https:\/\/earlyasd.eu\/web\/wp-json\/wp\/v2\/media?parent=4237"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}