{"id":17,"date":"2026-07-18T17:51:21","date_gmt":"2026-07-18T17:51:21","guid":{"rendered":"https:\/\/knightongrange.co.uk\/portal\/?page_id=17"},"modified":"2026-07-22T13:04:40","modified_gmt":"2026-07-22T13:04:40","slug":"resources","status":"publish","type":"page","link":"https:\/\/knightongrange.co.uk\/portal\/resources\/","title":{"rendered":"All Resources"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n\/* ==========================================\n   KGE ALL RESOURCES COURSE LIBRARY\n========================================== *\/\n\n:root {\n  --kge-library-green: #001f18;\n  --kge-library-green-light: #063b30;\n  --kge-library-gold: #c5a059;\n  --kge-library-light-gold: #e5c98d;\n  --kge-library-text: #172238;\n  --kge-library-muted: #626a76;\n  --kge-library-border: #dedede;\n  --kge-library-background: #f7f6f2;\n  --kge-library-white: #ffffff;\n}\n\n.kge-all-resources-page,\n.kge-all-resources-page * {\n  box-sizing: border-box;\n}\n\n.kge-all-resources-page {\n  width: 100%;\n  margin: 0;\n  color: var(--kge-library-text);\n  background: var(--kge-library-background);\n  font-family: \"Montserrat\", Arial, sans-serif;\n}\n\n.kge-library-container {\n  width: min(1420px, calc(100% - 48px));\n  margin: 0 auto;\n}\n\n\n\/* HERO *\/\n\n.kge-library-hero {\n  position: relative;\n  overflow: hidden;\n  padding: 48px 0 42px;\n  color: var(--kge-library-white);\n  background:\n    radial-gradient(\n      circle at 80% 20%,\n      rgba(197, 160, 89, 0.12),\n      transparent 30%\n    ),\n    linear-gradient(\n      135deg,\n      #001f18 0%,\n      #00382b 100%\n    );\n}\n\n.kge-library-hero .kge-library-container {\n  position: relative;\n}\n\n.kge-library-hero-content {\n  position: relative;\n  z-index: 2;\n  max-width: 760px;\n}\n\n.kge-library-eyebrow {\n  display: block;\n  margin-bottom: 10px;\n  color: var(--kge-library-light-gold);\n  font-size: 12px;\n  font-weight: 700;\n  letter-spacing: 2px;\n}\n\n.kge-library-hero h1 {\n  margin: 0 0 12px;\n  color: var(--kge-library-white);\n  font-size: clamp(42px, 5vw, 62px);\n  font-weight: 700;\n  line-height: 1.05;\n}\n\n.kge-library-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-library-mark {\n  position: absolute;\n  right: 40px;\n  top: -15px;\n  color: rgba(229, 201, 141, 0.07);\n  font-family: Georgia, serif;\n  font-size: 160px;\n  font-weight: 700;\n}\n\n\n\/* MAIN *\/\n\n.kge-library-main {\n  padding: 30px 0 55px;\n}\n\n\n\/* CONTROLS *\/\n\n.kge-library-controls {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 24px;\n  margin-bottom: 24px;\n}\n\n.kge-course-count {\n  color: var(--kge-library-muted);\n  font-size: 14px;\n}\n\n.kge-course-search {\n  display: flex;\n  align-items: center;\n  width: 300px;\n  border: 1px solid var(--kge-library-border);\n  border-radius: 8px;\n  background: var(--kge-library-white);\n}\n\n.kge-course-search input {\n  width: 100%;\n  min-height: 44px;\n  padding: 10px 8px 10px 15px;\n  border: 0;\n  outline: 0;\n  color: var(--kge-library-text);\n  background: transparent;\n  font-family: inherit;\n}\n\n.kge-course-search span {\n  padding: 0 14px 0 6px;\n  font-size: 22px;\n}\n\n\n\/* COURSE GRID *\/\n\n.kge-course-grid {\n  display: grid;\n  grid-template-columns: minmax(0, 720px);\n  gap: 20px;\n}\n\n\n\/* COURSE CARD *\/\n\n.kge-course-card {\n  display: grid;\n  grid-template-columns: 170px 1fr;\n  min-height: 285px;\n  overflow: hidden;\n  border: 1px solid rgba(197, 160, 89, 0.75);\n  border-radius: 12px;\n  background: var(--kge-library-white);\n  box-shadow: 0 8px 25px rgba(0, 31, 24, 0.07);\n  transition:\n    transform 0.2s ease,\n    box-shadow 0.2s ease;\n}\n\n.kge-course-card:hover {\n  transform: translateY(-4px);\n  box-shadow: 0 15px 35px rgba(0, 31, 24, 0.12);\n}\n\n\n\/* COURSE VISUAL *\/\n\n.kge-course-visual {\n  display: grid;\n  place-items: center;\n  padding: 24px;\n  background:\n    radial-gradient(\n      circle at 50% 35%,\n      rgba(197, 160, 89, 0.13),\n      transparent 42%\n    ),\n    linear-gradient(\n      160deg,\n      #00382b 0%,\n      #001f18 100%\n    );\n}\n\n.kge-course-icon {\n  display: grid;\n  width: 90px;\n  height: 90px;\n  place-items: center;\n  border: 2px solid var(--kge-library-gold);\n  border-radius: 15px;\n  color: var(--kge-library-light-gold);\n  font-family: Consolas, monospace;\n  font-size: 34px;\n  font-weight: 700;\n}\n\n\n\/* COURSE CONTENT *\/\n\n.kge-course-content {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  padding: 27px 28px 25px;\n}\n\n.kge-course-level {\n  display: inline-flex;\n  margin-bottom: 10px;\n  padding: 5px 12px;\n  border-radius: 20px;\n  color: #8a641e;\n  background: #f4ebd9;\n  font-size: 12px;\n  font-weight: 700;\n  letter-spacing: 0.4px;\n}\n\n.kge-course-content h2 {\n  margin: 0 0 11px;\n  color: var(--kge-library-green);\n  font-size: 27px;\n  font-weight: 700;\n  line-height: 1.25;\n}\n\n.kge-course-content p {\n  max-width: 500px;\n  margin: 0 0 18px;\n  color: var(--kge-library-muted);\n  font-size: 14px;\n  line-height: 1.7;\n}\n\n.kge-course-meta {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 18px;\n  margin-bottom: 22px;\n  color: #4e5761;\n  font-size: 12px;\n}\n\n.kge-course-button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 30px;\n  min-width: 220px;\n  min-height: 44px;\n  margin-top: auto;\n  padding: 10px 17px;\n  border-radius: 6px;\n  color: var(--kge-library-white);\n  background: linear-gradient(\n    135deg,\n    #b4862f,\n    #d1a84c\n  );\n  font-size: 13px;\n  font-weight: 700;\n  text-decoration: none;\n}\n\n.kge-course-button:hover {\n  color: var(--kge-library-white);\n  background: linear-gradient(\n    135deg,\n    #a57824,\n    #c49a3c\n  );\n}\n\n\n\/* COMING SOON *\/\n\n.kge-coming-soon {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  max-width: 720px;\n  margin-top: 20px;\n  padding: 20px;\n  border: 1px dashed #cfc7b8;\n  border-radius: 10px;\n  background: rgba(255, 255, 255, 0.6);\n}\n\n.kge-coming-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-library-gold);\n  background: #f2eadb;\n  font-size: 24px;\n}\n\n.kge-coming-soon h3 {\n  margin: 0 0 4px;\n  color: var(--kge-library-green);\n  font-size: 16px;\n}\n\n.kge-coming-soon p {\n  margin: 0;\n  color: var(--kge-library-muted);\n  font-size: 13px;\n  line-height: 1.6;\n}\n\n\n\/* BENEFITS *\/\n\n.kge-library-benefits {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 0;\n  margin-top: 32px;\n  padding: 20px 0;\n  border: 1px solid var(--kge-library-border);\n  border-radius: 11px;\n  background: var(--kge-library-white);\n}\n\n.kge-benefit-item {\n  display: flex;\n  gap: 13px;\n  padding: 0 26px;\n  border-right: 1px solid var(--kge-library-border);\n}\n\n.kge-benefit-item:last-child {\n  border-right: 0;\n}\n\n.kge-benefit-icon {\n  display: grid;\n  flex: 0 0 42px;\n  width: 42px;\n  height: 42px;\n  place-items: center;\n  border-radius: 50%;\n  color: var(--kge-library-green);\n  background: #f2eadb;\n  font-weight: 700;\n}\n\n.kge-benefit-item h4 {\n  margin: 0 0 3px;\n  color: var(--kge-library-green);\n  font-size: 14px;\n}\n\n.kge-benefit-item p {\n  margin: 0;\n  color: var(--kge-library-muted);\n  font-size: 12px;\n  line-height: 1.5;\n}\n\n\n\/* SEARCH HIDDEN STATE *\/\n\n.kge-course-card.kge-hidden {\n  display: none;\n}\n\n\n\/* TABLET *\/\n\n@media (max-width: 900px) {\n  .kge-course-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .kge-library-benefits {\n    grid-template-columns: 1fr;\n  }\n\n  .kge-benefit-item {\n    padding: 15px 22px;\n    border-right: 0;\n    border-bottom: 1px solid var(--kge-library-border);\n  }\n\n  .kge-benefit-item:last-child {\n    border-bottom: 0;\n  }\n}\n\n\n\/* MOBILE *\/\n\n@media (max-width: 700px) {\n  .kge-library-container {\n    width: min(100% - 28px, 1420px);\n  }\n\n  .kge-library-hero {\n    padding: 34px 0;\n  }\n\n  .kge-library-hero h1 {\n    font-size: 42px;\n  }\n\n  .kge-library-mark {\n    display: none;\n  }\n\n  .kge-library-controls {\n    align-items: stretch;\n    flex-direction: column;\n  }\n\n  .kge-course-search {\n    width: 100%;\n  }\n\n  .kge-course-card {\n    grid-template-columns: 1fr;\n  }\n\n  .kge-course-visual {\n    min-height: 160px;\n  }\n\n  .kge-course-content {\n    padding: 23px 21px;\n  }\n\n  .kge-course-content h2 {\n    font-size: 23px;\n  }\n\n  .kge-course-button {\n    width: 100%;\n  }\n}\n<\/style>\n\n<div class=\"kge-all-resources-page\">\n\n  <!-- HERO -->\n  <section class=\"kge-library-hero\">\n    <div class=\"kge-library-container\">\n\n      <div class=\"kge-library-hero-content\">\n        <span class=\"kge-library-eyebrow\">MEMBER RESOURCE LIBRARY<\/span>\n\n        <h1>All Resources<\/h1>\n\n        <p>\n          Access our growing library of high-quality teaching and learning\n          resources. Choose a course below to get started.\n        <\/p>\n      <\/div>\n\n      <div class=\"kge-library-mark\">KG<\/div>\n\n    <\/div>\n  <\/section>\n\n\n  <!-- COURSE LIBRARY -->\n  <main class=\"kge-library-main\">\n\n    <div class=\"kge-library-container\">\n\n      <!-- LIBRARY CONTROLS -->\n      <div class=\"kge-library-controls\">\n\n        <div class=\"kge-course-count\">\n          Showing 1 available course\n        <\/div>\n\n        <div class=\"kge-course-search\">\n          <input id=\"kge-course-search\" type=\"search\" placeholder=\"Search courses...\" aria-label=\"Search courses\">\n          <span aria-hidden=\"true\">\u2315<\/span>\n        <\/div>\n\n      <\/div>\n\n\n      <!-- COURSE GRID -->\n      <div class=\"kge-course-grid\">\n\n        <!-- OCR GCSE COMPUTER SCIENCE -->\n        <article class=\"kge-course-card\" data-course=\"OCR GCSE Computer Science J277 GCSE computing\">\n\n          <div class=\"kge-course-visual\">\n            <div class=\"kge-course-icon\">\n              &lt;\/&gt;\n            <\/div>\n          <\/div>\n\n          <div class=\"kge-course-content\">\n\n            <span class=\"kge-course-level\">GCSE<\/span>\n\n            <h2>OCR GCSE Computer Science J277<\/h2>\n\n            <p>\n              Complete teaching and learning resources for the OCR GCSE\n              Computer Science specification.\n            <\/p>\n\n            <div class=\"kge-course-meta\">\n              <span>\u25a4 Systems Architecture<\/span>\n              <span>\u25a7 Resources being added<\/span>\n            <\/div>\n\n           <a class=\"kge-course-button\" href=\"\/portal\/gcsecsj277\/\">\n    View Resources\n    <span>\u2192<\/span>\n<\/a>\n\n          <\/div>\n\n        <\/article>\n\n      <\/div>\n\n\n      <!-- COMING SOON -->\n      <section class=\"kge-coming-soon\">\n\n        <div class=\"kge-coming-icon\">\uff0b<\/div>\n\n        <div>\n          <h3>More courses are coming soon<\/h3>\n\n          <p>\n            Additional GCSE, A Level and professional learning resources will\n            be added as the Knighton Grange library grows.\n          <\/p>\n        <\/div>\n\n      <\/section>\n\n\n      <!-- TRUST STRIP -->\n      <section class=\"kge-library-benefits\">\n\n        <div class=\"kge-benefit-item\">\n          <div class=\"kge-benefit-icon\">\u2713<\/div>\n\n          <div>\n            <h4>Quality Assured<\/h4>\n            <p>Clear, structured and classroom-focused resources.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"kge-benefit-item\">\n          <div class=\"kge-benefit-icon\">\u21bb<\/div>\n\n          <div>\n            <h4>Regular Updates<\/h4>\n            <p>Resources are improved and expanded over time.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"kge-benefit-item\">\n          <div class=\"kge-benefit-icon\">\u2311<\/div>\n\n          <div>\n            <h4>Secure Access<\/h4>\n            <p>Member-only content protected by your subscription.<\/p>\n          <\/div>\n        <\/div>\n\n      <\/section>\n\n    <\/div>\n\n  <\/main>\n\n<\/div>\n\n\n","protected":false},"excerpt":{"rendered":"<p>MEMBER RESOURCE LIBRARY All Resources Access our growing library of high-quality teaching and learning resources. Choose a course below to [&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-17","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\/17","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=17"}],"version-history":[{"count":11,"href":"https:\/\/knightongrange.co.uk\/portal\/wp-json\/wp\/v2\/pages\/17\/revisions"}],"predecessor-version":[{"id":275,"href":"https:\/\/knightongrange.co.uk\/portal\/wp-json\/wp\/v2\/pages\/17\/revisions\/275"}],"wp:attachment":[{"href":"https:\/\/knightongrange.co.uk\/portal\/wp-json\/wp\/v2\/media?parent=17"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}