Public
HTTP
Forked from stevekrouse/linkInBioTemplate
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
/** @jsxImportSource https://esm.sh/react */
import { renderToString } from "npm:react-dom/server";
export default async function(req: Request) {
return new Response(
renderToString(
<body>
<link rel="stylesheet" href="/style.css" />
<script src="/moment.js" defer></script>
<script src="/script.js" defer></script>
<h1>Lenny Logger</h1>
<div className="flex-row notification">
</div>
<div className="flex-row">
<div className="flex-column">
<a className="button">
<span className="icon">💩</span>
<span className="time"></span>
</a>
</div>
<div className="flex-column">
<a className="button">
<span className="icon">🔫</span>
<span className="time"></span>
</a>
</div>
<div className="flex-column">
<a className="button">
<span className="icon">🍴</span>
<span className="time"></span>
</a>
</div>
<div className="flex-column">
<a className="button">
<span className="icon">💧</span>
<span className="time"></span>
</a>
</div>
</div>
<div className="flex-row">
</div>
<div className="flex-row">
<div className="flex-column" id="submit">
<button onClick={() => console.log("submit")}>
SUBMIT
</button>
</div>
</div>
</body>,
),
{
headers: {
"Content-Type": "text/html",
},
},
);
}
const itemStyle = {
padding: "10px",
color: "white",
backgroundColor: "#ff748d",
borderRadius: "20px",
textDecoration: "none",
boxShadow: "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)",
};
Val Town is a social website to write and deploy JavaScript.
Build APIs and schedule functions from your browser.
Comments
Nobody has commented on this val yet: be the first!
July 5, 2024