29 lines
1.2 KiB
HTML
29 lines
1.2 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Havre share card</title>
|
|
<!-- the share card (shots/og.png, 1200 by 630): tests/smoke.mjs photographs this page -->
|
|
<style>
|
|
html, body { margin: 0; width: 1200px; height: 630px; overflow: hidden; background: #fff; color: #000; }
|
|
.card { display: flex; flex-direction: column; width: 1200px; height: 630px; }
|
|
.top { flex: 1; display: flex; flex-direction: column; justify-content: flex-end; gap: 30px; padding: 0 56px; }
|
|
h1 { margin: 0; font: 700 280px/0.76 "Times New Roman", Times, "Liberation Serif", serif; letter-spacing: -0.05em; }
|
|
p { margin: 0; font: 30px/1.4 "Courier New", Courier, "Liberation Mono", monospace; }
|
|
.band {
|
|
display: flex; justify-content: space-between; align-items: center; margin-top: 46px; padding: 22px 56px;
|
|
background: #000; color: #fff; font: 26px "Courier New", Courier, "Liberation Mono", monospace;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="card">
|
|
<div class="top">
|
|
<h1>HAVRE</h1>
|
|
<p>a harbor for characters.<br>talk to venice characters on your own key.<br>no account. no server. nothing kept but what you keep.</p>
|
|
</div>
|
|
<div class="band"><span>havre.yolopreneur.lol</span><span>a venture on yolopreneur.lol</span></div>
|
|
</div>
|
|
</body>
|
|
</html>
|