{"name":"Personal Website 1-9-2025","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-01-09T19:39:17.393657Z","updated_at":"2025-01-09T19:39:17.393662Z","user_id":5,"status":"PRIVATE","parent_id":1660,"id":5461,"user":{"photo":null,"email":null,"recess_id":"b5574579-4904-b775-ad8e-eff5c085f819","created_at":"2023-12-12T12:00:51.087995Z","reset_token":null,"stripe_customer_id":null,"seats":null,"username":"theop","id":5,"password_hash":null,"updated_at":"2023-12-12T12:00:51.087997Z","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(0, 0, 0);\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: #0000007c;\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: rgb(255, 0, 255);\n margin-bottom: 10px;\n}\n\n/* The paragraph of text in \"About Me\" */\n.about-me p {\n color: rgb(255, 0, 255);\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":[{"cloudinary_id":"e4nvjdrec0wbjy07qvd6","name":"portrait","deleted":false,"id":57601,"created_at":"2025-01-09T19:39:17.413064Z","project_id":5461,"resource_type":"image"},{"cloudinary_id":"l8h9o0n99kot9ec7bq03","name":"SS","deleted":false,"id":57600,"created_at":"2025-01-09T19:39:17.409091Z","project_id":5461,"resource_type":"image"},{"cloudinary_id":"u3pxdqhp9ifudqg3n9ro","name":"gifScroll","deleted":false,"id":57599,"created_at":"2025-01-09T19:39:17.405786Z","project_id":5461,"resource_type":"image"}],"messages_sent":0,"comments":[],"steps":[]}