{"id":155,"date":"2026-05-15T14:07:16","date_gmt":"2026-05-15T14:07:16","guid":{"rendered":"https:\/\/theroyalscode.com\/students\/l_smith\/?p=155"},"modified":"2026-05-15T14:07:16","modified_gmt":"2026-05-15T14:07:16","slug":"pj-website-code","status":"publish","type":"post","link":"https:\/\/theroyalscode.com\/students\/l_smith\/2026\/05\/15\/pj-website-code\/","title":{"rendered":"PJ WEBSITE CODE"},"content":{"rendered":"\n
<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Camp Half-Blood: Conversations<\/title>\n    <link rel=\"stylesheet\" href=\"style.css\">\n<\/head>\n<body>\n    <!-- Main UI Grid Layout Wrapper -->\n    <div id=\"app-wrapper\">\n        \n        <!-- Left Sidebar: Character Affinities & Profiles -->\n        <div id=\"stats-sidebar\">\n            <h3 class=\"sidebar-title\">Demigod Bonds<\/h3>\n            <div class=\"stat-card\">\n                <div class=\"stat-header\">\n                    <span>Percy Jackson<\/span>\n                    <span id=\"affinity-percy\">0 XP<\/span>\n                <\/div>\n                <div class=\"progress-bar\"><div id=\"bar-percy\" class=\"progress-fill\"><\/div><\/div>\n            <\/div>\n            <div class=\"stat-card\">\n                <div class=\"stat-header\">\n                    <span>Annabeth Chase<\/span>\n                    <span id=\"affinity-annabeth\">0 XP<\/span>\n                <\/div>\n                <div class=\"progress-bar\"><div id=\"bar-annabeth\" class=\"progress-fill\"><\/div><\/div>\n            <\/div>\n            <div class=\"stat-card\">\n                <div class=\"stat-header\">\n                    <span>Clarisse La Rue<\/span>\n                    <span id=\"affinity-clarisse\">0 XP<\/span>\n                <\/div>\n                <div class=\"progress-bar\"><div id=\"bar-clarisse\" class=\"progress-fill\"><\/div><\/div>\n            <\/div>\n            <div class=\"stat-card\">\n                <div class=\"stat-header\">\n                    <span>Nico di Angelo<\/span>\n                    <span id=\"affinity-nico\">0 XP<\/span>\n                <\/div>\n                <div class=\"progress-bar\"><div id=\"bar-nico\" class=\"progress-fill\"><\/div><\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Right Main: Chat Interface Module Layout -->\n        <div id=\"chat-container\">\n            <!-- Extended Tab Row Selection Engine Components Mapping Event Bounds -->\n            <div class=\"tabs-row\">\n                <button id=\"tab-percy\" class=\"tab-btn active\">Percy<\/button>\n                <button id=\"tab-annabeth\" class=\"tab-btn\">Annabeth<\/button>\n                <button id=\"tab-clarisse\" class=\"tab-btn\">Clarisse<\/button>\n                <button id=\"tab-nico\" class=\"tab-btn\">Nico<\/button>\n            <\/div>\n\n            <!-- Dynamic Dialogue Grid Context Frame Window View -->\n            <div id=\"chat-display-area\"><\/div>\n\n            <!-- Interactive Typing Status Indicator Node -->\n            <div id=\"typing-indicator\"><\/div>\n\n            <!-- Operational Form Control Entry Field Bar Row -->\n            <div class=\"input-row\">\n                <input type=\"text\" id=\"user-msg-input\" placeholder=\"Type a message...\" maxlength=\"80\" autocomplete=\"off\">\n                <button id=\"send-msg-btn\">Send<\/button>\n            <\/div>\n        <\/div>\n\n    <\/div>\n    <script src=\"app.js\"><\/script>\n<\/body>\n<\/html>\n<\/code><\/pre>\n\n\n\n
you can chat with charcters from percy jackson <\/p>\n\n\n\n
i made it into a website <\/p>\n\n\n\n
i learned i can not deside from pygame to website <\/p>\n\n\n\n
<\/p>\n","protected":false},"excerpt":{"rendered":"
you can chat with charcters from percy jackson i made it into a website i learned i can not deside from pygame to website<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-155","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/theroyalscode.com\/students\/l_smith\/wp-json\/wp\/v2\/posts\/155","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/theroyalscode.com\/students\/l_smith\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/theroyalscode.com\/students\/l_smith\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/theroyalscode.com\/students\/l_smith\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/theroyalscode.com\/students\/l_smith\/wp-json\/wp\/v2\/comments?post=155"}],"version-history":[{"count":1,"href":"https:\/\/theroyalscode.com\/students\/l_smith\/wp-json\/wp\/v2\/posts\/155\/revisions"}],"predecessor-version":[{"id":156,"href":"https:\/\/theroyalscode.com\/students\/l_smith\/wp-json\/wp\/v2\/posts\/155\/revisions\/156"}],"wp:attachment":[{"href":"https:\/\/theroyalscode.com\/students\/l_smith\/wp-json\/wp\/v2\/media?parent=155"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/theroyalscode.com\/students\/l_smith\/wp-json\/wp\/v2\/categories?post=155"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/theroyalscode.com\/students\/l_smith\/wp-json\/wp\/v2\/tags?post=155"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}