[{"data":1,"prerenderedAt":8122},["ShallowReactive",2],{"navigation":3,"/templates-and-presentation/including-static-files":1016,"/templates-and-presentation/including-static-files-surround":8117},[4,54,89,123,165,211,253,331,389,439,462,488,514,540,578,624,650,672,702,736,774,800,850,856,862,868,874,928],{"title":5,"path":6,"stem":7,"children":8},"Introduction and Foundations","/introduction-and-foundations","01.introduction-and-foundations/01.index",[9,10,14,18,22,26,30,34,38,42,46,50],{"title":5,"path":6,"stem":7},{"title":11,"path":12,"stem":13},"What is Django","/introduction-and-foundations/what-is-django","01.introduction-and-foundations/02.what-is-django",{"title":15,"path":16,"stem":17},"Key Concepts and Philosophy","/introduction-and-foundations/key-concepts-and-philosophy","01.introduction-and-foundations/03.key-concepts-and-philosophy",{"title":19,"path":20,"stem":21},"MVC vs MVT: Understanding Django's Architecture","/introduction-and-foundations/mvc-vs-mvt","01.introduction-and-foundations/04.mvc-vs-mvt",{"title":23,"path":24,"stem":25},"Project Structure Overview","/introduction-and-foundations/project-structure-overview","01.introduction-and-foundations/05.project-structure-overview",{"title":27,"path":28,"stem":29},"Installing Django","/introduction-and-foundations/installing-django","01.introduction-and-foundations/06.installing-django",{"title":31,"path":32,"stem":33},"Creating Your First Django Project","/introduction-and-foundations/creating-first-project","01.introduction-and-foundations/07.creating-first-project",{"title":35,"path":36,"stem":37},"Creating Your First Django App","/introduction-and-foundations/creating-first-app","01.introduction-and-foundations/08.creating-first-app",{"title":39,"path":40,"stem":41},"Your First Django \"Hello World\"","/introduction-and-foundations/hello-world","01.introduction-and-foundations/09.hello-world",{"title":43,"path":44,"stem":45},"Django Quick Start Guide","/introduction-and-foundations/quick-start-guide","01.introduction-and-foundations/10.quick-start-guide",{"title":47,"path":48,"stem":49},"How Django Handles Requests","/introduction-and-foundations/how-django-handles-requests","01.introduction-and-foundations/11.how-django-handles-requests",{"title":51,"path":52,"stem":53},"Django Settings","/introduction-and-foundations/django-settings","01.introduction-and-foundations/12.django-settings",{"title":55,"path":56,"stem":57,"children":58},"The Development Environment","/development-environment","02.development-environment/1.index",[59,61,65,69,73,77,81,85],{"title":60,"path":56,"stem":57},"Development Environment",{"title":62,"path":63,"stem":64},"Recommended Tooling for Django Development","/development-environment/recommended-tooling","02.development-environment/2.recommended-tooling",{"title":66,"path":67,"stem":68},"Virtual Environments","/development-environment/virtual-environments","02.development-environment/3.virtual-environments",{"title":70,"path":71,"stem":72},"Django Admin and Management Commands","/development-environment/admin-and-management-commands","02.development-environment/4.admin-and-management-commands",{"title":74,"path":75,"stem":76},"Django Project Settings","/development-environment/project-settings","02.development-environment/5.project-settings",{"title":78,"path":79,"stem":80},"Managing Django Environments: Local, Staging, and Production","/development-environment/environments-local-staging-production","02.development-environment/6.environments-local-staging-production",{"title":82,"path":83,"stem":84},"Running Django Development Server","/development-environment/running-development-server","02.development-environment/7.running-development-server",{"title":86,"path":87,"stem":88},"Working with Django Shell","/development-environment/working-with-shell","02.development-environment/8.working-with-shell",{"title":90,"path":91,"stem":92,"children":93},"Templates and Presentation Layer","/templates-and-presentation","03.templates-and-presentation/1.index",[94,95,99,103,107,111,115,119],{"title":90,"path":91,"stem":92},{"title":96,"path":97,"stem":98},"Introduction to Django Templates","/templates-and-presentation/introduction-to-templates","03.templates-and-presentation/2.introduction-to-templates",{"title":100,"path":101,"stem":102},"The Django Template Language","/templates-and-presentation/django-template-language","03.templates-and-presentation/3.django-template-language",{"title":104,"path":105,"stem":106},"Template Inheritance","/templates-and-presentation/template-inheritance","03.templates-and-presentation/4.template-inheritance",{"title":108,"path":109,"stem":110},"Built-in Template Tags and Filters","/templates-and-presentation/built-in-template-tags-and-filters","03.templates-and-presentation/5.built-in-template-tags-and-filters",{"title":112,"path":113,"stem":114},"Including Static Files","/templates-and-presentation/including-static-files","03.templates-and-presentation/6.including-static-files",{"title":116,"path":117,"stem":118},"Working with Media Files","/templates-and-presentation/working-with-media-files","03.templates-and-presentation/7.working-with-media-files",{"title":120,"path":121,"stem":122},"Using Alternative Template Engines","/templates-and-presentation/using-alternative-template-engines","03.templates-and-presentation/8.using-alternative-template-engines",{"title":124,"path":125,"stem":126,"children":127},"URLs and Views","/urls-and-views","04.urls-and-views/01.index",[128,129,133,137,141,145,149,153,157,161],{"title":124,"path":125,"stem":126},{"title":130,"path":131,"stem":132},"The URL Dispatcher","/urls-and-views/the-url-dispatcher","04.urls-and-views/02.the-url-dispatcher",{"title":134,"path":135,"stem":136},"Writing Function-Based Views","/urls-and-views/writing-function-based-views","04.urls-and-views/03.writing-function-based-views",{"title":138,"path":139,"stem":140},"View Decorators","/urls-and-views/view-decorators","04.urls-and-views/04.view-decorators",{"title":142,"path":143,"stem":144},"Rendering Responses","/urls-and-views/rendering-responses","04.urls-and-views/05.rendering-responses",{"title":146,"path":147,"stem":148},"Redirects","/urls-and-views/redirects","04.urls-and-views/06.redirects",{"title":150,"path":151,"stem":152},"Handling HTTP Methods","/urls-and-views/handling-http-methods","04.urls-and-views/07.handling-http-methods",{"title":154,"path":155,"stem":156},"Conditional View Processing","/urls-and-views/conditional-view-processing","04.urls-and-views/08.conditional-view-processing",{"title":158,"path":159,"stem":160},"File Uploads","/urls-and-views/file-uploads","04.urls-and-views/09.file-uploads",{"title":162,"path":163,"stem":164},"Using Django Shortcut Functions","/urls-and-views/using-django-shortcut-functions","04.urls-and-views/10.using-django-shortcut-functions",{"title":166,"path":167,"stem":168,"children":169},"Class Based Views","/class-based-views","05.class-based-views/01.index",[170,171,175,179,183,187,191,195,199,203,207],{"title":166,"path":167,"stem":168},{"title":172,"path":173,"stem":174},"Introduction to Class-Based Views","/class-based-views/introduction-to-class-based-views","05.class-based-views/02.introduction-to-class-based-views",{"title":176,"path":177,"stem":178},"Common Base Classes","/class-based-views/common-base-classes","05.class-based-views/03.common-base-classes",{"title":180,"path":181,"stem":182},"Built-in Generic Views","/class-based-views/built-in-generic-views","05.class-based-views/04.built-in-generic-views",{"title":184,"path":185,"stem":186},"Views for CRUD Operations","/class-based-views/views-for-crud-operations","05.class-based-views/05.views-for-crud-operations",{"title":188,"path":189,"stem":190},"Handling Forms with Class-Based Views","/class-based-views/handling-forms-with-class-based-views","05.class-based-views/06.handling-forms-with-class-based-views",{"title":192,"path":193,"stem":194},"Using Mixins","/class-based-views/using-mixins","05.class-based-views/07.using-mixins",{"title":196,"path":197,"stem":198},"URL Configuration with Class-Based Views","/class-based-views/url-configuration-with-class-based-views","05.class-based-views/08.url-configuration-with-class-based-views",{"title":200,"path":201,"stem":202},"Subclassing Generic Views","/class-based-views/subclassing-generic-views","05.class-based-views/09.subclassing-generic-views",{"title":204,"path":205,"stem":206},"Asynchronous Class-Based Views","/class-based-views/asynchronous-class-based-views","05.class-based-views/10.asynchronous-class-based-views",{"title":208,"path":209,"stem":210},"Pagination","/class-based-views/pagination","05.class-based-views/11.pagination",{"title":212,"path":213,"stem":214,"children":215},"Forms and User Input","/forms-and-user-input","06.forms-and-user-input/01.index",[216,217,221,225,229,233,237,241,245,249],{"title":212,"path":213,"stem":214},{"title":218,"path":219,"stem":220},"Understanding HTML Forms","/forms-and-user-input/understanding-html-forms","06.forms-and-user-input/02.understanding-html-forms",{"title":222,"path":223,"stem":224},"Django's Role in Form Handling","/forms-and-user-input/djangos-role-in-form-handling","06.forms-and-user-input/03.djangos-role-in-form-handling",{"title":226,"path":227,"stem":228},"Creating Forms with Forms API","/forms-and-user-input/creating-forms-with-forms-api","06.forms-and-user-input/04.creating-forms-with-forms-api",{"title":230,"path":231,"stem":232},"Form Validation","/forms-and-user-input/form-validation","06.forms-and-user-input/05.form-validation",{"title":234,"path":235,"stem":236},"Built-in Fields and Widgets","/forms-and-user-input/built-in-fields-and-widgets","06.forms-and-user-input/06.built-in-fields-and-widgets",{"title":238,"path":239,"stem":240},"Form Rendering in Templates","/forms-and-user-input/form-rendering-in-templates","06.forms-and-user-input/07.form-rendering-in-templates",{"title":242,"path":243,"stem":244},"Model Forms","/forms-and-user-input/model-forms","06.forms-and-user-input/08.model-forms",{"title":246,"path":247,"stem":248},"Advanced Form Techniques","/forms-and-user-input/advanced-form-techniques","06.forms-and-user-input/09.advanced-form-techniques",{"title":250,"path":251,"stem":252},"Security Considerations for Forms","/forms-and-user-input/security-considerations-for-forms","06.forms-and-user-input/10.security-considerations-for-forms",{"title":254,"path":255,"stem":256,"children":257},"Models and Databases","/models-and-databases","07.models-and-databases/01.index",[258,259,263,267,271,275,279,283,287,291,295,299,303,307,311,315,319,323,327],{"title":254,"path":255,"stem":256},{"title":260,"path":261,"stem":262},"Understanding Django Models","/models-and-databases/understanding-django-models","07.models-and-databases/02.understanding-django-models",{"title":264,"path":265,"stem":266},"Defining Fields","/models-and-databases/defining-fields","07.models-and-databases/03.defining-fields",{"title":268,"path":269,"stem":270},"Relationships and Foreign Keys","/models-and-databases/relationships-and-foreign-keys","07.models-and-databases/04.relationships-and-foreign-keys",{"title":272,"path":273,"stem":274},"Examples of Relationship Patterns","/models-and-databases/examples-of-relationship-patterns","07.models-and-databases/05.examples-of-relationship-patterns",{"title":276,"path":277,"stem":278},"Making Queries","/models-and-databases/making-queries","07.models-and-databases/06.making-queries",{"title":280,"path":281,"stem":282},"Filtering, Ordering, and Slicing","/models-and-databases/filtering-ordering-slicing","07.models-and-databases/07.filtering-ordering-slicing",{"title":284,"path":285,"stem":286},"Managers and QuerySets","/models-and-databases/managers-and-querysets","07.models-and-databases/08.managers-and-querysets",{"title":288,"path":289,"stem":290},"Aggregation","/models-and-databases/aggregation","07.models-and-databases/09.aggregation",{"title":292,"path":293,"stem":294},"Search","/models-and-databases/search","07.models-and-databases/10.search",{"title":296,"path":297,"stem":298},"Raw SQL Queries","/models-and-databases/raw-sql-queries","07.models-and-databases/11.raw-sql-queries",{"title":300,"path":301,"stem":302},"Transactions","/models-and-databases/transactions","07.models-and-databases/12.transactions",{"title":304,"path":305,"stem":306},"Multiple Databases","/models-and-databases/multiple-databases","07.models-and-databases/13.multiple-databases",{"title":308,"path":309,"stem":310},"Tablespaces","/models-and-databases/tablespaces","07.models-and-databases/14.tablespaces",{"title":312,"path":313,"stem":314},"Composite Primary Keys","/models-and-databases/composite-primary-keys","07.models-and-databases/15.composite-primary-keys",{"title":316,"path":317,"stem":318},"Database Instrumentation","/models-and-databases/database-instrumentation","07.models-and-databases/16.database-instrumentation",{"title":320,"path":321,"stem":322},"Database Optimization","/models-and-databases/database-optimization","07.models-and-databases/17.database-optimization",{"title":324,"path":325,"stem":326},"Fixtures","/models-and-databases/fixtures","07.models-and-databases/18.fixtures",{"title":328,"path":329,"stem":330},"Signals","/models-and-databases/signals","07.models-and-databases/19.signals",{"title":332,"path":333,"stem":334,"children":335},"Migrations","/migrations","08.migrations/01.index",[336,337,341,345,349,353,357,361,365,369,373,377,381,385],{"title":332,"path":333,"stem":334},{"title":338,"path":339,"stem":340},"How Migrations Work","/migrations/how-migrations-work","08.migrations/02.how-migrations-work",{"title":342,"path":343,"stem":344},"Management Commands","/migrations/management-commands","08.migrations/03.management-commands",{"title":346,"path":347,"stem":348},"Dependencies and Workflow","/migrations/dependencies-and-workflow","08.migrations/04.dependencies-and-workflow",{"title":350,"path":351,"stem":352},"Transaction Handling","/migrations/transaction-handling","08.migrations/05.transaction-handling",{"title":354,"path":355,"stem":356},"Adding Migrations to Apps","/migrations/adding-migrations-to-apps","08.migrations/06.adding-migrations-to-apps",{"title":358,"path":359,"stem":360},"Reversing Migrations","/migrations/reversing-migrations","08.migrations/07.reversing-migrations",{"title":362,"path":363,"stem":364},"Historical Models","/migrations/historical-models","08.migrations/08.historical-models",{"title":366,"path":367,"stem":368},"Considerations When Removing Fields","/migrations/considerations-when-removing-fields","08.migrations/09.considerations-when-removing-fields",{"title":370,"path":371,"stem":372},"Data Migrations","/migrations/data-migrations","08.migrations/10.data-migrations",{"title":374,"path":375,"stem":376},"Squashing Migrations","/migrations/squashing-migrations","08.migrations/11.squashing-migrations",{"title":378,"path":379,"stem":380},"Serializing Values","/migrations/serializing-values","08.migrations/12.serializing-values",{"title":382,"path":383,"stem":384},"Supporting Multiple Django Versions","/migrations/supporting-multiple-django-versions","08.migrations/13.supporting-multiple-django-versions",{"title":386,"path":387,"stem":388},"Django Serialization Framework","/migrations/django-serialization-framework","08.migrations/14.django-serialization-framework",{"title":390,"path":391,"stem":392,"children":393},"Authentication and Authorization","/authentication-and-authorization","09.authentication-and-authorization/01.index",[394,395,399,403,407,411,415,419,423,427,431,435],{"title":390,"path":391,"stem":392},{"title":396,"path":397,"stem":398},"Overview of Django's Authentication System","/authentication-and-authorization/overview-of-django-authentication-system","09.authentication-and-authorization/02.overview-of-django-authentication-system",{"title":400,"path":401,"stem":402},"Users and Groups","/authentication-and-authorization/users-and-groups","09.authentication-and-authorization/03.users-and-groups",{"title":404,"path":405,"stem":406},"Permissions","/authentication-and-authorization/permissions","09.authentication-and-authorization/04.permissions",{"title":408,"path":409,"stem":410},"Password Management","/authentication-and-authorization/password-management","09.authentication-and-authorization/05.password-management",{"title":412,"path":413,"stem":414},"Authentication Views","/authentication-and-authorization/authentication-views","09.authentication-and-authorization/06.authentication-views",{"title":416,"path":417,"stem":418},"Login and Logout","/authentication-and-authorization/login-and-logout","09.authentication-and-authorization/07.login-and-logout",{"title":420,"path":421,"stem":422},"Custom User Models","/authentication-and-authorization/custom-user-models","09.authentication-and-authorization/08.custom-user-models",{"title":424,"path":425,"stem":426},"Middleware for Authentication","/authentication-and-authorization/middleware-for-authentication","09.authentication-and-authorization/09.middleware-for-authentication",{"title":428,"path":429,"stem":430},"Authorization in Views and Templates","/authentication-and-authorization/authorization-in-views-and-templates","09.authentication-and-authorization/10.authorization-in-views-and-templates",{"title":432,"path":433,"stem":434},"Integrating Social Authentication","/authentication-and-authorization/integrating-social-authentication","09.authentication-and-authorization/11.integrating-social-authentication",{"title":436,"path":437,"stem":438},"Security Best Practices","/authentication-and-authorization/security-best-practices","09.authentication-and-authorization/12.security-best-practices",{"title":440,"path":441,"stem":442,"children":443},"Sessions, Cookies, and State","/sessions-cookies-state","10.sessions-cookies-state/01.index",[444,446,450,454,458],{"title":445,"path":441,"stem":442},"Sessions, Cookies, and State Management",{"title":447,"path":448,"stem":449},"Introduction to Sessions","/sessions-cookies-state/introduction-to-sessions","10.sessions-cookies-state/02.introduction-to-sessions",{"title":451,"path":452,"stem":453},"Working with Cookies","/sessions-cookies-state/working-with-cookies","10.sessions-cookies-state/03.working-with-cookies",{"title":455,"path":456,"stem":457},"Server-Side Session Storage Options","/sessions-cookies-state/server-side-session-storage-options","10.sessions-cookies-state/04.server-side-session-storage-options",{"title":459,"path":460,"stem":461},"Session Security","/sessions-cookies-state/session-security","10.sessions-cookies-state/05.session-security",{"title":463,"path":464,"stem":465,"children":466},"Working with Files","/working-with-files","11.working-with-files/01.index",[467,468,472,476,480,484],{"title":463,"path":464,"stem":465},{"title":469,"path":470,"stem":471},"Files in Models","/working-with-files/files-in-models","11.working-with-files/02.files-in-models",{"title":473,"path":474,"stem":475},"The File Object","/working-with-files/the-file-object","11.working-with-files/03.the-file-object",{"title":477,"path":478,"stem":479},"Storage Backends","/working-with-files/storage-backends","11.working-with-files/04.storage-backends",{"title":481,"path":482,"stem":483},"Using Cloud Storage Providers","/working-with-files/using-cloud-storage-providers","11.working-with-files/05.using-cloud-storage-providers",{"title":485,"path":486,"stem":487},"Managing Media in Production","/working-with-files/managing-media-in-production","11.working-with-files/06.managing-media-in-production",{"title":489,"path":490,"stem":491,"children":492},"Admin Site","/admin-site","12.admin-site/01.index",[493,494,498,502,506,510],{"title":489,"path":490,"stem":491},{"title":495,"path":496,"stem":497},"Enabling the Admin","/admin-site/enabling-the-admin","12.admin-site/02.enabling-the-admin",{"title":499,"path":500,"stem":501},"Registering Models","/admin-site/registering-models","12.admin-site/03.registering-models",{"title":503,"path":504,"stem":505},"Customizing Admin Display","/admin-site/customizing-admin-display","12.admin-site/04.customizing-admin-display",{"title":507,"path":508,"stem":509},"Admin Actions","/admin-site/admin-actions","12.admin-site/05.admin-actions",{"title":511,"path":512,"stem":513},"Admin Security Best Practices","/admin-site/admin-security-best-practices","12.admin-site/06.admin-security-best-practices",{"title":515,"path":516,"stem":517,"children":518},"Middleware","/middleware","13.middleware/01.index",[519,520,524,528,532,536],{"title":515,"path":516,"stem":517},{"title":521,"path":522,"stem":523},"Middleware Overview","/middleware/middleware-overview","13.middleware/02.middleware-overview",{"title":525,"path":526,"stem":527},"Built-in Middleware","/middleware/built-in-middleware","13.middleware/03.built-in-middleware",{"title":529,"path":530,"stem":531},"Creating Custom Middleware","/middleware/creating-custom-middleware","13.middleware/04.creating-custom-middleware",{"title":533,"path":534,"stem":535},"Middleware Ordering","/middleware/middleware-ordering","13.middleware/05.middleware-ordering",{"title":537,"path":538,"stem":539},"Performance and Debugging","/middleware/performance-and-debugging","13.middleware/06.performance-and-debugging",{"title":541,"path":542,"stem":543,"children":544},"Security","/security","14.security/01.index",[545,546,550,554,558,562,566,570,574],{"title":541,"path":542,"stem":543},{"title":547,"path":548,"stem":549},"Django Security Philosophy","/security/django-security-philosophy","14.security/02.django-security-philosophy",{"title":551,"path":552,"stem":553},"Cross Site Request Forgery","/security/cross-site-request-forgery","14.security/03.cross-site-request-forgery",{"title":555,"path":556,"stem":557},"Cross Site Scripting","/security/cross-site-scripting","14.security/04.cross-site-scripting",{"title":559,"path":560,"stem":561},"SQL Injection Protection","/security/sql-injection-protection","14.security/05.sql-injection-protection",{"title":563,"path":564,"stem":565},"Clickjacking Protection","/security/clickjacking-protection","14.security/06.clickjacking-protection",{"title":567,"path":568,"stem":569},"HTTPS Setup and HSTS","/security/https-setup-and-hsts","14.security/07.https-setup-and-hsts",{"title":571,"path":572,"stem":573},"Password Storage and Cryptography","/security/password-storage-and-cryptography","14.security/08.password-storage-and-cryptography",{"title":575,"path":576,"stem":577},"Secure Deployment Checklist","/security/secure-deployment-checklist","14.security/09.secure-deployment-checklist",{"title":579,"path":580,"stem":581,"children":582},"Testing","/testing","15.testing/01.index",[583,584,588,592,596,600,604,608,612,616,620],{"title":579,"path":580,"stem":581},{"title":585,"path":586,"stem":587},"Introduction to Django Testing","/testing/introduction-to-django-testing","15.testing/02.introduction-to-django-testing",{"title":589,"path":590,"stem":591},"Writing and Running Tests","/testing/writing-and-running-tests","15.testing/03.writing-and-running-tests",{"title":593,"path":594,"stem":595},"Test Tools","/testing/test-tools","15.testing/04.test-tools",{"title":597,"path":598,"stem":599},"Testing Models","/testing/testing-models","15.testing/05.testing-models",{"title":601,"path":602,"stem":603},"Testing Views","/testing/testing-views","15.testing/06.testing-views",{"title":605,"path":606,"stem":607},"Testing Forms","/testing/testing-forms","15.testing/07.testing-forms",{"title":609,"path":610,"stem":611},"Testing Templates","/testing/testing-templates","15.testing/08.testing-templates",{"title":613,"path":614,"stem":615},"Testing Authentication","/testing/testing-authentication","15.testing/09.testing-authentication",{"title":617,"path":618,"stem":619},"Advanced Testing Topics","/testing/advanced-testing-topics","15.testing/10.advanced-testing-topics",{"title":621,"path":622,"stem":623},"Performance Testing","/testing/performance-testing","15.testing/11.performance-testing",{"title":625,"path":626,"stem":627,"children":628},"Static Assets and Frontend Integration","/static-assets-and-frontend-integration","16.static-assets-and-frontend-integration/01.index",[629,630,634,638,642,646],{"title":625,"path":626,"stem":627},{"title":631,"path":632,"stem":633},"Working with Static Files","/static-assets-and-frontend-integration/working-with-static-files","16.static-assets-and-frontend-integration/02.working-with-static-files",{"title":635,"path":636,"stem":637},"Integrating CSS and JavaScript","/static-assets-and-frontend-integration/integrating-css-and-javascript","16.static-assets-and-frontend-integration/03.integrating-css-and-javascript",{"title":639,"path":640,"stem":641},"Using Build Tools like Vite or Webpack","/static-assets-and-frontend-integration/using-build-tools-like-vite-or-webpack","16.static-assets-and-frontend-integration/04.using-build-tools-like-vite-or-webpack",{"title":643,"path":644,"stem":645},"Using React or Vue with Django","/static-assets-and-frontend-integration/using-react-or-vue-with-django","16.static-assets-and-frontend-integration/05.using-react-or-vue-with-django",{"title":647,"path":648,"stem":649},"Managing CORS","/static-assets-and-frontend-integration/managing-cors","16.static-assets-and-frontend-integration/06.managing-cors",{"title":651,"path":652,"stem":653,"children":654},"Internationalization and Localization","/internationalization-and-localization","17.internationalization-and-localization/01.index",[655,656,660,664,668],{"title":651,"path":652,"stem":653},{"title":657,"path":658,"stem":659},"Enabling Translation","/internationalization-and-localization/enabling-translation","17.internationalization-and-localization/02.enabling-translation",{"title":661,"path":662,"stem":663},"Translating Text in Code and Templates","/internationalization-and-localization/translating-text-in-code-and-templates","17.internationalization-and-localization/03.translating-text-in-code-and-templates",{"title":665,"path":666,"stem":667},"Timezone Support","/internationalization-and-localization/timezone-support","17.internationalization-and-localization/04.timezone-support",{"title":669,"path":670,"stem":671},"Locale Middleware","/internationalization-and-localization/locale-middleware","17.internationalization-and-localization/05.locale-middleware",{"title":673,"path":674,"stem":675,"children":676},"Caching","/caching","18.caching/01.index",[677,678,682,686,690,694,698],{"title":673,"path":674,"stem":675},{"title":679,"path":680,"stem":681},"Introduction to Caching","/caching/introduction-to-caching","18.caching/02.introduction-to-caching",{"title":683,"path":684,"stem":685},"Cache Backends","/caching/cache-backends","18.caching/03.cache-backends",{"title":687,"path":688,"stem":689},"Per View Caching","/caching/per-view-caching","18.caching/04.per-view-caching",{"title":691,"path":692,"stem":693},"Low Level Cache API","/caching/low-level-cache-api","18.caching/05.low-level-cache-api",{"title":695,"path":696,"stem":697},"Template Fragment Caching","/caching/template-fragment-caching","18.caching/06.template-fragment-caching",{"title":699,"path":700,"stem":701},"Deployment Level Caching Patterns","/caching/deployment-level-caching-patterns","18.caching/07.deployment-level-caching-patterns",{"title":703,"path":704,"stem":705,"children":706},"Asynchronous Django","/asynchronous-django","19.asynchronous-django/01.index",[707,708,712,716,720,724,728,732],{"title":703,"path":704,"stem":705},{"title":709,"path":710,"stem":711},"Introduction to ASGI","/asynchronous-django/introduction-to-asgi","19.asynchronous-django/02.introduction-to-asgi",{"title":713,"path":714,"stem":715},"Async Views","/asynchronous-django/async-views","19.asynchronous-django/03.async-views",{"title":717,"path":718,"stem":719},"Async ORM Status","/asynchronous-django/async-orm-status","19.asynchronous-django/04.async-orm-status",{"title":721,"path":722,"stem":723},"WebSockets with Channels","/asynchronous-django/websockets-with-channels","19.asynchronous-django/05.websockets-with-channels",{"title":725,"path":726,"stem":727},"Background Tasks with Celery or RQ","/asynchronous-django/background-tasks-with-celery-or-rq","19.asynchronous-django/06.background-tasks-with-celery-or-rq",{"title":729,"path":730,"stem":731},"Asynchronous Support","/asynchronous-django/asynchronous-support","19.asynchronous-django/07.asynchronous-support",{"title":733,"path":734,"stem":735},"Django's Tasks Framework","/asynchronous-django/django-tasks-framework","19.asynchronous-django/08.django-tasks-framework",{"title":737,"path":738,"stem":739,"children":740},"Deployment","/deployment","20.deployment/01.index",[741,742,746,750,754,758,762,766,770],{"title":737,"path":738,"stem":739},{"title":743,"path":744,"stem":745},"Preparing for Production","/deployment/preparing-for-production","20.deployment/02.preparing-for-production",{"title":747,"path":748,"stem":749},"Using WSGI and ASGI Servers","/deployment/using-wsgi-and-asgi-servers","20.deployment/03.using-wsgi-and-asgi-servers",{"title":751,"path":752,"stem":753},"Deploying on Linux Servers","/deployment/deploying-on-linux-servers","20.deployment/04.deploying-on-linux-servers",{"title":755,"path":756,"stem":757},"Using Docker","/deployment/using-docker","20.deployment/05.using-docker",{"title":759,"path":760,"stem":761},"Cloud Deployment Guides","/deployment/cloud-deployment-guides","20.deployment/06.cloud-deployment-guides",{"title":763,"path":764,"stem":765},"Scaling and Load Balancing","/deployment/scaling-and-load-balancing","20.deployment/07.scaling-and-load-balancing",{"title":767,"path":768,"stem":769},"Monitoring and Logging","/deployment/monitoring-and-logging","20.deployment/08.monitoring-and-logging",{"title":771,"path":772,"stem":773},"Backup Strategies","/deployment/backup-strategies","20.deployment/09.backup-strategies",{"title":775,"path":776,"stem":777,"children":778},"Performance and Optimization","/performance-and-optimization","21.performance-and-optimization/01.index",[779,780,784,788,792,796],{"title":775,"path":776,"stem":777},{"title":781,"path":782,"stem":783},"Query Optimization","/performance-and-optimization/query-optimization","21.performance-and-optimization/02.query-optimization",{"title":785,"path":786,"stem":787},"Template Rendering Optimization","/performance-and-optimization/template-rendering-optimization","21.performance-and-optimization/03.template-rendering-optimization",{"title":789,"path":790,"stem":791},"Using Select Related and Prefetch Related","/performance-and-optimization/using-select-related-and-prefetch-related","21.performance-and-optimization/04.using-select-related-and-prefetch-related",{"title":793,"path":794,"stem":795},"Caching Strategies","/performance-and-optimization/caching-strategies","21.performance-and-optimization/05.caching-strategies",{"title":797,"path":798,"stem":799},"Profiling Django Apps","/performance-and-optimization/profiling-django-apps","21.performance-and-optimization/06.profiling-django-apps",{"title":801,"path":802,"stem":803,"children":804},"Advanced and Expert Topics","/advanced-and-expert-topics","22.advanced-and-expert-topics/01.index",[805,806,810,814,818,822,826,830,834,838,842,846],{"title":801,"path":802,"stem":803},{"title":807,"path":808,"stem":809},"System Architecture Patterns","/advanced-and-expert-topics/system-architecture-patterns","22.advanced-and-expert-topics/02.system-architecture-patterns",{"title":811,"path":812,"stem":813},"Domain Driven Design with Django","/advanced-and-expert-topics/domain-driven-design-with-django","22.advanced-and-expert-topics/03.domain-driven-design-with-django",{"title":815,"path":816,"stem":817},"Building Large Scale Django Projects","/advanced-and-expert-topics/building-large-scale-django-projects","22.advanced-and-expert-topics/04.building-large-scale-django-projects",{"title":819,"path":820,"stem":821},"Plugin Architectures for Django Apps","/advanced-and-expert-topics/plugin-architectures-for-django-apps","22.advanced-and-expert-topics/05.plugin-architectures-for-django-apps",{"title":823,"path":824,"stem":825},"Extending Django's Core","/advanced-and-expert-topics/extending-djangos-core","22.advanced-and-expert-topics/06.extending-djangos-core",{"title":827,"path":828,"stem":829},"Custom ORM Expressions","/advanced-and-expert-topics/custom-orm-expressions","22.advanced-and-expert-topics/07.custom-orm-expressions",{"title":831,"path":832,"stem":833},"Custom Management Commands","/advanced-and-expert-topics/custom-management-commands","22.advanced-and-expert-topics/08.custom-management-commands",{"title":835,"path":836,"stem":837},"Working with Signals","/advanced-and-expert-topics/working-with-signals","22.advanced-and-expert-topics/09.working-with-signals",{"title":839,"path":840,"stem":841},"Building Reusable Django Packages","/advanced-and-expert-topics/building-reusable-django-packages","22.advanced-and-expert-topics/10.building-reusable-django-packages",{"title":843,"path":844,"stem":845},"Integrating Microservices","/advanced-and-expert-topics/integrating-microservices","22.advanced-and-expert-topics/11.integrating-microservices",{"title":847,"path":848,"stem":849},"Advanced Security Hardening","/advanced-and-expert-topics/advanced-security-hardening","22.advanced-and-expert-topics/12.advanced-security-hardening",{"title":851,"path":852,"stem":853,"children":854},"Logging in Django","/logging-in-django","23.logging-in-django/01.index",[855],{"title":851,"path":852,"stem":853},{"title":857,"path":858,"stem":859,"children":860},"FAQ and Troubleshooting","/faq-and-troubleshooting","24.faq-and-troubleshooting/01.index",[861],{"title":857,"path":858,"stem":859},{"title":863,"path":864,"stem":865,"children":866},"External Packages and Ecosystem","/external-packages-and-ecosystem","25.external-packages-and-ecosystem/01.index",[867],{"title":863,"path":864,"stem":865},{"title":869,"path":870,"stem":871,"children":872},"Django Internals and Contributing","/django-internals-and-contributing","26.django-internals-and-contributing/01.index",[873],{"title":869,"path":870,"stem":871},{"title":875,"path":876,"stem":877,"children":878},"Microservices with Django","/microservices-with-django","27.microservices-with-django/01.index",[879,880,884,888,892,896,900,904,908,912,916,920,924],{"title":875,"path":876,"stem":877},{"title":881,"path":882,"stem":883},"What Is a Microservice?","/microservices-with-django/what-is-a-microservice","27.microservices-with-django/02.what-is-a-microservice",{"title":885,"path":886,"stem":887},"Introducing the Django Microservices Architecture","/microservices-with-django/django-microservices-architecture","27.microservices-with-django/03.django-microservices-architecture",{"title":889,"path":890,"stem":891},"Setting Up the Development and Runtime Environment","/microservices-with-django/development-environment","27.microservices-with-django/04.development-environment",{"title":893,"path":894,"stem":895},"Cloud-native Data Processing with MongoDB","/microservices-with-django/cloud-native-data-processing","27.microservices-with-django/05.cloud-native-data-processing",{"title":897,"path":898,"stem":899},"Creating RESTful APIs for Microservices","/microservices-with-django/restful-apis","27.microservices-with-django/06.restful-apis",{"title":901,"path":902,"stem":903},"Orchestrating Microservices with Celery and RabbitMQ","/microservices-with-django/orchestrating-celery-rabbitmq","27.microservices-with-django/07.orchestrating-celery-rabbitmq",{"title":905,"path":906,"stem":907},"Testing Microservices","/microservices-with-django/testing-microservices","27.microservices-with-django/08.testing-microservices",{"title":909,"path":910,"stem":911},"Deploying Microservices","/microservices-with-django/deploying-microservices","27.microservices-with-django/09.deploying-microservices",{"title":913,"path":914,"stem":915},"Securing Microservices","/microservices-with-django/securing-microservices","27.microservices-with-django/10.securing-microservices",{"title":917,"path":918,"stem":919},"Improving Microservices Performance with Caching","/microservices-with-django/performance-caching","27.microservices-with-django/11.performance-caching",{"title":921,"path":922,"stem":923},"Best Practices","/microservices-with-django/best-practices","27.microservices-with-django/12.best-practices",{"title":925,"path":926,"stem":927},"Transforming a Monolithic Web App into a Microservice version","/microservices-with-django/monolith-to-microservices","27.microservices-with-django/13.monolith-to-microservices",{"title":929,"path":930,"stem":931,"children":932},"Releases","/releases","releases",[933,936,940,944,948,952,956,960,964,968,972,976,980,984,988,992,996,1000,1004,1008,1012],{"title":934,"path":930,"stem":935},"Django Releases","releases/index",{"title":937,"path":938,"stem":939},"Django 5.1.10 release notes","/releases/5.1.10","releases/5.1.10",{"title":941,"path":942,"stem":943},"Django 5.1.11 release notes","/releases/5.1.11","releases/5.1.11",{"title":945,"path":946,"stem":947},"Django 5.1.12 release notes","/releases/5.1.12","releases/5.1.12",{"title":949,"path":950,"stem":951},"Django 5.1.13 release notes","/releases/5.1.13","releases/5.1.13",{"title":953,"path":954,"stem":955},"Django 5.1.14 release notes","/releases/5.1.14","releases/5.1.14",{"title":957,"path":958,"stem":959},"Django 5.1.15 release notes","/releases/5.1.15","releases/5.1.15",{"title":961,"path":962,"stem":963},"Django 5.2 release notes","/releases/5.2","releases/5.2",{"title":965,"path":966,"stem":967},"Django 5.2.1 release notes","/releases/5.2.1","releases/5.2.1",{"title":969,"path":970,"stem":971},"Django 5.2.10 release notes","/releases/5.2.10","releases/5.2.10",{"title":973,"path":974,"stem":975},"Django 5.2.2 release notes","/releases/5.2.2","releases/5.2.2",{"title":977,"path":978,"stem":979},"Django 5.2.3 release notes","/releases/5.2.3","releases/5.2.3",{"title":981,"path":982,"stem":983},"Django 5.2.4 release notes","/releases/5.2.4","releases/5.2.4",{"title":985,"path":986,"stem":987},"Django 5.2.5 release notes","/releases/5.2.5","releases/5.2.5",{"title":989,"path":990,"stem":991},"Django 5.2.6 release notes","/releases/5.2.6","releases/5.2.6",{"title":993,"path":994,"stem":995},"Django 5.2.7 release notes","/releases/5.2.7","releases/5.2.7",{"title":997,"path":998,"stem":999},"Django 5.2.8 release notes","/releases/5.2.8","releases/5.2.8",{"title":1001,"path":1002,"stem":1003},"Django 5.2.9 release notes","/releases/5.2.9","releases/5.2.9",{"title":1005,"path":1006,"stem":1007},"Django 6.0 release notes","/releases/6.0","releases/6.0",{"title":1009,"path":1010,"stem":1011},"Django 6.0.1 release notes","/releases/6.0.1","releases/6.0.1",{"title":1013,"path":1014,"stem":1015},"Django 6.1 release notes - UNDER DEVELOPMENT","/releases/6.1","releases/6.1",{"id":1017,"title":112,"body":1018,"description":1028,"extension":8112,"links":8113,"meta":8114,"navigation":1176,"path":113,"seo":8115,"stem":114,"__hash__":8116},"docs/03.templates-and-presentation/6.including-static-files.md",{"type":1019,"value":1020,"toc":8071},"minimark",[1021,1025,1029,1034,1039,1042,1077,1081,1086,1100,1105,1119,1123,1127,1408,1412,1420,1424,1428,1767,1771,1776,1997,2002,2175,2180,2451,2455,2460,2602,2607,2734,2738,2742,2747,2939,2944,3304,3309,3707,3711,4191,4195,4199,4722,4727,5351,5355,6354,6358,6362,6649,6653,6958,6962,6966,7266,7270,7411,7415,7419,7525,7529,7605,7609,7676,7680,7684,7797,7801,7939,7943,8065,8068],[1022,1023,112],"h1",{"id":1024},"including-static-files",[1026,1027,1028],"p",{},"Static files (CSS, JavaScript, images, fonts) are essential components of modern web applications. Django provides a robust system for managing, serving, and optimizing static files across development and production environments.",[1030,1031,1033],"h2",{"id":1032},"static-files-overview","Static Files Overview",[1035,1036,1038],"h3",{"id":1037},"what-are-static-files","What Are Static Files?",[1026,1040,1041],{},"Static files are assets that don't change based on user requests or application state:",[1043,1044,1045,1053,1059,1065,1071],"ul",{},[1046,1047,1048,1052],"li",{},[1049,1050,1051],"strong",{},"CSS stylesheets"," - Visual styling and layout",[1046,1054,1055,1058],{},[1049,1056,1057],{},"JavaScript files"," - Client-side functionality and interactivity",[1046,1060,1061,1064],{},[1049,1062,1063],{},"Images"," - Icons, logos, backgrounds, and graphics",[1046,1066,1067,1070],{},[1049,1068,1069],{},"Fonts"," - Custom typography files",[1046,1072,1073,1076],{},[1049,1074,1075],{},"Documents"," - PDFs, downloads, and other static resources",[1035,1078,1080],{"id":1079},"static-vs-media-files","Static vs Media Files",[1026,1082,1083],{},[1049,1084,1085],{},"Static Files:",[1043,1087,1088,1091,1094,1097],{},[1046,1089,1090],{},"Part of your application code",[1046,1092,1093],{},"Versioned with your codebase",[1046,1095,1096],{},"Same for all users",[1046,1098,1099],{},"Examples: CSS, JS, app icons",[1026,1101,1102],{},[1049,1103,1104],{},"Media Files:",[1043,1106,1107,1110,1113,1116],{},[1046,1108,1109],{},"User-uploaded content",[1046,1111,1112],{},"Dynamic and user-specific",[1046,1114,1115],{},"Not versioned with code",[1046,1117,1118],{},"Examples: profile photos, document uploads",[1030,1120,1122],{"id":1121},"static-files-configuration","Static Files Configuration",[1035,1124,1126],{"id":1125},"basic-settings","Basic Settings",[1128,1129,1134],"pre",{"className":1130,"code":1131,"language":1132,"meta":1133,"style":1133},"language-python shiki shiki-themes material-theme-lighter vitesse-light vitesse-dark","# settings.py\nimport os\nfrom pathlib import Path\n\nBASE_DIR = Path(__file__).resolve().parent.parent\n\n# Static files (CSS, JavaScript, Images)\nSTATIC_URL = '/static/'  # URL prefix for static files\n\n# Additional locations of static files\nSTATICFILES_DIRS = [\n    BASE_DIR / 'static',  # Project-level static files\n    BASE_DIR / 'assets',  # Alternative static directory\n]\n\n# Directory where collected static files will be stored\nSTATIC_ROOT = BASE_DIR / 'staticfiles'  # For production\n\n# Static files finders\nSTATICFILES_FINDERS = [\n    'django.contrib.staticfiles.finders.FileSystemFinder',\n    'django.contrib.staticfiles.finders.AppDirectoriesFinder',\n]\n","python","",[1135,1136,1137,1146,1157,1171,1178,1219,1224,1230,1252,1257,1263,1274,1297,1316,1322,1327,1333,1356,1361,1367,1377,1391,1403],"code",{"__ignoreMap":1133},[1138,1139,1142],"span",{"class":1140,"line":1141},"line",1,[1138,1143,1145],{"class":1144},"s9Tkl","# settings.py\n",[1138,1147,1149,1153],{"class":1140,"line":1148},2,[1138,1150,1152],{"class":1151},"siDh9","import",[1138,1154,1156],{"class":1155},"sftqT"," os\n",[1138,1158,1160,1163,1166,1168],{"class":1140,"line":1159},3,[1138,1161,1162],{"class":1151},"from",[1138,1164,1165],{"class":1155}," pathlib ",[1138,1167,1152],{"class":1151},[1138,1169,1170],{"class":1155}," Path\n",[1138,1172,1174],{"class":1140,"line":1173},4,[1138,1175,1177],{"emptyLinePlaceholder":1176},true,"\n",[1138,1179,1181,1185,1189,1193,1196,1200,1203,1206,1209,1213,1216],{"class":1140,"line":1180},5,[1138,1182,1184],{"class":1183},"se3Ec","BASE_DIR",[1138,1186,1188],{"class":1187},"soVBu"," =",[1138,1190,1192],{"class":1191},"siWMO"," Path",[1138,1194,1195],{"class":1187},"(",[1138,1197,1199],{"class":1198},"s131V","__file__",[1138,1201,1202],{"class":1187},").",[1138,1204,1205],{"class":1191},"resolve",[1138,1207,1208],{"class":1187},"().",[1138,1210,1212],{"class":1211},"sBPpx","parent",[1138,1214,1215],{"class":1187},".",[1138,1217,1218],{"class":1211},"parent\n",[1138,1220,1222],{"class":1140,"line":1221},6,[1138,1223,1177],{"emptyLinePlaceholder":1176},[1138,1225,1227],{"class":1140,"line":1226},7,[1138,1228,1229],{"class":1144},"# Static files (CSS, JavaScript, Images)\n",[1138,1231,1233,1236,1238,1242,1246,1249],{"class":1140,"line":1232},8,[1138,1234,1235],{"class":1183},"STATIC_URL",[1138,1237,1188],{"class":1187},[1138,1239,1241],{"class":1240},"sbYkP"," '",[1138,1243,1245],{"class":1244},"sTbE_","/static/",[1138,1247,1248],{"class":1240},"'",[1138,1250,1251],{"class":1144},"  # URL prefix for static files\n",[1138,1253,1255],{"class":1140,"line":1254},9,[1138,1256,1177],{"emptyLinePlaceholder":1176},[1138,1258,1260],{"class":1140,"line":1259},10,[1138,1261,1262],{"class":1144},"# Additional locations of static files\n",[1138,1264,1266,1269,1271],{"class":1140,"line":1265},11,[1138,1267,1268],{"class":1183},"STATICFILES_DIRS",[1138,1270,1188],{"class":1187},[1138,1272,1273],{"class":1187}," [\n",[1138,1275,1277,1280,1284,1286,1289,1291,1294],{"class":1140,"line":1276},12,[1138,1278,1279],{"class":1183},"    BASE_DIR",[1138,1281,1283],{"class":1282},"sVsLi"," /",[1138,1285,1241],{"class":1240},[1138,1287,1288],{"class":1244},"static",[1138,1290,1248],{"class":1240},[1138,1292,1293],{"class":1187},",",[1138,1295,1296],{"class":1144},"  # Project-level static files\n",[1138,1298,1300,1302,1304,1306,1309,1311,1313],{"class":1140,"line":1299},13,[1138,1301,1279],{"class":1183},[1138,1303,1283],{"class":1282},[1138,1305,1241],{"class":1240},[1138,1307,1308],{"class":1244},"assets",[1138,1310,1248],{"class":1240},[1138,1312,1293],{"class":1187},[1138,1314,1315],{"class":1144},"  # Alternative static directory\n",[1138,1317,1319],{"class":1140,"line":1318},14,[1138,1320,1321],{"class":1187},"]\n",[1138,1323,1325],{"class":1140,"line":1324},15,[1138,1326,1177],{"emptyLinePlaceholder":1176},[1138,1328,1330],{"class":1140,"line":1329},16,[1138,1331,1332],{"class":1144},"# Directory where collected static files will be stored\n",[1138,1334,1336,1339,1341,1344,1346,1348,1351,1353],{"class":1140,"line":1335},17,[1138,1337,1338],{"class":1183},"STATIC_ROOT",[1138,1340,1188],{"class":1187},[1138,1342,1343],{"class":1183}," BASE_DIR",[1138,1345,1283],{"class":1282},[1138,1347,1241],{"class":1240},[1138,1349,1350],{"class":1244},"staticfiles",[1138,1352,1248],{"class":1240},[1138,1354,1355],{"class":1144},"  # For production\n",[1138,1357,1359],{"class":1140,"line":1358},18,[1138,1360,1177],{"emptyLinePlaceholder":1176},[1138,1362,1364],{"class":1140,"line":1363},19,[1138,1365,1366],{"class":1144},"# Static files finders\n",[1138,1368,1370,1373,1375],{"class":1140,"line":1369},20,[1138,1371,1372],{"class":1183},"STATICFILES_FINDERS",[1138,1374,1188],{"class":1187},[1138,1376,1273],{"class":1187},[1138,1378,1380,1383,1386,1388],{"class":1140,"line":1379},21,[1138,1381,1382],{"class":1240},"    '",[1138,1384,1385],{"class":1244},"django.contrib.staticfiles.finders.FileSystemFinder",[1138,1387,1248],{"class":1240},[1138,1389,1390],{"class":1187},",\n",[1138,1392,1394,1396,1399,1401],{"class":1140,"line":1393},22,[1138,1395,1382],{"class":1240},[1138,1397,1398],{"class":1244},"django.contrib.staticfiles.finders.AppDirectoriesFinder",[1138,1400,1248],{"class":1240},[1138,1402,1390],{"class":1187},[1138,1404,1406],{"class":1140,"line":1405},23,[1138,1407,1321],{"class":1187},[1035,1409,1411],{"id":1410},"directory-structure","Directory Structure",[1128,1413,1418],{"className":1414,"code":1416,"language":1417},[1415],"language-text","myproject/\n├── static/                    # Project-level static files\n│   ├── css/\n│   │   ├── main.css\n│   │   ├── bootstrap.min.css\n│   │   └── components/\n│   │       ├── navbar.css\n│   │       └── footer.css\n│   ├── js/\n│   │   ├── main.js\n│   │   ├── jquery.min.js\n│   │   └── components/\n│   │       ├── carousel.js\n│   │       └── modal.js\n│   ├── images/\n│   │   ├── logo.png\n│   │   ├── favicon.ico\n│   │   └── backgrounds/\n│   │       ├── hero.jpg\n│   │       └── pattern.png\n│   └── fonts/\n│       ├── custom-font.woff2\n│       └── icons.ttf\n├── blog/\n│   └── static/\n│       └── blog/              # App-specific static files\n│           ├── css/\n│           │   └── blog.css\n│           ├── js/\n│           │   └── blog.js\n│           └── images/\n│               └── blog-icon.png\n└── staticfiles/               # Collected static files (production)\n","text",[1135,1419,1416],{"__ignoreMap":1133},[1030,1421,1423],{"id":1422},"using-static-files-in-templates","Using Static Files in Templates",[1035,1425,1427],{"id":1426},"loading-the-static-template-tag","Loading the Static Template Tag",[1128,1429,1433],{"className":1430,"code":1431,"language":1432,"meta":1133,"style":1133},"language-html shiki shiki-themes material-theme-lighter vitesse-light vitesse-dark","\u003C!-- Load static tag at the top of templates -->\n{% load static %}\n\n\u003C!DOCTYPE html>\n\u003Chtml>\n\u003Chead>\n    \u003Ctitle>My Django Site\u003C/title>\n    \n    \u003C!-- CSS files -->\n    \u003Clink rel=\"stylesheet\" href=\"{% static 'css/bootstrap.min.css' %}\">\n    \u003Clink rel=\"stylesheet\" href=\"{% static 'css/main.css' %}\">\n    \u003Clink rel=\"stylesheet\" href=\"{% static 'blog/css/blog.css' %}\">\n    \n    \u003C!-- Favicon -->\n    \u003Clink rel=\"icon\" href=\"{% static 'images/favicon.ico' %}\">\n\u003C/head>\n\u003Cbody>\n    \u003C!-- Content here -->\n    \n    \u003C!-- JavaScript files -->\n    \u003Cscript src=\"{% static 'js/jquery.min.js' %}\">\u003C/script>\n    \u003Cscript src=\"{% static 'js/bootstrap.min.js' %}\">\u003C/script>\n    \u003Cscript src=\"{% static 'js/main.js' %}\">\u003C/script>\n\u003C/body>\n\u003C/html>\n","html",[1135,1434,1435,1440,1445,1449,1465,1474,1483,1504,1509,1514,1549,1578,1607,1611,1616,1646,1654,1663,1668,1672,1677,1703,1726,1749,1758],{"__ignoreMap":1133},[1138,1436,1437],{"class":1140,"line":1141},[1138,1438,1439],{"class":1144},"\u003C!-- Load static tag at the top of templates -->\n",[1138,1441,1442],{"class":1140,"line":1148},[1138,1443,1444],{"class":1155},"{% load static %}\n",[1138,1446,1447],{"class":1140,"line":1159},[1138,1448,1177],{"emptyLinePlaceholder":1176},[1138,1450,1451,1454,1458,1462],{"class":1140,"line":1173},[1138,1452,1453],{"class":1187},"\u003C!",[1138,1455,1457],{"class":1456},"sJFLg","DOCTYPE",[1138,1459,1461],{"class":1460},"s5q8q"," html",[1138,1463,1464],{"class":1187},">\n",[1138,1466,1467,1470,1472],{"class":1140,"line":1180},[1138,1468,1469],{"class":1187},"\u003C",[1138,1471,1432],{"class":1456},[1138,1473,1464],{"class":1187},[1138,1475,1476,1478,1481],{"class":1140,"line":1221},[1138,1477,1469],{"class":1187},[1138,1479,1480],{"class":1456},"head",[1138,1482,1464],{"class":1187},[1138,1484,1485,1488,1491,1494,1497,1500,1502],{"class":1140,"line":1226},[1138,1486,1487],{"class":1187},"    \u003C",[1138,1489,1490],{"class":1456},"title",[1138,1492,1493],{"class":1187},">",[1138,1495,1496],{"class":1155},"My Django Site",[1138,1498,1499],{"class":1187},"\u003C/",[1138,1501,1490],{"class":1456},[1138,1503,1464],{"class":1187},[1138,1505,1506],{"class":1140,"line":1232},[1138,1507,1508],{"class":1155},"    \n",[1138,1510,1511],{"class":1140,"line":1254},[1138,1512,1513],{"class":1144},"    \u003C!-- CSS files -->\n",[1138,1515,1516,1518,1521,1524,1527,1530,1533,1535,1538,1540,1542,1545,1547],{"class":1140,"line":1259},[1138,1517,1487],{"class":1187},[1138,1519,1520],{"class":1456},"link",[1138,1522,1523],{"class":1460}," rel",[1138,1525,1526],{"class":1187},"=",[1138,1528,1529],{"class":1240},"\"",[1138,1531,1532],{"class":1244},"stylesheet",[1138,1534,1529],{"class":1240},[1138,1536,1537],{"class":1460}," href",[1138,1539,1526],{"class":1187},[1138,1541,1529],{"class":1240},[1138,1543,1544],{"class":1244},"{% static 'css/bootstrap.min.css' %}",[1138,1546,1529],{"class":1240},[1138,1548,1464],{"class":1187},[1138,1550,1551,1553,1555,1557,1559,1561,1563,1565,1567,1569,1571,1574,1576],{"class":1140,"line":1265},[1138,1552,1487],{"class":1187},[1138,1554,1520],{"class":1456},[1138,1556,1523],{"class":1460},[1138,1558,1526],{"class":1187},[1138,1560,1529],{"class":1240},[1138,1562,1532],{"class":1244},[1138,1564,1529],{"class":1240},[1138,1566,1537],{"class":1460},[1138,1568,1526],{"class":1187},[1138,1570,1529],{"class":1240},[1138,1572,1573],{"class":1244},"{% static 'css/main.css' %}",[1138,1575,1529],{"class":1240},[1138,1577,1464],{"class":1187},[1138,1579,1580,1582,1584,1586,1588,1590,1592,1594,1596,1598,1600,1603,1605],{"class":1140,"line":1276},[1138,1581,1487],{"class":1187},[1138,1583,1520],{"class":1456},[1138,1585,1523],{"class":1460},[1138,1587,1526],{"class":1187},[1138,1589,1529],{"class":1240},[1138,1591,1532],{"class":1244},[1138,1593,1529],{"class":1240},[1138,1595,1537],{"class":1460},[1138,1597,1526],{"class":1187},[1138,1599,1529],{"class":1240},[1138,1601,1602],{"class":1244},"{% static 'blog/css/blog.css' %}",[1138,1604,1529],{"class":1240},[1138,1606,1464],{"class":1187},[1138,1608,1609],{"class":1140,"line":1299},[1138,1610,1508],{"class":1155},[1138,1612,1613],{"class":1140,"line":1318},[1138,1614,1615],{"class":1144},"    \u003C!-- Favicon -->\n",[1138,1617,1618,1620,1622,1624,1626,1628,1631,1633,1635,1637,1639,1642,1644],{"class":1140,"line":1324},[1138,1619,1487],{"class":1187},[1138,1621,1520],{"class":1456},[1138,1623,1523],{"class":1460},[1138,1625,1526],{"class":1187},[1138,1627,1529],{"class":1240},[1138,1629,1630],{"class":1244},"icon",[1138,1632,1529],{"class":1240},[1138,1634,1537],{"class":1460},[1138,1636,1526],{"class":1187},[1138,1638,1529],{"class":1240},[1138,1640,1641],{"class":1244},"{% static 'images/favicon.ico' %}",[1138,1643,1529],{"class":1240},[1138,1645,1464],{"class":1187},[1138,1647,1648,1650,1652],{"class":1140,"line":1329},[1138,1649,1499],{"class":1187},[1138,1651,1480],{"class":1456},[1138,1653,1464],{"class":1187},[1138,1655,1656,1658,1661],{"class":1140,"line":1335},[1138,1657,1469],{"class":1187},[1138,1659,1660],{"class":1456},"body",[1138,1662,1464],{"class":1187},[1138,1664,1665],{"class":1140,"line":1358},[1138,1666,1667],{"class":1144},"    \u003C!-- Content here -->\n",[1138,1669,1670],{"class":1140,"line":1363},[1138,1671,1508],{"class":1155},[1138,1673,1674],{"class":1140,"line":1369},[1138,1675,1676],{"class":1144},"    \u003C!-- JavaScript files -->\n",[1138,1678,1679,1681,1684,1687,1689,1691,1694,1696,1699,1701],{"class":1140,"line":1379},[1138,1680,1487],{"class":1187},[1138,1682,1683],{"class":1456},"script",[1138,1685,1686],{"class":1460}," src",[1138,1688,1526],{"class":1187},[1138,1690,1529],{"class":1240},[1138,1692,1693],{"class":1244},"{% static 'js/jquery.min.js' %}",[1138,1695,1529],{"class":1240},[1138,1697,1698],{"class":1187},">\u003C/",[1138,1700,1683],{"class":1456},[1138,1702,1464],{"class":1187},[1138,1704,1705,1707,1709,1711,1713,1715,1718,1720,1722,1724],{"class":1140,"line":1393},[1138,1706,1487],{"class":1187},[1138,1708,1683],{"class":1456},[1138,1710,1686],{"class":1460},[1138,1712,1526],{"class":1187},[1138,1714,1529],{"class":1240},[1138,1716,1717],{"class":1244},"{% static 'js/bootstrap.min.js' %}",[1138,1719,1529],{"class":1240},[1138,1721,1698],{"class":1187},[1138,1723,1683],{"class":1456},[1138,1725,1464],{"class":1187},[1138,1727,1728,1730,1732,1734,1736,1738,1741,1743,1745,1747],{"class":1140,"line":1405},[1138,1729,1487],{"class":1187},[1138,1731,1683],{"class":1456},[1138,1733,1686],{"class":1460},[1138,1735,1526],{"class":1187},[1138,1737,1529],{"class":1240},[1138,1739,1740],{"class":1244},"{% static 'js/main.js' %}",[1138,1742,1529],{"class":1240},[1138,1744,1698],{"class":1187},[1138,1746,1683],{"class":1456},[1138,1748,1464],{"class":1187},[1138,1750,1752,1754,1756],{"class":1140,"line":1751},24,[1138,1753,1499],{"class":1187},[1138,1755,1660],{"class":1456},[1138,1757,1464],{"class":1187},[1138,1759,1761,1763,1765],{"class":1140,"line":1760},25,[1138,1762,1499],{"class":1187},[1138,1764,1432],{"class":1456},[1138,1766,1464],{"class":1187},[1035,1768,1770],{"id":1769},"static-file-examples","Static File Examples",[1026,1772,1773],{},[1049,1774,1775],{},"CSS Stylesheets:",[1128,1777,1779],{"className":1430,"code":1778,"language":1432,"meta":1133,"style":1133},"{% load static %}\n\n\u003C!-- Main stylesheet -->\n\u003Clink rel=\"stylesheet\" href=\"{% static 'css/main.css' %}\">\n\n\u003C!-- App-specific styles -->\n\u003Clink rel=\"stylesheet\" href=\"{% static 'blog/css/blog.css' %}\">\n\n\u003C!-- Conditional CSS -->\n{% if user.is_authenticated %}\n    \u003Clink rel=\"stylesheet\" href=\"{% static 'css/authenticated.css' %}\">\n{% endif %}\n\n\u003C!-- Media queries -->\n\u003Clink rel=\"stylesheet\" href=\"{% static 'css/mobile.css' %}\" media=\"(max-width: 768px)\">\n\u003Clink rel=\"stylesheet\" href=\"{% static 'css/print.css' %}\" media=\"print\">\n",[1135,1780,1781,1785,1789,1794,1822,1826,1831,1859,1863,1868,1873,1902,1907,1911,1916,1957],{"__ignoreMap":1133},[1138,1782,1783],{"class":1140,"line":1141},[1138,1784,1444],{"class":1155},[1138,1786,1787],{"class":1140,"line":1148},[1138,1788,1177],{"emptyLinePlaceholder":1176},[1138,1790,1791],{"class":1140,"line":1159},[1138,1792,1793],{"class":1144},"\u003C!-- Main stylesheet -->\n",[1138,1795,1796,1798,1800,1802,1804,1806,1808,1810,1812,1814,1816,1818,1820],{"class":1140,"line":1173},[1138,1797,1469],{"class":1187},[1138,1799,1520],{"class":1456},[1138,1801,1523],{"class":1460},[1138,1803,1526],{"class":1187},[1138,1805,1529],{"class":1240},[1138,1807,1532],{"class":1244},[1138,1809,1529],{"class":1240},[1138,1811,1537],{"class":1460},[1138,1813,1526],{"class":1187},[1138,1815,1529],{"class":1240},[1138,1817,1573],{"class":1244},[1138,1819,1529],{"class":1240},[1138,1821,1464],{"class":1187},[1138,1823,1824],{"class":1140,"line":1180},[1138,1825,1177],{"emptyLinePlaceholder":1176},[1138,1827,1828],{"class":1140,"line":1221},[1138,1829,1830],{"class":1144},"\u003C!-- App-specific styles -->\n",[1138,1832,1833,1835,1837,1839,1841,1843,1845,1847,1849,1851,1853,1855,1857],{"class":1140,"line":1226},[1138,1834,1469],{"class":1187},[1138,1836,1520],{"class":1456},[1138,1838,1523],{"class":1460},[1138,1840,1526],{"class":1187},[1138,1842,1529],{"class":1240},[1138,1844,1532],{"class":1244},[1138,1846,1529],{"class":1240},[1138,1848,1537],{"class":1460},[1138,1850,1526],{"class":1187},[1138,1852,1529],{"class":1240},[1138,1854,1602],{"class":1244},[1138,1856,1529],{"class":1240},[1138,1858,1464],{"class":1187},[1138,1860,1861],{"class":1140,"line":1232},[1138,1862,1177],{"emptyLinePlaceholder":1176},[1138,1864,1865],{"class":1140,"line":1254},[1138,1866,1867],{"class":1144},"\u003C!-- Conditional CSS -->\n",[1138,1869,1870],{"class":1140,"line":1259},[1138,1871,1872],{"class":1155},"{% if user.is_authenticated %}\n",[1138,1874,1875,1877,1879,1881,1883,1885,1887,1889,1891,1893,1895,1898,1900],{"class":1140,"line":1265},[1138,1876,1487],{"class":1187},[1138,1878,1520],{"class":1456},[1138,1880,1523],{"class":1460},[1138,1882,1526],{"class":1187},[1138,1884,1529],{"class":1240},[1138,1886,1532],{"class":1244},[1138,1888,1529],{"class":1240},[1138,1890,1537],{"class":1460},[1138,1892,1526],{"class":1187},[1138,1894,1529],{"class":1240},[1138,1896,1897],{"class":1244},"{% static 'css/authenticated.css' %}",[1138,1899,1529],{"class":1240},[1138,1901,1464],{"class":1187},[1138,1903,1904],{"class":1140,"line":1276},[1138,1905,1906],{"class":1155},"{% endif %}\n",[1138,1908,1909],{"class":1140,"line":1299},[1138,1910,1177],{"emptyLinePlaceholder":1176},[1138,1912,1913],{"class":1140,"line":1318},[1138,1914,1915],{"class":1144},"\u003C!-- Media queries -->\n",[1138,1917,1918,1920,1922,1924,1926,1928,1930,1932,1934,1936,1938,1941,1943,1946,1948,1950,1953,1955],{"class":1140,"line":1324},[1138,1919,1469],{"class":1187},[1138,1921,1520],{"class":1456},[1138,1923,1523],{"class":1460},[1138,1925,1526],{"class":1187},[1138,1927,1529],{"class":1240},[1138,1929,1532],{"class":1244},[1138,1931,1529],{"class":1240},[1138,1933,1537],{"class":1460},[1138,1935,1526],{"class":1187},[1138,1937,1529],{"class":1240},[1138,1939,1940],{"class":1244},"{% static 'css/mobile.css' %}",[1138,1942,1529],{"class":1240},[1138,1944,1945],{"class":1460}," media",[1138,1947,1526],{"class":1187},[1138,1949,1529],{"class":1240},[1138,1951,1952],{"class":1244},"(max-width: 768px)",[1138,1954,1529],{"class":1240},[1138,1956,1464],{"class":1187},[1138,1958,1959,1961,1963,1965,1967,1969,1971,1973,1975,1977,1979,1982,1984,1986,1988,1990,1993,1995],{"class":1140,"line":1329},[1138,1960,1469],{"class":1187},[1138,1962,1520],{"class":1456},[1138,1964,1523],{"class":1460},[1138,1966,1526],{"class":1187},[1138,1968,1529],{"class":1240},[1138,1970,1532],{"class":1244},[1138,1972,1529],{"class":1240},[1138,1974,1537],{"class":1460},[1138,1976,1526],{"class":1187},[1138,1978,1529],{"class":1240},[1138,1980,1981],{"class":1244},"{% static 'css/print.css' %}",[1138,1983,1529],{"class":1240},[1138,1985,1945],{"class":1460},[1138,1987,1526],{"class":1187},[1138,1989,1529],{"class":1240},[1138,1991,1992],{"class":1244},"print",[1138,1994,1529],{"class":1240},[1138,1996,1464],{"class":1187},[1026,1998,1999],{},[1049,2000,2001],{},"JavaScript Files:",[1128,2003,2005],{"className":1430,"code":2004,"language":1432,"meta":1133,"style":1133},"{% load static %}\n\n\u003C!-- Core JavaScript -->\n\u003Cscript src=\"{% static 'js/jquery.min.js' %}\">\u003C/script>\n\u003Cscript src=\"{% static 'js/main.js' %}\">\u003C/script>\n\n\u003C!-- Conditional JavaScript -->\n{% if debug %}\n    \u003Cscript src=\"{% static 'js/debug.js' %}\">\u003C/script>\n{% endif %}\n\n\u003C!-- Async loading -->\n\u003Cscript src=\"{% static 'js/analytics.js' %}\" async>\u003C/script>\n\n\u003C!-- Deferred loading -->\n\u003Cscript src=\"{% static 'js/non-critical.js' %}\" defer>\u003C/script>\n",[1135,2006,2007,2011,2015,2020,2042,2064,2068,2073,2078,2101,2105,2109,2114,2140,2144,2149],{"__ignoreMap":1133},[1138,2008,2009],{"class":1140,"line":1141},[1138,2010,1444],{"class":1155},[1138,2012,2013],{"class":1140,"line":1148},[1138,2014,1177],{"emptyLinePlaceholder":1176},[1138,2016,2017],{"class":1140,"line":1159},[1138,2018,2019],{"class":1144},"\u003C!-- Core JavaScript -->\n",[1138,2021,2022,2024,2026,2028,2030,2032,2034,2036,2038,2040],{"class":1140,"line":1173},[1138,2023,1469],{"class":1187},[1138,2025,1683],{"class":1456},[1138,2027,1686],{"class":1460},[1138,2029,1526],{"class":1187},[1138,2031,1529],{"class":1240},[1138,2033,1693],{"class":1244},[1138,2035,1529],{"class":1240},[1138,2037,1698],{"class":1187},[1138,2039,1683],{"class":1456},[1138,2041,1464],{"class":1187},[1138,2043,2044,2046,2048,2050,2052,2054,2056,2058,2060,2062],{"class":1140,"line":1180},[1138,2045,1469],{"class":1187},[1138,2047,1683],{"class":1456},[1138,2049,1686],{"class":1460},[1138,2051,1526],{"class":1187},[1138,2053,1529],{"class":1240},[1138,2055,1740],{"class":1244},[1138,2057,1529],{"class":1240},[1138,2059,1698],{"class":1187},[1138,2061,1683],{"class":1456},[1138,2063,1464],{"class":1187},[1138,2065,2066],{"class":1140,"line":1221},[1138,2067,1177],{"emptyLinePlaceholder":1176},[1138,2069,2070],{"class":1140,"line":1226},[1138,2071,2072],{"class":1144},"\u003C!-- Conditional JavaScript -->\n",[1138,2074,2075],{"class":1140,"line":1232},[1138,2076,2077],{"class":1155},"{% if debug %}\n",[1138,2079,2080,2082,2084,2086,2088,2090,2093,2095,2097,2099],{"class":1140,"line":1254},[1138,2081,1487],{"class":1187},[1138,2083,1683],{"class":1456},[1138,2085,1686],{"class":1460},[1138,2087,1526],{"class":1187},[1138,2089,1529],{"class":1240},[1138,2091,2092],{"class":1244},"{% static 'js/debug.js' %}",[1138,2094,1529],{"class":1240},[1138,2096,1698],{"class":1187},[1138,2098,1683],{"class":1456},[1138,2100,1464],{"class":1187},[1138,2102,2103],{"class":1140,"line":1259},[1138,2104,1906],{"class":1155},[1138,2106,2107],{"class":1140,"line":1265},[1138,2108,1177],{"emptyLinePlaceholder":1176},[1138,2110,2111],{"class":1140,"line":1276},[1138,2112,2113],{"class":1144},"\u003C!-- Async loading -->\n",[1138,2115,2116,2118,2120,2122,2124,2126,2129,2131,2134,2136,2138],{"class":1140,"line":1299},[1138,2117,1469],{"class":1187},[1138,2119,1683],{"class":1456},[1138,2121,1686],{"class":1460},[1138,2123,1526],{"class":1187},[1138,2125,1529],{"class":1240},[1138,2127,2128],{"class":1244},"{% static 'js/analytics.js' %}",[1138,2130,1529],{"class":1240},[1138,2132,2133],{"class":1460}," async",[1138,2135,1698],{"class":1187},[1138,2137,1683],{"class":1456},[1138,2139,1464],{"class":1187},[1138,2141,2142],{"class":1140,"line":1318},[1138,2143,1177],{"emptyLinePlaceholder":1176},[1138,2145,2146],{"class":1140,"line":1324},[1138,2147,2148],{"class":1144},"\u003C!-- Deferred loading -->\n",[1138,2150,2151,2153,2155,2157,2159,2161,2164,2166,2169,2171,2173],{"class":1140,"line":1329},[1138,2152,1469],{"class":1187},[1138,2154,1683],{"class":1456},[1138,2156,1686],{"class":1460},[1138,2158,1526],{"class":1187},[1138,2160,1529],{"class":1240},[1138,2162,2163],{"class":1244},"{% static 'js/non-critical.js' %}",[1138,2165,1529],{"class":1240},[1138,2167,2168],{"class":1460}," defer",[1138,2170,1698],{"class":1187},[1138,2172,1683],{"class":1456},[1138,2174,1464],{"class":1187},[1026,2176,2177],{},[1049,2178,2179],{},"Images:",[1128,2181,2183],{"className":1430,"code":2182,"language":1432,"meta":1133,"style":1133},"{% load static %}\n\n\u003C!-- Logo -->\n\u003Cimg src=\"{% static 'images/logo.png' %}\" alt=\"Company Logo\" class=\"logo\">\n\n\u003C!-- Background images in CSS -->\n\u003Cdiv class=\"hero\" style=\"background-image: url('{% static 'images/hero-bg.jpg' %}');\">\n    \u003Ch1>Welcome\u003C/h1>\n\u003C/div>\n\n\u003C!-- Responsive images -->\n\u003Cimg src=\"{% static 'images/hero-mobile.jpg' %}\" \n     srcset=\"{% static 'images/hero-mobile.jpg' %} 480w,\n             {% static 'images/hero-tablet.jpg' %} 768w,\n             {% static 'images/hero-desktop.jpg' %} 1200w\"\n     sizes=\"(max-width: 480px) 480px,\n            (max-width: 768px) 768px,\n            1200px\"\n     alt=\"Hero Image\">\n\n\u003C!-- SVG icons -->\n\u003Cimg src=\"{% static 'images/icons/search.svg' %}\" alt=\"Search\" class=\"icon\">\n",[1135,2184,2185,2189,2193,2198,2242,2246,2251,2283,2300,2308,2312,2317,2338,2350,2355,2363,2375,2380,2387,2403,2407,2412],{"__ignoreMap":1133},[1138,2186,2187],{"class":1140,"line":1141},[1138,2188,1444],{"class":1155},[1138,2190,2191],{"class":1140,"line":1148},[1138,2192,1177],{"emptyLinePlaceholder":1176},[1138,2194,2195],{"class":1140,"line":1159},[1138,2196,2197],{"class":1144},"\u003C!-- Logo -->\n",[1138,2199,2200,2202,2205,2207,2209,2211,2214,2216,2219,2221,2223,2226,2228,2231,2233,2235,2238,2240],{"class":1140,"line":1173},[1138,2201,1469],{"class":1187},[1138,2203,2204],{"class":1456},"img",[1138,2206,1686],{"class":1460},[1138,2208,1526],{"class":1187},[1138,2210,1529],{"class":1240},[1138,2212,2213],{"class":1244},"{% static 'images/logo.png' %}",[1138,2215,1529],{"class":1240},[1138,2217,2218],{"class":1460}," alt",[1138,2220,1526],{"class":1187},[1138,2222,1529],{"class":1240},[1138,2224,2225],{"class":1244},"Company Logo",[1138,2227,1529],{"class":1240},[1138,2229,2230],{"class":1460}," class",[1138,2232,1526],{"class":1187},[1138,2234,1529],{"class":1240},[1138,2236,2237],{"class":1244},"logo",[1138,2239,1529],{"class":1240},[1138,2241,1464],{"class":1187},[1138,2243,2244],{"class":1140,"line":1180},[1138,2245,1177],{"emptyLinePlaceholder":1176},[1138,2247,2248],{"class":1140,"line":1221},[1138,2249,2250],{"class":1144},"\u003C!-- Background images in CSS -->\n",[1138,2252,2253,2255,2258,2260,2262,2264,2267,2269,2272,2274,2276,2279,2281],{"class":1140,"line":1226},[1138,2254,1469],{"class":1187},[1138,2256,2257],{"class":1456},"div",[1138,2259,2230],{"class":1460},[1138,2261,1526],{"class":1187},[1138,2263,1529],{"class":1240},[1138,2265,2266],{"class":1244},"hero",[1138,2268,1529],{"class":1240},[1138,2270,2271],{"class":1460}," style",[1138,2273,1526],{"class":1187},[1138,2275,1529],{"class":1240},[1138,2277,2278],{"class":1244},"background-image: url('{% static 'images/hero-bg.jpg' %}');",[1138,2280,1529],{"class":1240},[1138,2282,1464],{"class":1187},[1138,2284,2285,2287,2289,2291,2294,2296,2298],{"class":1140,"line":1232},[1138,2286,1487],{"class":1187},[1138,2288,1022],{"class":1456},[1138,2290,1493],{"class":1187},[1138,2292,2293],{"class":1155},"Welcome",[1138,2295,1499],{"class":1187},[1138,2297,1022],{"class":1456},[1138,2299,1464],{"class":1187},[1138,2301,2302,2304,2306],{"class":1140,"line":1254},[1138,2303,1499],{"class":1187},[1138,2305,2257],{"class":1456},[1138,2307,1464],{"class":1187},[1138,2309,2310],{"class":1140,"line":1259},[1138,2311,1177],{"emptyLinePlaceholder":1176},[1138,2313,2314],{"class":1140,"line":1265},[1138,2315,2316],{"class":1144},"\u003C!-- Responsive images -->\n",[1138,2318,2319,2321,2323,2325,2327,2329,2332,2334],{"class":1140,"line":1276},[1138,2320,1469],{"class":1187},[1138,2322,2204],{"class":1456},[1138,2324,1686],{"class":1460},[1138,2326,1526],{"class":1187},[1138,2328,1529],{"class":1240},[1138,2330,2331],{"class":1244},"{% static 'images/hero-mobile.jpg' %}",[1138,2333,1529],{"class":1240},[1138,2335,2337],{"class":2336},"sHnae"," \n",[1138,2339,2340,2343,2345,2347],{"class":1140,"line":1299},[1138,2341,2342],{"class":1460},"     srcset",[1138,2344,1526],{"class":1187},[1138,2346,1529],{"class":1240},[1138,2348,2349],{"class":1244},"{% static 'images/hero-mobile.jpg' %} 480w,\n",[1138,2351,2352],{"class":1140,"line":1318},[1138,2353,2354],{"class":1244},"             {% static 'images/hero-tablet.jpg' %} 768w,\n",[1138,2356,2357,2360],{"class":1140,"line":1324},[1138,2358,2359],{"class":1244},"             {% static 'images/hero-desktop.jpg' %} 1200w",[1138,2361,2362],{"class":1240},"\"\n",[1138,2364,2365,2368,2370,2372],{"class":1140,"line":1329},[1138,2366,2367],{"class":1460},"     sizes",[1138,2369,1526],{"class":1187},[1138,2371,1529],{"class":1240},[1138,2373,2374],{"class":1244},"(max-width: 480px) 480px,\n",[1138,2376,2377],{"class":1140,"line":1335},[1138,2378,2379],{"class":1244},"            (max-width: 768px) 768px,\n",[1138,2381,2382,2385],{"class":1140,"line":1358},[1138,2383,2384],{"class":1244},"            1200px",[1138,2386,2362],{"class":1240},[1138,2388,2389,2392,2394,2396,2399,2401],{"class":1140,"line":1363},[1138,2390,2391],{"class":1460},"     alt",[1138,2393,1526],{"class":1187},[1138,2395,1529],{"class":1240},[1138,2397,2398],{"class":1244},"Hero Image",[1138,2400,1529],{"class":1240},[1138,2402,1464],{"class":1187},[1138,2404,2405],{"class":1140,"line":1369},[1138,2406,1177],{"emptyLinePlaceholder":1176},[1138,2408,2409],{"class":1140,"line":1379},[1138,2410,2411],{"class":1144},"\u003C!-- SVG icons -->\n",[1138,2413,2414,2416,2418,2420,2422,2424,2427,2429,2431,2433,2435,2437,2439,2441,2443,2445,2447,2449],{"class":1140,"line":1393},[1138,2415,1469],{"class":1187},[1138,2417,2204],{"class":1456},[1138,2419,1686],{"class":1460},[1138,2421,1526],{"class":1187},[1138,2423,1529],{"class":1240},[1138,2425,2426],{"class":1244},"{% static 'images/icons/search.svg' %}",[1138,2428,1529],{"class":1240},[1138,2430,2218],{"class":1460},[1138,2432,1526],{"class":1187},[1138,2434,1529],{"class":1240},[1138,2436,292],{"class":1244},[1138,2438,1529],{"class":1240},[1138,2440,2230],{"class":1460},[1138,2442,1526],{"class":1187},[1138,2444,1529],{"class":1240},[1138,2446,1630],{"class":1244},[1138,2448,1529],{"class":1240},[1138,2450,1464],{"class":1187},[1035,2452,2454],{"id":2453},"advanced-static-file-usage","Advanced Static File Usage",[1026,2456,2457],{},[1049,2458,2459],{},"Dynamic Static File Paths:",[1128,2461,2463],{"className":1430,"code":2462,"language":1432,"meta":1133,"style":1133},"{% load static %}\n\n\u003C!-- Using variables -->\n{% with icon_name='user-profile' %}\n    \u003Cimg src=\"{% static 'images/icons/'|add:icon_name|add:'.svg' %}\" alt=\"User Profile\">\n{% endwith %}\n\n\u003C!-- Loop through static files -->\n{% for social in social_networks %}\n    \u003Ca href=\"{{ social.url }}\">\n        \u003Cimg src=\"{% static 'images/social/'|add:social.name|add:'.png' %}\" \n             alt=\"{{ social.name }}\">\n    \u003C/a>\n{% endfor %}\n",[1135,2464,2465,2469,2473,2478,2483,2513,2518,2522,2527,2532,2552,2572,2588,2597],{"__ignoreMap":1133},[1138,2466,2467],{"class":1140,"line":1141},[1138,2468,1444],{"class":1155},[1138,2470,2471],{"class":1140,"line":1148},[1138,2472,1177],{"emptyLinePlaceholder":1176},[1138,2474,2475],{"class":1140,"line":1159},[1138,2476,2477],{"class":1144},"\u003C!-- Using variables -->\n",[1138,2479,2480],{"class":1140,"line":1173},[1138,2481,2482],{"class":1155},"{% with icon_name='user-profile' %}\n",[1138,2484,2485,2487,2489,2491,2493,2495,2498,2500,2502,2504,2506,2509,2511],{"class":1140,"line":1180},[1138,2486,1487],{"class":1187},[1138,2488,2204],{"class":1456},[1138,2490,1686],{"class":1460},[1138,2492,1526],{"class":1187},[1138,2494,1529],{"class":1240},[1138,2496,2497],{"class":1244},"{% static 'images/icons/'|add:icon_name|add:'.svg' %}",[1138,2499,1529],{"class":1240},[1138,2501,2218],{"class":1460},[1138,2503,1526],{"class":1187},[1138,2505,1529],{"class":1240},[1138,2507,2508],{"class":1244},"User Profile",[1138,2510,1529],{"class":1240},[1138,2512,1464],{"class":1187},[1138,2514,2515],{"class":1140,"line":1221},[1138,2516,2517],{"class":1155},"{% endwith %}\n",[1138,2519,2520],{"class":1140,"line":1226},[1138,2521,1177],{"emptyLinePlaceholder":1176},[1138,2523,2524],{"class":1140,"line":1232},[1138,2525,2526],{"class":1144},"\u003C!-- Loop through static files -->\n",[1138,2528,2529],{"class":1140,"line":1254},[1138,2530,2531],{"class":1155},"{% for social in social_networks %}\n",[1138,2533,2534,2536,2539,2541,2543,2545,2548,2550],{"class":1140,"line":1259},[1138,2535,1487],{"class":1187},[1138,2537,2538],{"class":1456},"a",[1138,2540,1537],{"class":1460},[1138,2542,1526],{"class":1187},[1138,2544,1529],{"class":1240},[1138,2546,2547],{"class":1244},"{{ social.url }}",[1138,2549,1529],{"class":1240},[1138,2551,1464],{"class":1187},[1138,2553,2554,2557,2559,2561,2563,2565,2568,2570],{"class":1140,"line":1265},[1138,2555,2556],{"class":1187},"        \u003C",[1138,2558,2204],{"class":1456},[1138,2560,1686],{"class":1460},[1138,2562,1526],{"class":1187},[1138,2564,1529],{"class":1240},[1138,2566,2567],{"class":1244},"{% static 'images/social/'|add:social.name|add:'.png' %}",[1138,2569,1529],{"class":1240},[1138,2571,2337],{"class":2336},[1138,2573,2574,2577,2579,2581,2584,2586],{"class":1140,"line":1276},[1138,2575,2576],{"class":1460},"             alt",[1138,2578,1526],{"class":1187},[1138,2580,1529],{"class":1240},[1138,2582,2583],{"class":1244},"{{ social.name }}",[1138,2585,1529],{"class":1240},[1138,2587,1464],{"class":1187},[1138,2589,2590,2593,2595],{"class":1140,"line":1299},[1138,2591,2592],{"class":1187},"    \u003C/",[1138,2594,2538],{"class":1456},[1138,2596,1464],{"class":1187},[1138,2598,2599],{"class":1140,"line":1318},[1138,2600,2601],{"class":1155},"{% endfor %}\n",[1026,2603,2604],{},[1049,2605,2606],{},"Inline CSS with Static URLs:",[1128,2608,2610],{"className":1430,"code":2609,"language":1432,"meta":1133,"style":1133},"{% load static %}\n\n\u003Cstyle>\n    .custom-bg {\n        background-image: url('{% static \"images/pattern.png\" %}');\n        background-repeat: repeat;\n    }\n    \n    .logo::before {\n        content: url('{% static \"images/logo-small.svg\" %}');\n    }\n\u003C/style>\n",[1135,2611,2612,2616,2620,2629,2641,2666,2679,2684,2688,2702,2722,2726],{"__ignoreMap":1133},[1138,2613,2614],{"class":1140,"line":1141},[1138,2615,1444],{"class":1155},[1138,2617,2618],{"class":1140,"line":1148},[1138,2619,1177],{"emptyLinePlaceholder":1176},[1138,2621,2622,2624,2627],{"class":1140,"line":1159},[1138,2623,1469],{"class":1187},[1138,2625,2626],{"class":1456},"style",[1138,2628,1464],{"class":1187},[1138,2630,2631,2634,2638],{"class":1140,"line":1173},[1138,2632,2633],{"class":1187},"    .",[1138,2635,2637],{"class":2636},"sKL33","custom-bg",[1138,2639,2640],{"class":1187}," {\n",[1138,2642,2643,2647,2650,2654,2656,2658,2661,2663],{"class":1140,"line":1180},[1138,2644,2646],{"class":2645},"s5HLA","        background-image",[1138,2648,2649],{"class":1187},":",[1138,2651,2653],{"class":2652},"sJdAF"," url",[1138,2655,1195],{"class":1187},[1138,2657,1248],{"class":1240},[1138,2659,2660],{"class":1244},"{% static \"images/pattern.png\" %}",[1138,2662,1248],{"class":1240},[1138,2664,2665],{"class":1187},");\n",[1138,2667,2668,2671,2673,2676],{"class":1140,"line":1221},[1138,2669,2670],{"class":2645},"        background-repeat",[1138,2672,2649],{"class":1187},[1138,2674,2675],{"class":1183}," repeat",[1138,2677,2678],{"class":1187},";\n",[1138,2680,2681],{"class":1140,"line":1226},[1138,2682,2683],{"class":1187},"    }\n",[1138,2685,2686],{"class":1140,"line":1232},[1138,2687,1508],{"class":1155},[1138,2689,2690,2692,2694,2697,2700],{"class":1140,"line":1254},[1138,2691,2633],{"class":1187},[1138,2693,2237],{"class":2636},[1138,2695,2696],{"class":1187},"::",[1138,2698,2699],{"class":1460},"before",[1138,2701,2640],{"class":1187},[1138,2703,2704,2707,2709,2711,2713,2715,2718,2720],{"class":1140,"line":1259},[1138,2705,2706],{"class":2645},"        content",[1138,2708,2649],{"class":1187},[1138,2710,2653],{"class":2652},[1138,2712,1195],{"class":1187},[1138,2714,1248],{"class":1240},[1138,2716,2717],{"class":1244},"{% static \"images/logo-small.svg\" %}",[1138,2719,1248],{"class":1240},[1138,2721,2665],{"class":1187},[1138,2723,2724],{"class":1140,"line":1265},[1138,2725,2683],{"class":1187},[1138,2727,2728,2730,2732],{"class":1140,"line":1276},[1138,2729,1499],{"class":1187},[1138,2731,2626],{"class":1456},[1138,2733,1464],{"class":1187},[1030,2735,2737],{"id":2736},"css-management","CSS Management",[1035,2739,2741],{"id":2740},"organizing-css-files","Organizing CSS Files",[1026,2743,2744],{},[1049,2745,2746],{},"Main CSS Structure:",[1128,2748,2752],{"className":2749,"code":2750,"language":2751,"meta":1133,"style":1133},"language-css shiki shiki-themes material-theme-lighter vitesse-light vitesse-dark","/* static/css/main.css */\n\n/* CSS Reset/Normalize */\n@import url('normalize.css');\n\n/* Base styles */\n@import url('base.css');\n\n/* Layout components */\n@import url('components/header.css');\n@import url('components/navigation.css');\n@import url('components/footer.css');\n\n/* Utility classes */\n@import url('utilities.css');\n\n/* Responsive styles */\n@import url('responsive.css');\n","css",[1135,2753,2754,2759,2763,2768,2789,2793,2798,2817,2821,2826,2845,2864,2883,2887,2892,2911,2915,2920],{"__ignoreMap":1133},[1138,2755,2756],{"class":1140,"line":1141},[1138,2757,2758],{"class":1144},"/* static/css/main.css */\n",[1138,2760,2761],{"class":1140,"line":1148},[1138,2762,1177],{"emptyLinePlaceholder":1176},[1138,2764,2765],{"class":1140,"line":1159},[1138,2766,2767],{"class":1144},"/* CSS Reset/Normalize */\n",[1138,2769,2770,2774,2776,2778,2780,2782,2785,2787],{"class":1140,"line":1173},[1138,2771,2773],{"class":2772},"sKqCy","@",[1138,2775,1152],{"class":1151},[1138,2777,2653],{"class":2652},[1138,2779,1195],{"class":1187},[1138,2781,1248],{"class":1240},[1138,2783,2784],{"class":1244},"normalize.css",[1138,2786,1248],{"class":1240},[1138,2788,2665],{"class":1187},[1138,2790,2791],{"class":1140,"line":1180},[1138,2792,1177],{"emptyLinePlaceholder":1176},[1138,2794,2795],{"class":1140,"line":1221},[1138,2796,2797],{"class":1144},"/* Base styles */\n",[1138,2799,2800,2802,2804,2806,2808,2810,2813,2815],{"class":1140,"line":1226},[1138,2801,2773],{"class":2772},[1138,2803,1152],{"class":1151},[1138,2805,2653],{"class":2652},[1138,2807,1195],{"class":1187},[1138,2809,1248],{"class":1240},[1138,2811,2812],{"class":1244},"base.css",[1138,2814,1248],{"class":1240},[1138,2816,2665],{"class":1187},[1138,2818,2819],{"class":1140,"line":1232},[1138,2820,1177],{"emptyLinePlaceholder":1176},[1138,2822,2823],{"class":1140,"line":1254},[1138,2824,2825],{"class":1144},"/* Layout components */\n",[1138,2827,2828,2830,2832,2834,2836,2838,2841,2843],{"class":1140,"line":1259},[1138,2829,2773],{"class":2772},[1138,2831,1152],{"class":1151},[1138,2833,2653],{"class":2652},[1138,2835,1195],{"class":1187},[1138,2837,1248],{"class":1240},[1138,2839,2840],{"class":1244},"components/header.css",[1138,2842,1248],{"class":1240},[1138,2844,2665],{"class":1187},[1138,2846,2847,2849,2851,2853,2855,2857,2860,2862],{"class":1140,"line":1265},[1138,2848,2773],{"class":2772},[1138,2850,1152],{"class":1151},[1138,2852,2653],{"class":2652},[1138,2854,1195],{"class":1187},[1138,2856,1248],{"class":1240},[1138,2858,2859],{"class":1244},"components/navigation.css",[1138,2861,1248],{"class":1240},[1138,2863,2665],{"class":1187},[1138,2865,2866,2868,2870,2872,2874,2876,2879,2881],{"class":1140,"line":1276},[1138,2867,2773],{"class":2772},[1138,2869,1152],{"class":1151},[1138,2871,2653],{"class":2652},[1138,2873,1195],{"class":1187},[1138,2875,1248],{"class":1240},[1138,2877,2878],{"class":1244},"components/footer.css",[1138,2880,1248],{"class":1240},[1138,2882,2665],{"class":1187},[1138,2884,2885],{"class":1140,"line":1299},[1138,2886,1177],{"emptyLinePlaceholder":1176},[1138,2888,2889],{"class":1140,"line":1318},[1138,2890,2891],{"class":1144},"/* Utility classes */\n",[1138,2893,2894,2896,2898,2900,2902,2904,2907,2909],{"class":1140,"line":1324},[1138,2895,2773],{"class":2772},[1138,2897,1152],{"class":1151},[1138,2899,2653],{"class":2652},[1138,2901,1195],{"class":1187},[1138,2903,1248],{"class":1240},[1138,2905,2906],{"class":1244},"utilities.css",[1138,2908,1248],{"class":1240},[1138,2910,2665],{"class":1187},[1138,2912,2913],{"class":1140,"line":1329},[1138,2914,1177],{"emptyLinePlaceholder":1176},[1138,2916,2917],{"class":1140,"line":1335},[1138,2918,2919],{"class":1144},"/* Responsive styles */\n",[1138,2921,2922,2924,2926,2928,2930,2932,2935,2937],{"class":1140,"line":1358},[1138,2923,2773],{"class":2772},[1138,2925,1152],{"class":1151},[1138,2927,2653],{"class":2652},[1138,2929,1195],{"class":1187},[1138,2931,1248],{"class":1240},[1138,2933,2934],{"class":1244},"responsive.css",[1138,2936,1248],{"class":1240},[1138,2938,2665],{"class":1187},[1026,2940,2941],{},[1049,2942,2943],{},"Component-Based CSS:",[1128,2945,2947],{"className":2749,"code":2946,"language":2751,"meta":1133,"style":1133},"/* static/css/components/card.css */\n.card {\n    border: 1px solid #ddd;\n    border-radius: 8px;\n    padding: 1rem;\n    margin-bottom: 1rem;\n    box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n}\n\n.card-header {\n    border-bottom: 1px solid #eee;\n    padding-bottom: 0.5rem;\n    margin-bottom: 1rem;\n}\n\n.card-title {\n    margin: 0;\n    font-size: 1.25rem;\n    font-weight: 600;\n}\n\n.card-body {\n    line-height: 1.6;\n}\n\n.card-footer {\n    border-top: 1px solid #eee;\n    padding-top: 0.5rem;\n    margin-top: 1rem;\n    text-align: right;\n}\n",[1135,2948,2949,2954,2963,2989,3003,3017,3030,3073,3078,3082,3091,3111,3125,3137,3141,3145,3154,3165,3179,3191,3195,3199,3208,3220,3224,3228,3238,3258,3272,3286,3299],{"__ignoreMap":1133},[1138,2950,2951],{"class":1140,"line":1141},[1138,2952,2953],{"class":1144},"/* static/css/components/card.css */\n",[1138,2955,2956,2958,2961],{"class":1140,"line":1148},[1138,2957,1215],{"class":1187},[1138,2959,2960],{"class":2636},"card",[1138,2962,2640],{"class":1187},[1138,2964,2965,2968,2970,2974,2978,2981,2984,2987],{"class":1140,"line":1159},[1138,2966,2967],{"class":2645},"    border",[1138,2969,2649],{"class":1187},[1138,2971,2973],{"class":2972},"s7CZa"," 1",[1138,2975,2977],{"class":2976},"sQBxk","px",[1138,2979,2980],{"class":1183}," solid",[1138,2982,2983],{"class":1187}," #",[1138,2985,2986],{"class":1183},"ddd",[1138,2988,2678],{"class":1187},[1138,2990,2991,2994,2996,2999,3001],{"class":1140,"line":1173},[1138,2992,2993],{"class":2645},"    border-radius",[1138,2995,2649],{"class":1187},[1138,2997,2998],{"class":2972}," 8",[1138,3000,2977],{"class":2976},[1138,3002,2678],{"class":1187},[1138,3004,3005,3008,3010,3012,3015],{"class":1140,"line":1180},[1138,3006,3007],{"class":2645},"    padding",[1138,3009,2649],{"class":1187},[1138,3011,2973],{"class":2972},[1138,3013,3014],{"class":2976},"rem",[1138,3016,2678],{"class":1187},[1138,3018,3019,3022,3024,3026,3028],{"class":1140,"line":1221},[1138,3020,3021],{"class":2645},"    margin-bottom",[1138,3023,2649],{"class":1187},[1138,3025,2973],{"class":2972},[1138,3027,3014],{"class":2976},[1138,3029,2678],{"class":1187},[1138,3031,3032,3035,3037,3040,3043,3045,3048,3050,3053,3055,3058,3060,3062,3064,3066,3068,3071],{"class":1140,"line":1226},[1138,3033,3034],{"class":2645},"    box-shadow",[1138,3036,2649],{"class":1187},[1138,3038,3039],{"class":2972}," 0",[1138,3041,3042],{"class":2972}," 2",[1138,3044,2977],{"class":2976},[1138,3046,3047],{"class":2972}," 4",[1138,3049,2977],{"class":2976},[1138,3051,3052],{"class":2652}," rgba",[1138,3054,1195],{"class":1187},[1138,3056,3057],{"class":2972},"0",[1138,3059,1293],{"class":1187},[1138,3061,3057],{"class":2972},[1138,3063,1293],{"class":1187},[1138,3065,3057],{"class":2972},[1138,3067,1293],{"class":1187},[1138,3069,3070],{"class":2972},"0.1",[1138,3072,2665],{"class":1187},[1138,3074,3075],{"class":1140,"line":1232},[1138,3076,3077],{"class":1187},"}\n",[1138,3079,3080],{"class":1140,"line":1254},[1138,3081,1177],{"emptyLinePlaceholder":1176},[1138,3083,3084,3086,3089],{"class":1140,"line":1259},[1138,3085,1215],{"class":1187},[1138,3087,3088],{"class":2636},"card-header",[1138,3090,2640],{"class":1187},[1138,3092,3093,3096,3098,3100,3102,3104,3106,3109],{"class":1140,"line":1265},[1138,3094,3095],{"class":2645},"    border-bottom",[1138,3097,2649],{"class":1187},[1138,3099,2973],{"class":2972},[1138,3101,2977],{"class":2976},[1138,3103,2980],{"class":1183},[1138,3105,2983],{"class":1187},[1138,3107,3108],{"class":1183},"eee",[1138,3110,2678],{"class":1187},[1138,3112,3113,3116,3118,3121,3123],{"class":1140,"line":1276},[1138,3114,3115],{"class":2645},"    padding-bottom",[1138,3117,2649],{"class":1187},[1138,3119,3120],{"class":2972}," 0.5",[1138,3122,3014],{"class":2976},[1138,3124,2678],{"class":1187},[1138,3126,3127,3129,3131,3133,3135],{"class":1140,"line":1299},[1138,3128,3021],{"class":2645},[1138,3130,2649],{"class":1187},[1138,3132,2973],{"class":2972},[1138,3134,3014],{"class":2976},[1138,3136,2678],{"class":1187},[1138,3138,3139],{"class":1140,"line":1318},[1138,3140,3077],{"class":1187},[1138,3142,3143],{"class":1140,"line":1324},[1138,3144,1177],{"emptyLinePlaceholder":1176},[1138,3146,3147,3149,3152],{"class":1140,"line":1329},[1138,3148,1215],{"class":1187},[1138,3150,3151],{"class":2636},"card-title",[1138,3153,2640],{"class":1187},[1138,3155,3156,3159,3161,3163],{"class":1140,"line":1335},[1138,3157,3158],{"class":2645},"    margin",[1138,3160,2649],{"class":1187},[1138,3162,3039],{"class":2972},[1138,3164,2678],{"class":1187},[1138,3166,3167,3170,3172,3175,3177],{"class":1140,"line":1358},[1138,3168,3169],{"class":2645},"    font-size",[1138,3171,2649],{"class":1187},[1138,3173,3174],{"class":2972}," 1.25",[1138,3176,3014],{"class":2976},[1138,3178,2678],{"class":1187},[1138,3180,3181,3184,3186,3189],{"class":1140,"line":1363},[1138,3182,3183],{"class":2645},"    font-weight",[1138,3185,2649],{"class":1187},[1138,3187,3188],{"class":2972}," 600",[1138,3190,2678],{"class":1187},[1138,3192,3193],{"class":1140,"line":1369},[1138,3194,3077],{"class":1187},[1138,3196,3197],{"class":1140,"line":1379},[1138,3198,1177],{"emptyLinePlaceholder":1176},[1138,3200,3201,3203,3206],{"class":1140,"line":1393},[1138,3202,1215],{"class":1187},[1138,3204,3205],{"class":2636},"card-body",[1138,3207,2640],{"class":1187},[1138,3209,3210,3213,3215,3218],{"class":1140,"line":1405},[1138,3211,3212],{"class":2645},"    line-height",[1138,3214,2649],{"class":1187},[1138,3216,3217],{"class":2972}," 1.6",[1138,3219,2678],{"class":1187},[1138,3221,3222],{"class":1140,"line":1751},[1138,3223,3077],{"class":1187},[1138,3225,3226],{"class":1140,"line":1760},[1138,3227,1177],{"emptyLinePlaceholder":1176},[1138,3229,3231,3233,3236],{"class":1140,"line":3230},26,[1138,3232,1215],{"class":1187},[1138,3234,3235],{"class":2636},"card-footer",[1138,3237,2640],{"class":1187},[1138,3239,3241,3244,3246,3248,3250,3252,3254,3256],{"class":1140,"line":3240},27,[1138,3242,3243],{"class":2645},"    border-top",[1138,3245,2649],{"class":1187},[1138,3247,2973],{"class":2972},[1138,3249,2977],{"class":2976},[1138,3251,2980],{"class":1183},[1138,3253,2983],{"class":1187},[1138,3255,3108],{"class":1183},[1138,3257,2678],{"class":1187},[1138,3259,3261,3264,3266,3268,3270],{"class":1140,"line":3260},28,[1138,3262,3263],{"class":2645},"    padding-top",[1138,3265,2649],{"class":1187},[1138,3267,3120],{"class":2972},[1138,3269,3014],{"class":2976},[1138,3271,2678],{"class":1187},[1138,3273,3275,3278,3280,3282,3284],{"class":1140,"line":3274},29,[1138,3276,3277],{"class":2645},"    margin-top",[1138,3279,2649],{"class":1187},[1138,3281,2973],{"class":2972},[1138,3283,3014],{"class":2976},[1138,3285,2678],{"class":1187},[1138,3287,3289,3292,3294,3297],{"class":1140,"line":3288},30,[1138,3290,3291],{"class":2645},"    text-align",[1138,3293,2649],{"class":1187},[1138,3295,3296],{"class":1183}," right",[1138,3298,2678],{"class":1187},[1138,3300,3302],{"class":1140,"line":3301},31,[1138,3303,3077],{"class":1187},[1026,3305,3306],{},[1049,3307,3308],{},"CSS Variables and Custom Properties:",[1128,3310,3312],{"className":2749,"code":3311,"language":2751,"meta":1133,"style":1133},"/* static/css/variables.css */\n:root {\n    /* Colors */\n    --primary-color: #007bff;\n    --secondary-color: #6c757d;\n    --success-color: #28a745;\n    --danger-color: #dc3545;\n    --warning-color: #ffc107;\n    --info-color: #17a2b8;\n    \n    /* Typography */\n    --font-family-base: 'Helvetica Neue', Arial, sans-serif;\n    --font-size-base: 1rem;\n    --line-height-base: 1.5;\n    \n    /* Spacing */\n    --spacing-xs: 0.25rem;\n    --spacing-sm: 0.5rem;\n    --spacing-md: 1rem;\n    --spacing-lg: 1.5rem;\n    --spacing-xl: 3rem;\n    \n    /* Breakpoints */\n    --breakpoint-sm: 576px;\n    --breakpoint-md: 768px;\n    --breakpoint-lg: 992px;\n    --breakpoint-xl: 1200px;\n}\n\n/* Usage */\n.btn-primary {\n    background-color: var(--primary-color);\n    padding: var(--spacing-sm) var(--spacing-md);\n    font-family: var(--font-family-base);\n}\n",[1135,3313,3314,3319,3328,3333,3348,3362,3376,3390,3404,3418,3422,3427,3453,3466,3478,3482,3487,3501,3514,3527,3540,3554,3558,3563,3577,3591,3605,3619,3623,3627,3632,3641,3659,3685,3702],{"__ignoreMap":1133},[1138,3315,3316],{"class":1140,"line":1141},[1138,3317,3318],{"class":1144},"/* static/css/variables.css */\n",[1138,3320,3321,3323,3326],{"class":1140,"line":1148},[1138,3322,2649],{"class":1187},[1138,3324,3325],{"class":1460},"root",[1138,3327,2640],{"class":1187},[1138,3329,3330],{"class":1140,"line":1159},[1138,3331,3332],{"class":1144},"    /* Colors */\n",[1138,3334,3335,3339,3341,3343,3346],{"class":1140,"line":1173},[1138,3336,3338],{"class":3337},"sSC40","    --primary-color",[1138,3340,2649],{"class":1187},[1138,3342,2983],{"class":1187},[1138,3344,3345],{"class":1183},"007bff",[1138,3347,2678],{"class":1187},[1138,3349,3350,3353,3355,3357,3360],{"class":1140,"line":1180},[1138,3351,3352],{"class":3337},"    --secondary-color",[1138,3354,2649],{"class":1187},[1138,3356,2983],{"class":1187},[1138,3358,3359],{"class":1183},"6c757d",[1138,3361,2678],{"class":1187},[1138,3363,3364,3367,3369,3371,3374],{"class":1140,"line":1221},[1138,3365,3366],{"class":3337},"    --success-color",[1138,3368,2649],{"class":1187},[1138,3370,2983],{"class":1187},[1138,3372,3373],{"class":1183},"28a745",[1138,3375,2678],{"class":1187},[1138,3377,3378,3381,3383,3385,3388],{"class":1140,"line":1226},[1138,3379,3380],{"class":3337},"    --danger-color",[1138,3382,2649],{"class":1187},[1138,3384,2983],{"class":1187},[1138,3386,3387],{"class":1183},"dc3545",[1138,3389,2678],{"class":1187},[1138,3391,3392,3395,3397,3399,3402],{"class":1140,"line":1232},[1138,3393,3394],{"class":3337},"    --warning-color",[1138,3396,2649],{"class":1187},[1138,3398,2983],{"class":1187},[1138,3400,3401],{"class":1183},"ffc107",[1138,3403,2678],{"class":1187},[1138,3405,3406,3409,3411,3413,3416],{"class":1140,"line":1254},[1138,3407,3408],{"class":3337},"    --info-color",[1138,3410,2649],{"class":1187},[1138,3412,2983],{"class":1187},[1138,3414,3415],{"class":1183},"17a2b8",[1138,3417,2678],{"class":1187},[1138,3419,3420],{"class":1140,"line":1259},[1138,3421,1508],{"class":1155},[1138,3423,3424],{"class":1140,"line":1265},[1138,3425,3426],{"class":1144},"    /* Typography */\n",[1138,3428,3429,3432,3434,3436,3439,3441,3443,3446,3448,3451],{"class":1140,"line":1276},[1138,3430,3431],{"class":3337},"    --font-family-base",[1138,3433,2649],{"class":1187},[1138,3435,1241],{"class":1240},[1138,3437,3438],{"class":1244},"Helvetica Neue",[1138,3440,1248],{"class":1240},[1138,3442,1293],{"class":1187},[1138,3444,3445],{"class":1183}," Arial",[1138,3447,1293],{"class":1187},[1138,3449,3450],{"class":1183}," sans-serif",[1138,3452,2678],{"class":1187},[1138,3454,3455,3458,3460,3462,3464],{"class":1140,"line":1299},[1138,3456,3457],{"class":3337},"    --font-size-base",[1138,3459,2649],{"class":1187},[1138,3461,2973],{"class":2972},[1138,3463,3014],{"class":2976},[1138,3465,2678],{"class":1187},[1138,3467,3468,3471,3473,3476],{"class":1140,"line":1318},[1138,3469,3470],{"class":3337},"    --line-height-base",[1138,3472,2649],{"class":1187},[1138,3474,3475],{"class":2972}," 1.5",[1138,3477,2678],{"class":1187},[1138,3479,3480],{"class":1140,"line":1324},[1138,3481,1508],{"class":1155},[1138,3483,3484],{"class":1140,"line":1329},[1138,3485,3486],{"class":1144},"    /* Spacing */\n",[1138,3488,3489,3492,3494,3497,3499],{"class":1140,"line":1335},[1138,3490,3491],{"class":3337},"    --spacing-xs",[1138,3493,2649],{"class":1187},[1138,3495,3496],{"class":2972}," 0.25",[1138,3498,3014],{"class":2976},[1138,3500,2678],{"class":1187},[1138,3502,3503,3506,3508,3510,3512],{"class":1140,"line":1358},[1138,3504,3505],{"class":3337},"    --spacing-sm",[1138,3507,2649],{"class":1187},[1138,3509,3120],{"class":2972},[1138,3511,3014],{"class":2976},[1138,3513,2678],{"class":1187},[1138,3515,3516,3519,3521,3523,3525],{"class":1140,"line":1363},[1138,3517,3518],{"class":3337},"    --spacing-md",[1138,3520,2649],{"class":1187},[1138,3522,2973],{"class":2972},[1138,3524,3014],{"class":2976},[1138,3526,2678],{"class":1187},[1138,3528,3529,3532,3534,3536,3538],{"class":1140,"line":1369},[1138,3530,3531],{"class":3337},"    --spacing-lg",[1138,3533,2649],{"class":1187},[1138,3535,3475],{"class":2972},[1138,3537,3014],{"class":2976},[1138,3539,2678],{"class":1187},[1138,3541,3542,3545,3547,3550,3552],{"class":1140,"line":1379},[1138,3543,3544],{"class":3337},"    --spacing-xl",[1138,3546,2649],{"class":1187},[1138,3548,3549],{"class":2972}," 3",[1138,3551,3014],{"class":2976},[1138,3553,2678],{"class":1187},[1138,3555,3556],{"class":1140,"line":1393},[1138,3557,1508],{"class":1155},[1138,3559,3560],{"class":1140,"line":1405},[1138,3561,3562],{"class":1144},"    /* Breakpoints */\n",[1138,3564,3565,3568,3570,3573,3575],{"class":1140,"line":1751},[1138,3566,3567],{"class":3337},"    --breakpoint-sm",[1138,3569,2649],{"class":1187},[1138,3571,3572],{"class":2972}," 576",[1138,3574,2977],{"class":2976},[1138,3576,2678],{"class":1187},[1138,3578,3579,3582,3584,3587,3589],{"class":1140,"line":1760},[1138,3580,3581],{"class":3337},"    --breakpoint-md",[1138,3583,2649],{"class":1187},[1138,3585,3586],{"class":2972}," 768",[1138,3588,2977],{"class":2976},[1138,3590,2678],{"class":1187},[1138,3592,3593,3596,3598,3601,3603],{"class":1140,"line":3230},[1138,3594,3595],{"class":3337},"    --breakpoint-lg",[1138,3597,2649],{"class":1187},[1138,3599,3600],{"class":2972}," 992",[1138,3602,2977],{"class":2976},[1138,3604,2678],{"class":1187},[1138,3606,3607,3610,3612,3615,3617],{"class":1140,"line":3240},[1138,3608,3609],{"class":3337},"    --breakpoint-xl",[1138,3611,2649],{"class":1187},[1138,3613,3614],{"class":2972}," 1200",[1138,3616,2977],{"class":2976},[1138,3618,2678],{"class":1187},[1138,3620,3621],{"class":1140,"line":3260},[1138,3622,3077],{"class":1187},[1138,3624,3625],{"class":1140,"line":3274},[1138,3626,1177],{"emptyLinePlaceholder":1176},[1138,3628,3629],{"class":1140,"line":3288},[1138,3630,3631],{"class":1144},"/* Usage */\n",[1138,3633,3634,3636,3639],{"class":1140,"line":3301},[1138,3635,1215],{"class":1187},[1138,3637,3638],{"class":2636},"btn-primary",[1138,3640,2640],{"class":1187},[1138,3642,3644,3647,3649,3652,3654,3657],{"class":1140,"line":3643},32,[1138,3645,3646],{"class":2645},"    background-color",[1138,3648,2649],{"class":1187},[1138,3650,3651],{"class":2652}," var",[1138,3653,1195],{"class":1187},[1138,3655,3656],{"class":3337},"--primary-color",[1138,3658,2665],{"class":1187},[1138,3660,3662,3664,3666,3668,3670,3673,3676,3678,3680,3683],{"class":1140,"line":3661},33,[1138,3663,3007],{"class":2645},[1138,3665,2649],{"class":1187},[1138,3667,3651],{"class":2652},[1138,3669,1195],{"class":1187},[1138,3671,3672],{"class":3337},"--spacing-sm",[1138,3674,3675],{"class":1187},")",[1138,3677,3651],{"class":2652},[1138,3679,1195],{"class":1187},[1138,3681,3682],{"class":3337},"--spacing-md",[1138,3684,2665],{"class":1187},[1138,3686,3688,3691,3693,3695,3697,3700],{"class":1140,"line":3687},34,[1138,3689,3690],{"class":2645},"    font-family",[1138,3692,2649],{"class":1187},[1138,3694,3651],{"class":2652},[1138,3696,1195],{"class":1187},[1138,3698,3699],{"class":3337},"--font-family-base",[1138,3701,2665],{"class":1187},[1138,3703,3705],{"class":1140,"line":3704},35,[1138,3706,3077],{"class":1187},[1035,3708,3710],{"id":3709},"responsive-css","Responsive CSS",[1128,3712,3714],{"className":2749,"code":3713,"language":2751,"meta":1133,"style":1133},"/* static/css/responsive.css */\n\n/* Mobile First Approach */\n.container {\n    width: 100%;\n    padding: 0 var(--spacing-md);\n}\n\n.grid {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: var(--spacing-md);\n}\n\n/* Tablet */\n@media (min-width: 768px) {\n    .container {\n        max-width: 750px;\n        margin: 0 auto;\n    }\n    \n    .grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n    \n    .grid-3 {\n        grid-template-columns: repeat(3, 1fr);\n    }\n}\n\n/* Desktop */\n@media (min-width: 992px) {\n    .container {\n        max-width: 970px;\n    }\n    \n    .grid {\n        grid-template-columns: repeat(3, 1fr);\n    }\n    \n    .grid-4 {\n        grid-template-columns: repeat(4, 1fr);\n    }\n}\n\n/* Large Desktop */\n@media (min-width: 1200px) {\n    .container {\n        max-width: 1170px;\n    }\n}\n",[1135,3715,3716,3721,3725,3730,3739,3754,3770,3774,3778,3787,3799,3813,3828,3832,3836,3841,3865,3873,3887,3901,3905,3909,3917,3939,3943,3947,3956,3977,3981,3985,3989,3994,4014,4022,4035,4039,4044,4053,4074,4079,4084,4094,4116,4121,4126,4131,4137,4158,4167,4181,4186],{"__ignoreMap":1133},[1138,3717,3718],{"class":1140,"line":1141},[1138,3719,3720],{"class":1144},"/* static/css/responsive.css */\n",[1138,3722,3723],{"class":1140,"line":1148},[1138,3724,1177],{"emptyLinePlaceholder":1176},[1138,3726,3727],{"class":1140,"line":1159},[1138,3728,3729],{"class":1144},"/* Mobile First Approach */\n",[1138,3731,3732,3734,3737],{"class":1140,"line":1173},[1138,3733,1215],{"class":1187},[1138,3735,3736],{"class":2636},"container",[1138,3738,2640],{"class":1187},[1138,3740,3741,3744,3746,3749,3752],{"class":1140,"line":1180},[1138,3742,3743],{"class":2645},"    width",[1138,3745,2649],{"class":1187},[1138,3747,3748],{"class":2972}," 100",[1138,3750,3751],{"class":2976},"%",[1138,3753,2678],{"class":1187},[1138,3755,3756,3758,3760,3762,3764,3766,3768],{"class":1140,"line":1221},[1138,3757,3007],{"class":2645},[1138,3759,2649],{"class":1187},[1138,3761,3039],{"class":2972},[1138,3763,3651],{"class":2652},[1138,3765,1195],{"class":1187},[1138,3767,3682],{"class":3337},[1138,3769,2665],{"class":1187},[1138,3771,3772],{"class":1140,"line":1226},[1138,3773,3077],{"class":1187},[1138,3775,3776],{"class":1140,"line":1232},[1138,3777,1177],{"emptyLinePlaceholder":1176},[1138,3779,3780,3782,3785],{"class":1140,"line":1254},[1138,3781,1215],{"class":1187},[1138,3783,3784],{"class":2636},"grid",[1138,3786,2640],{"class":1187},[1138,3788,3789,3792,3794,3797],{"class":1140,"line":1259},[1138,3790,3791],{"class":2645},"    display",[1138,3793,2649],{"class":1187},[1138,3795,3796],{"class":1183}," grid",[1138,3798,2678],{"class":1187},[1138,3800,3801,3804,3806,3808,3811],{"class":1140,"line":1265},[1138,3802,3803],{"class":2645},"    grid-template-columns",[1138,3805,2649],{"class":1187},[1138,3807,2973],{"class":2972},[1138,3809,3810],{"class":2976},"fr",[1138,3812,2678],{"class":1187},[1138,3814,3815,3818,3820,3822,3824,3826],{"class":1140,"line":1276},[1138,3816,3817],{"class":2645},"    gap",[1138,3819,2649],{"class":1187},[1138,3821,3651],{"class":2652},[1138,3823,1195],{"class":1187},[1138,3825,3682],{"class":3337},[1138,3827,2665],{"class":1187},[1138,3829,3830],{"class":1140,"line":1299},[1138,3831,3077],{"class":1187},[1138,3833,3834],{"class":1140,"line":1318},[1138,3835,1177],{"emptyLinePlaceholder":1176},[1138,3837,3838],{"class":1140,"line":1324},[1138,3839,3840],{"class":1144},"/* Tablet */\n",[1138,3842,3843,3845,3848,3851,3855,3857,3859,3861,3863],{"class":1140,"line":1329},[1138,3844,2773],{"class":2772},[1138,3846,3847],{"class":1151},"media",[1138,3849,3850],{"class":1187}," (",[1138,3852,3854],{"class":3853},"sa2tF","min-width",[1138,3856,2649],{"class":1187},[1138,3858,3586],{"class":2972},[1138,3860,2977],{"class":2976},[1138,3862,3675],{"class":1187},[1138,3864,2640],{"class":1187},[1138,3866,3867,3869,3871],{"class":1140,"line":1335},[1138,3868,2633],{"class":1187},[1138,3870,3736],{"class":2636},[1138,3872,2640],{"class":1187},[1138,3874,3875,3878,3880,3883,3885],{"class":1140,"line":1358},[1138,3876,3877],{"class":2645},"        max-width",[1138,3879,2649],{"class":1187},[1138,3881,3882],{"class":2972}," 750",[1138,3884,2977],{"class":2976},[1138,3886,2678],{"class":1187},[1138,3888,3889,3892,3894,3896,3899],{"class":1140,"line":1363},[1138,3890,3891],{"class":2645},"        margin",[1138,3893,2649],{"class":1187},[1138,3895,3039],{"class":2972},[1138,3897,3898],{"class":1183}," auto",[1138,3900,2678],{"class":1187},[1138,3902,3903],{"class":1140,"line":1369},[1138,3904,2683],{"class":1187},[1138,3906,3907],{"class":1140,"line":1379},[1138,3908,1508],{"class":1155},[1138,3910,3911,3913,3915],{"class":1140,"line":1393},[1138,3912,2633],{"class":1187},[1138,3914,3784],{"class":2636},[1138,3916,2640],{"class":1187},[1138,3918,3919,3922,3924,3926,3928,3931,3933,3935,3937],{"class":1140,"line":1405},[1138,3920,3921],{"class":2645},"        grid-template-columns",[1138,3923,2649],{"class":1187},[1138,3925,2675],{"class":2652},[1138,3927,1195],{"class":1187},[1138,3929,3930],{"class":2972},"2",[1138,3932,1293],{"class":1187},[1138,3934,2973],{"class":2972},[1138,3936,3810],{"class":2976},[1138,3938,2665],{"class":1187},[1138,3940,3941],{"class":1140,"line":1751},[1138,3942,2683],{"class":1187},[1138,3944,3945],{"class":1140,"line":1760},[1138,3946,1508],{"class":1155},[1138,3948,3949,3951,3954],{"class":1140,"line":3230},[1138,3950,2633],{"class":1187},[1138,3952,3953],{"class":2636},"grid-3",[1138,3955,2640],{"class":1187},[1138,3957,3958,3960,3962,3964,3966,3969,3971,3973,3975],{"class":1140,"line":3240},[1138,3959,3921],{"class":2645},[1138,3961,2649],{"class":1187},[1138,3963,2675],{"class":2652},[1138,3965,1195],{"class":1187},[1138,3967,3968],{"class":2972},"3",[1138,3970,1293],{"class":1187},[1138,3972,2973],{"class":2972},[1138,3974,3810],{"class":2976},[1138,3976,2665],{"class":1187},[1138,3978,3979],{"class":1140,"line":3260},[1138,3980,2683],{"class":1187},[1138,3982,3983],{"class":1140,"line":3274},[1138,3984,3077],{"class":1187},[1138,3986,3987],{"class":1140,"line":3288},[1138,3988,1177],{"emptyLinePlaceholder":1176},[1138,3990,3991],{"class":1140,"line":3301},[1138,3992,3993],{"class":1144},"/* Desktop */\n",[1138,3995,3996,3998,4000,4002,4004,4006,4008,4010,4012],{"class":1140,"line":3643},[1138,3997,2773],{"class":2772},[1138,3999,3847],{"class":1151},[1138,4001,3850],{"class":1187},[1138,4003,3854],{"class":3853},[1138,4005,2649],{"class":1187},[1138,4007,3600],{"class":2972},[1138,4009,2977],{"class":2976},[1138,4011,3675],{"class":1187},[1138,4013,2640],{"class":1187},[1138,4015,4016,4018,4020],{"class":1140,"line":3661},[1138,4017,2633],{"class":1187},[1138,4019,3736],{"class":2636},[1138,4021,2640],{"class":1187},[1138,4023,4024,4026,4028,4031,4033],{"class":1140,"line":3687},[1138,4025,3877],{"class":2645},[1138,4027,2649],{"class":1187},[1138,4029,4030],{"class":2972}," 970",[1138,4032,2977],{"class":2976},[1138,4034,2678],{"class":1187},[1138,4036,4037],{"class":1140,"line":3704},[1138,4038,2683],{"class":1187},[1138,4040,4042],{"class":1140,"line":4041},36,[1138,4043,1508],{"class":1155},[1138,4045,4047,4049,4051],{"class":1140,"line":4046},37,[1138,4048,2633],{"class":1187},[1138,4050,3784],{"class":2636},[1138,4052,2640],{"class":1187},[1138,4054,4056,4058,4060,4062,4064,4066,4068,4070,4072],{"class":1140,"line":4055},38,[1138,4057,3921],{"class":2645},[1138,4059,2649],{"class":1187},[1138,4061,2675],{"class":2652},[1138,4063,1195],{"class":1187},[1138,4065,3968],{"class":2972},[1138,4067,1293],{"class":1187},[1138,4069,2973],{"class":2972},[1138,4071,3810],{"class":2976},[1138,4073,2665],{"class":1187},[1138,4075,4077],{"class":1140,"line":4076},39,[1138,4078,2683],{"class":1187},[1138,4080,4082],{"class":1140,"line":4081},40,[1138,4083,1508],{"class":1155},[1138,4085,4087,4089,4092],{"class":1140,"line":4086},41,[1138,4088,2633],{"class":1187},[1138,4090,4091],{"class":2636},"grid-4",[1138,4093,2640],{"class":1187},[1138,4095,4097,4099,4101,4103,4105,4108,4110,4112,4114],{"class":1140,"line":4096},42,[1138,4098,3921],{"class":2645},[1138,4100,2649],{"class":1187},[1138,4102,2675],{"class":2652},[1138,4104,1195],{"class":1187},[1138,4106,4107],{"class":2972},"4",[1138,4109,1293],{"class":1187},[1138,4111,2973],{"class":2972},[1138,4113,3810],{"class":2976},[1138,4115,2665],{"class":1187},[1138,4117,4119],{"class":1140,"line":4118},43,[1138,4120,2683],{"class":1187},[1138,4122,4124],{"class":1140,"line":4123},44,[1138,4125,3077],{"class":1187},[1138,4127,4129],{"class":1140,"line":4128},45,[1138,4130,1177],{"emptyLinePlaceholder":1176},[1138,4132,4134],{"class":1140,"line":4133},46,[1138,4135,4136],{"class":1144},"/* Large Desktop */\n",[1138,4138,4140,4142,4144,4146,4148,4150,4152,4154,4156],{"class":1140,"line":4139},47,[1138,4141,2773],{"class":2772},[1138,4143,3847],{"class":1151},[1138,4145,3850],{"class":1187},[1138,4147,3854],{"class":3853},[1138,4149,2649],{"class":1187},[1138,4151,3614],{"class":2972},[1138,4153,2977],{"class":2976},[1138,4155,3675],{"class":1187},[1138,4157,2640],{"class":1187},[1138,4159,4161,4163,4165],{"class":1140,"line":4160},48,[1138,4162,2633],{"class":1187},[1138,4164,3736],{"class":2636},[1138,4166,2640],{"class":1187},[1138,4168,4170,4172,4174,4177,4179],{"class":1140,"line":4169},49,[1138,4171,3877],{"class":2645},[1138,4173,2649],{"class":1187},[1138,4175,4176],{"class":2972}," 1170",[1138,4178,2977],{"class":2976},[1138,4180,2678],{"class":1187},[1138,4182,4184],{"class":1140,"line":4183},50,[1138,4185,2683],{"class":1187},[1138,4187,4189],{"class":1140,"line":4188},51,[1138,4190,3077],{"class":1187},[1030,4192,4194],{"id":4193},"javascript-management","JavaScript Management",[1035,4196,4198],{"id":4197},"javascript-file-organization","JavaScript File Organization",[1128,4200,4204],{"className":4201,"code":4202,"language":4203,"meta":1133,"style":1133},"language-javascript shiki shiki-themes material-theme-lighter vitesse-light vitesse-dark","// static/js/main.js\n\n// Namespace for application\nwindow.MyApp = window.MyApp || {};\n\n// Utility functions\nMyApp.utils = {\n    // CSRF token helper\n    getCsrfToken: function() {\n        return document.querySelector('[name=csrfmiddlewaretoken]').value;\n    },\n    \n    // AJAX helper\n    ajax: function(url, options) {\n        const defaults = {\n            method: 'GET',\n            headers: {\n                'Content-Type': 'application/json',\n                'X-CSRFToken': this.getCsrfToken()\n            }\n        };\n        \n        return fetch(url, Object.assign(defaults, options));\n    },\n    \n    // DOM ready helper\n    ready: function(fn) {\n        if (document.readyState !== 'loading') {\n            fn();\n        } else {\n            document.addEventListener('DOMContentLoaded', fn);\n        }\n    }\n};\n\n// Initialize application\nMyApp.utils.ready(function() {\n    console.log('Application initialized');\n    \n    // Initialize components\n    MyApp.navigation.init();\n    MyApp.forms.init();\n});\n","javascript",[1135,4205,4206,4211,4215,4220,4245,4249,4254,4267,4272,4289,4321,4326,4330,4335,4359,4371,4388,4397,4419,4442,4447,4452,4457,4492,4496,4500,4505,4523,4552,4561,4571,4599,4604,4608,4613,4617,4622,4645,4668,4672,4677,4696,4713],{"__ignoreMap":1133},[1138,4207,4208],{"class":1140,"line":1141},[1138,4209,4210],{"class":1144},"// static/js/main.js\n",[1138,4212,4213],{"class":1140,"line":1148},[1138,4214,1177],{"emptyLinePlaceholder":1176},[1138,4216,4217],{"class":1140,"line":1159},[1138,4218,4219],{"class":1144},"// Namespace for application\n",[1138,4221,4222,4225,4227,4230,4232,4235,4237,4239,4242],{"class":1140,"line":1173},[1138,4223,4224],{"class":3337},"window",[1138,4226,1215],{"class":1187},[1138,4228,4229],{"class":3337},"MyApp",[1138,4231,1188],{"class":1187},[1138,4233,4234],{"class":3337}," window",[1138,4236,1215],{"class":1187},[1138,4238,4229],{"class":3337},[1138,4240,4241],{"class":1282}," ||",[1138,4243,4244],{"class":1187}," {};\n",[1138,4246,4247],{"class":1140,"line":1180},[1138,4248,1177],{"emptyLinePlaceholder":1176},[1138,4250,4251],{"class":1140,"line":1221},[1138,4252,4253],{"class":1144},"// Utility functions\n",[1138,4255,4256,4258,4260,4263,4265],{"class":1140,"line":1226},[1138,4257,4229],{"class":3337},[1138,4259,1215],{"class":1187},[1138,4261,4262],{"class":3337},"utils",[1138,4264,1188],{"class":1187},[1138,4266,2640],{"class":1187},[1138,4268,4269],{"class":1140,"line":1232},[1138,4270,4271],{"class":1144},"    // CSRF token helper\n",[1138,4273,4274,4278,4280,4284,4287],{"class":1140,"line":1254},[1138,4275,4277],{"class":4276},"sljsM","    getCsrfToken",[1138,4279,2649],{"class":1187},[1138,4281,4283],{"class":4282},"s5Kfy"," function",[1138,4285,4286],{"class":1187},"()",[1138,4288,2640],{"class":1187},[1138,4290,4291,4294,4297,4299,4302,4305,4307,4310,4312,4314,4316,4319],{"class":1140,"line":1259},[1138,4292,4293],{"class":1151},"        return",[1138,4295,4296],{"class":3337}," document",[1138,4298,1215],{"class":1187},[1138,4300,4301],{"class":4276},"querySelector",[1138,4303,1195],{"class":4304},"sLdnO",[1138,4306,1248],{"class":1240},[1138,4308,4309],{"class":1244},"[name=csrfmiddlewaretoken]",[1138,4311,1248],{"class":1240},[1138,4313,3675],{"class":4304},[1138,4315,1215],{"class":1187},[1138,4317,4318],{"class":3337},"value",[1138,4320,2678],{"class":1187},[1138,4322,4323],{"class":1140,"line":1265},[1138,4324,4325],{"class":1187},"    },\n",[1138,4327,4328],{"class":1140,"line":1276},[1138,4329,1508],{"class":1155},[1138,4331,4332],{"class":1140,"line":1299},[1138,4333,4334],{"class":1144},"    // AJAX helper\n",[1138,4336,4337,4340,4342,4344,4346,4350,4352,4355,4357],{"class":1140,"line":1318},[1138,4338,4339],{"class":4276},"    ajax",[1138,4341,2649],{"class":1187},[1138,4343,4283],{"class":4282},[1138,4345,1195],{"class":1187},[1138,4347,4349],{"class":4348},"sqOPj","url",[1138,4351,1293],{"class":1187},[1138,4353,4354],{"class":4348}," options",[1138,4356,3675],{"class":1187},[1138,4358,2640],{"class":1187},[1138,4360,4361,4364,4367,4369],{"class":1140,"line":1324},[1138,4362,4363],{"class":4282},"        const",[1138,4365,4366],{"class":3337}," defaults",[1138,4368,1188],{"class":1187},[1138,4370,2640],{"class":1187},[1138,4372,4373,4377,4379,4381,4384,4386],{"class":1140,"line":1329},[1138,4374,4376],{"class":4375},"suXOh","            method",[1138,4378,2649],{"class":1187},[1138,4380,1241],{"class":1240},[1138,4382,4383],{"class":1244},"GET",[1138,4385,1248],{"class":1240},[1138,4387,1390],{"class":1187},[1138,4389,4390,4393,4395],{"class":1140,"line":1335},[1138,4391,4392],{"class":4375},"            headers",[1138,4394,2649],{"class":1187},[1138,4396,2640],{"class":1187},[1138,4398,4399,4402,4406,4408,4410,4412,4415,4417],{"class":1140,"line":1358},[1138,4400,4401],{"class":1240},"                '",[1138,4403,4405],{"class":4404},"sQtxO","Content-Type",[1138,4407,1248],{"class":1240},[1138,4409,2649],{"class":1187},[1138,4411,1241],{"class":1240},[1138,4413,4414],{"class":1244},"application/json",[1138,4416,1248],{"class":1240},[1138,4418,1390],{"class":1187},[1138,4420,4421,4423,4426,4428,4430,4434,4436,4439],{"class":1140,"line":1363},[1138,4422,4401],{"class":1240},[1138,4424,4425],{"class":4404},"X-CSRFToken",[1138,4427,1248],{"class":1240},[1138,4429,2649],{"class":1187},[1138,4431,4433],{"class":4432},"sETVe"," this",[1138,4435,1215],{"class":1187},[1138,4437,4438],{"class":4276},"getCsrfToken",[1138,4440,4441],{"class":4304},"()\n",[1138,4443,4444],{"class":1140,"line":1369},[1138,4445,4446],{"class":1187},"            }\n",[1138,4448,4449],{"class":1140,"line":1379},[1138,4450,4451],{"class":1187},"        };\n",[1138,4453,4454],{"class":1140,"line":1393},[1138,4455,4456],{"class":1211},"        \n",[1138,4458,4459,4461,4464,4466,4468,4470,4473,4475,4478,4480,4483,4485,4487,4490],{"class":1140,"line":1405},[1138,4460,4293],{"class":1151},[1138,4462,4463],{"class":4276}," fetch",[1138,4465,1195],{"class":4304},[1138,4467,4349],{"class":3337},[1138,4469,1293],{"class":1187},[1138,4471,4472],{"class":3337}," Object",[1138,4474,1215],{"class":1187},[1138,4476,4477],{"class":4276},"assign",[1138,4479,1195],{"class":4304},[1138,4481,4482],{"class":3337},"defaults",[1138,4484,1293],{"class":1187},[1138,4486,4354],{"class":3337},[1138,4488,4489],{"class":4304},"))",[1138,4491,2678],{"class":1187},[1138,4493,4494],{"class":1140,"line":1751},[1138,4495,4325],{"class":1187},[1138,4497,4498],{"class":1140,"line":1760},[1138,4499,1508],{"class":1155},[1138,4501,4502],{"class":1140,"line":3230},[1138,4503,4504],{"class":1144},"    // DOM ready helper\n",[1138,4506,4507,4510,4512,4514,4516,4519,4521],{"class":1140,"line":3240},[1138,4508,4509],{"class":4276},"    ready",[1138,4511,2649],{"class":1187},[1138,4513,4283],{"class":4282},[1138,4515,1195],{"class":1187},[1138,4517,4518],{"class":4348},"fn",[1138,4520,3675],{"class":1187},[1138,4522,2640],{"class":1187},[1138,4524,4525,4528,4530,4533,4535,4538,4541,4543,4546,4548,4550],{"class":1140,"line":3260},[1138,4526,4527],{"class":1151},"        if",[1138,4529,3850],{"class":4304},[1138,4531,4532],{"class":3337},"document",[1138,4534,1215],{"class":1187},[1138,4536,4537],{"class":3337},"readyState",[1138,4539,4540],{"class":1282}," !==",[1138,4542,1241],{"class":1240},[1138,4544,4545],{"class":1244},"loading",[1138,4547,1248],{"class":1240},[1138,4549,3675],{"class":4304},[1138,4551,2640],{"class":1187},[1138,4553,4554,4557,4559],{"class":1140,"line":3274},[1138,4555,4556],{"class":4276},"            fn",[1138,4558,4286],{"class":4304},[1138,4560,2678],{"class":1187},[1138,4562,4563,4566,4569],{"class":1140,"line":3288},[1138,4564,4565],{"class":1187},"        }",[1138,4567,4568],{"class":1151}," else",[1138,4570,2640],{"class":1187},[1138,4572,4573,4576,4578,4581,4583,4585,4588,4590,4592,4595,4597],{"class":1140,"line":3301},[1138,4574,4575],{"class":3337},"            document",[1138,4577,1215],{"class":1187},[1138,4579,4580],{"class":4276},"addEventListener",[1138,4582,1195],{"class":4304},[1138,4584,1248],{"class":1240},[1138,4586,4587],{"class":1244},"DOMContentLoaded",[1138,4589,1248],{"class":1240},[1138,4591,1293],{"class":1187},[1138,4593,4594],{"class":3337}," fn",[1138,4596,3675],{"class":4304},[1138,4598,2678],{"class":1187},[1138,4600,4601],{"class":1140,"line":3643},[1138,4602,4603],{"class":1187},"        }\n",[1138,4605,4606],{"class":1140,"line":3661},[1138,4607,2683],{"class":1187},[1138,4609,4610],{"class":1140,"line":3687},[1138,4611,4612],{"class":1187},"};\n",[1138,4614,4615],{"class":1140,"line":3704},[1138,4616,1177],{"emptyLinePlaceholder":1176},[1138,4618,4619],{"class":1140,"line":4041},[1138,4620,4621],{"class":1144},"// Initialize application\n",[1138,4623,4624,4626,4628,4630,4632,4635,4638,4641,4643],{"class":1140,"line":4046},[1138,4625,4229],{"class":3337},[1138,4627,1215],{"class":1187},[1138,4629,4262],{"class":3337},[1138,4631,1215],{"class":1187},[1138,4633,4634],{"class":4276},"ready",[1138,4636,1195],{"class":4637},"snCua",[1138,4639,4640],{"class":4282},"function",[1138,4642,4286],{"class":1187},[1138,4644,2640],{"class":1187},[1138,4646,4647,4650,4652,4655,4657,4659,4662,4664,4666],{"class":1140,"line":4055},[1138,4648,4649],{"class":3337},"    console",[1138,4651,1215],{"class":1187},[1138,4653,4654],{"class":4276},"log",[1138,4656,1195],{"class":4304},[1138,4658,1248],{"class":1240},[1138,4660,4661],{"class":1244},"Application initialized",[1138,4663,1248],{"class":1240},[1138,4665,3675],{"class":4304},[1138,4667,2678],{"class":1187},[1138,4669,4670],{"class":1140,"line":4076},[1138,4671,1508],{"class":1211},[1138,4673,4674],{"class":1140,"line":4081},[1138,4675,4676],{"class":1144},"    // Initialize components\n",[1138,4678,4679,4682,4684,4687,4689,4692,4694],{"class":1140,"line":4086},[1138,4680,4681],{"class":3337},"    MyApp",[1138,4683,1215],{"class":1187},[1138,4685,4686],{"class":3337},"navigation",[1138,4688,1215],{"class":1187},[1138,4690,4691],{"class":4276},"init",[1138,4693,4286],{"class":4304},[1138,4695,2678],{"class":1187},[1138,4697,4698,4700,4702,4705,4707,4709,4711],{"class":1140,"line":4096},[1138,4699,4681],{"class":3337},[1138,4701,1215],{"class":1187},[1138,4703,4704],{"class":3337},"forms",[1138,4706,1215],{"class":1187},[1138,4708,4691],{"class":4276},[1138,4710,4286],{"class":4304},[1138,4712,2678],{"class":1187},[1138,4714,4715,4718,4720],{"class":1140,"line":4118},[1138,4716,4717],{"class":1187},"}",[1138,4719,3675],{"class":4637},[1138,4721,2678],{"class":1187},[1026,4723,4724],{},[1049,4725,4726],{},"Component-Based JavaScript:",[1128,4728,4730],{"className":4201,"code":4729,"language":4203,"meta":1133,"style":1133},"// static/js/components/navigation.js\n\nMyApp.navigation = {\n    init: function() {\n        this.bindEvents();\n        this.setActiveNavItem();\n    },\n    \n    bindEvents: function() {\n        // Mobile menu toggle\n        const mobileToggle = document.querySelector('.mobile-menu-toggle');\n        const mobileMenu = document.querySelector('.mobile-menu');\n        \n        if (mobileToggle && mobileMenu) {\n            mobileToggle.addEventListener('click', function() {\n                mobileMenu.classList.toggle('active');\n            });\n        }\n        \n        // Dropdown menus\n        const dropdowns = document.querySelectorAll('.dropdown');\n        dropdowns.forEach(function(dropdown) {\n            const toggle = dropdown.querySelector('.dropdown-toggle');\n            const menu = dropdown.querySelector('.dropdown-menu');\n            \n            toggle.addEventListener('click', function(e) {\n                e.preventDefault();\n                menu.classList.toggle('show');\n            });\n        });\n    },\n    \n    setActiveNavItem: function() {\n        const currentPath = window.location.pathname;\n        const navLinks = document.querySelectorAll('.nav-link');\n        \n        navLinks.forEach(function(link) {\n            if (link.getAttribute('href') === currentPath) {\n                link.classList.add('active');\n            }\n        });\n    }\n};\n",[1135,4731,4732,4737,4741,4753,4766,4780,4793,4797,4801,4814,4819,4847,4875,4879,4897,4923,4951,4960,4964,4968,4973,5002,5025,5055,5083,5088,5118,5132,5158,5166,5174,5178,5182,5195,5218,5246,5250,5271,5305,5331,5335,5343,5347],{"__ignoreMap":1133},[1138,4733,4734],{"class":1140,"line":1141},[1138,4735,4736],{"class":1144},"// static/js/components/navigation.js\n",[1138,4738,4739],{"class":1140,"line":1148},[1138,4740,1177],{"emptyLinePlaceholder":1176},[1138,4742,4743,4745,4747,4749,4751],{"class":1140,"line":1159},[1138,4744,4229],{"class":3337},[1138,4746,1215],{"class":1187},[1138,4748,4686],{"class":3337},[1138,4750,1188],{"class":1187},[1138,4752,2640],{"class":1187},[1138,4754,4755,4758,4760,4762,4764],{"class":1140,"line":1173},[1138,4756,4757],{"class":4276},"    init",[1138,4759,2649],{"class":1187},[1138,4761,4283],{"class":4282},[1138,4763,4286],{"class":1187},[1138,4765,2640],{"class":1187},[1138,4767,4768,4771,4773,4776,4778],{"class":1140,"line":1180},[1138,4769,4770],{"class":4432},"        this",[1138,4772,1215],{"class":1187},[1138,4774,4775],{"class":4276},"bindEvents",[1138,4777,4286],{"class":4304},[1138,4779,2678],{"class":1187},[1138,4781,4782,4784,4786,4789,4791],{"class":1140,"line":1221},[1138,4783,4770],{"class":4432},[1138,4785,1215],{"class":1187},[1138,4787,4788],{"class":4276},"setActiveNavItem",[1138,4790,4286],{"class":4304},[1138,4792,2678],{"class":1187},[1138,4794,4795],{"class":1140,"line":1226},[1138,4796,4325],{"class":1187},[1138,4798,4799],{"class":1140,"line":1232},[1138,4800,1508],{"class":1155},[1138,4802,4803,4806,4808,4810,4812],{"class":1140,"line":1254},[1138,4804,4805],{"class":4276},"    bindEvents",[1138,4807,2649],{"class":1187},[1138,4809,4283],{"class":4282},[1138,4811,4286],{"class":1187},[1138,4813,2640],{"class":1187},[1138,4815,4816],{"class":1140,"line":1259},[1138,4817,4818],{"class":1144},"        // Mobile menu toggle\n",[1138,4820,4821,4823,4826,4828,4830,4832,4834,4836,4838,4841,4843,4845],{"class":1140,"line":1265},[1138,4822,4363],{"class":4282},[1138,4824,4825],{"class":3337}," mobileToggle",[1138,4827,1188],{"class":1187},[1138,4829,4296],{"class":3337},[1138,4831,1215],{"class":1187},[1138,4833,4301],{"class":4276},[1138,4835,1195],{"class":4304},[1138,4837,1248],{"class":1240},[1138,4839,4840],{"class":1244},".mobile-menu-toggle",[1138,4842,1248],{"class":1240},[1138,4844,3675],{"class":4304},[1138,4846,2678],{"class":1187},[1138,4848,4849,4851,4854,4856,4858,4860,4862,4864,4866,4869,4871,4873],{"class":1140,"line":1276},[1138,4850,4363],{"class":4282},[1138,4852,4853],{"class":3337}," mobileMenu",[1138,4855,1188],{"class":1187},[1138,4857,4296],{"class":3337},[1138,4859,1215],{"class":1187},[1138,4861,4301],{"class":4276},[1138,4863,1195],{"class":4304},[1138,4865,1248],{"class":1240},[1138,4867,4868],{"class":1244},".mobile-menu",[1138,4870,1248],{"class":1240},[1138,4872,3675],{"class":4304},[1138,4874,2678],{"class":1187},[1138,4876,4877],{"class":1140,"line":1299},[1138,4878,4456],{"class":1211},[1138,4880,4881,4883,4885,4888,4891,4893,4895],{"class":1140,"line":1318},[1138,4882,4527],{"class":1151},[1138,4884,3850],{"class":4304},[1138,4886,4887],{"class":3337},"mobileToggle",[1138,4889,4890],{"class":1282}," &&",[1138,4892,4853],{"class":3337},[1138,4894,3675],{"class":4304},[1138,4896,2640],{"class":1187},[1138,4898,4899,4902,4904,4906,4908,4910,4913,4915,4917,4919,4921],{"class":1140,"line":1324},[1138,4900,4901],{"class":3337},"            mobileToggle",[1138,4903,1215],{"class":1187},[1138,4905,4580],{"class":4276},[1138,4907,1195],{"class":4304},[1138,4909,1248],{"class":1240},[1138,4911,4912],{"class":1244},"click",[1138,4914,1248],{"class":1240},[1138,4916,1293],{"class":1187},[1138,4918,4283],{"class":4282},[1138,4920,4286],{"class":1187},[1138,4922,2640],{"class":1187},[1138,4924,4925,4928,4930,4933,4935,4938,4940,4942,4945,4947,4949],{"class":1140,"line":1329},[1138,4926,4927],{"class":3337},"                mobileMenu",[1138,4929,1215],{"class":1187},[1138,4931,4932],{"class":3337},"classList",[1138,4934,1215],{"class":1187},[1138,4936,4937],{"class":4276},"toggle",[1138,4939,1195],{"class":4304},[1138,4941,1248],{"class":1240},[1138,4943,4944],{"class":1244},"active",[1138,4946,1248],{"class":1240},[1138,4948,3675],{"class":4304},[1138,4950,2678],{"class":1187},[1138,4952,4953,4956,4958],{"class":1140,"line":1335},[1138,4954,4955],{"class":1187},"            }",[1138,4957,3675],{"class":4304},[1138,4959,2678],{"class":1187},[1138,4961,4962],{"class":1140,"line":1358},[1138,4963,4603],{"class":1187},[1138,4965,4966],{"class":1140,"line":1363},[1138,4967,4456],{"class":1211},[1138,4969,4970],{"class":1140,"line":1369},[1138,4971,4972],{"class":1144},"        // Dropdown menus\n",[1138,4974,4975,4977,4980,4982,4984,4986,4989,4991,4993,4996,4998,5000],{"class":1140,"line":1379},[1138,4976,4363],{"class":4282},[1138,4978,4979],{"class":3337}," dropdowns",[1138,4981,1188],{"class":1187},[1138,4983,4296],{"class":3337},[1138,4985,1215],{"class":1187},[1138,4987,4988],{"class":4276},"querySelectorAll",[1138,4990,1195],{"class":4304},[1138,4992,1248],{"class":1240},[1138,4994,4995],{"class":1244},".dropdown",[1138,4997,1248],{"class":1240},[1138,4999,3675],{"class":4304},[1138,5001,2678],{"class":1187},[1138,5003,5004,5007,5009,5012,5014,5016,5018,5021,5023],{"class":1140,"line":1393},[1138,5005,5006],{"class":3337},"        dropdowns",[1138,5008,1215],{"class":1187},[1138,5010,5011],{"class":4276},"forEach",[1138,5013,1195],{"class":4304},[1138,5015,4640],{"class":4282},[1138,5017,1195],{"class":1187},[1138,5019,5020],{"class":4348},"dropdown",[1138,5022,3675],{"class":1187},[1138,5024,2640],{"class":1187},[1138,5026,5027,5030,5033,5035,5038,5040,5042,5044,5046,5049,5051,5053],{"class":1140,"line":1405},[1138,5028,5029],{"class":4282},"            const",[1138,5031,5032],{"class":3337}," toggle",[1138,5034,1188],{"class":1187},[1138,5036,5037],{"class":3337}," dropdown",[1138,5039,1215],{"class":1187},[1138,5041,4301],{"class":4276},[1138,5043,1195],{"class":4304},[1138,5045,1248],{"class":1240},[1138,5047,5048],{"class":1244},".dropdown-toggle",[1138,5050,1248],{"class":1240},[1138,5052,3675],{"class":4304},[1138,5054,2678],{"class":1187},[1138,5056,5057,5059,5062,5064,5066,5068,5070,5072,5074,5077,5079,5081],{"class":1140,"line":1751},[1138,5058,5029],{"class":4282},[1138,5060,5061],{"class":3337}," menu",[1138,5063,1188],{"class":1187},[1138,5065,5037],{"class":3337},[1138,5067,1215],{"class":1187},[1138,5069,4301],{"class":4276},[1138,5071,1195],{"class":4304},[1138,5073,1248],{"class":1240},[1138,5075,5076],{"class":1244},".dropdown-menu",[1138,5078,1248],{"class":1240},[1138,5080,3675],{"class":4304},[1138,5082,2678],{"class":1187},[1138,5084,5085],{"class":1140,"line":1760},[1138,5086,5087],{"class":1211},"            \n",[1138,5089,5090,5093,5095,5097,5099,5101,5103,5105,5107,5109,5111,5114,5116],{"class":1140,"line":3230},[1138,5091,5092],{"class":3337},"            toggle",[1138,5094,1215],{"class":1187},[1138,5096,4580],{"class":4276},[1138,5098,1195],{"class":4304},[1138,5100,1248],{"class":1240},[1138,5102,4912],{"class":1244},[1138,5104,1248],{"class":1240},[1138,5106,1293],{"class":1187},[1138,5108,4283],{"class":4282},[1138,5110,1195],{"class":1187},[1138,5112,5113],{"class":4348},"e",[1138,5115,3675],{"class":1187},[1138,5117,2640],{"class":1187},[1138,5119,5120,5123,5125,5128,5130],{"class":1140,"line":3240},[1138,5121,5122],{"class":3337},"                e",[1138,5124,1215],{"class":1187},[1138,5126,5127],{"class":4276},"preventDefault",[1138,5129,4286],{"class":4304},[1138,5131,2678],{"class":1187},[1138,5133,5134,5137,5139,5141,5143,5145,5147,5149,5152,5154,5156],{"class":1140,"line":3260},[1138,5135,5136],{"class":3337},"                menu",[1138,5138,1215],{"class":1187},[1138,5140,4932],{"class":3337},[1138,5142,1215],{"class":1187},[1138,5144,4937],{"class":4276},[1138,5146,1195],{"class":4304},[1138,5148,1248],{"class":1240},[1138,5150,5151],{"class":1244},"show",[1138,5153,1248],{"class":1240},[1138,5155,3675],{"class":4304},[1138,5157,2678],{"class":1187},[1138,5159,5160,5162,5164],{"class":1140,"line":3274},[1138,5161,4955],{"class":1187},[1138,5163,3675],{"class":4304},[1138,5165,2678],{"class":1187},[1138,5167,5168,5170,5172],{"class":1140,"line":3288},[1138,5169,4565],{"class":1187},[1138,5171,3675],{"class":4304},[1138,5173,2678],{"class":1187},[1138,5175,5176],{"class":1140,"line":3301},[1138,5177,4325],{"class":1187},[1138,5179,5180],{"class":1140,"line":3643},[1138,5181,1508],{"class":1155},[1138,5183,5184,5187,5189,5191,5193],{"class":1140,"line":3661},[1138,5185,5186],{"class":4276},"    setActiveNavItem",[1138,5188,2649],{"class":1187},[1138,5190,4283],{"class":4282},[1138,5192,4286],{"class":1187},[1138,5194,2640],{"class":1187},[1138,5196,5197,5199,5202,5204,5206,5208,5211,5213,5216],{"class":1140,"line":3687},[1138,5198,4363],{"class":4282},[1138,5200,5201],{"class":3337}," currentPath",[1138,5203,1188],{"class":1187},[1138,5205,4234],{"class":3337},[1138,5207,1215],{"class":1187},[1138,5209,5210],{"class":3337},"location",[1138,5212,1215],{"class":1187},[1138,5214,5215],{"class":3337},"pathname",[1138,5217,2678],{"class":1187},[1138,5219,5220,5222,5225,5227,5229,5231,5233,5235,5237,5240,5242,5244],{"class":1140,"line":3704},[1138,5221,4363],{"class":4282},[1138,5223,5224],{"class":3337}," navLinks",[1138,5226,1188],{"class":1187},[1138,5228,4296],{"class":3337},[1138,5230,1215],{"class":1187},[1138,5232,4988],{"class":4276},[1138,5234,1195],{"class":4304},[1138,5236,1248],{"class":1240},[1138,5238,5239],{"class":1244},".nav-link",[1138,5241,1248],{"class":1240},[1138,5243,3675],{"class":4304},[1138,5245,2678],{"class":1187},[1138,5247,5248],{"class":1140,"line":4041},[1138,5249,4456],{"class":1211},[1138,5251,5252,5255,5257,5259,5261,5263,5265,5267,5269],{"class":1140,"line":4046},[1138,5253,5254],{"class":3337},"        navLinks",[1138,5256,1215],{"class":1187},[1138,5258,5011],{"class":4276},[1138,5260,1195],{"class":4304},[1138,5262,4640],{"class":4282},[1138,5264,1195],{"class":1187},[1138,5266,1520],{"class":4348},[1138,5268,3675],{"class":1187},[1138,5270,2640],{"class":1187},[1138,5272,5273,5276,5278,5280,5282,5285,5287,5289,5292,5294,5296,5299,5301,5303],{"class":1140,"line":4055},[1138,5274,5275],{"class":1151},"            if",[1138,5277,3850],{"class":4304},[1138,5279,1520],{"class":3337},[1138,5281,1215],{"class":1187},[1138,5283,5284],{"class":4276},"getAttribute",[1138,5286,1195],{"class":4304},[1138,5288,1248],{"class":1240},[1138,5290,5291],{"class":1244},"href",[1138,5293,1248],{"class":1240},[1138,5295,3675],{"class":4304},[1138,5297,5298],{"class":1282}," ===",[1138,5300,5201],{"class":3337},[1138,5302,3675],{"class":4304},[1138,5304,2640],{"class":1187},[1138,5306,5307,5310,5312,5314,5316,5319,5321,5323,5325,5327,5329],{"class":1140,"line":4076},[1138,5308,5309],{"class":3337},"                link",[1138,5311,1215],{"class":1187},[1138,5313,4932],{"class":3337},[1138,5315,1215],{"class":1187},[1138,5317,5318],{"class":4276},"add",[1138,5320,1195],{"class":4304},[1138,5322,1248],{"class":1240},[1138,5324,4944],{"class":1244},[1138,5326,1248],{"class":1240},[1138,5328,3675],{"class":4304},[1138,5330,2678],{"class":1187},[1138,5332,5333],{"class":1140,"line":4081},[1138,5334,4446],{"class":1187},[1138,5336,5337,5339,5341],{"class":1140,"line":4086},[1138,5338,4565],{"class":1187},[1138,5340,3675],{"class":4304},[1138,5342,2678],{"class":1187},[1138,5344,5345],{"class":1140,"line":4096},[1138,5346,2683],{"class":1187},[1138,5348,5349],{"class":1140,"line":4118},[1138,5350,4612],{"class":1187},[1035,5352,5354],{"id":5353},"ajax-and-django-integration","AJAX and Django Integration",[1128,5356,5358],{"className":4201,"code":5357,"language":4203,"meta":1133,"style":1133},"// static/js/components/forms.js\n\nMyApp.forms = {\n    init: function() {\n        this.bindAjaxForms();\n        this.bindFormValidation();\n    },\n    \n    bindAjaxForms: function() {\n        const ajaxForms = document.querySelectorAll('.ajax-form');\n        \n        ajaxForms.forEach(function(form) {\n            form.addEventListener('submit', function(e) {\n                e.preventDefault();\n                \n                const formData = new FormData(form);\n                const url = form.action || window.location.href;\n                \n                MyApp.utils.ajax(url, {\n                    method: 'POST',\n                    body: formData\n                })\n                .then(response => response.json())\n                .then(data => {\n                    if (data.success) {\n                        MyApp.forms.showMessage('Success!', 'success');\n                        form.reset();\n                    } else {\n                        MyApp.forms.showErrors(data.errors);\n                    }\n                })\n                .catch(error => {\n                    MyApp.forms.showMessage('An error occurred', 'error');\n                });\n            });\n        });\n    },\n    \n    showMessage: function(message, type) {\n        const alertDiv = document.createElement('div');\n        alertDiv.className = `alert alert-${type}`;\n        alertDiv.textContent = message;\n        \n        const container = document.querySelector('.messages-container');\n        if (container) {\n            container.appendChild(alertDiv);\n            \n            // Auto-remove after 5 seconds\n            setTimeout(function() {\n                alertDiv.remove();\n            }, 5000);\n        }\n    },\n    \n    showErrors: function(errors) {\n        Object.keys(errors).forEach(function(field) {\n            const fieldElement = document.querySelector(`[name=\"${field}\"]`);\n            if (fieldElement) {\n                const errorDiv = document.createElement('div');\n                errorDiv.className = 'field-error';\n                errorDiv.textContent = errors[field][0];\n                \n                fieldElement.parentNode.appendChild(errorDiv);\n            }\n        });\n    }\n};\n",[1135,5359,5360,5365,5369,5381,5393,5406,5419,5423,5427,5440,5468,5472,5494,5524,5536,5541,5565,5595,5599,5621,5637,5647,5655,5683,5698,5716,5751,5765,5774,5800,5805,5811,5827,5861,5869,5877,5885,5889,5893,5916,5944,5977,5993,5997,6025,6037,6056,6060,6065,6078,6092,6104,6109,6114,6119,6137,6171,6209,6223,6251,6272,6301,6306,6330,6335,6344,6349],{"__ignoreMap":1133},[1138,5361,5362],{"class":1140,"line":1141},[1138,5363,5364],{"class":1144},"// static/js/components/forms.js\n",[1138,5366,5367],{"class":1140,"line":1148},[1138,5368,1177],{"emptyLinePlaceholder":1176},[1138,5370,5371,5373,5375,5377,5379],{"class":1140,"line":1159},[1138,5372,4229],{"class":3337},[1138,5374,1215],{"class":1187},[1138,5376,4704],{"class":3337},[1138,5378,1188],{"class":1187},[1138,5380,2640],{"class":1187},[1138,5382,5383,5385,5387,5389,5391],{"class":1140,"line":1173},[1138,5384,4757],{"class":4276},[1138,5386,2649],{"class":1187},[1138,5388,4283],{"class":4282},[1138,5390,4286],{"class":1187},[1138,5392,2640],{"class":1187},[1138,5394,5395,5397,5399,5402,5404],{"class":1140,"line":1180},[1138,5396,4770],{"class":4432},[1138,5398,1215],{"class":1187},[1138,5400,5401],{"class":4276},"bindAjaxForms",[1138,5403,4286],{"class":4304},[1138,5405,2678],{"class":1187},[1138,5407,5408,5410,5412,5415,5417],{"class":1140,"line":1221},[1138,5409,4770],{"class":4432},[1138,5411,1215],{"class":1187},[1138,5413,5414],{"class":4276},"bindFormValidation",[1138,5416,4286],{"class":4304},[1138,5418,2678],{"class":1187},[1138,5420,5421],{"class":1140,"line":1226},[1138,5422,4325],{"class":1187},[1138,5424,5425],{"class":1140,"line":1232},[1138,5426,1508],{"class":1155},[1138,5428,5429,5432,5434,5436,5438],{"class":1140,"line":1254},[1138,5430,5431],{"class":4276},"    bindAjaxForms",[1138,5433,2649],{"class":1187},[1138,5435,4283],{"class":4282},[1138,5437,4286],{"class":1187},[1138,5439,2640],{"class":1187},[1138,5441,5442,5444,5447,5449,5451,5453,5455,5457,5459,5462,5464,5466],{"class":1140,"line":1259},[1138,5443,4363],{"class":4282},[1138,5445,5446],{"class":3337}," ajaxForms",[1138,5448,1188],{"class":1187},[1138,5450,4296],{"class":3337},[1138,5452,1215],{"class":1187},[1138,5454,4988],{"class":4276},[1138,5456,1195],{"class":4304},[1138,5458,1248],{"class":1240},[1138,5460,5461],{"class":1244},".ajax-form",[1138,5463,1248],{"class":1240},[1138,5465,3675],{"class":4304},[1138,5467,2678],{"class":1187},[1138,5469,5470],{"class":1140,"line":1265},[1138,5471,4456],{"class":1211},[1138,5473,5474,5477,5479,5481,5483,5485,5487,5490,5492],{"class":1140,"line":1276},[1138,5475,5476],{"class":3337},"        ajaxForms",[1138,5478,1215],{"class":1187},[1138,5480,5011],{"class":4276},[1138,5482,1195],{"class":4304},[1138,5484,4640],{"class":4282},[1138,5486,1195],{"class":1187},[1138,5488,5489],{"class":4348},"form",[1138,5491,3675],{"class":1187},[1138,5493,2640],{"class":1187},[1138,5495,5496,5499,5501,5503,5505,5507,5510,5512,5514,5516,5518,5520,5522],{"class":1140,"line":1299},[1138,5497,5498],{"class":3337},"            form",[1138,5500,1215],{"class":1187},[1138,5502,4580],{"class":4276},[1138,5504,1195],{"class":4304},[1138,5506,1248],{"class":1240},[1138,5508,5509],{"class":1244},"submit",[1138,5511,1248],{"class":1240},[1138,5513,1293],{"class":1187},[1138,5515,4283],{"class":4282},[1138,5517,1195],{"class":1187},[1138,5519,5113],{"class":4348},[1138,5521,3675],{"class":1187},[1138,5523,2640],{"class":1187},[1138,5525,5526,5528,5530,5532,5534],{"class":1140,"line":1318},[1138,5527,5122],{"class":3337},[1138,5529,1215],{"class":1187},[1138,5531,5127],{"class":4276},[1138,5533,4286],{"class":4304},[1138,5535,2678],{"class":1187},[1138,5537,5538],{"class":1140,"line":1324},[1138,5539,5540],{"class":1211},"                \n",[1138,5542,5543,5546,5549,5551,5554,5557,5559,5561,5563],{"class":1140,"line":1329},[1138,5544,5545],{"class":4282},"                const",[1138,5547,5548],{"class":3337}," formData",[1138,5550,1188],{"class":1187},[1138,5552,5553],{"class":1282}," new",[1138,5555,5556],{"class":4276}," FormData",[1138,5558,1195],{"class":4304},[1138,5560,5489],{"class":3337},[1138,5562,3675],{"class":4304},[1138,5564,2678],{"class":1187},[1138,5566,5567,5569,5571,5573,5576,5578,5581,5583,5585,5587,5589,5591,5593],{"class":1140,"line":1335},[1138,5568,5545],{"class":4282},[1138,5570,2653],{"class":3337},[1138,5572,1188],{"class":1187},[1138,5574,5575],{"class":3337}," form",[1138,5577,1215],{"class":1187},[1138,5579,5580],{"class":3337},"action",[1138,5582,4241],{"class":1282},[1138,5584,4234],{"class":3337},[1138,5586,1215],{"class":1187},[1138,5588,5210],{"class":3337},[1138,5590,1215],{"class":1187},[1138,5592,5291],{"class":3337},[1138,5594,2678],{"class":1187},[1138,5596,5597],{"class":1140,"line":1358},[1138,5598,5540],{"class":1211},[1138,5600,5601,5604,5606,5608,5610,5613,5615,5617,5619],{"class":1140,"line":1363},[1138,5602,5603],{"class":3337},"                MyApp",[1138,5605,1215],{"class":1187},[1138,5607,4262],{"class":3337},[1138,5609,1215],{"class":1187},[1138,5611,5612],{"class":4276},"ajax",[1138,5614,1195],{"class":4304},[1138,5616,4349],{"class":3337},[1138,5618,1293],{"class":1187},[1138,5620,2640],{"class":1187},[1138,5622,5623,5626,5628,5630,5633,5635],{"class":1140,"line":1369},[1138,5624,5625],{"class":4375},"                    method",[1138,5627,2649],{"class":1187},[1138,5629,1241],{"class":1240},[1138,5631,5632],{"class":1244},"POST",[1138,5634,1248],{"class":1240},[1138,5636,1390],{"class":1187},[1138,5638,5639,5642,5644],{"class":1140,"line":1379},[1138,5640,5641],{"class":4375},"                    body",[1138,5643,2649],{"class":1187},[1138,5645,5646],{"class":3337}," formData\n",[1138,5648,5649,5652],{"class":1140,"line":1393},[1138,5650,5651],{"class":1187},"                }",[1138,5653,5654],{"class":4304},")\n",[1138,5656,5657,5660,5663,5665,5668,5672,5675,5677,5680],{"class":1140,"line":1405},[1138,5658,5659],{"class":1187},"                .",[1138,5661,5662],{"class":4276},"then",[1138,5664,1195],{"class":4304},[1138,5666,5667],{"class":4348},"response",[1138,5669,5671],{"class":5670},"sIOqK"," =>",[1138,5673,5674],{"class":3337}," response",[1138,5676,1215],{"class":1187},[1138,5678,5679],{"class":4276},"json",[1138,5681,5682],{"class":4304},"())\n",[1138,5684,5685,5687,5689,5691,5694,5696],{"class":1140,"line":1751},[1138,5686,5659],{"class":1187},[1138,5688,5662],{"class":4276},[1138,5690,1195],{"class":4304},[1138,5692,5693],{"class":4348},"data",[1138,5695,5671],{"class":5670},[1138,5697,2640],{"class":1187},[1138,5699,5700,5703,5705,5707,5709,5712,5714],{"class":1140,"line":1760},[1138,5701,5702],{"class":1151},"                    if",[1138,5704,3850],{"class":4304},[1138,5706,5693],{"class":3337},[1138,5708,1215],{"class":1187},[1138,5710,5711],{"class":3337},"success",[1138,5713,3675],{"class":4304},[1138,5715,2640],{"class":1187},[1138,5717,5718,5721,5723,5725,5727,5730,5732,5734,5737,5739,5741,5743,5745,5747,5749],{"class":1140,"line":3230},[1138,5719,5720],{"class":3337},"                        MyApp",[1138,5722,1215],{"class":1187},[1138,5724,4704],{"class":3337},[1138,5726,1215],{"class":1187},[1138,5728,5729],{"class":4276},"showMessage",[1138,5731,1195],{"class":4304},[1138,5733,1248],{"class":1240},[1138,5735,5736],{"class":1244},"Success!",[1138,5738,1248],{"class":1240},[1138,5740,1293],{"class":1187},[1138,5742,1241],{"class":1240},[1138,5744,5711],{"class":1244},[1138,5746,1248],{"class":1240},[1138,5748,3675],{"class":4304},[1138,5750,2678],{"class":1187},[1138,5752,5753,5756,5758,5761,5763],{"class":1140,"line":3240},[1138,5754,5755],{"class":3337},"                        form",[1138,5757,1215],{"class":1187},[1138,5759,5760],{"class":4276},"reset",[1138,5762,4286],{"class":4304},[1138,5764,2678],{"class":1187},[1138,5766,5767,5770,5772],{"class":1140,"line":3260},[1138,5768,5769],{"class":1187},"                    }",[1138,5771,4568],{"class":1151},[1138,5773,2640],{"class":1187},[1138,5775,5776,5778,5780,5782,5784,5787,5789,5791,5793,5796,5798],{"class":1140,"line":3274},[1138,5777,5720],{"class":3337},[1138,5779,1215],{"class":1187},[1138,5781,4704],{"class":3337},[1138,5783,1215],{"class":1187},[1138,5785,5786],{"class":4276},"showErrors",[1138,5788,1195],{"class":4304},[1138,5790,5693],{"class":3337},[1138,5792,1215],{"class":1187},[1138,5794,5795],{"class":3337},"errors",[1138,5797,3675],{"class":4304},[1138,5799,2678],{"class":1187},[1138,5801,5802],{"class":1140,"line":3288},[1138,5803,5804],{"class":1187},"                    }\n",[1138,5806,5807,5809],{"class":1140,"line":3301},[1138,5808,5651],{"class":1187},[1138,5810,5654],{"class":4304},[1138,5812,5813,5815,5818,5820,5823,5825],{"class":1140,"line":3643},[1138,5814,5659],{"class":1187},[1138,5816,5817],{"class":4276},"catch",[1138,5819,1195],{"class":4304},[1138,5821,5822],{"class":4348},"error",[1138,5824,5671],{"class":5670},[1138,5826,2640],{"class":1187},[1138,5828,5829,5832,5834,5836,5838,5840,5842,5844,5847,5849,5851,5853,5855,5857,5859],{"class":1140,"line":3661},[1138,5830,5831],{"class":3337},"                    MyApp",[1138,5833,1215],{"class":1187},[1138,5835,4704],{"class":3337},[1138,5837,1215],{"class":1187},[1138,5839,5729],{"class":4276},[1138,5841,1195],{"class":4304},[1138,5843,1248],{"class":1240},[1138,5845,5846],{"class":1244},"An error occurred",[1138,5848,1248],{"class":1240},[1138,5850,1293],{"class":1187},[1138,5852,1241],{"class":1240},[1138,5854,5822],{"class":1244},[1138,5856,1248],{"class":1240},[1138,5858,3675],{"class":4304},[1138,5860,2678],{"class":1187},[1138,5862,5863,5865,5867],{"class":1140,"line":3687},[1138,5864,5651],{"class":1187},[1138,5866,3675],{"class":4304},[1138,5868,2678],{"class":1187},[1138,5870,5871,5873,5875],{"class":1140,"line":3704},[1138,5872,4955],{"class":1187},[1138,5874,3675],{"class":4304},[1138,5876,2678],{"class":1187},[1138,5878,5879,5881,5883],{"class":1140,"line":4041},[1138,5880,4565],{"class":1187},[1138,5882,3675],{"class":4304},[1138,5884,2678],{"class":1187},[1138,5886,5887],{"class":1140,"line":4046},[1138,5888,4325],{"class":1187},[1138,5890,5891],{"class":1140,"line":4055},[1138,5892,1508],{"class":1155},[1138,5894,5895,5898,5900,5902,5904,5907,5909,5912,5914],{"class":1140,"line":4076},[1138,5896,5897],{"class":4276},"    showMessage",[1138,5899,2649],{"class":1187},[1138,5901,4283],{"class":4282},[1138,5903,1195],{"class":1187},[1138,5905,5906],{"class":4348},"message",[1138,5908,1293],{"class":1187},[1138,5910,5911],{"class":4348}," type",[1138,5913,3675],{"class":1187},[1138,5915,2640],{"class":1187},[1138,5917,5918,5920,5923,5925,5927,5929,5932,5934,5936,5938,5940,5942],{"class":1140,"line":4081},[1138,5919,4363],{"class":4282},[1138,5921,5922],{"class":3337}," alertDiv",[1138,5924,1188],{"class":1187},[1138,5926,4296],{"class":3337},[1138,5928,1215],{"class":1187},[1138,5930,5931],{"class":4276},"createElement",[1138,5933,1195],{"class":4304},[1138,5935,1248],{"class":1240},[1138,5937,2257],{"class":1244},[1138,5939,1248],{"class":1240},[1138,5941,3675],{"class":4304},[1138,5943,2678],{"class":1187},[1138,5945,5946,5949,5951,5954,5956,5959,5962,5966,5970,5972,5975],{"class":1140,"line":4086},[1138,5947,5948],{"class":3337},"        alertDiv",[1138,5950,1215],{"class":1187},[1138,5952,5953],{"class":3337},"className",[1138,5955,1188],{"class":1187},[1138,5957,5958],{"class":1240}," `",[1138,5960,5961],{"class":1244},"alert alert-",[1138,5963,5965],{"class":5964},"s8XtY","${",[1138,5967,5969],{"class":5968},"su_V2","type",[1138,5971,4717],{"class":5964},[1138,5973,5974],{"class":1240},"`",[1138,5976,2678],{"class":1187},[1138,5978,5979,5981,5983,5986,5988,5991],{"class":1140,"line":4096},[1138,5980,5948],{"class":3337},[1138,5982,1215],{"class":1187},[1138,5984,5985],{"class":3337},"textContent",[1138,5987,1188],{"class":1187},[1138,5989,5990],{"class":3337}," message",[1138,5992,2678],{"class":1187},[1138,5994,5995],{"class":1140,"line":4118},[1138,5996,4456],{"class":1211},[1138,5998,5999,6001,6004,6006,6008,6010,6012,6014,6016,6019,6021,6023],{"class":1140,"line":4123},[1138,6000,4363],{"class":4282},[1138,6002,6003],{"class":3337}," container",[1138,6005,1188],{"class":1187},[1138,6007,4296],{"class":3337},[1138,6009,1215],{"class":1187},[1138,6011,4301],{"class":4276},[1138,6013,1195],{"class":4304},[1138,6015,1248],{"class":1240},[1138,6017,6018],{"class":1244},".messages-container",[1138,6020,1248],{"class":1240},[1138,6022,3675],{"class":4304},[1138,6024,2678],{"class":1187},[1138,6026,6027,6029,6031,6033,6035],{"class":1140,"line":4128},[1138,6028,4527],{"class":1151},[1138,6030,3850],{"class":4304},[1138,6032,3736],{"class":3337},[1138,6034,3675],{"class":4304},[1138,6036,2640],{"class":1187},[1138,6038,6039,6042,6044,6047,6049,6052,6054],{"class":1140,"line":4133},[1138,6040,6041],{"class":3337},"            container",[1138,6043,1215],{"class":1187},[1138,6045,6046],{"class":4276},"appendChild",[1138,6048,1195],{"class":4304},[1138,6050,6051],{"class":3337},"alertDiv",[1138,6053,3675],{"class":4304},[1138,6055,2678],{"class":1187},[1138,6057,6058],{"class":1140,"line":4139},[1138,6059,5087],{"class":1211},[1138,6061,6062],{"class":1140,"line":4160},[1138,6063,6064],{"class":1144},"            // Auto-remove after 5 seconds\n",[1138,6066,6067,6070,6072,6074,6076],{"class":1140,"line":4169},[1138,6068,6069],{"class":4276},"            setTimeout",[1138,6071,1195],{"class":4304},[1138,6073,4640],{"class":4282},[1138,6075,4286],{"class":1187},[1138,6077,2640],{"class":1187},[1138,6079,6080,6083,6085,6088,6090],{"class":1140,"line":4183},[1138,6081,6082],{"class":3337},"                alertDiv",[1138,6084,1215],{"class":1187},[1138,6086,6087],{"class":4276},"remove",[1138,6089,4286],{"class":4304},[1138,6091,2678],{"class":1187},[1138,6093,6094,6097,6100,6102],{"class":1140,"line":4188},[1138,6095,6096],{"class":1187},"            },",[1138,6098,6099],{"class":2972}," 5000",[1138,6101,3675],{"class":4304},[1138,6103,2678],{"class":1187},[1138,6105,6107],{"class":1140,"line":6106},52,[1138,6108,4603],{"class":1187},[1138,6110,6112],{"class":1140,"line":6111},53,[1138,6113,4325],{"class":1187},[1138,6115,6117],{"class":1140,"line":6116},54,[1138,6118,1508],{"class":1155},[1138,6120,6122,6125,6127,6129,6131,6133,6135],{"class":1140,"line":6121},55,[1138,6123,6124],{"class":4276},"    showErrors",[1138,6126,2649],{"class":1187},[1138,6128,4283],{"class":4282},[1138,6130,1195],{"class":1187},[1138,6132,5795],{"class":4348},[1138,6134,3675],{"class":1187},[1138,6136,2640],{"class":1187},[1138,6138,6140,6143,6145,6148,6150,6152,6154,6156,6158,6160,6162,6164,6167,6169],{"class":1140,"line":6139},56,[1138,6141,6142],{"class":3337},"        Object",[1138,6144,1215],{"class":1187},[1138,6146,6147],{"class":4276},"keys",[1138,6149,1195],{"class":4304},[1138,6151,5795],{"class":3337},[1138,6153,3675],{"class":4304},[1138,6155,1215],{"class":1187},[1138,6157,5011],{"class":4276},[1138,6159,1195],{"class":4304},[1138,6161,4640],{"class":4282},[1138,6163,1195],{"class":1187},[1138,6165,6166],{"class":4348},"field",[1138,6168,3675],{"class":1187},[1138,6170,2640],{"class":1187},[1138,6172,6174,6176,6179,6181,6183,6185,6187,6189,6191,6194,6196,6198,6200,6203,6205,6207],{"class":1140,"line":6173},57,[1138,6175,5029],{"class":4282},[1138,6177,6178],{"class":3337}," fieldElement",[1138,6180,1188],{"class":1187},[1138,6182,4296],{"class":3337},[1138,6184,1215],{"class":1187},[1138,6186,4301],{"class":4276},[1138,6188,1195],{"class":4304},[1138,6190,5974],{"class":1240},[1138,6192,6193],{"class":1244},"[name=\"",[1138,6195,5965],{"class":5964},[1138,6197,6166],{"class":5968},[1138,6199,4717],{"class":5964},[1138,6201,6202],{"class":1244},"\"]",[1138,6204,5974],{"class":1240},[1138,6206,3675],{"class":4304},[1138,6208,2678],{"class":1187},[1138,6210,6212,6214,6216,6219,6221],{"class":1140,"line":6211},58,[1138,6213,5275],{"class":1151},[1138,6215,3850],{"class":4304},[1138,6217,6218],{"class":3337},"fieldElement",[1138,6220,3675],{"class":4304},[1138,6222,2640],{"class":1187},[1138,6224,6226,6228,6231,6233,6235,6237,6239,6241,6243,6245,6247,6249],{"class":1140,"line":6225},59,[1138,6227,5545],{"class":4282},[1138,6229,6230],{"class":3337}," errorDiv",[1138,6232,1188],{"class":1187},[1138,6234,4296],{"class":3337},[1138,6236,1215],{"class":1187},[1138,6238,5931],{"class":4276},[1138,6240,1195],{"class":4304},[1138,6242,1248],{"class":1240},[1138,6244,2257],{"class":1244},[1138,6246,1248],{"class":1240},[1138,6248,3675],{"class":4304},[1138,6250,2678],{"class":1187},[1138,6252,6254,6257,6259,6261,6263,6265,6268,6270],{"class":1140,"line":6253},60,[1138,6255,6256],{"class":3337},"                errorDiv",[1138,6258,1215],{"class":1187},[1138,6260,5953],{"class":3337},[1138,6262,1188],{"class":1187},[1138,6264,1241],{"class":1240},[1138,6266,6267],{"class":1244},"field-error",[1138,6269,1248],{"class":1240},[1138,6271,2678],{"class":1187},[1138,6273,6275,6277,6279,6281,6283,6286,6289,6291,6294,6296,6299],{"class":1140,"line":6274},61,[1138,6276,6256],{"class":3337},[1138,6278,1215],{"class":1187},[1138,6280,5985],{"class":3337},[1138,6282,1188],{"class":1187},[1138,6284,6285],{"class":3337}," errors",[1138,6287,6288],{"class":4304},"[",[1138,6290,6166],{"class":3337},[1138,6292,6293],{"class":4304},"][",[1138,6295,3057],{"class":2972},[1138,6297,6298],{"class":4304},"]",[1138,6300,2678],{"class":1187},[1138,6302,6304],{"class":1140,"line":6303},62,[1138,6305,5540],{"class":1211},[1138,6307,6309,6312,6314,6317,6319,6321,6323,6326,6328],{"class":1140,"line":6308},63,[1138,6310,6311],{"class":3337},"                fieldElement",[1138,6313,1215],{"class":1187},[1138,6315,6316],{"class":3337},"parentNode",[1138,6318,1215],{"class":1187},[1138,6320,6046],{"class":4276},[1138,6322,1195],{"class":4304},[1138,6324,6325],{"class":3337},"errorDiv",[1138,6327,3675],{"class":4304},[1138,6329,2678],{"class":1187},[1138,6331,6333],{"class":1140,"line":6332},64,[1138,6334,4446],{"class":1187},[1138,6336,6338,6340,6342],{"class":1140,"line":6337},65,[1138,6339,4565],{"class":1187},[1138,6341,3675],{"class":4304},[1138,6343,2678],{"class":1187},[1138,6345,6347],{"class":1140,"line":6346},66,[1138,6348,2683],{"class":1187},[1138,6350,6352],{"class":1140,"line":6351},67,[1138,6353,4612],{"class":1187},[1030,6355,6357],{"id":6356},"image-optimization","Image Optimization",[1035,6359,6361],{"id":6360},"responsive-images","Responsive Images",[1128,6363,6365],{"className":1430,"code":6364,"language":1432,"meta":1133,"style":1133},"{% load static %}\n\n\u003C!-- Responsive image with multiple sources -->\n\u003Cpicture>\n    \u003Csource media=\"(max-width: 480px)\" \n            srcset=\"{% static 'images/hero-mobile.webp' %} 1x,\n                    {% static 'images/hero-mobile@2x.webp' %} 2x\">\n    \u003Csource media=\"(max-width: 768px)\" \n            srcset=\"{% static 'images/hero-tablet.webp' %} 1x,\n                    {% static 'images/hero-tablet@2x.webp' %} 2x\">\n    \u003Csource srcset=\"{% static 'images/hero-desktop.webp' %} 1x,\n                    {% static 'images/hero-desktop@2x.webp' %} 2x\">\n    \u003Cimg src=\"{% static 'images/hero-desktop.jpg' %}\" \n         alt=\"Hero Image\" \n         class=\"hero-image\">\n\u003C/picture>\n\n\u003C!-- Simple responsive image -->\n\u003Cimg src=\"{% static 'images/product.jpg' %}\"\n     srcset=\"{% static 'images/product-480.jpg' %} 480w,\n             {% static 'images/product-768.jpg' %} 768w,\n             {% static 'images/product-1200.jpg' %} 1200w\"\n     sizes=\"(max-width: 480px) 480px,\n            (max-width: 768px) 768px,\n            1200px\"\n     alt=\"Product Image\"\n     loading=\"lazy\">\n",[1135,6366,6367,6371,6375,6380,6389,6409,6421,6430,6448,6459,6468,6484,6493,6512,6527,6543,6551,6555,6560,6577,6588,6593,6600,6610,6614,6620,6633],{"__ignoreMap":1133},[1138,6368,6369],{"class":1140,"line":1141},[1138,6370,1444],{"class":1155},[1138,6372,6373],{"class":1140,"line":1148},[1138,6374,1177],{"emptyLinePlaceholder":1176},[1138,6376,6377],{"class":1140,"line":1159},[1138,6378,6379],{"class":1144},"\u003C!-- Responsive image with multiple sources -->\n",[1138,6381,6382,6384,6387],{"class":1140,"line":1173},[1138,6383,1469],{"class":1187},[1138,6385,6386],{"class":1456},"picture",[1138,6388,1464],{"class":1187},[1138,6390,6391,6393,6396,6398,6400,6402,6405,6407],{"class":1140,"line":1180},[1138,6392,1487],{"class":1187},[1138,6394,6395],{"class":1456},"source",[1138,6397,1945],{"class":1460},[1138,6399,1526],{"class":1187},[1138,6401,1529],{"class":1240},[1138,6403,6404],{"class":1244},"(max-width: 480px)",[1138,6406,1529],{"class":1240},[1138,6408,2337],{"class":2336},[1138,6410,6411,6414,6416,6418],{"class":1140,"line":1221},[1138,6412,6413],{"class":1460},"            srcset",[1138,6415,1526],{"class":1187},[1138,6417,1529],{"class":1240},[1138,6419,6420],{"class":1244},"{% static 'images/hero-mobile.webp' %} 1x,\n",[1138,6422,6423,6426,6428],{"class":1140,"line":1226},[1138,6424,6425],{"class":1244},"                    {% static 'images/hero-mobile@2x.webp' %} 2x",[1138,6427,1529],{"class":1240},[1138,6429,1464],{"class":1187},[1138,6431,6432,6434,6436,6438,6440,6442,6444,6446],{"class":1140,"line":1232},[1138,6433,1487],{"class":1187},[1138,6435,6395],{"class":1456},[1138,6437,1945],{"class":1460},[1138,6439,1526],{"class":1187},[1138,6441,1529],{"class":1240},[1138,6443,1952],{"class":1244},[1138,6445,1529],{"class":1240},[1138,6447,2337],{"class":2336},[1138,6449,6450,6452,6454,6456],{"class":1140,"line":1254},[1138,6451,6413],{"class":1460},[1138,6453,1526],{"class":1187},[1138,6455,1529],{"class":1240},[1138,6457,6458],{"class":1244},"{% static 'images/hero-tablet.webp' %} 1x,\n",[1138,6460,6461,6464,6466],{"class":1140,"line":1259},[1138,6462,6463],{"class":1244},"                    {% static 'images/hero-tablet@2x.webp' %} 2x",[1138,6465,1529],{"class":1240},[1138,6467,1464],{"class":1187},[1138,6469,6470,6472,6474,6477,6479,6481],{"class":1140,"line":1265},[1138,6471,1487],{"class":1187},[1138,6473,6395],{"class":1456},[1138,6475,6476],{"class":1460}," srcset",[1138,6478,1526],{"class":1187},[1138,6480,1529],{"class":1240},[1138,6482,6483],{"class":1244},"{% static 'images/hero-desktop.webp' %} 1x,\n",[1138,6485,6486,6489,6491],{"class":1140,"line":1276},[1138,6487,6488],{"class":1244},"                    {% static 'images/hero-desktop@2x.webp' %} 2x",[1138,6490,1529],{"class":1240},[1138,6492,1464],{"class":1187},[1138,6494,6495,6497,6499,6501,6503,6505,6508,6510],{"class":1140,"line":1299},[1138,6496,1487],{"class":1187},[1138,6498,2204],{"class":1456},[1138,6500,1686],{"class":1460},[1138,6502,1526],{"class":1187},[1138,6504,1529],{"class":1240},[1138,6506,6507],{"class":1244},"{% static 'images/hero-desktop.jpg' %}",[1138,6509,1529],{"class":1240},[1138,6511,2337],{"class":2336},[1138,6513,6514,6517,6519,6521,6523,6525],{"class":1140,"line":1318},[1138,6515,6516],{"class":1460},"         alt",[1138,6518,1526],{"class":1187},[1138,6520,1529],{"class":1240},[1138,6522,2398],{"class":1244},[1138,6524,1529],{"class":1240},[1138,6526,2337],{"class":2336},[1138,6528,6529,6532,6534,6536,6539,6541],{"class":1140,"line":1324},[1138,6530,6531],{"class":1460},"         class",[1138,6533,1526],{"class":1187},[1138,6535,1529],{"class":1240},[1138,6537,6538],{"class":1244},"hero-image",[1138,6540,1529],{"class":1240},[1138,6542,1464],{"class":1187},[1138,6544,6545,6547,6549],{"class":1140,"line":1329},[1138,6546,1499],{"class":1187},[1138,6548,6386],{"class":1456},[1138,6550,1464],{"class":1187},[1138,6552,6553],{"class":1140,"line":1335},[1138,6554,1177],{"emptyLinePlaceholder":1176},[1138,6556,6557],{"class":1140,"line":1358},[1138,6558,6559],{"class":1144},"\u003C!-- Simple responsive image -->\n",[1138,6561,6562,6564,6566,6568,6570,6572,6575],{"class":1140,"line":1363},[1138,6563,1469],{"class":1187},[1138,6565,2204],{"class":1456},[1138,6567,1686],{"class":1460},[1138,6569,1526],{"class":1187},[1138,6571,1529],{"class":1240},[1138,6573,6574],{"class":1244},"{% static 'images/product.jpg' %}",[1138,6576,2362],{"class":1240},[1138,6578,6579,6581,6583,6585],{"class":1140,"line":1369},[1138,6580,2342],{"class":1460},[1138,6582,1526],{"class":1187},[1138,6584,1529],{"class":1240},[1138,6586,6587],{"class":1244},"{% static 'images/product-480.jpg' %} 480w,\n",[1138,6589,6590],{"class":1140,"line":1379},[1138,6591,6592],{"class":1244},"             {% static 'images/product-768.jpg' %} 768w,\n",[1138,6594,6595,6598],{"class":1140,"line":1393},[1138,6596,6597],{"class":1244},"             {% static 'images/product-1200.jpg' %} 1200w",[1138,6599,2362],{"class":1240},[1138,6601,6602,6604,6606,6608],{"class":1140,"line":1405},[1138,6603,2367],{"class":1460},[1138,6605,1526],{"class":1187},[1138,6607,1529],{"class":1240},[1138,6609,2374],{"class":1244},[1138,6611,6612],{"class":1140,"line":1751},[1138,6613,2379],{"class":1244},[1138,6615,6616,6618],{"class":1140,"line":1760},[1138,6617,2384],{"class":1244},[1138,6619,2362],{"class":1240},[1138,6621,6622,6624,6626,6628,6631],{"class":1140,"line":3230},[1138,6623,2391],{"class":1460},[1138,6625,1526],{"class":1187},[1138,6627,1529],{"class":1240},[1138,6629,6630],{"class":1244},"Product Image",[1138,6632,2362],{"class":1240},[1138,6634,6635,6638,6640,6642,6645,6647],{"class":1140,"line":3240},[1138,6636,6637],{"class":1460},"     loading",[1138,6639,1526],{"class":1187},[1138,6641,1529],{"class":1240},[1138,6643,6644],{"class":1244},"lazy",[1138,6646,1529],{"class":1240},[1138,6648,1464],{"class":1187},[1035,6650,6652],{"id":6651},"css-background-images","CSS Background Images",[1128,6654,6656],{"className":2749,"code":6655,"language":2751,"meta":1133,"style":1133},"/* Responsive background images */\n.hero-section {\n    background-image: url('../images/hero-mobile.jpg');\n    background-size: cover;\n    background-position: center;\n    min-height: 300px;\n}\n\n@media (min-width: 768px) {\n    .hero-section {\n        background-image: url('../images/hero-tablet.jpg');\n        min-height: 400px;\n    }\n}\n\n@media (min-width: 1200px) {\n    .hero-section {\n        background-image: url('../images/hero-desktop.jpg');\n        min-height: 500px;\n    }\n}\n\n/* High DPI displays */\n@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {\n    .hero-section {\n        background-image: url('../images/hero-desktop@2x.jpg');\n    }\n}\n",[1135,6657,6658,6663,6672,6692,6704,6716,6730,6734,6738,6758,6766,6785,6799,6803,6807,6811,6831,6839,6858,6871,6875,6879,6883,6888,6923,6931,6950,6954],{"__ignoreMap":1133},[1138,6659,6660],{"class":1140,"line":1141},[1138,6661,6662],{"class":1144},"/* Responsive background images */\n",[1138,6664,6665,6667,6670],{"class":1140,"line":1148},[1138,6666,1215],{"class":1187},[1138,6668,6669],{"class":2636},"hero-section",[1138,6671,2640],{"class":1187},[1138,6673,6674,6677,6679,6681,6683,6685,6688,6690],{"class":1140,"line":1159},[1138,6675,6676],{"class":2645},"    background-image",[1138,6678,2649],{"class":1187},[1138,6680,2653],{"class":2652},[1138,6682,1195],{"class":1187},[1138,6684,1248],{"class":1240},[1138,6686,6687],{"class":1244},"../images/hero-mobile.jpg",[1138,6689,1248],{"class":1240},[1138,6691,2665],{"class":1187},[1138,6693,6694,6697,6699,6702],{"class":1140,"line":1173},[1138,6695,6696],{"class":2645},"    background-size",[1138,6698,2649],{"class":1187},[1138,6700,6701],{"class":1183}," cover",[1138,6703,2678],{"class":1187},[1138,6705,6706,6709,6711,6714],{"class":1140,"line":1180},[1138,6707,6708],{"class":2645},"    background-position",[1138,6710,2649],{"class":1187},[1138,6712,6713],{"class":1183}," center",[1138,6715,2678],{"class":1187},[1138,6717,6718,6721,6723,6726,6728],{"class":1140,"line":1221},[1138,6719,6720],{"class":2645},"    min-height",[1138,6722,2649],{"class":1187},[1138,6724,6725],{"class":2972}," 300",[1138,6727,2977],{"class":2976},[1138,6729,2678],{"class":1187},[1138,6731,6732],{"class":1140,"line":1226},[1138,6733,3077],{"class":1187},[1138,6735,6736],{"class":1140,"line":1232},[1138,6737,1177],{"emptyLinePlaceholder":1176},[1138,6739,6740,6742,6744,6746,6748,6750,6752,6754,6756],{"class":1140,"line":1254},[1138,6741,2773],{"class":2772},[1138,6743,3847],{"class":1151},[1138,6745,3850],{"class":1187},[1138,6747,3854],{"class":3853},[1138,6749,2649],{"class":1187},[1138,6751,3586],{"class":2972},[1138,6753,2977],{"class":2976},[1138,6755,3675],{"class":1187},[1138,6757,2640],{"class":1187},[1138,6759,6760,6762,6764],{"class":1140,"line":1259},[1138,6761,2633],{"class":1187},[1138,6763,6669],{"class":2636},[1138,6765,2640],{"class":1187},[1138,6767,6768,6770,6772,6774,6776,6778,6781,6783],{"class":1140,"line":1265},[1138,6769,2646],{"class":2645},[1138,6771,2649],{"class":1187},[1138,6773,2653],{"class":2652},[1138,6775,1195],{"class":1187},[1138,6777,1248],{"class":1240},[1138,6779,6780],{"class":1244},"../images/hero-tablet.jpg",[1138,6782,1248],{"class":1240},[1138,6784,2665],{"class":1187},[1138,6786,6787,6790,6792,6795,6797],{"class":1140,"line":1276},[1138,6788,6789],{"class":2645},"        min-height",[1138,6791,2649],{"class":1187},[1138,6793,6794],{"class":2972}," 400",[1138,6796,2977],{"class":2976},[1138,6798,2678],{"class":1187},[1138,6800,6801],{"class":1140,"line":1299},[1138,6802,2683],{"class":1187},[1138,6804,6805],{"class":1140,"line":1318},[1138,6806,3077],{"class":1187},[1138,6808,6809],{"class":1140,"line":1324},[1138,6810,1177],{"emptyLinePlaceholder":1176},[1138,6812,6813,6815,6817,6819,6821,6823,6825,6827,6829],{"class":1140,"line":1329},[1138,6814,2773],{"class":2772},[1138,6816,3847],{"class":1151},[1138,6818,3850],{"class":1187},[1138,6820,3854],{"class":3853},[1138,6822,2649],{"class":1187},[1138,6824,3614],{"class":2972},[1138,6826,2977],{"class":2976},[1138,6828,3675],{"class":1187},[1138,6830,2640],{"class":1187},[1138,6832,6833,6835,6837],{"class":1140,"line":1335},[1138,6834,2633],{"class":1187},[1138,6836,6669],{"class":2636},[1138,6838,2640],{"class":1187},[1138,6840,6841,6843,6845,6847,6849,6851,6854,6856],{"class":1140,"line":1358},[1138,6842,2646],{"class":2645},[1138,6844,2649],{"class":1187},[1138,6846,2653],{"class":2652},[1138,6848,1195],{"class":1187},[1138,6850,1248],{"class":1240},[1138,6852,6853],{"class":1244},"../images/hero-desktop.jpg",[1138,6855,1248],{"class":1240},[1138,6857,2665],{"class":1187},[1138,6859,6860,6862,6864,6867,6869],{"class":1140,"line":1363},[1138,6861,6789],{"class":2645},[1138,6863,2649],{"class":1187},[1138,6865,6866],{"class":2972}," 500",[1138,6868,2977],{"class":2976},[1138,6870,2678],{"class":1187},[1138,6872,6873],{"class":1140,"line":1369},[1138,6874,2683],{"class":1187},[1138,6876,6877],{"class":1140,"line":1379},[1138,6878,3077],{"class":1187},[1138,6880,6881],{"class":1140,"line":1393},[1138,6882,1177],{"emptyLinePlaceholder":1176},[1138,6884,6885],{"class":1140,"line":1405},[1138,6886,6887],{"class":1144},"/* High DPI displays */\n",[1138,6889,6890,6892,6894,6896,6899,6901,6903,6906,6908,6911,6913,6916,6919,6921],{"class":1140,"line":1751},[1138,6891,2773],{"class":2772},[1138,6893,3847],{"class":1151},[1138,6895,3850],{"class":1187},[1138,6897,6898],{"class":3853},"-webkit-min-device-pixel-ratio",[1138,6900,2649],{"class":1187},[1138,6902,3042],{"class":2972},[1138,6904,6905],{"class":1187},"),",[1138,6907,3850],{"class":1187},[1138,6909,6910],{"class":3853},"min-resolution",[1138,6912,2649],{"class":1187},[1138,6914,6915],{"class":2972}," 192",[1138,6917,6918],{"class":2976},"dpi",[1138,6920,3675],{"class":1187},[1138,6922,2640],{"class":1187},[1138,6924,6925,6927,6929],{"class":1140,"line":1760},[1138,6926,2633],{"class":1187},[1138,6928,6669],{"class":2636},[1138,6930,2640],{"class":1187},[1138,6932,6933,6935,6937,6939,6941,6943,6946,6948],{"class":1140,"line":3230},[1138,6934,2646],{"class":2645},[1138,6936,2649],{"class":1187},[1138,6938,2653],{"class":2652},[1138,6940,1195],{"class":1187},[1138,6942,1248],{"class":1240},[1138,6944,6945],{"class":1244},"../images/hero-desktop@2x.jpg",[1138,6947,1248],{"class":1240},[1138,6949,2665],{"class":1187},[1138,6951,6952],{"class":1140,"line":3240},[1138,6953,2683],{"class":1187},[1138,6955,6956],{"class":1140,"line":3260},[1138,6957,3077],{"class":1187},[1030,6959,6961],{"id":6960},"font-management","Font Management",[1035,6963,6965],{"id":6964},"web-fonts","Web Fonts",[1128,6967,6969],{"className":2749,"code":6968,"language":2751,"meta":1133,"style":1133},"/* static/css/fonts.css */\n\n/* Google Fonts */\n@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');\n\n/* Custom fonts */\n@font-face {\n    font-family: 'CustomFont';\n    src: url('../fonts/custom-font.woff2') format('woff2'),\n         url('../fonts/custom-font.woff') format('woff'),\n         url('../fonts/custom-font.ttf') format('truetype');\n    font-weight: normal;\n    font-style: normal;\n    font-display: swap;\n}\n\n/* Font usage */\nbody {\n    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n}\n\n.custom-heading {\n    font-family: 'CustomFont', serif;\n}\n",[1135,6970,6971,6976,6980,6985,7004,7008,7013,7022,7037,7072,7101,7129,7140,7151,7163,7167,7171,7176,7183,7226,7230,7234,7243,7262],{"__ignoreMap":1133},[1138,6972,6973],{"class":1140,"line":1141},[1138,6974,6975],{"class":1144},"/* static/css/fonts.css */\n",[1138,6977,6978],{"class":1140,"line":1148},[1138,6979,1177],{"emptyLinePlaceholder":1176},[1138,6981,6982],{"class":1140,"line":1159},[1138,6983,6984],{"class":1144},"/* Google Fonts */\n",[1138,6986,6987,6989,6991,6993,6995,6997,7000,7002],{"class":1140,"line":1173},[1138,6988,2773],{"class":2772},[1138,6990,1152],{"class":1151},[1138,6992,2653],{"class":2652},[1138,6994,1195],{"class":1187},[1138,6996,1248],{"class":1240},[1138,6998,6999],{"class":1244},"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap",[1138,7001,1248],{"class":1240},[1138,7003,2665],{"class":1187},[1138,7005,7006],{"class":1140,"line":1180},[1138,7007,1177],{"emptyLinePlaceholder":1176},[1138,7009,7010],{"class":1140,"line":1221},[1138,7011,7012],{"class":1144},"/* Custom fonts */\n",[1138,7014,7015,7017,7020],{"class":1140,"line":1226},[1138,7016,2773],{"class":2772},[1138,7018,7019],{"class":1151},"font-face",[1138,7021,2640],{"class":1187},[1138,7023,7024,7026,7028,7030,7033,7035],{"class":1140,"line":1232},[1138,7025,3690],{"class":2645},[1138,7027,2649],{"class":1187},[1138,7029,1241],{"class":1240},[1138,7031,7032],{"class":1244},"CustomFont",[1138,7034,1248],{"class":1240},[1138,7036,2678],{"class":1187},[1138,7038,7039,7042,7044,7046,7048,7050,7053,7055,7057,7060,7062,7064,7067,7069],{"class":1140,"line":1254},[1138,7040,7041],{"class":2645},"    src",[1138,7043,2649],{"class":1187},[1138,7045,2653],{"class":2652},[1138,7047,1195],{"class":1187},[1138,7049,1248],{"class":1240},[1138,7051,7052],{"class":1244},"../fonts/custom-font.woff2",[1138,7054,1248],{"class":1240},[1138,7056,3675],{"class":1187},[1138,7058,7059],{"class":2652}," format",[1138,7061,1195],{"class":1187},[1138,7063,1248],{"class":1240},[1138,7065,7066],{"class":1244},"woff2",[1138,7068,1248],{"class":1240},[1138,7070,7071],{"class":1187},"),\n",[1138,7073,7074,7077,7079,7081,7084,7086,7088,7090,7092,7094,7097,7099],{"class":1140,"line":1259},[1138,7075,7076],{"class":2652},"         url",[1138,7078,1195],{"class":1187},[1138,7080,1248],{"class":1240},[1138,7082,7083],{"class":1244},"../fonts/custom-font.woff",[1138,7085,1248],{"class":1240},[1138,7087,3675],{"class":1187},[1138,7089,7059],{"class":2652},[1138,7091,1195],{"class":1187},[1138,7093,1248],{"class":1240},[1138,7095,7096],{"class":1244},"woff",[1138,7098,1248],{"class":1240},[1138,7100,7071],{"class":1187},[1138,7102,7103,7105,7107,7109,7112,7114,7116,7118,7120,7122,7125,7127],{"class":1140,"line":1265},[1138,7104,7076],{"class":2652},[1138,7106,1195],{"class":1187},[1138,7108,1248],{"class":1240},[1138,7110,7111],{"class":1244},"../fonts/custom-font.ttf",[1138,7113,1248],{"class":1240},[1138,7115,3675],{"class":1187},[1138,7117,7059],{"class":2652},[1138,7119,1195],{"class":1187},[1138,7121,1248],{"class":1240},[1138,7123,7124],{"class":1244},"truetype",[1138,7126,1248],{"class":1240},[1138,7128,2665],{"class":1187},[1138,7130,7131,7133,7135,7138],{"class":1140,"line":1276},[1138,7132,3183],{"class":2645},[1138,7134,2649],{"class":1187},[1138,7136,7137],{"class":1183}," normal",[1138,7139,2678],{"class":1187},[1138,7141,7142,7145,7147,7149],{"class":1140,"line":1299},[1138,7143,7144],{"class":2645},"    font-style",[1138,7146,2649],{"class":1187},[1138,7148,7137],{"class":1183},[1138,7150,2678],{"class":1187},[1138,7152,7153,7156,7158,7161],{"class":1140,"line":1318},[1138,7154,7155],{"class":2645},"    font-display",[1138,7157,2649],{"class":1187},[1138,7159,7160],{"class":1183}," swap",[1138,7162,2678],{"class":1187},[1138,7164,7165],{"class":1140,"line":1324},[1138,7166,3077],{"class":1187},[1138,7168,7169],{"class":1140,"line":1329},[1138,7170,1177],{"emptyLinePlaceholder":1176},[1138,7172,7173],{"class":1140,"line":1335},[1138,7174,7175],{"class":1144},"/* Font usage */\n",[1138,7177,7178,7181],{"class":1140,"line":1358},[1138,7179,1660],{"class":7180},"skzw8",[1138,7182,2640],{"class":1187},[1138,7184,7185,7187,7189,7191,7194,7196,7198,7201,7203,7206,7208,7210,7213,7215,7217,7220,7222,7224],{"class":1140,"line":1363},[1138,7186,3690],{"class":2645},[1138,7188,2649],{"class":1187},[1138,7190,1241],{"class":1240},[1138,7192,7193],{"class":1244},"Inter",[1138,7195,1248],{"class":1240},[1138,7197,1293],{"class":1187},[1138,7199,7200],{"class":1183}," -apple-system",[1138,7202,1293],{"class":1187},[1138,7204,7205],{"class":1155}," BlinkMacSystemFont",[1138,7207,1293],{"class":1187},[1138,7209,1241],{"class":1240},[1138,7211,7212],{"class":1244},"Segoe UI",[1138,7214,1248],{"class":1240},[1138,7216,1293],{"class":1187},[1138,7218,7219],{"class":1155}," Roboto",[1138,7221,1293],{"class":1187},[1138,7223,3450],{"class":1183},[1138,7225,2678],{"class":1187},[1138,7227,7228],{"class":1140,"line":1369},[1138,7229,3077],{"class":1187},[1138,7231,7232],{"class":1140,"line":1379},[1138,7233,1177],{"emptyLinePlaceholder":1176},[1138,7235,7236,7238,7241],{"class":1140,"line":1393},[1138,7237,1215],{"class":1187},[1138,7239,7240],{"class":2636},"custom-heading",[1138,7242,2640],{"class":1187},[1138,7244,7245,7247,7249,7251,7253,7255,7257,7260],{"class":1140,"line":1405},[1138,7246,3690],{"class":2645},[1138,7248,2649],{"class":1187},[1138,7250,1241],{"class":1240},[1138,7252,7032],{"class":1244},[1138,7254,1248],{"class":1240},[1138,7256,1293],{"class":1187},[1138,7258,7259],{"class":1183}," serif",[1138,7261,2678],{"class":1187},[1138,7263,7264],{"class":1140,"line":1751},[1138,7265,3077],{"class":1187},[1035,7267,7269],{"id":7268},"icon-fonts","Icon Fonts",[1128,7271,7273],{"className":1430,"code":7272,"language":1432,"meta":1133,"style":1133},"{% load static %}\n\n\u003C!-- Font Awesome -->\n\u003Clink rel=\"stylesheet\" href=\"{% static 'css/fontawesome.min.css' %}\">\n\n\u003C!-- Custom icon font -->\n\u003Clink rel=\"stylesheet\" href=\"{% static 'fonts/icons.css' %}\">\n\n\u003C!-- Usage -->\n\u003Ci class=\"fas fa-user\">\u003C/i>\n\u003Ci class=\"icon-custom-search\">\u003C/i>\n",[1135,7274,7275,7279,7283,7288,7317,7321,7326,7355,7359,7364,7388],{"__ignoreMap":1133},[1138,7276,7277],{"class":1140,"line":1141},[1138,7278,1444],{"class":1155},[1138,7280,7281],{"class":1140,"line":1148},[1138,7282,1177],{"emptyLinePlaceholder":1176},[1138,7284,7285],{"class":1140,"line":1159},[1138,7286,7287],{"class":1144},"\u003C!-- Font Awesome -->\n",[1138,7289,7290,7292,7294,7296,7298,7300,7302,7304,7306,7308,7310,7313,7315],{"class":1140,"line":1173},[1138,7291,1469],{"class":1187},[1138,7293,1520],{"class":1456},[1138,7295,1523],{"class":1460},[1138,7297,1526],{"class":1187},[1138,7299,1529],{"class":1240},[1138,7301,1532],{"class":1244},[1138,7303,1529],{"class":1240},[1138,7305,1537],{"class":1460},[1138,7307,1526],{"class":1187},[1138,7309,1529],{"class":1240},[1138,7311,7312],{"class":1244},"{% static 'css/fontawesome.min.css' %}",[1138,7314,1529],{"class":1240},[1138,7316,1464],{"class":1187},[1138,7318,7319],{"class":1140,"line":1180},[1138,7320,1177],{"emptyLinePlaceholder":1176},[1138,7322,7323],{"class":1140,"line":1221},[1138,7324,7325],{"class":1144},"\u003C!-- Custom icon font -->\n",[1138,7327,7328,7330,7332,7334,7336,7338,7340,7342,7344,7346,7348,7351,7353],{"class":1140,"line":1226},[1138,7329,1469],{"class":1187},[1138,7331,1520],{"class":1456},[1138,7333,1523],{"class":1460},[1138,7335,1526],{"class":1187},[1138,7337,1529],{"class":1240},[1138,7339,1532],{"class":1244},[1138,7341,1529],{"class":1240},[1138,7343,1537],{"class":1460},[1138,7345,1526],{"class":1187},[1138,7347,1529],{"class":1240},[1138,7349,7350],{"class":1244},"{% static 'fonts/icons.css' %}",[1138,7352,1529],{"class":1240},[1138,7354,1464],{"class":1187},[1138,7356,7357],{"class":1140,"line":1232},[1138,7358,1177],{"emptyLinePlaceholder":1176},[1138,7360,7361],{"class":1140,"line":1254},[1138,7362,7363],{"class":1144},"\u003C!-- Usage -->\n",[1138,7365,7366,7368,7371,7373,7375,7377,7380,7382,7384,7386],{"class":1140,"line":1259},[1138,7367,1469],{"class":1187},[1138,7369,7370],{"class":1456},"i",[1138,7372,2230],{"class":1460},[1138,7374,1526],{"class":1187},[1138,7376,1529],{"class":1240},[1138,7378,7379],{"class":1244},"fas fa-user",[1138,7381,1529],{"class":1240},[1138,7383,1698],{"class":1187},[1138,7385,7370],{"class":1456},[1138,7387,1464],{"class":1187},[1138,7389,7390,7392,7394,7396,7398,7400,7403,7405,7407,7409],{"class":1140,"line":1265},[1138,7391,1469],{"class":1187},[1138,7393,7370],{"class":1456},[1138,7395,2230],{"class":1460},[1138,7397,1526],{"class":1187},[1138,7399,1529],{"class":1240},[1138,7401,7402],{"class":1244},"icon-custom-search",[1138,7404,1529],{"class":1240},[1138,7406,1698],{"class":1187},[1138,7408,7370],{"class":1456},[1138,7410,1464],{"class":1187},[1030,7412,7414],{"id":7413},"development-vs-production","Development vs Production",[1035,7416,7418],{"id":7417},"development-settings","Development Settings",[1128,7420,7422],{"className":1130,"code":7421,"language":1132,"meta":1133,"style":1133},"# settings/development.py\n\n# Serve static files during development\nSTATICFILES_STORAGE = 'django.contrib.staticfiles.storage.StaticFilesStorage'\n\n# Debug mode serves static files automatically\nDEBUG = True\n\n# Additional static file directories for development\nSTATICFILES_DIRS = [\n    BASE_DIR / 'static',\n    BASE_DIR / 'node_modules',  # For npm packages\n]\n",[1135,7423,7424,7429,7433,7438,7453,7457,7462,7472,7476,7481,7489,7503,7521],{"__ignoreMap":1133},[1138,7425,7426],{"class":1140,"line":1141},[1138,7427,7428],{"class":1144},"# settings/development.py\n",[1138,7430,7431],{"class":1140,"line":1148},[1138,7432,1177],{"emptyLinePlaceholder":1176},[1138,7434,7435],{"class":1140,"line":1159},[1138,7436,7437],{"class":1144},"# Serve static files during development\n",[1138,7439,7440,7443,7445,7447,7450],{"class":1140,"line":1173},[1138,7441,7442],{"class":1183},"STATICFILES_STORAGE",[1138,7444,1188],{"class":1187},[1138,7446,1241],{"class":1240},[1138,7448,7449],{"class":1244},"django.contrib.staticfiles.storage.StaticFilesStorage",[1138,7451,7452],{"class":1240},"'\n",[1138,7454,7455],{"class":1140,"line":1180},[1138,7456,1177],{"emptyLinePlaceholder":1176},[1138,7458,7459],{"class":1140,"line":1221},[1138,7460,7461],{"class":1144},"# Debug mode serves static files automatically\n",[1138,7463,7464,7467,7469],{"class":1140,"line":1226},[1138,7465,7466],{"class":1183},"DEBUG",[1138,7468,1188],{"class":1187},[1138,7470,7471],{"class":5964}," True\n",[1138,7473,7474],{"class":1140,"line":1232},[1138,7475,1177],{"emptyLinePlaceholder":1176},[1138,7477,7478],{"class":1140,"line":1254},[1138,7479,7480],{"class":1144},"# Additional static file directories for development\n",[1138,7482,7483,7485,7487],{"class":1140,"line":1259},[1138,7484,1268],{"class":1183},[1138,7486,1188],{"class":1187},[1138,7488,1273],{"class":1187},[1138,7490,7491,7493,7495,7497,7499,7501],{"class":1140,"line":1265},[1138,7492,1279],{"class":1183},[1138,7494,1283],{"class":1282},[1138,7496,1241],{"class":1240},[1138,7498,1288],{"class":1244},[1138,7500,1248],{"class":1240},[1138,7502,1390],{"class":1187},[1138,7504,7505,7507,7509,7511,7514,7516,7518],{"class":1140,"line":1276},[1138,7506,1279],{"class":1183},[1138,7508,1283],{"class":1282},[1138,7510,1241],{"class":1240},[1138,7512,7513],{"class":1244},"node_modules",[1138,7515,1248],{"class":1240},[1138,7517,1293],{"class":1187},[1138,7519,7520],{"class":1144},"  # For npm packages\n",[1138,7522,7523],{"class":1140,"line":1299},[1138,7524,1321],{"class":1187},[1035,7526,7528],{"id":7527},"production-settings","Production Settings",[1128,7530,7532],{"className":1130,"code":7531,"language":1132,"meta":1133,"style":1133},"# settings/production.py\n\n# Optimized static file storage\nSTATICFILES_STORAGE = 'django.contrib.staticfiles.storage.ManifestStaticFilesStorage'\n\n# CDN integration\nSTATIC_URL = 'https://cdn.example.com/static/'\n\n# Compressed static files\nSTATICFILES_STORAGE = 'whitenoise.storage.CompressedManifestStaticFilesStorage'\n",[1135,7533,7534,7539,7543,7548,7561,7565,7570,7583,7587,7592],{"__ignoreMap":1133},[1138,7535,7536],{"class":1140,"line":1141},[1138,7537,7538],{"class":1144},"# settings/production.py\n",[1138,7540,7541],{"class":1140,"line":1148},[1138,7542,1177],{"emptyLinePlaceholder":1176},[1138,7544,7545],{"class":1140,"line":1159},[1138,7546,7547],{"class":1144},"# Optimized static file storage\n",[1138,7549,7550,7552,7554,7556,7559],{"class":1140,"line":1173},[1138,7551,7442],{"class":1183},[1138,7553,1188],{"class":1187},[1138,7555,1241],{"class":1240},[1138,7557,7558],{"class":1244},"django.contrib.staticfiles.storage.ManifestStaticFilesStorage",[1138,7560,7452],{"class":1240},[1138,7562,7563],{"class":1140,"line":1180},[1138,7564,1177],{"emptyLinePlaceholder":1176},[1138,7566,7567],{"class":1140,"line":1221},[1138,7568,7569],{"class":1144},"# CDN integration\n",[1138,7571,7572,7574,7576,7578,7581],{"class":1140,"line":1226},[1138,7573,1235],{"class":1183},[1138,7575,1188],{"class":1187},[1138,7577,1241],{"class":1240},[1138,7579,7580],{"class":1244},"https://cdn.example.com/static/",[1138,7582,7452],{"class":1240},[1138,7584,7585],{"class":1140,"line":1232},[1138,7586,1177],{"emptyLinePlaceholder":1176},[1138,7588,7589],{"class":1140,"line":1254},[1138,7590,7591],{"class":1144},"# Compressed static files\n",[1138,7593,7594,7596,7598,7600,7603],{"class":1140,"line":1259},[1138,7595,7442],{"class":1183},[1138,7597,1188],{"class":1187},[1138,7599,1241],{"class":1240},[1138,7601,7602],{"class":1244},"whitenoise.storage.CompressedManifestStaticFilesStorage",[1138,7604,7452],{"class":1240},[1035,7606,7608],{"id":7607},"collecting-static-files","Collecting Static Files",[1128,7610,7614],{"className":7611,"code":7612,"language":7613,"meta":1133,"style":1133},"language-bash shiki shiki-themes material-theme-lighter vitesse-light vitesse-dark","# Collect all static files for production\npython manage.py collectstatic\n\n# Collect with no input prompts\npython manage.py collectstatic --noinput\n\n# Clear existing files first\npython manage.py collectstatic --clear --noinput\n","bash",[1135,7615,7616,7621,7632,7636,7641,7654,7658,7663],{"__ignoreMap":1133},[1138,7617,7618],{"class":1140,"line":1141},[1138,7619,7620],{"class":1144},"# Collect all static files for production\n",[1138,7622,7623,7626,7629],{"class":1140,"line":1148},[1138,7624,1132],{"class":7625},"sYn-s",[1138,7627,7628],{"class":1244}," manage.py",[1138,7630,7631],{"class":1244}," collectstatic\n",[1138,7633,7634],{"class":1140,"line":1159},[1138,7635,1177],{"emptyLinePlaceholder":1176},[1138,7637,7638],{"class":1140,"line":1173},[1138,7639,7640],{"class":1144},"# Collect with no input prompts\n",[1138,7642,7643,7645,7647,7650],{"class":1140,"line":1180},[1138,7644,1132],{"class":7625},[1138,7646,7628],{"class":1244},[1138,7648,7649],{"class":1244}," collectstatic",[1138,7651,7653],{"class":7652},"sz9Cv"," --noinput\n",[1138,7655,7656],{"class":1140,"line":1221},[1138,7657,1177],{"emptyLinePlaceholder":1176},[1138,7659,7660],{"class":1140,"line":1226},[1138,7661,7662],{"class":1144},"# Clear existing files first\n",[1138,7664,7665,7667,7669,7671,7674],{"class":1140,"line":1232},[1138,7666,1132],{"class":7625},[1138,7668,7628],{"class":1244},[1138,7670,7649],{"class":1244},[1138,7672,7673],{"class":7652}," --clear",[1138,7675,7653],{"class":7652},[1030,7677,7679],{"id":7678},"performance-optimization","Performance Optimization",[1035,7681,7683],{"id":7682},"file-compression","File Compression",[1128,7685,7687],{"className":1130,"code":7686,"language":1132,"meta":1133,"style":1133},"# settings.py with WhiteNoise\nMIDDLEWARE = [\n    'django.middleware.security.SecurityMiddleware',\n    'whitenoise.middleware.WhiteNoiseMiddleware',  # Add this\n    # ... other middleware\n]\n\nSTATICFILES_STORAGE = 'whitenoise.storage.CompressedManifestStaticFilesStorage'\n\n# WhiteNoise settings\nWHITENOISE_USE_FINDERS = True\nWHITENOISE_AUTOREFRESH = True  # Development only\nWHITENOISE_MAX_AGE = 31536000  # 1 year cache\n",[1135,7688,7689,7694,7703,7714,7728,7733,7737,7741,7753,7757,7762,7771,7784],{"__ignoreMap":1133},[1138,7690,7691],{"class":1140,"line":1141},[1138,7692,7693],{"class":1144},"# settings.py with WhiteNoise\n",[1138,7695,7696,7699,7701],{"class":1140,"line":1148},[1138,7697,7698],{"class":1183},"MIDDLEWARE",[1138,7700,1188],{"class":1187},[1138,7702,1273],{"class":1187},[1138,7704,7705,7707,7710,7712],{"class":1140,"line":1159},[1138,7706,1382],{"class":1240},[1138,7708,7709],{"class":1244},"django.middleware.security.SecurityMiddleware",[1138,7711,1248],{"class":1240},[1138,7713,1390],{"class":1187},[1138,7715,7716,7718,7721,7723,7725],{"class":1140,"line":1173},[1138,7717,1382],{"class":1240},[1138,7719,7720],{"class":1244},"whitenoise.middleware.WhiteNoiseMiddleware",[1138,7722,1248],{"class":1240},[1138,7724,1293],{"class":1187},[1138,7726,7727],{"class":1144},"  # Add this\n",[1138,7729,7730],{"class":1140,"line":1180},[1138,7731,7732],{"class":1144},"    # ... other middleware\n",[1138,7734,7735],{"class":1140,"line":1221},[1138,7736,1321],{"class":1187},[1138,7738,7739],{"class":1140,"line":1226},[1138,7740,1177],{"emptyLinePlaceholder":1176},[1138,7742,7743,7745,7747,7749,7751],{"class":1140,"line":1232},[1138,7744,7442],{"class":1183},[1138,7746,1188],{"class":1187},[1138,7748,1241],{"class":1240},[1138,7750,7602],{"class":1244},[1138,7752,7452],{"class":1240},[1138,7754,7755],{"class":1140,"line":1254},[1138,7756,1177],{"emptyLinePlaceholder":1176},[1138,7758,7759],{"class":1140,"line":1259},[1138,7760,7761],{"class":1144},"# WhiteNoise settings\n",[1138,7763,7764,7767,7769],{"class":1140,"line":1265},[1138,7765,7766],{"class":1183},"WHITENOISE_USE_FINDERS",[1138,7768,1188],{"class":1187},[1138,7770,7471],{"class":5964},[1138,7772,7773,7776,7778,7781],{"class":1140,"line":1276},[1138,7774,7775],{"class":1183},"WHITENOISE_AUTOREFRESH",[1138,7777,1188],{"class":1187},[1138,7779,7780],{"class":5964}," True",[1138,7782,7783],{"class":1144},"  # Development only\n",[1138,7785,7786,7789,7791,7794],{"class":1140,"line":1299},[1138,7787,7788],{"class":1183},"WHITENOISE_MAX_AGE",[1138,7790,1188],{"class":1187},[1138,7792,7793],{"class":2972}," 31536000",[1138,7795,7796],{"class":1144},"  # 1 year cache\n",[1035,7798,7800],{"id":7799},"css-and-javascript-minification","CSS and JavaScript Minification",[1128,7802,7804],{"className":1430,"code":7803,"language":1432,"meta":1133,"style":1133},"{% load static %}\n\n\u003C!-- Development -->\n{% if debug %}\n    \u003Clink rel=\"stylesheet\" href=\"{% static 'css/main.css' %}\">\n    \u003Cscript src=\"{% static 'js/main.js' %}\">\u003C/script>\n{% else %}\n    \u003C!-- Production - minified files -->\n    \u003Clink rel=\"stylesheet\" href=\"{% static 'css/main.min.css' %}\">\n    \u003Cscript src=\"{% static 'js/main.min.js' %}\">\u003C/script>\n{% endif %}\n",[1135,7805,7806,7810,7814,7819,7823,7851,7873,7878,7883,7912,7935],{"__ignoreMap":1133},[1138,7807,7808],{"class":1140,"line":1141},[1138,7809,1444],{"class":1155},[1138,7811,7812],{"class":1140,"line":1148},[1138,7813,1177],{"emptyLinePlaceholder":1176},[1138,7815,7816],{"class":1140,"line":1159},[1138,7817,7818],{"class":1144},"\u003C!-- Development -->\n",[1138,7820,7821],{"class":1140,"line":1173},[1138,7822,2077],{"class":1155},[1138,7824,7825,7827,7829,7831,7833,7835,7837,7839,7841,7843,7845,7847,7849],{"class":1140,"line":1180},[1138,7826,1487],{"class":1187},[1138,7828,1520],{"class":1456},[1138,7830,1523],{"class":1460},[1138,7832,1526],{"class":1187},[1138,7834,1529],{"class":1240},[1138,7836,1532],{"class":1244},[1138,7838,1529],{"class":1240},[1138,7840,1537],{"class":1460},[1138,7842,1526],{"class":1187},[1138,7844,1529],{"class":1240},[1138,7846,1573],{"class":1244},[1138,7848,1529],{"class":1240},[1138,7850,1464],{"class":1187},[1138,7852,7853,7855,7857,7859,7861,7863,7865,7867,7869,7871],{"class":1140,"line":1221},[1138,7854,1487],{"class":1187},[1138,7856,1683],{"class":1456},[1138,7858,1686],{"class":1460},[1138,7860,1526],{"class":1187},[1138,7862,1529],{"class":1240},[1138,7864,1740],{"class":1244},[1138,7866,1529],{"class":1240},[1138,7868,1698],{"class":1187},[1138,7870,1683],{"class":1456},[1138,7872,1464],{"class":1187},[1138,7874,7875],{"class":1140,"line":1226},[1138,7876,7877],{"class":1155},"{% else %}\n",[1138,7879,7880],{"class":1140,"line":1232},[1138,7881,7882],{"class":1144},"    \u003C!-- Production - minified files -->\n",[1138,7884,7885,7887,7889,7891,7893,7895,7897,7899,7901,7903,7905,7908,7910],{"class":1140,"line":1254},[1138,7886,1487],{"class":1187},[1138,7888,1520],{"class":1456},[1138,7890,1523],{"class":1460},[1138,7892,1526],{"class":1187},[1138,7894,1529],{"class":1240},[1138,7896,1532],{"class":1244},[1138,7898,1529],{"class":1240},[1138,7900,1537],{"class":1460},[1138,7902,1526],{"class":1187},[1138,7904,1529],{"class":1240},[1138,7906,7907],{"class":1244},"{% static 'css/main.min.css' %}",[1138,7909,1529],{"class":1240},[1138,7911,1464],{"class":1187},[1138,7913,7914,7916,7918,7920,7922,7924,7927,7929,7931,7933],{"class":1140,"line":1259},[1138,7915,1487],{"class":1187},[1138,7917,1683],{"class":1456},[1138,7919,1686],{"class":1460},[1138,7921,1526],{"class":1187},[1138,7923,1529],{"class":1240},[1138,7925,7926],{"class":1244},"{% static 'js/main.min.js' %}",[1138,7928,1529],{"class":1240},[1138,7930,1698],{"class":1187},[1138,7932,1683],{"class":1456},[1138,7934,1464],{"class":1187},[1138,7936,7937],{"class":1140,"line":1265},[1138,7938,1906],{"class":1155},[1035,7940,7942],{"id":7941},"caching-headers","Caching Headers",[1128,7944,7946],{"className":1130,"code":7945,"language":1132,"meta":1133,"style":1133},"# settings.py\nSTATICFILES_STORAGE = 'django.contrib.staticfiles.storage.ManifestStaticFilesStorage'\n\n# Custom storage with longer cache times\nclass CustomStaticFilesStorage(ManifestStaticFilesStorage):\n    def __init__(self, *args, **kwargs):\n        super().__init__(*args, **kwargs)\n        self.max_age = 31536000  # 1 year\n",[1135,7947,7948,7952,7964,7968,7973,7990,8023,8048],{"__ignoreMap":1133},[1138,7949,7950],{"class":1140,"line":1141},[1138,7951,1145],{"class":1144},[1138,7953,7954,7956,7958,7960,7962],{"class":1140,"line":1148},[1138,7955,7442],{"class":1183},[1138,7957,1188],{"class":1187},[1138,7959,1241],{"class":1240},[1138,7961,7558],{"class":1244},[1138,7963,7452],{"class":1240},[1138,7965,7966],{"class":1140,"line":1159},[1138,7967,1177],{"emptyLinePlaceholder":1176},[1138,7969,7970],{"class":1140,"line":1173},[1138,7971,7972],{"class":1144},"# Custom storage with longer cache times\n",[1138,7974,7975,7978,7982,7984,7987],{"class":1140,"line":1180},[1138,7976,7977],{"class":4282},"class",[1138,7979,7981],{"class":7980},"sD-vU"," CustomStaticFilesStorage",[1138,7983,1195],{"class":1187},[1138,7985,7986],{"class":7625},"ManifestStaticFilesStorage",[1138,7988,7989],{"class":1187},"):\n",[1138,7991,7992,7995,7998,8000,8004,8006,8009,8013,8015,8018,8021],{"class":1140,"line":1221},[1138,7993,7994],{"class":4282},"    def",[1138,7996,7997],{"class":2652}," __init__",[1138,7999,1195],{"class":1187},[1138,8001,8003],{"class":8002},"sRjD_","self",[1138,8005,1293],{"class":1187},[1138,8007,8008],{"class":1282}," *",[1138,8010,8012],{"class":8011},"sCyAa","args",[1138,8014,1293],{"class":1187},[1138,8016,8017],{"class":1282}," **",[1138,8019,8020],{"class":8011},"kwargs",[1138,8022,7989],{"class":1187},[1138,8024,8025,8028,8030,8033,8035,8038,8040,8042,8044,8046],{"class":1140,"line":1226},[1138,8026,8027],{"class":3853},"        super",[1138,8029,1208],{"class":1187},[1138,8031,8032],{"class":2652},"__init__",[1138,8034,1195],{"class":1187},[1138,8036,8037],{"class":1282},"*",[1138,8039,8012],{"class":1191},[1138,8041,1293],{"class":1187},[1138,8043,8017],{"class":1282},[1138,8045,8020],{"class":1191},[1138,8047,5654],{"class":1187},[1138,8049,8050,8053,8055,8058,8060,8062],{"class":1140,"line":1232},[1138,8051,8052],{"class":1183},"        self",[1138,8054,1215],{"class":1187},[1138,8056,8057],{"class":1211},"max_age",[1138,8059,1188],{"class":1187},[1138,8061,7793],{"class":2972},[1138,8063,8064],{"class":1144},"  # 1 year\n",[1026,8066,8067],{},"Django's static files system provides powerful tools for managing assets efficiently across development and production environments. Proper organization, optimization, and caching strategies ensure fast-loading, maintainable web applications.",[2626,8069,8070],{},"html pre.shiki code .s9Tkl, html code.shiki .s9Tkl{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#A0ADA0;--shiki-default-font-style:inherit;--shiki-dark:#758575DD;--shiki-dark-font-style:inherit}html pre.shiki code .siDh9, html code.shiki .siDh9{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#1E754F;--shiki-default-font-style:inherit;--shiki-dark:#4D9375;--shiki-dark-font-style:inherit}html pre.shiki code .sftqT, html code.shiki .sftqT{--shiki-light:#90A4AE;--shiki-default:#393A34;--shiki-dark:#DBD7CAEE}html pre.shiki code .se3Ec, html code.shiki .se3Ec{--shiki-light:#90A4AE;--shiki-default:#A65E2B;--shiki-dark:#C99076}html pre.shiki code .soVBu, html code.shiki .soVBu{--shiki-light:#39ADB5;--shiki-default:#999999;--shiki-dark:#666666}html pre.shiki code .siWMO, html code.shiki .siWMO{--shiki-light:#6182B8;--shiki-default:#393A34;--shiki-dark:#DBD7CAEE}html pre.shiki code .s131V, html code.shiki .s131V{--shiki-light:#90A4AE;--shiki-default:#998418;--shiki-dark:#B8A965}html pre.shiki code .sBPpx, html code.shiki .sBPpx{--shiki-light:#E53935;--shiki-default:#393A34;--shiki-dark:#DBD7CAEE}html pre.shiki code .sbYkP, html code.shiki .sbYkP{--shiki-light:#39ADB5;--shiki-default:#B5695977;--shiki-dark:#C98A7D77}html pre.shiki code .sTbE_, html code.shiki .sTbE_{--shiki-light:#91B859;--shiki-default:#B56959;--shiki-dark:#C98A7D}html pre.shiki code .sVsLi, html code.shiki .sVsLi{--shiki-light:#39ADB5;--shiki-default:#AB5959;--shiki-dark:#CB7676}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sJFLg, html code.shiki .sJFLg{--shiki-light:#E53935;--shiki-default:#1E754F;--shiki-dark:#4D9375}html pre.shiki code .s5q8q, html code.shiki .s5q8q{--shiki-light:#9C3EDA;--shiki-default:#B07D48;--shiki-dark:#BD976A}html pre.shiki code .sHnae, html code.shiki .sHnae{--shiki-light:#39ADB5;--shiki-default:#393A34;--shiki-dark:#DBD7CAEE}html pre.shiki code .sKL33, html code.shiki .sKL33{--shiki-light:#E2931D;--shiki-default:#B07D48;--shiki-dark:#BD976A}html pre.shiki code .s5HLA, html code.shiki .s5HLA{--shiki-light:#8796B0;--shiki-default:#998418;--shiki-dark:#B8A965}html pre.shiki code .sJdAF, html code.shiki .sJdAF{--shiki-light:#6182B8;--shiki-default:#998418;--shiki-dark:#B8A965}html pre.shiki code .sKqCy, html code.shiki .sKqCy{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#999999;--shiki-default-font-style:inherit;--shiki-dark:#666666;--shiki-dark-font-style:inherit}html pre.shiki code .s7CZa, html code.shiki .s7CZa{--shiki-light:#F76D47;--shiki-default:#2F798A;--shiki-dark:#4C9A91}html pre.shiki code .sQBxk, html code.shiki .sQBxk{--shiki-light:#F76D47;--shiki-default:#AB5959;--shiki-dark:#CB7676}html pre.shiki code .sSC40, html code.shiki .sSC40{--shiki-light:#90A4AE;--shiki-default:#B07D48;--shiki-dark:#BD976A}html pre.shiki code .sa2tF, html code.shiki .sa2tF{--shiki-light:#E2931D;--shiki-default:#998418;--shiki-dark:#B8A965}html pre.shiki code .sljsM, html code.shiki .sljsM{--shiki-light:#6182B8;--shiki-default:#59873A;--shiki-dark:#80A665}html pre.shiki code .s5Kfy, html code.shiki .s5Kfy{--shiki-light:#9C3EDA;--shiki-default:#AB5959;--shiki-dark:#CB7676}html pre.shiki code .sLdnO, html code.shiki .sLdnO{--shiki-light:#E53935;--shiki-default:#999999;--shiki-dark:#666666}html pre.shiki code .sqOPj, html code.shiki .sqOPj{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#B07D48;--shiki-default-font-style:inherit;--shiki-dark:#BD976A;--shiki-dark-font-style:inherit}html pre.shiki code .suXOh, html code.shiki .suXOh{--shiki-light:#E53935;--shiki-default:#998418;--shiki-dark:#B8A965}html pre.shiki code .sQtxO, html code.shiki .sQtxO{--shiki-light:#E53935;--shiki-default:#B56959;--shiki-dark:#C98A7D}html pre.shiki code .sETVe, html code.shiki .sETVe{--shiki-light:#39ADB5;--shiki-default:#A65E2B;--shiki-dark:#C99076}html pre.shiki code .snCua, html code.shiki .snCua{--shiki-light:#90A4AE;--shiki-default:#999999;--shiki-dark:#666666}html pre.shiki code .sIOqK, html code.shiki .sIOqK{--shiki-light:#9C3EDA;--shiki-default:#999999;--shiki-dark:#666666}html pre.shiki code .s8XtY, html code.shiki .s8XtY{--shiki-light:#39ADB5;--shiki-default:#1E754F;--shiki-dark:#4D9375}html pre.shiki code .su_V2, html code.shiki .su_V2{--shiki-light:#90A4AE;--shiki-default:#B56959;--shiki-dark:#C98A7D}html pre.shiki code .skzw8, html code.shiki .skzw8{--shiki-light:#E2931D;--shiki-default:#1E754F;--shiki-dark:#4D9375}html pre.shiki code .sYn-s, html code.shiki .sYn-s{--shiki-light:#E2931D;--shiki-default:#59873A;--shiki-dark:#80A665}html pre.shiki code .sz9Cv, html code.shiki .sz9Cv{--shiki-light:#91B859;--shiki-default:#A65E2B;--shiki-dark:#C99076}html pre.shiki code .sD-vU, html code.shiki .sD-vU{--shiki-light:#E2931D;--shiki-default:#2E8F82;--shiki-dark:#5DA994}html pre.shiki code .sRjD_, html code.shiki .sRjD_{--shiki-light:#E53935;--shiki-light-font-style:italic;--shiki-default:#393A34;--shiki-default-font-style:inherit;--shiki-dark:#DBD7CAEE;--shiki-dark-font-style:inherit}html pre.shiki code .sCyAa, html code.shiki .sCyAa{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#393A34;--shiki-default-font-style:inherit;--shiki-dark:#DBD7CAEE;--shiki-dark-font-style:inherit}",{"title":1133,"searchDepth":1141,"depth":1148,"links":8072},[8073,8077,8081,8086,8090,8094,8098,8102,8107],{"id":1032,"depth":1148,"text":1033,"children":8074},[8075,8076],{"id":1037,"depth":1159,"text":1038},{"id":1079,"depth":1159,"text":1080},{"id":1121,"depth":1148,"text":1122,"children":8078},[8079,8080],{"id":1125,"depth":1159,"text":1126},{"id":1410,"depth":1159,"text":1411},{"id":1422,"depth":1148,"text":1423,"children":8082},[8083,8084,8085],{"id":1426,"depth":1159,"text":1427},{"id":1769,"depth":1159,"text":1770},{"id":2453,"depth":1159,"text":2454},{"id":2736,"depth":1148,"text":2737,"children":8087},[8088,8089],{"id":2740,"depth":1159,"text":2741},{"id":3709,"depth":1159,"text":3710},{"id":4193,"depth":1148,"text":4194,"children":8091},[8092,8093],{"id":4197,"depth":1159,"text":4198},{"id":5353,"depth":1159,"text":5354},{"id":6356,"depth":1148,"text":6357,"children":8095},[8096,8097],{"id":6360,"depth":1159,"text":6361},{"id":6651,"depth":1159,"text":6652},{"id":6960,"depth":1148,"text":6961,"children":8099},[8100,8101],{"id":6964,"depth":1159,"text":6965},{"id":7268,"depth":1159,"text":7269},{"id":7413,"depth":1148,"text":7414,"children":8103},[8104,8105,8106],{"id":7417,"depth":1159,"text":7418},{"id":7527,"depth":1159,"text":7528},{"id":7607,"depth":1159,"text":7608},{"id":7678,"depth":1148,"text":7679,"children":8108},[8109,8110,8111],{"id":7682,"depth":1159,"text":7683},{"id":7799,"depth":1159,"text":7800},{"id":7941,"depth":1159,"text":7942},"md",null,{},{"title":112,"description":1028},"5S1IoWUEF6I-wgq-bt6fKFFsvLACbnVIOZxD3_9N3HI",[8118,8120],{"title":108,"path":109,"stem":110,"description":8119,"children":-1},"Django provides a comprehensive set of built-in template tags and filters that handle common presentation tasks. This guide covers all major built-in functionality with practical examples and use cases.",{"title":116,"path":117,"stem":118,"description":8121,"children":-1},"Media files are user-uploaded content that changes dynamically based on user interactions. Unlike static files, media files are not part of your application code and require special handling for security, storage, and processing.",1772474906118]