{"id":645,"date":"2026-09-18T16:51:52","date_gmt":"2026-09-18T16:51:52","guid":{"rendered":"https:\/\/www.profdifaziodonato.it\/?page_id=645"},"modified":"2026-09-19T06:14:37","modified_gmt":"2026-09-19T06:14:37","slug":"phonics","status":"publish","type":"page","link":"https:\/\/www.profdifaziodonato.it\/?page_id=645","title":{"rendered":"phonics_sounds"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"645\" class=\"elementor elementor-645\">\n\t\t\t\t<div class=\"elementor-element elementor-element-92c29ae e-con e-atomic-element e-flexbox-base e-0678b44 \" data-id=\"92c29ae\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"92c29ae\">\n    \t\t<div class=\"elementor-element elementor-element-b406a3b elementor-widget elementor-widget-html\" data-id=\"b406a3b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"it\">\r\n<head>\r\n  <meta charset=\"UTF-8\">\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n  <title>Phonic Lab \u00b7 Ascolta e impara<\/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=Inter:opsz,wght@14..32,400;14..32,500;14..32,600;14..32,700;14..32,800&display=swap\" rel=\"stylesheet\">\r\n  <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\r\n  <style>\r\n    * { margin: 0; padding: 0; box-sizing: border-box; }\r\n\r\n    body {\r\n      background: linear-gradient(145deg, #0b0f1c 0%, #1a1f33 100%);\r\n      font-family: 'Inter', system-ui, -apple-system, sans-serif;\r\n      min-height: 100vh;\r\n      padding: 2rem 1.5rem;\r\n      color: #ffffff;\r\n    }\r\n\r\n    .glow {\r\n      position: fixed;\r\n      width: 60vw; height: 60vw;\r\n      border-radius: 50%;\r\n      background: radial-gradient(circle, rgba(120, 80, 255, 0.25) 0%, transparent 70%);\r\n      top: -20vh; right: -20vw;\r\n      z-index: 0; pointer-events: none;\r\n    }\r\n    .glow-2 {\r\n      left: -20vw; bottom: -20vh; top: auto; right: auto;\r\n      background: radial-gradient(circle, rgba(0, 200, 255, 0.2) 0%, transparent 70%);\r\n    }\r\n\r\n    .app-container { max-width: 1400px; margin: 0 auto; position: relative; z-index: 1; }\r\n\r\n    .app-header {\r\n      display: flex; flex-wrap: wrap;\r\n      align-items: center; justify-content: space-between;\r\n      margin-bottom: 2rem; gap: 1.5rem;\r\n    }\r\n\r\n    .logo-area { display: flex; align-items: center; gap: 0.75rem; }\r\n\r\n    .logo-icon {\r\n      background: linear-gradient(135deg, #a78bfa, #3b82f6);\r\n      width: 48px; height: 48px; border-radius: 16px;\r\n      display: flex; align-items: center; justify-content: center;\r\n      font-size: 1.8rem;\r\n      box-shadow: 0 8px 20px rgba(59, 130, 246, 0.4);\r\n    }\r\n\r\n    .logo-text h1 {\r\n      font-size: 1.9rem; font-weight: 800;\r\n      letter-spacing: -0.02em;\r\n      background: linear-gradient(to right, #ffffff, #c7d2fe);\r\n      -webkit-background-clip: text; -webkit-text-fill-color: transparent;\r\n      background-clip: text;\r\n    }\r\n    .logo-text span { font-size: 0.9rem; color: #a5b4fc; display: block; margin-top: 2px; }\r\n\r\n    .search-wrapper { flex: 1; max-width: 380px; min-width: 240px; }\r\n    .search-box {\r\n      background: rgba(255, 255, 255, 0.06);\r\n      backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);\r\n      border: 1px solid rgba(255, 255, 255, 0.1);\r\n      border-radius: 60px; padding: 0.6rem 1.2rem;\r\n      display: flex; align-items: center; gap: 0.75rem;\r\n      transition: all 0.2s ease;\r\n      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);\r\n    }\r\n    .search-box:focus-within {\r\n      border-color: #818cf8;\r\n      box-shadow: 0 0 0 3px rgba(129, 140, 248, 0.3);\r\n      background: rgba(255, 255, 255, 0.1);\r\n    }\r\n    .search-box i { color: #a5b4fc; font-size: 1rem; }\r\n    .search-box input {\r\n      background: transparent; border: none; outline: none;\r\n      color: white; font-size: 0.95rem; width: 100%;\r\n    }\r\n    .search-box input::placeholder { color: #9ca3af; }\r\n\r\n    .stats-bar {\r\n      display: flex; justify-content: space-between; align-items: center;\r\n      margin-bottom: 1.5rem; flex-wrap: wrap; gap: 0.8rem;\r\n    }\r\n    .badge {\r\n      background: rgba(255, 255, 255, 0.05);\r\n      border: 1px solid rgba(255, 255, 255, 0.08);\r\n      border-radius: 40px; padding: 0.4rem 1.1rem;\r\n      font-size: 0.85rem; color: #cbd5e1;\r\n      display: inline-flex; align-items: center; gap: 8px;\r\n      backdrop-filter: blur(5px);\r\n    }\r\n    .badge i { color: #818cf8; }\r\n    .badge strong { color: white; font-weight: 600; }\r\n\r\n    .sounds-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));\r\n      gap: 1rem;\r\n    }\r\n\r\n    .sound-card {\r\n      background: rgba(20, 25, 45, 0.75);\r\n      backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);\r\n      border: 1px solid rgba(255, 255, 255, 0.06);\r\n      border-radius: 24px;\r\n      padding: 1.4rem 0.9rem 1.1rem;\r\n      transition: all 0.25s cubic-bezier(0.2, 0, 0, 1);\r\n      cursor: pointer;\r\n      display: flex; flex-direction: column; align-items: center; text-align: center;\r\n      box-shadow: 0 10px 20px -10px rgba(0, 0, 0, 0.5);\r\n      position: relative; overflow: hidden;\r\n    }\r\n    .sound-card::before {\r\n      content: ''; position: absolute; top: 0; left: 0;\r\n      width: 100%; height: 4px;\r\n      background: linear-gradient(90deg, #818cf8, #c084fc, #f472b6);\r\n      opacity: 0.6; transition: opacity 0.2s;\r\n    }\r\n    .sound-card:hover {\r\n      background: rgba(35, 45, 75, 0.9);\r\n      border-color: rgba(129, 140, 248, 0.5);\r\n      transform: translateY(-5px);\r\n      box-shadow: 0 22px 35px -12px #1e1b4b;\r\n    }\r\n    .sound-card:hover::before { opacity: 1; }\r\n\r\n    .sound-card.playing {\r\n      background: linear-gradient(160deg, rgba(76, 29, 149, 0.9), rgba(49, 46, 129, 0.85));\r\n      border-color: #a78bfa;\r\n      box-shadow: 0 0 0 2px rgba(167, 139, 250, 0.5), 0 22px 35px -12px #4c1d95;\r\n      transform: scale(1.03);\r\n    }\r\n    .sound-card.playing::before {\r\n      background: linear-gradient(90deg, #f472b6, #c084fc, #60a5fa);\r\n      opacity: 1;\r\n    }\r\n\r\n    \/* \ud83c\udfa8 IL CUORE DELLA MODIFICA: contenitore immagine\/emoji *\/\r\n    .emoji-wrap {\r\n      width: 72px;\r\n      height: 72px;\r\n      border-radius: 50%;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      margin-bottom: 0.85rem;\r\n      background: rgba(255, 255, 255, 0.06);\r\n      border: 1.5px solid rgba(255, 255, 255, 0.1);\r\n      transition: all 0.25s ease;\r\n      position: relative;\r\n      overflow: hidden;\r\n    }\r\n\r\n    .sound-card:hover .emoji-wrap {\r\n      transform: scale(1.06) rotate(-3deg);\r\n      background: rgba(255, 255, 255, 0.1);\r\n      border-color: rgba(167, 139, 250, 0.5);\r\n    }\r\n\r\n    .sound-card.playing .emoji-wrap {\r\n      background: rgba(255, 255, 255, 0.15);\r\n      border-color: #c084fc;\r\n      box-shadow: 0 0 20px rgba(192, 132, 252, 0.6);\r\n      animation: pulse 1.6s ease-in-out infinite;\r\n    }\r\n\r\n    @keyframes pulse {\r\n      0%, 100% { transform: scale(1); }\r\n      50% { transform: scale(1.08); }\r\n    }\r\n\r\n    .emoji-native {\r\n      font-size: 2.6rem;\r\n      line-height: 1;\r\n      \/* Font emoji di sistema *\/\r\n      font-family: \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Noto Color Emoji\", \"Segoe UI Symbol\", sans-serif;\r\n    }\r\n\r\n    \/* Twemoji image (fallback) *\/\r\n    .emoji-img {\r\n      width: 56px;\r\n      height: 56px;\r\n      object-fit: contain;\r\n      image-rendering: -webkit-optimize-contrast;\r\n    }\r\n\r\n    .sound-label {\r\n      font-weight: 700;\r\n      font-size: 1rem;\r\n      letter-spacing: -0.01em;\r\n      margin-bottom: 5px;\r\n      color: #f1f5f9;\r\n      line-height: 1.2;\r\n      word-break: break-word;\r\n    }\r\n\r\n    .sound-sub {\r\n      font-size: 0.65rem;\r\n      text-transform: uppercase;\r\n      letter-spacing: 0.6px;\r\n      color: #94a3b8;\r\n      background: rgba(255, 255, 255, 0.04);\r\n      padding: 0.2rem 0.7rem;\r\n      border-radius: 40px;\r\n      display: inline-block;\r\n      font-weight: 600;\r\n    }\r\n\r\n    .no-results {\r\n      grid-column: 1 \/ -1;\r\n      text-align: center; padding: 4rem 2rem;\r\n      color: #94a3b8; font-size: 1.1rem;\r\n      border: 1px dashed rgba(255, 255, 255, 0.1);\r\n      border-radius: 32px;\r\n      background: rgba(0, 0, 0, 0.2);\r\n    }\r\n    .no-results i { font-size: 2.5rem; margin-bottom: 1rem; opacity: 0.5; }\r\n\r\n    .app-footer {\r\n      margin-top: 2.5rem;\r\n      display: flex; justify-content: center;\r\n      font-size: 0.8rem; color: #64748b;\r\n      border-top: 1px solid rgba(255, 255, 255, 0.05);\r\n      padding-top: 1.5rem;\r\n    }\r\n\r\n    #global-audio { display: none; }\r\n\r\n    ::-webkit-scrollbar { width: 10px; }\r\n    ::-webkit-scrollbar-track { background: #0f1222; }\r\n    ::-webkit-scrollbar-thumb { background: #2d3a5e; border-radius: 10px; }\r\n    ::-webkit-scrollbar-thumb:hover { background: #4f5f8a; }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n  <div class=\"glow\"><\/div>\r\n  <div class=\"glow glow-2\"><\/div>\r\n\r\n  <div class=\"app-container\">\r\n    <header class=\"app-header\">\r\n      <div class=\"logo-area\">\r\n        <div class=\"logo-icon\"><i class=\"fas fa-headphones-simple\"><\/i><\/div>\r\n        <div class=\"logo-text\">\r\n          <h1>Phonic Lab<\/h1>\r\n          <span>42 suoni \u00b7 inglese essenziale<\/span>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"search-wrapper\">\r\n        <div class=\"search-box\">\r\n          <i class=\"fas fa-search\"><\/i>\r\n          <input type=\"text\" id=\"searchInput\" placeholder=\"Cerca suono, parola o simbolo...\" autocomplete=\"off\">\r\n        <\/div>\r\n      <\/div>\r\n    <\/header>\r\n\r\n    <div class=\"stats-bar\">\r\n      <div class=\"badge\">\r\n        <i class=\"fas fa-waveform\"><\/i>\r\n        <span><strong id=\"visibleCount\">56<\/strong> tracce audio<\/span>\r\n      <\/div>\r\n      <div class=\"badge\">\r\n        <i class=\"fas fa-circle-play\"><\/i>\r\n        <span>Clicca su una card per ascoltare<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"sounds-grid\" id=\"soundsGrid\"><\/div>\r\n\r\n    <footer class=\"app-footer\">\r\n      <span>\u00a9 Phonic Lab \u00b7 Ascolto interattivo per migliorare la pronuncia<\/span>\r\n    <\/footer>\r\n  <\/div>\r\n\r\n  <audio id=\"global-audio\" controls preload=\"none\"><\/audio>\r\n\r\n  <script>\r\n    (function() {\r\n      const rawFiles = [\r\n        \"a-apple.mp3\", \"a-cake.mp3\", \"air-pair-share.mp3\", \"ar-jar.mp3\", \"aw-haul-hawk-ball.mp3\",\r\n        \"b-bat.mp3\", \"c-cut.mp3\", \"ch-chick.mp3\", \"d-dip.mp3\", \"e-elephant.mp3\",\r\n        \"e-team.mp3\", \"ear-hear.mp3\", \"er-herd-bird-turn.mp3\", \"f-fun.mp3\", \"g-get.mp3\",\r\n        \"h-hat.mp3\", \"hw-whip.mp3\", \"i-igloo.mp3\", \"i-kite.mp3\", \"j-gem-giant-gym.mp3\",\r\n        \"j-jog.mp3\", \"k-kit.mp3\", \"l-lip.mp3\", \"m-mug.mp3\", \"n-gnome.mp3\",\r\n        \"n-knife.mp3\", \"n-nap.mp3\", \"ng-ring.mp3\", \"o-octopus.mp3\", \"o-rope.mp3\",\r\n        \"oi-soil-toy.mp3\", \"oo-book-bush.mp3\", \"oo-boot-new.mp3\", \"or-fork.mp3\", \"ou-how-out.mp3\",\r\n        \"p-pick.mp3\", \"qu-quest.mp3\", \"r-rid.mp3\", \"s-cent-cirus-cycle.mp3\", \"s-his.mp3\",\r\n        \"s-sit-mess.mp3\", \"Schwa-What.mp3\", \"sh-ship.mp3\", \"t-tuck.mp3\", \"th-the.mp3\",\r\n        \"th-thin.mp3\", \"u-lute-glue.mp3\", \"u-up.mp3\", \"u-use-cue.mp3\", \"ure-lure.mp3\",\r\n        \"v-van.mp3\", \"w-will.mp3\", \"wr-wrist.mp3\", \"x-mix-rocks.mp3\", \"y-yes.mp3\",\r\n        \"z-zip-buzz.mp3\"\r\n      ];\r\n\r\n      \/\/ \ud83c\udfa8 MAPPA EMOJI: ogni file \u2192 emoji rappresentativa\r\n      const emojiMap = {\r\n        \"a-apple.mp3\": \"\ud83c\udf4e\",\r\n        \"a-cake.mp3\": \"\ud83c\udf82\",\r\n        \"air-pair-share.mp3\": \"\ud83d\udca8\",\r\n        \"ar-jar.mp3\": \"\ud83e\uded9\",\r\n        \"aw-haul-hawk-ball.mp3\": \"\ud83e\udd85\",\r\n        \"b-bat.mp3\": \"\ud83e\udd87\",\r\n        \"c-cut.mp3\": \"\u2702\ufe0f\",\r\n        \"ch-chick.mp3\": \"\ud83d\udc23\",\r\n        \"d-dip.mp3\": \"\ud83d\udca7\",\r\n        \"e-elephant.mp3\": \"\ud83d\udc18\",\r\n        \"e-team.mp3\": \"\ud83d\udc65\",\r\n        \"ear-hear.mp3\": \"\ud83d\udc42\",\r\n        \"er-herd-bird-turn.mp3\": \"\ud83d\udc26\",\r\n        \"f-fun.mp3\": \"\ud83d\ude04\",\r\n        \"g-get.mp3\": \"\ud83e\udd32\",\r\n        \"h-hat.mp3\": \"\ud83c\udfa9\",\r\n        \"hw-whip.mp3\": \"\ud83c\udf2a\ufe0f\",\r\n        \"i-igloo.mp3\": \"\ud83c\udfe0\",\r\n        \"i-kite.mp3\": \"\ud83e\ude81\",\r\n        \"j-gem-giant-gym.mp3\": \"\ud83d\udc8e\",\r\n        \"j-jog.mp3\": \"\ud83c\udfc3\",\r\n        \"k-kit.mp3\": \"\ud83e\uddf0\",\r\n        \"l-lip.mp3\": \"\ud83d\udc44\",\r\n        \"m-mug.mp3\": \"\u2615\",\r\n        \"n-gnome.mp3\": \"\ud83e\uddd9\",\r\n        \"n-knife.mp3\": \"\ud83d\udd2a\",\r\n        \"n-nap.mp3\": \"\ud83d\ude34\",\r\n        \"ng-ring.mp3\": \"\ud83d\udc8d\",\r\n        \"o-octopus.mp3\": \"\ud83d\udc19\",\r\n        \"o-rope.mp3\": \"\ud83e\udea2\",\r\n        \"oi-soil-toy.mp3\": \"\ud83c\udf31\",\r\n        \"oo-book-bush.mp3\": \"\ud83d\udcd6\",\r\n        \"oo-boot-new.mp3\": \"\ud83e\udd7e\",\r\n        \"or-fork.mp3\": \"\ud83c\udf74\",\r\n        \"ou-how-out.mp3\": \"\ud83d\udeaa\",\r\n        \"p-pick.mp3\": \"\ud83d\udc49\",\r\n        \"qu-quest.mp3\": \"\ud83e\udded\",\r\n        \"r-rid.mp3\": \"\ud83e\uddf9\",\r\n        \"s-cent-cirus-cycle.mp3\": \"\ud83e\ude99\",\r\n        \"s-his.mp3\": \"\ud83d\udc64\",\r\n        \"s-sit-mess.mp3\": \"\ud83e\ude91\",\r\n        \"Schwa-What.mp3\": \"\u2753\",\r\n        \"sh-ship.mp3\": \"\ud83d\udea2\",\r\n        \"t-tuck.mp3\": \"\ud83d\udc55\",\r\n        \"th-the.mp3\": \"\ud83d\udcac\",\r\n        \"th-thin.mp3\": \"\ud83d\udccf\",\r\n        \"u-lute-glue.mp3\": \"\ud83c\udfb8\",\r\n        \"u-up.mp3\": \"\u2b06\ufe0f\",\r\n        \"u-use-cue.mp3\": \"\ud83d\udc46\",\r\n        \"ure-lure.mp3\": \"\ud83c\udfa3\",\r\n        \"v-van.mp3\": \"\ud83d\ude90\",\r\n        \"w-will.mp3\": \"\u270a\",\r\n        \"wr-wrist.mp3\": \"\ud83e\udd1a\",\r\n        \"x-mix-rocks.mp3\": \"\ud83e\udea8\",\r\n        \"y-yes.mp3\": \"\u2705\",\r\n        \"z-zip-buzz.mp3\": \"\u26a1\"\r\n      };\r\n\r\n      const BASE_URL = 'https:\/\/www.profdifaziodonato.it\/ddf_online\/phonic\/42_suoni\/';\r\n\r\n      const grid = document.getElementById('soundsGrid');\r\n      const searchInput = document.getElementById('searchInput');\r\n      const visibleCountSpan = document.getElementById('visibleCount');\r\n      const audioEl = document.getElementById('global-audio');\r\n\r\n      let currentPlayingFile = null;\r\n\r\n      function formatLabel(filename) {\r\n        let clean = filename.replace('.mp3', '').replace(\/-\/g, ' ');\r\n        clean = clean.charAt(0).toUpperCase() + clean.slice(1);\r\n        return clean.replace(\/_\/g, ' ');\r\n      }\r\n\r\n      function getSubLabel(filename) {\r\n        const name = filename.replace('.mp3', '');\r\n        if (name.includes('-')) {\r\n          const parts = name.split('-');\r\n          if (parts.length > 1 && parts[0].length <= 3) return parts[0];\r\n        }\r\n        return 'suono';\r\n      }\r\n\r\n      function getEmoji(filename) {\r\n        return emojiMap[filename] || \"\ud83c\udfb5\";\r\n      }\r\n\r\n      function renderCards(filterText = '') {\r\n        const searchTerm = filterText.trim().toLowerCase();\r\n        let visible = 0;\r\n        grid.innerHTML = '';\r\n\r\n        rawFiles.forEach(filename => {\r\n          const label = formatLabel(filename);\r\n          const sub = getSubLabel(filename);\r\n          const match = filename.toLowerCase().includes(searchTerm) || label.toLowerCase().includes(searchTerm);\r\n          if (!match) return;\r\n\r\n          visible++;\r\n          const card = document.createElement('div');\r\n          card.className = 'sound-card';\r\n          if (currentPlayingFile === filename) card.classList.add('playing');\r\n          card.dataset.file = filename;\r\n\r\n          const emoji = getEmoji(filename);\r\n\r\n          card.innerHTML = `\r\n            <div class=\"emoji-wrap\">\r\n              <span class=\"emoji-native\">${emoji}<\/span>\r\n            <\/div>\r\n            <div class=\"sound-label\">${label}<\/div>\r\n            <div class=\"sound-sub\">${sub}<\/div>\r\n          `;\r\n\r\n          card.addEventListener('click', (e) => {\r\n            e.stopPropagation();\r\n            playAudio(filename, card);\r\n          });\r\n\r\n          grid.appendChild(card);\r\n        });\r\n\r\n        visibleCountSpan.textContent = visible;\r\n\r\n        if (visible === 0) {\r\n          grid.innerHTML = `\r\n            <div class=\"no-results\">\r\n              <i class=\"fas fa-microphone-slash\"><\/i>\r\n              <p>Nessun suono trovato per \"<strong>${filterText}<\/strong>\"<\/p>\r\n              <p style=\"font-size:0.9rem; margin-top:0.5rem; opacity:0.7;\">Prova con un altro termine<\/p>\r\n            <\/div>\r\n          `;\r\n        }\r\n      }\r\n\r\n      function playAudio(filename, cardElement) {\r\n        const fullUrl = BASE_URL + filename;\r\n        document.querySelectorAll('.sound-card').forEach(c => c.classList.remove('playing'));\r\n\r\n        if (currentPlayingFile === filename && !audioEl.paused) {\r\n          audioEl.currentTime = 0;\r\n          audioEl.play().catch(e => console.warn('Play error:', e));\r\n          if (cardElement) cardElement.classList.add('playing');\r\n          return;\r\n        }\r\n\r\n        audioEl.src = fullUrl;\r\n        audioEl.load();\r\n        audioEl.play().catch(e => console.warn('Impossibile riprodurre:', e));\r\n\r\n        currentPlayingFile = filename;\r\n        if (cardElement) cardElement.classList.add('playing');\r\n      }\r\n\r\n      audioEl.addEventListener('ended', () => {\r\n        document.querySelectorAll('.sound-card').forEach(c => c.classList.remove('playing'));\r\n        currentPlayingFile = null;\r\n      });\r\n\r\n      audioEl.addEventListener('pause', () => {\r\n        if (currentPlayingFile) {\r\n          document.querySelectorAll('.sound-card').forEach(c => c.classList.remove('playing'));\r\n        }\r\n      });\r\n\r\n      audioEl.addEventListener('play', () => {\r\n        if (currentPlayingFile) {\r\n          const card = document.querySelector(`.sound-card[data-file=\"${currentPlayingFile}\"]`);\r\n          if (card) card.classList.add('playing');\r\n        }\r\n      });\r\n\r\n      renderCards();\r\n\r\n      searchInput.addEventListener('input', (e) => {\r\n        renderCards(e.target.value);\r\n      });\r\n    })();\r\n  <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Phonic Lab \u00b7 Ascolta e impara Phonic Lab 42 suoni \u00b7 inglese essenziale 56 tracce audio Clicca su una card [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","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":"","ast-disable-related-posts":"","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":"default","ast-page-background-enabled":"default","ast-page-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":"","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-4)","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-4)","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-4)","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-645","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.profdifaziodonato.it\/index.php?rest_route=\/wp\/v2\/pages\/645","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.profdifaziodonato.it\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.profdifaziodonato.it\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.profdifaziodonato.it\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.profdifaziodonato.it\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=645"}],"version-history":[{"count":5,"href":"https:\/\/www.profdifaziodonato.it\/index.php?rest_route=\/wp\/v2\/pages\/645\/revisions"}],"predecessor-version":[{"id":650,"href":"https:\/\/www.profdifaziodonato.it\/index.php?rest_route=\/wp\/v2\/pages\/645\/revisions\/650"}],"wp:attachment":[{"href":"https:\/\/www.profdifaziodonato.it\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=645"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}