Realistic Online Piano Experience

{"name":"Realistic Online Piano Experience","description":"Immerse yourself in a realistic online piano experience! Play beautiful melodies with our interactive virtual keyboard that captures the essence of a real piano. Feel the rhythm and let your creativity flow as you compose music straight from your browser.","photo":null,"view_count":3,"fork_count":0,"expires_at":null,"created_at":"2024-07-26T00:39:53.042438Z","updated_at":"2024-07-26T00:39:53.042438Z","user_id":157,"status":"PRIVATE","parent_id":null,"id":2439,"user":{"photo":null,"email":null,"recess_id":"0b51eead-cc74-4842-b3a3-91078b729d55","created_at":"2024-07-25T19:10:06.977415Z","reset_token":null,"stripe_customer_id":null,"seats":null,"username":"gustav_m","id":157,"password_hash":null,"updated_at":"2024-07-25T19:10:06.977418Z","reset_token_expiry":null,"subscription_status":null},"code":{"script.js":"","style.css":"body {\n margin: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100vh;\n background-color: #f0f0f0;\n}\n\n.piano {\n display: flex;\n justify-content: center;\n align-items: flex-end;\n}\n\n.key {\n width: 40px;\n height: 120px;\n margin: 0 2px;\n background-color: white;\n border: 1px solid #ccc;\n position: relative;\n transition: background-color 0.1s;\n}\n\n.key.black {\n width: 30px;\n height: 80px;\n background-color: black;\n position: absolute;\n left: 30px;\n z-index: 1;\n}\n\n.key:active {\n background-color: #e0e0e0;\n}\n\n.key.black:active {\n background-color: #555;\n}","index.html":"\n\n\n \n \n Realistic Online Piano Experience\n \n \n\n\n

\n \n\n"},"chat_history":[],"assets":[],"messages_sent":0,"comments":[],"steps":[]}