{"name":"Personal Website 6-11-2024","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://jippity.s3.amazonaws.com/Screenshot 2024-05-31 at 4.04.31 PM.png","view_count":4,"fork_count":1,"expires_at":null,"created_at":"2024-06-11T18:41:43.623215Z","updated_at":"2024-06-11T18:41:43.623219Z","user_id":5,"status":"PUBLIC","parent_id":1660,"id":1829,"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(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\n"},"chat_history":[],"assets":[{"cloudinary_id":"e4nvjdrec0wbjy07qvd6","name":"portrait","deleted":false,"id":7247,"created_at":"2024-06-11T18:41:43.629710Z","project_id":1829,"resource_type":"image"}],"messages_sent":0,"comments":[],"steps":[]}