\n ♥ Make Your Valentine ♥\n

\n setValentineName(e.target.value)}\n placeholder=\"✧ Valentine's Name ✧\"\n style={{\n display: \"block\",\n margin: \"10px 0\",\n padding: \"8px\",\n border: \"2px solid #000000\",\n width: \"90%\",\n background: \"#ffffff\",\n fontFamily: \"'Comic Sans MS', cursive\",\n fontSize: \"14px\",\n outline: \"none\",\n textAlign: \"center\",\n }}\n />\n setMessage(e.target.value)}\n placeholder=\"✧ Your Message ✧\"\n style={{\n display: \"block\",\n margin: \"10px 0\",\n padding: \"8px\",\n border: \"2px solid #000000\",\n width: \"90%\",\n background: \"#ffffff\",\n fontFamily: \"'Comic Sans MS', cursive\",\n fontSize: \"14px\",\n outline: \"none\",\n textAlign: \"center\",\n }}\n />\n e.currentTarget.style.transform = \"translate(2px, 2px)\"}\n onMouseUp={e => e.currentTarget.style.transform = \"translate(0px, 0px)\"}\n >\n ★ Add Text! ★\n \n generateStaticHTML()}\n style={{\n position: \"fixed\",\n bottom: \"20px\",\n right: \"20px\",\n background: \"#ff00ff\",\n color: \"white\",\n border: \"2px solid #000000\",\n padding: \"8px 16px\",\n cursor: \"pointer\",\n fontFamily: \"'Comic Sans MS', cursive\",\n fontSize: \"16px\",\n fontWeight: \"bold\",\n textShadow: \"1px 1px 0px #000000\",\n boxShadow: \"3px 3px 0px #000000\",\n }}\n>\n 💾 Generate Card\n\n \n

\n ♪ drag text & images! ♪\n

\n \n\n {urls.map((url, index) => (\n \n ))}\n \n {textElements.map((text, index) => (\n \n ))}\n \n );\n}\n}\n\ncreateRoot(document.getElementById(\"root\")).render();","deleted","label",[98],"permalink","https://www.val.town/x/shouser/valentines_day_card_generator/code/frontend_card","extension","actionData","errors"]