liferaft/index.html
2024-02-05 12:52:56 +00:00

98 lines
5.3 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>This is your Life Raft</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@picocss/pico@1/css/pico.min.css">
<style>
:where(dl,ol,ul) li {
margin-bottom: calc(var(--typography-spacing-vertical) * 3);
}
button {
margin-right: var(--spacing);
}
button {
width: auto;
display: inline-block;
}
.alert {
padding: 0.5em 1.5em;
border-radius: 1em;
display: none;
}
.alert--success {
border: 2px solid #88c841;
color: #88c841;
}
</style>
</head>
<body>
<main class="container">
<header>
<h1>🛟 This is your Life Raft</h1>
</header>
<ol>
<li>
<button onclick="copyCode()">click here to copy this code</button>
<div class="alert alert--success" id="copy-alert">Copied!</div>
<code id="codeBlock">curl -O https://liferaft.altweb.me/rustdesk.sh && chmod +x rustdesk.sh && ./rustdesk.sh</code>
</li>
<li>
<p>Open the start menu either with your keyboard, by holding the <kbd>CTRL</kbd> key and clicking <kbd>ESC</kbd></p>
<p>or with your mouse, by clicking the button in the lower left hand corner of the screen.</p>
</li>
<li>
Open the terminal thusly:
<p>
<img decoding="async" width="812" height="237" alt="How to Open the Linux Terminal on Chromebook image 2" src="https://helpdeskgeek.com/wp-content/pictures/2021/10/02-open-linux-terminal-chromebook.png" data-lazy-type="image" data-lazy-src="https://helpdeskgeek.com/wp-content/pictures/2021/10/02-open-linux-terminal-chromebook.png" class="lazy wp-image-54440 lazy-loaded" data-lazy-srcset="https://helpdeskgeek.com/wp-content/pictures/2021/10/02-open-linux-terminal-chromebook.png 812w, https://helpdeskgeek.com/wp-content/pictures/2021/10/02-open-linux-terminal-chromebook-300x88.png 300w, https://helpdeskgeek.com/wp-content/pictures/2021/10/02-open-linux-terminal-chromebook-768x224.png 768w, https://helpdeskgeek.com/wp-content/pictures/2021/10/02-open-linux-terminal-chromebook-610x178.png 610w, https://helpdeskgeek.com/wp-content/pictures/2021/10/02-open-linux-terminal-chromebook-80x23.png 80w" data-lazy-sizes="(max-width: 812px) 100vw, 812px" srcset="https://helpdeskgeek.com/wp-content/pictures/2021/10/02-open-linux-terminal-chromebook.png 812w, https://helpdeskgeek.com/wp-content/pictures/2021/10/02-open-linux-terminal-chromebook-300x88.png 300w, https://helpdeskgeek.com/wp-content/pictures/2021/10/02-open-linux-terminal-chromebook-768x224.png 768w, https://helpdeskgeek.com/wp-content/pictures/2021/10/02-open-linux-terminal-chromebook-610x178.png 610w, https://helpdeskgeek.com/wp-content/pictures/2021/10/02-open-linux-terminal-chromebook-80x23.png 80w" sizes="(max-width: 812px) 100vw, 812px">
</p>
</li>
<li>
Paste into the terminal by clicking <kbd>CTRL-SHIFT-V</kbd> and then hit <kbd>ENTER</kbd>.
</li>
<li>
Tell (or show) Spencer what it says in the terminal.
</li>
<li>
<p>Look for a window that looks similar to the following:</p>
<p>
<img src="https://rustdesk.com/docs/en/client/images/client.png" alt="" style="width: auto; height: auto;">
</p>
<p>If you don't see that window, go back to the start menu (<kbd>CTRL-ESC</kbd>) and start typing <pre>"rustdesk"</pre>. Then click on the RustDesk icon when you see it.</p>
</li>
<li>
In RustDesk, look in the top right of the window, and you'll see three horizontal lines. Click that.
</li>
<li>
Still in RustDesk, if you see a blue button that says "start" underneath the word "service", click "start".
</li>
<li>
Stil in RustDesk, on the left there's a gray bar with the word "Network". Click "Network".
</li>
<li>
Still in RustDesk, click the button "unlock network settings" and type in the main password for this computer.
</li>
<li>
Still in RustDesk, find the line that says "ID Server" and paste (<kbd>CTRL-V</kbd>) into the box next to it, and then click the blue button that says "apply".
</li>
</ol>
</main>
<script>
function copyCode() {
const codeBlock = document.getElementById('codeBlock').innerText;
navigator.clipboard.writeText(codeBlock).then(() => {
const copyAlert = document.getElementById('copy-alert');
copyAlert.style.display = 'inline-block';
setTimeout(() => {
copyAlert.style.display = 'none';
}, 10000); // Display for ten seconds (10000 milliseconds)
}, (err) => {
console.error('Error in copying text: ', err);
});
}
</script>
</body>
</html>