32:["$","ol","31",{"className":"list-decimal pl-0 sm:pl-6 space-y-2 my-4","children":["\n ",["$","li","1",{"className":"text-sm sm:text-base lg:text-lg","children":[["$","strong","0",{"children":"Create a New Project Directory:"}],"\n ",["$","pre","2",{"children":["$","code",null,{"className":"language-bash","children":"mkdir on-device-ai-agent\ncd on-device-ai-agent"}]}],"\n "]}],"\n ",["$","li","3",{"className":"text-sm sm:text-base lg:text-lg","children":[["$","strong","0",{"children":"Initialize npm:"}],"\n ",["$","pre","2",{"children":["$","code",null,{"className":"language-bash","children":"npm init -y"}]}],"\n "]}],"\n ",["$","li","5",{"className":"text-sm sm:text-base lg:text-lg","children":[["$","strong","0",{"children":["Install a Local Server (e.g., ",["$","code","1",{"children":"http-server"}],"):"]}],"\n ",["$","pre","2",{"children":["$","code",null,{"className":"language-bash","children":"npm install http-server --save-dev"}]}],"\n "]}],"\n ",["$","li","7",{"className":"text-sm sm:text-base lg:text-lg","children":[["$","strong","0",{"children":["Create ",["$","code","1",{"children":"index.html"}],", ",["$","code","3",{"children":"style.css"}],", and ",["$","code","5",{"children":"main.js"}]," files:"]}],"\n ",["$","pre","2",{"children":["$","code",null,{"className":"language-html","children":"\n\n\n\n \n \n On-Device AI Adaptive Experience\n \n\n\n

Welcome to Our Adaptive Content Hub

\n \n

Loading personalized content...

\n \n\n"}]}],"\n ",["$","pre","4",{"children":["$","code",null,{"className":"language-css","children":"/* style.css */\nbody {\n font-family: Arial, sans-serif;\n margin: 20px;\n background-color: #f4f4f4;\n color: #333;\n}\n\nmain {\n max-width: 800px;\n margin: 0 auto;\n background-color: #fff;\n padding: 20px;\n border-radius: 8px;\n box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n}\n\n.adapted-text {\n font-size: 1.1em; /* Default */\n line-height: 1.6;\n}\n\n.adapted-image {\n max-width: 100%;\n height: auto;\n display: block;\n margin-bottom: 15px;\n}\n\n.highlight {\n background-color: #e0f7fa;\n padding: 2px 4px;\n border-radius: 3px;\n}"}]}],"\n ",["$","pre","6",{"children":["$","code",null,{"className":"language-javascript","children":"$62"}]}],"\n "]}],"\n ","$L63","\n "]}]