Valentine Dolphin Message 💖

\n\n {!showLove\n ? (\n <>\n setName(e.target.value)}\n />\n \n \n )\n : (\n <>\n

\n {`Pentru tine, Denisa 💘`}\n

\n\n

\n Doi delfini au înotat prin tot oceanul ca să îți spună că ești\n absolut special(ă) și meriți toată iubirea din lume! 🌊🐬💖\n

\n\n

\n \n )}\n

\n );\n}\n\nconst styles: Record = {\n page: {\n minHeight: \"100vh\",\n background: \"linear-gradient(180deg, #ffd6ec 0%, #cde7ff 100%)\",\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"center\",\n justifyContent: \"center\",\n textAlign: \"center\",\n fontFamily: \"sans-serif\",\n padding: 20,\n overflow: \"hidden\",\n },\n title: {\n color: \"#ff4da6\",\n textShadow: \"0 0 10px #ff8bd1\",\n },\n subtitle: {\n color: \"#d63384\",\n textShadow: \"0 0 8px #ff8bd1\",\n },\n text: {\n maxWidth: 320,\n marginTop: 10,\n },\n input: {\n padding: 10,\n borderRadius: 20,\n border: \"1px solid #ccc\",\n marginTop: 10,\n width: 220,\n textAlign: \"center\",\n },\n button: {\n background: \"#ff8bd1\",\n border: \"none\",\n padding: \"12px 24px\",\n borderRadius: 30,\n fontSize: 16,\n cursor: \"pointer\",\n marginTop: 12,\n },\n dolphinTop: {\n width: 150,\n animation: \"float 4s ease-in-out infinite\",\n filter: \"hue-rotate(300deg) saturate(1.8)\",\n marginBottom: 10,\n },\n dolphinBottom: {\n width: 130,\n marginTop: 20,\n animation: \"float 5s ease-in-out infinite\",\n filter: \"hue-rotate(300deg) saturate(1.8)\",\n },\n hearts: {\n position: \"absolute\",\n top: 0,\n width: \"100%\",\n fontSize: 24,\n opacity: 0.25,\n animation: \"drift 10s linear infinite\",\n },\n};\n\nconst animations = `\n@keyframes float {\n 0% { transform: translateY(0px); }\n 50% { transform: translateY(-20px); }\n 100% { transform: translateY(0px); }\n}\n\n@keyframes drift {\n 0% { transform: translateY(-10px); }\n 50% { transform: translateY(10px); }\n 100% { transform: translateY(-10px); }\n}\n`;","deleted","label",[100],"permalink","https://www.val.town/x/mxttyy/denisa-valentine/code/main.tsx","extension","actionData","errors"]