dailyhot-api
Version:
An Api on Today's Hot list
14 lines (13 loc) • 2.01 kB
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "hono/jsx/jsx-runtime";
import { html } from "hono/html";
import Layout from "./Layout.js";
const NotFound = () => {
return (_jsxs(Layout, { title: "404 Not Found | DailyHot API", children: [_jsxs("main", { className: "not-found", children: [_jsx("div", { className: "img", children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "32", height: "32", viewBox: "0 0 24 24", children: _jsx("path", { fill: "currentColor", d: "M12 17q.425 0 .713-.288Q13 16.425 13 16t-.287-.713Q12.425 15 12 15t-.712.287Q11 15.575 11 16t.288.712Q11.575 17 12 17Zm0 5q-2.075 0-3.9-.788q-1.825-.787-3.175-2.137q-1.35-1.35-2.137-3.175Q2 14.075 2 12t.788-3.9q.787-1.825 2.137-3.175q1.35-1.35 3.175-2.138Q9.925 2 12 2t3.9.787q1.825.788 3.175 2.138q1.35 1.35 2.137 3.175Q22 9.925 22 12t-.788 3.9q-.787 1.825-2.137 3.175q-1.35 1.35-3.175 2.137Q14.075 22 12 22Zm0-9q.425 0 .713-.288Q13 12.425 13 12V8q0-.425-.287-.713Q12.425 7 12 7t-.712.287Q11 7.575 11 8v4q0 .425.288.712q.287.288.712.288Z" }) }) }), _jsxs("div", { className: "title", children: [_jsx("h1", { className: "title-text", children: "404 Not Found" }), _jsx("span", { className: "title-tip", children: "\u8BF7\u68C0\u67E5\u60A8\u7684\u8DEF\u5F84" })] }), _jsx("div", { class: "control", children: _jsxs("button", { id: "home-button", children: [_jsx("svg", { className: "btn-icon", xmlns: "http://www.w3.org/2000/svg", width: "32", height: "32", viewBox: "0 0 24 24", children: _jsx("path", { fill: "currentColor", d: "M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1" }) }), _jsx("span", { className: "btn-text", children: "\u56DE\u5230\u9996\u9875" })] }) })] }), html `
<script>
document.getElementById("home-button").addEventListener("click", () => {
window.location.href = "/";
});
</script>
`] }));
};
export default NotFound;