{"id":258,"date":"2026-07-22T12:36:49","date_gmt":"2026-07-22T12:36:49","guid":{"rendered":"https:\/\/knightongrange.co.uk\/portal\/?page_id=258"},"modified":"2026-08-26T11:35:27","modified_gmt":"2026-08-26T11:35:27","slug":"gcsecsj277","status":"publish","type":"page","link":"https:\/\/knightongrange.co.uk\/portal\/gcsecsj277\/","title":{"rendered":"GCSE Computer Science J277 Main Page"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n\/* ==========================================\n   KNIGHTON GRANGE RESOURCES PAGE\n========================================== *\/\n\n:root {\n  --kge-green: #001f18;\n  --kge-green-light: #063b30;\n  --kge-gold: #c5a059;\n  --kge-gold-light: #e5c98d;\n  --kge-text: #172238;\n  --kge-muted: #626a76;\n  --kge-border: #dedede;\n  --kge-background: #f7f6f2;\n  --kge-white: #ffffff;\n}\n\n.kge-resources-page,\n.kge-resources-page * {\n  box-sizing: border-box;\n}\n\n.kge-resources-page {\n  width: 100%;\n  margin: 0;\n  color: var(--kge-text);\n  background: var(--kge-background);\n  font-family: \"Montserrat\", Arial, sans-serif;\n}\n\n.kge-container {\n  width: min(1420px, calc(100% - 48px));\n  margin: 0 auto;\n}\n\n\n\/* HERO *\/\n\n.kge-resource-hero {\n  position: relative;\n  overflow: hidden;\n  padding: 48px 0 42px;\n  color: var(--kge-white);\n  background:\n    radial-gradient(circle at 78% 20%, rgba(197, 160, 89, 0.12), transparent 28%),\n    linear-gradient(135deg, #001f18 0%, #00382b 100%);\n}\n\n.kge-resource-hero .kge-container {\n  position: relative;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.kge-hero-content {\n  position: relative;\n  z-index: 2;\n  max-width: 780px;\n}\n\n.kge-eyebrow {\n  display: block;\n  margin-bottom: 10px;\n  color: var(--kge-gold-light);\n  font-size: 12px;\n  font-weight: 700;\n  letter-spacing: 2px;\n}\n\n.kge-resource-hero h1 {\n  margin: 0 0 10px;\n  color: var(--kge-white);\n  font-size: clamp(40px, 5vw, 60px);\n  font-weight: 700;\n  line-height: 1.05;\n}\n\n.kge-resource-hero p {\n  max-width: 760px;\n  margin: 0;\n  color: rgba(255, 255, 255, 0.88);\n  font-size: 17px;\n  line-height: 1.7;\n}\n\n.kge-hero-mark {\n  position: absolute;\n  right: 35px;\n  color: rgba(229, 201, 141, 0.08);\n  font-family: Georgia, serif;\n  font-size: 150px;\n  font-weight: 700;\n  line-height: 1;\n}\n\n\n\/* MAIN *\/\n\n.kge-resource-main {\n  padding: 30px 0 50px;\n}\n\n\n\/* FILTERS *\/\n\n.kge-filter-bar {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 22px;\n  padding-bottom: 25px;\n  border-bottom: 1px solid var(--kge-border);\n}\n\n.kge-topic-filters {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n}\n\n.kge-filter {\n  min-height: 42px;\n  padding: 9px 17px;\n  border: 1px solid #d8c49c;\n  border-radius: 7px;\n  color: var(--kge-text);\n  background: var(--kge-white);\n  font-family: inherit;\n  font-size: 13px;\n  cursor: pointer;\n  transition: 0.2s ease;\n}\n\n.kge-filter:hover,\n.kge-filter.active {\n  border-color: var(--kge-green);\n  color: var(--kge-white);\n  background: var(--kge-green);\n}\n\n.kge-search-box {\n  display: flex;\n  align-items: center;\n  width: 280px;\n  min-width: 240px;\n  border: 1px solid var(--kge-border);\n  border-radius: 7px;\n  background: var(--kge-white);\n}\n\n.kge-search-box input {\n  width: 100%;\n  min-height: 42px;\n  padding: 10px 8px 10px 15px;\n  border: 0;\n  outline: 0;\n  color: var(--kge-text);\n  background: transparent;\n  font-family: inherit;\n}\n\n.kge-search-box span {\n  padding: 0 14px 0 6px;\n  font-size: 23px;\n}\n\n\n\/* TOPIC *\/\n\n.kge-topic-section {\n  padding-top: 25px;\n}\n\n.kge-topic-heading {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 25px;\n  margin-bottom: 22px;\n}\n\n.kge-topic-intro {\n  display: flex;\n  align-items: center;\n  gap: 15px;\n}\n\n.kge-topic-icon {\n  display: grid;\n  flex: 0 0 50px;\n  width: 50px;\n  height: 50px;\n  place-items: center;\n  border-radius: 50%;\n  color: var(--kge-gold-light);\n  background: var(--kge-green);\n  font-size: 24px;\n}\n\n.kge-title-row {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 12px;\n}\n\n.kge-title-row h2 {\n  margin: 0;\n  color: var(--kge-green);\n  font-size: 26px;\n  font-weight: 700;\n}\n\n.kge-lesson-count {\n  padding: 5px 11px;\n  border-radius: 20px;\n  color: #665735;\n  background: #eee8db;\n  font-size: 12px;\n  font-weight: 600;\n}\n\n.kge-topic-intro p {\n  margin: 5px 0 0;\n  color: var(--kge-muted);\n  font-size: 14px;\n}\n\n.kge-topic-download {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  min-height: 42px;\n  padding: 10px 18px;\n  border-radius: 6px;\n  color: var(--kge-white);\n  background: var(--kge-green);\n  font-size: 14px;\n  font-weight: 600;\n  text-decoration: none;\n  box-shadow: 0 5px 14px rgba(0, 31, 24, 0.14);\n}\n\n.kge-topic-download:hover {\n  color: var(--kge-white);\n  background: var(--kge-green-light);\n}\n\n\n\/* RESOURCE CARDS *\/\n\n.kge-resource-grid {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 16px;\n}\n\n.kge-resource-card {\n  display: flex;\n  min-height: 190px;\n  flex-direction: column;\n  justify-content: space-between;\n  overflow: hidden;\n  border: 1px solid var(--kge-border);\n  border-radius: 10px;\n  background: var(--kge-white);\n  box-shadow: 0 3px 12px rgba(11, 25, 21, 0.035);\n  transition:\n    transform 0.2s ease,\n    box-shadow 0.2s ease,\n    border-color 0.2s ease;\n}\n\n.kge-resource-card:hover {\n  transform: translateY(-3px);\n  border-color: rgba(197, 160, 89, 0.7);\n  box-shadow: 0 10px 25px rgba(11, 25, 21, 0.09);\n}\n\n.kge-card-top {\n  display: grid;\n  grid-template-columns: 52px 1fr 28px;\n  gap: 13px;\n  padding: 20px 18px;\n}\n\n.kge-lesson-number {\n  display: grid;\n  width: 48px;\n  height: 48px;\n  place-items: center;\n  border-radius: 50%;\n  color: var(--kge-white);\n  background: linear-gradient(145deg, #00382b, #001f18);\n  font-size: 13px;\n  font-weight: 700;\n}\n\n.kge-card-copy h3 {\n  margin: 1px 0 6px;\n  color: #10263b;\n  font-size: 17px;\n  font-weight: 700;\n  line-height: 1.3;\n}\n\n.kge-card-copy p {\n  margin: 0;\n  color: var(--kge-muted);\n  font-size: 13px;\n  line-height: 1.6;\n}\n\n.kge-bookmark {\n  width: 28px;\n  height: 30px;\n  padding: 0;\n  border: 0;\n  color: #6c737c;\n  background: transparent;\n  font-family: inherit;\n  font-size: 25px;\n  line-height: 1;\n  cursor: pointer;\n}\n\n.kge-bookmark.active {\n  color: var(--kge-gold);\n}\n\n.kge-card-bottom {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 15px;\n  padding: 13px 18px;\n  border-top: 1px solid #ededed;\n}\n\n.kge-card-meta {\n  display: flex;\n  flex-direction: column;\n  gap: 3px;\n  color: #555d67;\n  font-size: 11px;\n}\n\n.kge-view-button {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  min-height: 38px;\n  padding: 8px 14px;\n  border-radius: 5px;\n  color: var(--kge-white);\n  background: linear-gradient(135deg, #b4862f, #d0a84e);\n  font-size: 12px;\n  font-weight: 700;\n  text-decoration: none;\n  white-space: nowrap;\n}\n\n.kge-view-button:hover {\n  color: var(--kge-white);\n  background: linear-gradient(135deg, #a57824, #c49a3c);\n}\n\n\n\/* ASSESSMENT BANNER *\/\n\n.kge-assessment-banner {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 20px;\n  margin-top: 18px;\n  padding: 18px 20px;\n  border: 1px solid var(--kge-border);\n  border-radius: 10px;\n  background: linear-gradient(100deg, #f8f7f2, #ffffff);\n}\n\n.kge-assessment-content {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n}\n\n.kge-assessment-icon {\n  display: grid;\n  flex: 0 0 46px;\n  width: 46px;\n  height: 46px;\n  place-items: center;\n  border-radius: 50%;\n  color: var(--kge-gold-light);\n  background: var(--kge-green);\n  font-weight: 700;\n}\n\n.kge-assessment-banner h3 {\n  margin: 0 0 3px;\n  color: #10263b;\n  font-size: 16px;\n}\n\n.kge-assessment-banner p {\n  margin: 0;\n  color: var(--kge-muted);\n  font-size: 13px;\n}\n\n.kge-outline-button {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  min-height: 40px;\n  padding: 8px 16px;\n  border: 1px solid var(--kge-green);\n  border-radius: 5px;\n  color: var(--kge-green);\n  background: transparent;\n  font-size: 13px;\n  font-weight: 700;\n  text-decoration: none;\n  white-space: nowrap;\n}\n\n.kge-outline-button:hover {\n  color: var(--kge-white);\n  background: var(--kge-green);\n}\n\n\n\/* HIDE EMPTY SEARCH RESULTS *\/\n\n.kge-resource-card.kge-hidden {\n  display: none;\n}\n\n\n\/* TABLET *\/\n\n@media (max-width: 1050px) {\n  .kge-resource-grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  .kge-filter-bar {\n    align-items: stretch;\n    flex-direction: column;\n  }\n\n  .kge-search-box {\n    width: 100%;\n  }\n}\n\n\n\/* MOBILE *\/\n\n@media (max-width: 700px) {\n  .kge-container {\n    width: min(100% - 28px, 1420px);\n  }\n\n  .kge-resource-hero {\n    padding: 34px 0;\n  }\n\n  .kge-resource-hero h1 {\n    font-size: 40px;\n  }\n\n  .kge-resource-hero p {\n    font-size: 15px;\n  }\n\n  .kge-hero-mark {\n    display: none;\n  }\n\n  .kge-topic-filters {\n    flex-wrap: nowrap;\n    overflow-x: auto;\n    padding-bottom: 5px;\n  }\n\n  .kge-filter {\n    flex: 0 0 auto;\n  }\n\n  .kge-topic-heading {\n    align-items: flex-start;\n    flex-direction: column;\n  }\n\n  .kge-topic-download {\n    width: 100%;\n    justify-content: center;\n  }\n\n  .kge-resource-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .kge-card-bottom {\n    align-items: stretch;\n    flex-direction: column;\n  }\n\n  .kge-view-button {\n    justify-content: center;\n  }\n\n  .kge-assessment-banner {\n    align-items: stretch;\n    flex-direction: column;\n  }\n\n  .kge-outline-button {\n    justify-content: center;\n  }\n}\n\n.kge-topic-button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    min-height: 44px;\n    padding: 10px 18px;\n    border: 1px solid #c5a059;\n    border-radius: 7px;\n    color: #001f18;\n    background: #c5a059;\n    font-size: 12px;\n    font-weight: 700;\n    text-decoration: none;\n    transition:\n        background 0.2s ease,\n        color 0.2s ease,\n        border-color 0.2s ease,\n        transform 0.2s ease;\n}\n\n.kge-topic-button:hover {\n    color: #001f18;\n    background: #e5c98d;\n    border-color: #e5c98d;\n    text-decoration: none;\n    transform: translateY(-1px);\n}\n\n.kge-topic-button span {\n    color: #001f18;\n    font-size: 17px;\n}\n<\/style>\n\n<meta charset=\"UTF-8\">\n\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n\n<title>\n    OCR GCSE Computer Science J277 Course\n<\/title>\n\n\n<style>\n\n\/* =========================================================\n   KNIGHTON GRANGE EDUCATION\n   OCR J277 COURSE DASHBOARD\n========================================================= *\/\n\n* {\n    box-sizing:border-box;\n}\n\n\nbody {\n    margin:0;\n    background:#f5f7f6;\n    font-family:\"Montserrat\", Arial, sans-serif;\n    color:#132c2a;\n}\n\n\n\/* =========================================================\n   DASHBOARD\n========================================================= *\/\n\n.kge-dashboard {\n    width:100%;\n    max-width:1600px;\n    margin:0 auto;\n    padding:40px;\n}\n\n\n\/* =========================================================\n   HEADER\n========================================================= *\/\n\n.kge-header {\n    display:flex;\n    align-items:center;\n    justify-content:space-between;\n    margin-bottom:35px;\n    padding:45px;\n    border-radius:18px;\n    background:\n        linear-gradient(\n            135deg,\n            #001f18,\n            #00382b\n        );\n}\n\n\n.kge-title h1 {\n    margin:0 0 12px;\n    color:#e5c98d;\n    font-size:38px;\n    font-weight:700;\n    line-height:1.2;\n}\n\n\n.kge-title p {\n    margin:0;\n    color:rgba(255,255,255,.85);\n    font-size:16px;\n    line-height:1.6;\n}\n\n\n\/* =========================================================\n   MAIN THREE-COLUMN LAYOUT\n========================================================= *\/\n\n.kge-layout {\n    display:grid;\n\n    grid-template-columns:\n        clamp(210px,16vw,250px)\n        minmax(0,1fr)\n        clamp(240px,19vw,300px);\n\n    grid-template-areas:\n        \"sidebar content advert\";\n\n    align-items:start;\n    gap:25px;\n}\n\n\n.kge-sidebar {\n    grid-area:sidebar;\n}\n\n\n.kge-content {\n    grid-area:content;\n    min-width:0;\n}\n\n\n\/* =========================================================\n   LEFT COURSE NAVIGATION\n========================================================= *\/\n\n.kge-sidebar {\n    position:sticky;\n    top:60px;\n\n    height:max-content;\n\n    padding:28px 22px;\n\n    border-radius:12px;\n\n    color:#ffffff;\n\n    background:\n        linear-gradient(\n            160deg,\n            #00251c,\n            #003b2d\n        );\n\n    box-shadow:\n        0 10px 30px rgba(0,31,24,.18);\n}\n\n\n.kge-sidebar h3 {\n    display:block !important;\n\n    margin:0 0 22px;\n\n    color:#e5c98d !important;\n\n    font-size:22px;\n    font-weight:700;\n\n    visibility:visible;\n    opacity:1;\n}\n\n\n\/* =========================================================\n   SEARCH\n========================================================= *\/\n\n.kge-search {\n    position:relative;\n    width:100%;\n    margin-bottom:25px;\n}\n\n\n.kge-search input {\n    width:100%;\n    height:45px;\n\n    padding:0 45px 0 15px;\n\n    border:0;\n    border-radius:8px;\n\n    outline:none;\n\n    color:#132c2a;\n    background:#ffffff;\n\n    font-family:inherit;\n    font-size:14px;\n}\n\n\n.kge-search span {\n    position:absolute;\n\n    top:50%;\n    right:15px;\n\n    transform:translateY(-50%);\n}\n\n\n\/* =========================================================\n   PAPER BUTTONS\n========================================================= *\/\n\n.kge-sidebar label {\n    display:block;\n\n    margin-bottom:10px;\n\n    color:#ffffff;\n\n    font-size:13px;\n    font-weight:700;\n}\n\n\n.kge-paper-buttons {\n    display:flex;\n    gap:10px;\n    margin-top:12px;\n}\n\n\n.paper-btn {\n    flex:1;\n\n    min-height:44px;\n\n    padding:12px;\n\n    border:\n        1px solid\n        rgba(229,201,141,.4);\n\n    border-radius:6px !important;\n\n    color:#ffffff !important;\n    background:transparent;\n\n    font-family:inherit;\n    font-size:13px;\n    font-weight:700;\n\n    cursor:pointer;\n\n    transition:\n        background .2s ease,\n        border-color .2s ease;\n}\n\n\n.paper-btn:hover,\n.paper-btn.active {\n    border-color:#cfa64a;\n    border-radius:9px !important;\n    color:#ffffff !important;\n    background:linear-gradient(105deg, #b68831 0%, #c0933a 48%, #cfa64a 100%);\n    text-decoration:none !important;\n    box-shadow:0 4px 10px rgba(91,63,9,.16);\n}\n\n\n\/* =========================================================\n   HELP BOX\n========================================================= *\/\n\n.kge-help {\n    margin-top:30px;\n    padding:18px;\n\n    border:\n        1px solid\n        rgba(229,201,141,.35);\n\n    border-radius:8px;\n\n    background:rgba(0,0,0,.15);\n}\n\n\n.kge-help h4 {\n    margin:0 0 10px;\n    color:#e5c98d;\n    font-size:15px;\n}\n\n\n.kge-help p {\n    margin:0;\n\n    color:#ffffff;\n\n    font-size:13px;\n    line-height:1.6;\n}\n\n\n\/* =========================================================\n   PAPER HEADER\n========================================================= *\/\n\n.paper-heading {\n    display:flex;\n    align-items:center;\n    justify-content:space-between;\n\n    gap:20px;\n\n    margin-bottom:25px;\n}\n\n\n.paper-heading h2 {\n    margin:0;\n\n    color:#062b24;\n\n    font-size:28px;\n    font-weight:700;\n}\n\n\n.expand-all {\n    min-height:44px;\n\n    padding:12px 18px;\n\n    border:1px solid #cfa64a;\n    border-radius:9px;\n\n    color:#ffffff !important;\n    background:linear-gradient(105deg, #b68831 0%, #c0933a 48%, #cfa64a 100%);\n    text-decoration:none !important;\n    box-shadow:0 4px 10px rgba(91,63,9,.16);\n\n    font-family:inherit;\n    font-size:13px;\n    font-weight:700;\n\n    cursor:pointer;\n\n    transition:\n        background .2s ease,\n        transform .2s ease;\n}\n\n\n.expand-all:hover {\n    color:#ffffff !important;\n    background:linear-gradient(105deg, #bd9037 0%, #c69a40 48%, #d5ae52 100%);\n    text-decoration:none !important;\n    transform:translateY(-1px);\n}\n\n\n\/* =========================================================\n   TOPIC CARDS\n========================================================= *\/\n\n.kge-topic {\n    overflow:hidden;\n\n    margin-bottom:18px;\n\n    border:1px solid #d6e3dc;\n    border-radius:6px;\n\n    background:#ffffff;\n\n    box-shadow:\n        0 4px 15px rgba(0,31,24,.06);\n}\n\n\n\/* =========================================================\n   TOPIC BUTTONS\n========================================================= *\/\n\n.kge-topic-header {\n    display:flex;\n\n    width:100%;\n\n    align-items:center;\n    justify-content:space-between;\n\n    gap:20px;\n\n    padding:18px 22px;\n\n    border:0 !important;\n    border-radius:6px !important;\n\n    color:#00382b !important;\n\n    background:\n        linear-gradient(\n            135deg,\n            #dcebe3,\n            #edf5f1\n        );\n\n    font-family:inherit;\n    font-size:14px;\n    font-weight:700;\n\n    cursor:pointer;\n\n    transition:background .2s ease;\n}\n\n\n.kge-topic-header:hover {\n    background:\n        linear-gradient(\n            135deg,\n            #c3dbcf,\n            #d7e9df\n        );\n}\n\n\n.kge-topic-header.active {\n    background:\n        linear-gradient(\n            135deg,\n            #b8d3c5,\n            #cee4d8\n        ) !important;\n}\n\n\n.kge-topic-header span {\n    color:#00382b !important;\n}\n\n\n.kge-topic-header span:first-child {\n    text-align:left;\n}\n\n\n.kge-topic-header span:last-child {\n    flex-shrink:0;\n    color:#52645f !important;\n    font-size:12px;\n}\n\n\n\/* =========================================================\n   LESSON LINKS\n========================================================= *\/\n\n.kge-lessons {\n    display:none;\n}\n\n\n.lesson-item {\n    display:flex;\n\n    align-items:center;\n    justify-content:space-between;\n\n    gap:20px;\n\n    padding:16px 22px;\n\n    border-bottom:1px solid #eeeeee;\n\n    color:#132c2a !important;\n    background:#ffffff;\n\n    font-size:14px;\n    font-weight:600;\n\n    text-decoration:none !important;\n\n    transition:\n        background .2s ease,\n        padding-left .2s ease;\n}\n\n\n.lesson-item:last-child {\n    border-bottom:0;\n}\n\n\n.lesson-item:hover {\n    padding-left:28px;\n    color:#132c2a !important;\n    background:#fffaf1;\n    text-decoration:none !important;\n}\n\n\n.lesson-btn {\n    flex-shrink: 0;\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n\n    width: 152px;\n    min-width: 152px;\n    height: 42px;\n    min-height: 42px;\n    padding: 8px 14px;\n\n    border: 1px solid #cfa64a;\n    border-radius: 9px;\n\n    background: linear-gradient(\n        105deg,\n        #b68831 0%,\n        #c0933a 48%,\n        #cfa64a 100%\n    );\n\n    color: #ffffff !important;\n    font-family: inherit;\n    font-size: 12px;\n    font-weight: 800;\n    line-height: 1;\n    text-align: center;\n    text-decoration: none !important;\n    white-space: nowrap;\n\n    box-shadow: 0 4px 10px rgba(91, 63, 9, 0.16);\n\n    transform: none;\n    filter: none;\n    transition: none;\n}\n\n\n.lesson-btn svg {\n    width: 18px;\n    height: 18px;\n    flex: 0 0 18px;\n\n    fill: none;\n    stroke: #ffffff;\n    stroke-width: 2.25;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n\n.lesson-item:hover .lesson-btn,\n.lesson-item:focus-visible .lesson-btn,\n.lesson-item:visited .lesson-btn,\n.lesson-item:active .lesson-btn {\n    color:#ffffff !important;\n    border-color:#c5a059 !important;\n    background:#c5a059 !important;\n    text-decoration:none !important;\n    filter:none !important;\n    transform:none !important;\n    box-shadow:0 3px 7px rgba(91,63,9,.14);\n}\n\n\n\/* =========================================================\n   HIDDEN PAPER\n========================================================= *\/\n\n.kge-paper-section.hidden {\n    display:none !important;\n}\n\n\n\/* =========================================================\n   RIGHT-HAND INFORMATION PANEL\n========================================================= *\/\n\n.kge-image-panel {\n    grid-area:advert;\n\n    position:sticky;\n    top:60px;\n\n    width:100%;\n    max-width:300px;\n\n    justify-self:end;\n}\n\n\n.kge-dashboard-info {\n    overflow:hidden;\n\n    padding:30px;\n\n    border:\n        1px solid\n        rgba(197,160,89,.45);\n\n    border-radius:10px;\n\n    background:\n        linear-gradient(\n            145deg,\n            #fffaf1 0%,\n            #ffffff 100%\n        );\n\n    box-shadow:\n        0 5px 20px\n        rgba(197,160,89,.10);\n}\n\n\n.kge-dashboard-info-heading {\n    display:flex;\n\n    align-items:center;\n\n    gap:14px;\n\n    margin-bottom:20px;\n}\n\n\n.kge-dashboard-info-icon {\n    display:grid;\n\n    flex:0 0 44px;\n\n    width:44px;\n    height:44px;\n\n    place-items:center;\n\n    border:2px solid #8c6725;\n    border-radius:50%;\n\n    color:#8c6725;\n\n    font-size:20px;\n    font-weight:700;\n}\n\n\n.kge-dashboard-info h2 {\n    margin:0;\n\n    color:#6d501f;\n\n    font-family:\"Montserrat\", Arial, sans-serif;\n\n    font-size:22px;\n    font-weight:700;\n    line-height:1.25;\n}\n\n\n.kge-dashboard-info > p {\n    margin:0 0 22px;\n\n    color:#5e5a52;\n\n    font-size:14px;\n    line-height:1.75;\n}\n\n\n.kge-dashboard-info ul {\n    display:grid;\n\n    gap:15px;\n\n    margin:0 0 25px;\n    padding:0;\n\n    list-style:none;\n}\n\n\n.kge-dashboard-info li {\n    display:grid;\n\n    grid-template-columns:22px 1fr;\n\n    align-items:start;\n\n    gap:11px;\n\n    color:#5e5a52;\n\n    font-size:13px;\n    line-height:1.5;\n}\n\n\n.kge-dashboard-info-check {\n    color:#936c25;\n\n    font-size:17px;\n    font-weight:700;\n}\n\n\n.kge-dashboard-info-button {\n    display:flex;\n\n    width:100%;\n    min-height:44px;\n\n    align-items:center;\n    justify-content:center;\n\n    padding:11px 15px;\n\n    border:1px solid #001f18;\n    border-radius:6px;\n\n    color:#ffffff !important;\n    background:#001f18;\n\n    font-family:inherit;\n\n    font-size:13px;\n    font-weight:700;\n\n    text-align:center;\n    text-decoration:none !important;\n\n    transition:\n        background .2s ease,\n        transform .2s ease;\n}\n\n\n.kge-dashboard-info-button:hover {\n    color:#ffffff !important;\n    background:#00382b;\n\n    transform:translateY(-1px);\n\n    text-decoration:none !important;\n}\n\n\n\/* =========================================================\n   MEDIUM LAPTOPS\n========================================================= *\/\n\n@media (max-width:1250px) {\n\n    .kge-dashboard {\n        padding:25px;\n    }\n\n\n    .kge-layout {\n        grid-template-columns:\n            220px\n            minmax(0,1fr);\n\n        grid-template-areas:\n            \"sidebar content\"\n            \"sidebar advert\";\n\n        gap:22px;\n    }\n\n\n    .kge-image-panel {\n        position:relative;\n        top:auto;\n\n        width:280px;\n        max-width:100%;\n\n        justify-self:end;\n\n        margin-top:10px;\n    }\n\n}\n\n\n\/* =========================================================\n   TABLETS AND MOBILE\n========================================================= *\/\n\n@media (max-width:900px) {\n\n    .kge-dashboard {\n        width:100%;\n        max-width:100%;\n\n        padding:12px;\n\n        overflow-x:hidden;\n    }\n\n\n    .kge-header {\n        width:100%;\n\n        align-items:flex-start;\n        flex-direction:column;\n\n        padding:25px 20px;\n    }\n\n\n    .kge-title h1 {\n        font-size:28px;\n        line-height:1.2;\n    }\n\n\n    .kge-layout {\n        display:block;\n\n        width:100%;\n    }\n\n\n    .kge-sidebar {\n        position:relative;\n        top:auto;\n\n        width:100%;\n        max-width:100%;\n\n        margin:0 0 24px;\n        padding:22px 18px;\n    }\n\n\n    .kge-content {\n        display:block;\n\n        width:100%;\n        min-width:0;\n    }\n\n\n    .kge-image-panel {\n        display:none !important;\n    }\n\n\n    .kge-search input {\n        width:100%;\n        font-size:16px;\n    }\n\n\n    .kge-paper-buttons {\n        width:100%;\n    }\n\n\n    .paper-btn {\n        min-width:0;\n        padding:12px 8px;\n    }\n\n\n    .paper-heading {\n        align-items:stretch;\n        flex-direction:column;\n\n        gap:15px;\n    }\n\n\n    .paper-heading h2 {\n        font-size:23px;\n        line-height:1.3;\n    }\n\n\n    .expand-all {\n        width:100%;\n    }\n\n\n    .kge-topic-header {\n        gap:15px;\n        text-align:left;\n    }\n\n\n    .kge-topic-header span:first-child {\n        flex:1;\n        min-width:0;\n    }\n\n\n    .kge-topic-header span:last-child {\n        flex-shrink:0;\n        font-size:12px;\n    }\n\n\n    .lesson-item {\n        align-items:flex-start;\n        flex-direction:column;\n\n        gap:15px;\n    }\n\n\n    .lesson-btn {\n        width:100%;\n        text-align:center;\n    }\n\n}\n\n<\/style>\n\n\n<div class=\"kge-dashboard\">\n\n    <!-- COURSE HEADER -->\n    <header class=\"kge-header\">\n\n        <div class=\"kge-title\">\n\n            <h1>\n                OCR GCSE Computer Science (J277)\n            <\/h1>\n\n            <p>\n                Complete course content organised by paper,\n                topic and lesson.\n            <\/p>\n\n        <\/div>\n\n    <\/header>\n\n\n    <div class=\"kge-layout\">\n\n\n        <!-- LEFT-HAND NAVIGATION -->\n        <aside class=\"kge-sidebar\">\n\n            <div class=\"kge-search\">\n\n                <input type=\"text\" id=\"lessonSearch\" placeholder=\"Search lessons, topics or keywords...\">\n\n                <span aria-hidden=\"true\">\n                    \ud83d\udd0d\n                <\/span>\n\n            <\/div>\n\n\n            <h3>\n                Course Navigation\n            <\/h3>\n\n\n            <label>\n                Choose Paper\n            <\/label>\n\n\n            <div class=\"kge-paper-buttons\">\n\n                <button class=\"paper-btn active\" type=\"button\" data-paper=\"paper1\">\n                    Paper 1\n                <\/button>\n\n                <button class=\"paper-btn\" type=\"button\" data-paper=\"paper2\">\n                    Paper 2\n                <\/button>\n\n            <\/div>\n\n\n            <div class=\"kge-help\">\n\n                <h4>\n                    \ud83d\udca1 How to use\n                <\/h4>\n\n                <p>\n                    Select a topic to reveal lessons.\n                    Click any lesson to open it.\n                <\/p>\n\n            <\/div>\n\n        <\/aside>\n\n\n        <!-- MAIN COURSE CONTENT -->\n        <main class=\"kge-content\">\n\n            <!-- PAPER 1 -->\n            <section class=\"kge-paper-section\" data-paper=\"paper1\">\n\n                <div class=\"paper-heading\">\n                    <h2>Paper 1: Computer Systems<\/h2>\n                    <button class=\"expand-all\" type=\"button\">Expand All<\/button>\n                <\/div>\n\n                <!-- 1.1 SYSTEMS ARCHITECTURE -->\n                <div class=\"kge-topic\">\n                    <button class=\"kge-topic-header\" type=\"button\">\n                        <span>1.1 Systems Architecture<\/span>\n                        <span>3 Lessons \u25bc<\/span>\n                    <\/button>\n\n                    <div class=\"kge-lessons\">\n                        <a href=\"https:\/\/knightongrange.co.uk\/portal\/1-1-1-architecture-of-the-cpu\/\" class=\"lesson-item\">\n                            <span>1.1.1 Architecture of the CPU<\/span>\n                            <span class=\"lesson-btn\">\n    <span>Open Lesson<\/span>\n\n    <svg viewBox=\"0 0 24 24\"\n         aria-hidden=\"true\"\n         focusable=\"false\">\n\n        <path d=\"M15 3h6v6\"><\/path>\n        <path d=\"M10 14L21 3\"><\/path>\n        <path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"><\/path>\n\n    <\/svg>\n<\/span>\n                        <\/a>\n\n                        <a href=\"https:\/\/knightongrange.co.uk\/portal\/1-1-2-cpu-performance\/\" class=\"lesson-item\">\n                            <span>1.1.2 CPU Performance<\/span>\n                            <span class=\"lesson-btn\">\n    <span>Open Lesson<\/span>\n\n    <svg viewBox=\"0 0 24 24\"\n         aria-hidden=\"true\"\n         focusable=\"false\">\n\n        <path d=\"M15 3h6v6\"><\/path>\n        <path d=\"M10 14L21 3\"><\/path>\n        <path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"><\/path>\n\n    <\/svg>\n<\/span>\n                        <\/a>\n\n                        <a href=\"https:\/\/knightongrange.co.uk\/portal\/1-1-3-embedded-systems\/\" class=\"lesson-item\">\n                            <span>1.1.3 Embedded Systems<\/span>\n                            <span class=\"lesson-btn\">\n    <span>Open Lesson<\/span>\n\n    <svg viewBox=\"0 0 24 24\"\n         aria-hidden=\"true\"\n         focusable=\"false\">\n\n        <path d=\"M15 3h6v6\"><\/path>\n        <path d=\"M10 14L21 3\"><\/path>\n        <path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"><\/path>\n\n    <\/svg>\n<\/span>\n                        <\/a>\n\n                    <\/div>\n                <\/div>\n\n                <!-- 1.2 MEMORY AND STORAGE -->\n                <div class=\"kge-topic\">\n                    <button class=\"kge-topic-header\" type=\"button\">\n                        <span>1.2 Memory and Storage<\/span>\n                        <span>9 Lessons \u25bc<\/span>\n                    <\/button>\n\n                    <div class=\"kge-lessons\">\n                        <a href=\"https:\/\/knightongrange.co.uk\/portal\/1-2-1-primary-storage\/\" class=\"lesson-item\">\n                            <span>1.2.1 Primary Storage<\/span>\n                            <span class=\"lesson-btn\">\n    <span>Open Lesson<\/span>\n\n    <svg viewBox=\"0 0 24 24\"\n         aria-hidden=\"true\"\n         focusable=\"false\">\n\n        <path d=\"M15 3h6v6\"><\/path>\n        <path d=\"M10 14L21 3\"><\/path>\n        <path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"><\/path>\n\n    <\/svg>\n<\/span>\n                        <\/a>\n\n                        <a href=\"https:\/\/knightongrange.co.uk\/portal\/1-2-2-secondary-storage\/\" class=\"lesson-item\">\n                            <span>1.2.2 Secondary Storage<\/span>\n                            <span class=\"lesson-btn\">\n    <span>Open Lesson<\/span>\n\n    <svg viewBox=\"0 0 24 24\"\n         aria-hidden=\"true\"\n         focusable=\"false\">\n\n        <path d=\"M15 3h6v6\"><\/path>\n        <path d=\"M10 14L21 3\"><\/path>\n        <path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"><\/path>\n\n    <\/svg>\n<\/span>\n                        <\/a>\n\n                        <a href=\"https:\/\/knightongrange.co.uk\/portal\/1-2-3-units-of-storage\/\" class=\"lesson-item\">\n                            <span>1.2.3 Units of Storage<\/span>\n                            <span class=\"lesson-btn\">\n    <span>Open Lesson<\/span>\n\n    <svg viewBox=\"0 0 24 24\"\n         aria-hidden=\"true\"\n         focusable=\"false\">\n\n        <path d=\"M15 3h6v6\"><\/path>\n        <path d=\"M10 14L21 3\"><\/path>\n        <path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"><\/path>\n\n    <\/svg>\n<\/span>\n                        <\/a>\n\n                        <a href=\"https:\/\/knightongrange.co.uk\/portal\/1-2-4-1-binary-and-denary\/\" class=\"lesson-item\">\n                            <span>1.2.4.1 Binary and Denary<\/span>\n                            <span class=\"lesson-btn\">\n    <span>Open Lesson<\/span>\n\n    <svg viewBox=\"0 0 24 24\"\n         aria-hidden=\"true\"\n         focusable=\"false\">\n\n        <path d=\"M15 3h6v6\"><\/path>\n        <path d=\"M10 14L21 3\"><\/path>\n        <path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"><\/path>\n\n    <\/svg>\n<\/span>\n                        <\/a>\n\n                        <a href=\"https:\/\/knightongrange.co.uk\/portal\/1-2-4-2-binary-arithmetic-overflow-and-binary-shifts\/\" class=\"lesson-item\">\n                            <span>1.2.4.2 Binary Arithmetic, Overflow and Binary Shifts<\/span>\n                            <span class=\"lesson-btn\">\n    <span>Open Lesson<\/span>\n\n    <svg viewBox=\"0 0 24 24\"\n         aria-hidden=\"true\"\n         focusable=\"false\">\n\n        <path d=\"M15 3h6v6\"><\/path>\n        <path d=\"M10 14L21 3\"><\/path>\n        <path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"><\/path>\n\n    <\/svg>\n<\/span>\n                        <\/a>\n\n                        <a href=\"https:\/\/knightongrange.co.uk\/portal\/1-2-4-3-hexadecimal\/\" class=\"lesson-item\">\n                            <span>1.2.4.3 Hexadecimal<\/span>\n                            <span class=\"lesson-btn\">\n    <span>Open Lesson<\/span>\n\n    <svg viewBox=\"0 0 24 24\"\n         aria-hidden=\"true\"\n         focusable=\"false\">\n\n        <path d=\"M15 3h6v6\"><\/path>\n        <path d=\"M10 14L21 3\"><\/path>\n        <path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"><\/path>\n\n    <\/svg>\n<\/span>\n                        <\/a>\n\n                        <a href=\"https:\/\/knightongrange.co.uk\/portal\/1-2-4-4-character-sets\/\" class=\"lesson-item\">\n                            <span>1.2.4.4 Character Sets<\/span>\n                            <span class=\"lesson-btn\">\n    <span>Open Lesson<\/span>\n\n    <svg viewBox=\"0 0 24 24\"\n         aria-hidden=\"true\"\n         focusable=\"false\">\n\n        <path d=\"M15 3h6v6\"><\/path>\n        <path d=\"M10 14L21 3\"><\/path>\n        <path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"><\/path>\n\n    <\/svg>\n<\/span>\n                        <\/a>\n\n                        <a href=\"https:\/\/knightongrange.co.uk\/portal\/1-2-4-5-images-and-sound\/\" class=\"lesson-item\">\n                            <span>1.2.4.5 Images and Sound<\/span>\n                            <span class=\"lesson-btn\">\n    <span>Open Lesson<\/span>\n\n    <svg viewBox=\"0 0 24 24\"\n         aria-hidden=\"true\"\n         focusable=\"false\">\n\n        <path d=\"M15 3h6v6\"><\/path>\n        <path d=\"M10 14L21 3\"><\/path>\n        <path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"><\/path>\n\n    <\/svg>\n<\/span>\n                        <\/a>\n\n                        <a href=\"https:\/\/knightongrange.co.uk\/portal\/1-2-5-compression\/\" class=\"lesson-item\">\n                            <span>1.2.5 Compression<\/span>\n                            <span class=\"lesson-btn\">\n    <span>Open Lesson<\/span>\n\n    <svg viewBox=\"0 0 24 24\"\n         aria-hidden=\"true\"\n         focusable=\"false\">\n\n        <path d=\"M15 3h6v6\"><\/path>\n        <path d=\"M10 14L21 3\"><\/path>\n        <path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"><\/path>\n\n    <\/svg>\n<\/span>\n                        <\/a>\n\n                    <\/div>\n                <\/div>\n\n                <!-- 1.3 COMPUTER NETWORKS, CONNECTIONS AND PROTOCOLS -->\n                <div class=\"kge-topic\">\n                    <button class=\"kge-topic-header\" type=\"button\">\n                        <span>1.3 Computer Networks, Connections and Protocols<\/span>\n                        <span>12 Lessons \u25bc<\/span>\n                    <\/button>\n\n                    <div class=\"kge-lessons\">\n                        <a href=\"https:\/\/knightongrange.co.uk\/portal\/1-3-1-1-types-of-networks-lan-and-wan\/\" class=\"lesson-item\">\n                            <span>1.3.1.1 Types of Networks (LAN and WAN)<\/span>\n                            <span class=\"lesson-btn\">\n    <span>Open Lesson<\/span>\n\n    <svg viewBox=\"0 0 24 24\"\n         aria-hidden=\"true\"\n         focusable=\"false\">\n\n        <path d=\"M15 3h6v6\"><\/path>\n        <path d=\"M10 14L21 3\"><\/path>\n        <path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"><\/path>\n\n    <\/svg>\n<\/span>\n                        <\/a>\n\n                        <a href=\"https:\/\/knightongrange.co.uk\/portal\/1-3-1-2-network-performance\/\" class=\"lesson-item\">\n                            <span>1.3.1.2 Network Performance<\/span>\n                            <span class=\"lesson-btn\">\n    <span>Open Lesson<\/span>\n\n    <svg viewBox=\"0 0 24 24\"\n         aria-hidden=\"true\"\n         focusable=\"false\">\n\n        <path d=\"M15 3h6v6\"><\/path>\n        <path d=\"M10 14L21 3\"><\/path>\n        <path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"><\/path>\n\n    <\/svg>\n<\/span>\n                        <\/a>\n\n                        <a href=\"https:\/\/knightongrange.co.uk\/portal\/1-3-1-3-client-server-and-peer-to-peer-networks\/\" class=\"lesson-item\">\n                            <span>1.3.1.3 Client-Server and Peer-to-Peer Networks<\/span>\n                            <span class=\"lesson-btn\">\n    <span>Open Lesson<\/span>\n\n    <svg viewBox=\"0 0 24 24\"\n         aria-hidden=\"true\"\n         focusable=\"false\">\n\n        <path d=\"M15 3h6v6\"><\/path>\n        <path d=\"M10 14L21 3\"><\/path>\n        <path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"><\/path>\n\n    <\/svg>\n<\/span>\n                        <\/a>\n\n                        <a href=\"https:\/\/knightongrange.co.uk\/portal\/1-3-1-4-network-hardware\/\" class=\"lesson-item\">\n                            <span>1.3.1.4 Network Hardware<\/span>\n                            <span class=\"lesson-btn\">\n    <span>Open Lesson<\/span>\n\n    <svg viewBox=\"0 0 24 24\"\n         aria-hidden=\"true\"\n         focusable=\"false\">\n\n        <path d=\"M15 3h6v6\"><\/path>\n        <path d=\"M10 14L21 3\"><\/path>\n        <path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"><\/path>\n\n    <\/svg>\n<\/span>\n                        <\/a>\n\n                        <a href=\"https:\/\/knightongrange.co.uk\/portal\/1-3-1-5-star-and-mesh-topologies\/\" class=\"lesson-item\">\n                            <span>1.3.1.5 Star and Mesh Topologies<\/span>\n                            <span class=\"lesson-btn\">\n    <span>Open Lesson<\/span>\n\n    <svg viewBox=\"0 0 24 24\"\n         aria-hidden=\"true\"\n         focusable=\"false\">\n\n        <path d=\"M15 3h6v6\"><\/path>\n        <path d=\"M10 14L21 3\"><\/path>\n        <path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"><\/path>\n\n    <\/svg>\n<\/span>\n                        <\/a>\n\n                        <a href=\"https:\/\/knightongrange.co.uk\/portal\/1-3-1-6-the-internet-www-dns-and-hosting\/\" class=\"lesson-item\">\n                            <span>1.3.1.6 The Internet, WWW, DNS and Hosting<\/span>\n                            <span class=\"lesson-btn\">\n    <span>Open Lesson<\/span>\n\n    <svg viewBox=\"0 0 24 24\"\n         aria-hidden=\"true\"\n         focusable=\"false\">\n\n        <path d=\"M15 3h6v6\"><\/path>\n        <path d=\"M10 14L21 3\"><\/path>\n        <path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"><\/path>\n\n    <\/svg>\n<\/span>\n                        <\/a>\n\n                        <a href=\"https:\/\/knightongrange.co.uk\/portal\/1-3-1-7-cloud-computing\/\" class=\"lesson-item\">\n                            <span>1.3.1.7 Cloud Computing<\/span>\n                            <span class=\"lesson-btn\">\n    <span>Open Lesson<\/span>\n\n    <svg viewBox=\"0 0 24 24\"\n         aria-hidden=\"true\"\n         focusable=\"false\">\n\n        <path d=\"M15 3h6v6\"><\/path>\n        <path d=\"M10 14L21 3\"><\/path>\n        <path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"><\/path>\n\n    <\/svg>\n<\/span>\n                        <\/a>\n\n                        <a href=\"https:\/\/knightongrange.co.uk\/portal\/1-3-2-1-wired-and-wireless-networks\/\" class=\"lesson-item\">\n                            <span>1.3.2.1 Wired and Wireless Networks<\/span>\n                            <span class=\"lesson-btn\">\n    <span>Open Lesson<\/span>\n\n    <svg viewBox=\"0 0 24 24\"\n         aria-hidden=\"true\"\n         focusable=\"false\">\n\n        <path d=\"M15 3h6v6\"><\/path>\n        <path d=\"M10 14L21 3\"><\/path>\n        <path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"><\/path>\n\n    <\/svg>\n<\/span>\n                        <\/a>\n\n                        <a href=\"https:\/\/knightongrange.co.uk\/portal\/1-3-2-2-transmission-media\/\" class=\"lesson-item\">\n                            <span>1.3.2.2 Transmission Media<\/span>\n                            <span class=\"lesson-btn\">\n    <span>Open Lesson<\/span>\n\n    <svg viewBox=\"0 0 24 24\"\n         aria-hidden=\"true\"\n         focusable=\"false\">\n\n        <path d=\"M15 3h6v6\"><\/path>\n        <path d=\"M10 14L21 3\"><\/path>\n        <path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"><\/path>\n\n    <\/svg>\n<\/span>\n                        <\/a>\n\n                        <a href=\"https:\/\/knightongrange.co.uk\/portal\/1-3-2-3-ip-and-mac-addresses\/\" class=\"lesson-item\">\n                            <span>1.3.2.3 IP and MAC Addresses<\/span>\n                            <span class=\"lesson-btn\">\n    <span>Open Lesson<\/span>\n\n    <svg viewBox=\"0 0 24 24\"\n         aria-hidden=\"true\"\n         focusable=\"false\">\n\n        <path d=\"M15 3h6v6\"><\/path>\n        <path d=\"M10 14L21 3\"><\/path>\n        <path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"><\/path>\n\n    <\/svg>\n<\/span>\n                        <\/a>\n\n                        <a href=\"https:\/\/knightongrange.co.uk\/portal\/1-3-2-4-network-protocols\/\" class=\"lesson-item\">\n                            <span>1.3.2.4 Network Protocols<\/span>\n                            <span class=\"lesson-btn\">\n    <span>Open Lesson<\/span>\n\n    <svg viewBox=\"0 0 24 24\"\n         aria-hidden=\"true\"\n         focusable=\"false\">\n\n        <path d=\"M15 3h6v6\"><\/path>\n        <path d=\"M10 14L21 3\"><\/path>\n        <path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"><\/path>\n\n    <\/svg>\n<\/span>\n                        <\/a>\n\n                        <a href=\"https:\/\/knightongrange.co.uk\/portal\/1-3-2-5-common-protocols\/\" class=\"lesson-item\">\n                            <span>1.3.2.5 Common Protocols<\/span>\n                            <span class=\"lesson-btn\">\n    <span>Open Lesson<\/span>\n\n    <svg viewBox=\"0 0 24 24\"\n         aria-hidden=\"true\"\n         focusable=\"false\">\n\n        <path d=\"M15 3h6v6\"><\/path>\n        <path d=\"M10 14L21 3\"><\/path>\n        <path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"><\/path>\n\n    <\/svg>\n<\/span>\n                        <\/a>\n\n                    <\/div>\n                <\/div>\n\n                <!-- 1.4 NETWORK SECURITY -->\n                <div class=\"kge-topic\">\n                    <button class=\"kge-topic-header\" type=\"button\">\n                        <span>1.4 Network Security<\/span>\n                        <span>2 Lessons \u25bc<\/span>\n                    <\/button>\n\n                    <div class=\"kge-lessons\">\n                        <a href=\"https:\/\/knightongrange.co.uk\/portal\/1-4-1-network-threats\/\" class=\"lesson-item\">\n                            <span>1.4.1 Network Threats<\/span>\n                            <span class=\"lesson-btn\">\n    <span>Open Lesson<\/span>\n\n    <svg viewBox=\"0 0 24 24\"\n         aria-hidden=\"true\"\n         focusable=\"false\">\n\n        <path d=\"M15 3h6v6\"><\/path>\n        <path d=\"M10 14L21 3\"><\/path>\n        <path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"><\/path>\n\n    <\/svg>\n<\/span>\n                        <\/a>\n\n                        <a href=\"https:\/\/knightongrange.co.uk\/portal\/1-4-2-network-security\/\" class=\"lesson-item\">\n                            <span>1.4.2 Network Security<\/span>\n                            <span class=\"lesson-btn\">\n    <span>Open Lesson<\/span>\n\n    <svg viewBox=\"0 0 24 24\"\n         aria-hidden=\"true\"\n         focusable=\"false\">\n\n        <path d=\"M15 3h6v6\"><\/path>\n        <path d=\"M10 14L21 3\"><\/path>\n        <path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"><\/path>\n\n    <\/svg>\n<\/span>\n                        <\/a>\n\n                    <\/div>\n                <\/div>\n\n                <!-- 1.5 SYSTEMS SOFTWARE -->\n                <div class=\"kge-topic\">\n                    <button class=\"kge-topic-header\" type=\"button\">\n                        <span>1.5 Systems Software<\/span>\n                        <span>4 Lessons \u25bc<\/span>\n                    <\/button>\n\n                    <div class=\"kge-lessons\">\n                        <a href=\"https:\/\/knightongrange.co.uk\/portal\/1-5-1-1-operating-systems\/\" class=\"lesson-item\">\n                            <span>1.5.1.1 Operating Systems<\/span>\n                            <span class=\"lesson-btn\">\n    <span>Open Lesson<\/span>\n\n    <svg viewBox=\"0 0 24 24\"\n         aria-hidden=\"true\"\n         focusable=\"false\">\n\n        <path d=\"M15 3h6v6\"><\/path>\n        <path d=\"M10 14L21 3\"><\/path>\n        <path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"><\/path>\n\n    <\/svg>\n<\/span>\n                        <\/a>\n\n                        <a href=\"https:\/\/knightongrange.co.uk\/portal\/1-5-1-2-operating-system-functions\/\" class=\"lesson-item\">\n                            <span>1.5.1.2 Operating System Functions<\/span>\n                            <span class=\"lesson-btn\">\n    <span>Open Lesson<\/span>\n\n    <svg viewBox=\"0 0 24 24\"\n         aria-hidden=\"true\"\n         focusable=\"false\">\n\n        <path d=\"M15 3h6v6\"><\/path>\n        <path d=\"M10 14L21 3\"><\/path>\n        <path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"><\/path>\n\n    <\/svg>\n<\/span>\n                        <\/a>\n\n                        <a href=\"https:\/\/knightongrange.co.uk\/portal\/1-5-1-3-file-management\/\" class=\"lesson-item\">\n                            <span>1.5.1.3 File Management<\/span>\n                            <span class=\"lesson-btn\">\n    <span>Open Lesson<\/span>\n\n    <svg viewBox=\"0 0 24 24\"\n         aria-hidden=\"true\"\n         focusable=\"false\">\n\n        <path d=\"M15 3h6v6\"><\/path>\n        <path d=\"M10 14L21 3\"><\/path>\n        <path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"><\/path>\n\n    <\/svg>\n<\/span>\n                        <\/a>\n\n                        <a href=\"https:\/\/knightongrange.co.uk\/portal\/1-5-2-utility-software\/\" class=\"lesson-item\">\n                            <span>1.5.2 Utility Software<\/span>\n                            <span class=\"lesson-btn\">\n    <span>Open Lesson<\/span>\n\n    <svg viewBox=\"0 0 24 24\"\n         aria-hidden=\"true\"\n         focusable=\"false\">\n\n        <path d=\"M15 3h6v6\"><\/path>\n        <path d=\"M10 14L21 3\"><\/path>\n        <path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"><\/path>\n\n    <\/svg>\n<\/span>\n                        <\/a>\n\n                    <\/div>\n                <\/div>\n\n                <!-- 1.6 ETHICAL, LEGAL, CULTURAL AND ENVIRONMENTAL IMPACTS -->\n                <div class=\"kge-topic\">\n                    <button class=\"kge-topic-header\" type=\"button\">\n                        <span>1.6 Ethical, Legal, Cultural and Environmental Impacts<\/span>\n                        <span>9 Lessons \u25bc<\/span>\n                    <\/button>\n\n                    <div class=\"kge-lessons\">\n                        <a href=\"https:\/\/knightongrange.co.uk\/portal\/1-6-1-1-ethical-issues\/\" class=\"lesson-item\">\n                            <span>1.6.1.1 Ethical Issues<\/span>\n                            <span class=\"lesson-btn\">\n    <span>Open Lesson<\/span>\n\n    <svg viewBox=\"0 0 24 24\"\n         aria-hidden=\"true\"\n         focusable=\"false\">\n\n        <path d=\"M15 3h6v6\"><\/path>\n        <path d=\"M10 14L21 3\"><\/path>\n        <path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"><\/path>\n\n    <\/svg>\n<\/span>\n                        <\/a>\n\n                        <a href=\"https:\/\/knightongrange.co.uk\/portal\/1-6-1-2-environmental-issues\/\" class=\"lesson-item\">\n                            <span>1.6.1.2 Environmental Issues<\/span>\n                            <span class=\"lesson-btn\">\n    <span>Open Lesson<\/span>\n\n    <svg viewBox=\"0 0 24 24\"\n         aria-hidden=\"true\"\n         focusable=\"false\">\n\n        <path d=\"M15 3h6v6\"><\/path>\n        <path d=\"M10 14L21 3\"><\/path>\n        <path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"><\/path>\n\n    <\/svg>\n<\/span>\n                        <\/a>\n\n                        <a href=\"https:\/\/knightongrange.co.uk\/portal\/1-6-1-3-legal-issues\/\" class=\"lesson-item\">\n                            <span>1.6.1.3 Legal Issues<\/span>\n                            <span class=\"lesson-btn\">\n    <span>Open Lesson<\/span>\n\n    <svg viewBox=\"0 0 24 24\"\n         aria-hidden=\"true\"\n         focusable=\"false\">\n\n        <path d=\"M15 3h6v6\"><\/path>\n        <path d=\"M10 14L21 3\"><\/path>\n        <path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"><\/path>\n\n    <\/svg>\n<\/span>\n                        <\/a>\n\n                        <a href=\"https:\/\/knightongrange.co.uk\/portal\/1-6-1-4-cultural-issues\/\" class=\"lesson-item\">\n                            <span>1.6.1.4 Cultural Issues<\/span>\n                            <span class=\"lesson-btn\">\n    <span>Open Lesson<\/span>\n\n    <svg viewBox=\"0 0 24 24\"\n         aria-hidden=\"true\"\n         focusable=\"false\">\n\n        <path d=\"M15 3h6v6\"><\/path>\n        <path d=\"M10 14L21 3\"><\/path>\n        <path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"><\/path>\n\n    <\/svg>\n<\/span>\n                        <\/a>\n\n                        <a href=\"https:\/\/knightongrange.co.uk\/portal\/1-6-1-5-privacy-issues\/\" class=\"lesson-item\">\n                            <span>1.6.1.5 Privacy Issues<\/span>\n                            <span class=\"lesson-btn\">\n    <span>Open Lesson<\/span>\n\n    <svg viewBox=\"0 0 24 24\"\n         aria-hidden=\"true\"\n         focusable=\"false\">\n\n        <path d=\"M15 3h6v6\"><\/path>\n        <path d=\"M10 14L21 3\"><\/path>\n        <path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"><\/path>\n\n    <\/svg>\n<\/span>\n                        <\/a>\n\n                        <a href=\"https:\/\/knightongrange.co.uk\/portal\/1-6-1-6-open-source-and-proprietary-software\/\" class=\"lesson-item\">\n                            <span>1.6.1.6 Open Source and Proprietary Software<\/span>\n                            <span class=\"lesson-btn\">\n    <span>Open Lesson<\/span>\n\n    <svg viewBox=\"0 0 24 24\"\n         aria-hidden=\"true\"\n         focusable=\"false\">\n\n        <path d=\"M15 3h6v6\"><\/path>\n        <path d=\"M10 14L21 3\"><\/path>\n        <path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"><\/path>\n\n    <\/svg>\n<\/span>\n                        <\/a>\n\n                        <a href=\"https:\/\/knightongrange.co.uk\/portal\/1-6-1-7-software-licences\/\" class=\"lesson-item\">\n                            <span>1.6.1.7 Software Licences<\/span>\n                            <span class=\"lesson-btn\">\n    <span>Open Lesson<\/span>\n\n    <svg viewBox=\"0 0 24 24\"\n         aria-hidden=\"true\"\n         focusable=\"false\">\n\n        <path d=\"M15 3h6v6\"><\/path>\n        <path d=\"M10 14L21 3\"><\/path>\n        <path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"><\/path>\n\n    <\/svg>\n<\/span>\n                        <\/a>\n\n                        <a href=\"https:\/\/knightongrange.co.uk\/portal\/1-6-1-8-wider-impacts-and-emerging-technologies\/\" class=\"lesson-item\">\n                            <span>1.6.1.8 Wider Impacts and Emerging Technologies<\/span>\n                            <span class=\"lesson-btn\">\n    <span>Open Lesson<\/span>\n\n    <svg viewBox=\"0 0 24 24\"\n         aria-hidden=\"true\"\n         focusable=\"false\">\n\n        <path d=\"M15 3h6v6\"><\/path>\n        <path d=\"M10 14L21 3\"><\/path>\n        <path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"><\/path>\n\n    <\/svg>\n<\/span>\n                        <\/a>\n\n                        <a href=\"https:\/\/knightongrange.co.uk\/portal\/1-6-1-9-review-of-ethical-legal-cultural-and-environmental-issues\/\" class=\"lesson-item\">\n                            <span>1.6.1.9 Review of Ethical, Legal, Cultural and Environmental Issues<\/span>\n                            <span class=\"lesson-btn\">\n    <span>Open Lesson<\/span>\n\n    <svg viewBox=\"0 0 24 24\"\n         aria-hidden=\"true\"\n         focusable=\"false\">\n\n        <path d=\"M15 3h6v6\"><\/path>\n        <path d=\"M10 14L21 3\"><\/path>\n        <path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"><\/path>\n\n    <\/svg>\n<\/span>\n                        <\/a>\n\n                    <\/div>\n                <\/div>\n\n            <\/section>\n\n            <!-- PAPER 2 -->\n            <section class=\"kge-paper-section hidden\" data-paper=\"paper2\">\n\n                <div class=\"paper-heading\">\n                    <h2>Paper 2: Computational Thinking, Algorithms and Programming<\/h2>\n                    <button class=\"expand-all\" type=\"button\">Expand All<\/button>\n                <\/div>\n\n                <!-- 2.1 ALGORITHMS -->\n                <div class=\"kge-topic\">\n                    <button class=\"kge-topic-header\" type=\"button\">\n                        <span>2.1 Algorithms<\/span>\n                        <span>6 Lessons \u25bc<\/span>\n                    <\/button>\n\n                    <div class=\"kge-lessons\">\n                        <a href=\"https:\/\/knightongrange.co.uk\/portal\/2-1-1-computational-thinking\/\" class=\"lesson-item\">\n                            <span>2.1.1 Computational Thinking<\/span>\n                            <span class=\"lesson-btn\">\n    <span>Open Lesson<\/span>\n\n    <svg viewBox=\"0 0 24 24\"\n         aria-hidden=\"true\"\n         focusable=\"false\">\n\n        <path d=\"M15 3h6v6\"><\/path>\n        <path d=\"M10 14L21 3\"><\/path>\n        <path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"><\/path>\n\n    <\/svg>\n<\/span>\n                        <\/a>\n\n                        <a href=\"https:\/\/knightongrange.co.uk\/portal\/2-1-2-1-designing-algorithms\/\" class=\"lesson-item\">\n                            <span>2.1.2.1 Designing Algorithms<\/span>\n                            <span class=\"lesson-btn\">\n    <span>Open Lesson<\/span>\n\n    <svg viewBox=\"0 0 24 24\"\n         aria-hidden=\"true\"\n         focusable=\"false\">\n\n        <path d=\"M15 3h6v6\"><\/path>\n        <path d=\"M10 14L21 3\"><\/path>\n        <path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"><\/path>\n\n    <\/svg>\n<\/span>\n                        <\/a>\n\n                        <a href=\"https:\/\/knightongrange.co.uk\/portal\/2-1-2-2-pseudocode-and-flowcharts\/\" class=\"lesson-item\">\n                            <span>2.1.2.2 Pseudocode and Flowcharts<\/span>\n                            <span class=\"lesson-btn\">\n    <span>Open Lesson<\/span>\n\n    <svg viewBox=\"0 0 24 24\"\n         aria-hidden=\"true\"\n         focusable=\"false\">\n\n        <path d=\"M15 3h6v6\"><\/path>\n        <path d=\"M10 14L21 3\"><\/path>\n        <path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"><\/path>\n\n    <\/svg>\n<\/span>\n                        <\/a>\n\n                        <a href=\"https:\/\/knightongrange.co.uk\/portal\/2-1-2-3-trace-tables-errors-and-refining-algorithms\/\" class=\"lesson-item\">\n                            <span>2.1.2.3 Trace Tables, Errors and Refining Algorithms<\/span>\n                            <span class=\"lesson-btn\">\n    <span>Open Lesson<\/span>\n\n    <svg viewBox=\"0 0 24 24\"\n         aria-hidden=\"true\"\n         focusable=\"false\">\n\n        <path d=\"M15 3h6v6\"><\/path>\n        <path d=\"M10 14L21 3\"><\/path>\n        <path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"><\/path>\n\n    <\/svg>\n<\/span>\n                        <\/a>\n\n                        <a href=\"https:\/\/knightongrange.co.uk\/portal\/2-1-3-1-linear-and-binary-search\/\" class=\"lesson-item\">\n                            <span>2.1.3.1 Linear and Binary Search<\/span>\n                            <span class=\"lesson-btn\">\n    <span>Open Lesson<\/span>\n\n    <svg viewBox=\"0 0 24 24\"\n         aria-hidden=\"true\"\n         focusable=\"false\">\n\n        <path d=\"M15 3h6v6\"><\/path>\n        <path d=\"M10 14L21 3\"><\/path>\n        <path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"><\/path>\n\n    <\/svg>\n<\/span>\n                        <\/a>\n\n                        <a href=\"https:\/\/knightongrange.co.uk\/portal\/2-1-3-2-bubble-merge-and-insertion-sort\/\" class=\"lesson-item\">\n                            <span>2.1.3.2 Bubble, Merge and Insertion Sort<\/span>\n                            <span class=\"lesson-btn\">\n    <span>Open Lesson<\/span>\n\n    <svg viewBox=\"0 0 24 24\"\n         aria-hidden=\"true\"\n         focusable=\"false\">\n\n        <path d=\"M15 3h6v6\"><\/path>\n        <path d=\"M10 14L21 3\"><\/path>\n        <path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"><\/path>\n\n    <\/svg>\n<\/span>\n                        <\/a>\n\n                    <\/div>\n                <\/div>\n\n                <!-- 2.2 PROGRAMMING FUNDAMENTALS -->\n                <div class=\"kge-topic\">\n                    <button class=\"kge-topic-header\" type=\"button\">\n                        <span>2.2 Programming Fundamentals<\/span>\n                        <span>10 Lessons \u25bc<\/span>\n                    <\/button>\n\n                    <div class=\"kge-lessons\">\n                        <a href=\"https:\/\/knightongrange.co.uk\/portal\/2-2-1-1-programming-fundamentals\/\" class=\"lesson-item\">\n                            <span>2.2.1.1 Programming Fundamentals<\/span>\n                            <span class=\"lesson-btn\">\n    <span>Open Lesson<\/span>\n\n    <svg viewBox=\"0 0 24 24\"\n         aria-hidden=\"true\"\n         focusable=\"false\">\n\n        <path d=\"M15 3h6v6\"><\/path>\n        <path d=\"M10 14L21 3\"><\/path>\n        <path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"><\/path>\n\n    <\/svg>\n<\/span>\n                        <\/a>\n\n                        <a href=\"https:\/\/knightongrange.co.uk\/portal\/2-2-1-2-sequence-selection-and-iteration\/\" class=\"lesson-item\">\n                            <span>2.2.1.2 Sequence, Selection and Iteration<\/span>\n                            <span class=\"lesson-btn\">\n    <span>Open Lesson<\/span>\n\n    <svg viewBox=\"0 0 24 24\"\n         aria-hidden=\"true\"\n         focusable=\"false\">\n\n        <path d=\"M15 3h6v6\"><\/path>\n        <path d=\"M10 14L21 3\"><\/path>\n        <path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"><\/path>\n\n    <\/svg>\n<\/span>\n                        <\/a>\n\n                        <a href=\"https:\/\/knightongrange.co.uk\/portal\/2-2-1-3-operators-and-expressions\/\" class=\"lesson-item\">\n                            <span>2.2.1.3 Operators and Expressions<\/span>\n                            <span class=\"lesson-btn\">\n    <span>Open Lesson<\/span>\n\n    <svg viewBox=\"0 0 24 24\"\n         aria-hidden=\"true\"\n         focusable=\"false\">\n\n        <path d=\"M15 3h6v6\"><\/path>\n        <path d=\"M10 14L21 3\"><\/path>\n        <path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"><\/path>\n\n    <\/svg>\n<\/span>\n                        <\/a>\n\n                        <a href=\"https:\/\/knightongrange.co.uk\/portal\/2-2-2-data-types-and-casting\/\" class=\"lesson-item\">\n                            <span>2.2.2 Data Types and Casting<\/span>\n                            <span class=\"lesson-btn\">\n    <span>Open Lesson<\/span>\n\n    <svg viewBox=\"0 0 24 24\"\n         aria-hidden=\"true\"\n         focusable=\"false\">\n\n        <path d=\"M15 3h6v6\"><\/path>\n        <path d=\"M10 14L21 3\"><\/path>\n        <path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"><\/path>\n\n    <\/svg>\n<\/span>\n                        <\/a>\n\n                        <a href=\"https:\/\/knightongrange.co.uk\/portal\/2-2-3-1-string-manipulation\/\" class=\"lesson-item\">\n                            <span>2.2.3.1 String Manipulation<\/span>\n                            <span class=\"lesson-btn\">\n    <span>Open Lesson<\/span>\n\n    <svg viewBox=\"0 0 24 24\"\n         aria-hidden=\"true\"\n         focusable=\"false\">\n\n        <path d=\"M15 3h6v6\"><\/path>\n        <path d=\"M10 14L21 3\"><\/path>\n        <path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"><\/path>\n\n    <\/svg>\n<\/span>\n                        <\/a>\n\n                        <a href=\"https:\/\/knightongrange.co.uk\/portal\/2-2-3-2-file-handling\/\" class=\"lesson-item\">\n                            <span>2.2.3.2 File Handling<\/span>\n                            <span class=\"lesson-btn\">\n    <span>Open Lesson<\/span>\n\n    <svg viewBox=\"0 0 24 24\"\n         aria-hidden=\"true\"\n         focusable=\"false\">\n\n        <path d=\"M15 3h6v6\"><\/path>\n        <path d=\"M10 14L21 3\"><\/path>\n        <path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"><\/path>\n\n    <\/svg>\n<\/span>\n                        <\/a>\n\n                        <a href=\"https:\/\/knightongrange.co.uk\/portal\/2-2-3-3-arrays-and-records\/\" class=\"lesson-item\">\n                            <span>2.2.3.3 Arrays and Records<\/span>\n                            <span class=\"lesson-btn\">\n    <span>Open Lesson<\/span>\n\n    <svg viewBox=\"0 0 24 24\"\n         aria-hidden=\"true\"\n         focusable=\"false\">\n\n        <path d=\"M15 3h6v6\"><\/path>\n        <path d=\"M10 14L21 3\"><\/path>\n        <path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"><\/path>\n\n    <\/svg>\n<\/span>\n                        <\/a>\n\n                        <a href=\"https:\/\/knightongrange.co.uk\/portal\/2-2-3-4-functions-and-procedures\/\" class=\"lesson-item\">\n                            <span>2.2.3.4 Functions and Procedures<\/span>\n                            <span class=\"lesson-btn\">\n    <span>Open Lesson<\/span>\n\n    <svg viewBox=\"0 0 24 24\"\n         aria-hidden=\"true\"\n         focusable=\"false\">\n\n        <path d=\"M15 3h6v6\"><\/path>\n        <path d=\"M10 14L21 3\"><\/path>\n        <path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"><\/path>\n\n    <\/svg>\n<\/span>\n                        <\/a>\n\n                        <a href=\"https:\/\/knightongrange.co.uk\/portal\/2-2-3-5-sql\/\" class=\"lesson-item\">\n                            <span>2.2.3.5 SQL<\/span>\n                            <span class=\"lesson-btn\">\n    <span>Open Lesson<\/span>\n\n    <svg viewBox=\"0 0 24 24\"\n         aria-hidden=\"true\"\n         focusable=\"false\">\n\n        <path d=\"M15 3h6v6\"><\/path>\n        <path d=\"M10 14L21 3\"><\/path>\n        <path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"><\/path>\n\n    <\/svg>\n<\/span>\n                        <\/a>\n\n                        <a href=\"https:\/\/knightongrange.co.uk\/portal\/2-2-3-6-random-number-generation\/\" class=\"lesson-item\">\n                            <span>2.2.3.6 Random Number Generation<\/span>\n                            <span class=\"lesson-btn\">\n    <span>Open Lesson<\/span>\n\n    <svg viewBox=\"0 0 24 24\"\n         aria-hidden=\"true\"\n         focusable=\"false\">\n\n        <path d=\"M15 3h6v6\"><\/path>\n        <path d=\"M10 14L21 3\"><\/path>\n        <path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"><\/path>\n\n    <\/svg>\n<\/span>\n                        <\/a>\n\n                    <\/div>\n                <\/div>\n\n                <!-- 2.3 PRODUCING ROBUST PROGRAMS -->\n                <div class=\"kge-topic\">\n                    <button class=\"kge-topic-header\" type=\"button\">\n                        <span>2.3 Producing Robust Programs<\/span>\n                        <span>3 Lessons \u25bc<\/span>\n                    <\/button>\n\n                    <div class=\"kge-lessons\">\n                        <a href=\"https:\/\/knightongrange.co.uk\/portal\/2-3-1-defensive-design\/\" class=\"lesson-item\">\n                            <span>2.3.1 Defensive Design<\/span>\n                            <span class=\"lesson-btn\">\n    <span>Open Lesson<\/span>\n\n    <svg viewBox=\"0 0 24 24\"\n         aria-hidden=\"true\"\n         focusable=\"false\">\n\n        <path d=\"M15 3h6v6\"><\/path>\n        <path d=\"M10 14L21 3\"><\/path>\n        <path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"><\/path>\n\n    <\/svg>\n<\/span>\n                        <\/a>\n\n                        <a href=\"https:\/\/knightongrange.co.uk\/portal\/2-3-2-1-testing-and-test-data\/\" class=\"lesson-item\">\n                            <span>2.3.2.1 Testing and Test Data<\/span>\n                            <span class=\"lesson-btn\">\n    <span>Open Lesson<\/span>\n\n    <svg viewBox=\"0 0 24 24\"\n         aria-hidden=\"true\"\n         focusable=\"false\">\n\n        <path d=\"M15 3h6v6\"><\/path>\n        <path d=\"M10 14L21 3\"><\/path>\n        <path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"><\/path>\n\n    <\/svg>\n<\/span>\n                        <\/a>\n\n                        <a href=\"https:\/\/knightongrange.co.uk\/portal\/2-3-2-2-syntax-errors-logic-errors-and-refining-programs\/\" class=\"lesson-item\">\n                            <span>2.3.2.2 Syntax Errors, Logic Errors and Refining Programs<\/span>\n                            <span class=\"lesson-btn\">\n    <span>Open Lesson<\/span>\n\n    <svg viewBox=\"0 0 24 24\"\n         aria-hidden=\"true\"\n         focusable=\"false\">\n\n        <path d=\"M15 3h6v6\"><\/path>\n        <path d=\"M10 14L21 3\"><\/path>\n        <path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"><\/path>\n\n    <\/svg>\n<\/span>\n                        <\/a>\n\n                    <\/div>\n                <\/div>\n\n                <!-- 2.4 BOOLEAN LOGIC -->\n                <div class=\"kge-topic\">\n                    <button class=\"kge-topic-header\" type=\"button\">\n                        <span>2.4 Boolean Logic<\/span>\n                        <span>2 Lessons \u25bc<\/span>\n                    <\/button>\n\n                    <div class=\"kge-lessons\">\n                        <a href=\"https:\/\/knightongrange.co.uk\/portal\/2-4-1-1-boolean-logic-and-logic-gates\/\" class=\"lesson-item\">\n                            <span>2.4.1.1 Boolean Logic and Logic Gates<\/span>\n                            <span class=\"lesson-btn\">\n    <span>Open Lesson<\/span>\n\n    <svg viewBox=\"0 0 24 24\"\n         aria-hidden=\"true\"\n         focusable=\"false\">\n\n        <path d=\"M15 3h6v6\"><\/path>\n        <path d=\"M10 14L21 3\"><\/path>\n        <path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"><\/path>\n\n    <\/svg>\n<\/span>\n                        <\/a>\n\n                        <a href=\"https:\/\/knightongrange.co.uk\/portal\/2-4-1-2-truth-tables-and-combined-logic\/\" class=\"lesson-item\">\n                            <span>2.4.1.2 Truth Tables and Combined Logic<\/span>\n                            <span class=\"lesson-btn\">\n    <span>Open Lesson<\/span>\n\n    <svg viewBox=\"0 0 24 24\"\n         aria-hidden=\"true\"\n         focusable=\"false\">\n\n        <path d=\"M15 3h6v6\"><\/path>\n        <path d=\"M10 14L21 3\"><\/path>\n        <path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"><\/path>\n\n    <\/svg>\n<\/span>\n                        <\/a>\n\n                    <\/div>\n                <\/div>\n\n                <!-- 2.5 PROGRAMMING LANGUAGES AND IDES -->\n                <div class=\"kge-topic\">\n                    <button class=\"kge-topic-header\" type=\"button\">\n                        <span>2.5 Programming Languages and IDEs<\/span>\n                        <span>3 Lessons \u25bc<\/span>\n                    <\/button>\n\n                    <div class=\"kge-lessons\">\n                        <a href=\"https:\/\/knightongrange.co.uk\/portal\/2-5-1-1-high-level-and-low-level-languages\/\" class=\"lesson-item\">\n                            <span>2.5.1.1 High-Level and Low-Level Languages<\/span>\n                            <span class=\"lesson-btn\">\n    <span>Open Lesson<\/span>\n\n    <svg viewBox=\"0 0 24 24\"\n         aria-hidden=\"true\"\n         focusable=\"false\">\n\n        <path d=\"M15 3h6v6\"><\/path>\n        <path d=\"M10 14L21 3\"><\/path>\n        <path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"><\/path>\n\n    <\/svg>\n<\/span>\n                        <\/a>\n\n                        <a href=\"https:\/\/knightongrange.co.uk\/portal\/2-5-1-2-translators-compilers-and-interpreters\/\" class=\"lesson-item\">\n                            <span>2.5.1.2 Translators &#8211; Compilers and Interpreters<\/span>\n                            <span class=\"lesson-btn\">\n    <span>Open Lesson<\/span>\n\n    <svg viewBox=\"0 0 24 24\"\n         aria-hidden=\"true\"\n         focusable=\"false\">\n\n        <path d=\"M15 3h6v6\"><\/path>\n        <path d=\"M10 14L21 3\"><\/path>\n        <path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"><\/path>\n\n    <\/svg>\n<\/span>\n                        <\/a>\n\n                        <a href=\"https:\/\/knightongrange.co.uk\/portal\/2-5-2-integrated-development-environments\/\" class=\"lesson-item\">\n                            <span>2.5.2 Integrated Development Environments<\/span>\n                            <span class=\"lesson-btn\">\n    <span>Open Lesson<\/span>\n\n    <svg viewBox=\"0 0 24 24\"\n         aria-hidden=\"true\"\n         focusable=\"false\">\n\n        <path d=\"M15 3h6v6\"><\/path>\n        <path d=\"M10 14L21 3\"><\/path>\n        <path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"><\/path>\n\n    <\/svg>\n<\/span>\n                        <\/a>\n\n                    <\/div>\n                <\/div>\n\n            <\/section>\n\n        <\/main>\n\n\n        <!-- =====================================================\n             RIGHT-HAND INFORMATION PANEL\n        ====================================================== -->\n\n        <aside class=\"kge-image-panel\">\n\n            <section class=\"kge-dashboard-info\">\n\n                <div class=\"kge-dashboard-info-heading\">\n\n                    <div class=\"kge-dashboard-info-icon\" aria-hidden=\"true\">\n                        \u25eb\n                    <\/div>\n\n                    <h2>\n                        Everything in One Place\n                    <\/h2>\n\n                <\/div>\n\n\n                <p>\n                    Access your complete OCR GCSE Computer Science\n                    course from one clear and organised dashboard.\n                <\/p>\n\n\n                <ul>\n\n                    <li>\n                        <span class=\"kge-dashboard-info-check\">\n                            \u2713\n                        <\/span>\n\n                        <span>\n                            Structured by OCR topic\n                        <\/span>\n                    <\/li>\n\n\n                    <li>\n                        <span class=\"kge-dashboard-info-check\">\n                            \u2713\n                        <\/span>\n\n                        <span>\n                            Teacher and student resources\n                        <\/span>\n                    <\/li>\n\n\n                    <li>\n                        <span class=\"kge-dashboard-info-check\">\n                            \u2713\n                        <\/span>\n\n                        <span>\n                            Exam-focused content\n                        <\/span>\n                    <\/li>\n\n\n                    <li>\n                        <span class=\"kge-dashboard-info-check\">\n                            \u2713\n                        <\/span>\n\n                        <span>\n                            New lessons added regularly\n                        <\/span>\n                    <\/li>\n\n                <\/ul>\n\n\n                <a class=\"kge-dashboard-info-button\" href=\"https:\/\/knightongrange.co.uk\/portal\/resources\/\">\n                    View All Resources\n                <\/a>\n\n            <\/section>\n\n        <\/aside>\n\n    <\/div>\n\n<\/div>\n\n\n<script>\n\ndocument.addEventListener(\n    \"DOMContentLoaded\",\n    function () {\n\n        \/* =====================================================\n           OPEN AND CLOSE TOPICS\n        ====================================================== *\/\n\n        const topicButtons =\n            document.querySelectorAll(\n                \".kge-topic-header\"\n            );\n\n\n        topicButtons.forEach(\n            function (button) {\n\n                button.addEventListener(\n                    \"click\",\n                    function () {\n\n                        const currentLessons =\n                            button.nextElementSibling;\n\n                        const isAlreadyOpen =\n                            currentLessons.style.display ===\n                            \"block\";\n\n\n                        \/*\n                         * Close all other topics.\n                         *\/\n\n                        document\n                            .querySelectorAll(\n                                \".kge-topic-header\"\n                            )\n                            .forEach(\n                                function (otherButton) {\n\n                                    otherButton.classList.remove(\n                                        \"active\"\n                                    );\n\n                                }\n                            );\n\n\n                        document\n                            .querySelectorAll(\n                                \".kge-lessons\"\n                            )\n                            .forEach(\n                                function (lessonGroup) {\n\n                                    lessonGroup.style.display =\n                                        \"none\";\n\n                                }\n                            );\n\n\n                        \/*\n                         * Reopen the selected topic unless it\n                         * was already open.\n                         *\/\n\n                        if (!isAlreadyOpen) {\n\n                            currentLessons.style.display =\n                                \"block\";\n\n                            button.classList.add(\n                                \"active\"\n                            );\n\n                        }\n\n                    }\n                );\n\n            }\n        );\n\n\n        \/* =====================================================\n           PAPER SWITCHING\n        ====================================================== *\/\n\n        const paperButtons =\n            document.querySelectorAll(\n                \".paper-btn\"\n            );\n\n        const paperSections =\n            document.querySelectorAll(\n                \".kge-paper-section\"\n            );\n\n\n        paperButtons.forEach(\n            function (button) {\n\n                button.addEventListener(\n                    \"click\",\n                    function () {\n\n                        const selectedPaper =\n                            button.dataset.paper;\n\n\n                        paperButtons.forEach(\n                            function (otherButton) {\n\n                                otherButton.classList.remove(\n                                    \"active\"\n                                );\n\n                            }\n                        );\n\n\n                        button.classList.add(\n                            \"active\"\n                        );\n\n\n                        paperSections.forEach(\n                            function (paperSection) {\n\n                                if (\n                                    paperSection.dataset.paper ===\n                                    selectedPaper\n                                ) {\n\n                                    paperSection.classList.remove(\n                                        \"hidden\"\n                                    );\n\n                                } else {\n\n                                    paperSection.classList.add(\n                                        \"hidden\"\n                                    );\n\n                                }\n\n                            }\n                        );\n\n                    }\n                );\n\n            }\n        );\n\n\n        \/* =====================================================\n           EXPAND AND COLLAPSE ALL\n        ====================================================== *\/\n\n        const expandButtons =\n            document.querySelectorAll(\n                \".expand-all\"\n            );\n\n\n        expandButtons.forEach(\n            function (button) {\n\n                button.addEventListener(\n                    \"click\",\n                    function () {\n\n                        const currentPaper =\n                            button.closest(\n                                \".kge-paper-section\"\n                            );\n\n                        const lessonGroups =\n                            currentPaper.querySelectorAll(\n                                \".kge-lessons\"\n                            );\n\n                        const topicHeaders =\n                            currentPaper.querySelectorAll(\n                                \".kge-topic-header\"\n                            );\n\n                        const shouldExpand =\n                            button.textContent\n                                .trim() ===\n                            \"Expand All\";\n\n\n                        lessonGroups.forEach(\n                            function (lessonGroup) {\n\n                                lessonGroup.style.display =\n                                    shouldExpand\n                                        ? \"block\"\n                                        : \"none\";\n\n                            }\n                        );\n\n\n                        topicHeaders.forEach(\n                            function (topicHeader) {\n\n                                topicHeader.classList.toggle(\n                                    \"active\",\n                                    shouldExpand\n                                );\n\n                            }\n                        );\n\n\n                        button.textContent =\n                            shouldExpand\n                                ? \"Collapse All\"\n                                : \"Expand All\";\n\n                    }\n                );\n\n            }\n        );\n\n\n        \/* =====================================================\n           LESSON SEARCH\n        ====================================================== *\/\n\n        const searchInput =\n            document.getElementById(\n                \"lessonSearch\"\n            );\n\n\n        if (searchInput) {\n\n            searchInput.addEventListener(\n                \"input\",\n                function () {\n\n                    const searchValue =\n                        searchInput.value\n                            .toLowerCase()\n                            .trim();\n\n                    const lessonLinks =\n                        document.querySelectorAll(\n                            \".lesson-item\"\n                        );\n\n\n                    lessonLinks.forEach(\n                        function (lessonLink) {\n\n                            const lessonText =\n                                lessonLink.textContent\n                                    .toLowerCase();\n\n                            const matchesSearch =\n                                lessonText.includes(\n                                    searchValue\n                                );\n\n\n                            lessonLink.style.display =\n                                matchesSearch\n                                    ? \"flex\"\n                                    : \"none\";\n\n\n                            if (\n                                searchValue !== \"\" &&\n                                matchesSearch\n                            ) {\n\n                                const lessonGroup =\n                                    lessonLink.closest(\n                                        \".kge-lessons\"\n                                    );\n\n                                const topic =\n                                    lessonLink.closest(\n                                        \".kge-topic\"\n                                    );\n\n                                const topicButton =\n                                    topic.querySelector(\n                                        \".kge-topic-header\"\n                                    );\n\n\n                                lessonGroup.style.display =\n                                    \"block\";\n\n                                topic.style.display =\n                                    \"block\";\n\n                                topicButton.classList.add(\n                                    \"active\"\n                                );\n\n                            }\n\n                        }\n                    );\n\n\n                    document\n                        .querySelectorAll(\n                            \".kge-topic\"\n                        )\n                        .forEach(\n                            function (topic) {\n\n                                const visibleLessons =\n                                    Array.from(\n                                        topic.querySelectorAll(\n                                            \".lesson-item\"\n                                        )\n                                    ).filter(\n                                        function (lessonLink) {\n\n                                            return (\n                                                lessonLink.style\n                                                    .display !==\n                                                \"none\"\n                                            );\n\n                                        }\n                                    );\n\n\n                                if (\n                                    searchValue !== \"\" &&\n                                    visibleLessons.length === 0\n                                ) {\n\n                                    topic.style.display =\n                                        \"none\";\n\n                                } else {\n\n                                    topic.style.display =\n                                        \"block\";\n\n                                }\n\n                            }\n                        );\n\n\n                    \/*\n                     * Restore the normal closed state when\n                     * the search field is cleared.\n                     *\/\n\n                    if (searchValue === \"\") {\n\n                        document\n                            .querySelectorAll(\n                                \".kge-lessons\"\n                            )\n                            .forEach(\n                                function (lessonGroup) {\n\n                                    lessonGroup.style.display =\n                                        \"none\";\n\n                                }\n                            );\n\n\n                        document\n                            .querySelectorAll(\n                                \".kge-topic-header\"\n                            )\n                            .forEach(\n                                function (topicButton) {\n\n                                    topicButton.classList.remove(\n                                        \"active\"\n                                    );\n\n                                }\n                            );\n\n                    }\n\n                }\n            );\n\n        }\n\n    }\n);\n\n<\/script>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>OCR GCSE Computer Science J277 Course OCR GCSE Computer Science (J277) Complete course content organised by paper, topic and lesson. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"pmpro_default_level":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-258","page","type-page","status-publish","hentry","pmpro-has-access"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/knightongrange.co.uk\/portal\/wp-json\/wp\/v2\/pages\/258","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/knightongrange.co.uk\/portal\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/knightongrange.co.uk\/portal\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/knightongrange.co.uk\/portal\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/knightongrange.co.uk\/portal\/wp-json\/wp\/v2\/comments?post=258"}],"version-history":[{"count":66,"href":"https:\/\/knightongrange.co.uk\/portal\/wp-json\/wp\/v2\/pages\/258\/revisions"}],"predecessor-version":[{"id":901066,"href":"https:\/\/knightongrange.co.uk\/portal\/wp-json\/wp\/v2\/pages\/258\/revisions\/901066"}],"wp:attachment":[{"href":"https:\/\/knightongrange.co.uk\/portal\/wp-json\/wp\/v2\/media?parent=258"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}