{"name":"Factorio Production Calculator","description":"Optimize your Factorio factory with the Production Calculator! Calculate item production per minute based on machine speed, recipe time, and resource inputs.","photo":null,"view_count":1,"fork_count":0,"expires_at":null,"created_at":"2024-04-25T22:07:45.417352Z","updated_at":"2024-04-25T22:07:45.417353Z","user_id":9,"status":"PRIVATE","parent_id":null,"id":1267,"user":{"photo":null,"email":null,"recess_id":"3f8e54bf-c664-e715-7a03-759308ca12b6","created_at":"2023-12-12T15:05:36.121931Z","reset_token":null,"stripe_customer_id":null,"seats":null,"username":"matthew","id":9,"password_hash":null,"updated_at":"2023-12-12T15:05:36.121934Z","reset_token_expiry":null,"subscription_status":null},"code":{"script.js":"function setup() {\n createCanvas(400, 400);\n background(220);\n}\nfunction calculateProduction() {\n console.log(\"calculateProduction function is called.\");\n\n const drillType = document.getElementById('drillType').value;\n const oreType = document.getElementById('oreType').value;\n const itemsPerMinuteTarget = parseInt(document.getElementById('itemsPerMinute').value, 10);\n console.log(`Drill Type: ${drillType}, Ore Type: ${oreType}, Items per Minute Target: ${itemsPerMinuteTarget}`);\n\n let secondsPerItem;\n\n switch (drillType) {\n case 'electric':\n secondsPerItem = 0.5;\n break;\n case 'burner':\n secondsPerItem = 0.65;\n break;\n default:\n secondsPerItem = 0;\n alert('Invalid drill type selected');\n return;\n }\n\n const itemsPerSecondTarget = itemsPerMinuteTarget / 60;\n const itemsPerSecondPerDrill = 1 / secondsPerItem;\n const drillsRequired = Math.ceil(itemsPerSecondTarget / itemsPerSecondPerDrill);\n\n console.log(`Items per Second Target: ${itemsPerSecondTarget}, Items per Second per Drill: ${itemsPerSecondPerDrill}, Drills Required: ${drillsRequired}`);\n\n const outputText = `To produce ${itemsPerMinuteTarget} ${oreType} per minute, you need ${drillsRequired} ${drillType} drills.`;\n document.getElementById('output').innerText = outputText;\n}\ndocument.addEventListener('DOMContentLoaded', (event) => {\n document.querySelector('button').addEventListener('click', calculateProduction);\n});\nif (isNaN(drillsRequired) || !isFinite(drillsRequired)) {\n document.getElementById('output').innerText = \"Please enter a valid number of items per minute.\";\n return;\n}","style.css":"body {\n font-family: 'Roboto', sans-serif;\n background-color: #2C3E50;\n color: #ECF0F1;\n text-align: center;\n margin: 0;\n padding: 20px;\n}\n\nh1 {\n color: #ECF0F1;\n}\n\n#calculator {\n background-color: #34495E;\n padding: 20px;\n border-radius: 5px;\n display: inline-block;\n margin-top: 20px;\n}","index.html":"

Mining Drill Production

\n \n

\n"},"chat_history":[{"deleted":0,"code_id":71065,"input_tokens":null,"id":38155,"project_id":1267,"sender":"human","message":"Let's get started!","created_at":"2024-04-25T22:07:47.945088Z","output_tokens":null},{"deleted":0,"code_id":71065,"input_tokens":null,"id":38156,"project_id":1267,"sender":"ai","message":"```html\n\n```\n\n- This line imports the Roboto font from Google Fonts, which is a modern and readable font that fits well with the Factorio aesthetic of clean and functional design.\n\n```css\nbody {\n font-family: 'Roboto', sans-serif;\n background-color: #2C3E50;\n color: #ECF0F1;\n text-align: center;\n margin: 0;\n padding: 20px;\n}\n\nh1 {\n color: #F39C12;\n}\n\n#calculator {\n background-color: #34495E;\n padding: 20px;\n border-radius: 5px;\n display: inline-block;\n margin-top: 20px;\n}\n```\n\n- Sets the body's font to Roboto for a consistent and modern look, changes the background color to a dark blue-grey which is reminiscent of the Factorio interface, and sets text color to a light grey for readability.\n- Styles the `

` tag to have an orange color similar to the game's logo, making the title stand out and maintaining the game's color scheme.\n- Styles the `#calculator` div with a background color slightly lighter than the body's for contrast, adds padding for spacing, rounds the corners for a modern look, and centers it on the page.","created_at":"2024-04-25T22:07:47.953665Z","output_tokens":null},{"deleted":0,"code_id":71070,"input_tokens":null,"id":38157,"project_id":1267,"sender":"human","message":"first drills mine ore every 0.5 seconds createing copper ore, iron ore, stone , ore coal","created_at":"2024-04-25T22:10:02.305222Z","output_tokens":null},{"deleted":0,"code_id":71070,"input_tokens":null,"id":38158,"project_id":1267,"sender":"ai","message":"```html\n
\n
Mining Drill Production
\n
\n Drill Type:\n \n
\n Ore Type:\n \n
\n \n
\n
\n
\n```\n\n- Adds a form inside the `#calculator` div for users to select the type of drill and the type of ore they want to mine. This mirrors the decision-making process in Factorio, where players select tools and resources for production.\n- Uses `