Eric WagonerandClaude Fable 5.1
b9efe304a0
Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01CCLa2PaEeCj8njQZSWGqHx
27 lines
1.4 KiB
HTML
27 lines
1.4 KiB
HTML
<!doctype html>
|
||
<!-- The share card, 1200 by 630. Open it with the site running at localhost:5173 and screenshot the body: docs/artwork.md. -->
|
||
<html>
|
||
<head>
|
||
<meta charset="utf-8" />
|
||
<style>
|
||
body { margin: 0; width: 1200px; height: 630px; background: #121a20; color: #e9e2d2; font-family: 'Iowan Old Style', Georgia, serif; overflow: hidden; position: relative; }
|
||
.boards { position: absolute; left: 56px; top: 44px; width: 480px; height: 542px; overflow: hidden; border-radius: 8px; border: 1px solid rgba(233, 226, 210, 0.2); }
|
||
.boards img { width: 480px; display: block; }
|
||
.words { position: absolute; left: 600px; top: 120px; width: 540px; }
|
||
h1 { font-size: 110px; font-weight: 300; margin: 0; line-height: 1; letter-spacing: -0.01em; }
|
||
.pitch { font-size: 30px; font-style: italic; margin: 22px 0 0; line-height: 1.3; }
|
||
.tag { font-size: 23px; color: #98a4ab; margin: 26px 0 0; line-height: 1.4; }
|
||
.site { font-size: 22px; color: #f0a53a; margin: 34px 0 0; letter-spacing: 0.04em; }
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<div class="boards"><img src="http://localhost:5173/guide/boards.png" alt="" /></div>
|
||
<div class="words">
|
||
<h1>Wyrm</h1>
|
||
<p class="pitch">Chess on three boards, with a Dragon in the air above your King and a Basilisk in the earth below.</p>
|
||
<p class="tag">Gary Gygax’s Dragonchess of 1985, free in the browser. Play a drake, or send a friend the link.</p>
|
||
<p class="site">wyrm.kestrelsnest.social</p>
|
||
</div>
|
||
</body>
|
||
</html>
|