{"id":88,"date":"2025-06-21T14:07:27","date_gmt":"2025-06-21T13:07:27","guid":{"rendered":"https:\/\/chilternslightnetwork.org\/?page_id=88"},"modified":"2025-06-21T16:00:03","modified_gmt":"2025-06-21T15:00:03","slug":"nicepage-with-code","status":"publish","type":"page","link":"https:\/\/chilternslightnetwork.org\/index.php\/nicepage-with-code\/","title":{"rendered":"test Page"},"content":{"rendered":"\n  \n    \n    <section class=\"u-clearfix u-section-2\" id=\"block-1\">\n      <div class=\"u-clearfix u-sheet u-valign-top u-sheet-1\">\n        <div class=\"u-clearfix u-custom-html u-expanded-width u-custom-html-1\">\n          <style> .cv-code-demo * {\n  box-sizing: border-box !important;\n  margin: 0 !important;\n  padding: 0 !important;\n}\n.cv-code-demo {\n  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;\n  background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%) !important;\n  color: #1e293b !important;\n  padding: 40px 20px !important;\n  border-radius: 12px !important;\n  margin: 20px 0 !important;\n  box-shadow: 0 10px 30px rgba(0,0,0,0.05) !important;\n  border: 1px solid #e2e8f0 !important;\n  line-height: 1.6 !important;\n  display: block !important;\n  width: 100% !important;\n  max-width: none !important;\n  position: relative !important;\n  z-index: 1 !important;\n}\n.cv-code-demo .cv-header {\n  text-align: center !important;\n  margin-bottom: 40px !important;\n}\n.cv-code-demo .cv-title {\n  font-size: 2rem !important;\n  font-weight: 800 !important;\n  margin-bottom: 16px !important;\n  background: linear-gradient(135deg, #1e293b, #475569) !important;\n  -webkit-background-clip: text !important;\n  -webkit-text-fill-color: transparent !important;\n  background-clip: text !important;\n  display: block !important;\n}\n.cv-code-demo .cv-subtitle {\n  font-size: 1.1rem !important;\n  color: #64748b !important;\n  font-weight: normal !important;\n}\n.cv-code-demo .cv-code-container {\n  background: #ffffff !important;\n  border-radius: 12px !important;\n  border: 1px solid #e2e8f0 !important;\n  overflow: hidden !important;\n  box-shadow: 0 4px 15px rgba(0,0,0,0.05) !important;\n  max-width: 700px !important;\n  margin: 0 auto !important;\n  display: block !important;\n}\n.cv-code-demo .cv-terminal-header {\n  background: #f8fafc !important;\n  padding: 12px 20px !important;\n  border-bottom: 1px solid #e2e8f0 !important;\n  display: flex !important;\n  align-items: center !important;\n  gap: 10px !important;\n}\n.cv-code-demo .cv-dot {\n  width: 12px !important;\n  height: 12px !important;\n  border-radius: 50% !important;\n  display: inline-block !important;\n}\n.cv-code-demo .cv-dot-red { background: #ef4444 !important; }\n.cv-code-demo .cv-dot-yellow { background: #f59e0b !important; }\n.cv-code-demo .cv-dot-green { background: #22c55e !important; }\n.cv-code-demo .cv-filename {\n  margin-left: auto !important;\n  font-family: 'Monaco', 'Menlo', 'Consolas', monospace !important;\n  font-size: 12px !important;\n  color: #64748b !important;\n  font-weight: normal !important;\n}\n.cv-code-demo .cv-code-content {\n  padding: 24px !important;\n}\n.cv-code-demo .cv-code-title {\n  font-size: 1.1rem !important;\n  font-weight: 700 !important;\n  margin-bottom: 8px !important;\n  color: #15803d !important;\n}\n.cv-code-demo .cv-code-prompt {\n  font-size: 0.9rem !important;\n  color: #64748b !important;\n  margin-bottom: 16px !important;\n  font-weight: normal !important;\n}\n.cv-code-demo .cv-code-block {\n  background: #ffffff !important;\n  padding: 16px !important;\n  border-radius: 6px !important;\n  border: 1px solid #e2e8f0 !important;\n  overflow-x: auto !important;\n  font-family: 'Monaco', 'Menlo', 'Consolas', 'Courier New', monospace !important;\n  font-size: 13px !important;\n  line-height: 1.6 !important;\n  color: #1e293b !important;\n  margin: 0 !important;\n  white-space: pre !important;\n  display: block !important;\n  width: 100% !important;\n  text-align: left !important;\n  direction: ltr !important;\n}\n.cv-code-demo .cv-stats {\n  margin-top: 40px !important;\n  text-align: center !important;\n  background: #ffffff !important;\n  padding: 30px !important;\n  border-radius: 12px !important;\n  border: 1px solid #e2e8f0 !important;\n  box-shadow: 0 4px 15px rgba(0,0,0,0.05) !important;\n}\n.cv-code-demo .cv-stats-grid {\n  display: flex !important;\n  justify-content: center !important;\n  align-items: center !important;\n  gap: 40px !important;\n  flex-wrap: wrap !important;\n}\n.cv-code-demo .cv-stat-item {\n  display: block !important;\n  text-align: center !important;\n}\n.cv-code-demo .cv-stat-number {\n  font-size: 2rem !important;\n  font-weight: 800 !important;\n  margin-bottom: 4px !important;\n  display: block !important;\n}\n.cv-code-demo .cv-stat-label {\n  font-size: 0.9rem !important;\n  color: #64748b !important;\n  font-weight: normal !important;\n}\n.cv-code-demo .cv-stat-green { color: #15803d !important; }\n.cv-code-demo .cv-stat-blue { color: #2563eb !important; }\n.cv-code-demo .cv-stat-orange { color: #d97706 !important; } <\/style>\n          <div class=\"cv-code-demo\">\n            <div class=\"cv-header\">\n              <h2 class=\"cv-title\">AI Code Generation Demo<\/h2>\n              <p class=\"cv-subtitle\">Transform prompts into production-ready code instantly<\/p>\n            <\/div>\n            <div class=\"cv-code-container\">\n              <div class=\"cv-terminal-header\">\n                <div class=\"cv-dot cv-dot-red\"><\/div>\n                <div class=\"cv-dot cv-dot-yellow\"><\/div>\n                <div class=\"cv-dot cv-dot-green\"><\/div>\n                <span class=\"cv-filename\">api_client.py<\/span>\n              <\/div>\n              <div class=\"cv-code-content\">\n                <h3 class=\"cv-code-title\">Python API Client<\/h3>\n                <p class=\"cv-code-prompt\">Prompt: \"Create an API client with error handling\"<\/p>\n                <pre class=\"cv-code-block\">                  <span style=\"color: #0ea5e9 !important;\">import<\/span>\n                  <span style=\"color: #1e293b !important;\">requests<\/span>\n                  <span style=\"color: #0ea5e9 !important;\">from<\/span>\n                  <span style=\"color: #1e293b !important;\">typing<\/span>\n                  <span style=\"color: #0ea5e9 !important;\">import<\/span>\n                  <span style=\"color: #1e293b !important;\">Dict, Optional<\/span>\n                  <span style=\"color: #0ea5e9 !important;\">class<\/span>\n                  <span style=\"color: #dc2626 !important;\">ApiClient<\/span>: <span style=\"color: #0ea5e9 !important;\">def<\/span>\n                  <span style=\"color: #7c3aed !important;\">__init__<\/span>(<span style=\"color: #dc2626 !important;\">self<\/span>, <span style=\"color: #1e293b !important;\">base_url<\/span>: <span style=\"color: #dc2626 !important;\">str<\/span>): <span style=\"color: #dc2626 !important;\">self<\/span>.<span style=\"color: #1e293b !important;\">base_url<\/span> = <span style=\"color: #1e293b !important;\">base_url<\/span>\n                  <span style=\"color: #dc2626 !important;\">self<\/span>.<span style=\"color: #1e293b !important;\">session<\/span> = <span style=\"color: #1e293b !important;\">requests<\/span>.<span style=\"color: #7c3aed !important;\">Session<\/span>() <span style=\"color: #0ea5e9 !important;\">def<\/span>\n                  <span style=\"color: #7c3aed !important;\">get<\/span>(<span style=\"color: #dc2626 !important;\">self<\/span>, <span style=\"color: #1e293b !important;\">endpoint<\/span>: <span style=\"color: #dc2626 !important;\">str<\/span>) -&gt; <span style=\"color: #dc2626 !important;\">Optional<\/span>[<span style=\"color: #dc2626 !important;\">Dict<\/span>]: <span style=\"color: #0ea5e9 !important;\">try<\/span>: <span style=\"color: #1e293b !important;\">response<\/span> = <span style=\"color: #dc2626 !important;\">self<\/span>.<span style=\"color: #1e293b !important;\">session<\/span>.<span style=\"color: #7c3aed !important;\">get<\/span>(<span style=\"color: #059669 !important;\">f\"<\/span>\n                  <span style=\"color: #059669 !important;\">{<\/span>\n                  <span style=\"color: #dc2626 !important;\">self<\/span>.<span style=\"color: #1e293b !important;\">base_url<\/span>\n                  <span style=\"color: #059669 !important;\">}<\/span>\n                  <span style=\"color: #059669 !important;\">{endpoint}\"<\/span>) <span style=\"color: #1e293b !important;\">response<\/span>.<span style=\"color: #7c3aed !important;\">raise_for_status<\/span>() <span style=\"color: #0ea5e9 !important;\">return<\/span>\n                  <span style=\"color: #1e293b !important;\">response<\/span>.<span style=\"color: #7c3aed !important;\">json<\/span>() <span style=\"color: #0ea5e9 !important;\">except<\/span>\n                  <span style=\"color: #1e293b !important;\">requests<\/span>.<span style=\"color: #dc2626 !important;\">RequestException<\/span>\n                  <span style=\"color: #0ea5e9 !important;\">as<\/span>\n                  <span style=\"color: #1e293b !important;\">e<\/span>: <span style=\"color: #7c3aed !important;\">print<\/span>(<span style=\"color: #059669 !important;\">f\"API Error: <\/span>\n                  <span style=\"color: #059669 !important;\">{<\/span>\n                  <span style=\"color: #1e293b !important;\">e<\/span>\n                  <span style=\"color: #059669 !important;\">}<\/span>\n                  <span style=\"color: #059669 !important;\">\"<\/span>) <span style=\"color: #0ea5e9 !important;\">return<\/span>\n                  <span style=\"color: #0ea5e9 !important;\">None<\/span>\n                <\/pre>\n              <\/div>\n            <\/div>\n            <div class=\"cv-stats\">\n              <div class=\"cv-stats-grid\">\n                <div class=\"cv-stat-item\">\n                  <div class=\"cv-stat-green cv-stat-number\">94%<\/div>\n                  <div class=\"cv-stat-label\">Accuracy<\/div>\n                <\/div>\n                <div class=\"cv-stat-item\">\n                  <div class=\"cv-stat-blue cv-stat-number\">2.8s<\/div>\n                  <div class=\"cv-stat-label\">Generation<\/div>\n                <\/div>\n                <div class=\"cv-stat-item\">\n                  <div class=\"cv-stat-number cv-stat-orange\">15+<\/div>\n                  <div class=\"cv-stat-label\">Languages<\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n    \n    \n    \n  \n","protected":false},"excerpt":{"rendered":"<p>AI Code Generation Demo Transform prompts into production-ready code instantly api_client.py Python API Client Prompt: &#8220;Create an API client with error handling&#8221; import requests from typing import Dict, Optional class ApiClient: def __init__(self, base_url: str): self.base_url = base_url self.session = requests.Session() def get(self, endpoint: str) -&gt; Optional[Dict]: try: response = self.session.get(f&#8221; { self.base_url } {endpoint}&#8221;) &hellip; <a href=\"https:\/\/chilternslightnetwork.org\/index.php\/nicepage-with-code\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;test Page&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_import_markdown_pro_load_document_selector":0,"_import_markdown_pro_submit_text_textarea":"","footnotes":""},"class_list":["post-88","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/chilternslightnetwork.org\/index.php\/wp-json\/wp\/v2\/pages\/88","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/chilternslightnetwork.org\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/chilternslightnetwork.org\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/chilternslightnetwork.org\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/chilternslightnetwork.org\/index.php\/wp-json\/wp\/v2\/comments?post=88"}],"version-history":[{"count":7,"href":"https:\/\/chilternslightnetwork.org\/index.php\/wp-json\/wp\/v2\/pages\/88\/revisions"}],"predecessor-version":[{"id":99,"href":"https:\/\/chilternslightnetwork.org\/index.php\/wp-json\/wp\/v2\/pages\/88\/revisions\/99"}],"wp:attachment":[{"href":"https:\/\/chilternslightnetwork.org\/index.php\/wp-json\/wp\/v2\/media?parent=88"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}