{"html":"

\n \n\n

\n \n \n \n \n \n

\n\n

No Deployments

\n Connect your project with a GitHub repository to create your first\n deployment\n

\n\n \n \n \n \n Connect to GitHub\n \n

\n","css":".no-deployments-container {\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n \"Segoe UI\",\n Roboto,\n \"Helvetica Neue\",\n Arial,\n sans-serif;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n text-align: center;\n background-color: #ffffff;\n padding: 3rem 1.5rem;\n max-width: 20rem;\n margin: 2rem auto;\n position: relative;\n border: 1px solid #e6e4e4;\n border-radius: 0.5rem;\n}\n\n.icon-wrapper {\n margin-bottom: 1.5rem;\n}\n\n.rocket-icon {\n width: 2.5rem;\n height: 2.5rem;\n color: #0f172a;\n}\n\n.title-text {\n font-size: 1.25rem;\n font-weight: 600;\n color: #0f172a;\n margin: 0 0 0.5rem 0;\n}\n\n.description {\n font-size: 1rem;\n color: #475569;\n line-height: 1.5;\n margin: 0 0 1.5rem 0;\n max-width: 25rem;\n}\n\n.cta-button {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 0.5rem;\n\n background: linear-gradient(to bottom, #055ffc, #004ecc);\n color: #ffffff;\n box-shadow: 0 2px 4px rgba(5, 95, 252, 0.3);\n\n font-size: 0.875rem;\n font-weight: 600;\n\n padding: 0.625rem 1.25rem;\n border: 1px solid #0044bb;\n border-radius: 0.375rem;\n cursor: pointer;\n\n transition: all 0.2s ease-in-out;\n position: relative;\n overflow: visible;\n}\n\n.cta-button:hover {\n background: linear-gradient(to bottom, #004ecc, #003aa0);\n box-shadow: 0 4px 8px rgba(5, 95, 252, 0.4);\n transform: translateY(-1px);\n}\n\n/* Pulse effect */\n.cta-button::after {\n content: \"\";\n position: absolute;\n top: 50%;\n left: 50%;\n width: 100%;\n height: 100%;\n border-radius: 0.375rem;\n background-color: rgba(5, 95, 252, 0.3);\n transform: translate(-50%, -50%) scale(1);\n opacity: 0;\n pointer-events: none;\n}\n\n.deploy-checkbox:checked ~ .description ~ .cta-button::after {\n animation: pulse 1s ease-out;\n}\n\n@keyframes pulse {\n 0% {\n transform: translate(-50%, -50%) scale(1);\n opacity: 1;\n }\n 100% {\n transform: translate(-50%, -50%) scale(1.8);\n opacity: 0;\n }\n}\n\n.github-icon {\n width: 1rem;\n height: 1rem;\n fill: currentColor;\n}\n\n.deploy-checkbox {\n display: none;\n}\n\n#rocket-wrapper {\n transition: transform 1.5s ease-out;\n}\n\n.deploy-checkbox:checked ~ #rocket-wrapper {\n animation: floatUp 2s ease-out forwards;\n}\n\n@keyframes floatUp {\n 0% {\n transform: translateY(0);\n opacity: 1;\n }\n 100% {\n transform: translateY(-6.25rem);\n opacity: 0;\n }\n}\n"}

friendly-wasp-19

👁 实时预览

📝 源代码