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
<!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.">
	<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>This site requires your browser to have JavaScript enabled in order to function.</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 alt="Post to Bluesky." src="images/bluesky.svg">
			</a>

			<a href="https://share.joinmastodon.org/#text=" target="_blank">
				<img alt="Post to Mastodon." src="images/mastodon.svg">
			</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 alt="Post to Twitter/X." src="images/twitter.svg">
			</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> <em>or</em>
					<span>Ctrl</span> + <span>Cmd</span> + <span>Space</span>
				</li>
			</ul>
		</div>

		<div>
			<h2>Note(s) as of March 25, 2026</h2>
			<ul>
				<li>Emojis aren't supported when posting to Threads.</li>
			</ul>
		</div>
	</main>

	<footer>
		<a href="https://github.com/Synthird/crosspost-by-post" target="_blank">Source code</a>
	</footer>

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

</html>