blob: c65d87d9f966d6084a37f2daf2645cb7dfe112dc (
plain)
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
|
import { CopyBlock, dracula } from "react-code-blocks";
import { Link } from "react-router-dom";
import { useAuthContext } from "../context/auth_context";
export const Home = () => {
const { player, signedIn } = useAuthContext();
if (signedIn) {
const sshConfig = `Host chessh
Hostname ${process.env.REACT_APP_SSH_SERVER}
Port ${process.env.REACT_APP_SSH_PORT}
User ${player?.username}
PubkeyAuthentication yes`;
return (
<>
<h2>Welcome, {player?.username}</h2>
<hr />
<h3>Getting Started</h3>
<ol>
<div>
<li>
Consider joining the{" "}
<a href={process.env.REACT_APP_DISCORD_INVITE}>CheSSH Discord</a>{" "}
to receive notifications when other players are looking for
opponents, or when it is your move in a game.
</li>
</div>
<div>
<li>
Add a <Link to="/keys">public key</Link>, or{" "}
<Link to="/password">set a password</Link>.
</li>
</div>
<div>
<li>
Insert the following block in your{" "}
<a href="https://linux.die.net/man/5/ssh_config">ssh config</a>:
</li>
<CopyBlock
theme={dracula}
text={sshConfig}
showLineNumbers={true}
wrapLines
codeBlock
/>
</div>
<div>
<li>Then, connect with:</li>
<CopyBlock
theme={dracula}
text={"ssh -t chessh"}
language={"shell"}
showLineNumbers={false}
codeBlock
/>
</div>
<div>
<li>
Finally, play chess! Ideally, keeping the following contols in
mind:
</li>
<ul>
<li>Ctrl + b / Escape to return to the main menu.</li>
<li>Ctrl + c / Ctrl + d to exit CheSSH at any point.</li>
<li>Arrow keys to move around the board.</li>
<li>
Select a piece with "enter", and move it to a square by pressing
"enter" again.
</li>
</ul>
</div>
</ol>
</>
);
}
return (
<>
<p>Looks like you're not signed in 👀. </p>
</>
);
};
|
