sidebar-analysis.json

[
  {
    "filename": "architecture.html",
    "headings": [
      {"level": 2, "text": "Architectural principles", "id": "principles", "parent": null},
      {"level": 2, "text": "System quality", "id": "quality", "parent": null},
      {"level": 2, "text": "Code Quality", "id": "code", "parent": null},
      {"level": 3, "text": "Code attributes", "id": "code-attributes", "parent": "code"},
      {"level": 3, "text": "Making Documentation", "id": "making-documentation", "parent": "code"}
    ],
    "sidebar_html": "<!-- sidebar -->\n<div class=\"container-fluid px-0\">\n  <div class=\"row g-0\">\n    <aside class=\"side-bar col-lg-3 col-12\">\n      <div id=\"study-sidebar\" class=\"sidebar-content shadow-sm p-3 sticky-top\">\n        <h5>Study Progress</h5>\n        <div class=\"progress mb-3\" style=\"height: 8px;\">\n          <div id=\"main-progress\" class=\"progress-bar bg-success\" style=\"width: 0%;\"></div>\n        </div>\n        <hr>\n        <ul id=\"bookmark-list\" class=\"list-unstyled\">\n          <li class=\"nav-item mb-2\">\n            <input type=\"checkbox\" class=\"topic-check\" data-target=\"principles\"> \n            <a href=\"#principles\" class=\"fw-bold\">Architectural principles</a>\n          </li>\n          <li class=\"nav-item mb-2\">\n            <input type=\"checkbox\" class=\"topic-check\" data-target=\"quality\"> \n            <a href=\"#quality\" class=\"fw-bold\">System quality</a>\n          </li>\n          <li class=\"nav-item mb-2\">\n            <input type=\"checkbox\" class=\"topic-check\" data-target=\"code\"> \n            <a href=\"#code\" class=\"fw-bold\">Code Quality</a>\n            <ul class=\"list-unstyled ms-4 mt-1\">\n              <li class=\"nav-item\"><input type=\"checkbox\" class=\"topic-check\" data-target=\"code-attributes\"> <a href=\"#code-attributes\">Code attributes</a></li>\n              <li class=\"nav-item\"><input type=\"checkbox\" class=\"topic-check\" data-target=\"making-documentation\"> <a href=\"#making-documentation\">Making Documentation</a></li>\n            </ul>\n          </li>\n        </ul>\n        <button id=\"open-sidebar\" class=\"btn btn-primary d-lg-none fixed-bottom m-3 rounded-circle shadow-lg\">\n          <span style=\"font-size: 24px;\">☰</span>\n        </button>\n      </div>\n    </aside>\n<!-- main content -->",
    "main_structure_notes": "File uses h4 headings for subsections; main H2 headings are in page bookmarks section. Need to add corresponding ID anchors to existing H2 tags in content."
  },
  {
    "filename": "cloud.html",
    "headings": [
      {"level": 2, "text": "Services", "id": "services", "parent": null},
      {"level": 3, "text": "Infrastructure as a Service (IaaS)", "id": "iaas", "parent": "services"},
      {"level": 3, "text": "Platform as a Service (PaaS)", "id": "paas", "parent": "services"},
      {"level": 3, "text": "Software as a Service (SaaS)", "id": "saas", "parent": "services"},
      {"level": 2, "text": "Benefits", "id": "benefits", "parent": null},
      {"level": 2, "text": "Challenges", "id": "challenges", "parent": null},
      {"level": 2, "text": "Use Cases", "id": "use-cases", "parent": null},
      {"level": 2, "text": "Docker", "id": "docker", "parent": null},
      {"level": 2, "text": "Kubernetes", "id": "kubernetes", "parent": null},
      {"level": 2, "text": "Cloud Providers", "id": "cloud-providers", "parent": null},
      {"level": 3, "text": "Big players", "id": "big-players", "parent": "cloud-providers"},
      {"level": 3, "text": "Service Names", "id": "service-names", "parent": "cloud-providers"},
      {"level": 3, "text": "Competition", "id": "competition", "parent": "cloud-providers"},
      {"level": 2, "text": "Data Centers", "id": "data-centers", "parent": null},
      {"level": 2, "text": "Cloud Roles", "id": "cloud-roles", "parent": null},
      {"level": 3, "text": "Platform Engineer", "id": "platform-engineer", "parent": "cloud-roles"},
      {"level": 3, "text": "Techops Engineer", "id": "techops-engineer", "parent": "cloud-roles"},
      {"level": 2, "text": "Other Roles", "id": "other-roles", "parent": null},
      {"level": 2, "text": "Future of Cloud Computing", "id": "future-cloud", "parent": null}
    ],
    "sidebar_html": "<!-- sidebar -->\n<div class=\"container-fluid px-0\">\n  <div class=\"row g-0\">\n    <aside class=\"side-bar col-lg-3 col-12\">\n      <div id=\"study-sidebar\" class=\"sidebar-content shadow-sm p-3 sticky-top\">\n        <h5>Study Progress</h5>\n        <div class=\"progress mb-3\" style=\"height: 8px;\">\n          <div id=\"main-progress\" class=\"progress-bar bg-success\" style=\"width: 0%;\"></div>\n        </div>\n        <hr>\n        <ul id=\"bookmark-list\" class=\"list-unstyled\">\n          <li class=\"nav-item mb-2\">\n            <input type=\"checkbox\" class=\"topic-check\" data-target=\"services\"> \n            <a href=\"#services\" class=\"fw-bold\">Services</a>\n            <ul class=\"list-unstyled ms-4 mt-1\">\n              <li class=\"nav-item\"><input type=\"checkbox\" class=\"topic-check\" data-target=\"iaas\"> <a href=\"#iaas\">Infrastructure as a Service (IaaS)</a></li>\n              <li class=\"nav-item\"><input type=\"checkbox\" class=\"topic-check\" data-target=\"paas\"> <a href=\"#paas\">Platform as a Service (PaaS)</a></li>\n              <li class=\"nav-item\"><input type=\"checkbox\" class=\"topic-check\" data-target=\"saas\"> <a href=\"#saas\">Software as a Service (SaaS)</a></li>\n            </ul>\n          </li>\n          <li class=\"nav-item mb-2\">\n            <input type=\"checkbox\" class=\"topic-check\" data-target=\"benefits\"> \n            <a href=\"#benefits\" class=\"fw-bold\">Benefits</a>\n          </li>\n          <li class=\"nav-item mb-2\">\n            <input type=\"checkbox\" class=\"topic-check\" data-target=\"challenges\"> \n            <a href=\"#challenges\" class=\"fw-bold\">Challenges</a>\n          </li>\n          <li class=\"nav-item mb-2\">\n            <input type=\"checkbox\" class=\"topic-check\" data-target=\"use-cases\"> \n            <a href=\"#use-cases\" class=\"fw-bold\">Use Cases</a>\n          </li>\n          <li class=\"nav-item mb-2\">\n            <input type=\"checkbox\" class=\"topic-check\" data-target=\"docker\"> \n            <a href=\"#docker\" class=\"fw-bold\">Docker</a>\n          </li>\n          <li class=\"nav-item mb-2\">\n            <input type=\"checkbox\" class=\"topic-check\" data-target=\"kubernetes\"> \n            <a href=\"#kubernetes\" class=\"fw-bold\">Kubernetes</a>\n          </li>\n          <li class=\"nav-item mb-2\">\n            <input type=\"checkbox\" class=\"topic-check\" data-target=\"cloud-providers\"> \n            <a href=\"#cloud-providers\" class=\"fw-bold\">Cloud Providers</a>\n            <ul class=\"list-unstyled ms-4 mt-1\">\n              <li class=\"nav-item\"><input type=\"checkbox\" class=\"topic-check\" data-target=\"big-players\"> <a href=\"#big-players\">Big players</a></li>\n              <li class=\"nav-item\"><input type=\"checkbox\" class=\"topic-check\" data-target=\"service-names\"> <a href=\"#service-names\">Service Names</a></li>\n              <li class=\"nav-item\"><input type=\"checkbox\" class=\"topic-check\" data-target=\"competition\"> <a href=\"#competition\">Competition</a></li>\n            </ul>\n          </li>\n          <li class=\"nav-item mb-2\">\n            <input type=\"checkbox\" class=\"topic-check\" data-target=\"data-centers\"> \n            <a href=\"#data-centers\" class=\"fw-bold\">Data Centers</a>\n          </li>\n          <li class=\"nav-item mb-2\">\n            <input type=\"checkbox\" class=\"topic-check\" data-target=\"cloud-roles\"> \n            <a href=\"#cloud-roles\" class=\"fw-bold\">Cloud Roles</a>\n            <ul class=\"list-unstyled ms-4 mt-1\">\n              <li class=\"nav-item\"><input type=\"checkbox\" class=\"topic-check\" data-target=\"platform-engineer\"> <a href=\"#platform-engineer\">Platform Engineer</a></li>\n              <li class=\"nav-item\"><input type=\"checkbox\" class=\"topic-check\" data-target=\"techops-engineer\"> <a href=\"#techops-engineer\">Techops Engineer</a></li>\n            </ul>\n          </li>\n          <li class=\"nav-item mb-2\">\n            <input type=\"checkbox\" class=\"topic-check\" data-target=\"other-roles\"> \n            <a href=\"#other-roles\" class=\"fw-bold\">Other Roles</a>\n          </li>\n          <li class=\"nav-item mb-2\">\n            <input type=\"checkbox\" class=\"topic-check\" data-target=\"future-cloud\"> \n            <a href=\"#future-cloud\" class=\"fw-bold\">Future of Cloud Computing</a>\n          </li>\n        </ul>\n        <button id=\"open-sidebar\" class=\"btn btn-primary d-lg-none fixed-bottom m-3 rounded-circle shadow-lg\">\n          <span style=\"font-size: 24px;\">☰</span>\n        </button>\n      </div>\n    </aside>\n<!-- main content -->",
    "main_structure_notes": "Complex file with many H2 and H3 headings. Cloud Providers section has 3 subsections. Cloud Roles section has 2 main subsections. Need to update all H2/H3 tags with matching IDs."
  },
  {
    "filename": "compilers.html",
    "headings": [
      {"level": 2, "text": "Formal grammar", "id": "formal-grammar", "parent": null},
      {"level": 2, "text": "Grammar description", "id": "grammar-description", "parent": null},
      {"level": 2, "text": "Mathematical Expressions", "id": "math-expressions", "parent": null},
      {"level": 2, "text": "Expression form (semantic)", "id": "expression-form", "parent": null},
      {"level": 2, "text": "Scanner", "id": "scanner", "parent": null},
      {"level": 2, "text": "Lexer", "id": "lexer", "parent": null},
      {"level": 2, "text": "Parser", "id": "parser", "parent": null},
      {"level": 2, "text": "Code Generator", "id": "code-generator", "parent": null},
      {"level": 2, "text": "Main program", "id": "main-program", "parent": null},
      {"level": 2, "text": "Practice Projects", "id": "practice-projects", "parent": null}
    ],
    "sidebar_html": "<!-- sidebar -->\n<div class=\"container-fluid px-0\">\n  <div class=\"row g-0\">\n    <aside class=\"side-bar col-lg-3 col-12\">\n      <div id=\"study-sidebar\" class=\"sidebar-content shadow-sm p-3 sticky-top\">\n        <h5>Study Progress</h5>\n        <div class=\"progress mb-3\" style=\"height: 8px;\">\n          <div id=\"main-progress\" class=\"progress-bar bg-success\" style=\"width: 0%;\"></div>\n        </div>\n        <hr>\n        <ul id=\"bookmark-list\" class=\"list-unstyled\">\n          <li class=\"nav-item mb-2\">\n            <input type=\"checkbox\" class=\"topic-check\" data-target=\"formal-grammar\"> \n            <a href=\"#formal-grammar\" class=\"fw-bold\">Formal grammar</a>\n          </li>\n          <li class=\"nav-item mb-2\">\n            <input type=\"checkbox\" class=\"topic-check\" data-target=\"grammar-description\"> \n            <a href=\"#grammar-description\" class=\"fw-bold\">Grammar description</a>\n          </li>\n          <li class=\"nav-item mb-2\">\n            <input type=\"checkbox\" class=\"topic-check\" data-target=\"math-expressions\"> \n            <a href=\"#math-expressions\" class=\"fw-bold\">Mathematical Expressions</a>\n          </li>\n          <li class=\"nav-item mb-2\">\n            <input type=\"checkbox\" class=\"topic-check\" data-target=\"expression-form\"> \n            <a href=\"#expression-form\" class=\"fw-bold\">Expression form (semantic)</a>\n          </li>\n          <li class=\"nav-item mb-2\">\n            <input type=\"checkbox\" class=\"topic-check\" data-target=\"scanner\"> \n            <a href=\"#scanner\" class=\"fw-bold\">Scanner</a>\n          </li>\n          <li class=\"nav-item mb-2\">\n            <input type=\"checkbox\" class=\"topic-check\" data-target=\"lexer\"> \n            <a href=\"#lexer\" class=\"fw-bold\">Lexer</a>\n          </li>\n          <li class=\"nav-item mb-2\">\n            <input type=\"checkbox\" class=\"topic-check\" data-target=\"parser\"> \n            <a href=\"#parser\" class=\"fw-bold\">Parser</a>\n          </li>\n          <li class=\"nav-item mb-2\">\n            <input type=\"checkbox\" class=\"topic-check\" data-target=\"code-generator\"> \n            <a href=\"#code-generator\" class=\"fw-bold\">Code Generator</a>\n          </li>\n          <li class=\"nav-item mb-2\">\n            <input type=\"checkbox\" class=\"topic-check\" data-target=\"main-program\"> \n            <a href=\"#main-program\" class=\"fw-bold\">Main program</a>\n          </li>\n          <li class=\"nav-item mb-2\">\n            <input type=\"checkbox\" class=\"topic-check\" data-target=\"practice-projects\"> \n            <a href=\"#practice-projects\" class=\"fw-bold\">Practice Projects</a>\n          </li>\n        </ul>\n        <button id=\"open-sidebar\" class=\"btn btn-primary d-lg-none fixed-bottom m-3 rounded-circle shadow-lg\">\n          <span style=\"font-size: 24px;\">☰</span>\n        </button>\n      </div>\n    </aside>\n<!-- main content -->",
    "main_structure_notes": "Linear structure with 10 H2 headings. File has 'For example:' sections that could be considered H2 but are labeled with H2 tag in source. Clean vertical layout for compiler concepts."
  },
  {
    "filename": "cybersec.html",
    "headings": [
      {"level": 2, "text": "What is Cybersecurity?", "id": "what-cybersecurity", "parent": null},
      {"level": 2, "text": "Importance", "id": "importance", "parent": null},
      {"level": 2, "text": "Cybersecurity Concepts", "id": "cybersec-concepts", "parent": null},
      {"level": 2, "text": "Cybersecurity Policy", "id": "cybersec-policy", "parent": null},
      {"level": 2, "text": "General Data Protection Regulation (GDPR)", "id": "gdpr", "parent": null},
      {"level": 2, "text": "Other Resources", "id": "other-resources", "parent": null}
    ],
    "sidebar_html": "<!-- sidebar -->\n<div class=\"container-fluid px-0\">\n  <div class=\"row g-0\">\n    <aside class=\"side-bar col-lg-3 col-12\">\n      <div id=\"study-sidebar\" class=\"sidebar-content shadow-sm p-3 sticky-top\">\n        <h5>Study Progress</h5>\n        <div class=\"progress mb-3\" style=\"height: 8px;\">\n          <div id=\"main-progress\" class=\"progress-bar bg-success\" style=\"width: 0%;\"></div>\n        </div>\n        <hr>\n        <ul id=\"bookmark-list\" class=\"list-unstyled\">\n          <li class=\"nav-item mb-2\">\n            <input type=\"checkbox\" class=\"topic-check\" data-target=\"what-cybersecurity\"> \n            <a href=\"#what-cybersecurity\" class=\"fw-bold\">What is Cybersecurity?</a>\n          </li>\n          <li class=\"nav-item mb-2\">\n            <input type=\"checkbox\" class=\"topic-check\" data-target=\"importance\"> \n            <a href=\"#importance\" class=\"fw-bold\">Importance</a>\n          </li>\n          <li class=\"nav-item mb-2\">\n            <input type=\"checkbox\" class=\"topic-check\" data-target=\"cybersec-concepts\"> \n            <a href=\"#cybersec-concepts\" class=\"fw-bold\">Cybersecurity Concepts</a>\n          </li>\n          <li class=\"nav-item mb-2\">\n            <input type=\"checkbox\" class=\"topic-check\" data-target=\"cybersec-policy\"> \n            <a href=\"#cybersec-policy\" class=\"fw-bold\">Cybersecurity Policy</a>\n          </li>\n          <li class=\"nav-item mb-2\">\n            <input type=\"checkbox\" class=\"topic-check\" data-target=\"gdpr\"> \n            <a href=\"#gdpr\" class=\"fw-bold\">General Data Protection Regulation (GDPR)</a>\n          </li>\n          <li class=\"nav-item mb-2\">\n            <input type=\"checkbox\" class=\"topic-check\" data-target=\"other-resources\"> \n            <a href=\"#other-resources\" class=\"fw-bold\">Other Resources</a>\n          </li>\n        </ul>\n        <button id=\"open-sidebar\" class=\"btn btn-primary d-lg-none fixed-bottom m-3 rounded-circle shadow-lg\">\n          <span style=\"font-size: 24px;\">☰</span>\n        </button>\n      </div>\n    </aside>\n<!-- main content -->",
    "main_structure_notes": "Simple linear structure with 6 main sections. Clean organization with bullet lists under each section. All H2 headings are level 1 topics."
  },
  {
    "filename": "databases.html",
    "headings": [
      {"level": 2, "text": "Database applications", "id": "db-applications", "parent": null},
      {"level": 2, "text": "Data Manipulation", "id": "data-manipulation", "parent": null},
      {"level": 2, "text": "Data Oriented Languages", "id": "data-oriented-languages", "parent": null},
      {"level": 2, "text": "Impedance Mismatch", "id": "impedance-mismatch", "parent": null},
      {"level": 2, "text": "Data communication", "id": "data-communication", "parent": null},
      {"level": 2, "text": "Database Features", "id": "db-features", "parent": null},
      {"level": 2, "text": "Data Types", "id": "data-types", "parent": null},
      {"level": 3, "text": "Query Language (SQL)", "id": "query-language", "parent": "db-features"},
      {"level": 3, "text": "JSON = Java Script Object Notation", "id": "json", "parent": "db-features"},
      {"level": 3, "text": "Triggers (TRG)", "id": "triggers", "parent": "db-features"},
      {"level": 3, "text": "Stored procedures (SP)", "id": "stored-procedures", "parent": "db-features"},
      {"level": 3, "text": "Spatial layer (SL)", "id": "spatial-layer", "parent": "db-features"},
      {"level": 3, "text": "Multi-User (MU)", "id": "multi-user", "parent": "db-features"},
      {"level": 3, "text": "Replication (RPL)", "id": "replication", "parent": "db-features"},
      {"level": 2, "text": "Database engines", "id": "db-engines", "parent": null}
    ],
    "sidebar_html": "<!-- sidebar -->\n<div class=\"container-fluid px-0\">\n  <div class=\"row g-0\">\n    <aside class=\"side-bar col-lg-3 col-12\">\n      <div id=\"study-sidebar\" class=\"sidebar-content shadow-sm p-3 sticky-top\">\n        <h5>Study Progress</h5>\n        <div class=\"progress mb-3\" style=\"height: 8px;\">\n          <div id=\"main-progress\" class=\"progress-bar bg-success\" style=\"width: 0%;\"></div>\n        </div>\n        <hr>\n        <ul id=\"bookmark-list\" class=\"list-unstyled\">\n          <li class=\"nav-item mb-2\">\n            <input type=\"checkbox\" class=\"topic-check\" data-target=\"db-applications\"> \n            <a href=\"#db-applications\" class=\"fw-bold\">Database applications</a>\n          </li>\n          <li class=\"nav-item mb-2\">\n            <input type=\"checkbox\" class=\"topic-check\" data-target=\"data-manipulation\"> \n            <a href=\"#data-manipulation\" class=\"fw-bold\">Data Manipulation</a>\n          </li>\n          <li class=\"nav-item mb-2\">\n            <input type=\"checkbox\" class=\"topic-check\" data-target=\"data-oriented-languages\"> \n            <a href=\"#data-oriented-languages\" class=\"fw-bold\">Data Oriented Languages</a>\n          </li>\n          <li class=\"nav-item mb-2\">\n            <input type=\"checkbox\" class=\"topic-check\" data-target=\"impedance-mismatch\"> \n            <a href=\"#impedance-mismatch\" class=\"fw-bold\">Impedance Mismatch</a>\n          </li>\n          <li class=\"nav-item mb-2\">\n            <input type=\"checkbox\" class=\"topic-check\" data-target=\"data-communication\"> \n            <a href=\"#data-communication\" class=\"fw-bold\">Data communication</a>\n          </li>\n          <li class=\"nav-item mb-2\">\n            <input type=\"checkbox\" class=\"topic-check\" data-target=\"db-features\"> \n            <a href=\"#db-features\" class=\"fw-bold\">Database Features</a>\n            <ul class=\"list-unstyled ms-4 mt-1\">\n              <li class=\"nav-item\"><input type=\"checkbox\" class=\"topic-check\" data-target=\"data-types\"> <a href=\"#data-types\">Data Types</a></li>\n              <li class=\"nav-item\"><input type=\"checkbox\" class=\"topic-check\" data-target=\"query-language\"> <a href=\"#query-language\">Query Language (SQL)</a></li>\n              <li class=\"nav-item\"><input type=\"checkbox\" class=\"topic-check\" data-target=\"json\"> <a href=\"#json\">JSON</a></li>\n              <li class=\"nav-item\"><input type=\"checkbox\" class=\"topic-check\" data-target=\"triggers\"> <a href=\"#triggers\">Triggers</a></li>\n              <li class=\"nav-item\"><input type=\"checkbox\" class=\"topic-check\" data-target=\"stored-procedures\"> <a href=\"#stored-procedures\">Stored procedures</a></li>\n              <li class=\"nav-item\"><input type=\"checkbox\" class=\"topic-check\" data-target=\"spatial-layer\"> <a href=\"#spatial-layer\">Spatial layer</a></li>\n              <li class=\"nav-item\"><input type=\"checkbox\" class=\"topic-check\" data-target=\"multi-user\"> <a href=\"#multi-user\">Multi-User</a></li>\n              <li class=\"nav-item\"><input type=\"checkbox\" class=\"topic-check\" data-target=\"replication\"> <a href=\"#replication\">Replication</a></li>\n            </ul>\n          </li>\n          <li class=\"nav-item mb-2\">\n            <input type=\"checkbox\" class=\"topic-check\" data-target=\"db-engines\"> \n            <a href=\"#db-engines\" class=\"fw-bold\">Database engines</a>\n          </li>\n        </ul>\n        <button id=\"open-sidebar\" class=\"btn btn-primary d-lg-none fixed-bottom m-3 rounded-circle shadow-lg\">\n          <span style=\"font-size: 24px;\">☰</span>\n        </button>\n      </div>\n    </aside>\n<!-- main content -->",
    "main_structure_notes": "Complex file with H2 'Database Features' acting as a parent heading. Multiple H3 headings (SQL, JSON, Triggers, etc.) are features/components. Data Types appears as H2 but should be H3 under Database Features. Reorganized for clarity."
  },
  {
    "filename": "db-design.html",
    "headings": [
      {"level": 2, "text": "Requirements", "id": "requirements", "parent": null},
      {"level": 2, "text": "Database Models", "id": "db-models", "parent": null},
      {"level": 2, "text": "Drawing Tools", "id": "drawing-tools", "parent": null},
      {"level": 2, "text": "Conceptual Symbols", "id": "conceptual-symbols", "parent": null},
      {"level": 2, "text": "Normalization", "id": "normalization", "parent": null},
      {"level": 2, "text": "Conceptual Models", "id": "conceptual-models", "parent": null},
      {"level": 2, "text": "Detail Design", "id": "detail-design", "parent": null}
    ],
    "sidebar_html": "<!-- sidebar -->\n<div class=\"container-fluid px-0\">\n  <div class=\"row g-0\">\n    <aside class=\"side-bar col-lg-3 col-12\">\n      <div id=\"study-sidebar\" class=\"sidebar-content shadow-sm p-3 sticky-top\">\n        <h5>Study Progress</h5>\n        <div class=\"progress mb-3\" style=\"height: 8px;\">\n          <div id=\"main-progress\" class=\"progress-bar bg-success\" style=\"width: 0%;\"></div>\n        </div>\n        <hr>\n        <ul id=\"bookmark-list\" class=\"list-unstyled\">\n          <li class=\"nav-item mb-2\">\n            <input type=\"checkbox\" class=\"topic-check\" data-target=\"requirements\"> \n            <a href=\"#requirements\" class=\"fw-bold\">Requirements</a>\n          </li>\n          <li class=\"nav-item mb-2\">\n            <input type=\"checkbox\" class=\"topic-check\" data-target=\"db-models\"> \n            <a href=\"#db-models\" class=\"fw-bold\">Database Models</a>\n          </li>\n          <li class=\"nav-item mb-2\">\n            <input type=\"checkbox\" class=\"topic-check\" data-target=\"drawing-tools\"> \n            <a href=\"#drawing-tools\" class=\"fw-bold\">Drawing Tools</a>\n          </li>\n          <li class=\"nav-item mb-2\">\n            <input type=\"checkbox\" class=\"topic-check\" data-target=\"conceptual-symbols\"> \n            <a href=\"#conceptual-symbols\" class=\"fw-bold\">Conceptual Symbols</a>\n          </li>\n          <li class=\"nav-item mb-2\">\n            <input type=\"checkbox\" class=\"topic-check\" data-target=\"normalization\"> \n            <a href=\"#normalization\" class=\"fw-bold\">Normalization</a>\n          </li>\n          <li class=\"nav-item mb-2\">\n            <input type=\"checkbox\" class=\"topic-check\" data-target=\"conceptual-models\"> \n            <a href=\"#conceptual-models\" class=\"fw-bold\">Conceptual Models</a>\n          </li>\n          <li class=\"nav-item mb-2\">\n            <input type=\"checkbox\" class=\"topic-check\" data-target=\"detail-design\"> \n            <a href=\"#detail-design\" class=\"fw-bold\">Detail Design</a>\n          </li>\n        </ul>\n        <button id=\"open-sidebar\" class=\"btn btn-primary d-lg-none fixed-bottom m-3 rounded-circle shadow-lg\">\n          <span style=\"font-size: 24px;\">☰</span>\n        </button>\n      </div>\n    </aside>\n<!-- main content -->",
    "main_structure_notes": "Clean linear structure with 7 main sections. Conceptual Models section includes multiple ER diagram patterns (1:1, 1:M, etc.) which are subsections. Detail Design has H4 subsections (Content, Scripts, Indexes, Storage, Density)."
  },
  {
    "filename": "opensource.html",
    "headings": [
      {"level": 2, "text": "OSE Process", "id": "ose-process", "parent": null},
      {"level": 2, "text": "Community Tools", "id": "community-tools", "parent": null},
      {"level": 2, "text": "What is Discord", "id": "what-discord", "parent": null},
      {"level": 2, "text": "Software licenses", "id": "software-licenses", "parent": null},
      {"level": 3, "text": "Popular Licenses", "id": "popular-licenses", "parent": "software-licenses"},
      {"level": 3, "text": "Non GPL licenses", "id": "non-gpl-licenses", "parent": "software-licenses"},
      {"level": 2, "text": "Open Source Rules", "id": "open-source-rules", "parent": null},
      {"level": 2, "text": "Volunteering opportunity", "id": "volunteering", "parent": null}
    ],
    "sidebar_html": "<!-- sidebar -->\n<div class=\"container-fluid px-0\">\n  <div class=\"row g-0\">\n    <aside class=\"side-bar col-lg-3 col-12\">\n      <div id=\"study-sidebar\" class=\"sidebar-content shadow-sm p-3 sticky-top\">\n        <h5>Study Progress</h5>\n        <div class=\"progress mb-3\" style=\"height: 8px;\">\n          <div id=\"main-progress\" class=\"progress-bar bg-success\" style=\"width: 0%;\"></div>\n        </div>\n        <hr>\n        <ul id=\"bookmark-list\" class=\"list-unstyled\">\n          <li class=\"nav-item mb-2\">\n            <input type=\"checkbox\" class=\"topic-check\" data-target=\"ose-process\"> \n            <a href=\"#ose-process\" class=\"fw-bold\">OSE Process</a>\n          </li>\n          <li class=\"nav-item mb-2\">\n            <input type=\"checkbox\" class=\"topic-check\" data-target=\"community-tools\"> \n            <a href=\"#community-tools\" class=\"fw-bold\">Community Tools</a>\n          </li>\n          <li class=\"nav-item mb-2\">\n            <input type=\"checkbox\" class=\"topic-check\" data-target=\"what-discord\"> \n            <a href=\"#what-discord\" class=\"fw-bold\">What is Discord</a>\n          </li>\n          <li class=\"nav-item mb-2\">\n            <input type=\"checkbox\" class=\"topic-check\" data-target=\"software-licenses\"> \n            <a href=\"#software-licenses\" class=\"fw-bold\">Software licenses</a>\n            <ul class=\"list-unstyled ms-4 mt-1\">\n              <li class=\"nav-item\"><input type=\"checkbox\" class=\"topic-check\" data-target=\"popular-licenses\"> <a href=\"#popular-licenses\">Popular Licenses</a></li>\n              <li class=\"nav-item\"><input type=\"checkbox\" class=\"topic-check\" data-target=\"non-gpl-licenses\"> <a href=\"#non-gpl-licenses\">Non GPL licenses</a></li>\n            </ul>\n          </li>\n          <li class=\"nav-item mb-2\">\n            <input type=\"checkbox\" class=\"topic-check\" data-target=\"open-source-rules\"> \n            <a href=\"#open-source-rules\" class=\"fw-bold\">Open Source Rules</a>\n          </li>\n          <li class=\"nav-item mb-2\">\n            <input type=\"checkbox\" class=\"topic-check\" data-target=\"volunteering\"> \n            <a href=\"#volunteering\" class=\"fw-bold\">Volunteering opportunity</a>\n          </li>\n        </ul>\n        <button id=\"open-sidebar\" class=\"btn btn-primary d-lg-none fixed-bottom m-3 rounded-circle shadow-lg\">\n          <span style=\"font-size: 24px;\">☰</span>\n        </button>\n      </div>\n    </aside>\n<!-- main content -->",
    "main_structure_notes": "Good structure with Software licenses as parent H2 containing 2 H3 topics. Open Source Rules section has 10 numbered subsections (each H3) but these could be treated as content items, not navigation items due to their procedural nature."
  },
  {
    "filename": "patterns.html",
    "headings": [
      {"level": 2, "text": "History", "id": "history", "parent": null},
      {"level": 2, "text": "Common Patterns", "id": "common-patterns", "parent": null},
      {"level": 2, "text": "Web Development", "id": "web-development", "parent": null},
      {"level": 3, "text": "Model-View-Controller", "id": "mvc", "parent": "web-development"},
      {"level": 3, "text": "Single Page Application", "id": "spa", "parent": "web-development"},
      {"level": 3, "text": "Front Controller", "id": "front-controller", "parent": "web-development"},
      {"level": 3, "text": "Decorator", "id": "decorator", "parent": "web-development"},
      {"level": 3, "text": "Repository", "id": "repository", "parent": "web-development"},
      {"level": 2, "text": "Parallel Computing", "id": "parallel-computing", "parent": null}
    ],
    "sidebar_html": "<!-- sidebar -->\n<div class=\"container-fluid px-0\">\n  <div class=\"row g-0\">\n    <aside class=\"side-bar col-lg-3 col-12\">\n      <div id=\"study-sidebar\" class=\"sidebar-content shadow-sm p-3 sticky-top\">\n        <h5>Study Progress</h5>\n        <div class=\"progress mb-3\" style=\"height: 8px;\">\n          <div id=\"main-progress\" class=\"progress-bar bg-success\" style=\"width: 0%;\"></div>\n        </div>\n        <hr>\n        <ul id=\"bookmark-list\" class=\"list-unstyled\">\n          <li class=\"nav-item mb-2\">\n            <input type=\"checkbox\" class=\"topic-check\" data-target=\"history\"> \n            <a href=\"#history\" class=\"fw-bold\">History</a>\n          </li>\n          <li class=\"nav-item mb-2\">\n            <input type=\"checkbox\" class=\"topic-check\" data-target=\"common-patterns\"> \n            <a href=\"#common-patterns\" class=\"fw-bold\">Common Patterns</a>\n          </li>\n          <li class=\"nav-item mb-2\">\n            <input type=\"checkbox\" class=\"topic-check\" data-target=\"web-development\"> \n            <a href=\"#web-development\" class=\"fw-bold\">Web Development</a>\n            <ul class=\"list-unstyled ms-4 mt-1\">\n              <li class=\"nav-item\"><input type=\"checkbox\" class=\"topic-check\" data-target=\"mvc\"> <a href=\"#mvc\">Model-View-Controller</a></li>\n              <li class=\"nav-item\"><input type=\"checkbox\" class=\"topic-check\" data-target=\"spa\"> <a href=\"#spa\">Single Page Application</a></li>\n              <li class=\"nav-item\"><input type=\"checkbox\" class=\"topic-check\" data-target=\"front-controller\"> <a href=\"#front-controller\">Front Controller</a></li>\n              <li class=\"nav-item\"><input type=\"checkbox\" class=\"topic-check\" data-target=\"decorator\"> <a href=\"#decorator\">Decorator</a></li>\n              <li class=\"nav-item\"><input type=\"checkbox\" class=\"topic-check\" data-target=\"repository\"> <a href=\"#repository\">Repository</a></li>\n            </ul>\n          </li>\n          <li class=\"nav-item mb-2\">\n            <input type=\"checkbox\" class=\"topic-check\" data-target=\"parallel-computing\"> \n            <a href=\"#parallel-computing\" class=\"fw-bold\">Parallel Computing</a>\n          </li>\n        </ul>\n        <button id=\"open-sidebar\" class=\"btn btn-primary d-lg-none fixed-bottom m-3 rounded-circle shadow-lg\">\n          <span style=\"font-size: 24px;\">☰</span>\n        </button>\n      </div>\n    </aside>\n<!-- main content -->",
    "main_structure_notes": "Web Development section has 5 article subsections implemented as H3 tags. Single structure with parent-child relationships. Common Patterns table can be treated as supplementary content. Section articles show design pattern examples in different programming contexts."
  },
  {
    "filename": "platforms.html",
    "headings": [
      {"level": 2, "text": "Features", "id": "features", "parent": null},
      {"level": 2, "text": "Graphic", "id": "graphic", "parent": null},
      {"level": 2, "text": "Boot sequence", "id": "boot-sequence", "parent": null},
      {"level": 2, "text": "Storage", "id": "storage", "parent": null},
      {"level": 2, "text": "File system", "id": "file-system", "parent": null},
      {"level": 2, "text": "Security", "id": "security", "parent": null},
      {"level": 2, "text": "Password", "id": "password", "parent": null},
      {"level": 2, "text": "Popular systems", "id": "popular-systems", "parent": null},
      {"level": 2, "text": "Linux Distributions", "id": "linux-distributions", "parent": null}
    ],
    "sidebar_html": "<!-- sidebar -->\n<div class=\"container-fluid px-0\">\n  <div class=\"row g-0\">\n    <aside class=\"side-bar col-lg-3 col-12\">\n      <div id=\"study-sidebar\" class=\"sidebar-content shadow-sm p-3 sticky-top\">\n        <h5>Study Progress</h5>\n        <div class=\"progress mb-3\" style=\"height: 8px;\">\n          <div id=\"main-progress\" class=\"progress-bar bg-success\" style=\"width: 0%;\"></div>\n        </div>\n        <hr>\n        <ul id=\"bookmark-list\" class=\"list-unstyled\">\n          <li class=\"nav-item mb-2\">\n            <input type=\"checkbox\" class=\"topic-check\" data-target=\"features\"> \n            <a href=\"#features\" class=\"fw-bold\">Features</a>\n          </li>\n          <li class=\"nav-item mb-2\">\n            <input type=\"checkbox\" class=\"topic-check\" data-target=\"graphic\"> \n            <a href=\"#graphic\" class=\"fw-bold\">Graphic</a>\n          </li>\n          <li class=\"nav-item mb-2\">\n            <input type=\"checkbox\" class=\"topic-check\" data-target=\"boot-sequence\"> \n            <a href=\"#boot-sequence\" class=\"fw-bold\">Boot sequence</a>\n          </li>\n          <li class=\"nav-item mb-2\">\n            <input type=\"checkbox\" class=\"topic-check\" data-target=\"storage\"> \n            <a href=\"#storage\" class=\"fw-bold\">Storage</a>\n          </li>\n          <li class=\"nav-item mb-2\">\n            <input type=\"checkbox\" class=\"topic-check\" data-target=\"file-system\"> \n            <a href=\"#file-system\" class=\"fw-bold\">File system</a>\n          </li>\n          <li class=\"nav-item mb-2\">\n            <input type=\"checkbox\" class=\"topic-check\" data-target=\"security\"> \n            <a href=\"#security\" class=\"fw-bold\">Security</a>\n          </li>\n          <li class=\"nav-item mb-2\">\n            <input type=\"checkbox\" class=\"topic-check\" data-target=\"password\"> \n            <a href=\"#password\" class=\"fw-bold\">Password</a>\n          </li>\n          <li class=\"nav-item mb-2\">\n            <input type=\"checkbox\" class=\"topic-check\" data-target=\"popular-systems\"> \n            <a href=\"#popular-systems\" class=\"fw-bold\">Popular systems</a>\n          </li>\n          <li class=\"nav-item mb-2\">\n            <input type=\"checkbox\" class=\"topic-check\" data-target=\"linux-distributions\"> \n            <a href=\"#linux-distributions\" class=\"fw-bold\">Linux Distributions</a>\n          </li>\n        </ul>\n        <button id=\"open-sidebar\" class=\"btn btn-primary d-lg-none fixed-bottom m-3 rounded-circle shadow-lg\">\n          <span style=\"font-size: 24px;\">☰</span>\n        </button>\n      </div>\n    </aside>\n<!-- main content -->",
    "main_structure_notes": "Linear structure with 9 H2 headings. Graphic section has subsections for MacOS, Windows, and Gnome (marked with **bold** text, not H3 tags). Linux Distributions has a table as main content. All IDs reference existing anchors in the original file."
  },
  {
    "filename": "prompt-engineering.html",
    "headings": [
      {"level": 2, "text": "Prompts", "id": "prompts", "parent": null},
      {"level": 2, "text": "Tips", "id": "tips", "parent": null},
      {"level": 2, "text": "Use Cases", "id": "use-cases", "parent": null},
      {"level": 2, "text": "Examples", "id": "examples", "parent": null},
      {"level": 2, "text": "Generative Programming", "id": "generative-programming", "parent": null},
      {"level": 2, "text": "Content Creation", "id": "content-creation", "parent": null},
      {"level": 2, "text": "Ethical Considerations", "id": "ethical-considerations", "parent": null},
      {"level": 2, "text": "External Resources", "id": "external-resources", "parent": null}
    ],
    "sidebar_html": "<!-- sidebar -->\n<div class=\"container-fluid px-0\">\n  <div class=\"row g-0\">\n    <aside class=\"side-bar col-lg-3 col-12\">\n      <div id=\"study-sidebar\" class=\"sidebar-content shadow-sm p-3 sticky-top\">\n        <h5>Study Progress</h5>\n        <div class=\"progress mb-3\" style=\"height: 8px;\">\n          <div id=\"main-progress\" class=\"progress-bar bg-success\" style=\"width: 0%;\"></div>\n        </div>\n        <hr>\n        <ul id=\"bookmark-list\" class=\"list-unstyled\">\n          <li class=\"nav-item mb-2\">\n            <input type=\"checkbox\" class=\"topic-check\" data-target=\"prompts\"> \n            <a href=\"#prompts\" class=\"fw-bold\">Prompts</a>\n          </li>\n          <li class=\"nav-item mb-2\">\n            <input type=\"checkbox\" class=\"topic-check\" data-target=\"tips\"> \n            <a href=\"#tips\" class=\"fw-bold\">Tips</a>\n          </li>\n          <li class=\"nav-item mb-2\">\n            <input type=\"checkbox\" class=\"topic-check\" data-target=\"use-cases\"> \n            <a href=\"#use-cases\" class=\"fw-bold\">Use Cases</a>\n          </li>\n          <li class=\"nav-item mb-2\">\n            <input type=\"checkbox\" class=\"topic-check\" data-target=\"examples\"> \n            <a href=\"#examples\" class=\"fw-bold\">Examples</a>\n          </li>\n          <li class=\"nav-item mb-2\">\n            <input type=\"checkbox\" class=\"topic-check\" data-target=\"generative-programming\"> \n            <a href=\"#generative-programming\" class=\"fw-bold\">Generative Programming</a>\n          </li>\n          <li class=\"nav-item mb-2\">\n            <input type=\"checkbox\" class=\"topic-check\" data-target=\"content-creation\"> \n            <a href=\"#content-creation\" class=\"fw-bold\">Content Creation</a>\n          </li>\n          <li class=\"nav-item mb-2\">\n            <input type=\"checkbox\" class=\"topic-check\" data-target=\"ethical-considerations\"> \n            <a href=\"#ethical-considerations\" class=\"fw-bold\">Ethical Considerations</a>\n          </li>\n          <li class=\"nav-item mb-2\">\n            <input type=\"checkbox\" class=\"topic-check\" data-target=\"external-resources\"> \n            <a href=\"#external-resources\" class=\"fw-bold\">External Resources</a>\n          </li>\n        </ul>\n        <button id=\"open-sidebar\" class=\"btn btn-primary d-lg-none fixed-bottom m-3 rounded-circle shadow-lg\">\n          <span style=\"font-size: 24px;\">☰</span>\n        </button>\n      </div>\n    </aside>\n<!-- main content -->",
    "main_structure_notes": "Clean linear structure with 8 H2 sections. All sections contain bullet lists and examples. No further H3 hierarchies. Simple, straightforward navigation."
  },
  {
    "filename": "systems.html",
    "headings": [
      {"level": 2, "text": "System Design", "id": "system-design", "parent": null},
      {"level": 2, "text": "Purpose", "id": "purpose", "parent": null},
      {"level": 2, "text": "Quality Concerns", "id": "quality-concerns", "parent": null},
      {"level": 2, "text": "Echonomical concerns", "id": "economic-concerns", "parent": null},
      {"level": 2, "text": "Principles", "id": "principles", "parent": null},
      {"level": 2, "text": "Best Practices", "id": "best-practices", "parent": null}
    ],
    "sidebar_html": "<!-- sidebar -->\n<div class=\"container-fluid px-0\">\n  <div class=\"row g-0\">\n    <aside class=\"side-bar col-lg-3 col-12\">\n      <div id=\"study-sidebar\" class=\"sidebar-content shadow-sm p-3 sticky-top\">\n        <h5>Study Progress</h5>\n        <div class=\"progress mb-3\" style=\"height: 8px;\">\n          <div id=\"main-progress\" class=\"progress-bar bg-success\" style=\"width: 0%;\"></div>\n        </div>\n        <hr>\n        <ul id=\"bookmark-list\" class=\"list-unstyled\">\n          <li class=\"nav-item mb-2\">\n            <input type=\"checkbox\" class=\"topic-check\" data-target=\"system-design\"> \n            <a href=\"#system-design\" class=\"fw-bold\">System Design</a>\n          </li>\n          <li class=\"nav-item mb-2\">\n            <input type=\"checkbox\" class=\"topic-check\" data-target=\"purpose\"> \n            <a href=\"#purpose\" class=\"fw-bold\">Purpose</a>\n          </li>\n          <li class=\"nav-item mb-2\">\n            <input type=\"checkbox\" class=\"topic-check\" data-target=\"quality-concerns\"> \n            <a href=\"#quality-concerns\" class=\"fw-bold\">Quality Concerns</a>\n          </li>\n          <li class=\"nav-item mb-2\">\n            <input type=\"checkbox\" class=\"topic-check\" data-target=\"economic-concerns\"> \n            <a href=\"#economic-concerns\" class=\"fw-bold\">Economic concerns</a>\n          </li>\n          <li class=\"nav-item mb-2\">\n            <input type=\"checkbox\" class=\"topic-check\" data-target=\"principles\"> \n            <a href=\"#principles\" class=\"fw-bold\">Principles</a>\n          </li>\n          <li class=\"nav-item mb-2\">\n            <input type=\"checkbox\" class=\"topic-check\" data-target=\"best-practices\"> \n            <a href=\"#best-practices\" class=\"fw-bold\">Best Practices</a>\n          </li>\n        </ul>\n        <button id=\"open-sidebar\" class=\"btn btn-primary d-lg-none fixed-bottom m-3 rounded-circle shadow-lg\">\n          <span style=\"font-size: 24px;\">☰</span>\n        </button>\n      </div>\n    </aside>\n<!-- main content -->",
    "main_structure_notes": "Currently missing entire sidebar section. Linear structure with 6 main H2 sections. File currently has header but no sidebar navigation - need to insert complete structure. Typo in heading: 'Echonomical' should be 'Economic'."
  },
  {
    "filename": "tech.html",
    "headings": [
      {"level": 2, "text": "Tech stack", "id": "tech-stack", "parent": null},
      {"level": 2, "text": "Web stacks", "id": "web-stacks", "parent": null},
      {"level": 3, "text": "Old tech stacks", "id": "old-stacks", "parent": "web-stacks"},
      {"level": 3, "text": "New tech stacks", "id": "new-stacks", "parent": "web-stacks"},
      {"level": 2, "text": "Hybrid stacks", "id": "hybrid-stacks", "parent": null},
      {"level": 2, "text": "Alternative stacks", "id": "alternative-stacks", "parent": null},
      {"level": 3, "text": "Native app developement", "id": "native-app", "parent": "alternative-stacks"},
      {"level": 3, "text": "Hybrid app development", "id": "hybrid-app", "parent": "alternative-stacks"},
      {"level": 3, "text": "Cross-platform app development", "id": "cross-platform-app", "parent": "alternative-stacks"},
      {"level": 2, "text": "Design Patterns", "id": "design-patterns", "parent": null}
    ],
    "sidebar_html": "<!-- sidebar -->\n<div class=\"container-fluid px-0\">\n  <div class=\"row g-0\">\n    <aside class=\"side-bar col-lg-3 col-12\">\n      <div id=\"study-sidebar\" class=\"sidebar-content shadow-sm p-3 sticky-top\">\n        <h5>Study Progress</h5>\n        <div class=\"progress mb-3\" style=\"height: 8px;\">\n          <div id=\"main-progress\" class=\"progress-bar bg-success\" style=\"width: 0%;\"></div>\n        </div>\n        <hr>\n        <ul id=\"bookmark-list\" class=\"list-unstyled\">\n          <li class=\"nav-item mb-2\">\n            <input type=\"checkbox\" class=\"topic-check\" data-target=\"tech-stack\"> \n            <a href=\"#tech-stack\" class=\"fw-bold\">Tech stack</a>\n          </li>\n          <li class=\"nav-item mb-2\">\n            <input type=\"checkbox\" class=\"topic-check\" data-target=\"web-stacks\"> \n            <a href=\"#web-stacks\" class=\"fw-bold\">Web stacks</a>\n            <ul class=\"list-unstyled ms-4 mt-1\">\n              <li class=\"nav-item\"><input type=\"checkbox\" class=\"topic-check\" data-target=\"old-stacks\"> <a href=\"#old-stacks\">Old tech stacks</a></li>\n              <li class=\"nav-item\"><input type=\"checkbox\" class=\"topic-check\" data-target=\"new-stacks\"> <a href=\"#new-stacks\">New tech stacks</a></li>\n            </ul>\n          </li>\n          <li class=\"nav-item mb-2\">\n            <input type=\"checkbox\" class=\"topic-check\" data-target=\"hybrid-stacks\"> \n            <a href=\"#hybrid-stacks\" class=\"fw-bold\">Hybrid stacks</a>\n          </li>\n          <li class=\"nav-item mb-2\">\n            <input type=\"checkbox\" class=\"topic-check\" data-target=\"alternative-stacks\"> \n            <a href=\"#alternative-stacks\" class=\"fw-bold\">Alternative stacks</a>\n            <ul class=\"list-unstyled ms-4 mt-1\">\n              <li class=\"nav-item\"><input type=\"checkbox\" class=\"topic-check\" data-target=\"native-app\"> <a href=\"#native-app\">Native app development</a></li>\n              <li class=\"nav-item\"><input type=\"checkbox\" class=\"topic-check\" data-target=\"hybrid-app\"> <a href=\"#hybrid-app\">Hybrid app development</a></li>\n              <li class=\"nav-item\"><input type=\"checkbox\" class=\"topic-check\" data-target=\"cross-platform-app\"> <a href=\"#cross-platform-app\">Cross-platform app development</a></li>\n            </ul>\n          </li>\n          <li class=\"nav-item mb-2\">\n            <input type=\"checkbox\" class=\"topic-check\" data-target=\"design-patterns\"> \n            <a href=\"#design-patterns\" class=\"fw-bold\">Design Patterns</a>\n          </li>\n        </ul>\n        <button id=\"open-sidebar\" class=\"btn btn-primary d-lg-none fixed-bottom m-3 rounded-circle shadow-lg\">\n          <span style=\"font-size: 24px;\">☰</span>\n        </button>\n      </div>\n    </aside>\n<!-- main content -->",
    "main_structure_notes": "Complex hierarchical structure. Web stacks and Alternative stacks are parent headings with H3 children. File contains comprehensive tables for tech stack comparisons and implementation details. H3 headings are properly nested under parent H2s."
  },
  {
    "filename": "testing.html",
    "headings": [
      {"level": 2, "text": "Errors", "id": "errors", "parent": null},
      {"level": 2, "text": "Bugs", "id": "bugs", "parent": null},
      {"level": 2, "text": "Test management", "id": "management", "parent": null},
      {"level": 2, "text": "Testing Paradigms", "id": "paradigms", "parent": null},
      {"level": 3, "text": "Negative test", "id": "negative-test", "parent": "paradigms"},
      {"level": 3, "text": "Unit Testing", "id": "unit-testing", "parent": "paradigms"},
      {"level": 3, "text": "End to End Testing", "id": "e2e-testing", "parent": "paradigms"},
      {"level": 2, "text": "Functional Testing", "id": "functional", "parent": null},
      {"level": 3, "text": "Data fixture", "id": "data-fixture", "parent": "functional"},
      {"level": 3, "text": "Test case", "id": "test-case", "parent": "functional"},
      {"level": 3, "text": "Test scripts", "id": "test-scripts", "parent": "functional"},
      {"level": 3, "text": "Test suite", "id": "test-suite", "parent": "functional"},
      {"level": 3, "text": "Test coverage", "id": "test-coverage", "parent": "functional"},
      {"level": 3, "text": "Test results", "id": "test-results", "parent": "functional"},
      {"level": 3, "text": "Test logs", "id": "test-logs", "parent": "functional"},
      {"level": 3, "text": "Saving test results", "id": "saving-results", "parent": "functional"},
      {"level": 2, "text": "Continuous integration", "id": "integration", "parent": null},
      {"level": 3, "text": "Dry-runs", "id": "dry-runs", "parent": "integration"},
      {"level": 3, "text": "Smoke test", "id": "smoke-test", "parent": "integration"},
      {"level": 3, "text": "Nightly test", "id": "nightly-test", "parent": "integration"},
      {"level": 2, "text": "Test driven development", "id": "tdd", "parent": null},
      {"level": 3, "text": "Process", "id": "tdd-process", "parent": "tdd"},
      {"level": 3, "text": "Advantages", "id": "tdd-advantages", "parent": "tdd"},
      {"level": 3, "text": "Disadvantages", "id": "tdd-disadvantages", "parent": "tdd"},
      {"level": 3, "text": "Conclusion", "id": "tdd-conclusion", "parent": "tdd"}
    ],
    "sidebar_html": "<!-- sidebar -->\n<div class=\"container-fluid px-0\">\n  <div class=\"row g-0\">\n    <aside class=\"side-bar col-lg-3 col-12\">\n      <div id=\"study-sidebar\" class=\"sidebar-content shadow-sm p-3 sticky-top\">\n        <h5>Study Progress</h5>\n        <div class=\"progress mb-3\" style=\"height: 8px;\">\n          <div id=\"main-progress\" class=\"progress-bar bg-success\" style=\"width: 0%;\"></div>\n        </div>\n        <hr>\n        <ul id=\"bookmark-list\" class=\"list-unstyled\">\n          <li class=\"nav-item mb-2\">\n            <input type=\"checkbox\" class=\"topic-check\" data-target=\"errors\"> \n            <a href=\"#errors\" class=\"fw-bold\">Errors</a>\n          </li>\n          <li class=\"nav-item mb-2\">\n            <input type=\"checkbox\" class=\"topic-check\" data-target=\"bugs\"> \n            <a href=\"#bugs\" class=\"fw-bold\">Bugs</a>\n          </li>\n          <li class=\"nav-item mb-2\">\n            <input type=\"checkbox\" class=\"topic-check\" data-target=\"management\"> \n            <a href=\"#management\" class=\"fw-bold\">Test management</a>\n          </li>\n          <li class=\"nav-item mb-2\">\n            <input type=\"checkbox\" class=\"topic-check\" data-target=\"paradigms\"> \n            <a href=\"#paradigms\" class=\"fw-bold\">Testing Paradigms</a>\n            <ul class=\"list-unstyled ms-4 mt-1\">\n              <li class=\"nav-item\"><input type=\"checkbox\" class=\"topic-check\" data-target=\"negative-test\"> <a href=\"#negative-test\">Negative test</a></li>\n              <li class=\"nav-item\"><input type=\"checkbox\" class=\"topic-check\" data-target=\"unit-testing\"> <a href=\"#unit-testing\">Unit Testing</a></li>\n              <li class=\"nav-item\"><input type=\"checkbox\" class=\"topic-check\" data-target=\"e2e-testing\"> <a href=\"#e2e-testing\">End to End Testing</a></li>\n            </ul>\n          </li>\n          <li class=\"nav-item mb-2\">\n            <input type=\"checkbox\" class=\"topic-check\" data-target=\"functional\"> \n            <a href=\"#functional\" class=\"fw-bold\">Functional Testing</a>\n            <ul class=\"list-unstyled ms-4 mt-1\">\n              <li class=\"nav-item\"><input type=\"checkbox\" class=\"topic-check\" data-target=\"data-fixture\"> <a href=\"#data-fixture\">Data fixture</a></li>\n              <li class=\"nav-item\"><input type=\"checkbox\" class=\"topic-check\" data-target=\"test-case\"> <a href=\"#test-case\">Test case</a></li>\n              <li class=\"nav-item\"><input type=\"checkbox\" class=\"topic-check\" data-target=\"test-scripts\"> <a href=\"#test-scripts\">Test scripts</a></li>\n              <li class=\"nav-item\"><input type=\"checkbox\" class=\"topic-check\" data-target=\"test-suite\"> <a href=\"#test-suite\">Test suite</a></li>\n              <li class=\"nav-item\"><input type=\"checkbox\" class=\"topic-check\" data-target=\"test-coverage\"> <a href=\"#test-coverage\">Test coverage</a></li>\n              <li class=\"nav-item\"><input type=\"checkbox\" class=\"topic-check\" data-target=\"test-results\"> <a href=\"#test-results\">Test results</a></li>\n              <li class=\"nav-item\"><input type=\"checkbox\" class=\"topic-check\" data-target=\"test-logs\"> <a href=\"#test-logs\">Test logs</a></li>\n              <li class=\"nav-item\"><input type=\"checkbox\" class=\"topic-check\" data-target=\"saving-results\"> <a href=\"#saving-results\">Saving test results</a></li>\n            </ul>\n          </li>\n          <li class=\"nav-item mb-2\">\n            <input type=\"checkbox\" class=\"topic-check\" data-target=\"integration\"> \n            <a href=\"#integration\" class=\"fw-bold\">Continuous integration</a>\n            <ul class=\"list-unstyled ms-4 mt-1\">\n              <li class=\"nav-item\"><input type=\"checkbox\" class=\"topic-check\" data-target=\"dry-runs\"> <a href=\"#dry-runs\">Dry-runs</a></li>\n              <li class=\"nav-item\"><input type=\"checkbox\" class=\"topic-check\" data-target=\"smoke-test\"> <a href=\"#smoke-test\">Smoke test</a></li>\n              <li class=\"nav-item\"><input type=\"checkbox\" class=\"topic-check\" data-target=\"nightly-test\"> <a href=\"#nightly-test\">Nightly test</a></li>\n            </ul>\n          </li>\n          <li class=\"nav-item mb-2\">\n            <input type=\"checkbox\" class=\"topic-check\" data-target=\"tdd\"> \n            <a href=\"#tdd\" class=\"fw-bold\">Test driven development</a>\n            <ul class=\"list-unstyled ms-4 mt-1\">\n              <li class=\"nav-item\"><input type=\"checkbox\" class=\"topic-check\" data-target=\"tdd-process\"> <a href=\"#tdd-process\">Process</a></li>\n              <li class=\"nav-item\"><input type=\"checkbox\" class=\"topic-check\" data-target=\"tdd-advantages\"> <a href=\"#tdd-advantages\">Advantages</a></li>\n              <li class=\"nav-item\"><input type=\"checkbox\" class=\"topic-check\" data-target=\"tdd-disadvantages\"> <a href=\"#tdd-disadvantages\">Disadvantages</a></li>\n              <li class=\"nav-item\"><input type=\"checkbox\" class=\"topic-check\" data-target=\"tdd-conclusion\"> <a href=\"#tdd-conclusion\">Conclusion</a></li>\n            </ul>\n          </li>\n        </ul>\n        <button id=\"open-sidebar\" class=\"btn btn-primary d-lg-none fixed-bottom m-3 rounded-circle shadow-lg\">\n          <span style=\"font-size: 24px;\">☰</span>\n        </button>\n      </div>\n    </aside>\n<!-- main content -->",
    "main_structure_notes": "Most complex file. Contains 4 main parent H2 sections with multiple H3 children. Page bookmark section at beginning provides reference links. Functional Testing has 8 related subsections. Continuous Integration has 3 testing types. TDD has 4 process-related subsections. Highly organized hierarchical structure."
  },
  {
    "filename": "tools.html",
    "headings": [
      {"level": 2, "text": "Development Tools", "id": "dev-tools", "parent": null},
      {"level": 3, "text": "Version Control", "id": "version-control", "parent": "dev-tools"},
      {"level": 4, "text": "Git client GUI", "id": "git-client", "parent": "version-control"},
      {"level": 4, "text": "Project hosting", "id": "project-hosting", "parent": "version-control"},
      {"level": 3, "text": "Text Editors", "id": "text-editors", "parent": "dev-tools"},
      {"level": 3, "text": "On-line IDE", "id": "online-ide", "parent": "dev-tools"},
      {"level": 2, "text": "Programming IDE", "id": "programming-ide", "parent": null},
      {"level": 3, "text": "IDE features", "id": "ide-features", "parent": "programming-ide"},
      {"level": 3, "text": "Community IDE", "id": "community-ide", "parent": "programming-ide"},
      {"level": 3, "text": "Design Tools", "id": "design-tools", "parent": "programming-ide"}
    ],
    "sidebar_html": "<!-- sidebar -->\n<div class=\"container-fluid px-0\">\n  <div class=\"row g-0\">\n    <aside class=\"side-bar col-lg-3 col-12\">\n      <div id=\"study-sidebar\" class=\"sidebar-content shadow-sm p-3 sticky-top\">\n        <h5>Study Progress</h5>\n        <div class=\"progress mb-3\" style=\"height: 8px;\">\n          <div id=\"main-progress\" class=\"progress-bar bg-success\" style=\"width: 0%;\"></div>\n        </div>\n        <hr>\n        <ul id=\"bookmark-list\" class=\"list-unstyled\">\n          <li class=\"nav-item mb-2\">\n            <input type=\"checkbox\" class=\"topic-check\" data-target=\"dev-tools\"> \n            <a href=\"#dev-tools\" class=\"fw-bold\">Development Tools</a>\n            <ul class=\"list-unstyled ms-4 mt-1\">\n              <li class=\"nav-item\"><input type=\"checkbox\" class=\"topic-check\" data-target=\"version-control\"> <a href=\"#version-control\">Version Control</a>\n                <ul class=\"list-unstyled ms-4 mt-1\">\n                  <li class=\"nav-item\"><input type=\"checkbox\" class=\"topic-check\" data-target=\"git-client\"> <a href=\"#git-client\">Git client GUI</a></li>\n                  <li class=\"nav-item\"><input type=\"checkbox\" class=\"topic-check\" data-target=\"project-hosting\"> <a href=\"#project-hosting\">Project hosting</a></li>\n                </ul>\n              </li>\n              <li class=\"nav-item\"><input type=\"checkbox\" class=\"topic-check\" data-target=\"text-editors\"> <a href=\"#text-editors\">Text Editors</a></li>\n              <li class=\"nav-item\"><input type=\"checkbox\" class=\"topic-check\" data-target=\"online-ide\"> <a href=\"#online-ide\">On-line IDE</a></li>\n            </ul>\n          </li>\n          <li class=\"nav-item mb-2\">\n            <input type=\"checkbox\" class=\"topic-check\" data-target=\"programming-ide\"> \n            <a href=\"#programming-ide\" class=\"fw-bold\">Programming IDE</a>\n            <ul class=\"list-unstyled ms-4 mt-1\">\n              <li class=\"nav-item\"><input type=\"checkbox\" class=\"topic-check\" data-target=\"ide-features\"> <a href=\"#ide-features\">IDE features</a></li>\n              <li class=\"nav-item\"><input type=\"checkbox\" class=\"topic-check\" data-target=\"community-ide\"> <a href=\"#community-ide\">Community IDE</a></li>\n              <li class=\"nav-item\"><input type=\"checkbox\" class=\"topic-check\" data-target=\"design-tools\"> <a href=\"#design-tools\">Design Tools</a></li>\n            </ul>\n          </li>\n        </ul>\n        <button id=\"open-sidebar\" class=\"btn btn-primary d-lg-none fixed-bottom m-3 rounded-circle shadow-lg\">\n          <span style=\"font-size: 24px;\">☰</span>\n        </button>\n      </div>\n    </aside>\n<!-- main content -->",
    "main_structure_notes": "NOTE: File uses H3 and H4 tags instead of H2/H3. Restructured to show proper hierarchy. Version Control has nested H4 subsections (Git client GUI, Project hosting). Development Tools is main section because content is tools-focused. Programming IDE has 3 H3 subsections. Two-level nesting with some triple-level nesting under Version Control."
  },
  {
    "filename": "version.html",
    "headings": [
      {"level": 2, "text": "Use-Cases", "id": "cases", "parent": null},
      {"level": 2, "text": "Popular version VCS", "id": "popular", "parent": null},
      {"level": 2, "text": "Basic Concepts", "id": "basic", "parent": null},
      {"level": 2, "text": "Cloud based SCM", "id": "cloud", "parent": null},
      {"level": 2, "text": "What is Git?", "id": "git", "parent": null},
      {"level": 3, "text": "Why Git is so popular?", "id": "git-popular", "parent": "git"},
      {"level": 3, "text": "Main Terms", "id": "git-terms", "parent": "git"},
      {"level": 2, "text": "Git Architecture", "id": "git-architecture", "parent": null},
      {"level": 4, "text": "Repository", "id": "repository", "parent": "git-architecture"},
      {"level": 4, "text": "Working Directory", "id": "working-directory", "parent": "git-architecture"},
      {"level": 4, "text": "Staging Area/Index", "id": "staging-area", "parent": "git-architecture"},
      {"level": 4, "text": "Communication Protocols", "id": "protocols", "parent": "git-architecture"},
      {"level": 2, "text": "Git Commands", "id": "git-commands", "parent": null},
      {"level": 2, "text": "Git Branching Strategy", "id": "branching", "parent": null},
      {"level": 3, "text": "Feature branking", "id": "feature-branching", "parent": "branching"},
      {"level": 3, "text": "Release branches", "id": "release-branches", "parent": "branching"},
      {"level": 3, "text": "Advantages", "id": "branching-advantages", "parent": "branching"},
      {"level": 3, "text": "Challanges", "id": "branching-challenges", "parent": "branching"},
      {"level": 2, "text": "Git Forking", "id": "forking", "parent": null},
      {"level": 3, "text": "Advantages", "id": "forking-advantages", "parent": "forking"},
      {"level": 3, "text": "Challanges", "id": "forking-challenges", "parent": "forking"},
      {"level": 2, "text": "Git Software", "id": "git-software", "parent": null},
      {"level": 3, "text": "Client", "id": "git-client", "parent": "git-software"},
      {"level": 3, "text": "Server", "id": "git-server", "parent": "git-software"}
    ],
    "sidebar_html": "<!-- sidebar -->\n<div class=\"container-fluid px-0\">\n  <div class=\"row g-0\">\n    <aside class=\"side-bar col-lg-3 col-12\">\n      <div id=\"study-sidebar\" class=\"sidebar-content shadow-sm p-3 sticky-top\">\n        <h5>Study Progress</h5>\n        <div class=\"progress mb-3\" style=\"height: 8px;\">\n          <div id=\"main-progress\" class=\"progress-bar bg-success\" style=\"width: 0%;\"></div>\n        </div>\n        <hr>\n        <ul id=\"bookmark-list\" class=\"list-unstyled\">\n          <li class=\"nav-item mb-2\">\n            <input type=\"checkbox\" class=\"topic-check\" data-target=\"cases\"> \n            <a href=\"#cases\" class=\"fw-bold\">Use-Cases</a>\n          </li>\n          <li class=\"nav-item mb-2\">\n            <input type=\"checkbox\" class=\"topic-check\" data-target=\"popular\"> \n            <a href=\"#popular\" class=\"fw-bold\">Popular version VCS</a>\n          </li>\n          <li class=\"nav-item mb-2\">\n            <input type=\"checkbox\" class=\"topic-check\" data-target=\"basic\"> \n            <a href=\"#basic\" class=\"fw-bold\">Basic Concepts</a>\n          </li>\n          <li class=\"nav-item mb-2\">\n            <input type=\"checkbox\" class=\"topic-check\" data-target=\"cloud\"> \n            <a href=\"#cloud\" class=\"fw-bold\">Cloud based SCM</a>\n          </li>\n          <li class=\"nav-item mb-2\">\n            <input type=\"checkbox\" class=\"topic-check\" data-target=\"git\"> \n            <a href=\"#git\" class=\"fw-bold\">What is Git?</a>\n            <ul class=\"list-unstyled ms-4 mt-1\">\n              <li class=\"nav-item\"><input type=\"checkbox\" class=\"topic-check\" data-target=\"git-popular\"> <a href=\"#git-popular\">Why Git is so popular?</a></li>\n              <li class=\"nav-item\"><input type=\"checkbox\" class=\"topic-check\" data-target=\"git-terms\"> <a href=\"#git-terms\">Main Terms</a></li>\n            </ul>\n          </li>\n          <li class=\"nav-item mb-2\">\n            <input type=\"checkbox\" class=\"topic-check\" data-target=\"git-architecture\"> \n            <a href=\"#git-architecture\" class=\"fw-bold\">Git Architecture</a>\n            <ul class=\"list-unstyled ms-4 mt-1\">\n              <li class=\"nav-item\"><input type=\"checkbox\" class=\"topic-check\" data-target=\"repository\"> <a href=\"#repository\">Repository</a></li>\n              <li class=\"nav-item\"><input type=\"checkbox\" class=\"topic-check\" data-target=\"working-directory\"> <a href=\"#working-directory\">Working Directory</a></li>\n              <li class=\"nav-item\"><input type=\"checkbox\" class=\"topic-check\" data-target=\"staging-area\"> <a href=\"#staging-area\">Staging Area/Index</a></li>\n              <li class=\"nav-item\"><input type=\"checkbox\" class=\"topic-check\" data-target=\"protocols\"> <a href=\"#protocols\">Communication Protocols</a></li>\n            </ul>\n          </li>\n          <li class=\"nav-item mb-2\">\n            <input type=\"checkbox\" class=\"topic-check\" data-target=\"git-commands\"> \n            <a href=\"#git-commands\" class=\"fw-bold\">Git Commands</a>\n          </li>\n          <li class=\"nav-item mb-2\">\n            <input type=\"checkbox\" class=\"topic-check\" data-target=\"branching\"> \n            <a href=\"#branching\" class=\"fw-bold\">Git Branching Strategy</a>\n            <ul class=\"list-unstyled ms-4 mt-1\">\n              <li class=\"nav-item\"><input type=\"checkbox\" class=\"topic-check\" data-target=\"feature-branching\"> <a href=\"#feature-branching\">Feature branching</a></li>\n              <li class=\"nav-item\"><input type=\"checkbox\" class=\"topic-check\" data-target=\"release-branches\"> <a href=\"#release-branches\">Release branches</a></li>\n              <li class=\"nav-item\"><input type=\"checkbox\" class=\"topic-check\" data-target=\"branching-advantages\"> <a href=\"#branching-advantages\">Advantages</a></li>\n              <li class=\"nav-item\"><input type=\"checkbox\" class=\"topic-check\" data-target=\"branching-challenges\"> <a href=\"#branching-challenges\">Challenges</a></li>\n            </ul>\n          </li>\n          <li class=\"nav-item mb-2\">\n            <input type=\"checkbox\" class=\"topic-check\" data-target=\"forking\"> \n            <a href=\"#forking\" class=\"fw-bold\">Git Forking</a>\n            <ul class=\"list-unstyled ms-4 mt-1\">\n              <li class=\"nav-item\"><input type=\"checkbox\" class=\"topic-check\" data-target=\"forking-advantages\"> <a href=\"#forking-advantages\">Advantages</a></li>\n              <li class=\"nav-item\"><input type=\"checkbox\" class=\"topic-check\" data-target=\"forking-challenges\"> <a href=\"#forking-challenges\">Challenges</a></li>\n            </ul>\n          </li>\n          <li class=\"nav-item mb-2\">\n            <input type=\"checkbox\" class=\"topic-check\" data-target=\"git-software\"> \n            <a href=\"#git-software\" class=\"fw-bold\">Git Software</a>\n            <ul class=\"list-unstyled ms-4 mt-1\">\n              <li class=\"nav-item\"><input type=\"checkbox\" class=\"topic-check\" data-target=\"git-client\"> <a href=\"#git-client\">Client</a></li>\n              <li class=\"nav-item\"><input type=\"checkbox\" class=\"topic-check\" data-target=\"git-server\"> <a href=\"#git-server\">Server</a></li>\n            </ul>\n          </li>\n        </ul>\n        <button id=\"open-sidebar\" class=\"btn btn-primary d-lg-none fixed-bottom m-3 rounded-circle shadow-lg\">\n          <span style=\"font-size: 24px;\">☰</span>\n        </button>\n      </div>\n    </aside>\n<!-- main content -->",
    "main_structure_notes": "Complex hierarchical structure. Git Architecture has 4 H4 subsections that should be treated as H3 for sidebar purposes. Multiple sections with H3 children: What is Git, Git Architecture, Git Branching Strategy, Git Forking, and Git Software. Page bookmarks at top provide reference anchors using ID prefixes like 'cases', 'popular', 'basic', etc."
  },
  {
    "filename": "web-dsgn.html",
    "headings": [
      {"level": 2, "text": "Web Design", "id": "web-design", "parent": null},
      {"level": 2, "text": "Video Lecture", "id": "video", "parent": null},
      {"level": 2, "text": "Tech Stack", "id": "tech-stack", "parent": null},
      {"level": 2, "text": "Prep Quiz", "id": "quiz", "parent": null},
      {"level": 2, "text": "External References", "id": "references", "parent": null}
    ],
    "sidebar_html": "<!-- sidebar -->\n<div class=\"container-fluid px-0\">\n  <div class=\"row g-0\">\n    <aside class=\"side-bar col-lg-3 col-12\">\n      <div id=\"study-sidebar\" class=\"sidebar-content shadow-sm p-3 sticky-top\">\n        <h5>Study Progress</h5>\n        <div class=\"progress mb-3\" style=\"height: 8px;\">\n          <div id=\"main-progress\" class=\"progress-bar bg-success\" style=\"width: 0%;\"></div>\n        </div>\n        <hr>\n        <ul id=\"bookmark-list\" class=\"list-unstyled\">\n          <li class=\"nav-item mb-2\">\n            <input type=\"checkbox\" class=\"topic-check\" data-target=\"web-design\"> \n            <a href=\"#web-design\" class=\"fw-bold\">Web Design</a>\n          </li>\n          <li class=\"nav-item mb-2\">\n            <input type=\"checkbox\" class=\"topic-check\" data-target=\"video\"> \n            <a href=\"#video\" class=\"fw-bold\">Video Lecture</a>\n          </li>\n          <li class=\"nav-item mb-2\">\n            <input type=\"checkbox\" class=\"topic-check\" data-target=\"tech-stack\"> \n            <a href=\"#tech-stack\" class=\"fw-bold\">Tech Stack</a>\n          </li>\n          <li class=\"nav-item mb-2\">\n            <input type=\"checkbox\" class=\"topic-check\" data-target=\"quiz\"> \n            <a href=\"#quiz\" class=\"fw-bold\">Prep Quiz</a>\n          </li>\n          <li class=\"nav-item mb-2\">\n            <input type=\"checkbox\" class=\"topic-check\" data-target=\"references\"> \n            <a href=\"#references\" class=\"fw-bold\">External References</a>\n          </li>\n        </ul>\n        <button id=\"open-sidebar\" class=\"btn btn-primary d-lg-none fixed-bottom m-3 rounded-circle shadow-lg\">\n          <span style=\"font-size: 24px;\">☰</span>\n        </button>\n      </div>\n    </aside>\n<!-- main content -->",
    "main_structure_notes": "Simplest structure - only 5 main H2 sections with no nesting. File serves as introduction/overview to web design topics with links to child content. All sections are top-level topics. Quiz section contains embedded Google Form. Tech Stack has ordered list of 4 learning resources."
  }
]