Simplified Magic Deck Advisor

{"name":"Simplified Magic Deck Advisor","description":"Craft your perfect deck with tailored advice!","photo":null,"view_count":2,"fork_count":0,"expires_at":null,"created_at":"2024-06-22T16:49:25.766859Z","updated_at":"2024-06-22T16:49:25.766861Z","user_id":5,"status":"PUBLIC","parent_id":2024,"id":2029,"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":"let modal;\nlet span;\nlet addCardButton;\nlet openModalButton;\n\nfunction setup() {\n createCanvas(windowWidth, windowHeight);\n background(220);\n\n // Sample deckbuilding advice\n let advice1 = \"Include more mana sources to balance your deck.\";\n let advice2 = \"Consider adding more creature cards for offense.\";\n let advice3 = \"Add some enchantments to control the game flow.\";\n\n // Display the sample advice on the canvas\n displayAdvice(advice1, 50, 50);\n displayAdvice(advice2, 50, 80);\n displayAdvice(advice3, 50, 110);\n\n // Get the modal\n modal = document.getElementById(\"cardModal\");\n\n // Get the element that closes the modal\n span = document.getElementsByClassName(\"close\")[0];\n\n // Get the add card button\n addCardButton = document.getElementById(\"addCardButton\");\n\n // Get the button that opens the modal\n openModalButton = document.getElementById(\"openModalButton\");\n\n // When the user clicks on (x), close the modal\n span.onclick = function () {\n modal.style.display = \"none\";\n }\n\n // When the user clicks anywhere outside of the modal, close it\n window.onclick = function (event) {\n if (event.target == modal) {\n modal.style.display = \"none\";\n }\n }\n\n // When the user clicks the add card button, add the card to the deck\n addCardButton.onclick = function () {\n let cardType = document.getElementById(\"cardType\").value;\n let cardNumber = document.getElementById(\"cardNumber\").value;\n console.log(`Added ${cardNumber} ${cardType} card(s) to the deck`);\n modal.style.display = \"none\";\n }\n\n // When the user clicks the button to open the modal\n openModalButton.onclick = function () {\n modal.style.display = \"block\";\n }\n}\n\nfunction displayAdvice(advice, x, y) {\n textSize(16);\n fill(0);\n text(advice, x, y);\n}\n\n// Function to open the modal (not used anymore, can be removed if not necessary)\nfunction openModal() {\n modal.style.display = \"block\";\n}","style.css":"/* The Modal (background) */\n.modal {\n display: none;\n /* Hidden by default */\n position: fixed;\n /* Stay in place */\n z-index: 1;\n /* Sit on top */\n padding-top: 100px;\n /* Location of the box */\n left: 0;\n top: 0;\n width: 100%;\n /* Full width */\n height: 100%;\n /* Full height */\n overflow: auto;\n /* Enable scroll if needed */\n background-color: rgb(0, 0, 0);\n /* Fallback color */\n background-color: rgba(0, 0, 0, 0.4);\n /* Black w/ opacity */\n}\n\n/* Modal Content */\n.modal-content {\n background-color: #fefefe;\n margin: auto;\n padding: 20px;\n border: 1px solid #888;\n width: 80%;\n}\n\n/* The Close Button */\n.close {\n color: #aaa;\n float: right;\n font-size: 28px;\n font-weight: bold;\n}\n\n.close:hover,\n.close:focus {\n color: black;\n text-decoration: none;\n cursor: pointer;\n}","index.html":"\n\n\n\n \n \n Simplified Magic Deck Advisor\n \n\n\n\n \n \n\n \n \n\n \n \n\n\n"},"chat_history":[],"assets":[],"messages_sent":0,"comments":[],"steps":[{"instruction":"Display the deckbuilding advice in a clear and visually appealing format to help users understand the recommendations.","title":"Visualize Deck Advice","created_at":"2024-06-22T10:40:11.809691","project_id":2029,"complete":false,"step_number":0,"updated_at":"2024-06-22T16:49:25.770221","id":10103},{"instruction":"Implement an interactive feature for users to make changes to their deck and receive updated recommendations in real-time.","title":"Interactive Deckbuilding","created_at":"2024-06-22T10:40:11.809745","project_id":2029,"complete":false,"step_number":1,"updated_at":"2024-06-22T16:49:25.770319","id":10104},{"instruction":"Allow users to save their deck configurations and load them later for further analysis and optimization.","title":"Save and Load Decks","created_at":"2024-06-22T10:40:11.809783","project_id":2029,"complete":false,"step_number":2,"updated_at":"2024-06-22T16:49:25.770362","id":10105},{"instruction":"Provide personalized deckbuilding advice without requiring users to input specific cards, focusing on simplifying the deckbuilding experience for beginners.","title":"Personalized Recommendations","created_at":"2024-06-22T10:40:11.809820","project_id":2029,"complete":false,"step_number":3,"updated_at":"2024-06-22T16:49:25.770401","id":10106},{"instruction":"Display statistics and insights about the deck composition to help users understand the strengths and weaknesses of their deck.","title":"Deck Statistics","created_at":"2024-06-22T10:40:11.809862","project_id":2029,"complete":false,"step_number":4,"updated_at":"2024-06-22T16:49:25.770440","id":10107}]}

Select Card Type

Number of Cards