{"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":14,"fork_count":51,"expires_at":null,"created_at":"2024-05-29T21:27:38.633027Z","updated_at":"2024-08-09T17:34:28.601912Z","user_id":60,"status":"PUBLIC","parent_id":null,"id":1660,"user":{"photo":null,"email":"jacob@jippity.pro","recess_id":"34481dd2-2bdf-14f9-99da-131de59dc90f","created_at":"2024-02-26T18:31:54.473216Z","reset_token":null,"stripe_customer_id":"cus_RPbovGjLueUufv","seats":100,"username":"2718281828459045","id":60,"password_hash":"$2b$12$ZpelZmCi5wEA/VuXSdOJXeylQ6vOUks0sfwQxIKdjwBAeamaWIMOW","updated_at":"2024-02-26T18:31:54.473218Z","reset_token_expiry":null,"subscription_status":"active"},"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":[{"cloudinary_id":"u3pxdqhp9ifudqg3n9ro","name":"gifScroll","deleted":false,"id":16803,"created_at":"2024-08-09T17:34:14.496831Z","project_id":1660,"resource_type":"image"},{"cloudinary_id":"l8h9o0n99kot9ec7bq03","name":"SS","deleted":false,"id":15775,"created_at":"2024-07-30T14:43:56.937404Z","project_id":1660,"resource_type":"image"},{"cloudinary_id":"e4nvjdrec0wbjy07qvd6","name":"portrait","deleted":false,"id":5960,"created_at":"2024-05-29T21:54:45.653231Z","project_id":1660,"resource_type":"image"}],"messages_sent":13,"comments":[],"steps":[]}