{"name":"[TEMPLATE] Personal Website","description":"Create a customizable personal website template with a main title, image section, and customizable 'About' section. Perfect for showcasing personal projects or creating an online portfolio.","photo":"https://res.cloudinary.com/dzv7hjwfn/image/upload/u3pxdqhp9ifudqg3n9ro","view_count":0,"fork_count":0,"expires_at":null,"created_at":"2025-07-25T11:20:03.832826Z","updated_at":"2025-07-25T11:20:03.832830Z","user_id":9,"status":"PRIVATE","parent_id":1660,"id":9472,"user":{"photo":null,"email":null,"recess_id":"3f8e54bf-c664-e715-7a03-759308ca12b6","created_at":"2023-12-12T15:05:36.121931Z","reset_token":null,"stripe_customer_id":null,"seats":null,"username":"matthew","id":9,"password_hash":null,"updated_at":"2023-12-12T15:05:36.121934Z","reset_token_expiry":null,"subscription_status":null},"code":{"script.js":"// JavaScript allows you to add all sorts of dynamic and interactive elements to your site.\n\n/*\n Include the line\n \n in the body of your HTML file to load any JavaScript code you write in *this* file.\n*/","style.css":"/* \n This CSS file tells the HTML file how to format, arrange, and display its elements.\n CSS *styles* web pages. \n*/\n\n/* Background of the whole site */\nbody {\n background-color: rgb(250, 199, 207);\n}\n\nheader h1 {\n text-align: center;\n /* Text */\n color: purple;\n /* You can type color names, rgb, or hex codes. */\n background-color: #e287eb7c;\n /* Around the Text */\n padding: 10px;\n\n}\n\n.about-me {\n padding: 20px;\n background-color: #e287eb7c;\n /* This gives rounded edges to the bubbles */\n border-radius: 8px;\n margin: 20px auto;\n width: 80%;\n max-width: 800px;\n text-align: center;\n}\n\n.about-me h2 {\n color: purple;\n margin-bottom: 10px;\n}\n\n/* The paragraph of text in \"About Me\" */\n.about-me p {\n color: purple;\n line-height: 1.6;\n}\n\n.top-image {\n text-align: center;\n margin: 20px 0;\n}\n\n.top-image img {\n width: 400px;\n height: auto;\n /* Preserves the aspect ratio of the image */\n}\n\n.bottom-image {\n text-align: center;\n margin: 20px 0;\n}\n\n.bottom-image .image-container {\n display: inline-block;\n /* So that container only takes as much space as needed */\n}\n\n.bottom-image img {\n width: 300px;\n height: auto;\n margin: 0 10px;\n}\n\n.bottom-image img.flipped {\n transform: scaleX(-1);\n /* Flip the image horizontally */\n}\n\n.news {\n padding: 20px;\n background-color: #e287eb7c;\n border-radius: 8px;\n margin: 20px auto;\n width: 80%;\n max-width: 800px;\n}\n\n.news h2 {\n color: purple;\n text-align: center;\n margin-bottom: 10px;\n\n}\n\n.news ul {\n list-style-type: none;\n padding: 0;\n}\n\n.news li {\n background-color: #e287eb7c;\n color: purple;\n margin: 10px 0;\n padding: 10px;\n border-radius: 5px;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n /* A light shadow for posts */\n}","index.html":"\n\n\n\n\n\n\n\n \n \n \n \n [TEMPLATE] Personal Website\n\n\n\n\n\n

\n \n

My Site

\n \n

\n \n

About

Greetings and salutations.

\n \n

\n \n

News

2004-11-14: I was born.
2017-11-24: I gained consciousness.
2024-05-29: I wrote a delicious computer program.

\n\n\n"},"chat_history":[],"assets":[{"project_id":9472,"creator":null,"cloudinary_id":"e4nvjdrec0wbjy07qvd6","deleted":false,"id":82096,"created_at":"2025-07-25T11:20:04.049304Z","name":"portrait","resource_type":"image","tags":[]},{"project_id":9472,"creator":null,"cloudinary_id":"l8h9o0n99kot9ec7bq03","deleted":false,"id":82095,"created_at":"2025-07-25T11:20:04.006276Z","name":"SS","resource_type":"image","tags":[]},{"project_id":9472,"creator":null,"cloudinary_id":"u3pxdqhp9ifudqg3n9ro","deleted":false,"id":82094,"created_at":"2025-07-25T11:20:03.963757Z","name":"gifScroll","resource_type":"image","tags":[]}],"messages_sent":0,"comments":[],"steps":[]}