crosspost-by-post/index.html at main · synthird/crosspost-by-post · GitHub

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
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="application-name" content="Crosspost by post">
	<meta name="author" content="Synthird">
	<meta name="description" content="Post to one social media platform at a time without needing to create an account to do so.">
	<meta name="keywords" content="post, crosspost, crossposting, crossposter, social media">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="stylesheet" href="styles/main.css">
	<title>Crosspost by post</title>
</head>

<body>
	<header>
		<h1>Crosspost by post</h1>
		<noscript>
			<p>JavaScript must be enabled in your browser's settings before you start posting.</p>
		</noscript>
	</header>

	<main>
		<div>
			<textarea placeholder="Type here." autofocus></textarea>
		</div>

		<div id="post-buttons">
			<a href="https://bsky.app/intent/compose?text=" target="_blank">
				<img src="images/bluesky.svg" alt="Post to Bluesky.">
			</a>

			<a href="https://tootpick.org/#text=" target="_blank">
				<img src="images/mastodon.svg" alt="Post to Mastodon.">
			</a>

			<a href="https://threads.com/intent/post?text=" target="_blank">
				<img src="images/threads.svg" alt="Post to Threads.">
			</a>

			<a href="https://twitter.com/intent/tweet?text=" target="_blank">
				<img src="images/twitter.svg" alt="Post to Twitter/X.">
			</a>
		</div>

		<div class="change-theme">
			<h2>Theme</h2>
			<div>
				<input type="radio" checked name="theme" id="browser"><label for="browser">Browser</label>
			</div>

			<div>
				<input type="radio" name="theme" id="dark"><label for="dark">Dark</label>
			</div>

			<div>
				<input type="radio" name="theme" id="light"><label for="light">Light</label>
			</div>
		</div>

		<div>
			<h2>Typing emojis on a keyboard</h2>
			<ul class="emoji-hotkeys">
				<li><strong>Windows:</strong> <span>Windows key</span> + <span>.</span></li>
				<li><strong>Mac:</strong> <span>Fn</span> + <span>E</span> or <span>Ctrl</span> + <span>Cmd</span> + <span>Space</span></li>
			</ul>
		</div>

		<div>
			<h2>Notes (Aug 17, 2026)</h2>
			<ul>
				<li>Posting to Threads doesn't support emojis.</li>
				<li>The <a href="https://share.joinmastodon.org/" target="_blank">official post to Mastodon page</a> doesn't display multi-line text.
					<ul>
						<li>This is why <a href="https://tootpick.org/" target="_blank">tootpick</a> is used instead.</li>
					</ul>
				</li>
			</ul>
		</div>

		<div>
			<p><a href="https://github.com/synthird/crosspost-by-post" target="_blank">Source code</a></p>
		</div>
	</main>

	<script src="scripts/index.js"></script>
</body>

</html>