[{"_1":2,"_175":-5,"_176":-5},"loaderData",{"_3":4,"_61":62,"_174":-5},"root",{"_5":6,"_21":-5,"_22":-5,"_23":24,"_42":-5,"_43":-5,"_44":-5,"_45":46,"_47":48,"_57":58,"_59":60},"env",{"_7":8,"_9":10,"_11":12,"_13":14,"_15":16,"_17":18,"_19":20},"SUPABASE_URL","https://hello.websim.com","SUPABASE_KEY","sb_publishable_Psom5r5hvV9Glvzv4s3oOQ_2b_HevU-","POSTHOG_KEY","phc_VHMOlrdxAbgSZHeF0SdSf07LZLRLAg5pZuTHkJGn050","POSTHOG_API_HOST","https://e.wbsm.ai","POSTHOG_UI_HOST","https://app.posthog.com","GOOGLE_OAUTH_CLIENT_ID","891181648870-i708rj1bgjol84hie20shfr4u4ecf3o7.apps.googleusercontent.com","ACTIVITY_DIRECT_PAGEVIEW","on","authUser","user","snapshotData",{"_25":-5,"_26":-5,"_27":-5,"_28":-5,"_29":-5,"_30":-5,"_31":-5,"_32":-5,"_33":-5,"_34":-5,"_35":-5,"_36":-5,"_37":-5,"_38":-5,"_39":-5,"_40":-5,"_41":-5},"lastProjectId","sidebarTab","homepageTab","pinSidebar","settingsOpen","maximized","assetsExpanded","focusedAssetFilename","authError","authErrorCode","authErrorDescription","sidebarWidth","videoMuted","videoVolume","navigationContext","hasSeenFeedOnboarding","nextUpExpanded","plan","balances","rewards","loadedAt",1793690292035,"origins",{"_49":50,"_51":52,"_53":54,"_55":56},"origin","https://websim.com","apiOrigin","https://api.websim.com","contentOrigin","https://{PROJECT_ID}.c.websim.com","appDomainOrigin","https://{SUBDOMAIN}.on.websim.com","isMobile",false,"theme","auto","slug",{"_63":64,"_65":66,"_121":122,"_139":140,"_166":167,"_168":-5,"_169":170,"_171":172},"version","1","project",{"_67":65,"_68":69,"_70":71,"_72":73,"_83":84,"_85":86,"_87":88,"_89":90,"_91":92,"_93":-5,"_94":-5,"_95":-5,"_96":-5,"_97":98,"_99":100,"_61":109,"_110":98,"_111":98,"_112":58,"_113":-5,"_114":-5,"_115":-5,"_116":117,"_118":-5,"_119":-5,"_120":58},"_type","id","0-ru6g5wm1kaza8kgv_g","created_at","2024-09-09T07:37:06.861Z","created_by",{"_67":22,"_68":74,"_75":76,"_70":77,"_78":79,"_80":-5,"_81":-5,"_82":58},"bfe3f24e-f60e-40a3-8b79-62e18201c847","username","Eddywiday","2024-07-08T07:18:38.240Z","avatar_url","https://avatars.websim.ai/bfe3f24e-f60e-40a3-8b79-62e18201c847/fppg2HHuKJbV5pp97.webp","discord_username","discord_id","is_admin","updated_at","2024-11-15T20:35:42.424Z","title","Image Resizer and Converter","comments_mode","open","visibility","public","current_version",1,"last_posted_version","parent_id","parent_version","deleted_at","posted",true,"stats",{"_101":102,"_103":69,"_104":105,"_106":92,"_107":108},"~type","project_stats","project_id","views",3,"likes","comments",0,"image-resizer-and-converter","auto_set_current","allow_automatic_improvements","board_enabled","description","generated_description","from_template","domains",[],"thumbnail","video","has_active_experiment","project_revision",{"_67":121,"_68":123,"_63":92,"_70":124,"_125":-5,"_94":-5,"_126":-5,"_127":-5,"_72":128,"_129":130,"_103":69,"_83":84,"_96":-5,"_99":131,"_133":58,"_134":135,"_136":-5,"_137":-5,"_138":-5},"0191d5b7-0463-715e-8a77-5385a275a0b4","2024-09-09T07:37:06.915Z","visited_at","parent_revision_version","parent_revision_project_id",{"_67":22,"_68":74,"_75":76,"_70":77,"_78":79,"_80":-5,"_81":-5,"_82":58},"meta",{"_63":64},{"_132":108},"multiplayer_count","draft","site_id","u0PJ9TvwgPkw10I4R","chat_session_id","chat_session_run_index","current_screenshot_url","site",{"_67":139,"_68":135,"_94":-5,"_70":141,"_142":143,"_144":145,"_146":147,"_85":86,"_150":151,"_152":153,"_158":-5,"_159":160,"_161":162,"_96":-5,"_163":-5,"_164":165},"2024-09-09T07:37:06.967Z","state","done","model","sonnet","lore",{"_63":92,"_148":149},"attachments",[],"owner",{"_67":22,"_68":74,"_75":76,"_70":77,"_78":79,"_80":-5,"_81":-5,"_82":58},"prompt",{"_154":155,"_156":157},"type","plaintext","text","▎HTML Structure\n\n\n\n \n \n Image Resizer and Converter\n \n\n\n

Image Resizer and Converter

\n

\n \n Width:\n

\n \n Height:\n

\n \n \n

\n \n Select Format:\n \n

\n\n

\n\n \n\n\n\n\n▎JavaScript Logic (script.js)\ndocument.getElementById('upload').addEventListener('change', handleImageUpload);\ndocument.getElementById('resize').addEventListener('click', resizeImage);\ndocument.getElementById('download').addEventListener('click', downloadImage);\ndocument.getElementById('clear').addEventListener('click', clearCanvas);\n\nlet originalImage = new Image();\n\nfunction handleImageUpload(event) {\n const file = event.target.files[0];\n if (!file) return;\n\n const reader = new FileReader();\n reader.onload = function(e) {\n originalImage.src = e.target.result;\n originalImage.onload = function() {\n const canvas = document.getElementById('canvas');\n canvas.width = originalImage.width;\n canvas.height = originalImage.height;\n const ctx = canvas.getContext('2d');\n ctx.drawImage(originalImage, 0, 0);\n }\n };\n reader.readAsDataURL(file);\n}\n\nfunction resizeImage() {\n const width = parseInt(document.getElementById('width').value);\n const height = parseInt(document.getElementById('height').value);\n \n if (!width || !height) {\n alert(\"Please enter valid dimensions.\");\n return;\n }\n\n const canvas = document.getElementById('canvas');\n canvas.width = width;\n canvas.height = height;\n \n const ctx = canvas.getContext('2d');\n ctx.drawImage(originalImage, 0, 0, width, height);\n}\n\nfunction downloadImage() {\n const format = document.getElementById('format').value;\n const canvas = document.getElementById('canvas');\n \n const link = document.createElement('a');\n link.download = 'resized-image.' + format.split('/')[1];\n link.href = canvas.toDataURL(format);\n link.click();\n}\n\nfunction clearCanvas() {\n const canvas = document.getElementById('canvas');\n const ctx = canvas.getContext('2d');\n \n ctx.clearRect(0, 0, canvas.width, canvas.height);\n document.getElementById('upload').value = '';\n document.getElementById('width').value = '';\n document.getElementById('height').value = '';\n}","url","link_url","/p/0-ru6g5wm1kaza8kgv_g","versioned_link_url","/p/0-ru6g5wm1kaza8kgv_g/1","yapping","page_description","This page provides a user-friendly interface for resizing and converting images. It allows users to upload an image, specify the desired dimensions…","cursor","eyJpZCI6IjAtcnU2ZzV3bTFrYXphOGtndl9nIn0","token","included",[],"about",{"_173":-5},"parent","routes/browser/layout","actionData","errors"]